@charset "UTF-8";
/* CSS Document */

* {
	margin: 0px;
	padding: 0px;
	outline:none;
}
img {
	border:none;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:74%;
	color:#333;
	line-height:1.6em;
	background-color: #FFFFFF;
}
a, a:link, a:active, a:visited { color:#AE0416; }
a:hover { opacity:0.8; }
h1, h2, h3, h4, h5 { font-family:Calibri, Arial, Helvetica, sans-serif; font-weight:100; }
h1 { margin:0px 0px 10px 0px; line-height:1em; }
h2 { margin:3px 0px 5px 0px; line-height:1em; }
#red-bar {
	height: 6px;
	background-color: #c00d25;
	top:0px;
	position: fixed;
	width:100%;
}
#header-x {
	height: 144px;
	width:100%;
	background: url(../images/site-layout/header-bg.png) no-repeat center;
	position: fixed;
	top:6px;
}
#header {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	height: 144px;
}
#logo {
	height: 109px;
	width: 172px;
	margin-top: 35px;
	float: left;
}
#nav-main {
	height: 40px;
	width: 746px;
	float: left;
	margin-top: 69px;
	margin-left: 40px;
	background-image: url(../images/site-layout/nav.png);
}
#whats-hot-x {
	height: 548px;
	background-image: url(../images/site-layout/flash-x.png);
	background-repeat: repeat-x;
	padding-top: 144px;
	background-position: 0px 144px;
}
#flash-x {
	height: 295px;
	background-image: url(../images/site-layout/flash-x.png);
	background-repeat: repeat-x;
	padding-top: 144px;
	background-position: 0px 144px;
}
#content-holder {
	margin:25px 0px 0px 0px;
	background-image: url(../images/site-layout/flash-x.png);
	background-repeat: repeat-x;
	padding-top: 144px;
	background-position: 0px 144px;
}
#content {
	min-height: 295px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
#content {
	min-height: 295px;
	width: 960px;
	background:url(../images/site-layout/detail-bg.gif) repeat-y;
	margin-right: auto;
	margin-left: auto;
}
#flash-content {
	min-height: 295px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
#left-col {
	float:left;
	width:190px;
	}
ul#subnav {
	float:left;
	padding:0px;
	margin:0px; 
	list-style:none;
	}
#subnav li {
	float:left;
	list-style:none;
	}
#subnav li a.selected {
	float:left;
	background:url(../images/site-layout/subnav-bg.gif);
	
	width:170px;
	margin:0px -7px 0px 0px;
	
	color:#C30C27;
	text-decoration:none;
	padding:8px 10px;
	height:21px;
	}
#subnav li a {
	float:left;
	width:170px;
	color:#000;
	text-decoration:none;
	padding:8px 10px;
	height:21px;
	}
#subnav li a:hover {
	color:#666;
	}
#subnav li.sub {
	float:left;
	margin:0px 0px 0px 25px;
	list-style:none;
	}
	
#subnav li.sub a.selected {
	float:left;	
	width:145px;
	background:none;
	margin:0px -7px 0px 0px;
	color:#C30C27;
	text-decoration:none;
	padding:8px 10px;
	height:21px;
	}
	

.main-col { float:left; background:url(../images/site-layout/content-bg.gif) repeat-y; width:740px; padding:15px; min-height:265px; }
.content-bg-top { float:left; background:url(../images/site-layout/content-top.gif); width:770px; margin:-15px; height:18px;  }

.main-content { float:left; text-align:right; width:415px;  }

.main-image-col { float:right; margin:-40px 0px 0px 0; width:309px; }
.main-image { float:left; width:309px; height:226px; background: #fff; overflow:hidden;  }
a.main-image-overlay { text-decoration:none; float:left; background:url(../images/site-layout/main-image-overlay.png); width:309px; height:226px; margin:-226px 0px 0px 0px; }
a.main-image-overlay:hover { background-position:bottom; }

.main-thumbs { float:left; width:309px; margin:15px 0px 0px 0; padding:0px 0px 0px 0px; }
.thumb { float:left; margin:0px 2px 0px 1px; }
.main-thumb-overlay { float:left; background:url(../images/site-layout/thumbs-image-overlay.png); width:309px; height:67px; margin:-67px 0px 0px 0px; }

#flash-holder {
	height: 295px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
#white {
	background-color: #FFFFFF;
	padding:0px 0px 80px 0px;
}
#body-wrapper {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
#body-top {
	height: 10px;
	width: 960px;
	background-image: url(../images/site-layout/body-top.jpg);
}
#body-mid {
	width: 960px;
	background-color: #111111;
	background-image: url(../images/site-layout/body-mid.jpg);
	background-repeat: no-repeat;
}
#body-bottom {
	height: 10px;
	width: 960px;
	background-image: url(../images/site-layout/body-bottom.jpg);
}
.clear {
	clear: both;
	height:0px;
}
#sponsors {
	height: 63px;
	width: 960px;
	margin:15px  auto;
}
#sponsors img {
	float: left;
}
#footer-x {
position:fixed;
bottom:0px;
width:100%;
	background-image: url(../images/site-layout/footer-bg.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 93px;
}
#sponsors a { float:left; height:40px; overflow:hidden; text-indent:-9999em; }
#sponsors a:hover { background-position:bottom; }

