/* -------------------------------------------------------------- 
   spec.css
   Master Stylesheet
-------------------------------------------------------------- */

/* import base stylesheets */
@import url("reset.css");       

@import url("hacks.css");

/* DEFAULTS ------------------------------------------------------------------------- */

body, input, textarea { 
	color: #424242; font-size: .7em; font-family: Arial;
}

h1 { font-size: 200%; }
h2 { font-size: 130%; }
h3 { color: #0b397a; font-size: 1.5em; }
h4 { font-size: 110%; }
h5 { font-size: 100%; }
h6 { font-size: 100%; }
p  { line-height: 1.4em; }

hr { display: none; }
img { border: none; }
blockquote { font-style: italic; }

.message {
	color: #AA0000; 
	font-size: 120%; 
	font-weight: bold;
}

/* links */
a:link    { 
	color: #424242; 
	text-decoration: none; 
}
a:visited { 
	color: #424242; 
	text-decoration: none; 
}
a:hover   { 
	color: #212121; 
	text-decoration: none; 
}
fieldset{
	margin:0 0 15px 2px;
	padding:5px;
}
label{
	float:left;
	padding-top:6px;
	width:110px;
}
select,input,textarea{
	background-color:#b5b5b5;
	border:solid 1px #5a5a5a;
	font-family: Arial;
	font-size:1.15em;
	margin-bottom:5px;
	padding:2px;
}
select{
	height:22px;
}
select option{
	margin-right:10px;
}
.view-all {
	padding: 5px 10px; 
}
.events h3 {
	border-bottom: 1px dashed #777; 
	margin: 15px 0; 
}
.events dl {
}
	.events dl dt {
		font-size: 120%; 
		font-weight: bold; 
	}
	.events dl dd {
		margin-bottom: 10px; 
	}


/* LAYOUT ------------------------------------------------------------------------- */
html {
	background-color:#080D2D;
	background-image:url(/img/bgStrip.jpg);
	background-repeat:repeat-y;
	background-position:top center;
	height: 100%;
	width:100%;
}
body {
	background-image:url(/img/mainBG.jpg);
	background-position: top center;
	background-repeat:repeat-y;
	height:100%; 
	width:100%:
}
#main {
	width:929px;
	margin:auto;
}
#header {
	background: url(/img/headerTop.jpg);
	background-repeat :no-repeat;
	padding-top: 100px;
	width: 929px;
}
#menu{
	background:url(/img/menuBG.jpg) repeat-x;
	height:39px;
}
#content{
	position:relative;
	background:#D5D5D5;
	/*background:url(/img/content_bg.jpg) bottom no-repeat #D5D5D5;*/
	padding:16px;
	clear:both;
}
#left{
	float:left;
	width:330px;
}
#right{
	float:right;	
	width:564px;
}
#news-events{
	background:url(/img/news-events_bg.png) repeat-x top;
	float:left;
	height:200px;
	margin-top:16px;
	width:331px;
}
#news {
	background:url(/img/header_news.png) no-repeat;
	height:53px;
	padding-top:28px;
	padding-bottom:0px;
}
#news ul,#events ul {
	margin:0px 0 0 20px;
}
#events {
	background:url(/img/header_events.png) no-repeat;
	height:100px;
	padding-top:28px;
}
#footer{
	background:url(/img/footerBG.jpg) center top no-repeat;
	height:56px;
	padding:1em;
}
#footer p {
	padding-top:6px;
	font-size:.85em;
	color:#fff;
	clear:both;
}
.content{
	background-image: url(/img/place-holder-top-bar.jpg);	
	background-position: top;
	background-repeat: no-repeat;
	padding-top:50px;
}
.gear{
	background-image: url(/img/title-specgear.png);	
}
.gallery{
	background-image: url(/img/title-gallery.png);	
}
.news{
	background-image: url(/img/title-news.png);	
}
.events{
	background-image: url(/img/title-events.png);	
}
.dealers{
	background-image: url(/img/title-dealers.png);	
}
.contact{
	background-image: url(/img/title-contact.png);	
}
.links{
	background-image: url(/img/title-links.png);	
}
.spec-results {
	background-image: url(/img/title-results.png);	
}
.events ul {
	padding: 20px; 
}
#products-list {
	background-image: url(/img/top-bar.gif);
}
#multidisc {
	background-image: url(/img/multi-disc.gif);
}
#flywheels {
	background-image: url(/img/flywheels.gif);
}
	#flywheels .stage-image {
		width: 250px; 
	}	
	#flywheels .stage-description {
		width:290px; 
	}
	#plates {
		background-image: url(/img/plates.gif);
	}
	#upgrades {
		background-image: url(/img/install_upgrades.gif);
	}
	#plates .stage-image {
		width: 250px; 
	}	
	#plates .stage-description {
		width: 300px; 
	}
