@charset "utf-8";

/* CSS Document */



@font-face {

    font-family: 'MuseoSlab500';

    src: url('../fonts/museo_slab_500-webfont.eot');

    src: url('../fonts/museo_slab_500-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/museo_slab_500-webfont.woff') format('woff'),

         url('../fonts/museo_slab_500-webfont.ttf') format('truetype'),

         url('../fonts/museo_slab_500-webfont.svg#MuseoSlab500') format('svg');

    font-weight: normal;

    font-style: normal;	}

	

@font-face {

    font-family: 'AmaticSCRegular';

    src: url('../fonts/amaticsc-regular-webfont.eot');

    src: url('../fonts/amaticsc-regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/amaticsc-regular-webfont.woff') format('woff'),

         url('../fonts/amaticsc-regular-webfont.ttf') format('truetype'),

         url('../fonts/amaticsc-regular-webfont.svg#') format('svg');

    font-weight: normal;

    font-style: normal;

	-webkit-font-smoothing: antialiased; /* This needs to be set or some font faced fonts look bold on Mac. */  }

	

img, div { behavior: url(iepngfix.htc) }



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th {

    background: none repeat scroll 0 0 transparent;

    border: 0 none;

    font-size: 100%;

    margin: 0;

    outline: 0 none;

    padding: 0;

    vertical-align: top; 

}
legend { display:none; }


/* links */

:focus { outline: 0; }

