#siteWrapper { width: 1003px; margin: 0px auto; padding: 0px; vertical-align: top; background-color: #FFF; } #header { height: 100px; padding: 0px; margin: 0px; } /* IE6 Only */ * html #header { margin-bottom: -3px; } #nav1Container { height: 40px; font-weight: bold; text-align: center; padding: 2px 0px 8px 18px; background: url('nav1-bg.jpg') repeat-x; } #nav1 { margin: 0px; padding: 0px; list-style-type: none; float: left; } #nav1 li { margin: 0px; padding: 0px; float: left; } #nav1 a { float: left; color: #fff; text-decoration: none; line-height: 2.7em; text-align: center; font-size: 14px; font-weight: bold; padding: 0px 13px; margin: 0px 5px 0px 0px; height: 40px; background: url('button-bg.jpg') 0px -40px repeat-x; } #nav1 a:hover { background-position: 0px 0px; } #nav1 #nav1_videos a { border: none; } #home #nav1_home a, #info #nav1_info a, #fans #nav1_fans a, #heat #nav1_heat a, #controls #nav1_controls a, #round #nav1_round a, #square #nav1_square a, #grilles #nav1_grilles a { background-position: 0px -80px; color: #fff; } #resourceBar { height: 20px; padding: 10px 20px 0px 20px; background-color: #71c842; } #nav2 { margin: 0px; padding: 0px; background: #71c842 url('button-bg.jpg') 0px 0px repeat-x; list-style-type: none; float: left; width: 1001px; border: 1px solid #ccc; border-bottom: none; } #nav2 li { margin: 0px; padding: 0px; float: left; } #nav2 a { float: left; color: #fff; text-decoration: none; line-height: 2.5em; padding: 0px 10px; background: url('button-bg.jpg') 0px 0px repeat-x; font-weight: bold; border-right: 1px solid #ccc; } #nav2 a:hover { background: url('button-bg.jpg') 0 -80px repeat-x; color: #fff; } #contentWrapper { border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 0px; } .clear { clear: both; } #left { width: 170px; float: left; padding: 0px 0px 10px 10px; margin: 0px; } #search { border: 1px solid #ccc; border-bottom: none; margin: 0px; padding: 5px; background: #ffffff; } .advancedSearch { font-weight: bold; } .sidebarBottom { margin: 0px 0px 15px 0px; padding: 0px; height: 10px; background: url('sidebar-bottom.gif') no-repeat; } .sidebarHeader, .sidebarMktHeader { padding: 7px 0px 7px 7px; margin: 15px 0px 0px 0px; font-weight: bold; font-size: 110%; background: url('sidebar-header.gif') no-repeat 0px 0px; color: #fff; } .sidebarMktHeader { background: url('sidebar-header.gif') no-repeat -170px 0px; } .mainSection:link, .mainSection:visited, .mainSection:hover, .mainSection:active { display: block; color: #FFF; padding: 4px 0px 4px 5px; text-decoration: none; border-top: 1px solid #FFF; background: #888888 url('button-bg.jpg') 0 -80px repeat-x; font-weight: bold; } .mainSection:hover, .mainSection:active { background: #71c842 url('button-bg.jpg') 0 -40px repeat-x; } .sidebarMktCont { border: 1px solid #ccc; border-bottom: none; border-top: none; padding: 5px 3px; margin: 0px; text-align: center; } .sidebarMktCont br { clear: both; } .sidebarMktCont a:link, .sidebarMktCont a:visited { text-decoration: none; } .sidebarMktCont a:hover, .sidebarMktCont a:active { text-decoration: underline; } #mainWrapper { width: 621px; float: left; padding: 0px 10px; margin: 0px; min-height: 1000px; } /* IE6 Only */ * html #mainWrapper { height: 1000px; } #topMain { margin: 15px 0px 0px 0px; padding: 0px 10px; height: 10px; width: 601px; background: url('main-top-bg.gif') no-repeat top left; clear: both; } #middleMain { margin: 0px; padding: 5px 10px; width: 599px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; clear: both; } #bottomMain { margin: 0px; padding: 0px 15px; height: 10px; width: 601px; background: url('main-bottom-bg.gif') no-repeat bottom left; clear: both; } #right { width: 170px; float: left; padding: 0px 10px 10px 0px; margin: 0px; } #cartSummary { border: 1px solid #ccc; border-bottom: none; margin: 0px; padding: 5px 1px; text-align: center; color: #003366; background: #ffffff; } .cartDetails { margin: 0px 0px 12px 0px; padding: 0px; font-size: 14px; } #cartSummary a { text-decoration: none; font-weight: bold; padding: 3px 5px; background: #003366 url('button-bg.jpg') 0 0 repeat-x; border: 1px solid #ccc; color: #fff; line-height: 1.4em; } #cartSummary a:hover { background: #71c842 url('button-bg.jpg') 0 -80px repeat-x; } .sidebarImageHolder { margin: 15px 0px; } #footerHeader { margin: 0px; padding: 7px 0px; background: url('button-bg.jpg') 0 -40px repeat-x; clear: both; color: #FFF; font-size: 14px; font-weight: bold; text-align: center; } #footerLinksCont { margin: 0px; padding: 0px 0px 25px 0px; clear: both; border-left: 1px solid #ccc; border-right: 1px solid #ccc; background: #fff url("secure-payments.jpg") no-repeat bottom center; } .footerLinks { margin: 0px; padding: 5px 0px 10px 10px; width: 240px; float: left; } .footerLinks a { font-size: 11px; } .footerLinks h4 { margin: 15px 0px 5px 0px; font-size: 14px; color: #003366; } .footerLinks ul { margin-top: 0px; margin-bottom: 0px; color: #003366; } #footer { clear: both; text-align: center; padding: 6px 0px 4px 0px; margin: 0px; background: #71c842 url('button-bg.jpg') 0 -80px repeat-x; color: #FFF; height: 18px; } #footer a { text-decoration: none; color: #FFF; } #footer a:hover { color: #FFF; text-decoration: underline; } .builder { border: 1px solid #ccc; padding: 15px; border-top: none; } .builderQuantity { float: right; padding: 10px 10px 0px 0px; } .lightbox { float: left; margin: 10px 0px; padding: 0px; width: 300px; } .lightbox img { border: 1px solid #ccc; margin: 4px 4px 4px 0px; }
