@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,
#mc-embedded-subscribe {
    font: 13px/17px 'MuseoSlab500', Arial, Helvetica, sans-serif;
    background-color: #000;
    width: 175px;
    color: #fff;
    padding: 10px 0;
}



#Form_SubscribeForm label.left,
#mc_embed_signup label {
    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;
}