.content .innertube{
	padding:0px 9px;
}

#menu {
	position: relative;
}
#specTVBtn {
	position: absolute;
	right: 5px;
}

/*--- spec your car -- */
.conversion-spec-your-car select, .conversion-spec-your-car input {
	color:#04265e;
	font-weight:bold;
	margin-top: 3px;
}
.spec-your-car{
	background:url(/img/specCarBG.jpg);
	background-repeat:no-repeat;
	width:330px;
}
.syc-home #spec-form{
	height:272px;
}
.syc-products{
	background-image:url(/img/spec-car-products.jpg);
}
.syc-products #spec-form{
	height:346px;
}
.syc-support{
	background-image:url(/img/spec-car-support.jpg);
}
.syc-support #spec-form{
	height:237px;
}
.spec-your-car select,.spec-your-car input,.spec-your-car textarea{
	color:#04265e;
	font-weight:bold;
	margin-bottom:auto;
}
#spec-form{
	height:237px;
	position:relative;
}
#spec-your-car-search,#spec-form-launch{
	position:absolute;
	top:90px;
	left:12px;
}
#spec-your-car-search{
	top:120px;
	display:none;
}
#spec-your-car-search select{
	margin-bottom:6px;
}
#car-make{
	width:130px;
}
#def-container{
	display:none;
}
.logo-link {
	display: block;
	height: 46px;
	width: 150px;
	margin: -20px 0 0 15px;

}

/* PAGE-SPECIFIC ------------------------------------------------------------------ */

/* Home page ------------------------------------------------------------------ */
#sub-content{
	position:relative;
}
#featured-product,#clutch-performer{
	height:173px;
	overflow:hidden;
	width:265px;
}
#featured-product{
	position:absolute;
	top:20px;
	left:20px;
}
#clutch-performer{
	position:absolute;
	top:20px;
	right:0px;
}
.clutch-performer-url,.event-url{
	font-weight:bold;
	padding:2px;
}

/* Spec Products ------------------------------------------------------------------ */
.spec-product{
	clear:both;
	margin-bottom:15px;
	position:relative;
}
.spec-product-image{
	float:left;
	margin-right:10px;
	text-align:center;
	width:155px;
}
.spec-product-image img{
	margin:auto;
}
.spec-product-description{
	float:left;
	text-align:justify;
	width:300px;
}
.spec-product span{
	position:absolute;
}
.spec-product-price{
	font-size:1.3em;
	font-weight:bold;
	right:0px;
}
.spec-product-purchase{
	font-size:.9em;
	top:36px;
	right:0px;
	text-align: right; 
	width: 85px;
}
.spec-product-purchase strong {
	font-size: 1.2em;
	font-weight: normal;
}
.spec-product-purchase select {
	font-size: 1.1em;
	height: 20px; 
	font-weight: normal;
}
#no-thanks-btn{
	float:right;
}
.terms h2{
	margin-top:10px;
}
.terms p{
	margin-bottom:5px;
}
.terms label,.spec-results label{
	float:none;
}
.terms label{
	margin-left:5px;
	cursor:pointer;
}

