body { margin: 0; padding: 0; background: #f0f0f0; font: 12px/1.5 "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; } img, div, a, input { behavior: url('iepngfix.htc') } .test { background: url('search.png'); } .alt { display: none; } h1, h2, h3, p, li, form{ margin: 0; padding: 0; } p { padding-bottom: 0.5em;	 } h1 { font-size: 18px; font-weight: normal; padding-bottom: 0.5em; } h2 { font-size: 14px; font-weight: bold; padding-top: 0.5em; } a:link, a:visited, a:active { text-decoration: none; } a:hover { text-decoration: underline; } #container { width: 1000px; margin: 0 auto; background: url('main-bg.jpg') repeat-y; } #header { height: 95px; } #logo { float: left; display: inline; width: 300px; height: 50px; margin: 30px 0 0 30px; } #logo a { display: block; width: 300px; height: 50px; } #tabs { width: 374px; height: 27px; float: left; margin-top: 68px; margin-left: 20px; } #tabs ul li a#blue { display: block; width: 125px; height: 27px; padding: 0; background: url('tab-blue.jpg') no-repeat; } #tabs ul li a#green { display: block; width: 125px; height: 27px; padding: 0; background: url('tab-green.jpg') no-repeat; } #tabs ul li a#pink { display: block; background: url('tab-pink.jpg') no-repeat; width: 124px; height: 27px; padding: 0; } /* #tabs ul#listMenuRoot li a#blue:hover { background: url('tab-blue-on.jpg') no-repeat; } #tabs ul#listMenuRoot li a#green:hover { background: url('tab-green-on.jpg') no-repeat; } #tabs ul#listMenuRoot li a#pink:hover { background: url('tab-pink-on.jpg') no-repeat; } */ #cart { float: left; width: 200px; height: 65px; margin-top: 30px; margin-left: 50px; } #cart-buttons { height: 30px; } a.view-basket { display: block; width: 83px; height: 17px; float: left; background: url('view-basket.png') no-repeat; margin-left: 20px; } a.checkout { display: block; width: 71px; height: 17px; float: left; background: url('checkout.png') no-repeat; margin-left: 20px; } #cart-summary { text-align: center; } #second-bar { width: 960px; margin: 0 auto; height: 23px; } #quick-search { margin: 0; padding: 0; border: 0; } #second-bar form { float: right; padding: 0; margin: 0; } .search-text-field { font-size: 12px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #666; margin-top: 1px; margin-right: 10px; padding: 1px; padding-left: 3px; border: 0; width: 160px; } #main { width: 960px; margin: 1px auto; } #sidebar { width: 218px; float: left; } h1.sidebar-header { font-weight: bold; color: #fff; border-bottom: #ccc; font-size: 13px; padding: 2px 10px;	 } #sidebar p { padding: 10px; } #sidebar ul { padding: 0; margin: 0; list-style: none; } #sidebar ul li { border-bottom: solid 1px #ccc; } #sidebar ul li a { display: block; padding: 2px 12px; color: #666; } #sidebar ul li a:hover { background: #f0f0f0; text-decoration: none; } h2.site-info { background: #666; font-weight: bold; color: #fff; border-bottom: #ccc; font-size: 13px; padding: 2px 10px;	 } #breadcrumbs { float: left; width: 741px; background: #f0f0f0; margin-left: 1px; } #breadcrumbs p { padding: 3px 10px; } a.back-button { display: block; width: 79px; height: 20px; margin: 1px; float: right; background: url('back-button.gif'); } #content { float: left; width: 702px; margin: 20px 0 20px 20px; } #footer { clear: both; height: 80px; background: url('footer.jpg') bottom no-repeat; } #footer-content { width: 960px; margin: 0 auto; border-top: solid 1px #ccc; } #footer-content p { padding: 7px 10px 0 10px; } /* grey box */ .box-br { background: url('box-br.gif') bottom right no-repeat; margin-bottom: 15px; } .box-bl { background: url('box-bl.gif') bottom left no-repeat; padding-bottom: 15px; } .box-tr { background: url('box-tr.gif') top right no-repeat; padding-right: 15px;	 } .box-tl { background: url('box-tl.gif') top left no-repeat; padding-left: 15px; padding-top: 15px; } .white-box-br { background: url('white-box-br.gif') bottom right no-repeat; margin-bottom: 10px; } .white-box-bl { background: url('white-box-bl.gif') bottom left no-repeat; padding-bottom: 10px; } .white-box-tr { background: url('white-box-tr.gif') top right no-repeat; padding-right: 10px;	 } .white-box-tl { background: url('white-box-tl.gif') top left no-repeat; padding-left: 10px; padding-top: 10px; } /* section headings */ table.section-header img { margin-right: 15px; } /* section-links */ .section-link { width: 170px; float: left; height: 220px; } .section-link a { display: block; width: 130px; margin: 0 20px; height: 220px; text-decoration: none; text-align: center; } .section-link a:hover { background-color: #f0f0f0; } .section-link a p { text-align: center; } .section-link a img { margin: 10px auto; } /* product details */ .product-details-image { width: 200px; float: left; margin-right: 20px; } .product-details-text { width: 480px; float: left; } .product-details-subheading { font-size: 14px; font-weight: bold; } .tax-message { font-size: 12px; font-weight: normal; color: #000; } .quantity-cart { margin: 10px 0; height: 65px; } .quantity-field { width: 240px; float: left; } .cart-button { width: 240px; float: right; text-align: right; color: #999; } /* product thumbnail */ .product-marketing-list { float: left; width: 240px; margin: 15px 0; } a.product-thumbnail { display: block; width: 230px; height: 130px; margin: 10px 10px 10px 0; text-decoration: none; } a.product-thumbnail:hover { background-color: #f0f0f0; } .product-thumbnail-image { margin: 10px; width: 110px; float: left; } .product-thumbnail-text { float: left; width: 90px; margin: 10px 0 0 0; } /* Sidebar promotions ---------------------------- */ .sidebar-promotion { border-bottom: solid 1px #ccc; } .sidebar-promotion img { margin: 0 auto; }