/* Zee&Co. Static Page Styles */

/* about us */
#about{ padding-bottom:210px; background:url(../img/about/about_bg.jpg) 0 bottom no-repeat; }
#about .label{ display:block; position:absolute; z-index:2; top:-4px; right:-150px; }
#about .intro{ position:relative; padding-top:30px; width:400px; }
#about .last{ width:75%; }

/* customer services + buying guides + lifestyle guides */
#cs, .terms, #about, #bg{ position:relative; padding-top:27px; }
#cs .csMenu, #bg .bgMenu, #bg .lfMenu{ position:relative; width:595px; margin:-1px 0 5px 0; padding-top:12px; }
#cs .csMenu{ height:112px; background:url(../img/cs/menu_bg.jpg) 0 0 no-repeat; }
#bg .bgMenu{ height:303px; background:url(../img/bg/menu_bg.jpg) 0 0 no-repeat; margin-bottom:0; }
#bg .lfMenu{ height:236px; background:url(../img/bg/lfMenu_bg.jpg) 0 0 no-repeat; }
#cs .csMenu ul, #bg .bgMenu ul, #bg .lfMenu ul{ width:335px; }
#cs .csMenu li, #bg .bgMenu li, #bg .lfMenu li{ width:136px; margin:0 8px 4px 23px; float:left;display:inline; }
#bg .bgMenu li, #bg .lfMenu li{ width:194px; }
.secure, .stores, .delivery{ clear:left; }
.ls_banner{ display:block; margin-bottom:15px; }

#cs p, #about p, #bg p{ font-size:70%; line-height:1.4; margin:0 0 15px 8px; color:#2b2e38; }
#cs img.indexImg{ float:right; margin-left:30px; }
#cs img.secure{ display:block; margin:20px auto; }
#cs h2, #bg h2{ color:#2b2e38; font-size:70%; text-indent:12px; line-height:1.8; height:21px; margin:25px 0 15px 0; background:url(../img/cs/h2_bg.gif) 0 0 repeat-x; }
#cs h2.h2First, #bg h2.h2First{ margin:0 0 5px 0; }
#cs ul{ position:relative; }
#cs .content li{ background:url(../img/icons/li.gif) 0 6px no-repeat; padding-left:10px; font-size:70%; line-height:1.4; margin:0 0 15px 20px; color:#383e3d; }
#cs p a, #cs .content a{ font-weight: bold; color:#383e3d; text-decoration:underline; }
#cs .delivery1, #cs .delivery2{ float:right; }
#cs .returnsAddress{ position:relative; height:108px; margin:10px 0; background:url(../img/cs/returnsAddress_bg.png) 0 0 no-repeat; }
#cs .returnsAddress p{ position:absolute; top:5px; left:300px; }
#cs img.returns{ float:right; margin:0 20px; }

#contactUs #details{ width:268px; float:left; padding-left:10px; }
#contactUs #details p{ padding:0 0 12px 43px; line-height:1.6; background-repeat:no-repeat; background-position:0 0; }
#details .address{ background-image:url(../img/icons/postal.gif); }
#details .telephone{ background-image:url(../img/icons/telephone.gif); }
#details .fax{ background-image:url(../img/icons/fax.gif); }
#details .email{ background-image:url(../img/icons/emailIcon.gif); }

#contactUs #form{ width:312px; position:relative; float:left; }
#form h2{ height:29px; margin:0; line-height:2.5; color:#e5e4c1; text-indent:15px; background:url(../img/cs/contactH2.jpg) 0 0 no-repeat; }
#form .fieldset, #form .thanks{ position:relative; height:267px; background:url(../img/cs/form_bg.jpg) 0 0 no-repeat; }
#form p{ color:#666; height:26px; padding:10px 35px; line-height:1.2; }
#contactUs .homeBannerWide{ margin-top:40px; }
#form .thanks p{ padding-top:73px; text-align:center; }
#form .thanks img{ margin-bottom:23px; }

/* forms styles with errors */
#form .errMsg{ color:#cd0404; padding-left:72px; line-height:2; background:url(../img/icons/errMsg_bg.gif) 35px 10px no-repeat; }
.formField{ position:relative; width:301px; margin-left:6px; }
.formField label{ display:block; float:left; width:88px; margin-right:10px; font-weight:bold; color:#666; font-size:70%; text-align:right; line-height:1.6; }
.formField label span{ color:#cd0404; font-weight:normal; }
.formField input, .formField textarea{ border:1px solid #b2b6bc; display:block; margin-bottom:10px; float:left; width:169px; font-size:70%; color:#666; }
.formField input{ padding:2px; }
.formField textarea{ width:173px; height:70px; font:normal 11px arial, verdana, sans-serif; }
.fieldError input{ border:1px solid #cd0404; color:#cd0404; }
.fieldError label{ color:#cd0404; }
#form p.req{ color:#cd0404; font-size:60%; height:13px; padding:0; margin:0 0 0 104px; line-height:1.1; }

/* FAQs */
#questions{ margin-bottom:35px; background:url(../img/cs/faq_bg.png) 428px 0 no-repeat; }
#questions ol{ padding:0 0 0 10px; font-size:70%; font-weight: bold; }
#questions ol li{ line-height:2; }
#questions ol li em{ padding-right:7px; color:#8f9069; font-style:normal; }
#questions ol li a{ color:#424242; }
#questions ol li a.on, #questions ol li a:hover{ color:#8f9069; }

.answers .question{ position:relative; height:23px; padding:6px 0 0 8px; color:#424242; font-weight: bold; font-size:70%; background:url(../img/cs/question_bg.gif) 0 0 no-repeat; }
.answers .question em{ padding-right:4px; color:#8f9069; font-style:normal; }
.answers .on{ color:#fff; background-position:0 -29px; }
.answers .on em{ color:#fff; }

/* store locator */
.storesInfo{ width:389px; float:left; }
.storeImages{ width:192px; height:1075px; padding-top:11px; float:left; background:url(../img/cs/storeImg_bg.jpg) 0 bottom no-repeat; }
.storeImages img{ display:block; border:1px solid #fff; margin:0 0 20px 10px; }
.storeImages img.last{ margin-bottom:0; }
.store{ height:156px; position:relative; margin-bottom:30px; padding:0 0 0 8px; }
.store h3{ font-size:70%; color:#8f9069; }
.store .hr{ width:389px; position:absolute; left:0; bottom:-11px; background:url(../img/cs/store_hr.gif) 0 0 no-repeat; }
#cs .store .address, #cs .store .opening{ padding:10px 0 0 50px; margin:0; background:url(../img/cs/address_bg.jpg) 14px 12px no-repeat; }
#cs .store .opening{ background-image:url(../img/cs/opening_bg.jpg); }

/* terms */
.terms .intro{ color:#2b2e38; margin-top:18px; background:url(../img/dots570Fade.gif) no-repeat left bottom; margin-bottom:15px; padding-bottom:15px;}
.terms h2{ width:570px; margin:0 auto; font-size:70%; color:#2b2e38; line-height:1.2; margin-bottom:3px; }
.terms p{ width:570px; margin:0 auto; font-size:70%; color:#2b2e38; line-height:1.2; margin-bottom:12px; }
.terms p a {color:#2b2e38; text-decoration:underline;}
.terms p a:hover {text-decoration:none;}
.terms ul {position: relative;}
.terms ul li {background:transparent url(../img/icons/li.gif) no-repeat scroll 0 6px; color:#383E3D; font-size:70%; line-height:1.4; margin:0 10px 10px 20px; padding-left:10px;}

/* resources */
#resources #cs{padding-top:0;}