html {
	min-height: 100%;
	height:100%;
}

body#home {	
	background:#000000 url("../images/bg_main.gif") repeat-x top center;
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size:12px;
	color: #000000;
	height: 100%;
	margin:0;
}

body {	
	background:#000000 url("../images/bg_main_int.gif") repeat-x top center;
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size:12px;
	color: #000000;
	height: 100%;
	margin:0;
}


h1 {
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size: 21px;
	color: #000000;
	line-height:normal;
	padding:0;
	margin: 0 0 10px 0;
	background:url("../images/line.gif") repeat-x 0 20px;
}

h2 {
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight:bold;
	line-height:20px;
	margin: 0 0 10px 0;
	text-transform:uppercase;
	font-style:italic;
	background:url("../images/line.gif") repeat-x 0 13px;
}

h3 {
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#000000;
	padding:0;
	margin: 0;
}

p {
	line-height: 20px;
	margin:0 0 20px 0;
}

a {
	color: #950000;
	text-decoration: underline;
}

a:hover {
	color: #000000;
	text-decoration: underline;
}

strong {}

.border {
	border:1px solid #c7c7c7;
}

.border-left {
	float:left;
	margin:0 10px 10px 0;
	border:1px solid #c7c7c7;
}

.border-right {
	float:right;
	margin:0 0 10px 10px;
	border:1px solid #c7c7c7;
}

.noborder {
	border:0;
	padding:0;
	margin:0;
}

.nav_text {
	display:none;
}

.hr {
	background:url("../images/hr.gif") repeat-x;
	height:1px;
	line-height: 1px;
	position:relative;
	text-align:left;
	margin: -5px 0 20px 0;
	padding: 0;
	border: 0;
}

.hr hr {
	display:none;
}

ol {
	margin:0 0 20px 20px;
}

ol li {
	line-height:22px;
}

#col_2 ul {
	width:100%;
	margin:5px 0 20px 0;
	padding:0;
	list-style:none;
}

#col_2 ul li {
	padding-left: 20px;
	background:url("../images/bullet.gif") no-repeat 0 2px;
	margin:0 10px 5px 0;
	line-height:18px;
}

#col_full ul {
	width:100%;
	margin:5px 0 20px 0;
	padding:0;
	list-style:none;
}

#col_full ul li {
	padding-left: 20px;
	background:url("../images/bullet.gif") no-repeat 0 2px;
	margin:0 10px 0 0;
	line-height:22px;
}

/********************* MAIN BODY *************************/

#main_body {
	position:relative;
	margin: auto;
	z-index:100;
}

.titanium {
	background:url("../images/bg_prod_titanium.jpg") no-repeat top center;
}

.tires {
	background:url("../images/bg_prod_tires.jpg") no-repeat top center;
}

.wheels {
	background:url("../images/bg_prod_wheels.jpg") no-repeat top center;
}

.interiors {
	background:url("../images/bg_prod_interiors.jpg") no-repeat top center;
}

.extras {
	background:url("../images/bg_prod_extras.jpg") no-repeat top center;
}

/********************* LAYOUT STYLES *************************/

#top {
	position:relative;
	width:940px;
	height:105px;
	background:url("../images/bg_nav.jpg") no-repeat center;
	margin: auto;
	z-index:1200;
}

a.logo {
	display:block;
	position:absolute;
	top:25px;
	left:370px;
	width:200px;
	height:85px;
	text-indent:-2000px;
	z-index:200;
}

#slider_content {	
	margin:0 auto;
	position:relative;
	text-align:left;
	width:800px;
}	

#header {
	height:80px;
	line-height:80px;
	background:#5DC9E1;
	color:#fff;
}	
			
#container{
	position:relative;
	margin:auto;
	width:auto;
	height:450px;
	overflow:hidden;	
}		

#main_body a:hover {
	background-position:0% 100%;
}

#content {	
	margin:auto;
	position:relative;
	margin-top:30px;
	text-align:left;
	width:940px;
}	

/********************* INTERIOR LAYOUT STYLES *************** */

.prod_dock {
	position:relative;
	background:url("../images/bg_prod_dock.gif") no-repeat top center;
	width:100%;
	height:130px;
	margin:auto;
}

.prod_buttons {
	position:relative;
	background:url("../images/bg_prod_cat.gif") no-repeat center;
	/*width:100%;*/
	height:16px;
	margin:auto;
	text-align:center;
}

.cats {
	position:relative;
	width:760px;
	height:16px;
	margin:auto;
}

a.btn_prod_tires {
	position:relative;
	display:block;
	float:left;
	margin:0;
	width:212px;
	height:16px;
	background:url("../images/btn_prod_tires.gif") no-repeat;
	text-indent:-3000px;
}

