body {margin:0; background:url(images/bg04.jpg) repeat-x #f4f6f6;} p {padding-left:10px; padding-right:10px;} #container { width:800px; height:auto;} #top-nav {margin:5px 0 0 0px; font:11px "Trebuchet MS"; background-color:#000000; color:#FFFFFF; padding-top:0px; } li.topnav { padding-right:20px; float: left; position: relative; font:11px "Trebuchet MS"; color:#FFFFFF; } li.topnav a {color:#ffffff; text-decoration:none;} li.topnav a:hover {color:#508baa; text-decoration:none;} li.inside {font:11px "Trebuchet MS"; color:#FFFFFF; margin-left:10px; position: relative; line-height:18px; text-transform:uppercase;} li.inside a {color:#ffffff; text-decoration:none;} li.inside a:hover {color:#508baa; text-decoration:none;} ul {padding: 0; margin-top: -10px; margin-left:0px; list-style: none; font:11px "Trebuchet MS"; color:#FFFFFF; } li ul {display: none; position: absolute; margin-left:0px; text-align:left; width:150px; background-color:#cccccc; border:1px solid #ffffff; list-style:none; } li > ul {top: 22px; left: 0px; } li:hover ul, li.over ul{ display: block; } /* Hides from IE5-mac \*/ * html .buggybox {height: 1%;} /* End hide from IE5-mac */ li.mainnav1 { margin-left:29px; padding:0; float: left; position: relative; font:11px "Trebuchet MS"; color:#333333; } li.mainnav1 a {color:#333333; text-decoration:none;} li.mainnav1 a:hover {color:#508baa; text-decoration:none;} li.mainnav2 { margin-left:28px; padding:0; float: left; position: relative; font:11px "Trebuchet MS"; color:#333333; } li.mainnav2 a {color:#333333; text-decoration:none;} li.mainnav2 a:hover {color:#508baa; text-decoration:none;} li.mainnav3 { margin-left:28px; padding:0;float: left; position: relative; font:11px "Trebuchet MS"; color:#333333; } li.mainnav3 a {color:#333333; text-decoration:none;} li.mainnav3 a:hover {color:#508baa; text-decoration:none;} li.mainnav4 { margin-left:35px; padding:0; float: left; position: relative; font:11px "Trebuchet MS"; color:#333333; } li.mainnav4 a {color:#333333; text-decoration:none;} li.mainnav4 a:hover {color:#508baa; text-decoration:none;} li.mainnav5 { margin-left:48px; padding:0; float: left; position: relative; font:11px "Trebuchet MS"; color:#333333; } li.mainnav5 a {color:#333333; text-decoration:none;} li.mainnav5 a:hover {color:#508baa; text-decoration:none;} li.special { margin-left:40px; padding:0; float: left; position: relative; font:11px "Trebuchet MS"; color:#ffffff } li.special a {color:#ffffff; text-decoration:none;} li.special a:hover {color:#508baa; text-decoration:none;} #header {padding-top:0px; margin:0; background-color:#000000;} #top-link1 {float:left; margin:25px 0 0 20px; font:13px "Trebuchet MS"; color:#FFFFFF; } #top-link1 a {text-decoration:none; color:#ffffff;} #top-link1 a:hover {text-decoration:none; color:#508baa;} #top-link2 {float:left; margin:25px 0 0 30px; font:13px "Trebuchet MS"; color:#FFFFFF; } #top-link2 a {text-decoration:none; color:#ffffff;} #top-link2 a:hover {text-decoration:none; color:#508baa;} span.subtext {font:10px "Trebuchet MS"; color:#a7a7a7; margin-left:0px; } span.subtext2 {font:10px "Trebuchet MS"; color:#a7a7a7; margin-left:0px; } #main-nav {background:url(images/header-bg.gif) no-repeat bottom; width:800px; height:49px; float:left;} #search {float:left; padding-top:5px; padding-left:0px; width:200px; } #search a {color:#5a6060; text-decoration:none;} #search a:hover {color:#508baa; text-decoration:none;} div.container2 {float:left; font:11px "Trebuchet MS"; margin:21px 0 0 0px; width:600px; } #left-column {background:#f4f5f5; width:220px; height:auto; padding:0;} #left-column p.hacker {float:left; font:9px "Trebuchet MS"; padding-top:5px; margin:0;} #testimonials {margin-left:15px; width:200px; padding-bottom:10px;} #testimonials h1 {font:14px "Trebuchet MS"; color:#508baa; width:200px;} #testimonials span {font:12px "Trebuchet MS"; color:#666666;} #testimonials span a {color:#b70202; font:12px "Trebuchet MS"; text-decoration:none; } #testimonials span a:hover {color:#750101; text-decoration:none;} #bulk {background-color:#c7c7c7; width:220px; height:30px; padding:0;} #bulk p {font: bold 12px "Trebuchet MS"; color:#666666;} #bulk p a {font: bold 12px "Trebuchet MS"; color:#666666; padding:0px 0 0 5px; text-decoration:none;} #bulk p a:hover {color:#750101; text-decoration:none;} #menu {width:220px; font:12px "Trebuchet MS"; color:#6f7070;} #menu p {font:12px "Trebuchet MS"; color:#508baa; padding:10px 0 0 15px; margin:0;} #bookmark {float:left;background-color:#c7c7c7; width:205px; height:30px; font:12px "Trebuchet MS"; color:#666666; margin:0px;padding:0px 0 10px 15px;} #bookmark a {color:#666666; text-decoration:none;} #bookmark a:hover {color:#750101; text-decoration:none;} #cart {width:220px; font:12px "Trebuchet MS"; color:#6f7070;} #newsletter {float:left;width:220px; height:50px; font:12px "Trebuchet MS"; color:#6f7070; margin-top:10px;padding-left:15px;} #newsletter h1 {font:12px "Trebuchet MS"; color:#508baa; text-transform:uppercase; padding-bottom:0px;} #secure {width:205px; font:12px "Trebuchet MS"; color:#6f7070; padding:15px 0 0 15px;} #secure a {color:#508baa; text-decoration:none;} #secure a:hover {color:#750101; text-decoration:none;} #right-column {float:left;background-color:#ffffff; width:560px; height:auto;margin:0;padding:0 0 0 10px;} #welcome {width:530px; font:12px "Trebuchet MS"; color:#666666; padding-left:30px; margin-top:5px; } #welcome p {margin:0; padding:0; font:12px "Trebuchet MS"; color:#666666; text-transform: none;} #welcome a {font:10px "Trebuchet MS"; color:#508baa; text-transform:uppercase; text-decoration:none;} #welcome a:hover {color:#750101;text-decoration:none;} #welcome h1 {font:18px "Trebuchet MS"; color:#508baa; text-transform:uppercase; padding:0; } #welcome span.subtitle {font:14px "Trebuchet MS"; color:#3f3f3f;} div.banner {padding:15px 0 10px 30px;} #featured {font:13px "Trebuchet MS"; color:#FFFFFF; text-transform:uppercase; padding:10px 0 10px 30px; } #featured span {margin-left:10px;} #footer {width:770px; font:11px "Trebuchet MS"; color:#666666; padding:10px 15px 10px 15px; } #footer span.sales{color:#000000;font:11px "Trebuchet MS"; text-decoration:none; } #footer span.sales a {color:#c20303; font:11px "Trebuchet MS"; text-decoration:none; } #footer span.sales a:hover {color:#750101;text-decoration:none; text-align:center; } div.footernav {background: #ffffff; height:21px; border:1px solid #e2e2e2; text-align:center; font:12px "Trebuchet MS"; color:#666666; padding:8px 0 0 0;} div.footernav a {text-decoration:none;color:#666666;} div.footernav a:hover {text-decoration:underline;color:#508baa;} #container-sub {float:left; height:1000px; width:550px;} #subcat-header {float:left; margin-left:20px;margin-top:15px;width:509px; height:231px; background: url(images/cat_home_road.gif) no-repeat; padding:0;} #subcat-header2 {float:left; margin-left:20px;margin-top:15px;width:509px; height:231px; background: url(images/cat_home_outdoors.gif) no-repeat;padding:0;} #subcat-header3 {float:left; margin-left:20px;margin-top:15px;width:509px; height:231px; background: url(images/cat_home_marine.gif) no-repeat;padding:0;} #subcat-header4 {float:left; margin-left:20px;margin-top:15px;width:509px; height:231px; background: url(images/cat_home_fitness.gif) no-repeat;padding:0;} div.subcats {float:left; margin-top:160px; height:70px; width:509px;padding:0; background-color:#676868;} div.subcats ul {margin-top:10px; margin-left:10px; } div.subcats li {font:12px "Trebuchet MS"; color:#ffffff; line-height:16px; } div.subcats li a {color:#ffffff; text-decoration:none; } div.subcats li a:hover {color:#508baa; text-decoration:underline;} #inbetween {float:left; width: 508px; margin-top:0px;margin-left: 20px; margin-bottom:0; padding:0;} #inbetween h1 {float:left; font:14px "Trebuchet MS"; color:#39708c; padding:0; margin-top:20px;margin-bottom:0;} #inbetween span {font:bold 12px "Trebuchet MS"; color:#676868;} #subcat-area {float:left; width: 508px;height: 131px;margin-bottom:15px;margin-left: 20px; padding:0;} #subcat-area a {width: 508px;height: 131px;display:block; background:url(images/subcat_bg.gif) no-repeat; text-decoration:none;} #subcat-area a:hover {width: 508px;height: 131px;display:block; background:url(images/subcat_bg2.gif) no-repeat;} div.subtext {float:left; margin-left:15px; padding-top:0px;} #subcat-area h1 {font:18px "Trebuchet MS"; color:#39708c; width:265px;} #subcat-area h1 a {color:#39708c; text-decoration:none;} #subcat-area span.desc {font:bold 12px "Trebuchet MS"; color:#676868;} #subcat-area span.desc a {color:#676868; text-decoration:none;} #subcat-area span.voice {font:12px "Trebuchet MS"; color:#959696;} #subcat-area span.voice a {color:#959696; text-decoration:none;} #subcat-area p {font:bold 12px "Trebuchet MS"; color:#676868;} #subcat-area p a {color:#676868; text-decoration:none;} #subcat-area span.top {font: 10px "Trebuchet MS"; color:#676868; text-align:right; margin-right:25px; margin-top:-30px;} #subcat-area span.top a {color:#676868; text-decoration:none;} div.preload {background-position:-1000px -1000px; background:url(images/subcat_bg2.gif) no-repreat;}