a.yoshimura { background:url(../images/sponsors/yoshimura.gif); width:128px; }
a.powercommander { background:url(../images/sponsors/powercommander.gif); width:101px; }
a.arata { background:url(../images/sponsors/arata.gif); width:117px; }
a.wiseco { background:url(../images/sponsors/wiseco.gif); width:151px; }
a.dynojet { background:url(../images/sponsors/dynojet.gif); width:141px; }
a.dna { background:url(../images/sponsors/dna.gif); width:98px; }
a.kn { background:url(../images/sponsors/kn.gif); width:116px; }
a.silkolene { background:url(../images/sponsors/silkolene.gif); width:108px; }


.teaser-wrapper {
	height: 186px;
	width: 320px;
	float: left;
}
.teaser-header {
	height: 24px;
	width: 310px;
	padding-left: 10px;
	color: #FFFFFF;
}
#teaser-one-text {
	float: left;
	height: 110px;
	width: 195px;
	padding-left: 10px;
	color: #b0b0b0;
	font-family: Calibri;
	font-size: 14px;
	padding-top: 10px;
}
#teaser-one-img {
	height: 120px;
	width: 115px;
	float: left;
}
#teaser-two-text {
	float: left;
	height: 110px;
	width: 134px;
	padding-left: 10px;
	color: #b0b0b0;
	font-family: Calibri;
	font-size: 14px;
	padding-top: 10px;
}
#teaser-two-img {
	height: 120px;
	width: 175px;
	float: left;
}
#teaser-three-img {
	height: 120px;
	width: 320px;
}
.teaser-footer-one {
	height: 28px;
	width: 302px;
	clear: both;
	line-height:1.2em;
	padding-left: 18px;
	background-image: url(../images/teasers/teaser-btn.png);
	background-repeat: no-repeat;
	background-position: 10px;
	font-family: Calibri;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	padding-top: 14px;
}
.teaser-footer-one a {
	color: #FFFFFF;
	text-decoration: none;
}
.teaser-footer-one a:hover {
	text-shadow: 2px 2px 2px #000;
}
.teaser-footer-two {
	background-image: url(../images/teasers/teaser-btn-two.png);
	background-repeat: no-repeat;
	height: 28px;
	width: 75px;
	background-position: 230px;
	font-family: Calibri;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	line-height:1.2em;
	padding-top: 14px;
	padding-left: 245px;
}
.teaser-footer-two a {
	color: #FFFFFF;
	text-decoration: none;
}
.teaser-footer-two a:hover {
	text-shadow: 2px 2px 2px #000;
}
.breadcrumb { float:left; width:100%; color:#666; background:#FFF; font-size:0.9em; margin:0px 0px 0px 190px; }
.breadcrumb a { text-decoration:none; color:#666; }


.product-detail { float:left; width:266px;  } 
.product-price { float:left;  width:134px; margin:0px 0px 0px 15px; }

.ourprice { font-size:1.2em; text-align:right; color:#4b4b4b; }
.price { font-size:1.8em; color:#c30c27; }

.list { float:left; cursor:pointer; font-size:1.3em; font-family:Calibri, Arial, Helvetica, sans-serif; width:224px; text-align:center; padding:12px 11px; background:url(../images/site-layout/item-bg.gif); height:176px; }
.list .list-image a { float:left;  cursor:pointer; width:224px; height:130px; margin:5px 0px 5px 0px; overflow:hidden;  }
.list .list-title a { float:left;  cursor:pointer; width:224px; color:#000; text-decoration:none;  }


a.brand-list { float:left; text-decoration:none; font-size:1.3em; color:#000; font-family:Calibri, Arial, Helvetica, sans-serif; width:224px; text-align:center; padding:12px 11px; background:url(../images/site-layout/brand-bg.gif); height:100px; }
a.brand-list .list-image { float:left; text-align:center; width:224px; height:100px; overflow:hidden;  }


.main-content ul { list-style:circle; }

.input { float:left; width:258px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666; padding:5px 3px; margin:0px 0px 5px 0px; border:solid 1px #dedede;  }

.left { float:left; }

.submit-btn { float:left; }

.service-column { float:left; width:740px;  }

.intro { font-size:1.2em; }

h2 a { text-decoration:none; }

a.associate { float:left; width:201px; padding:3px; text-decoration:none; text-align:center; color:#c30c27; }
a.associate:hover { background:#c30c27; color:#fff; }
.associate-title { float:left; width:100%; font-size:1.2em; text-align:center; }