/*--------------------------------------------------------------------------------- CSS reset, plus a few other tweaks -----------------------------------------------------------------------------------*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0; } .clear { clear:both; } /*--------------------------------------------------------------------------------- Layout & Basic styling of background-images etc -----------------------------------------------------------------------------------*/ body { background:#231f20; } #wrapper { position: relative;width:950px; margin:0 auto; margin-top:10px; margin-bottom:10px; } #container { position: relative; float:left; width:938px; margin:0 auto; background-color:#ffffff; padding:6px 6px 6px 6px; } #container-colour { position: relative; min-height:950px; float:left; width:938px; margin:0 auto; background-color:#d71921; background-image:url(../images/navigation_watermark.gif); background-position:left bottom; background-repeat:no-repeat; } #content-container { position: relative; min-height:950px; float:right; padding-left:4px; width:680px; background-color:#ffffff; } #content-home { float:left; width:674px; background-color:#351163; color:#FFFFFF; padding-top:6px; padding-left:6px; } #content-title { float:left; width:644px; padding-left:6px; padding-top:10px; margin-bottom:15px; padding-right:25px; } #content-alsobought { float:left; width:644px; padding-left:6px; padding-top:10px; margin-bottom:15px; padding-right:25px; } #content { float:left; width:650px; padding-left:15px; padding-top:6px; font-size:1.0em; } #content-contact { float:left; width:650px; padding-left:15px; padding-top:6px; font-size:1.4em; } #header { float:left; padding-bottom:4px;} #alsoboughtTitle { float:left; padding-top:65px; } #alsoboughtImage { float:right; text-align:right; padding-right:70px; } #alsobought1 { float:left; width:665px; height:180px; background-image:url(../images/products/alsobought1.jpg); background-repeat:no-repeat; font-size:1.4em; padding-left:10px; } #alsobought2 { float:left; width:665px; height:180px; background-image:url(../images/products/alsobought2.jpg); background-repeat:no-repeat; font-size:1.4em; padding-left:10px; } #alsobought3 { float:left; width:665px; height:180px; background-image:url(../images/products/alsobought3.jpg); background-repeat:no-repeat; font-size:1.4em; padding-left:10px; } #alsobought4 { float:left; width:665px; height:180px; background-image:url(../images/products/alsobought4.jpg); background-repeat:no-repeat; font-size:1.4em; padding-left:10px; } #homeBanner { float:left; padding-top:6px; background-image:url(../images/products/banner4_home.gif); background-position:1px 6px; background-repeat:no-repeat; } #homeVideo { float:right; width:100%; text-align:right; padding-bottom:10px; } #flashcontent { float:right; width:320px; height:260px; text-align:left; margin-right:6px; border:1px solid; border-color:#4e4e4f; background-color:#000000; } #flashcontentCopy { float:left; text-align:left; padding: 10px 10px 10px 10px; } #titleBar { float:right; width:100%; text-align:right;} #homeCopy { float:left; padding-left:75px; padding-bottom:15px; padding-right:20px; } #homePayPalLeft { float:left; width:200px; text-align:left; } #homePayPalRight { float:left; width:250px; padding-left:70px; text-align:left; } #homeQuote { float:left; width:670px; text-align:left; padding-left:5px; background-image:url(../images/home/title_bestsellers.jpg); background-position:left top; background-repeat:no-repeat; padding-top:35px; padding-bottom:30px; } /*--------------------------------------------------------------------------------- Copy -----------------------------------------------------------------------------------*/ html, body { font: 12px Arial, Helvetica, sans-serif; } h1 { display:none; } h2 { font-size: 1.1em; font-weight:bold; color:#d71921; padding-bottom:10px; } h3, h4, h5 { font-size: 1.1em; font-weight:bold; color:#d71921; padding-bottom:5px; } p { padding-bottom:10px; } hr { color:#000000; height:1px; } #footer p { font-size: 9px; color:#ffffff; } /*--------------------------------------------------------------------------------- Links -----------------------------------------------------------------------------------*/ a { color:#000000; font-weight:bold; text-decoration:none; } #footer a { color:#000000; text-decoration:none; } #footer a:hover { color:#d71921; text-decoration:none; } .black { color:#000000; font-weight:bold; } .alert { color:#ff0000; font-weight:bold; } .red { color:#d71921; font-weight:bold; } .bestsellersQuote { color:#006c64; font-weight:bold; font-size:1.5em; } .bestsellersBody { color:#006c64; font-weight:normal; font-size:1.4em; line-height:2em;} /*--------------------------------------------------------------------------------- Navigation -----------------------------------------------------------------------------------*/ #navigation { float: left; width: 254px; font-size:0.8em; } #sys_sidenavigation { padding-top:14px; padding-left:12px; font-weight:bold; font-size:1.2em; color:#FFFFFF; } #sys_sidenavigation a { color: #ffffff; text-decoration: none; } #sys_sidenavigation a:hover { color: #fdb913; text-decoration: none; } #sys_sidenavigation .current { color: #fdb913; } #sys_sidenavigation ul { list-style:none; padding:0; margin:0; width:230px; } #sys_sidenavigation li a { padding-bottom:30px; font-weight:normal;} /* Current */ #sys_sidenavigation li a.current { color:#fdb913; font-weight:normal; } #sys_sidenavigation li a#product1 { display:block; height: 70px; background: url(../images/products/thumb1.jpg) no-repeat; background-position:right top; } #sys_sidenavigation li a#product2 { display:block; height: 70px; background: url(../images/products/thumb2.jpg) no-repeat; background-position:right top; } #sys_sidenavigation li a#product3 { display:block; height: 70px; background: url(../images/products/thumb3.jpg) no-repeat; background-position:right top; } #sys_sidenavigation li a#product4 { display:block; height: 70px; background: url(../images/products/thumb4.jpg) no-repeat; background-position:right top; } #sys_sidenavigation li a#product5 { display:block; height: 70px; background: url(../images/products/thumb5.jpg) no-repeat; background-position:right top; } #sys_sidenavigation li a#product6 { display:block; height: 70px; background: url(../images/products/thumb6.jpg) no-repeat; background-position:right top; } #sys_sidenavigation li a#product7 { display:block; height: 70px; background: url(../images/products/thumb7.jpg) no-repeat; background-position:right top; } /*--------------------------------------------------------------------------------- Access Keys -----------------------------------------------------------------------------------*/ #accesskeys { padding:0px;margin:0px;margin:0px;text-align:left;} #skiplinks { display:block;position:absolute;top:15px;left:180px;text-align:left;width:220px;height:1.7em;clip:rect(0px, 220px, 1.7em, 0px);} #skiplinks ul { padding:0;margin:0;list-style:none;} #skiplinks li { padding:0;margin:0;list-style:none;display:inline;} #skiplinks a { color:#000000;position:absolute;top:0px;left:0px;overflow:hidden;width:0;height:0;z-index:1000;} #skiplinks a:active, #skiplinks a:focus { position:absolute;overflow:visible;width:auto;height:auto;margin:auto;padding:3px;background-color:#E7FF44;text-decoration:none;} /*--------------------------------------------------------------------------------- Copyright -----------------------------------------------------------------------------------*/ #copyright { float:left; width:650px; padding-left:5px; padding-top:6px; font-size:0.7em; } #copyright a { font-weight:normal; text-decoration:none; } #copyright a:hover { color:#d71921; }