a.btn_prod_wheels {
	position:relative;
	display:block;
	float:left;
	margin:0;
	width:207px;
	height:16px;
	background:url("../images/btn_prod_wheels.gif") no-repeat;
	text-indent:-3000px;
}

a.btn_prod_interiors {
	position:relative;
	display:block;
	float:left;
	margin:0;
	width:208px;
	height:16px;
	background:url("../images/btn_prod_interiors.gif") no-repeat;
	text-indent:-3000px;
}

a.btn_prod_extras {
	position:relative;
	display:block;
	float:left;
	margin:0;
	width:127px;
	height:16px;
	background:url("../images/btn_prod_extras.gif") no-repeat;
	text-indent:-3000px;
}

.home_banners {
	position:relative;
	width:800px;
	height:140px;
	margin:auto;
	padding:30px 0 0 0;
}

a.btn_detailblog {
	display:block;
	float:left;
	margin:0 9px 0 0;
	width:260px;
	height: 187px;
	background:url("../images/btn_detailblog.jpg") no-repeat;
	text-indent:-3000px;
}

a.btn_skinsrims {
	display:block;
	float:left;
	margin:0 10px 0 0;
	width:260px;
	height:140px;
	background:url("../images/btn_skinsrims.jpg") no-repeat;
	text-indent:-3000px;
}

a.btn_ydos {
	display:block;
	float:left;
	margin:0 10px 0 0;
	width:260px;
	height:140px;
	background:url("../images/btn_ydos.jpg") no-repeat;
	text-indent:-3000px;
}

a.btn_pb {
	display:block;
	float:left;
	margin:0 10px 0 0;
	width:260px;
	height:140px;
	background:url("../images/btn_pepboys.jpg") no-repeat;
	text-indent:-3000px;
}

a.btn_newproducts {
	display:block;
	float:left;
	margin:0 10px 0 0;
	width:260px;
	height:140px;
	background:url("../images/btn_newproducts.jpg") no-repeat;
	text-indent:-3000px;
}

a.btn_carcissist {
	display:block;
	float:left;
	margin:0 9px 0 0;
	width:262px;
	height: 187px;
	background:url("../images/viewlet_carcissist_1.jpg") no-repeat;
	text-indent:-3000px;
}

a.btn_bullrun {
	display:block;
	float:left;
	margin:0 10px 0 0;
	width:260px;
	height:140px;
	background:url("../images/btn_bullrun.jpg") no-repeat;
	text-indent:-3000px;
}

a.btn_ytbanner {
	display:block;
	float:left;
	margin:0 0 4px 0;
	width:260px;
	height:44px;
	background:url("../images/btn_ytbanner.jpg") no-repeat;
	text-indent:-3000px;
}

a.btn_fbbanner {
	display:block;
	float:left;
	margin:0 0 4px 0;
	width:260px;
	height:44px;
	background:url("../images/btn_fbbanner.jpg") no-repeat;
	text-indent:-3000px;
}

a.btn_twbanner {
	display:block;
	float:left;
	margin:0 0 4px 0;
	width:260px;
	height:44px;
	background:url("../images/btn_twbanner.jpg") no-repeat;
	text-indent:-3000px;
}	

a.btn_mail {
	display:block;
	float:left;
	margin:0 0 4px 0;
	width:260px;
	height:44px;
	background:url("../images/btn_mailing_list.jpg") no-repeat;
	text-indent:-3000px;
}	

a.btn_mail:hover {
	background-position: 0% 100%;
}


#col_1 {
	position:relative;
	float:left;
	width:228px;
	padding:0;
	margin:0;
}

a.btn_titanium {
	display:block;
	width:221px;
	height:55px;
	background:url("../images/btn_titanium.png") no-repeat;
	text-indent:-3000px;
}

a.btn_tires {
	display:block;
	width:221px;
	height:25px;
	background:url("../images/btn_tires.png") no-repeat;
	text-indent:-3000px;
}

a.btn_wheels {
	display:block;
	width:221px;
	height:25px;
	background:url("../images/btn_wheels.png") no-repeat;
	text-indent:-3000px;
}

a.btn_washwax {
	display:block;
	width:221px;
	height:25px;
	background:url("../images/btn_washwax.png") no-repeat;
	text-indent:-3000px;
}

a.btn_interiors {
	display:block;
	width:221px;
	height:25px;
	background:url("../images/btn_interiors.png") no-repeat;
	text-indent:-3000px;
}

a.btn_extras {
	display:block;
	width:221px;
	height:25px;
	background:url("../images/btn_extras.png") no-repeat;
	text-indent:-3000px;
}

ul#subnav  {
	position:relative;
}

ul#subnav a {
	padding:0;
	margin:0;
	color:#8a979f;
	text-decoration:none;
}

