body { margin:0px; font-family: sans-serif; background: #000 url('images/cart/bg-pattern.gif') repeat-x; text-align: center; } p, font, div, td { font-family: verdana,arial,helvetica,sans-serif;font-size: 11px; } h1 { font-family: verdana,arial,helvetica,sans-serif;font-size: 17px;color:#d2bb5d; } h3 { font-family: verdana,arial,helvetica,sans-serif;font-size: 15px;color: black; } h4 { font-family: verdana,arial,helvetica,sans-serif;font-size: 14px;color: black; } a { font-family: verdana,arial,helvetica,sans-serif;font-weight: bold;color: navy; } ul { list-style-type: none; margin:0; } li { float: left; } hr { display: none; } /* =Wrappers -----------------------------------------------------------------------------------------------------*/ #wrapper { width: 970px; height: 100%; background: #fff;padding: 0;position: relative;margin: 0 auto; text-align: left; } #content { width: 100%; margin:auto;float:left;background: #fff;padding: 0;position: relative;top: 0;left: 0; } #header { margin: 30px 0px 10px 0px;width:100%;padding: 0;position: relative;top: 0;left: 0;background:#fff } #leftColumn { width: 200px; margin: 0 0px 0px 20px;float: left; align:left;padding: 0;position: relative;top: 0;left: 0; } #contentColumn { width: 670px;border: 1px solid #dfdfbb; margin: 0 10px 0px 20px;float: left; align:left; padding: 0;position: relative;top: 0;left: 0; } #specials { height: 343px; width: 620px; margin: 10px;float: left; align:left;padding: 0;position: relative;top: 0;left: 0; background: #fff url("images/cart/specials-bg.gif") repeat-x; } #emailSignup { margin: 5px 0px 0px 20px;padding: 0;position: relative; bottom: 0;left: 0; } #alignRight { position: relative; top: 0; right: 20; align: right; float: left; margin: 10px 2px; } #profilePage { width: 620px; border: 5px solid #787844; margin: 10px;float: left; text-align:left;padding: 0;position: relative;top: 0;left: 0; background: #f4f4ef; } #footer { margin: 30px 0px 10px 0px; width: 960px; padding: 0;position: relative;top: 0;left: 0;background:#fff; border-top: 1px solid #bcbec0; } /* =Tables -----------------------------------------------------------------------------------------------------*/ #account { background: #fff; border: 2px solid #d2bb5d; float: left; padding: 0; margin:10px; position:relative; top: 0; left: 0; } #smallSpan { background: #fff; border: 1px solid #d2bb5d; margin:0px; padding: 0; float: left; position:relative; top: 0; left: 0; width: 50px; } #mediumSpan { background: #fff; border: 1px solid #d2bb5d; margin:0px; padding: 0; float: left; position:relative; top: 0; left: 0; width: 150px; } #largeSpan { background: #fff; border: 1px solid #d2bb5d; margin:0px; padding: 0; float: left; position:relative; top: 0; left: 0; width: 300px; } #productDescription { align: left; margin:0px; padding: 0; float: left; position:relative; top: 0; left: 0; width: 300px; word-wrap: break-word; } #categoryDescription { text-align: left; align: left; margin:10px; padding: 0; float: left; position:relative; top: 0; left: 0; width: 580px; word-wrap: break-word; } /* =Borders and Shadows -----------------------------------------------------------------------------------------------------*/ #borderLeft { position: absolute; height: 100%; left: 0; top: 0; z-index: 2; } #borderRight { position: absolute; height: 100%; right: 0; top: 0; z-index: 2; } #shadowLeft { position: absolute; left: -76; top: 0; height: 100%; width: 76px; z-index: 1 } #shadowRight { position: absolute; right: -76; height: 100%; width: 76px; top: 0; z-index: 1} #productDivider { margin: 10px; background: #9f9f9f; height: 2px; padding: 0; } /* =Typography -----------------------------------------------------------------------------------------------------*/ .smallGray { font-size: 100%; color:#bcbec0; text-decoration: none; } .smallGrayBold { font-size: 100%; color:#bcbec0; font-weight: bold; text-decoration: none; } .smallBlack { font-size: 100%; color: #000; text-decoration: none; } .smallBlackBold { font-size: 100%; color: #000; font-weight: bold; text-decoration: none; } .mediumBlackBold { font-size: 130%; color: #000; font-weight: bold; text-decoration: none; } .largeBlackBold { font-size: 160%; color: #000; font-weight: bold; text-decoration: none; } .smallBrown { font-size: 100%; color:#d2bb5d; text-decoration: none; } .smallDarkBrown { font-size: 100%; color:#787844; text-decoration: none; } .smallDarkBrownBold { font-size: 100%; color:#787844; font-weight: bold; text-decoration: none; } .mediumDarkBrownBold { font-size: 130%; color:#787844; font-weight: bold; text-decoration: none; } .largeDarkBrownBold { font-size: 160%; color:#787844; font-weight: bold; text-decoration: none; } .errorText { font-size: 100%; color:red; font-weight: bold; text-decoration: none; } .footerLinks { font-size: 100%; letter-spacing: -1; font-weight: bold; color: #907848; } /* =Forms -----------------------------------------------------------------------------------------------------*/ #medText { margin: 0px 10px 0px 10px; width:150px; } #singleSet { border: 2px solid #787844; width: 600px; float:left; position: relative; top: 0; left: 0; } fieldset { background: #f4f4ef; margin: 10px; } #smallSet { border: 2px solid #787844; width: 290px; float:left; position: relative; top: 0; left: 0; } legend { font-size: 110%; font-weight: bold; } label { font-size: 100%; font-weight: normal; color: #907848; margin: 5px 5px 1px 0px; } #dataSet { margin: 10px; float:left; position: relative; top: 0; left: 0; } .smText { margin: 0px 5px 3px 0px; width: 65px; font-size: 95%; color: #000; border: 2px solid #bcbec0; } .medText { margin: 0px 5px 3px 0px; width: 165px; font-size: 95%; color: #000; border: 2px solid #bcbec0; } .largeText { margin: 0px 5px 3px 0px; width: 230px; font-size: 95%; color: #000; border: 2px solid #bcbec0; } select { margin: 0px 5px 3px 0px; border: 2px solid #bcbec0; } #dynamicLeft { margin: 10px; float: left; position: relative; top: 0; left: 0; } #dynamicRight { margin: 10px; float: right; position: relative; top: 0; right: 0; } #requestSet { border: 2px solid #787844; width: 550px; float:left; position: relative; top: 0; left: 0; } /* = Headers -----------------------------------------------------------------------------------------------------*/ #headerLogo { width: 427px;float:left; margin: 0px 0px 0px 20px;padding: 0;position: relative;top: 0;left: 0; } #searchBar { float:left;height: 42px;margin: 20px;padding: 0;position: relative;top: 0;left: 0; } #searchForm { float:left;margin: 0px 0px 0px 20px;padding: 0;position: relative;top: 0;left: 0;background: #fff; } #searchBox { margin: 10px 0px 0px 0px; } .searchParamLabel { font-size: 135%;letter-spacing: -1;font-weight: bold;color: #907848; } /* =Navigation -----------------------------------------------------------------------------------------------------*/ #headerNav { float:right; align: left; margin: 0px 30px 0px 0px;padding: 0;position: relative;top: 0;left: 0; } #topNav { height: 61px;margin: 0px 20px 0px 20px; background:#fff url("images/cart/head-bg-slice") repeat-x;float: left; padding: 0;position: relative;top: 0;left: 0; } .topNavLeftCorner { width: 21px;margin: 0;float: left;padding: 0;position: relative;top: 0;left: 0; } .topNavrightCorner { width: 16px;margin: 0;float: right;padding: 0;position: relative;top: 0;left: 0; } .topNavButtons { margin: 0;float: left; align:left;padding: 0;position: relative;top: 0;left: 0; } #leftNavHeader { background: #fff url("images/cart/header-bg1.gif") no-repeat; margin: 0;float: left; line-height:29px; text-align:center; vertical-align: middle; padding: 0;position: relative;top: 0;left: 0; height: 29px; width: 200px; } #leftNavContent { background: #fff url("images/cart/left-content-bg.gif") repeat-y; margin: 0px 0px 6px 0px;float: left; align:left; padding: 0;position: relative;top: 0;left: 0; width: 200px; } #leftNavContent ul { list-style: none; } #leftNavContent ul li { float: none; } .navLevel1 { color: #666666; font-size: 100%; text-decoration: none; font-weight: bold; } .navLevel2 { margin: 0px 0px 0px 5px; color:#787844; font-size: 95%; text-decoration: none; font-weight: normal; } .navLevel3 { margin: 0px 0px 0px 10px; color:#907848; font-size: 80%; text-decoration: none; font-weight: normal; } .navHeaderText { font-size: 17px;color: white; letter-spacing: -1; } #leftServiceNavContent { background: #fff url("images/cart/content-bg2.gif") repeat-x; margin: 0;float: left; align:left; padding: 0;position: relative;top: 0;left: 0; height: 100px; width: 200px; } #activeTop { background: url("images/cart/bttn1-active.gif") repeat-x; line-height: 61px; height:61px; text-align: center; vertical-align: middle; } #nonActiveTop { background: url("images/cart/bttn1.gif") repeat-x; line-height: 61px; height:61px; text-align: center; vertical-align: middle; margin: } .topNavText { font-weight: bold; font-size: 12px; letter-spacing: -1; color: #fff; text-decoration: none; margin: 0px 9px; } #shopHeaderNav { text-align: center; vertical align: middle; margin: 0; } #shopCartGif { margin: 0px 3px 13px 3px; } #searchBox a { margin-left: 5px; margin-right: 5px; text-decoration: none; } .searchNavSeparator { height: 25px; width: 1px; margin: 3px 2px -3px 2px; } #footerNav { margin: 10px; text-align: center; } /* =Lists -----------------------------------------------------------------------------------------------------*/ #orderInfo { float: none; } /* =News -----------------------------------------------------------------------------------------------------*/ #newsNav { list-style: none; position: relative;top: 0;left: 0; margin: 5px auto;} #newsNav a { margin: 0px 20px 0px 10px; font-size: 100%; color: #d3bc5e; text-decoration: none; font-weight: bold; } .newsNavText { font-size: 73%; color: #bcbec0; margin: 2px 10px 5px 20px; } .newsNavTitle { margin: 5px 10px 2px 10px; } .newsNavNewsletter { margin: 2px 10px 0px 10px; } .newsLink { font-size: 100%; color: #d3bc5e;} #leftNewNavContent { background: #fff url("images/cart/content-bg2.gif") repeat-x; margin: 0;float: left; align:left; padding: 0;position: relative;top: 0;left: 0; height: 250px; width: 200px; } /* =Specials and Coupons -----------------------------------------------------------------------------------------------------*/ #specialsLeft { float: left;height: 343px; margin: 0; position: relative; width: 45px; } #specialsRight { float: right;height: 343px; margin: 0px 0px 0px 10px; position: relative; top:0; right: 0; width: 52px; } #specialsContent { width: 523px; float: left;height: 343px; margin: auto; position: relative; text-align: center; } #specialsHeader { margin: 0;float: left; line-height:90px; text-align:center; vertical-align: middle; padding: 0;position: relative;top: 0;left: 0; height: 93px; } #specialItem { float: left;height: 250px; margin: auto; position: relative; } #specialItem ul { list-style: none; margin: 0; } #specialItem ul li { float: none; width: 120px; } #coupon { margin: 10px 0px 10px 5px; float: left; } .specialsHeaderText { font-size: 19px;color:#d2bb5d; letter-spacing: -1; } .specialsPic { height: 90px; width: 120px; } .specialsText { color: #bcbec0; font-size: 12px; font-weight: bold; } .specialsPrice { color: red; font-size: 12px; font-weight: bold; } #bg2 { width: 640px; } /* =Search Results -----------------------------------------------------------------------------------------------------*/ #products { width: 620px; border: 5px solid #787844; margin: 10px;float: left; text-align:center;padding: 0;position: relative;top: 0;left: 0; background: #f4f4ef; } #productsHeader { line-height: 50px; vertical-align: middle; margin: 5px;float: left; padding: 0;position: relative;top: 0;left: 0; background: #f4f4ef; } #productItem { width: 180px; margin: 15px 5px;float: left; text-align:center; padding: 0;position: relative;top: 0;left: 0; background: #f4f4ef; } #productItem a { color: 92774c; text-decoration: none; font-size: 100%; letter-spacing: -1; } #productsPaginate { float: right; position: relative; top: 0; right: 0; text-align: right; margin: 10px; } #productsPrint { float: left; width: 300px; position: relative; top: 0; left: 0; text-align: left; margin: 10px; } .productNav { color: 92774c; text-decoration: none; font-size: 80%; font-weight: bold; } .productNavActive { color: 8e7646; text-decoration: none; font-size: 100%; font-weight: bold; } #productsContent { width: 610px; border: 1px solid #9f9f9f; margin: 3px;float: left; text-align:center;padding: 0;position: relative;top: 0;left: 0; background: #f4f4ef; } .productsPrice { color: 92774c; text-decoration: none; font-size: 130%; letter-spacing: -1; } #productsPrint p { margin: 0px; } .no_underline { text-decoration: none; } .small { font-size: 9px; } .faq { font-size: 14px; } .faq_gray { font-size: 14px;color: #666666; } .faq_olive { font-size: 14px;color: #3A6135; } .big { font-size: 16px;text-decoration: none; } .cat { font-size: 14px; } .standard { font-weight: normal; } .standardsmall { font-weight: normal;font-size: 9px; } .light { color: white; } .lightsmall { color: white;font-size: 9px; } .lightmenu { color: white;text-decoration: none; } .lightstandard { color: white;font-weight: normal; } .middle { color: #F0B5B5; } .olive { color: #163106;font-weight: normal;font-size: 9px; } .cart { font-size: 11px;BORDER-BOTTOM: 0px solid;BORDER-LEFT: 0px solid;BORDER-RIGHT: 0px solid;BORDER-TOP: 0px solid;margin: 1px;font-weight: bold;color: #F0B5B5;background-color: transparent; } .cartsmall { font-size: 9px;BORDER-BOTTOM: 0px solid;BORDER-LEFT: 0px solid;BORDER-RIGHT: 0px solid;BORDER-TOP: 0px solid;margin: 1px;font-weight: bold;color: #F0B5B5;background-color: transparent; } .totalPrice { font-family: verdana,arial,helvetica,sans-serif;font-size: 16px;BORDER-BOTTOM: 0px solid;BORDER-LEFT: 0px solid;BORDER-RIGHT: 0px solid;BORDER-TOP: 0px solid;margin: 1px;font-weight: bold;color: red;background-color: transparent; } .login { font-size: 12px;font-weight: normal;BORDER-BOTTOM: 1px solid;BORDER-LEFT: 1px solid;BORDER-RIGHT: 1px solid;BORDER-TOP: 1px solid;margin: 1px;font-weight: none;color: black;background-color: white; } .myaccount_tab_bottom { BORDER-BOTTOM: 1px solid;BORDER-LEFT: 0px solid;BORDER-RIGHT: 1px solid;BORDER-TOP: 0px solid;BORDER-COLOR: #82A1DD;text-align: center;margin: 1px; } .myaccount_tab_top { BORDER-BOTTOM: 0px solid;BORDER-LEFT: 0px solid;BORDER-RIGHT: 1px solid;BORDER-TOP: 1px solid;BORDER-COLOR: #82A1DD;text-align: center;margin: 1px; } .myAccount_bottomright { BORDER-BOTTOM: 1px dotted #A9C0FF;BORDER-RIGHT: 1px dotted #A9C0FF; } .myAccount_bottom { BORDER-BOTTOM: 1px dotted #A9C0FF; } .myAccount_right { BORDER-RIGHT: 1px dotted #A9C0FF; } .comparison_button { BORDER-BOTTOM: 1px solid;BORDER-LEFT: 1px solid;BORDER-RIGHT: 1px solid;BORDER-TOP: 1px solid;background-color: #D2E7FF; } .pageSeparator { BORDER-BOTTOM: 2px dotted #A9C0FF }