/* 

-- [Poplar Grove Farm Web CSS Document] --
-- [Website created by Pixels] --
-- [Front End Developent by William Knelsen] --
-- [www.pixelsonline.ca] -- 

*/


/* -------------- [layout] --------------- */


* {margin:0; padding:0;}

body 

{
	background: url(../images/bodybgd.jpg);	
	text-align:center;	
	font-family: "Helvetica Neue", Verdana, Arial, Helvetica, sans-serif;	
	font-size:.625em;
	margin:0 auto;
}

#wrapper 

{
	color:#000; 
	margin:40px auto 0 auto; 
	width:850px;
}

#content-bottom 

{
	background: url(../images/content-bottom.png) no-repeat bottom; 
	height:40px;
}

#homebottom {
	width:850px;
	margin:0 auto;
}

/* -------------- [fonts] --------------- */

#content-main .inner h2, 
#news h2 

{
	color:#6D9640;
	font-size:1.8em;
	font-weight:normal;
	line-height:2.2em;
}

h2 span

{
	display:none;
}

#content-main .inner h2 span 

{
	font-size:.7em;
}

#content-main .inner h3 

{
	font-size:1.3em;
	margin-bottom:0;
	margin-top:.5em;
	color:#232323;
}

#content-main .inner h4 

{
	font-size:1.2em;
	line-height:1.35;
}

#content-main .inner p, 
#content-main .inner ul, 
#content-main .inner dd,
#news p, 
#news ul

{
	line-height:1.3;
	margin:.5em 1.5em .5em 0;
	font-size:1.15em;
	color:#4E4E4E;
}

blockquote 

{
	font-size:inherit;
	margin-left:30px;
}

#content-main .inner ul 

{
	margin-left:35px;
}

#content-main .inner dl dt 

{
	font-weight:bold;
	font-size:1.2em;
	margin-top:1.5em;
}

#content-main .inner dl dd 

{
	margin-top:.8em;
}

#content-main .inner a,
#news a 

{
	color:#4E4E4E;
}

#content-main .inner a:hover 

{
	text-decoration:none;
}

#faqlist a

{
	text-decoration:none;
}

h2 {background-position:center left;}

#content-leftcol h2 {background-position:center; width:100px; text-align:center;}

h2.spreads {background: url(../images/headings/spreads.gif) no-repeat; height:26px; width:87px;}
h2.latestnews {background: url(../images/headings/latestnews.gif) no-repeat; height:26px; width:120px;}
h2.newsarchive {background: url(../images/headings/newsarchive.gif) no-repeat; height:26px; width:128px;}
h2.aboutus {background: url(../images/headings/aboutus.gif) no-repeat; height:26px; width:93px;}
h2.spreads {background: url(../images/headings/spreads.gif) no-repeat; height:26px; width:92px;}
h2.pureraspberry {background: url(../images/headings/pureraspberry.gif) no-repeat; height:26px; width:164px;}
h2.tworedberries {background: url(../images/headings/tworedberries.gif) no-repeat; height:26px; width:174px;}
h2.raspberryblues {background: url(../images/headings/raspberryblues.gif) no-repeat; height:26px; width:174px;}
h2.locations {background: url(../images/headings/locations.gif) no-repeat; height:26px; width:95px;}
h2.answers {background: url(../images/headings/answers.gif) no-repeat; height:26px; width:88px;}
h2.purchaseretaillocation {background: url(../images/headings/purchaseretaillocation.gif) no-repeat; height:26px; width:346px;}
h2.frequentlyaskedquestions {background: url(../images/headings/frequentlyaskedquestions.gif) no-repeat; height:26px; width:263px;}
h2.recipes {background: url(../images/headings/recipes.gif) no-repeat; height:26px; width:81px;}
h2.bakedoatmeal {background: url(../images/headings/bakedoatmeal.gif) no-repeat; height:26px; width:320px;}
h2.chickentenders {background: url(../images/headings/chickentenders.gif) no-repeat; height:26px; width:346px;}
h2.juliennepotatoes {background: url(../images/headings/juliennepotatoes.gif) no-repeat; height:26px; width:313px;}
h2.yogurtparfait {background: url(../images/headings/yogurtparfait.gif) no-repeat; height:26px; width:222px;}
h2.yogurtgranola {background: url(../images/headings/yogurtgranola.gif) no-repeat; height:26px; width:209px;}
h2.angelsdessert {background: url(../images/headings/angelsdessert.gif) no-repeat; height:26px; width:209px;}
h2.sundaemanitoba {background: url(../images/headings/sundaemanitoba.gif) no-repeat; height:26px; width:209px;}
h2.contactus {background: url(../images/headings/contactus.gif) no-repeat; height:30px; width:111px;}