ul#subnav a:hover, ul#subnav a.this {
	padding:0;
	margin:0;
	color:#d80000;
	text-decoration:none;
}

ul#subnav li {
	padding:0;
	margin:0;
	background:url("../images/subnav_btm.png") no-repeat bottom left;
	margin:0 0 1px 0;
}

ul#subnav li ul {
	position:relative;
	top:-6px;
	width:221px;
	padding:10px 0 0 0;
	margin:0 0 1px 0;
	background:url("../images/subnav_mid.png") repeat-y left;
}

ul#subnav ul li {
	background:url("../images/subnav_line.gif") no-repeat top center;
	padding:10px 30px 10px 22px;
}

#col_wide {
	position:relative;
	top:-8px;
	float:left;
	width:712px;
	padding:0;
	margin:0;
}

h1.cat_title {
	position:relative;
	height:40px;
	width:711px;
	text-indent:-3000px;
	margin:0;
}

h1.cat_title_ti {
	position:relative;
	height:60px;
	width:711px;
	text-indent:-3000px;
	margin:0;
}

.prod_thumb {
	width:231px;
	height:369px;
	background:url("../images/products/bg_prod_thumb.png") no-repeat bottom center;
	float:left;
	margin-right:5px;
}

.prod_thumb2 {
	width:231px;
	height:369px;
	background:url("../images/products/bg_prod_thumb2.png") no-repeat bottom center;
	float:left;
	margin-right:5px;
}

#col_2 {
	position:relative;
	top:-8px;
	float:left;
	width:488px;
	padding:0;
	margin:0;
}

h1.title {
	position:relative;
	height:68px;
	width:488px;
	text-indent:-3000px;
	margin:0;
}

.col_mid {
	position:relative;
	width:480px;
	background:url("../images/bg_content.gif") no-repeat top;
}

.mid_container {
	margin:0 45px 0 35px;
	padding:20px 0 0 0;
}

#col_3 {
	position:relative;
	float:left;
	width:222px;
	padding:0;
	margin:0;
}

#main_img {
	position:relative;
	height:350px;
	overflow:visible;
}

.options {
	position:relative;
	/*top:345px;*/
	left:10px;
	width:212px;
}

a.btn_watchvideo {
	position:relative;
	display:block;
	margin:0 0 10px 0;
	padding:0;
	width:212px;
	height:32px;
	background:url("../images/btn_watchvideo.gif") no-repeat;
	text-indent:-3000px;
	text-decoration:none;
}

a.btn_buyonline {
	position:relative;
	display:block;
	margin:0;
	padding:0;
	width:212px;
	height:19px;
	background:url("../images/btn_buyonline.gif") no-repeat;
	text-indent:-3000px;
	text-decoration:none;
}

a.btn_detailblog_int {
	position:relative;	
	display:block;
	margin:0;
	padding:0;
	width:212px;
	height:130px;
	background:url("../images/btn_detailblog_int.jpg") no-repeat;
	text-indent:-3000px;
	text-decoration:none;
}

#col_full {
	position:relative;
	width:760px;
	padding:0;
	margin:auto;
}

.default_tile {
	position:relative;
	width:760px;
	background:url("../images/default_tile.png") repeat-y top center;
}

.default_mid {
	margin:0 45px 0 35px;
	padding:20px 0 0 0;
}


/* ***************  FOOTER STYLES *************** */

#footer {
	width: 960px;
	height: 20px;
	padding: 0;
	margin: 0px auto 50px auto;
	color:#4d595d;
	text-align:center;
	font-size:9px;
	text-transform:uppercase;
}

#footer a {
	color:#4d595d;
	text-decoration:none;
}


/* ***************  HOME PRODUCT DOCK STYLES *************** */

#dock {
	position:relative;
	top:40px;
	margin:auto;
	width:880px;
}

div.jqDockLabel { background:#b11b23; border:1px solid #58666e; padding:2px 8px 2px 8px;  font-size:10px; white-space:nowrap; color:#ffffff;}
div.jqDockLabelLink {cursor:pointer;}
div.jqDockLabelImage {cursor:default;}


/* ***************  SUCKERFISH NAV STYLES *************** */

#main_nav {
	position:relative;
	top:58px;
	margin:auto;
	width:940px;
	z-index:101;
}

