/* @override http://doorstepdairy.com/resources/css/site.css */

/* @override 
  http://dev.doorstepdairy.com/resources/css/site.css
  http://localhost:8888/css/site.css
  http://doorstepdairy.com/resources/css/site.css
*/

/* colors of DD
#309FC7 = pantone 298
#ACD9F5 = light light blue
#C5DBED = light light light blue
#685C53 = brown
#322e2b = dark brown
#cbbbad = light brown
#BD4F69 = Red
#E66080 = light red
#B1A817 = Green
#CCC21B = light Green
#f58220 = Orange
#FF9E4C = light orange
*/

/* @group GLOBAL */

div.noscriptWarning { background-color: orange; width: 100%; float: left; padding: 3px 0px 5px 0px; bottom:0; position: fixed; z-index: 9999; }
div.noscriptWarning a, div.noscriptWarning b, div.noscriptWarning strong {  color: #000; font-weight: bold;  font-size: 110%; } 
div.noscriptWarning	p {font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; margin: 0px; color: #222; text-align: center; font-size: 100%;}


/* @group tabs */
.tabs {border-bottom: 1px solid #ccc; height: 1%; /* fixing IE 6 */ margin: 0 0 .75em 0; min-height: auto; overflow: auto; }
.tabs li { font-family: "Lucida Grande", "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 90%; border: 1px solid #ccc; border-bottom: none; float: left; line-height: 1.5; list-style-type: none; margin: 0 .25em 0 0; padding: 0; }
.tabs li a {background: #ddd; border: 1px solid #eee; border-bottom: none; color: #222; cursor: pointer; display: block; float: left; padding: .15em .33em .25em .33em; }
.tabs li a.selected {background: #685C53; border: 1px solid #685C53; border-bottom: none; color: #fff; cursor: default; }
.tabs li a, .tabs li a:focus, .tabs li a:hover {text-decoration: none; }
.tabs li a:focus, .tabs li a:hover {color: #555; outline: none; }
.tabs li a.selected:focus, .tabs li a.selected:hover {color: #fafafa; }
.tabs li.label {border: none; font-weight: bold; line-height: 1.5; margin-right: .5em; padding: .25em .33em .25em .33em; }
/* @end */

/* @group scoreboard */
.scoreboard { padding-bottom: .5em;   }
.scoreboard li { float: left; padding: 0 1em 0.3em 0; margin-right: 1em; border-right: 1px solid #cccccc; list-style: none; }
.scoreboard li.last { border-right: none; }
.scoreboard h2 { font-weight: normal; color: #685C53; padding-bottom: 0; margin-bottom: 0; border-bottom: none; line-height: 1;}
.scoreboard p { font-weight: bold; font-size: 2em; color: #322e2b; padding-bottom: 0; margin-bottom: 0px; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; }
.scoreboard p.description { font-weight: normal; color: #685C53; padding-top: 0.2em; padding-bottom: 0; font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif; }
.scoreboard p.description a { text-decoration: underline; }
.scoreboard.right li { float: right; margin-right: 0; padding-right: 0; }
.scoreboard.right h2,
.scoreboard.right p { text-align: right; }
/* @end */

/* @group messages */
p.flash { margin-bottom: 1em; padding: 0.5em; }
p.success { color: #322e2b; background: #FFCC00; }
p.error { background: #FFFFCC none repeat scroll 0 0; border: 2px solid #FFCC66; color: #322e2b; padding-left: 1em; }
p strong { color: #322e2b; }
/* @end */

/* @group tables */
table.simple_table {  border-collapse: collapse; width: 100%; margin-bottom: 1em; }
table.simple_table thead { color: #685C53; }
table.simple_table th, table.simple_table td { padding: 0 0.8em 0.4em 0; text-align: left; vertical-align: top; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; }
table.simple_table th.right, table.simple_table td.right { text-align: right; }
table.simple_table td.right input { text-align: right; }
table.simple_table thead th { border-bottom: 2px solid #bfbfbf; font-weight: normal }
table.simple_table tbody td, table.simple_table tbody th { padding-top: 0.4em; border-bottom: 1px solid #afafaf; color: #322e2b; }
table.simple_table tbody tr.image td, table.simple_table tbody tr.image th { padding-top: .6em; }
table.simple_table img.product_image { float: left; margin: -0.3em 1em 0em 0; }
table.simple_table tr.image div.product_description { margin-left: 75px; font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif; }
table.simple_table tr.nodata td { padding: 1em 0; text-align: center; color: #322e2b; }
table.simple_table th.last, table.simple_table td.last { padding-right: 0; }
table.simple_table input.text { padding: 1px; border: 1px solid #ccc; margin-top: -1px; }
table.simple_table input.checkbox { margin: 0; padding: 0; }
table.simple_table tr.even td, table.simple_table tr.even th { background-color: #f4f4f4; }
table.simple_table a { color: #322e2b; }
table.heavy thead th { padding-top: 0.8em; font-size: 1.2em; background-color: #eee; color: #322e2b; }
table.heavy th, table.heavy td { padding-left: 5px; }
table.heavy th.right, table.heavy td.right { padding-right: 5px; }
table.simple_table th.order_status, td.order_status { width: 18px; padding-left: 0!important; }
table.simple_table td.order_status span { line-height: 0; width: 11px; height: 11px; float: right; border: 1px solid #888888; }
/* Totals table */
table.totals { width: auto; float: right; margin-bottom: 2em; }
table.totals td, table.totals th { text-align: right; }
/* Controls */
input.short { width: 30px; }
table.simple_table td.imageData {
  padding: 0px; margin: 0px; }
table#ordersExplained td, table#ordersExplained th { padding-left: 15px;
  
}
table#ordersExplained {
  margin-bottom: 24px;
}
table#ordersExplained tr.even td.col1 { background-color: #fff; }
table#ordersExplained td.col1 { font-weight: bold; width: 20%; padding-left: 0px; }
table#ordersExplained td.colSO { background-color: #eaf3f7; }
table#ordersExplained td.colWO { background-color: #f7f6e8; }
table#ordersExplained tr.even td.colSO { background-color: #d7e8ef; }
table#ordersExplained tr.even td.colWO { background-color: #f2f0cd; }




/* @end */

/* @group forms */
.required { color: red; }
ul.form li { clear: both; font-size: 10px; font-family: "Lucida Grande", "Helvetica Neue", Arial, Helvetica, sans-serif;}
ul.form li.left { float: left; width: 45%; }
ul.form li.right { width: 49%; clear: right; float: right; }
ul.form label { font-size: 1.2em; display: block; color: #685C53; font-weight: bold; margin-bottom: 0.2em; }
ul.form li.form_header { font-size: 12px; color: #322e2b; font-weight: bold; margin-bottom: 0.5em; margin-top: 1.5em; }
ul.form span.comment { display: block; margin-top: 2px; color: #685C53; font-size: 11px; font-weight: normal; }
ul.form input.text, ul.form textarea.text { width: 100%; border: 1px solid #bfbfbf; background: white url(../images/input_bg.gif) no-repeat left top; font-size: 1.2em; padding: 0.4em; color: #322e2b; }
ul.form input.text:focus { background: #ffffcc url(../images/input_bg_active.gif) no-repeat left top; border: 1px solid #aaa; }
ul.form li.text div { padding-right: 1.2em; }
ul.form select { width: 100%; }
ul.form li { margin-bottom: 1em; list-style: none;}
ul.form li.checkbox div { float: left; }
ul.form li.checkbox input { margin: 0; padding: 0; }
ul.form li.checkbox label { color: #322e2b; margin-left: 20px; font-weight: normal; }
ul.form li.radio_horizontal label { margin-bottom: 0.5em; }
ul.form li.radio_horizontal div { float: left; margin-bottom: 0.5em; }
ul.form li.radio_horizontal input { margin: 0; padding: 0; float: left; }
ul.form li.radio_horizontal div span { display: block; margin-left: 20px; margin-right: 1.5em; }
ul.form li.radio_horizontal div label { color: #322e2b; font-weight: normal; }
ul.form li.radio_horizontal img { display: block; margin-bottom: 0.3em; }
/* @end */

h1, h2, h3, h4, h2 a { color: rgb(125,106,85);}
#site-center h2 a, #site-center h2 { font-size: 24px; text-decoration: none; margin-bottom: 6px; }
body { color: #4c4641; background: url(../images/bodyBkgd_final.png) repeat #4e4640;}
li { margin-left: 0px; }
a {outline: none; color: #309FC7;}

#header { width: 100%; float: left; overflow: hidden; height: 130px; background: url(../images/bodyBkgdInside.png) repeat-x 0 0 #fff;  }
body.home #header { overflow: hidden; height: 100px; background: url(../images/bodyBkgd.png) repeat-x 0 0 #fff;}
#site-center { float: left; padding-bottom: 0px; width: 100%; background-color: #fff; }
body.home .blueSky { background: url(../images/bodyBkgd.png) repeat-x 0 -100px #fff; float: left; width: 100%; margin: 0; padding: 0;}
body.logged-in #header { border-top: 1px solid #ACD9F5; }


#site-center .container_16 { padding-bottom: 28px; }


.clear-block { display: block;}

body.sidebarRight #site-center .container_16 { background: url(../images/siderbarRightBkgd.png) repeat-y #fff; display: block; }

h1 { font-size: 48px; font-weight: normal; letter-spacing: -1px; line-height: 1; }
h2, h3, h3 {
  font-weight: bold;
}
.float_right { float: right; }
.float_left { float: left; }
.sale_price { color: #c63b5c; font-weight: bold;}
.old_price { text-decoration: line-through; font-weight: normal; }

p.flash.success { padding: 16px 20px 20px 92px; background: #ffe97f url(../images/note.png) no-repeat 5px center; border-bottom: 1px solid #e5ce5b; border-right: 1px solid #e5ce5b; border-top: 1px solid #ffe97f; border-left: 1px solid #ffe97f;
}
/* @end */

/* @group HEADER */

/* @group main-menu */

#site-menu { float: right; padding: 20px 0 0 0;}
ul.main-menu { padding: 0; margin: 0; }
ul.main-menu li { padding: 0px; margin: 0px; list-style: none; display: inline;}
ul.main-menu li.current a, ul.main-menu li.current a:hover { height: 70px; }
ul.main-menu li.current.about a, ul.main-menu li.current.about a:hover { background-position: -94px -80px;}
ul.main-menu li.current.store a, ul.main-menu li.current.store a:hover { background-position: -188px -80px;  }
ul.main-menu li.current.blog a, ul.main-menu li.current.blog a:hover { background-position: -282px -80px; }
ul.main-menu li.current.contact a, ul.main-menu li.current.contact a:hover { background-position: -376px -80px; }
ul.main-menu li.home.current a, ul.main-menu li.home.current a:hover { height: 40px; }
ul.main-menu li.about a { background-position: -94px 0; }
ul.main-menu li.store a { background-position: -188px 0; }
ul.main-menu li.blog a { background-position: -282px 0; }
ul.main-menu li.contact a { background-position: -376px 0; }
ul.main-menu li.about a:hover { background-position: -94px -40px; }
ul.main-menu li.store a:hover { background-position:  -188px -40px; }
ul.main-menu li.blog a:hover { background-position: -282px -40px; }
ul.main-menu li.contact a:hover { background-position: -376px -40px; }
ul.main-menu li a {  color: #fff; width: 94px; height: 40px; margin: 0 0px 0 12px; display: block; float: left; background-image: url(../images/mainNav.png); background-repeat: no-repeat; background-color: transparent; text-indent: -9999px; }
ul.main-menu a:active { margin-top: 2px; }



/* @group #loginDashboard */
a.loginBtn { position: absolute; z-index: 9999; margin: 72px 0 0 810px; display: block; height: 28px; width: 130px; background: url(../images/btnLogin.png) no-repeat 0 0; text-indent: -9999px; }
#loginDashboard { width: 100%;background: url(../images/footerBkgd.jpg) repeat 0 -250px #685f58; float: left; font-family: "Lucida Grande", "Helvetica Neue", Arial, Helvetica, sans-serif; display: block; color: #cbbbad; border-bottom: 1px solid #59514c;}
#loginDashboard .container_16 { height: 34px; font-size: 12px; line-height: 1; overflow: hidden; }
#loginDashboard ul.accountFunctions { float: right;}
#loginDashboard ul.accountFunctions li { float: right; list-style: none; height: 18px; border-right: 1px solid #7f7166; border-left: solid 1px #59514c; padding: 10px 10px;}
#loginDashboard ul.accountFunctions li.miniStandingOrder, #loginDashboard ul.accountFunctions li.miniCart, #loginDashboard ul.accountFunctions li.orders, #loginDashboard ul.accountFunctions li.user, #loginDashboard ul.accountFunctions li.holdWeeklyDelivery,  #loginDashboard ul.accountFunctions li.changeStandingOrder { padding-left: 30px; background-repeat: no-repeat; height: 16px; background-position: 8px 8px; }
#loginDashboard a { text-decoration: none; border-bottom: 1px dotted #ACD9F5; color: #ACD9F5; }
#loginDashboard a:hover {  border-bottom: 1px solid #fff; color: #fff; }
#loginDashboard ul.accountFunctions li.welcome { padding-left: 0px; border-left: 0px; }
#loginDashboard ul.accountFunctions li.logout { padding-right: 0px; border-right: 0px; }
ul.accountFunctions li.miniCart { background-image: url(../images/iconCartGreen.png); }
ul.accountFunctions li.miniStandingOrder { background-image: url(../images/iconStandingOrderMini.png); }
ul.accountFunctions li.user { background-image: url(../images/iconUser.png); }
ul.accountFunctions li.orders { background-image: url(../images/iconOrders.png); }
ul.accountFunctions li.holdWeeklyDelivery { background-image: url(../images/iconStopWeeklyOrder.png); }
span.miniCartNumber { font-weight: bold; color: #fff; margin-left: 3px; }
/* @end */
/* @end */

/* @group breadcrumbs */

.breadcrumb { margin-top: 10px; }
.breadcrumb a { color: #ccc; text-decoration: none; }

/* @end */

.branding a { height: 100px; width: 110px; background: url(../images/doorstepDairyLogo.png) no-repeat 0px 0px; text-indent: -9999px; line-height: 1; overflow: hidden; margin: 0px; padding: 0px; display: block; float: left;}

body.sidebarRight #header .container_16 { background: url(../images/sidebarRightTop.png) no-repeat right bottom; height: 140px; }



/* @end */

/* @group CENTER */

/* @group sidebar */
.sidebar { font-size: 85%; padding-top: 8px;}
.sidebar h2.title {  text-indent: -9999px; height: 42px; position: relative; background-repeat: no-repeat; margin: 0px -30px 0px -40px; background-image: url(../images/sidebarTitles.png); }
.sidebar #productCategories h2.title { background-position: 0px -4px; }
.sidebar #aboutSubpages h2.title { background-position: 0px -44px; }
.sidebar #blogCategories h2.title { background-position: 0px -129px; }
.sidebar #recentPosts h2.title { background-position: 0px -85px; }
.block-inner { padding-bottom: 28px;}

.sidebar ul li { list-style-type: none; margin-left: 0px; line-height: 1;}
.sidebar ul li a { font-size: 12px; display: block; padding: 0.7em 7px 0.7em 8px; color: #685C53; text-decoration: none; font-family: "Lucida Grande", "Helvetica Neue", Arial, Helvetica, sans-serif; border-bottom: dotted 1px #309FC7; background: url(../images/bullet_category.gif) no-repeat 98% center; }
.sidebar ul li a:hover, .sidebar ul li.current a:hover { background: #309FC7 url(../images/bullet_category_hover.gif) no-repeat 98% center; color: white; }
.sidebar ul li a:active { padding: 0.9em 7px 0.5em 8px; }
.sidebar ul li.current a { background-color: #C5DBED; background-image: none; color: #322e2b; font-weight: bold; }
.sidebar ul ul { margin: 0px 0 0px 10px; position: relative;}
.sidebar ul ul a { padding: .5em 0 .5em .6em; border-bottom: dotted 1px #309FC7; }
.sidebar ul li.current ul li a { background: url(../images/bullet_category.gif) no-repeat 98% center #C5DBED;}
/* @end */


/* @group pagination */
div.pagination { font-family: "Lucida Grande", "Helvetica Neue", Arial, Helvetica, sans-serif; clear: left; }
div.pagination p { color: #685C53; }
div.pagination strong { color: #322e2b; }
div.pagination p.pages { color: #ccc; }
div.pagination a { text-decoration: none; }
div.pagination span.numbers { color: #322e2b;}
/* @end */

/* @group ABOUT */

#accordion { margin:20px 0px; }
h3.toggler { cursor: pointer; border: 1px solid #C5DBED; border-right-color: #ddd; border-bottom-color: #ddd; background-repeat: repeat-x;color: #309FC7; 
margin: 0 0 2px 0; padding: 8px 8px 8px 12px; font-family: "Lucida Grande", "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px;}
div.element p, div.element h4 {  margin:0px; padding:12px; }

ol.serviceList { list-style: none; clear: both;   }
ol.serviceList li { margin-left: 0px; padding-left: 60px; margin-right: 0px; margin-bottom: 12px; float:left; }
ol.serviceList li.one { background: url(../images/serviceNumber1.png) no-repeat 0 4px;}
ol.serviceList li.two { background: url(../images/serviceNumber2.png) no-repeat 0 30px; }
ol.serviceList li.three { background: url(../images/serviceNumber3.png) no-repeat 0 30px; }
ol.serviceList li.four { background: url(../images/serviceNumber4.png) no-repeat 0 30px; }
ol.serviceList li h2 { padding-top: 26px; border-top: 1px dotted #322e2b; margin-bottom: 12px; color: #BD4F69; font-weight: normal; line-height: 1;}
ol.serviceList li.one h2 { border-top: 0px; padding-top: 0px; margin-top: 0px;}

body.about ul#farms li { border-bottom: 1px solid #C5DBED; list-style: none; margin-top: 2em; padding-bottom: 1em; }
body.about ul#farms li img { float: left; margin-right: 20px; margin-bottom: 10px; }
body.about ul#farms li:last-child { border-bottom: none; }


/* @end */

/* @group blog */

.date{ width:100px; height:80px; background:/* url(../images/date_bkgd.gif) */ no-repeat blue; color:#fff; font-weight:normal; margin-top: 10px; }
.date .month{ width:100%; text-align:center; position:relative; top:12px;font-size: 14px; letter-spacing: 2px; }
.date .day{ width:100%; text-align:center; position:relative; /* top:12px; */ font-size:42px; line-height: 1; }
.submitted { font-size: 10px; color: #aaa; margin-bottom: 8px; }
.node-teaser.node-type-blog { margin-bottom: 28px; }
.entry h2 a { text-decoration: none; font-size: 28px; font-weight: normal; }



/* @end */


/* @end */

/* @group NEWSLETTER */

#footer a.newsletter_footer { width: 940px; display: block; height: 56px; padding: 12px 0 0 0px; margin: 0px 0 24px 0px; text-align: center; background: url(../images/newsletter_button_footer.png) center 2px no-repeat; clear:both; font-size: 150%; color: #fff; border-bottom: 1px solid #5f5445; }
#footer a.newsletter_footer:hover { background: url(../images/newsletter_button_footer.png) center 0px no-repeat; }

#sidebar-right a.newsletter_sidebar { display: block; text-align: center; font-size: 130%; color: #685C53; text-decoration: none; font-weight: bold; line-height: 1.15; padding: 10px 0 14px 0px; border-top: 1px dotted #309FC7; border-bottom: 1px dotted #309FC7; margin: 24px 0px; }
#sidebar-right a.newsletter_sidebar img { padding: 10px 0px 8px 0px; }
/* @end */

/* @group FOOTER */

#footer { padding-bottom: 3em; font-size: 13px; line-height: 1.2;text-shadow: 0px 1px 0px #948671; width: 100%; float: left; background: url(../images/footerBkgd.jpg) repeat; font-family: "Lucida Grande", "Helvetica Neue", Arial, Helvetica, sans-serif; color: #cbbbad;}
#footer .container_16 { padding: 2em 0 40px 0; background: url(../images/footerContainerBkgd.png) no-repeat top center; }
#footer li { list-style: none; padding: 0px; margin: 0px; }
#footer ul { padding: 0px; margin: 0px; }
#footer a { text-decoration: none; color: #000; }
#footer a.homeOffer { margin-bottom: 1.5em;}

#footer span.price { color: #cbbbad; text-shadow: 0px -1px 0px #494035;  }
#footer span.price span.old_price { text-shadow: none; }
#footer span.sale_price { color: #fff; }

#footer a.newsletter_footer { width: 940px; display: block; height: 56px; padding: 12px 0 0 0px; margin: 0px 0 24px 0px; text-align: center; background: url(../images/newsletter_button_footer.png) center 2px no-repeat; clear:both; font-size: 150%; color: #fff; border-bottom: 1px solid #5f5445; }
#footer a.newsletter_footer:hover { background: url(../images/newsletter_button_footer.png) center 0px no-repeat; }

#footer h2 { text-indent: -9999px; height: 30px; background-repeat: no-repeat; background-image: url(../images/footerHeaders.png); background-position: 0px 0px; margin-bottom: 10px; width: 180px;}
#footer #blogPanel h2 { background-position: 0px 0px; }
#footer #featuredItems h2 { background-position: 0px -60px; }
#footer #quickLinks h2 { background-position: 0px -30px; }
#footer #interactPanel h2 { background-position: 0px -90px; }

#footer ul.bulletList { border-top: 1px solid #695c4c; /*border-bottom: 1px solid #948671;*/ margin-bottom: 10px;}
#footer ul.bulletList li a { display: block; background-image: url(../images/footerHeaders.png); background-repeat: no-repeat; border-bottom: 1px solid #5f5445; border-top: 1px solid #988d7d; padding: 7px 0px 7px 40px; }
#footer ul.bulletList li:last-child a {border-bottom:none;}

#footer ul.bulletList.footerNav li a, #footer #blogPanel ul.bulletList li a, #footer #featuredItems ul.bulletList li a { background-image: none; padding-left: 0px;}
#footer ul.bulletList.footerNav li li a { background-image: none; padding: 2px 0px; border: none; font-style: italic; }
#footer ul.bulletList.footerNav li ul { padding-top: 6px; margin-left: 10px; }
#footer ul.bulletList a:hover { color: #fff; text-shadow: 0px -1px 0px #494035; } 
#footer ul.bulletList li.facebookFan a { background-position: -182px 0px; }
#footer ul.bulletList li.rssFeed a { background-position: -182px -60px; }
#footer ul.bulletList li.newsletter a { background-position: -182px -120px;}

#footer p.copyright, #footer p.copyright a { text-align: center; color: #000; text-decoration: none; }
#footer p.copyright { width: 960px; clear: both; padding-top: 1.5em; margin-top: .5em; float: left;  }
#footer .homeOffer { padding-bottom: 1em; background: url(../images/footerBar.png) no-repeat bottom;}

/* @end */

/* @group STORE */

/* @group store page */

body.store table.categories { width: 100%; text-align: center; }
body.store table.categories caption { text-transform: uppercase; font-size: .8em; letter-spacing: 10px; padding-bottom: 1em; }
body.store table.categories a { text-decoration: none; font-size: .75em; font-family: "Lucida Grande", Arial; }
body.store table.categories a img { border: 3px solid #C5DBED; margin: 3px 0px; }
body.store table.categories a:hover img { border: 3px solid #ACD9F5; margin: 0px 0 6px 0; }


/* @end */

#saveChanges { font-size: 21px; line-height: 1; margin-right: 10px; padding-top: 10px; color: #685C53}
#saveChanges img { margin-bottom: -3px; position: relative; }


h1.thankYou { height: 143px; width: 460px; text-indent: -9999px; background: url(../images/thankYou.png) no-repeat 0 0; }

div#lgCart li.weeklyOrder { padding-bottom: 10px; margin-bottom: 10px; border-bottom: dotted 1px #685C53;}
div#lgCart a { display: block; width: 145px; height: 66px; margin: 0px;  padding: 0px 0px 0px 15px; font-size: 40px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; color: #fff; text-align: center; line-height: 66px; text-decoration: none; letter-spacing: -5px; text-shadow: #9d9514 0 -2px 1px; border: none;  }
div#lgCart li.standingOrder a { background: url(../images/btnBigCart.png) no-repeat 0 -66px; text-shadow: #309FC7 0 -2px 1px;}
div#lgCart li.weeklyOrder a { background: url(../images/btnBigCart.png) no-repeat 0 0; } 
  
div.couponDescription { font-family: "Lucida Grande", "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 11px; }
div.checkout_block { padding: 6px 10px 22px 10px; background: #C5DBED; margin-bottom: 40px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px; }
div.checkout_block label { color:#309FC7; margin-right: 10px; font-size: 18px; padding-top: 4px; }
div.checkout_block input.coupon_code { width: 80px; }
div.checkout_block input.checkout_btn { float: right; }

#footer div.offer { height: 24px; width: 24px; background: url(../images/iconOnSale_xsm.png) no-repeat 0 0; text-indent: -9999px; float: left; margin-left: -28px; margin-top: -6px; position: relative;}
body.store .side_by_side_products div.offer { height: 32px; width: 32px; background: url(../images/iconOnSale_sm.png) no-repeat 0 0; text-indent: -9999px; float: right;position: relative; margin-top: -12px;}
body.store div.offer { height: 48px; width: 48px; background: url(../images/iconOnSale_lg.png) no-repeat 0 0; text-indent: -9999px; float: left; margin-left: -54px; margin-top: -14px; position: relative;}

/* @group product details */
div.product_details div.image,
div.product_details div.info { float: left; }
div.product_details div.image { width: 338px; margin-bottom: 1em; margin-top: .5em; border: 1px solid #C5DBED; }
div.product_details div.image .slider { width: 340px; }
div.product_details div.image div.container { background: transparent url(../images/product_img_container_large.gif) no-repeat left top; width: 340px; height: 340px; }
div.product_details div.image div.container a { outline: none; }
div.product_details div.image p { font-size: 1.1em; padding-bottom: 5px; text-align: center; color: #777; }
div.product_details div.image div img { margin: 0; }
div.product_details div.info { width: 340px; margin-left: 20px; }
div.product_details div.info p.description { padding-bottom: 1em; }
div.product_details div.info input.add_to_cart {}
th.cart_control div { position: relative; }
th.cart_control a { position: absolute; right: 0; margin-right: -20px; margin-top: 2px; }
div.product_details div.info p.price { font-size: 1.5em; font-weight: normal; color: #322e2b; padding-bottom: 0.3em; }
div.product_details div.info p.price.offer { height: 32px; padding-left: 38px; background: transparent url(../images/offer.gif) no-repeat left top; padding-top: 6px; }
table.product_attributes { border-collapse: collapse; margin-bottom: 1em; width: 100%;}
body.store.category table.product_attributes { margin-bottom: 0px; }
table.product_attributes select { }
table.product_attributes th, 
table.product_attributes td { text-align: left; vertical-align: text-top; font-weight: normal; padding: 0 1em 0.5em 0; }
table.product_attributes td { padding-right: 0.2em!important; color: #685C53;  }
table.product_attributes th { color: #322e2b; font-size: 14px;}
div.extra_options { clear: both; }
div.extra_options h3 { font-size: 1.3em; font-weight: normal; padding-bottom: 0.2em; margin-bottom: 0.4em; color: #322e2b; border-bottom: 1px dotted #322e2b; }
div.extra_options input { margin: 0 5px 0 0; }
span.price { color: #322e2b; }
div.product_files { margin-top: 0.3em; }
.productPageImageFrame { position: absolute; width: 340px; height: 340px; background: url(../images/productPageImageFrame.png) no-repeat 0 0; }
/* @end */

/* @group product list */
ul.product_list li:nth-child(3n) { margin-right: 0px;}

h2.categoryTitle { line-height: 1;}

ul.product_list {margin: 10px 0px 0px 0px;padding: 0px; }
ul.product_list a { text-decoration: none; }
ul.product_list div.image { width: 220px; height: 220px; float: left; margin: 0px; padding: 0px;border: 1px solid #C5DBED; }
.product_list div.image a { outline: none; display: block; }
.product_list div.info { float: left; width: 220px; margin-left: 0px; }
.product_list div.image img { width: 220px; height: 220px; }
.product_list h4 { font-size: 16px; line-height: 115%; color: #685C53; padding: 0; margin: 8px 0 2px 0;font-weight: normal; height: 36px; }
.product_list h4 a { color: #685C53; text-decoration: none; }
.product_list p { font-size: 12px; padding-bottom: 0.3em; color: #685C53; float: left; margin-right: 10px;text-align: right; width: 220px;}
ul.product_list p.price { font-size: 1.1em; font-weight: bold; color: #685C53; width: 90px; margin-top: 5px;}
.product_list li { clear: both; position: relative; margin-bottom: 1em;}

.productListImageFrame { position: absolute; width: 220px; height: 220px; background: url(../images/productListImageFrame.png) no-repeat 0 0; }
.itemDescription { /* background: url(../images/itemDescriptionBkgd.png) repeat-x; */ padding: 12px 20px 10px 20px; width: 180px; z-index: 9999; position: absolute;  font-family: "Lucida Grande", "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 12px; color: #322e2b; cursor: pointer; margin-left: 1px;margin-top: 1px; top: 0;
  left: 0; background-color: #fff; }

.side_by_side_products .product_list li { border: 0px; display: inline-block; vertical-align: top; margin-right: 15px; width: 220px; margin-bottom: 60px; margin-left: 0px; float: left; clear: none;}

#contentHeader { width: 100%;
   clear: both; float: left; margin-bottom: 10px;
}
h1.categoryTitle { float: left; margin-right: 20px; clear: right; padding-bottom: 20px; line-height: 1.1; margin-bottom: 0px; }
span.categoryDescription { margin-top: 18px; color: #a59284; font-style: italic; width: auto; margin-bottom: 0; line-height: 1.1; }
.product_list input.add_to_cart, span.categoryBtn img { float: left; }
.product_list table.product_attributes { margin-bottom: .5em;}

/* @end */

/* @group progress bar */
ul#progressBar { float: left; width: 720px; padding: 0 0 0 10px; margin: 0 0 0 220px; background: url(../images/progressBarLeft.png) no-repeat;}
ul#progressBar li { float: left;  list-style-type: none; width: 120px; height: 28px; padding-top: 55px;background: url(../images/progressBarBar.png) no-repeat; font-family: "Lucida Grande", "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 12px; color: #cbbbad; text-align: center;}
ul#progressBar li.currentStep { background: url(../images/progressBarTruck.png) no-repeat; color: #309FC7; font-weight: bold;}
ul#progressBar li.progressBarLast { width: 10px; background: url(../images/progressBarRight.png) no-repeat; }
/* @end */
/* @end */

/* @group HOME */
/* @group slider */

#viewport{ height:328px; width:960px; overflow:hidden; position:relative; }
#container_slider{ height:328px; position:absolute; }
#item_list{ margin:0px; padding:0px; list-style-type:none; }
#item_list li{ float:left; padding:0px; width:960px; margin: 0px; height: 328px;}
#slider{ margin:0px 270px 0 265px;}
#slider_knob{ width:130px; cursor:pointer; }
#slider_track{ height:75px;}
.sliderContainerFade { background: url(../images/sliderContainerFade.png) no-repeat; width: 400px; height: 300px; position: absolute; margin-bottom: -300px; z-index: 3;}

a.homeLink { text-indent: -9999px; display: block; background: url(../images/learnMore.png) no-repeat; z-index: 10000;height: 180px; width: 300px; }
#container_slider h2, #container_slider h3 { display: none; }
li.panel1, li.panel2, li.panel3, li.panel4 { background-repeat: no-repeat; background-position: 0px 0px; }
li.panel1 { background-image: url(../images/panel1.png); }
li.panel2, .panel3, .panel4 { background-image: url(../images/panel2.jpg); }
li.panel3 { background-position: -960px 0px; }
li.panel4 { background-position: -1920px 0px; }
#container_slider p {  color: #685C53; text-shadow: 0px -1px 0px #e5f4ff;    }
li.panel1 p { margin-top: 150px; font-size: 22px; line-height: 1.3; }
li.panel2 p, .panel3 p, .panel4 p { margin-top: 120px; font-size: 19px; line-height: 1.2; }

div#truckSign {
  width: 122px; height: 54px; margin-left: 250px; display: none; }
/* @end */
body.home #site-center {  background: url(../images/smallHouses.png) no-repeat bottom center;  border-bottom: 1px solid #fff; height: 440px; }
/* @end */

/* @group CONTACT */
a.btnUserVoice {
  text-indent: -9999px; background: url(../images/btnLaunchUserVoice.png) no-repeat 0 0; display: block; height: 52px;  }

/* @end */

/* @group BLOG */
body.blog.post #comments p.commentTitle { color: #309FC7; margin-bottom: .6em; padding-top: 10px;}
body.blog.post #comments span.commentName { font-size: 1.4em;  padding-right: 10px;}
body.blog.post #comments span.commentDate { font-size: .7em; font-family: "Lucida Grande", "Helvetica Neue", Arial, Helvetica, sans-serif; color: #cbbbad; }
body.blog.post #comments ol { border-top: 1px solid #C5DBED ; margin-right: -59px; list-style: none;}
body.blog.post #comments ol li { border-bottom: 1px solid #C5DBED ; float: left; }
body.blog.post #comments ol li p { padding-right: 59px; }
body.blog.post #comments ol li .commentNumber { font-size: 3em; color: #C5DBED; text-align: right; }

body.blog.post #comments li.commentOwner { background-color: #ecf4fc; }
body.blog.post #comments li.commentOwner p.commentTitle { padding-left: .25em; background-color: #309FC7 ; color: #fff;  padding-bottom: 10px; margin-bottom: 1.2em; margin-right: -59px; -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; border-radius-bottomleft: 8px; }
body.blog.post #comments li.commentOwner p.commentTitle img { position: relative; margin-top: -1.5em; margin-bottom: -1.5em; }
body.blog.post #comments li.commentOwner span.commentDate { color: #C5DBED; }

p.attribution, p.postFooter {  font-size: .8em; font-family: "Lucida Grande", "Helvetica Neue", Arial, Helvetica, sans-serif; color: #685C53; line-height: 1; }

.postContent img, .postContent object { padding: 10px;border: 1px solid #cbbbad; margin: 0 15px 0 10px; -moz-box-shadow: 2px 3px 10px #C5DBED; -webkit-box-shadow: 2px 3px 10px #C5DBED; box-shadow: 2px 3px 10px #C5DBED; }

p.attribution {margin-bottom: 2em; }
p.postFooter img { margin-bottom: -3px; }
p.postFooter { border-top: 1px solid #C5DBED; padding-top: 8px; margin-bottom: 12px; }

ul#blogPostList { list-style: none; margin-bottom: 3em; }
ul#blogPostList li.article { border-bottom: 2px solid #C5DBED; padding-top: 1em; margin-bottom: 3em; }

a.rssLink { display: block;  background: url(../images/rssLink.png) no-repeat; width: 160px; height: 290px; text-indent: -9999px; margin-top: 1px;}
a:hover.rssLink { margin-top: 0px;}
a:active.rssLink { margin-top: 2px;}



/*ul#blogPostList li:last-child { border-bottom: none; }*/

#comment_form textarea { height: 80px; }
/* @end */


/*
 * Rating info
 */

span.rating_stars { display: block; height: 20px; margin-bottom: 18px; background: transparent url(../images/rating_stars_large.png) no-repeat -2px -180px; padding-left: 100px; padding-top: 3px; color: #666666; font-size: 11px; }
.rating_selector span.rating_stars { width: 96px; padding-left: 0; margin-top: 3px; cursor: pointer; }
span.rating_stars.rating_1 { background-position: -2px -160px; }
span.rating_stars.rating_15 { background-position: -2px -140px; }
span.rating_stars.rating_2 { background-position: -2px -120px; }
span.rating_stars.rating_25 { background-position: -2px -100px; }
span.rating_stars.rating_3 { background-position: -2px -80px; }
span.rating_stars.rating_35 { background-position: -2px -60px; }
span.rating_stars.rating_4 { background-position: -2px -40px; }
span.rating_stars.rating_45 { background-position: -2px -20px; }

span.rating_stars.rating_5 { background-position: -2px 0; }
span.rating_stars_small { display: block; width: 73px; height: 15px; text-indent: -100000em; text-align: left; background: transparent url(../images/rating_stars_small.png) no-repeat -3px top; margin: 8px 0; }
span.rating_stars_small.rating_1 { background-position: -3px -120px; } 
span.rating_stars_small.rating_2 { background-position: -3px -90px; }
span.rating_stars_small.rating_3 { background-position: -3px -60px; }
span.rating_stars_small.rating_4 { background-position: -3px -30px; }
span.rating_stars_small.rating_5 { background-position: -3px top; }
/*
 * Review list
 */
.hidden { display: none; }

ul.review_list h4 { margin-bottom: 0px;}
ul.review_list p.description { padding-bottom: 4px; color: #999; font-size: 11px;  margin-bottom: 0px;}
ul.review_list li { border-bottom: 1px solid #ddd; }
ul.review_list li:last-child { border-bottom: none; }
/* MooTools.Tips */
.tip-top {
    color: #fff;
    width: 104px;
    z-index: 13000;
}
.tip-title {
    width: 104px;
    font-weight: bold;
    font-size: 11px;
    margin: 0;
    color: #fff;
    padding: 5px 5px 6px 3px;
    background-color: #cbbbad;
    font-family: "Lucida Grande", "Helvetica Neue", Arial, Helvetica, sans-serif;
  line-height: 1;
  -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px;
  border-left: 1px solid #f2ece6;
  border-top: 1px solid #f2ece6;
  
}
.tip-text {
    width: 96px;
    font-size: 11px;
    padding: 4px 8px 8px;
    background-color: #cbbbad;
    color:#fff;
}
.tip-text A {
    color:#069; }

#cowImage {
  background: url(../images/404.jpg) no-repeat; }
/* body.sidebarBoth #site-center .container_16, body.sidebarRight #site-center .container_16, body.blog.sidebarBoth #header .container_16, body.sidebarRight #header .container_16, body.home.logged-in .container_16 { background: url(../images/16_col.gif) repeat; } */