body { margin: 0; padding: 0; background: #fff; text-align: center; font-family: verdana, sans-serif; font-size: 11px; } img { border: none; } #mainTable { margin: auto; margin-top: 20px; } td { background-image: none; vertical-align: top; text-align: left; } td.nav { vertical-align: middle; text-align: left; width: 110px; } td#leftColCell { background-image: none; padding-left: 5px; padding-top: 10px; font-family: Arial, sans-serif; font-weight: bold; font-size: 10px; text-transform: uppercase; color: #c00; } td#leftColCell #categoryTreeDiv { display: block; padding: 10px 0px 20px 0px; z-index: 10; } td#leftColCell a { text-decoration: none; color: #000; /* border: 1px solid purple; */ display: block; margin:0; padding: 0; } /* note width applied here */ td#leftColCell a:hover { text-decoration: none; color: #c00; } div .level1 { margin: 0; padding: 0; display: block;} div .level2 { margin: 0; padding: 0; padding-left: 30px; display: block;} div .level3 { margin: 0; padding-left: 0px; display: none;} #endLevelTwosDiv { height: 12px; overflow: hidden; } /* IE ONLY */ #IEdiv div .level1 { margin: 0; padding: 0; /* border: 1px solid purple; */ display: block;} #IEdiv div .level2 { margin: 0; padding: 0; padding-left: 0px; /* border: 1px solid red; */ display: block;} #IEdiv div .level2 a { padding-left: 30px; } #IEdiv div .level2 .youAreHere { width: 116px; padding-left: 30px; } /* Main cell */ tr#mainCell { position: relative; background: url(../images/common/main_bg.gif) no-repeat; height: 440px; } td.productCell { padding-left: 30px; padding-right: 20px; text-align: left;/* border: 1px solid red; */ } div.productNameDiv { margin-top: 12px; } div.productNameDiv a { text-decoration: none; font-size: 16px; color: #444; } div.productNameDiv a:hover { color: #369; } div.productDescriptionDiv { margin-top: 10px; } td#footerCell { height: 67px; background: url(../images/common/footer_bg.jpg) top left no-repeat; font-size: 9px; color: #666; font-family: verdana, sans-serif; padding-top: 4px; } td#footerCell a { text-decoration: none; color: #666; } td#footerCell a:hover { color: #369; } td#footerCell #footerLeftDiv { float: left; width: 730px; padding-left: 10px;} td#footerCell #footerRightDiv { float: right; text-align: right; } a.newsletter { text-decoration: none; color: #369; } a.newsletter:hover { text-decoration: underline; color: #369; } /* for TOP-LEVEL PRODUCT divs */ #productTextDiv {z-index: 5; width: 400px; padding-right: 25px; margin-top: 30px; font-family: verdana, sans-serif; font-size: 12px; font-weight: bold; color: #444;} #productTextDiv h2 { font-family: Arial, sans-serif; font-size: 20px; } #productTextDiv h2 sup { font-size: .5em; position: relative; top: -4px; } /* Product image divs */ #productImageDiv { position: absolute; top: 150px; z-index: 2; margin-left: 450px; } #IEdiv #productImageDiv { position: absolute; top: 130px; z-index: 2; width: 432px; margin-left: 450px;} /* conditional for IE only */ #IEdiv #productImageDiv.coffee { width: 432px; margin-left: 440px; } /* conditional for IE only */ /* Images for static pages */ #productImageDiv.about { position: absolute; top: 90px; z-index: 2; width: 362px; margin-left: 450px; } /* for About */ #IEdiv #productImageDiv.about { position: absolute; top: 130px; z-index: 2; width: 432px; margin-left: 480px; } /* for About in IE*/ #productImageDiv.contact { position: absolute; top: 140px; z-index: 2; width: 342px; margin-left: 430px; } /* for Contact */ #IEdiv #productImageDiv.contact {position: absolute; top: 150px; z-index: 2; width: 342px; margin-left: 420px; } /* for Contact in IE*/ #productImageDiv.privacy { position: absolute; top: 124px; z-index: 2; width: 342px; margin-left: 450px; } /* for Privacy */ #IEdiv #productImageDiv.privacy { position: absolute; top: 74px; z-index: 2; width: 342px; margin-left: 440px; } /* for Privacy in IE*/ /* privacy in now in scrolling div */ #productImageDiv.links { position: absolute; top: 124px; z-index: 2; width: 342px; margin-left: 450px; } /* for Privacy */ #IEdiv #productImageDiv.links { position: absolute; top: 120px; z-index: 2; width: 342px; margin-left: 440px; } /* for Privacy in IE*/ /* For HOME page */ #mainHomeDiv { border: 1px green; } #mainHomeDiv #productTextDiv { width: 700px; margin-left: 30px; margin-top: 30px; font-family: verdana, sans-serif; font-size: 12px; font-weight: normal; color: #444; line-height: 1.4em; } #mainHomeDiv #productTextDiv h2 { font-family: Arial, sans-serif; font-size: 20px; margin-top: 0px; margin-bottom: 12px;} #mainHomeDiv #productTextDiv { font-weight: bold; } #mainHomeDiv #productTextDiv .pLeft { /* float: left; display: block; */width: 190px; margin-top: 0px; } #mainHomeDiv #productTextDiv .pRight {/* float: right; display: block; */ width: 190px; margin-top: 0px;} #mainHomeDiv #productImageDiv { position: absolute; top: 150px; z-index: 2; width: 862px; padding-left: 240px; margin: auto;} /* HOME PAGE IE */ #mainHomeDiv #IEdiv #productImageDiv { position: absolute; top: 140px; z-index: 2; width: 662px; padding-left: 240px; margin: auto;} /* conditional for IE only */ /* CTGY page forms */ .productNameDiv form { margin: 0; padding: 0; } .productNameDiv input { color: #555; font-size: 14px; text-align: left; width: 100px; border: none; background: none; margin: 0; padding: 0;} /* for text pages */ #leftCol { width: 400px; } #mainCell h2 { margin-top: 20px; } /* for Checkout */ .basketTable { margin-top: 50px; width: 750px; /* border: 1px solid red; */} .basketTable td { padding-right: 20px; font-size: 11px;} .basketTable th { border-bottom: 1px solid #ccc; font-size: 11px; text-align: left; padding-right: 20px; } .basketTable td.totalCell { font-size: 12px; font-weight: normal; border-top: 1px solid #ccc;} .basketTable td.nextCell { text-align: right; } p.basketEmpty { font-size: 14px; margin-top: 50px; } table td.nextCell { text-align: right; height: 6px; padding: 6px; 10px; } .nextLinkDiv { display: inline; height: 6px; width: 110px; text-align: center; } /* inline is to get it to align right in td */ .nextLinkDiv a { text-decoration: none; padding-top: 6px; padding-right: 20px; padding-bottom: 6px; padding-left: 20px; border: 1px solid #999;} .nextLinkDiv a:visited { color: blue; } #pleaseAllowDiv { margin-top: 40px; font-weight: bold; font-size: 11px; } table #saveButtonTable { width: 680px; } table #saveButtonTable td { text-align: right; } table #OCSTouterTable td.nextCell { padding-right: 20px; } table #OCSTbasketContentsTable { width: 680px; } table #OSELcustomerFieldsTable { width: 100%;} table #OSELbasketTable { width: 680px; } table #OPAYbasketTable { width: 680px; } table #INVCbasketTable {width: 680px; } /* for pageCustom */ #contentDiv { width: 750px; height: 350px; overflow: auto;} #contentColumnDiv p, #contentColumnDiv ul { width: 450px; font-family: verdana; font-size: 11px; } #contentColumnDiv ul { margin-top: 8px; margin-bottom: 6px; } #contentColumnDiv ul li { margin-bottom: 4px; } #contentColumnDiv h3 { font-size: 13px; } #customMonogramImageDiv { width: 450; text-align: center; } #customMonogramImageDiv p {} #contentDiv h4 { font-family: verdana, sans-serif; font-size: 11px; padding: 0; margin-top: 20px; margin-bottom: 10px; } #contentDiv p { margin-top: 0; } .customImageRightDiv { float: right; width: 150px; text-align: center; margin-right: 30px; margin-top: 20px; } .sampleImageDiv { margin-left: 40px; } /* for Links */ ul.linksList { list-style-type: none; margin: 0; padding: 0; } ul.linksList li { margin-bottom: 6px; } /* news Release */ body.newsRelease { font-family: verdana, sans-serif; font-size: 11px; padding: 20px; text-align: left; } body.newsRelease p { text-align: left; } body.newsRelease h1 {font-size: 14px;} body.newsRelease h2 { font-size: 11px; } body.newsRelease #newsLogoDiv { display: block; text-align: center; }