#nav li#btn_products { 		background-image: url("../images/btn_products.gif"); 	width: 90px;height: 23px;	}
#nav li#btn_promotions  { 	background-image: url("../images/btn_promotions.gif"); 	width: 123px;height: 23px;	}
#nav li#btn_detailingcenter { 	background-image: url("../images/btn_detailingcenter.gif"); 	width: 157px;height: 23px;	margin-right:200px;}
#nav li#btn_youtube { 	background-image: url("../images/btn_youtube.gif"); 	width: 83px;height: 23px;	}
#nav li#btn_facebook { 	background-image: url("../images/btn_facebook.gif"); 	width: 110px;height: 23px;	}
#nav li#btn_twitter { 	background-image: url("../images/btn_twitter.gif"); 	width: 95px;height: 23px;	}
#nav li#btn_contact { 	background-image: url("../images/btn_contact.gif"); 	width: 82px;height: 23px;	}

.on {
	background-position:0% 100%;
}

#nav li a {
	display:block;
	width:auto;
	height:100%;
	color:#ffffff;
	font-size:10px;
	text-transform:uppercase;
	font-weight:normal;
	text-decoration:none;
}

#nav li a:hover {
	display:block;
	width:auto;
	height:100%;
	text-decoration:none;
	color:#ffffff;
}

/* Easy Slider */

#slider {
	width:1400px;
	margin:auto;
}

#slider ul{
	margin:auto;
	padding:0;
	list-style:none;
	width:800px;
}

#slider li{ /* define width and height of list item (slide). entire slider area will adjust according to the parameters provided here*/ 
	margin:0;
	padding:0;
	list-style:none;
	width:800px;
	height:400px;
	text-align:center;
}

/* image replacement */

.graphic, #prevBtn, #nextBtn{
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;
	text-indent:-8000px;
}

#arrows {
	position:absolute;
	left:50%;
	top:15px;
	width:800px;
	height:10px;
	z-index:1000;
}

#prevBtn, #nextBtn { 
	display:block;
	width:25px;
	height:424px;
	position:absolute;
	left:-400px;
	top:5px;
}	

#nextBtn { 
	left:375px;
}	
													
#prevBtn a {  
	display:block;
	position:relative;
	width:25px;
	height:418px;
	background:url("../images/bm-left.png") no-repeat 0 0;	
}	

#nextBtn a {   
	display:block;
	position:relative;
	width:25px;
	height:418px;
	background:url("../images/bm-right.png") no-repeat 0 0;	
}	

#prevBtn a:hover, #nextBtn a:hover {  
	background-position:0 0;
}
		
/* numeric controls */	

ol#controls{
	margin:auto;
	padding-top:20px;
	width:70px;
	height:10px;	
}

ol#controls li{
	margin:0 4px 0 0; 
	padding:0;
	float:left;
	list-style:none;
	height:10px;
}

ol#controls li a{
	display:block;
	text-indent:-8000px;
	float:left;
	height:10px;
	width:10px;
	line-height:10px;
	/*border:1px solid #aaa;*/
	background:#000 url(../images/nav.gif) no-repeat 0 0;	
	padding:0;
	text-decoration:none;
}

ol#controls li.current a{
	background:#000 url(../images/navon.gif) no-repeat 0 0;	
	color:#fff;
}

ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */

#holder {
	position:relative;
	margin:auto;
	width:850px;
	height:1px;
	/*border:1px solid #990000;*/
	z-index:200;
}

#overlay_left {
	position:absolute;
	top:0;
	left:-660px;
	height:418px;
	width:686px;
	overflow:visible;
	background:url("../images/overlay-left.png") no-repeat 0 0;
	/*border:1px solid #990000;*/
}

#overlay_right {
	position:absolute;
	top:0;
	left:825px;
	height:405px;
	overflow:visible;
	background:url("../images/overlay-right.png") no-repeat top left;
	/*border:1px solid #990000;*/
}
	

.tubeholder {
	margin:auto;
	background:url("../images/youtube.png") no-repeat top;
	padding-top:70px;
	width:586px;
	height:326px;
}

input.text { border: 1px #999 solid;
			padding: 3px;
			font-size: 14px;
			width:200px;
			font-weight: bold;
			background: #eaeff3;}
			
.checkbox {font:12px Arial, Helvetica, sans-serif; font-weight:bold; color:#005EA6;}

#SignUp {
	width: 450px;
}

input.submit {
	background: url(../images/submit.jpg) no-repeat;
	width: 205px;
	height: 30px;
	display: block;
	margin: 0 85px 0 0;
	padding: 0;
	text-indent: -3000px;
	border: 0px;
	font-size: 0px;
	color: #fdfdfd;
}

input.submit:hover {
	background-position: 0% 100%;
}

a.try_btn {
	background: url(../images/try_again.jpg) no-repeat;
	width: 117px;
	height: 28px;
	text-indent: -3000px;
	display: block;
}

a.learn_more {
	background: url(../images/learn_more.jpg) no-repeat;
	width: 125px;
	height: 28px;
	text-indent: -3000px;
	display: block;
}


.clear {
	clear: both;
}
	