a:link, a:visited { color:#73A536; text-decoration: none; }

a:hover{ color:#73A536; border-bottom: 1px dotted; }

#newsletter a { color:#fff; text-decoration: none; }





/* general */

body { background-color: #E5E6CB; color: #555; font: 12px/18px Arial,sans-serif; }

ol, ul { /*list-style: none;*/ margin-bottom: 5px; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

h1 	{ position:relative; z-index:999; background:url(../images/logo_home.png) no-repeat 0 0;
	-webkit-box-shadow: 0 0 20px #666666;
	-moz-box-shadow: 0 0 20px #666666;
	box-shadow: 0 0 20px #666666;
	behavior: url(PIE.htc);
	width: 218px;
	height: 224px;
	text-indent:-9999px;
	z-index: 9999; }

h2 { padding-bottom: 10px; text-transform: uppercase; font: 28px/28px 'AmaticSCRegular',Arial,Helvetica,sans-serif; color: #000;}

h3 { font: 13px/18px 'MuseoSlab500', Arial,Helvetica,sans-serif; color: #000; padding-bottom: 10px;}

h4 { font: 13px/18px 'MuseoSlab500', Arial,Helvetica,sans-serif; color: #000; }

h6 { padding-bottom: 10px; text-transform: uppercase; font: 28px/28px 'AmaticSCRegular',Arial,Helvetica,sans-serif; color: #000; }

hr { height: 1px; width: 100%; margin: 0 0 10px 0; padding: 0; border-width: 1px 0 0 0; border-top: 1px dotted #DDD8BC; }

#password-clear { display: none; }

.black { color: #000; font-weight: bold; }

.red {color: #F00; }

.white {color: #fff; }

.beige { color: #DDD8BC; }

.imagePad15 { padding: 15px; }

.padR { padding-right: 5px; }

.padBottom {padding-bottom: 10px; }

.padTop5 {padding-top: 5px; }

.padTop10 {padding-top: 10px; }

.underline { border-bottom: 1px dotted #DDD8BC; padding-bottom: 5px;}

.underlinePad5{ border-bottom: 1px dotted #DDD8BC; padding: 5px 0; }

#password-clear { display: none; }

#container { width: 930px; margin: 0 auto; }

#container p { padding-bottom: 10px;}

#breadcrumbs { padding-bottom: 10px; margin-bottom: 15px; border-bottom: 1px dotted #DDD8BC; width: 705px; }







/* form */

input, select, textarea,
#Form_SubscribeForm input.text {

    background-color: #fff;	margin: 0 0 5px 0; color: #777; font-family: Arial,sans-serif; font-size: 12px; padding: 4px; border: 0; 

	width: 167px; }
	
	
.middleColumn input, select, textarea {

    background-color: #FFF;	font-family: Arial,sans-serif; font-size: 12px; padding: 4px; border: 1px solid #DDD8BC; }	
	
	
#searchSection input#SearchForm_SearchForm_Search {
	background-color: #333333;
    color: #FFFFFF;
    height: 16px;
    vertical-align: middle;
    width: 170px;
	border: none;
}
	
	
.Actions input {

    background-color: #73A536; color: #fff;	margin: 0 0 5px 0; font: 13px/17px 'MuseoSlab500', Arial,Helvetica,sans-serif; padding: 10px 10px 12px 10px;; border: 0; width: 250px; }	
	
.Actions {text-align: center; }

.submit,
#Form_SubscribeForm .action { font: 13px/17px 'MuseoSlab500', Arial,Helvetica,sans-serif; background-color: #000; width: 175px; color: #fff; padding: 10px 0; }



#Form_SubscribeForm label.left {
	display: none;
}



/* nav */

#navcol { width: 145px; padding-right: 20px; float:left; }

#nav { font-family: 'MuseoSlab500', Arial,Helvetica,sans-serif; font-size: 13px; list-style: none; }

#nav a { display: block; text-decoration: none;	padding: 6px 0px 4px 5px; white-space: normal; border-bottom: 1px dotted #DDD8BC; }



#nav li.current a { color: #5d5d5c; }

#nav li ul { position: absolute; left: -999em; margin-top: -29px; margin-left: 145px; z-index: 100; }

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul{ left: auto; }

#nav li:hover ul { display: block; }

#nav ul li { width: 180px; display: block; position: relative; }

#nav li:hover a { color: #fff; background-color:#73A536; }

/* #nav li.current:hover a { color: #5d5d5c; background-color:transparent; } */

#nav li.student:hover a { color: #fff; background-color:#000; }

#nav li:hover ul li a { background-color: #73A536; }

#nav li:hover ul li a:hover { background-color:#679430; }

#nav .student a { color: #000;}

#nav li.student:hover ul li a:hover { background-color:#333; }







/* footer */

#footerContainer { width: 930px; padding-bottom: 20px; overflow: hidden; }

#credits { width: 185px; text-align: right; float: left; }

#footer { width: 745px; float: right; background: url(../images/footer_bg.jpg) repeat-y; }

#footerShadow { height: 20px; width: 745px;	background: url(../images/footer_shadow.jpg) repeat-x; }

#footer #col1 { padding: 0 20px; width: 195px; float: left; }

#footer #col2, #footer #col3 { width: 215px; padding: 0 20px; float: left; }

#footerBottom {	width: 745px; float: right;	background: url(../images/footer_bottom.jpg) repeat-x; ; height: 20px;

	-moz-border-radius: 0 0 12px 12px;

	-webkit-border-radius: 0 0 12px 12px;

	border-radius: 0 0 12px 12px;

	behavior: url(PIE.htc); }

#login { width: 175px; padding: 20px; background: url(../images/student_bg.gif) repeat; }

#fb { width: 52px; overflow:hidden; float: left; height: 24px; margin-right: 5px; margin-top: -2px; }

#media a { border:0; }







/* top black strip and search bits */

#blackStrip { background-color: #000; width: 100%; position: fixed; z-index:9999; top: 0; }

#blackStrip li { list-style: none outside none; }

#stripContainer { width: 915px; margin: 0 auto; overflow: auto; padding-right: 15px; }

#searchSection { padding: 10px 0 9px; float:right; color: #888; }

.search { color: #fff; background-color: #333; height: 16px; width: 170px; vertical-align: middle; }

.searchPale { color: #fff; background-color: #888; height: 16px; width: 170px; vertical-align: middle; }

.topCartPad { padding-top: 4px; }

#Search { float: left; }

#SearchForm_SearchForm_action_results { background: url("../images/mag_glass.gif") no-repeat;

	height:24px; vertical-align: middle; width: 29px; margin-left: -5px; cursor:pointer; float: left; text-indent: -9999px; font-size: 0; }

.topList li:first-child { border-left: none; }

.topList li, .topList p { border-left: 1px dotted #666; float: left; padding-left: 10px; height: 24px; line-height: 24px; margin-right:10px; }





/* header, grass and logo */

.headerimg { background-position: center top; background-repeat: no-repeat; width:100%; height:450px; position:absolute; }



#headerimg { background:url(/~foodfore/assets/headers/_resampled/croppedimage1500450-homestead.jpg) no-repeat center center; width:100%; height:400px; position:absolute; z-index: 2;}

#headerBg{ height: 435px; background: url(../images/black_diagonal.png) repeat; width: 100%; position:absolute; }

#headerimgs { z-index:2; position: relative; }



#grass { height: 220px; position: absolute; width: 100%; left: 0; top:285px; background: url(../images/grass.png) repeat-x; z-index:500; }

.homepage #grass { top: 340px; }



#logoContainer { height: 270px; width: 250px; margin: 20px 0 0 20px; }

.homepage #logoContainer { height: 320px; }






/* home 4 buttons */


.list_carousel { width: 890px; }
.list_carousel ul {
	list-style: none;
	display: block;
}




.whiteBlock { background-color: #fff; width: 890px; padding: 20px 20px 10px; position:relative; z-index:999; 

	-moz-border-radius: 12px 12px 0 0; -webkit-border-radius: 12px 12px 0 0; border-radius: 12px 12px 0 0; behavior: url(PIE.htc); }

#buttonContainer { overflow: hidden; }

#feature-panels { width: 9000px; }

.featureButton { padding: 0 4px 0 3px; float: left; }

.featureButtonPadding { padding: 0 20px 20px 0; float: left; width: 215px;}

.featureSmallGreen { font: 13px/17px 'MuseoSlab500', Arial,Helvetica,sans-serif; border-top: 1px solid #8BBE59; }

.featureSmallGreen a { background-color: #73A536; color: #fff; float:left; padding:9px 10px 12px; width: 195px; border-bottom:0;}

.featureSmallGreen a:hover { background-color: #679430; color: #fff; float:left; padding:9px 10px 12px; width: 195px; border-bottom:0;}

.greenButton { font: 13px/17px 'MuseoSlab500', Arial,Helvetica,sans-serif; float: left; margin-left: 10px;}

.greenButton a { background-color: #73A536; color: #fff; float:left; padding:10px 10px 12px; border-bottom:0;}

.greenButton a:hover { background-color: #679430; color: #fff; float:left; padding:10px 10px 12px; border-bottom:0;}

.pagination { text-align: center; margin-top: 15px; } 

.pagination a { background: url('../images/feature-slider-pager.gif') 0 0 no-repeat transparent; width: 15px; height: 15px; margin: 0; display: inline-block; }
.pagination a.selected { background-position: 0 -15px; cursor: default; }

.pagination a:hover { text-decoration: none !important; border-bottom:none; }

.pagination a span { display: none; }

.list_carousel a.prev,.list_carousel  a.next {
    background: url('../images/feature-slider-arrows.gif') no-repeat transparent;
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    top: 90px;
}
.list_carousel a.prev {            left: 0;
                    background-position: 0 0; }
.list_carousel a.prev:hover {      background-position: 0 -20px; }
.list_carousel a.prev.disabled {   background-position: 0 -20px !important;  }
.list_carousel a.next {            right: 2px;
                    background-position: -20px 0; }
.list_carousel a.next:hover			{ background-position: -20px -20px; }
.list_carousel a.next.disabled 		{ background-position: -20px -20px !important;  }
.list_carousel a.prev.disabled, a.next.disabled { cursor: default; }

#buttonContainer.list_carousel a:hover, #buttonContainer.list_carousel a {
	border:none;
}

/* home */

.mainTopShadow { height: 20px; width: 930px; background: url(../images/main_top_shadow.jpg) repeat-x; border-top: 1px solid #E1E1DF; }

#homeCol2  { width: 195px; float: left; padding: 0 20px; }

#homeCol3, #homeCol4 { width: 215px; padding: 0 20px; float: left; }

#feature { background: #000 url(../images/black_bg.gif) no-repeat top left; padding: 20px 20px 15px 20px; font: 20px/24px 'MuseoSlab500', Arial,Helvetica,sans-serif; color: #fff; margin-bottom: 10px; }

#feature a { font: 12px Arial, Helvetica, sans-serif;}

.featurePad { padding-bottom: 5px; display:block; }

#newsletter { background-color: #73A536; padding: 15px 20px; color: #fff; margin-bottom: 5px; }

#main li { padding: 1px 0; list-style-position: inside; }





/* Main Container */

#mainContainer { 

	width: 910px; background: #FFF url(../images/sub_bg.gif) repeat-y; 

	padding: 0 0 0 20px; position: relative; z-index: 500; border-top: 20px #fff solid; border-bottom: 20px #fff solid; 
display: inline-block;
}

.homepage #mainContainer { 

	background: #F6F5ED url(../images/home_bg.gif) repeat-y; 

	border-top: none; border-bottom: 20px solid #F6F5ED;

	}



/* sub */

#mainContainerSub { width: 910px; overflow:hidden; background: #FFF url(../images/sub_bg.gif) repeat-y; padding: 0 0 0 20px; position: relative; z-index: 500; border-top: 20px #fff solid; border-bottom: 20px #fff solid;}



#main { width: 705px; float: left; padding: 0 20px; }

.gallerypage #main, .galleryholderpage #main { width: 725px; padding: 0 0 0 20px;}


#main img.left {float: left; padding: 0 15px 15px 0; }
#main img.right {float: right; padding: 0 0 15px 15px; }
#main img.leftAlone {display: inline; padding-bottom: 0; }



#main ul { padding: 0 20px 0 0; }

#main li { padding: 0 0 10px; list-style-position: outside; margin-left: 15px; }

#main ul ul { padding: 5px 0 0 20px; }



.homepage #main { float: left; padding: 0; width: 745px; }



/* pagination */

#pagination { padding: 15px 0 15px; }

#pagination .noBorder a { border: 0; float:left; padding: 0 5px; line-height: 15px; }

#numbers { float:left; }





/* list and product list */

.listHolder { border-bottom: 1px dotted #DDD8BC; padding: 15px 0; overflow: hidden; }

.listInfo { float: left; width: 515px; }

.listPriceInfo { float: left; width: 350px; padding-right: 20px; border-right: 1px dotted #DDD8BC; }

.thumbPad { padding-right: 15px; float: left; }

.productCost { float: right; width: 165px; text-align:right; }

.listHolder .date { font: 13px/18px 'MuseoSlab500', Arial,Helvetica,sans-serif; color: #FF6600; }

.soldOut { display: none; height: 30px; }

.product-list .thumbnail-link { display:block; width:140px; height: 100px; float: left; padding-right: 15px; }
.product-list .thumbnail-link .thumbPad { float: none; padding-right: 0; }

.listHolder a.thumbnail-link:hover { text-decoration: none; border: none; }


.search-result .highlight { color: #73A536; text-decoration: underline; font-weight: bold; }


/* product pages */

#message { background-color: #000; color: #fff; padding: 10px 15px 0; margin-bottom: 10px; float:left; width: 675px;}
#message p { margin: 0 0 5px;  }
#productFeature { background-color: #F6F5ED; padding: 20px; overflow: hidden; color: #000; margin: 9px 0 15px; float: left; width: 665px;}

.priceBar { background-color: #73A536; display: table; width: 705px; padding: 5px 0 5px 0; margin-bottom: 1px; }

.price { display: table-cell; vertical-align: middle; font:13px/18px 'MuseoSlab500',Arial,Helvetica,sans-serif; color: #fff; padding-left: 15px;}

#downloadForm { font-size:11px; text-align: center; }

.productImg { padding: 0 0 0 15px; float: right; }

.cart { float: right;}

.cart a { color: #FFFFFF; font: 13px/23px 'MuseoSlab500',Arial,Helvetica,sans-serif; padding: 8px 15px 8px 38px; background: url(../images/cart_bg.png) no-repeat 0 0; }
.cart a:hover { color: #FFFFFF; font: 13px/23px 'MuseoSlab500',Arial,Helvetica,sans-serif; padding: 8px 15px 8px 38px; background:#679430 url(../images/cart_bg.png) no-repeat 0 -33px; text-decoration:none; border: none; }




/* cart */

.cartQuantity, .cartPrice, .cartSubTotal, .cartRemove,
.cartWeight { width: 70px; vertical-align:middle; text-align:center; border-bottom: 1px dotted #DDD8BC; padding: 10px 0;}

.cartWeight { width: 100px; }

.cartSubTotal { color: #000; }

.cartRemove a { background:url(../images/remove_up.png) no-repeat left; padding-left: 18px;}

.ajaxQuantityField { width: 25px; background-color: #fff; border: 1px solid #ddd8bc; text-align: center; margin: 0; }

.cartImage { width: 100px; vertical-align:middle; border-bottom: 1px dotted #DDD8BC; padding: 10px 0; text-align:center;}

.cartProduct { width: 200px; vertical-align:middle; border-bottom: 1px dotted #DDD8BC; padding: 10px 0;}

.checkoutpage .cartProduct { width: 300px; }

.shippingDetail { width: 180px; vertical-align: middle; }

.cartShippingInput { background-color: #fff; border: 1px solid #ddd8bc; margin: 5px 0 0 0;}

.ecomquantityfield a { font-size: 20px;}

.total .cartQuantity { text-align: right; width: 540px; }
.total .cartSubTotal,
.checkoutpage .cartSubTotal {text-align: left; padding-left: 12px;}


.removeOneLink, .addOneLink { margin-top: 5px; display: inline-block; }

.cartMessage span.good {
    border: 1px solid #0bac0b;
    display: block;
    padding: 10px;
    text-align: center;
    background-color: #e3fbe3;
    font-weight: bold;
}

.CompositeField > h3 {
	border-bottom: 1px dotted #DDD8BC;
	padding-bottom: 5px;
	margin-bottom: 10px; 
}
.CompositeField .field label.left {
	float: left;
	width: 180px;
	padding-top: 3px;
	padding-right: 10px;
}

.CompositeField .field > .middleColumn {
	float: left;
}

.CompositeField .nolabel > .middleColumn {
	margin-left: 180px;
}


.middleColumn  .message {
	font-weight: bold;
	margin-bottom: 5px;
}
.middleColumn  .required {
	color: #ff0000;
}


#PasswordGroup {
	margin-bottom: 10px;
}

#BottomOrder {
	border-top: 1px dotted #DDD8BC;
	padding: 10px 0;
	margin: 5px 0 10px;
	
}
#BottomOrder .middleColumn {
	font-size: 18px;
	font-weight: bold;
}
div.middleColumn span.readonly {
    font: 18px 'MuseoSlab500',Arial,Helvetica,sans-serif;
}

.readonly div.middleColumn {
	margin-bottom: 5px;
}


/* photos */

#photoColumn { padding: 0 20px 20px 0; float: left; width: 235px;}

.photoHolder { float: left; width: 100px; padding: 0 20px 20px 0; }

.photoInside { display: table-cell; height: 136px; vertical-align: bottom; }

#photoSearch { overflow: hidden; /* margin-bottom: 15px; */ float: left; }

#photoSearch li { list-style: none outside none; float: left; border-left: 1px dotted #ddd8bc; margin-right: 10px; padding-left: 10px; line-height: 24px;}

#photoSearch li:first-child { border: none; padding-left: 0; }

#newSearch { float: left; overflow: hidden; margin-bottom: 15px; width: 330px;}

#top {position:fixed; bottom:0; }
#top a { background-color:#73A536; color:#FFF; padding:5px; }
#top a:hover { background-color:#679430; color:#fff; padding:5px; }



/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.field:before,
.field:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.field:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.field {
  zoom: 1;
}