/* Spec Cart ------------------------------------------------------------------ */
.cart fieldset{
}
#spec-purchase legend, .cart legend {
	font-size: 120%; 	
	font-weight: bold; 
}
#spec-purchase label{
}
#spec-purchase input,#spec-purchase select{
}
#specCart{
	position:relative;
}
#specCart ul{
	list-style-type:none;
}
#specCart li{
	position:relative;
	margin-bottom:15px;
}
.cart-item-title{
	color: #0b397a;
	font-size: 1.3em;
	font-weight:bold;
}
#spec-total{
	font-size:1.3em;
	font-weight:bold;
	text-align:right;
	margin-top:5px;
}
.cart-item-price,.cart-item-details{
	display:block;
	font-size:1.1em;
	font-weight:bold;
}
.cart-item-details{
	font-size:1.0em;
	font-weight:normal;
}
.cart-item-quantity{
	position:absolute;
	top:0;
	right:0;
}
.cart-item-sizes{
	position:absolute;
	top:0;
	right:50px;
}
.cart-item-quantity label, .cart-item-sizes label{
	display:block;
	float:none;
	padding-top:0px;
	width:auto;
}
.cart-item-quantity input, .cart-item-quantity input{
	text-align:right;
	margin-bottom:0;
	width:35px;
}
#specCart .submit{
	text-align:right
}
#spec-purchase .shipping label{
	float:none;
	margin-right:15px;
	padding-top:0px;
	width:auto;
}
#spec-purchase .shipping input{
	margin-bottom:0px;
}
#order-comments,#contact-comments{
	margin-bottom:15px;
}
#order-comments label,#contact-comments label{
	display:block;
	float:none;
}
#order-comments textarea,#contact-comments textarea{
	height:100px;
	width:430px;
}
.cart-note{
	position:absolute;
	bottom:0;
}

/* Spec Search Results ------------------------------------------------------------------ */
.application{
	margin-bottom:15px;
}
.application table,.application td,.application th{
	border:solid 1px #959595;
}
.application td,.application th{
	padding:2px;
}
.application table{
	margin-bottom:5px;
	width:100%;
}
.application table th,.application table .th{
	background-color:#a5a5a5;
}

/* Spec Search Results ------------------------------------------------------------------ */
.stage{
	margin:10px 0;
}
.stage p, .stage ul{
	font-size:1em;
	margin-left:3px;
}
.stage h4{
	font-size:1em;
	margin-bottom:10px;
	font-weight:normal
}
.stage p, .stage ul{
	margin-bottom:7px;
}
.stage ul{
	font-weight:bold;
	padding-left:12px;
}
.stage-image{
	float:left;
	width:250px;
}
.stage-description{
	float:left;
	width:300px;
}
.stage-divider{
	background-color:#4c6c95;
	margin-left:-3px;
	height:1px;
	width:265px;
}

/* Support  ------------------------------------------------------------------ */
.support{
	position:relative;
	background:url(/img/support-page.jpg) no-repeat top left;
	height:346px;
	padding-top:0px;
}
#customer-support-link{
	position:absolute;
	top:195px;
	left:250px;
	display:block;
	height:60px;
	width:85px;
}
.tech-docs a,.tech-docs a:visited{
	color:#cacacc;
}
.tech-docs a:hover{
	color:#AAAAAA;
}
.tech-docs{
	background: url(/img/tech-docs-bg.jpg) no-repeat #010F36;
	background-position: left top;
	color:#cacacc;
	padding: 40px 0;
	width:100%;
}
.tech-docs p,.tech-docs ul{
	padding:0 0 5px 20px;
}
.tech-docs ul{
	list-style: disc;
}
.tech-docs .doc-categories{
	list-style-type:none;
	list-style-image:none;
}
.doc-category{
	margin-bottom:10px;
}
.doc-category span{
	font-size:110%;
	font-weight:bold;
}

