@charset "utf-8"; body { background-color: #f2f2f2; font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif; padding: 0; margin: 0; color: #333; } form { margin: 0; padding: 0; } a { color: #336; } h1, h2, p { margin: 0; padding: 0 0 0.4em 0; } a:link { text-decoration: none; } a:visited { text-decoration: none; } a:hover { text-decoration: underline; } a:active { text-decoration: none; } #container-left { width: 990px; background: url('shadow-left.jpg') repeat-y; margin: 0 auto; } #container-right { width: 980px; background: url('shadow-right.jpg') right repeat-y; margin-left: 10px; } #white-area { width: 970px; background: white; margin-right: 10px; } #bulk { width: auto; margin: 0 20px; } #header { width: auto; height: 128px; background: url('logo-cheddar-gorge.gif') no-repeat; } #top-nav { float: right; margin-top: 4px; } #top-nav ul { margin: 0; padding: 0; border: 0; list-style: none; width: 600px; } #top-nav ul li { float: right; padding: 0 5px; font-weight: bold; color: #336; } a.basket { background: url('basket.gif') no-repeat; padding-left: 24px; } #phone { float: right; clear: both; width: 200px; height: 50px; margin-top: 30px; background: url('phone-number.gif') no-repeat; } #nav-bar { height: 27px; background: url('nav-bar-background.jpg') repeat-x; } #nav-bar ul { margin: 0; padding: 0; border: 0; list-style: none; width: 930px; } #nav-bar ul li { float: left; background: url('nav-bar-sep.gif') right no-repeat; } #nav-bar ul li.search { float: right; background: none; } .search-field { margin: 0; margin-top: 2px; padding: 3px; border: 0; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; } .search-button { margin: 0; margin-right: 10px; padding: 0; border: 0; } #nav-bar ul li a { display: block; height: 27px; margin: 0px 2px 0 0; padding: 0px 20px; color: white; font-weight: bold; line-height: 23px; float: left; } #nav-bar ul li a:hover { text-decoration: none; background: url('nav-bar-active.jpg'); } .nav-label { display: block; height: 27px; margin: 0px 2px 0 0; padding: 0px 10px; color: white; font-weight: bold; line-height: 23px; float: right; } #main { position: relative; } #content { float: left; width: 670px; margin-top: 10px; } #content h1 { font-size: 20px; font-weight: normal; color: #336; } #content h2 { font-size: 18px; font-weight: normal; color: #333; } #right-bar { margin-top: 10px; float: right; width: 250px; } .right-bar-outer { width: 250px; background: url('sidebar-paper-bottom-left.gif') bottom left no-repeat; } .right-bar-inner { padding: 15px; background: url('sidebar-paper-right.jpg') top right no-repeat; } .right-bar-inner h2 { color: #336; font-size: 12px; font-weight: bold; margin-bottom: 10px; } .right-bar-inner h3 { color: #336; font-size: 12px; font-weight: bold; padding: 0; margin: 0; } #contact-box label { float: left; width: 60px; text-align: right; color: #336; font-size: 12px; font-weight: bold; margin: 0 5px 2px 0; } #contact-box input, #contact-box textarea{ float: left; border: solid 1px #ccc; margin-bottom: 2px; width: 150px; font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif; } .submit-button	{ clear: both; text-align: right; }	 #contact-box input.submit { width: auto; border: 0; float: none; } #footer-bar { width: auto; height: 27px; text-align: center; color: white; line-height: 24px; margin-top: 20px; background-color: #999; font-weight: bold; } #footer-bar a { color: white; } #footer-shadow { margin: 0 auto; width: 990px; height: 30px; background: url('footer-shadow.jpg') no-repeat; text-align: center; line-height: 20px; } .home-page-promo-container { float: left; width: 220px; } .home-page-promo-outer { background: url('promo-bottom-left.jpg') bottom left no-repeat; padding: 0 0 11px 11px; } .home-page-promo-inner { padding: 11px 11px 0 0; background: url('promo-top-right.jpg') top right no-repeat; } .hp-promo-link a { display: block; width: 193px; height: 17px; background: url('promo-arrow.gif') right no-repeat; margin: 5px 0 5px 5px; font-weight: bold; } #breadcrumb-trail { color: #999; padding-bottom: 10px; } #breadcrumb-trail a { color: #999; } #section-list { float: left; width: 150px; margin-right: 10px; } #section-list h2 { color: #336; font-size: 12px; font-weight: bold; margin-bottom: 5px; } #section-list ul { padding: 0; } #section-list ul li { padding: 0; margin: 0; vertical-align: bottom; } #section-list ul li a { display: block; padding: 5px; border-bottom: dotted 1px #ddd; vertical-align: bottom; } #section-list ul li ul li a { padding-left: 15px; } #product-list { float: left; width: 500px; } #product-list h1 { font-size: 18px; font-weight: normal; color: #336; } .product-summary { padding: 5px 0px; margin: 5px 0px; } .product-summary-image-left { width: 120px; margin-right: 10px; float: left; } .product-summary-details-right { width: 370px; float: left; padding-top: 15px;  } .product-summary-details-right p { padding: 0; } .bold { font-weight: bold; } .right { float: right; } .left { float: left; } .cheddar-drop-down { font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif; } .duplicate { color: #c00; } .product-section-list { color: #336; } .separator { clear: both; height: 10px; border-bottom: solid 1px #ebebeb;  } .product-details { color: #336; } .product-details-image-left { float: left; width: 240px; margin-right: 10px; } .product-details-right { float: left; width: 250px; } .product-details-right p { padding-bottom: 1.5em; } .cart-button { background: #ebebeb; font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif; border: solid 1px #999; color: #336; font-weight: bold; padding: 5px; } #contact-box input.contact-button { float: none; width: auto; background: #ccc; font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif; border: solid 1px #ccc; color: #fff; font-weight: bold; padding: 1px; }