/* -------------- [main navigation] --------------- */


#mainnav 

{
	background: url(../images/content-top.png) no-repeat 25px bottom;
	text-align:right;
	margin-right:25px;
	height:44px;
	padding-bottom:8px;
}

#mainnav ul 

{
	margin-right:6px;
	list-style:none;
}

#mainnav ul li 

{
	display:inline;
}

#mainnav ul li a

{
	float:right;
	display:block;
	height:44px;
}

#mainnav ul li a span 

{
	display:none;
}

#mainnav ul li.aboutus a 

{
	background: url(../images/tabs/transparent-aboutus.png) no-repeat bottom;
	width:112px;
}

#mainnav ul li.aboutus a:hover, 
body#aboutus ul li.aboutus a

{
	background: url(../images/tabs/hover-aboutus.png) no-repeat top;
}

#mainnav ul li.products a 

{
	background: url(../images/tabs/transparent-products.png) no-repeat bottom;
	width:106px;
}

#mainnav ul li.products a:hover, 
body#products ul li.products a,
body#tworedberries ul li.products a,
body#pureraspberry ul li.products a,
body#raspberryblues ul li.products a

{
	background: url(../images/tabs/hover-products.png) no-repeat top;
}

#mainnav ul li.purchase a

{
	background: url(../images/tabs/transparent-purchase.png) no-repeat bottom;
	width:110px;
}

#mainnav ul li.purchase a:hover, 
body#purchase ul li.purchase a,
body#storelocator ul li.purchase a

{
	background: url(../images/tabs/hover-purchase.png) no-repeat top;
}

#mainnav ul li.faq a 

{
	background: url(../images/tabs/transparent-faqs.png) no-repeat bottom;
	width:71px;
}

#mainnav ul li.faq a:hover, body#faq ul li.faq a

{
	background: url(../images/tabs/hover-faqs.png) no-repeat top;
}

#mainnav ul li.recipes a

{
	background: url(../images/tabs/transparent-recipes.png) no-repeat bottom;
	width:89px;
}

#mainnav ul li.recipes a:hover, 
body#recipes ul li.recipes a,
body#bakedoatmeal ul li.recipes a,
body#chickentenders ul li.recipes a,
body#juliennepotatoes ul li.recipes a,
body#yogurtparfait ul li.recipes a,
body#yogurtgranola ul li.recipes a,
body#sundaemanitoba ul li.recipes a

{
	background: url(../images/tabs/hover-recipes.png) no-repeat top;
}


/* -------------- [main content] --------------- */


#content-main 

{
	background: url(../images/content-middle.png) repeat-y 25px;
}

#content-main .inner 

{
	padding:0 40px;
	text-align:left;
}

/* -------------- [left column] --------------- */


#content-leftcol 

{
	float:left;
	width:160px;
	text-align:center;
}

#content-leftcol #branding 

{
	padding-bottom:15px;
	margin:0 10px;
	padding-top:5px;
}

#content-leftcol #branding img {
	border:none;
}

#content-leftcol h2 

{
	margin:0 15px;
	padding-right:30px;
}

#content-leftcol h2 

{
	font-weight:normal;
	color:#6D9640;
	border-bottom:1px solid #C2C4C3;
	border-top:1px solid #C2C4C3;
	font-size:1.8em;
	height:40px;
	line-height:40px;
}

#content-leftcol h2 span 

{
	display:none;
}

#content-leftcol #leftnav 

{
	padding:20px 0 0 5px;
	border-bottom:1px solid #C2C4C3;
	margin:0 15px;
}

#content-leftcol #leftnav ul 

{
	list-style:none;
	margin:0;
}

#content-leftcol #leftnav ul a 

{
	display:block;
	height:40px;
	color: #9B9D9C;
	text-decoration:none;
	font-size:1.2em;
}

#content-leftcol #leftnav ul a:hover 

{
	color:#252726;
}

body#tworedberries a#tworedberries,
body#raspberryblues a#raspberryblues,
body#pureraspberry a#pureraspberry 

{
	color:#252726;
}

body#bakedoatmeal a#bakedoatmeal,
body#chickentenders a#chickentenders,
body#juliennepotatoes a#juliennepotatoes,
body#yogurtparfait a#yogurtparfait,
body#yogurtgranola a#yogurtgranola,
body#sundaemanitoba a#sundaemanitoba 

{
	color:#252726;
}