/* Dealers  ------------------------------------------------------------------ */
#dealers-index {
	background:url(/img/dealer_locators.png) no-repeat;
	height: 435px; 
}
#dealer-states{
	margin-bottom:15px;
}
.dealer {
	margin-bottom:15px;
}
.dealer h3 a,.news-item h3 a,.gallery a{
	color: #0b397a;
}
.dealer h3 {
	clear: both;
}
.dealer p  {
	float: left;
	width: 48%;
}
.dealer p.phone-web span {
	display: block;
}
.dealer-address,.dealer-phone,.dealer-email,.dealer-url{
	display:block;
}

/*.dealer{
	position:relative;
	margin-bottom:15px;
}
.dealer h3 a,.news-item h3 a,.gallery a{
	color: #0b397a;
}
.dealer-address,.dealer-phone,.dealer-email,.dealer-url{
	border: 1px solid;
	display:block;
}
.dealer-phone,.dealer-email,.dealer-url{
	position:absolute;
	right:0;
	width:250px;
}
.dealer-phone{
	top:19px;
}
.dealer-email{
	top:32px;
}
.dealer-url{
	top:46px;
}*/
#dealer-search-again, #gallery-search-again{
	font-weight: bold; 
	text-align: right; 
}

/* News  ------------------------------------------------------------------ */
.news-item{
	margin-bottom:15px;
}
.news-date{
}
.news-image{
	float:left;
	margin:0 15px 15px 0;
}

/* Links  ------------------------------------------------------------------ */
.links li{
	padding-left:15px;
}
.link{
	margin-bottom:15px;
}
.link-span span{
	float:right;
	width:250px;
}
li.link-span span{
	width:235px;
}

/* Gallery  ------------------------------------------------------------------ */
.gallery-list-view{
	float:left;
	margin-bottom:15px;
	width:273px;
}
.gallery-list-view h3 span{
	display:block;
	font-size:70%;
}
#gallery-thumbs{
	list-style-type:none;
}
#gallery-thumbs li,.gallery-image{
	border:solid 1px #424242;
	background:#fff;
	float:left;
	margin:6px 6px 0 0;
	padding:4px;
}
.gallery-image{
	margin:0 6px 0 0;
}

/*#expandedRight{
	background:#A6A6A6;
	float:right;
	width:562px;
}
#featured{
	background:url(/img/featuredBox.jpg) no-repeat;
	float:left;
	height:173px;
	width:264px;
}
#featured p{
	margin-right:70px;
}
.miniBox {
	font-size:.75em;
	margin-left:19px;
	padding-top:20px;
	width:264px;
}
.miniBox p {
	margin:.75em;
}
.miniBox ul {
	margin:.75em;
	margin-left:22px;
}
.miniBox h2 {
	font-size:1.2em;
	margin:.75em;
}
#performer{
	background:url(/img/clutchBox.jpg) no-repeat;
	float:left;
	height:173px;
	width:264px;
}*/
.form-error {
	background: #CF4046;
	color:#FFFFFF;
	font-size: 90%; 
	font-weight: bold;
	margin: -1px 0 0 3px; 
	padding: 2px 10px; 
}

.thankyou h2{
	font-size:100%;
	text-align:center;
}

.thankyou dl {
	clear: both;
	width: 100%; 
}

.thankyou dt, .thankyou dd {
	float:left;
}

.thankyou dt {
	font-weight:bold;
	width:80px;
}
.thankyou dd {
	
}
.cake-sql-log{
margin:10px auto;
width:95%;
background:#fff;
opacity:.9;
padding:6px;
font-size:9px;
}
.cake-sql-log tr:nth-child(even) {
background:#dfdfdf;
}
.cake-sql-log tr td{
padding:3px 6px;
}