html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, ul, li {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: inherit;
font-family: inherit;
vertical-align: baseline;
/*list-style: none;*/
}
/* remember to define focus styles! */
:focus {
outline: 0px;
}
html, body {
margin: 0px;
padding: 0px;
height: 100%;
}
.container {
position: relative;
margin: 0px auto;
height: 100%;
}
body {
background: #3e2d17 url('/public/images/front_bg1.jpg') repeat top center;
font-family: Trebuchet MS;
font-size: 12px;
}
.container a {
color: #5a96e8;
text-decoration: none;
}
.container a:hover {
color: #5a96e8;
text-decoration: underline;
}
/*-------------------------------- BEGIN LAYOUT ----------------------------------------- */
/*##############################################################################
##############################################################################
## Body Texture & Division Containers ##
############################################################################*/
#headerContainer { position: absolute; width: 100%; min-height: 319px; margin: 0; padding: 0; background: url('/public/images/inside_bg2.jpg') repeat-x top center; }
#headerSides { position: relative; width: 100%; min-height: 309px; margin: 0; padding: 0; background: url('/public/images/inside_bg3.png') no-repeat top center; }
/*##############################################################################
##############################################################################
## Header ##
############################################################################*/
#header { width: 734px; min-height: 255px; margin: 0; padding: 0; background: url('/public/images/inside_top.jpg') no-repeat top left; }
/*##############################################################################
##############################################################################*/
#corporateLogo { width: 262px; height: 278px; margin: 0; padding: 0; background: url('/public/images/inside_logo.png') no-repeat top left; }
#corporateLogo h1 { width: 185px; height: 150px; margin: 0 0 0 68px; padding: 0; }
#corporateLogo h1 a { display: block; width: 185px; height: 105px; margin: 0; padding: 0; text-indent: -9999px; cursor: pointer; }
#header .top { width: 734px; margin: 0 0 15px 0; padding: 0; }
#header #cse-search-box { width: 230px; margin: 18px 0 0; padding: 0; text-align: right; }
#header #cse-search-box form { margin: 0; padding: 0; }
#header #cse-search-box .leftSide { width: 12px; height: 22px; margin: 0 0 0 6px; padding: 0; background: url('/public/images/search_left.jpg') no-repeat top left; }
#header #cse-search-box .rightSide { width: 12px; height: 22px; margin: 0; padding: 0; background: url('/public/images/search_right.jpg') no-repeat top left; }
#header #cse-search-box #siteSearch { width: 130px; height: 22px; margin: 0; padding: 0; }
#header #cse-search-box #siteSearch input { width: 126px; height: 18px; border: 0; background: url('/public/images/search_bg.jpg') repeat-x top left; margin: 0; padding: 4px 0 0 4px; color: #ffffff; font-size: 11px; font-weight: bold; }
#header #cse-search-box #searchSubmit { width: 64px; height: 22px; margin: 0; padding: 0; }
#header #breadcrumbs { width: 699px; height: 28px; margin: 0; padding: 22px 0 0 35px; color: #6b3815; font-size: 11px; font-weight: bold; line-height: 12px; }
#header #breadcrumbs a { color: #6b3815; font-size: 11px; font-weight: bold; line-height: 12px; text-decoration: none; }
#header #breadcrumbs a:hover { color: #6b3815; font-size: 11px; font-weight: bold; line-height: 12px; text-decoration: underline; }
#header #breadcrumbs a.home { color: #d44104; font-size: 11px; font-weight: bold; line-height: 12px; text-decoration: none; }
#header #breadcrumbs a.home:hover { color: #d44104; font-size: 11px; font-weight: bold; line-height: 12px; text-decoration: underline; }
#header #breadcrumbs a.heading { color: #6b3815; font-size: 1.2em; text-decoration: none; }
#header #breadcrumbs a.heading:hover { color: #6b3815; font-size: 1.2em; text-decoration: underline; }
#insideBody { width: 674px; margin: 0; padding: 20px 25px 20px 35px; color: #512200; font-size: 12px; font-weight: normal; line-height: 20px; }
#insideBody p { margin: 0 0 20px 0; padding: 0; color: #512200; font-size: 12px; font-weight: normal; line-height: 20px; }
#insideBody h1 { margin: 0 0 20px 0; padding: 0; font-size: 2.0em; font-weight: normal; }
#insideBody h2 { margin: 0 0 20px 0; padding: 0; font-size: 1.8em; font-weight: normal; }
#insideBody h3 { margin: 0 0 20px 0; padding: 0; font-size: 1.5em; font-weight: normal; }
#insideBody h4 { margin: 0 0 10px 0; padding: 0; font-size: 1.0em; font-weight: normal; }
#insideBody img[align="left"] { margin: 0 20px 20px 0; }
#insideBody img[align="right"] { margin: 0 0 20px 20px; }
#insideBody ul { list-style: inherit outside; margin: 0 0 20px 20px; padding: 0; }
#insideBody ol { margin: 0 0 20px 20px; padding: 0; }
#insideBody ol li { margin: 0 0 10px auto; }
#insideBody ol li ol { margin: 0 0 0 40px; }
#insideBody ol li ol li { margin: 0 0 0 auto; }
#insideBody .box { width: 320px; margin: 10px 10px 0 0; padding: 0 0 10px 0; background: none; border-bottom: 1px solid #512200; text-align: justify;}
#insideBody .box.last { border-bottom: none; }
#insideBody .box img { float: left; border: 0; margin: 0 10px 10px 0; padding: 0; }
#insideBody #products .imageLink { margin: 0; padding: 5px 0 15px 0; text-align: center; }
#insideBody #products .imageLink a { color: #e28800; font-size: 12px; font-weight: bold; line-height: 16px; text-decoration: underline; }
#insideBody #products .imageLink a:hover { color: #e28800; font-size: 12px; font-weight: bold; line-height: 16px; text-decoration: none; }
#insideBody #product .varieties { width: 310px; margin: 0; padding: 0; text-align: center; }
#insideBody #product .varieties { clear: both; width: 670px; margin: 0 auto; padding: 10px 0 0 0; text-align: center; }
#insideBody #product .varieties h4 { min-height: 20px; margin: 0 0 15px 0; padding: 0; color: #6b3815; font-size: 0.9em; }
#insideBody #product .varieties ul { list-style: none; margin: 0 auto; padding: 0; text-align: center; }
#insideBody #product .varieties li { display: inline-block; width: 130px; margin: 0 20px 0 0; padding: 0; text-align: center; vertical-align: top; }
#insideBody #product .varieties a { color: #e28800; font-size: 12px; font-weight: bold; line-height: 16px; text-decoration: underline; }
#insideBody #product .varieties a:hover { color: #e28800; font-size: 12px; font-weight: bold; line-height: 16px; text-decoration: none; }
#insideBody .productImages { width: 310px; margin: 0; padding: 0; text-align: center; }
#insideBody .productImages { clear: both; width: 670px; margin: 0 auto; padding: 0 0 10px 0; text-align: center; }
#insideBody .productImages h4 { min-height: 20px; margin: 0 0 15px 0; padding: 0; color: #6b3815; font-size: 0.9em; }
#insideBody .productImages ul { list-style: none; margin: 0 auto; padding: 0; text-align: center; }
#insideBody .productImages li { display: inline-block; width: 130px; margin: 0 20px 0 0; padding: 0; text-align: center; vertical-align: top; }
#insideBody .productImages a { color: #e28800; font-size: 12px; font-weight: bold; line-height: 16px; text-decoration: underline; }
#insideBody .productImages a:hover { color: #e28800; font-size: 12px; font-weight: bold; line-height: 16px; text-decoration: none; }
#insideBody #insideBrand_logo { position: relative; width: 200px; height: 200px; top: 0px; border: 0; margin: -33px 0px 0px -21px; text-align: left; }
#insideBody #insideBrand_logo img { border: 0; }
#insideBody #insideBrand_rss a { font-weight: bold; }
#insideBody #insideBrand_title { position: absolute; height: 50px; top: 120px; left: 185px; border: 0; margin: 0px 0px 0px 0px; text-align: left; }
#insideBody #insideBrand_title h2 { color: #6b3815; font-size: 1.9em; }
#insideBody #insideBrand_header { display: block; position: absolute; width: 670px; height: 200px; top: 150px; left: 35px; border-bottom: 12px solid #fffbec; text-align: left; }
#insideBody #insideBrand { width: 670px; margin: 0; padding: 85px 0 0 0; color: #512200; font-size: 12px; font-weight: normal; line-height: 20px; }
#insideBody #insideBrand p { margin: 0 0 20px 0; padding: 0; line-height: 22px; }
#insideBody #insideBrand .newItems { float: right; width: 190px; margin: 0 0 0 15px; padding: 0 0 40px 15px; border-left: 1px solid #ebe6dd; color: #004c89; font-size: 12px; font-weight: normal; line-height: 16px; }
#insideBody #insideBrand .newItems b { font-size: 14px; font-weight: bold; }
#insideBody #insideBrand .newItems h4 { display: block; width: 190px; margin: 0 0 12px 0; padding: 6px 0 0 0; border-top: 8px solid #0085c7; color: #0066a6; font-size: 1.2em; }
#insideBody #insideBrand .newItems sup { font-size: xx-small; vertical-align: top; }
#insideBody #insideBrand .newItems ul { list-style: none outside; margin: 0; padding: 0; }
#insideBody #insideBrand .newItems ul li { margin: 0 0 12px 0; padding: 0; }
#insideBody #insideBrand .newItems a { color: #004c89; font-size: 12px; font-weight: normal; line-height: 16px; text-decoration: none; }
#insideBody #insideBrand .newItems a:hover { text-decoration: underline; }
#insideBody #insideBrand .fromOurNewsroom { width: 670px; margin: 0; padding: 0; }
#insideBody #insideBrand .fromOurNewsroom h4 { color: #6b3815; font-size: 1.2em; margin: 5px 0 0 0; padding: 0; }
#insideBody #insideBrand .fromOurNewsroom .entries { overflow: auto; clear: both; display: block; width: 628px; min-height: 50px; margin: 0 0 0 0; padding: 15px 20px 10px 20px; border: 1px solid #e2d9cc; background: #eeeae4; color: #a35400; font-size: 12px; font-weight: normal; line-height: 16px; }
#insideBody #insideBrand .fromOurNewsroom .entries ul { width: 628px; list-style: none outside url('/public/images/ulMarker_newsroom.gif'); margin: 0; padding: 0; }
#insideBody #insideBrand .fromOurNewsroom .entries li { float: left; width: 300px; margin: 0 0 10px 12px; padding: 0 0 0 0; }
#insideBody #insideBrand .fromOurNewsroom .entries a { display: block; color: #a35400; font-size: 12px; font-weight: normal; line-height: 16px; text-decoration: none; }
#insideBody #insideBrand .fromOurNewsroom .entries a:hover { display: block; color: #a35400; font-size: 12px; font-weight: normal; line-height: 16px; text-decoration: underline; }
#insideBrand_rss.feed a { background:url(/public/images/rss.png) no-repeat scroll left top transparent; font-weight: bold; color:#FFA029; display:block; font-size:11px; font-weight:bold; height:16px; line-height:12px; margin:0; padding:1px 0 0 18px; text-decoration:none; }
#insideBrand_rss.feed a:hover { text-decoration: underline; }
a.pageprint { display: block; float: right; margin: 17px 30px 0 0; padding: 3px 0 0 24px; height: 19px; color: #5b1800; font-size: 1em; text-decoration: none; line-height: 15px; background: url('/public/images/pageprint.png') no-repeat center left; }
a.pageprint:hover { color: #0066a6; font-size: 1em; text-decoration: none; line-height: 15px; }
/*###########################################
## Products ##
###########################################*/
/* Container */
#insideBody #products { width: 670px; margin: 25px 0 0 0; padding: 0; }
/* Type */
#insideBody #products .vert { width: 310px; margin: 0; padding: 0; }
#insideBody #products .horiz { clear: both; width: 670px; margin: 0; padding: 0; }
/* Alignment */
#insideBody #products .left { float: left; margin: 0; padding: 0; }
#insideBody #products .last.left{ float: none; margin: 0; padding: 0; }
#insideBody #products .right { float: left; margin: 0 0 0 20px; padding: 0 0 0 20px; border-left: 1px solid #e2d9cc; }
#insideBody #products .center { float: none; margin: 0 175px 0 175px; padding: 0; }
/* Section */
#insideBody #products .vert .header, #insideBody #products .center .header { width: 310px; min-height: 80px; margin: 0; padding: 0; }
#insideBody #products .vert .description, #insideBody #products .center .description { width: 310px; margin: 0; padding: 0; }
#insideBody #products .vert .varieties, #insideBody #products .center .varieties { width: 310px; margin: 0; padding: 0; text-align: center; }
#insideBody #products .vert .locations, #insideBody #products .center .locations { width: 310px; margin: 0 0 40px 0; padding: 0 0 20px 0; text-align: center; }
#insideBody #products .horiz .header { float: left; width: 310px; min-height: 80px; margin: 0 16px 0 0; padding: 0; }
#insideBody #products .horiz .description { width: 320px; margin: 0; padding: 95px 0 0 20px; }
#insideBody #products .horiz .varieties { clear: both; width: 670px; margin: 0 auto; padding: 10px 0 0 0; text-align: center; }
#insideBody #products .horiz .locations { clear: both; width: 670px; margin: auto auto 40px auto; padding: 0; text-align: center; }
#insideBody #products .horiz img { float: left; margin: 0 0 10px 0; }
#insideBody #products .horiz .short { margin: 0 20px 10px 0; }
#insideBody #products .horiz p { padding: 10px 0 0 20px; margin: 0; }
#insideBody #product .locations { width: 310px; margin: 0 0 40px 0; padding: 0 0 20px 0; text-align: center; }
#insideBody #product .locations { clear: both; width: 670px; margin: auto auto 40px auto; padding: 0; text-align: center; }
/* Pieces */
#insideBody #products .description p { margin: 10px 0 15px 0; padding: 0; color: #512200; font-size: 12px; font-weight: normal; line-height: 22px; text-align: justify; }
#insideBody #products .varieties h4 { min-height: 20px; margin: 0 0 15px 0; padding: 0; color: #6b3815; font-size: 0.9em; }
#insideBody #products .varieties ul { list-style: none; margin: 0 auto; padding: 0; text-align: center; }
#insideBody #products .varieties li { display: inline-block; width: 130px; margin: 0 20px 0 0; padding: 0; text-align: center; vertical-align: top; }
#insideBody #products .varieties a { color: #e28800; font-size: 12px; font-weight: bold; line-height: 16px; text-decoration: underline; }
#insideBody #products .varieties a:hover { color: #e28800; font-size: 12px; font-weight: bold; line-height: 16px; text-decoration: none; }
#insideBody #products .varieties img { float: none; margin: 0; padding: 0; }
#insideBody #products .varieties p { margin: 0 0 15px 0; padding: 0; }
#insideBody #products .locations a { color: #0077b9; font-size: 1.2em; text-decoration: none; }
#insideBody #products .locations a:hover { color: #0077b9; font-size: 1.2em; text-decoration: underline; }
/*###########################################
## Recipe of the Day ##
###########################################*/
#recipeOfTheDay { width: 222px; min-height: 265px; margin: 0; padding: 10px 20px 10px 20px; }
#recipeOfTheDay h2 { color: #ffffff; font-size: 1.3em; margin: 0 0 10px 0; padding: 0; }
#recipeOfTheDay img { border: 0; }
#recipeOfTheDay .photo { width: 210px; margin: 0; padding: 0; }
#recipeOfTheDay .photo a { display: block; width: 195px; height: 85px; margin: 0; padding: 8px; background: url('/public/images/recipe_photobg.png') repeat top left; }
#recipeOfTheDay .photo a:hover { display: block; width: 195px; height: 85px; margin: 0; padding: 8px; background: url('/public/images/recipe_photobg_hover.png') repeat top left; }
#recipeOfTheDay .recipe { width: 210px; }
#recipeOfTheDay .recipe h3 { margin: 10px 0 8px 0; padding: 0; color: #ffd967; font-size: 14px; font-weight: bold; line-height: 14px; }
#recipeOfTheDay .recipe h3 a { color: #ffd967; font-size: 14px; font-weight: bold; line-height: 14px; text-decoration: none; }
#recipeOfTheDay .recipe h3 a:hover { color: #ffd967; font-size: 14px; font-weight: bold; line-height: 14px; text-decoration: underline; }
#recipeOfTheDay .recipe h4 { margin: 0 0 10px 0; padding: 0; color: #ffffff; font-size: 12px; font-weight: normal; line-height: 18px; text-decoration: underline; }
#recipeOfTheDay .recipe p { margin: 0 0 0 0; padding: 0; color: #ffffff; font-size: 12px; font-weight: normal; line-height: 18px; }
#recipeOfTheDay .footer { width: 210px; margin: 10px 0 0 0; padding: 0; }
#recipeOfTheDay .footer .more { width: 125px; margin: 0; padding: 0; }
#recipeOfTheDay .footer .more a { color: #8d602b; font-size: 13px; font-weight: bold; line-height: 14px; text-decoration: none; }
#recipeOfTheDay .footer .more a:hover { text-decoration: underline; }
#recipeOfTheDay .footer .feed { width: 85px; margin: 0; padding: 0; }
#recipeOfTheDay .footer .feed a { display: block; height: 16px; margin: 0; padding: 1px 0 0 18px; color: #ffa029; font-size: 11px; font-weight: bold; line-height: 12px; background: url('/public/images/rss.png') no-repeat top left; text-decoration: none; }
#recipeOfTheDay .footer .feed a:hover { text-decoration: underline; }
/*###########################################
## Featured Promotion ##
###########################################*/
#featuredPromotion { width: 222px; min-height: 265px; margin: 0; padding: 10px 20px 10px 20px; }
#featuredPromotion h2 { color: #ffffff; font-size: 1.3em; margin: 0 0 10px 0; padding: 0; }
#featuredPromotion img { border: 0; }
#featuredPromotion .photo { width: 210px; margin: 0; padding: 0; }
#featuredPromotion .photo a { display: block; width: 195px; height: 85px; margin: 0; padding: 8px; background: url('/public/images/recipe_photobg.png') repeat top left; }
#featuredPromotion .photo a:hover { display: block; width: 195px; height: 85px; margin: 0; padding: 8px; background: url('/public/images/recipe_photobg_hover.png') repeat top left; }
#featuredPromotion .promotion { width: 210px; }
#featuredPromotion .promotion h3 { margin: 10px 0 8px 0; padding: 0; color: #ffd967; font-size: 14px; font-weight: bold; line-height: 14px; }
#featuredPromotion .promotion h3 a { color: #ffd967; font-size: 14px; font-weight: bold; line-height: 14px; text-decoration: none; }
#featuredPromotion .promotion h3 a:hover { color: #ffd967; font-size: 14px; font-weight: bold; line-height: 14px; text-decoration: underline; }
#featuredPromotion .promotion h4 { margin: 0 0 10px 0; padding: 0; color: #ffffff; font-size: 12px; font-weight: normal; line-height: 18px; text-decoration: underline; }
#featuredPromotion .promotion p { margin: 0 0 0 0; padding: 0; color: #ffffff; font-size: 12px; font-weight: normal; line-height: 18px; }
#featuredPromotion .footer { width: 210px; margin: 10px 0 0 0; padding: 0; }
#featuredPromotion .footer .more { width: 125px; margin: 0; padding: 0; }
#featuredPromotion .footer .more a { color: #8d602b; font-size: 13px; font-weight: bold; line-height: 14px; text-decoration: none; }
#featuredPromotion .footer .more a:hover { text-decoration: underline; }
#featuredPromotion .footer .feed { width: 85px; margin: 0; padding: 0; }
#featuredPromotion .footer .feed a { display: block; height: 16px; margin: 0; padding: 1px 0 0 18px; color: #ffa029; font-size: 11px; font-weight: bold; line-height: 12px; background: url('/public/images/rss.png') no-repeat top left; text-decoration: none; }
#featuredPromotion .footer .feed a:hover { text-decoration: underline; }
/*###########################################
## Featured Product ##
###########################################*/
#featuredProduct { width: 222px; min-height: 265px; margin: 0; padding: 10px 20px 10px 20px; }
#featuredProduct h2 { color: #ffffff; font-size: 1.3em; margin: 0 0 10px 0; padding: 0; }
#featuredProduct img { border: 0; margin: 0 10px 0 0; }
#featuredProduct .photo { width: 210px; margin: 0; padding: 0; }
#featuredProduct .photo a { display: block; width: 195px; height: 85px; margin: 0; padding: 8px; background: url('/public/images/recipe_photobg.png') repeat top left; }
#featuredProduct .photo a:hover { display: block; width: 195px; height: 85px; margin: 0; padding: 8px; background: url('/public/images/recipe_photobg_hover.png') repeat top left; }
#featuredProduct .product { width: 210px; }
#featuredProduct .product h3 { margin: 10px 0 8px 0; padding: 0; color: #ffd967; font-size: 14px; font-weight: bold; line-height: 14px; }
#featuredProduct .product h3 a { color: #ffd967; font-size: 14px; font-weight: bold; line-height: 14px; text-decoration: none; }
#featuredProduct .product h3 a:hover { color: #ffd967; font-size: 14px; font-weight: bold; line-height: 14px; text-decoration: underline; }
#featuredProduct .product h4 { margin: 0 0 10px 0; padding: 0; color: #ffffff; font-size: 12px; font-weight: normal; line-height: 18px; text-decoration: underline; }
#featuredProduct .product p { margin: 0 0 0 0; padding: 0; color: #ffffff; font-size: 12px; font-weight: normal; line-height: 18px; }
#featuredProduct .footer { width: 210px; margin: 10px 0 0 0; padding: 0; }
#featuredProduct .footer .more { width: 125px; margin: 0; padding: 0; }
#featuredProduct .footer .more a { color: #8d602b; font-size: 13px; font-weight: bold; line-height: 14px; text-decoration: none; }
#featuredProduct .footer .more a:hover { text-decoration: underline; }
#featuredProduct .footer .feed { width: 85px; margin: 0; padding: 0; }
#featuredProduct .footer .feed a { display: block; height: 16px; margin: 0; padding: 1px 0 0 18px; color: #ffa029; font-size: 11px; font-weight: bold; line-height: 12px; background: url('/public/images/rss.png') no-repeat top left; text-decoration: none; }
#featuredProduct .footer .feed a:hover { text-decoration: underline; }
/*###########################################
## Featured Staff Member ##
###########################################*/
#featuredStaff { width: 222px; min-height: 265px; margin: 0; padding: 10px 20px 10px 20px; }
#featuredStaff h2 { color: #ffffff; font-size: 1.3em; margin: 0 0 10px 0; padding: 0; }
#featuredStaff img { border: 0; }
#featuredStaff .photo { width: 210px; margin: 0; padding: 0; }
#featuredStaff .photo a { display: block; width: 195px; height: 85px; margin: 0; padding: 8px; background: url('/public/images/recipe_photobg.png') repeat top left; }
#featuredStaff .photo a:hover { display: block; width: 195px; height: 85px; margin: 0; padding: 8px; background: url('/public/images/recipe_photobg_hover.png') repeat top left; }
#featuredStaff .staff { width: 210px; }
#featuredStaff .staff h3 { margin: 10px 0 8px 0; padding: 0; color: #ffd967; font-size: 14px; font-weight: bold; line-height: 14px; }
#featuredStaff .staff h3 a { color: #ffd967; font-size: 14px; font-weight: bold; line-height: 14px; text-decoration: none; }
#featuredStaff .staff h3 a:hover { color: #ffd967; font-size: 14px; font-weight: bold; line-height: 14px; text-decoration: underline; }
#featuredStaff .staff h4 { margin: 0 0 10px 0; padding: 0; color: #ffffff; font-size: 12px; font-weight: normal; line-height: 18px; text-decoration: underline; }
#featuredStaff .staff p { margin: 0 0 0 0; padding: 0; color: #ffffff; font-size: 12px; font-weight: normal; line-height: 18px; }
#featuredStaff .footer { width: 210px; margin: 10px 0 0 0; padding: 0; }
#featuredStaff .footer .more { width: 125px; margin: 0; padding: 0; }
#featuredStaff .footer .more a { color: #8d602b; font-size: 13px; font-weight: bold; line-height: 14px; text-decoration: none; }
#featuredStaff .footer .more a:hover { text-decoration: underline; }
#featuredStaff .footer .feed { width: 85px; margin: 0; padding: 0; }
#featuredStaff .footer .feed a { display: block; height: 16px; margin: 0; padding: 1px 0 0 18px; color: #ffa029; font-size: 11px; font-weight: bold; line-height: 12px; background: url('/public/images/rss.png') no-repeat top left; text-decoration: none; }
#featuredStaff .footer .feed a:hover { text-decoration: underline; }
/*###########################################
## Featured Affiliation ##
###########################################*/
#featuredAffiliation { width: 222px; min-height: 134px; margin: 0; padding: 10px 20px 10px 20px; }
#featuredAffiliation h2 { color: #ffffff; font-size: 1.3em; margin: 0 0 10px 0; padding: 0; }
#featuredAffiliation img { border: 0; }
#featuredAffiliation .photo { width: 210px; margin: 0; padding: 0; }
#featuredAffiliation .photo a { display: block; width: 195px; height: 85px; margin: 0; padding: 8px; background: url('/public/images/recipe_photobg.png') repeat top left; }
#featuredAffiliation .photo a:hover { display: block; width: 195px; height: 85px; margin: 0; padding: 8px; background: url('/public/images/recipe_photobg_hover.png') repeat top left; }
#featuredAffiliation .affiliation { width: 210px; }
#featuredAffiliation .affiliation h3 { margin: 10px 0 8px 0; padding: 0; color: #ffd967; font-size: 14px; font-weight: bold; line-height: 14px; }
#featuredAffiliation .affiliation h3 a { color: #ffd967; font-size: 14px; font-weight: bold; line-height: 14px; text-decoration: none; }
#featuredAffiliation .affiliation h3 a:hover { color: #ffd967; font-size: 14px; font-weight: bold; line-height: 14px; text-decoration: underline; }
#featuredAffiliation .affiliation h4 { margin: 0 0 10px 0; padding: 0; color: #ffffff; font-size: 12px; font-weight: normal; line-height: 18px; text-decoration: underline; }
#featuredAffiliation .affiliation p { margin: 0 0 0 0; padding: 0; color: #ffffff; font-size: 12px; font-weight: normal; line-height: 18px; }
#featuredAffiliation .footer { width: 210px; margin: 10px 0 0 0; padding: 0; }
#featuredAffiliation .footer .more { width: 125px; margin: 0; padding: 0; }
#featuredAffiliation .footer .more a { color: #8d602b; font-size: 13px; font-weight: bold; line-height: 14px; text-decoration: none; }
#featuredAffiliation .footer .more a:hover { text-decoration: underline; }
#featuredAffiliation .footer .feed { width: 85px; margin: 0; padding: 0; }
#featuredAffiliation .footer .feed a { display: block; height: 16px; margin: 0; padding: 1px 0 0 18px; color: #ffa029; font-size: 11px; font-weight: bold; line-height: 12px; background: url('/public/images/rss.png') no-repeat top left; text-decoration: none; }
#featuredAffiliation .footer .feed a:hover { text-decoration: underline; }
/*###########################################
## Featured Retailer ##
###########################################*/
#featuredRetailer { width: 222px; min-height: 134px; margin: 0; padding: 10px 20px 10px 20px; }
#featuredRetailer h2 { color: #ffffff; font-size: 1.3em; margin: 0 0 10px 0; padding: 0; }
#featuredRetailer img { border: 0; }
#featuredRetailer .photo { width: 210px; margin: 0; padding: 0; }
#featuredRetailer .photo a { display: block; width: 195px; height: 85px; margin: 0; padding: 8px; background: url('/public/images/recipe_photobg.png') repeat top left; }
#featuredRetailer .photo a:hover { display: block; width: 195px; height: 85px; margin: 0; padding: 8px; background: url('/public/images/recipe_photobg_hover.png') repeat top left; }
#featuredRetailer .retailer { width: 210px; }
#featuredRetailer .retailer h3 { margin: 10px 0 8px 0; padding: 0; color: #ffd967; font-size: 14px; font-weight: bold; line-height: 14px; }
#featuredRetailer .retailer h3 a { color: #ffd967; font-size: 14px; font-weight: bold; line-height: 14px; text-decoration: none; }
#featuredRetailer .retailer h3 a:hover { color: #ffd967; font-size: 14px; font-weight: bold; line-height: 14px; text-decoration: underline; }
#featuredRetailer .retailer h4 { margin: 0 0 10px 0; padding: 0; color: #ffffff; font-size: 12px; font-weight: normal; line-height: 18px; text-decoration: underline; }
#featuredRetailer .retailer p { margin: 0 0 0 0; padding: 0; color: #ffffff; font-size: 12px; font-weight: normal; line-height: 18px; }
#featuredRetailer .footer { width: 210px; margin: 10px 0 0 0; padding: 0; }
#featuredRetailer .footer .more { width: 125px; margin: 0; padding: 0; }
#featuredRetailer .footer .more a { color: #8d602b; font-size: 13px; font-weight: bold; line-height: 14px; text-decoration: none; }
#featuredRetailer .footer .more a:hover { text-decoration: underline; }
#featuredRetailer .footer .feed { width: 85px; margin: 0; padding: 0; }
#featuredRetailer .footer .feed a { display: block; height: 16px; margin: 0; padding: 1px 0 0 18px; color: #ffa029; font-size: 11px; font-weight: bold; line-height: 12px; background: url('/public/images/rss.png') no-repeat top left; text-decoration: none; }
#featuredRetailer .footer .feed a:hover { text-decoration: underline; }
/*###########################################
## Featured Quote ##
###########################################*/
#featuredQuote { width: 214px; margin: 0 0 30px 0; padding: 6px 0px 10px 48px; background: url('/public/images/inside_quote_open.png') no-repeat top left; }
#featuredQuote h2 { color: #ffffff; font-size: 1.3em; margin: 0 0 10px 0; padding: 0; }
#featuredQuote img { border: 0; }
#featuredQuote .quote { width: 166px; margin: 0; padding: 5px 48px 16px 0; background: url('/public/images/inside_quote_close.png') no-repeat bottom right; }
#featuredQuote .quote h3 { margin: 10px 0 8px 0; padding: 0; color: #ffd967; font-size: 14px; font-weight: bold; line-height: 14px; }
#featuredQuote .quote h3 a { color: #ffd967; font-size: 14px; font-weight: bold; line-height: 14px; text-decoration: none; }
#featuredQuote .quote h3 a:hover { color: #ffd967; font-size: 14px; font-weight: bold; line-height: 14px; text-decoration: underline; }
#featuredQuote .quote h4 { margin: 0 0 10px 0; padding: 0; color: #ffffff; font-size: 12px; font-weight: normal; line-height: 18px; text-decoration: underline; }
#featuredQuote .quote p { margin: 0 0 0 0; padding: 0; color: #ffffff; font-size: 12px; font-weight: normal; line-height: 18px; }
#featuredQuote .quote span { float: right; margin: 0 0 0 0; padding: 0; color: #ffffff; font-size: 12px; font-weight: bold; line-height: 18px;}
/*###########################################
## Egg Facts ##
###########################################*/
/* background: url('/public/images/front_leftColumn.jpg') repeat-y top left; */
#eggFacts { width: 250px; margin: 20px 0 0 0; padding: 102px 0 0 0; background: url('/public/images/eggfacts_header.png') no-repeat top left; }
#eggFacts ul { list-style: none; margin: 0; padding: 17px 28px 9px 27px; background: url('/public/images/front_leftColumn.jpg') repeat-y top left; }
#eggFacts li { width: 171px; margin: 0 0 1px 0; padding: 12px 12px 12px 12px; background: url('/public/images/eggfacts_bg.jpg') repeat-y top left; color: #ffffff; font-size: 11px; font-weight: bold; line-height: 14px; text-align: justify; }
#eggFacts h2 { display: block; margin: -1px 0 0 0; padding: 0 39px 30px 0; color: #ffd967; font-size: 14px; font-weight: bold; text-align: right; background: url('/public/images/front_leftColumn.jpg') 0 -475px no-repeat; }
#eggFacts h2 a { color: #ffd967; font-size: 14px; font-weight: bold; text-decoration: none; }
#eggFacts h2 a:hover { text-decoration: underline; }
/*##############################################################################
##############################################################################*/
/*##############################################################################
##############################################################################
## Body ##
############################################################################*/
#bodyColumns { width: 699px; height: 520px; margin: 0 0 65px 0; padding: 0 0 0 0; color: #d7b27f; font-size: 12px; font-weight: normal; line-height: 18px; text-align: justify; }
#bodyColumns h2 { color: #ffffff; font-size: 1.25em; font-weight: normal; line-height: 18px; }
#bodyColumns .push { margin: 0 0 0 55px; }
#bodyColumns p { margin: 12px 0 62px 0; padding: 0 8px 0 8px; }
#bodyColumns a.more { float: right; display: block; width: 59px; height: 22px; margin: 5px 0 0 0; padding: 0; background: url('/public/images/body_more.jpg') no-repeat top left; text-indent: -9999px; cursor: pointer; }
#bodyColumns a.env { display: block; width: 345px; height: 230px; margin: 5px 0 0 0; padding: 0; background: url('/public/images/env_main.png') no-repeat top left; text-indent: -9999px; cursor: pointer; }
#bodyColumns .photo { width: 305px; margin: 10px 0 10px 0; padding: 0; }
#bodyColumns .photo a { display: block; width: 305px; height: 85px; margin: 0; padding: 8px; background: url('/public/images/recipe_photobg.png') repeat top left; }
#bodyColumns .photo a:hover { display: block; width: 305px; height: 85px; margin: 0; padding: 8px; background: url('/public/images/recipe_photobg_hover.png') repeat top left; }
#bodyColumns .wrapped { float: left; display: block; margin: 0; padding: 0; }
#bodyColumns .left { width: 315px; height: 520px; margin: 0; padding: 18px 30px 0 0; }
#bodyColumns .division { width: 9px; height: 520px; margin: 18px 0 0 0; padding: 0; background: url('/public/images/body_div.png') repeat-y top left; }
#bodyColumns .division #environmentLeft { width: 9px; height: 195px; margin: 0; padding: 0; background: url('/public/images/env_left.png') no-repeat top left; }
#bodyColumns .right { width: 345px; height: 520px; margin: 0; padding: 18px 0 0 0; background: url('/public/images/env_top2.png') no-repeat top left; }
#bodyColumns .right p { margin: 0px 0 12px 0; padding: 0 8px 0 32px; }
#bodyColumns .right ul { list-style: disc inside; margin: 0 0 0 32px; line-height: 18px; }
#bodyColumns .right a { color: #f45d23; font-size: 12px; font-weight: normal; text-decoration: none; }
#bodyColumns .right a:hover { color: #f45d23; font-size: 12px; font-weight: normal; text-decoration: underline; }
/*###########################################
## Bottom ##
###########################################*/
#bottomBody { display: block; min-height: 225px; margin: 0 0 0 0; padding: 0; }
#bottomBody #bottomLeft { min-height: 255px; margin: 0; padding: 0; }
#bottomBody #bottomPromos { min-height: 255px; margin: 0; padding: 0; }
#bottomBody #bottomPromos .columns { width: 723px; height: 255px; margin: 0 0 40px 0; padding: 0; }
#bottomBody #bottomPromos .columns .left { width: 340px; height: 50px; margin: 0; padding: 30px 0 0 10px; }
#bottomBody #bottomPromos .columns .left p { width: 300px; margin: 0; padding: 0 0 0 8px; color: #d7b27f; font-size: 12px; font-weight: normal; line-height: 18px; }
#bottomBody #bottomPromos .columns .middle { width: 23px; height: 200px; margin: 0; padding: 0; background: url('/public/images/inside_bottom_div.png') no-repeat top left; }
#bottomBody #bottomPromos .columns .right { width: 275px; height: 225px; margin: 0; padding: 30px 0 0 75px; background: url('/public/images/inside_bottom_env.png') no-repeat top left; }
#bottomBody #bottomPromos .columns .right p { width: 240px; margin: 0; padding: 0 0 0 30px; color: #d7b27f; font-size: 12px; font-weight: normal; line-height: 18px; }
#bottomBody #bottomPromos .columns h2 { color: #ffffff; font-size: 1.2em; margin: 0 0 15px 0; padding: 0; }
#bottomBody #bottomPromos .wrapped { float: left; display: block; margin: 0; padding: 0; }
#bottomBody #bottomPromos a.more { float: right; display: block; width: 59px; height: 22px; margin: 5px 0 0 0; padding: 0; background: url('/public/images/body_more.jpg') no-repeat top left; text-indent: -9999px; cursor: pointer; }
#bodyBottom { width: 699px; height: 100px; margin: 0; padding: 0 0 0 10px; color: #946f42; font-size: 11px; font-weight: bold; }
#bodyBottom p { margin: 18px 0 0 0; padding: 0; }
#bodyBottom a { color: #ffffff; font-size: 11px; font-weight: bold; }
#bodyBottom #allFeeds { display: block; width: 500px; height: 16px; border: 1px solid #573d1c; margin: 0; padding: 8px 10px 6px 10px; }
#bodyBottom #allFeeds a { display: block; float: left; height: 16px; margin: 0 20px 0 0; padding: 1px 0 0 18px; color: #ffa029; font-size: 11px; font-weight: bold; line-height: 12px; background: url('/public/images/rss.png') no-repeat top left; text-decoration: none; }
#bodyBottom #allFeeds a:hover { text-decoration: underline; }
#bodyBottom #bottomNav { width: 600px; margin: 0; padding: 0; }
#bodyBottom #footer { width: 699px; margin: 0; padding: 0; }
#bodyBottom #legal { width: 325px; margin: 0; padding: 0; color: #946f42; font-size: 10px; font-weight: normal; font-family: Trebuchet MS; line-height: 20px; }
#bodyBottom #credit { width: 325px; margin: 0; padding: 0; }
#bodyBottom #credit h4 { width: 248px; height: 22px; margin: 18px 0 0 100px; padding: 0; }
#bodyBottom #credit h4 a { background: url('/public/images/flex360.png') no-repeat top left; width: 248px; height: 22px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
/*##############################################################################
##############################################################################*/
/*##############################################################################
##############################################################################
## Navigation ##
############################################################################*/
/* Controls */
#navigation li:hover, #navigation li.over { position: static; /* make menus not sticky in ie7 */ }
#navigation li ul { position: absolute; left: -999em; }
#navigation li:hover ul { left: auto; }
#navigation li:hover ul, #navigation li.sfhover ul { left: auto; }
/* Options */
#navigation { width: 934px; height: 36px; margin: 18px 0 0 0; padding: 0 0 0 70px; background: url('/public/images/inside_navigation.jpg') no-repeat top left; }
#navigation h2 { height: 36px; color: #5b1300; font-size: 1em; letter-spacing: -0.025em; margin: 0; padding: 0; }
#navOptions { margin: 0; padding: 8px 0 0 0; list-style: none; }
#navOptions li { display: block; float: left; min-height: 23px; margin: 0 0 0 10px; padding: 0 12px 0 0; background: url('/public/images/navigation_div.jpg') no-repeat top right; }
#navOptions li.first { margin: -1px 0 0 0; font-weight: bold; }
#navOptions li.facebook { margin: 0 0 0 8px; padding: 0 0 0 25px; background: url('/public/images/navigation_fb.jpg') no-repeat top left; }
#navOptions li a { color: #5b1300; font-size: 1.1em; letter-spacing: -0.025em; margin: 0; padding: 0 0 0 0; text-decoration: none; }
#navOptions li a:hover { color: #5b1300; font-size: 1.1em; letter-spacing: -0.025em; margin: 0; padding: 0 0 0 0; text-decoration: underline; }
/* Dropdown */
#navigation .dropdownNav { z-index: 99; position: absolute; width: 236px; margin: -9px 0 0 -24px; padding: 0 0 30px 0; line-height: 14px; background: url('/public/images/navigation_bottom.png') no-repeat bottom left; }
#navigation .dropdownNav li:first-child,
#navigation .dropdownNav li.firstChild { padding: 14px 18px 6px 19px !important; }
#navigation .dropdownNav li { width: 199px; min-height: 22px; margin: 0 0 0 0px; padding: 0px 18px 6px 19px; background: url('/public/images/navigation_bg.png') repeat-y top left; line-height: 12px; }
#navigation .dropdownNav li a { display: block; width: auto; margin: 0; padding: 4px 6px 5px 9px; color: #480100; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; text-decoration: none; }
#navigation .dropdownNav li a:hover { color: #ffffff; background: #5b1300; text-decoration: none; }
#navigation .dropdownNav li a.small { font-size: 10px; font-weight: bold; }
#navigation #productsNav li { position: relative; z-index: 1; }
#navigation #productsNav li a.top:hover { color: #480100; color: #ffffff; background: transparent; }
#navigation #productsNav li .top img { position: absolute; left: 20px; width: 80px; }
#navigation #productsNav li div { padding: 0 0 5px 85px; border-bottom: 1px solid #FFE58E; min-height: 50px; }
#navigation #productsNav li div div { padding: 0; border: 0 none; display: block; position: relative; min-height: 0; z-index: 1;}
#navigation #productsNav li span a { padding: 3px; font-size: 11px; width: auto; }
#navigation #productsNav .subcat { margin: 0; padding: 0; display: none; background: #ffffff; opacity: .9; filter: alpha(opacity=90); }
#navigation #productsNav div div:hover { z-index: 10; }
#navigation #productsNav div div:hover .subcat { display: block; top: 0; left: 100%; }
#navigation #productsNav .subcat li, #navigation #productsNav .subcat li:first-child { display: block; width:auto; min-width: 100%; min-height: 0; margin: 0; padding: 0!important; background: none; }
#navigation #productsNav .subcat span a { display: block; }
#navigation #productsNav .subcat a { padding: 3px 6px 3px 15px; white-space: nowrap; zoom: 1; }
/* Brands Showcase */
#navigation #brandShowcase { z-index: 99; position: absolute; width: 656px; margin: -9px 0 0 -24px; padding: 0 0 30px 0; line-height: 14px; background: url('/public/images/navigation_showcase_bottom.png') no-repeat bottom left; }
#navigation #brandShowcase li:first-child,
#navigation #brandShowcase li.firstChild { padding: 0 18px 0 19px !important; }
#navigation #brandShowcase li { width: 620px; margin: 0 0 0 0; padding: 0 18px 0 19px; background: url('/public/images/navigation_showcase_bg.png') repeat-y top left; }
#navigation #brandShowcase li a { display: block; width: 225px; margin: 0; padding: 0; color: #480100; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; text-decoration: none; }
#navigation #brandShowcase li a:hover { margin: 0; padding: 0; color: #ffffff; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; text-decoration: none; background: #5b1300; }
#navigation #brandShowcase .columns { clear: both; width: 620px; min-height: 150px; margin: 0; padding: 0; }
#navigation #brandShowcase .columns .intro { float: left; width: 150px; min-height: 150px; margin: 0; padding: 10px 0 0 20px; border-top: 10px solid #009ee4; color: #9e9e9e; font-size: 11px; font-weight: normal; line-height: 16px; }
#navigation #brandShowcase .columns .intro p { margin: 0 0 15px 0; padding: 0; }
#navigation #brandShowcase .columns .intro a { display: block; width: 135px; color: #009ee3; font-size: 1.05em; font-weight: normal; text-decoration: none; background: url('/public/images/showcase/browse.jpg') no-repeat top right; }
#navigation #brandShowcase .columns .intro a:hover { color: #480100; font-size: 1.05em; font-weight: normal; text-decoration: none; background: url('/public/images/showcase/browse_hover.jpg') no-repeat top right; }
#navigation #brandShowcase .columns .showcaseBrands { float: left; width: 209px; min-height: 152px; margin: 0; padding: 18px 0 0 16px; }
#navigation #brandShowcase .columns .showcaseBrands a { color: #6b3815; font-size: 12px; font-weight: normal; line-height: 16px; text-decoration: none; }
#navigation #brandShowcase .columns .showcaseBrands a:hover { color: #6b3815; font-size: 12px; font-weight: normal; line-height: 16px; text-decoration: underline; }
#navigation #brandShowcase .columns .showcaseBrands sup { font-size: xx-small; vertical-align: top; }
#navigation #brandShowcase .columns .showcaseBrands .brandContainer { clear: both; display: block; width: 205px; height: 50px; margin: 0; padding: 0; }
#navigation #brandShowcase .columns .showcaseBrands .brandContainer .logo { float: left; display: block; width: 85px; height: 50px; margin: 0; padding: 0; }
#navigation #brandShowcase .columns .showcaseBrands .brandContainer .logo img { border: 0; }
#navigation #brandShowcase .columns .showcaseBrands .brandContainer .logo a { background: none; }
#navigation #brandShowcase .columns .showcaseBrands .brandContainer .logo a:hover { background: none; }
#navigation #brandShowcase .columns .showcaseBrands .brandContainer .name { float: left; display: block; width: 120px; height: 35px; margin: 0; padding: 15px 0 0 0; }
#navigation #brandShowcase .columns .showcaseBrands .brandContainer .name a { background: none; }
#navigation #brandShowcase .columns .showcaseBrands .brandContainer .name a:hover { background: none; }
/*###########################################
## Brand Logo Styles ##
###########################################*/
/*
#navigation #brandShowcase .columns .showcaseBrands .greatdaynaturals { display: block; width: 125px; height: 35px; margin: 0 0 0 0; padding: 15px 0 0 80px; background: url('/public/images/showcase/greatdaynaturals.png') no-repeat top left; }
#navigation #brandShowcase .columns .showcaseBrands .greatdaybreakfast { display: block; width: 125px; height: 35px; margin: 0 0 0 0; padding: 15px 0 0 80px; background: url('/public/images/showcase/greatdaybreakfast.png') no-repeat top left; }
#navigation #brandShowcase .columns .showcaseBrands .farmersmarket { display: block; width: 120px; height: 25px; margin: 0 0 0 0; padding: 5px 0 0 85px; background: url('/public/images/showcase/farmersmarket.png') no-repeat top left; }
#navigation #brandShowcase .columns .showcaseBrands .farmersharvest { display: block; width: 120px; height: 25px; margin: 5px 0 5px 0; padding: 5px 0 0 85px; background: url('/public/images/showcase/farmersharvest.png') no-repeat top left; }
#navigation #brandShowcase .columns .showcaseBrands .oldehearth { display: block; width: 125px; height: 35px; margin: 0 0 0 0; padding: 15px 0 0 80px; background: url('/public/images/showcase/oldehearth.png') no-repeat top left; }
#navigation #brandShowcase .columns .showcaseBrands .ringos { display: block; width: 120px; height: 35px; margin: 0 0 0 0; padding: 10px 0 0 85px; background: url('/public/images/showcase/ringos.png') no-repeat top left; }
#navigation #brandShowcase .columns .showcaseBrands .huevosdecalidad { display: block; width: 125px; height: 35px; margin: 0 0 0 0; padding: 15px 0 0 80px; background: url('/public/images/showcase/huevosdecalidad.png') no-repeat top left; }
#navigation #brandShowcase .columns .showcaseBrands .greatdayfoods { display: block; width: 125px; height: 35px; margin: 0 0 0 0; padding: 15px 0 0 80px; background: url('/public/images/showcase/greatdayfoods.png') no-repeat top left; }
#navigation #brandShowcase .columns .showcaseBrands .pieshoppe { display: block; width: 120px; height: 22px; margin: 0 0 5px 0; padding: 8px 0 0 85px; background: url('/public/images/showcase/pieshoppe.png') no-repeat top left; }
#navigation #brandShowcase .columns .showcaseBrands .greatdayliquideggs { display: block; width: 125px; height: 35px; margin: 0 0 0 0; padding: 15px 0 0 80px; background: url('/public/images/showcase/greatdayliquideggs.png') no-repeat top left; }
*/
/* Brands Facebook */
#navigation #brandConnect { z-index: 99; position: absolute; width: 236px; margin: -9px 0 0 -160px; padding: 0 0 30px 0; line-height: 14px; background: url('/public/images/navigation_bottom.png') no-repeat bottom left; }
#navigation #brandConnect li a { display: block; width: 150px; height: 22px; margin: 0 0 0 9px; padding: 8px 0 0 40px; color: #480100; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; text-decoration: none; background: url('/public/images/icon_facebook.png') no-repeat top left; }
#navigation #brandConnect li a:hover { margin: 0 0 0 9px; padding: 8px 0 0 40px; color: #ffffff; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; text-decoration: none; background: #5b1300 url('/public/images/icon_facebook.png') no-repeat top left; }
/*##############################################################################
##############################################################################*/
/*##############################################################################
##############################################################################
## Liquid 3-column layout structure ##
############################################################################*/
/* column container */
.colmask {
position:relative; /* This fixes the IE7 overflow hidden bug */
clear:both;
float:left;
width:100%; /* width of whole page */
overflow:hidden; /* This chops off any overhanging divs */
z-index: 1;
/*margin-bottom: 40px;*/ /* snug as a bug in a rug */
padding: 0 0 25px 0;
background: url('/public/images/inside_bottom.png') no-repeat bottom right;
}
/* common column settings */
.colright,
.colmid,
.colleft {
float:left;
width:100%; /* width of page */
position:relative;
z-index: 1;
}
.mainBody,
.leftBody,
.rightBody {
float:left;
position:relative;
padding:0 0 0 0; /* no left and right padding on columns, we just make them narrower instead
only padding top and bottom is included here, make it whatever value you need */
overflow:visible;
z-index: 1;
}
/* 3 Column settings */
.threecol { /*background:#000;*/ /* right column background colour */ }
.torn { background: url('/public/images/inside_bg.png') repeat-y top right; }
.threecol .colmid { right:8px; /* width of the right column */ }
.threecol .colleft { right:734px; /* width of the middle column */ }
.threecol .mainBody {
width:734px; /* width of center column content (column width minus padding on either side) */
left:100%; /* 100% plus left padding of center column */
/*background:#ffffff;*/ /* center column background colour */
/*height: 500px;*/
}
.threecol .leftBody {
width:262px; /* Width of left column content (column width minus padding on either side) */
left:8px; /* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .rightBody {
width:8px; /* Width of right column content (column width minus padding on either side) */
left:742px; /* Please make note of the brackets here: (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}
/*##############################################################################
##############################################################################*/
/*###########################################
## Universals ##
###########################################*/
.clear { clear: both; }
.stripped { margin: 0; padding: 0; }
.padded-table td, .padded-table th{ padding: 5px; }
.dark { background-color: #5B1300; color: white; font-weight: bold; }
ol { list-style-type: decimal; list-style-position: inside; }
ol ol { list-style-type: lower-alpha; }
.imageLeft { float: left; padding: 6px; margin: 0px 10px 10px 0px; }
.imageRight { float: right; padding: 6px; margin: 0px 0px 10px 10px; }
em, i { font-style: italic; }
/*###########################################
## Floating Feedback Box ##
###########################################*/
#floating_box { width: 170px; height: 199px; margin: 0; padding: 0; border: 0; top: 350px; right: 0px; position: absolute; z-index: 9999; }
#floating_box .brand { width: 170px; height: 88px; margin: 0; padding: 0; text-align: right; }
#floating_box .brand img { border: 0; }
#floating_box .feedback { width: 97px; height: 111px; margin: 10px 0 0 65px; padding: 4px 0 0 8px; background: url('/public/images/feedbackbox_bg.png') no-repeat top left; }
#floating_box .feedback a { display: block; width: 97px; height: 101px; margin: 0; padding: 0; /*text-indent: -9999px;*/ cursor: pointer; text-decoration: none; }
#floating_box .feedback a:hover { display: block; width: 97px; height: 101px; margin: 0; padding: 0; /*text-indent: -9999px;*/ cursor: pointer; text-decoration: none; }
/*###########################################
## Validation Styles ##
###########################################*/
#contactform p span {color: #B04801; }
#contactform input.text, #contactform textarea.text { width: 400px;}
#contactform textarea { height: 125px;}
#contactform input.error, #contactform textarea.error, #contactform select.error { border: 2px solid #B04801; background-color: #F4F3EE; margin: 0px; color: #B04801; }
#contactform label.error { padding-left: 0.5em; vertical-align: top; color: #B04801; font-style: italic; font-weight: normal; }
#contactform p.error, #contactform p.notice, #contactform p.success { border: 2px solid #B04801; margin-bottom: 1em; padding: 0.8em; }
#contactform p.error { background: #F4F3EE none repeat scroll 0 0; border-color: #B04801; color: #B04801; }
#contactform p.notice { background: #FFF6BF none repeat scroll 0 0; border-color: #FFD324; color: #514721; }
#contactform p.success { background: #E6EFC2 none repeat scroll 0 0; border-color: #C6D880; color: #264409; }
#staffList .staffMember { padding-bottom: 30px;}
#staffList .right { border-left: 1px solid #e2d9cc; padding-left: 10px;}
#staffList .more { float: right;}
#customerList { padding: 8px; }
#customerList .customer { padding-top: 10px; border-bottom: 1px solid #e2d9cc; height: 110px; }
#customerList .customer.lastrow { border-bottom: none; }
#customerList .customerDivider { float: left; margin: 5px 0 0 12px; width: 18px; border-left: 1px solid #e2d9cc; height: 111px; }
#affiliationList .affiliation { padding-top: 10px; border-bottom: 1px solid #e2d9cc; height: 110px; }
#affiliationList .affiliation.lastrow { border-bottom: none; }
#affiliationList .affiliationDivider { float: left; margin: 5px 0 0 12px; width: 18px; border-left: 1px solid #e2d9cc; height: 111px; }
.nosides { margin: 0; padding: 0;}
.newsroomBrand {margin: 0; min-height: 100px; padding: 0 0 20px 0; }
.nowidth {width: 1px; margin: 0; padding: 0; }
.indexLogo { width: 190px; margin: 0; padding: 0; text-align: center; }
.indexDesc { width: 480px; margin: 0; padding: 0; }
#newsroomBrandSlider { height: 120px; width: 674px; }
#brandSliderPrev, #brandSliderNext { color: white; background-color: #512200; padding: 5px; cursor: pointer;}
#newsroomPhotoSlider { height: 90px; width: 632px; }
#photoSliderPrev, #photoSliderNext { color: white; background-color: #512200; padding: 5px; cursor: pointer;}
#newsroomVideoSlider { height: 100px; width: 632px; }
#videoSliderPrev, #videoSliderNext { color: white; background-color: #512200; padding: 5px; cursor: pointer;}
/* Newsroom Sidebar */
#newsroomSidebar { width: 222px; min-height: 265px; margin: 0; padding: 10px 20px 10px 20px; }
#newsroomSidebar h2 { color: #ffffff; font-size: 1.3em; margin: 0 0 10px 0; padding: 0; }
#newsroomSidebar img { border: 0; }
#newsroomSidebar .sidebarItem { width: 210px; margin: 0; padding: 10px 0 10px 0; border-bottom: 1px solid #543C1C;}
#newsroomSidebar .last{ border-bottom: none; }
#newsroomSidebar .sidebarItem h3 { margin: 10px 0 8px 0; padding: 0; color: #ffd967; font-size: 14px; font-weight: bold; line-height: 14px; }
#newsroomSidebar .sidebarItem h3 a { color: #ffd967; font-size: 14px; font-weight: bold; line-height: 14px; text-decoration: none; }
#newsroomSidebar .sidebarItem h3 a:hover { color: #ffd967; font-size: 14px; font-weight: bold; line-height: 14px; text-decoration: underline; }
#newsroomSidebar .sidebarItem h4 { margin: 0 0 10px 0; padding: 0; color: #ffffff; font-size: 12px; font-weight: normal; line-height: 18px; text-decoration: underline; }
#newsroomSidebar .sidebarItem p { margin: 0 0 0 0; padding: 0; color: #ffffff; font-size: 12px; font-weight: normal; line-height: 18px; }
#newsroomSidebar .sidebarItem li { list-style: none; }
#insideBody .newsroomItem { border: 1px solid #DDDDDD; padding: 10px; margin-bottom: 10px; background-color: white;}
#insideBody .newsroomItem h3 span.navigation{ float: right; font-size: 10px;}
#sb-content .flickrthumbs { padding: 5px 4px; }
#sb-content .flickrthumbs img { border: 1px solid #ccc; margin: 0 0 0 5px; }
ul.filter { display: block; list-style: none; }
.filter li { display: inline; }
.filter a { padding: 3px 5px; }
.filter a:hover { color: #ffffff; background: #5b1300; text-decoration:none; }
ul.productCats { display: block; list-style: none; }
.productCats li li{ display: inline; }
.productCats li li a { padding: 3px 5px; }
.productCats li li a:hover { color: #ffffff; background: #5b1300; text-decoration:none; }
/*##############################################################################
##############################################################################
## Experience with God Blog ##
############################################################################*/
#expWithGod { width: 670px; margin: 0; padding: 0; }
#expWithGod .expWithGodHeader { width: 435px; min-height: 175px; margin: -12px 0 -12px 0; padding: 18px 0 0 235px; background: url('/public/images/ewg_logo_large.png') no-repeat top left; }
#expWithGod .expWithGodHeader h2 { height: auto; margin: 0 0 6px 0; padding: 0; }
#expWithGod .expWithGodHeader p { margin: 0; padding: 0; }
#expWithGod .expWithGodItems { width: 670px; min-height: 100px; margin: 0; padding: 0; }
#expWithGod .expWithGodItem { margin: 0 0 35px 0; padding: 0; }
#expWithGod .expWithGodItem h4 { height: auto; margin: 0 0 0 0; padding: 0; font-size: 1.2em; font-weight: bold; }
#expWithGod .expWithGodItem h4 a { color: #0077b9; font-size: 1.2em; font-weight: bold; text-decoration: none; }
#expWithGod .expWithGodItem h4 a:hover { color: #512200; text-decoration: none; }
#expWithGod .expWithGodItem p { margin: 0 0 0 0; padding: 0; line-height: 16px; }
#expWithGod .expWithGodItem .more { margin: 10px 0 5px 0; padding: 0; }
#expWithGod .expWithGodItem .more a { height: 20px; margin: 2px 0 2px 0; padding: 3px 10px 4px 10px; background: #0077b9; color: #ffffff; font-size: 13px; font-weight: bold; text-decoration: none; }
#expWithGod .expWithGodItem .more a:hover { color: #ffffff; text-decoration: underline; }
#expWithGod .expWithGodItem small { display: block; margin: 0 0 6px 0; color: #a26846; font-size: 11px; font-style: italic; }
#expWithGod .expWithGodFooter h4 { font-size: 1.2em; font-weight: bold; }
#expWithGod .expWithGodFooter a.more { color: #512200; }
/*##############################################################################
##############################################################################
## CCF Life Blog ##
############################################################################*/
#ccfLife { width: 670px; margin: 0; padding: 0; }
#ccfLife .header { width: 435px; min-height: 175px; margin: -12px 0 -12px 0; padding: 18px 0 0 235px; background: url('/public/images/ccf_life_blog.png') no-repeat top left; }
#ccfLife .header h2 { height: auto; margin: 0 0 6px 0; padding: 0; }
#ccfLife .header p { margin: 0; padding: 0; }
#ccfLife .items { width: 670px; min-height: 100px; margin: 0; padding: 0; }
#ccfLife .item { margin: 0 0 35px 0; padding: 0; }
#ccfLife .item h4 { height: auto; margin: 0 0 0 0; padding: 0; font-size: 1.2em; font-weight: bold; }
#ccfLife .item h4 a { color: #0077b9; font-size: 1.2em; font-weight: bold; text-decoration: none; }
#ccfLife .item h4 a:hover { color: #512200; text-decoration: none; }
#ccfLife .item p { margin: 0 0 0 0; padding: 0; line-height: 16px; }
#ccfLife .item .more { margin: 10px 0 5px 0; padding: 0; }
#ccfLife .item .more a { height: 20px; margin: 2px 0 2px 0; padding: 3px 10px 4px 10px; background: #0077b9; color: #ffffff; font-size: 13px; font-weight: bold; text-decoration: none; }
#ccfLife .item .more a:hover { color: #ffffff; text-decoration: underline; }
#ccfLife .item small { display: block; margin: 0 0 6px 0; color: #a26846; font-size: 11px; font-style: italic; }
#ccfLife .footer h4 { font-size: 1.2em; font-weight: bold; }
#ccfLife .footer a.more { color: #512200; }
/*###########################################
## Sidebar Heading Navigation ##
###########################################*/
#expWithGodNav { width: 222px; margin: 0 0 0 0; padding: 0 20px 10px 20px; }
#expWithGodNav h2 { margin: 10px 0 8px 0; padding: 0; color: #ffd967; font-size: 14px; font-weight: bold; line-height: 14px; }
#expWithGodNav ul { list-style: disc-outside: margin: 0; padding: 0 0 0 15px; color: #8d602b; font-size: 12px; font-weight: normal; line-height: 12px; }
#expWithGodNav ul li { margin: 0 0 5px 0; padding: 0; line-height: 12px; }
#expWithGodNav ul li a { color: #8d602b; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 12px; text-decoration: none; }
#expWithGodNav ul li .more { color: #ffd967; font-weight: bold; }
#expWithGodNav ul li a:hover { color: #ffffff; text-decoration: none; }
/*##############################################################################
##############################################################################*/