#wrapper { width: 1001px; margin: 0px auto; padding: 0px; vertical-align: top; border: 1px solid #ccc; background-color: #FFF; } #header { height: 170px; padding: 0px; margin: 0px; background-color: #FFF; } /* IE6 Only */ * html #header { margin-bottom: -3px; } #logo { float: left; width: 751px; margin: 0px; padding: 0px; } #slideshow { float: left; width: 225px; margin: 0px; padding: 10px 0px 10px 25px; } #navContainer { height: 31px; font-weight: bold; text-align: center; } #nav { margin: 0px; padding: 0px; list-style-type: none; width: 1001px; float: left; } #nav li { margin: 0px; padding: 0px; float: left; } #nav a { float: left; color: #FFF; text-decoration: none; line-height: 1.1em; text-align: center; font-size: 12px; font-weight: bold; padding: 9px; border-right: 1px solid #CCC; } #nav a:hover { color: #FFF; background-position: -300px 0; } #nav a.lastLink { border-right: none; } #body_home #nav_home a, #body_ecop #nav_ecop a, #body_ener #nav_ener a, #body_toys #nav_toys a, #body_gard #nav_gard a, #body_recy #nav_recy a, #body_ethi #nav_ethi a, #body_comp #nav_comp a, #body_micr #nav_micr a, #body_carb #nav_carb a { color: #FFF; background-position: -150px 0; } /*#navbar { height: 25px; font-weight: bold; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; } #navbar a { display: block; float: left; color: #FFFFFF; text-decoration: none; margin: 0px; padding: 5px 12px; border-right: 1px solid #ccc; } #navbar a:hover { background-color: #ff9900; }*/ #left { width: 170px; float: left; padding: 20px 10px; margin: 0px; clear: both; } #searchArea { border: 1px solid #ccc; margin: 0px 0px 20px 0px; padding: 10px 5px 10px 5px; background-color: #eaeaea; } .advancedSearch { font-weight: bold; } #TLSHeader { padding: 8px 0px 6px 5px; margin: 20px 0px 0px 0px; font-weight: bold; font-size: 125%; color: #fff; border-bottom: 1px solid #FFF; } #custInfoHeader { padding: 8px 0px 6px 5px; margin: 20px 0px 0px 0px; font-weight: bold; font-size: 125%; color: #fff; border-bottom: 1px solid #FFF; } .mainSection:link, .mainSection:visited { display: block; background-color: #65aa6a; color: #FFF; font-weight: bold; padding: 4px 3px; text-decoration: none; border-top: 1px solid #FFF; border-left: 5px solid #65aa6a; } .mainSection:hover, .mainSection:active { display: block; background-color: #88abc2; padding: 4px 3px; text-decoration: none; border-left: 5px solid #ff9900; color: #fff; } .subSection:link, .subSection:visited { display: block; background-color: #88abc2; color: #FFF; padding: 2px 2px 2px 10px; text-decoration: none; border-top: 1px solid #FFFFFF; } .subSection:hover, .subSection:active { display: block; background-color: #ff9900; color: #FFF; padding: 2px 2px 2px 10px; text-decoration: none; } #bestSellersHeader { padding: 5px 0px; text-align: center; background-color: #ff9900; color: #fff; font-weight: bold; margin: 20px 0px 0px 0px; border: 1px solid #ccc; border-bottom: none; font-size: 14px; } #bestSellersContainer { border: 1px solid #ccc; padding: 6px; margin: 0px 0px 20px 0px; text-align: center; } #bestSellersContainer br { clear: both; } #bestSellersContainer a:link, #bestSellersContainer a:visited { text-decoration: none; } #bestSellersContainer a:hover, #bestSellersContainer a:active { text-decoration: underline; } #main { width: 588px; float: left; padding: 20px 15px; margin: 0px; min-height: 1300px; } /* IE6 Only */ * html #main { height: 1300px; } #right { width: 170px; float: right; padding: 20px 10px; margin: 0px; } #cartSummary { border: 1px solid #ccc; margin: 20px 0px; padding: 5px 1px 8px 1px; text-align: center; color: #65aa6a; background-color: #eaeaea; } .cartSummaryHeader { margin: 0px 0px 6px 0px; font-size: 14px; font-weight: bold; color: #65aa6a; } .cartDetails { margin: 0px 0px 12px 0px; padding: 0px; } #cartSummary a { text-decoration: none; font-weight: bold; padding: 2px 6px; background: #65aa6a; border: 1px solid #ccc; color: #fff; line-height: 1.4em; } #cartSummary a:hover { background: #ff9900; } .delivery { margin: 8px 0px 0px 0px; color: #FF0000; font-weight: bold; } #newsletter { background-color: #65aa6a; padding: 6px; color: #FFF; font-size: 14px; font-weight: bold; margin: 20px 0px; border: 1px solid #ccc; } #newsletter p { color: #FFF; font-weight: normal; margin: 5px 0px; } #newProductsHeader { padding: 5px 0px; text-align: center; background-color: #ff9900; color: #fff; font-weight: bold; margin: 20px 0px 0px 0px; border: 1px solid #ccc; border-bottom: none; font-size: 14px; } #newProductsContainer { border: 1px solid #ccc; padding: 4px; margin: 0px 0px 20px 0px; text-align: center; } #newProductsContainer br { clear: both; } #newProductsContainer a:link, #newProductsContainer a:visited { text-decoration: none; } #newProductsContainer a:hover, #newProductsContainer a:active { text-decoration: underline; } #footer { clear: both; text-align: center; padding: 3px 0px 1px 0px; margin: 0px; border-top: 1px solid #ccc; background-color: #ff9900; color: #FFF; height: 36px; } #footer a { text-decoration: none; color: #FFF; } #footer a:hover { color: #FFF; text-decoration: underline; } .terms { padding: 15px 0px 10px 0px; color: #65aa6a; } .terms H2 { color: #65aa6a; border-bottom: 3px solid #65aa6a; margin: 0px 0px 8px 0px; padding: 0px 0px 4px 0px; } hr { color: #ccc; margin: 6px 0px; padding: 0px; clear: both; height: 1px; } .clear { clear: both; } .highlight { color: #0066CC; } .ColContainer { margin: 5px auto; padding: 0px; width: 160px; } .ColTitle { margin: 0px auto; padding: 0px; text-align: center; font-weight: bold; } .ColTitle a:link, .ColTitle a:visited { display: block; padding: 3px; color: #65aa6a; text-decoration: none; } .ColTitle a:hover, .ColTitle a:active { color: #333; text-decoration: underline; } .ColImage { margin: 0px auto; text-align: center; } .ColText { margin: 0px auto; padding: 3px; text-align: center; } .ColPrice { margin: 0px auto; padding: 3px; text-align: center; font-weight: bold; color: #ff9900; } .FragColContainer { margin: 10px auto; padding: 0px; width: 175px; border: 1px solid #ccc; } .FragColTitle { margin: 0px auto; padding: 0px; text-align: center; font-weight: bold; background: #65aa6a; border-bottom: 1px solid #ccc; } .FragColTitle a:link, .FragColTitle a:visited { display: block; padding: 3px; color: #fff; text-decoration: none; background: #65aa6a; } .FragColTitle a:hover, .FragColTitle a:active { color: #fff; background: #ff9900; } .FragColImage { margin: 0px auto; text-align: center; } .FragColText { margin: 0px auto; padding: 3px; text-align: center; } .relatedTable { border: 1px solid #ccc; border-top: none; border-right: none; border-collapse: collapse; width: 100%; } .relatedTable td { border-right: 1px solid #ccc; }