#content-leftcol .snippit 

{
	 margin:0 15px;
}

#content-leftcol .snippit p 

{
	font-size:.9em;
	color:#252726;
	line-height:1.25;
	text-align:justify;
	margin-left:15px;
}


/* -------------- [right column] --------------- */


#content-3colright 

{
	float:right;
	width:220px;
	padding:80px 10px 0 10px;
}

#content-2colright 

{
	margin-left:155px;
	padding:40px 20px;
}

body#storelocator #content-2colright 

{
	margin-left:145px;
	padding-top:10px;
}

#content-middlecol 

{
	margin-left:200px;
	width: 310px;
	padding-right:20px;
}

.homepage 

{
	background:url(../images/homegraphic.png) no-repeat center;
	height:450px;
}

#news 

{
	background:url(../images/newsbgd.png) no-repeat center;
	width:512px;
	height:171px;
	float:left;
	text-align:center;
	margin-left:30px;
}

#news .inner

{
	text-align:left;
	padding:15px 25px;
}


#news ul 

{
	list-style:none;
	margin-top:0;
}

#news ul li 

{
	margin:.7em 0;
}

#news p.readmore 

{
	text-align:right;
}

#certifiedorganics 

{
	background:url(../images/certifiedorganics.png) no-repeat;
	width:304px;
	height:175px;
	margin-left:542px;
}

.spreads-main

{
	background:url(../images/spreads-main.jpg) no-repeat center;
	height:450px;
}

.spreads-tworedberries 

{
	background:url(../images/tworedberries.jpg) no-repeat center;
	height:450px;
}

.spreads-raspberryblues 

{
	background:url(../images/raspberryblues.jpg) no-repeat center;
	height:450px;
}

.spreads-pureraspberry 

{
	background:url(../images/pureraspberry.jpg) no-repeat center;
	height:450px;
}

.spreads-main h2, .spreads-main p

{
	display:none;
}

.recipes-main 

{
	background:url(../images/recipes-main.jpg) no-repeat right center;
	height:220px;
}

.recipes-main a {
	text-decoration:none;
}

#content-2colright #bakedoatmeal 

{
	background:url(../images/bakedoatmeal.png) no-repeat right 30px;
}

#content-2colright #yogurtparfait 

{
	background:url(../images/yogurtparfait.jpg) no-repeat right 20px;
	height:330px;
}


#content-2colright #chickentenders

{
	background:url(../images/chickentenders.jpg) no-repeat right 50px;
}

#content-2colright #yogurtgranola {
	background: url(../images/yogurtgranola.jpg) no-repeat right bottom;
	height:365px;
}

#content-2colright #angelsdessert {
	background: url(../images/angelsdessert.jpg) no-repeat right bottom;
	height:340px;
}

.storelist 

{
	margin-bottom:20px;
	float:right;
	width:180px;
	text-align:left;
	padding-left:10px;
}

.storelist ul 

{
	list-style:none;
	margin:0 !important;
}

.storelist ul li 

{
	margin-bottom:1em;
}

.storelist a 

{
	text-decoration:none;
}

.storelist h4 a 

{
	font-weight:normal !important;
	font-size:.95em;
	line-height:1.1;
}

.storelist h4 a:hover 

{
	color:#86A474 !important;
}

/* -------------- [form] --------------- */

#contactForm div

{
	height:50px;
}

#contactForm .label 

{
	float:left;
	width:120px;
	font-size:1.1em;
	line-height:22px;
}

#contactForm textarea

{
	height:60px;
}



/* -------------- [store form] --------------- */

#storeForm div

{
	height:30px;
}

#storeForm .label 

{
	float:left;
	width:100px;
	font-size:1em;
	line-height:11px;
}


/* -------------- [PX Admin] --------------- */

.pxadmin {
	width:90%;
}

.pxadmin h3 {
	background:url(../images/pxadmin/adminheadingbgd.png) no-repeat left bottom;
	height:20px;
	margin:10px 0;
	line-height:20px;
	text-align:right;
	font-size:1.2em;
	color:#fff;
	padding-right:10px;
}

.pxadmin h3 a {
	color:#fff !important;
	text-decoration:none;
}

.pxadmin h3 span {
	padding:0 8px;
}

.pxadmin h4 {
	background:url(../images/pxadmin/sectionheadingbgd.png) no-repeat left;
	height:20px;
	line-height:20px;
	padding-left:8px;
	color:#000;
	font-size:1.2em;
	margin-top:15px;
	margin-bottom:15px;
	text-transform:uppercase;
}

.pxadmin h4 span {
	text-transform:none;
}

.pxadmin h5 {
	margin-bottom:10px;
	font-size:1.2em;
}

.pxadmin p {
	margin:0;
}

p.pxexample {
	font-size:1em !important;
	color:#000 !important;
}

.add a {
	background: url(../images/pxadmin/Add.png) no-repeat left;
}

.remove a, .delete a {
	background: url(../images/pxadmin/Delete.png) no-repeat left;
}

.approve a {
	background: url(../images/pxadmin/approve.png) no-repeat left;
}

.modify a {
	background: url(../images/pxadmin/Modify.png) no-repeat left;
}

.moveup a {
	background: url(../images/pxadmin/moveup.png) no-repeat left;
}

.movedown a {
	background:url(../images/pxadmin/movedown.png) no-repeat left;
}

.upload a {
	background:url(../images/pxadmin/Load.png) no-repeat left;
}

.download a {
	background:url(../images/pxadmin/Save.png) no-repeat left;
}

.forward a {
	background:url(../images/pxadmin/Next.png) no-repeat left;
}

.back a {
	background:url(../images/pxadmin/Back.png) no-repeat left;
}

.search a {
	background:url(../images/pxadmin/Search.png) no-repeat left;
}

.email a {
	background:url(../images/pxadmin/Email.png) no-repeat left;
}

.txtmsg a {
	background:url(../images/pxadmin/Comment.png) no-repeat left;
}

.refresh a {
	background:url(../images/pxadmin/refresh.png) no-repeat left;
}

.galleries a {
	background:url(../images/pxadmin/Picture.png) no-repeat left;
}

.categories a {
	background:url(../images/pxadmin/BarChart.png) no-repeat left;
}

.emailsend a {
	background:url(../images/pxadmin/Emailsend.png) no-repeat left;
}

.preview a {
	background:url(../images/pxadmin/Loading.png) no-repeat left;
}

.add a, .modify a, .remove a, .delete a, .moveup a, .movedown a, .upload a, .download a, .forward a, .back a, .reset a, .send a, .edit a, .search a, .refresh a, .email a, .txtmsg a, .categories a, .galleries a, .emailsend a, .preview a, .approve a {
	line-height:30px;
	padding-left:30px;
	color:#000;
	text-decoration:none;
	line-height:30px;
	display:block;
	height:32px;
	margin:.35em 0;
}

.pxadmin a {
	color:#000;
	text-decoration:none;
}

.pxadmin a:hover {
	text-decoration:underline;
}

.pxadmin hr {
	margin-bottom:5px;
	clear:both;
}

p#support {
	font-size:.8em;
	color:#000;
	margin-bottom:2px;
}

p#warning {
	font-size:.8em;
	color:#666666;
}

p.badlogin {
	color:#6E0907;
	text-transform:uppercase;
}

#actionbutton a {
	background: url(../images/pxadmin/Next.png) left no-repeat;
	padding-left:30px;
	font-weight:bold;
	text-decoration:none;
	width:50%;
	color:#000;
	display:block;
	line-height:30px;
	border-bottom:0px dotted #000;
}

#actionbutton a:hover {
	text-decoration:underline;
}


form#login .label, form#newsadd .label, form#newsmod .label {
	width:90px;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

form#login div, form#newsadd div, form#newsmod div {
	width:95%;
	padding-bottom:1em;
	margin-bottom:7px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

form#newsadd div p, form#newsmod div p {
	font-size:1em;
	padding-top:.2em;
}

form#newsadd textarea, form#newsmod textarea {
	height:160px;
}


table.pxhomepage {
	font-size:.9em;
	width:96%;
	border-collapse:collapse;
	border:2px solid #403E37;
}

table.pxhomepage thead {
	background:#403E37;
	color:#D9D4BA;
	font-weight:bold;
}

table.pxhomepage td {
	padding:.5em .3em;
}

table.pxhomepage tr.pxhomeeven {
	background:#D8D4BA;
}

table.pxhomepage tr.pxhomeodd {
	background:#C3BEA6;
}

/* -------------- [footer] --------------- */


#clearall 

{
	clear:both;
	height:1px;
}

#footer 

{
	text-align:right;
	padding-right:55px;
}

#footer a 

{
	color:#7F8180;
	font-size:1.1em;
	text-decoration:none;
	padding:0 5px;
}

#footer a:hover,
body#contactus a.contactus,
body#home a.home

{
	color:#252726;
}

#legal {
	width:850px;
	text-align:left;
	padding-left:30px;
}

#legal p {
	margin:0;
	padding:0;
}