html *{ margin:0; padding: 0;}

html{ background: url(../images/SCT_Background.gif) repeat-x 0 0;}

html, body{ height: 100%;}

body{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; }

/*///////////////// Clearing floats without extra markup ///////////////////////*/

/*/////////////////  End Clearing floats without extra markup  ///////////////////////*/
#page-wrapper{ width: 960px; margin: 0 auto -128px; min-height: 100%; height: auto !important; height: 100%;}
#push{ height: 128px;}
#redline{ height: 3px; background-color:#990000;}
#footer{ height: 128px; background-color:#000000;}

#footer-wrapper{ width: 960px; margin: 0 auto; padding-top: 0px;}
#footer-wrapper p{color: #5e5d5d;  padding-bottom: 0; text-align:center;}

#header{ height: 95px;}

#header-wrapper{ width: 960px; margin: 0 auto; padding-top: 0px;}
#header-wrapper p{color: #5e5d5d;  padding-top: 0; text-align:center;}


#cu3er-container {width:626px; outline:0;}

a img { border: 0;}

#ts_tabmenu {

font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF;
padding: 0px 0px 0px 0px; /* set the padding */

}

#ts_tabmenu ul {

line-height: 1em; /* setting the line height now so we don't have any headaches*/

margin: 0px; /* let's keep the margin set to 0 for the same reasons as above*/

list-style-type: none; /* we remove the UL's default disc bullets */

float: left; /* we float the list to the left like we will all the elements inside*/

padding: 0px 0px 0px 5px; /* give it a left padding of 5px to counter the effect of margin -5px below */

}

#ts_tabmenu ul li {

float: left; /* floatin' left */

}

#ts_tabmenu ul li a {

text-decoration: none; /* remove the default underline off the anchor text */

display: block; /* we display this text as block so that we can apply padding/margin without problems */

float: left; /* floatin' left, to make the menu horizontal */

padding: 0px 0px 0px 15px;  /* we give it a left padding of 10px to show the first 10 pixels of the tabs image. you can also use padding-left: 10px; */

background: url(../images/Products/tabs.png) no-repeat left top;  /* we link to the tabs image, no tiling, showing the top left part of it */

margin-left: -5px;  /* this is important for the overlapping part - we are overlapping the tabs by 5 px */

z-index: 0; /* keep it on layer 0 (default) */

position: relative;  /* very important as this enables the z-index to work for us and keeps the tabs where they should be */

color: #fff;  /* color of the tab text */

}

#ts_tabmenu ul li a strong {

font-weight: normal;   /* remove the bold effect */

display: block;   /* display the strong element as a block so we can pad it, etc. */

float: left;   /* float it left as well */

background: url(../images/Products/tabs.png) no-repeat right top;  /* now we show the right part of the tab and we complete the "puzzle" */

padding: 6px 20px 7px 5px;  /* important, as through this you define the position of the text within the tab */

cursor: pointer;  /* this makes the browser show the "hand" cursor when hovering over the tab */

}

#ts_tabmenu ul li a:hover {

position: relative; /* again, keep things relative */

z-index: 5; /* we show this tab over all other tabs in the menu, which would be on layer 0, thus overlapping occurs */

background: url(../images/Products/tabs.png) no-repeat left bottom;  /* now we show the bottom part of the tabs image, the "hover" instance */

color: #fff;   /* we color the hovered tab's text black */

}

#ts_tabmenu ul li a:hover strong {

background-image: url(../images/Products/tabs.png) no-repeat; 

position: relative; /* keep it relative */

z-index: 5; /* show this on layer 5 as well */

background-position: right bottom; /* we show the right bottom part of the tabs image (the hover instance) */

}

.ProductTitle {
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
font-weight:bold;
line-height: 18px;
color: #000000;
letter-spacing: 0px;
padding-bottom: 1px;

}

.YourVehicle {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 15px;
color:#990000;
letter-spacing: 0px;
padding-top:2px;
padding-bottom: 8px;
}

#Feature-Wrapper {
width:650px;	
}

.FeatureTitleIMG {
float:left;
padding-bottom:5px;
}

.Feature ul{

}

.FeatureTitle {
width:300px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
line-height: 15px;
color: #000000;
letter-spacing: 0px;
padding-bottom: 3px;
margin-bottom: 3px;
background: url(../images/Products/RedLine.jpg) bottom left repeat-x;
}

.Feature li {
width:300px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 15px;
color: #333;
letter-spacing: 0px;
padding-top: 4px;
padding-bottom: 3px;
margin-bottom: 3px;
list-style:none;
}

#FeatureLeft {
float:left;
}

#FeatureRight {
float:right;
}

.Quick ul {

}

.Quick li {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 15px;
color: #333;
margin-left:20px;
margin-top:5px;
letter-spacing: 0px;
list-style:url(../images/Products/CheckMark.jpg)
}

.QuickNoCheck li {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 15px;
color: #333;
margin-left:20px;
margin-top:5px;
letter-spacing: 0px;
list-style:none;
}

.PreloadedTXT {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 15px;
color: #333;

}

#QuickLeft {
position:absolute;
float:left;
padding-left:5px;
padding-right:5px;
}

#QuickRight {
position:relative;
float:right;
padding-left:5px;
padding-right:5px;
}

.QuickTitle {
width:85%;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
line-height: 15px;
color: #000000;
letter-spacing: 0px;
padding-bottom: 3px;
margin-bottom: 5px;
background: url(../images/Products/RedLine.jpg) bottom left repeat-x;
}

.OverviewTitleIMG {
float:left;
padding-bottom:5px;
}

.Overview ul{

}

.OverviewTitle {
width:300px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
line-height: 15px;
color: #000000;
letter-spacing: 0px;
padding-bottom: 3px;
margin-bottom: 3px;
background: url(../images/Products/RedLine.jpg) bottom left repeat-x;
}

.Overview li {
width:98%;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 15px;
color: #333;
letter-spacing: 0px;
padding-top: 4px;
padding-bottom: 3px;
margin-bottom: 3px;
list-style:none;
}

#OverviewLeft {
float:left;
}

.Main-Wrapper {
	width:323px;
	height:278px;
	overflow:hidden;
}

.MainPageBG {
width:960px;
height:526px;
background: url(../images/Main/MainPageGradient.gif) bottom left repeat-x;
}

.MainPanel1 {
float:left;
width:302px;
margin-left:10px;
margin-right:10px;

}

.MainPanel2 {
float:left;
width:302px;
margin-left:10px;
margin-right:10px;
margin-top:10px;
}

.MainPanel3 {
float:left;
width:302px;
margin-left:10px;
margin-right:10px;
margin-top:10px;
}

.SearchByVehicle {
float:left;
width:302px;
height:182px;
margin-left:10px;
margin-right:10px;
background:url(../images/Main/SearchByVehicle.gif) top left no-repeat;
}

.SearchByVehicleButtons {
float:right;
position:relative;
top:-61px;
}

.VehicleForm {
float:left;
width:302px;
height:182px;
margin-top:30px;
margin-left: 10px;
margin-right:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFF;
letter-spacing:0px;
}

#YearBox {
float:left;	
}


.dropbox {
	height: 20px;
	width:auto;
	border: 1px solid #CCC;
	background-color: #eeeded;
	border-color: #CCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	vertical-align: middle;
	margin:3px;
	}
	
.dropboxWHT {
	height: 20px;
	width:auto;
	border: 1px solid #CCC;
	background-color: #fff;
	border-color: #CCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	vertical-align: middle;
	margin:3px;
	}

.dropboxDL {
	height: 20px;
	width:120px;
	border: 1px solid #CCC;
	background-color: #eeeded;
	border-color: #CCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	vertical-align: middle;
	margin-top:5px;
	margin-bottom:5px;
	}

.textboxSML {
	height: auto;
	width: 100px;
	border: 1px solid #990000;
	background-color: #eeeded;
	border-color: #990000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	vertical-align: middle; 
	margin: 5px; 
	}
	
.EmailtextboxSML {
	height: 18px;
	width: 100px;
	border: 1px solid #990000;
	background-color: #eeeded;
	border-color: #990000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	vertical-align: middle; 
	}

.SerialTextbox {
	height: 20px;
	width: 175px;
	border: 1px solid #990000;
	background-color: #eeeded;
	border-color: #990000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	vertical-align: middle; 
	margin: 5px; 
	}
	
.RegTextbox1 {
	height: 18px;
	width: 100px;
	border: 1px solid #990000;
	background-color: #eeeded;
	border-color: #990000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	vertical-align: middle; 
	margin: 2px; 
	}
	
.RegTextbox2 {
	height: 18px;
	width: 155px;
	border: 1px solid #990000;
	background-color: #eeeded;
	border-color: #990000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	vertical-align: middle; 
	margin: 2px; 
	}
	
.RegTextbox3 {
	height: 18px;
	width: 175px;
	border: 1px solid #990000;
	background-color: #fff;
	border-color: #990000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	vertical-align: middle; 
	margin: 2px; 
	}

input.button {
float:left;
background: url(../images/Main/SearchButton.gif) no-repeat;
width: 78px;
height: 31px;
border:none;
cursor: pointer;
}

#Options-Wrapper {
width:700px;	
}

.OptionsTitleIMG {
float:left;
padding-bottom:5px;
}

.Options ul{

}

.OptionsTitle {
width:330px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
line-height: 15px;
color: #000000;
letter-spacing: 0px;
padding-bottom: 3px;
margin-bottom: 3px;
background: url(../images/Products/RedLine.jpg) bottom left repeat-x;
}

.OptionsTitleNoLine {
width:680px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 15px;
color: #990000;
letter-spacing: 0px;
padding-bottom: 3px;
margin-bottom: 3px;
}

.Options li {
width:330px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 15px;
color: #333;
letter-spacing: 0px;
padding-top: 4px;
padding-bottom: 3px;
margin-bottom: 3px;
list-style:none;
}

#OptionsLeft {
float:left;
}

#OptionsRight {
float:right;
}

.ProductsTitle {
width:98%;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
line-height: 15px;
color: #000000;
letter-spacing: 0px;
padding-bottom: 3px;
margin-bottom: 3px;
background: url(../images/Products/RedLine.jpg) bottom left repeat-x;
}

.ProductsHeader {
width:232px;
height:30px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 15px;
color: #FFFFFF;
letter-spacing: 0px;
padding-left:10px;
padding-top:1px;
background: url(../images/Products/ProductsHeader.gif) bottom left repeat-x;
}

.ProductsTopCell {
width:728px;
height:20px;
background: url(../images/Products/TopCell.gif) bottom left repeat-x;
}

.News {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	a:visited
}


.NewsLinks A:link {text-decoration: underline; color: white;}
.NewsLinks A:visited {text-decoration: underline; color: white;}
.NewsLinks A:active {text-decoration: underline; color: white;}
.NewsLinks A:hover {text-decoration: underline; color: yellow;}

.NewsNoLine A:link {text-decoration: color: white;}
.NewsNoLine A:visited {text-decoration: color: white;}
.NewsNoLine A:active {text-decoration: color: white;}
.NewsNoLine A:hover {text-decoration: color: yellow;}

.News_New {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	line-height:15px;
	a:visited
}


.NewsLinks_New A:link {text-decoration: underline; color: #000;}
.NewsLinks_New A:visited {text-decoration: underline; color: #000;}
.NewsLinks_New A:active {text-decoration: underline; color: #000;}
.NewsLinks_New A:hover {text-decoration: underline; color: blue;}

.NewsImage {
	border:solid 1px #FFF;
}

.LocatorBG {
width:302px;
height:109px;
background: url(../images/Main/LocatorBG.gif) bottom left repeat-x;
}

.NewsHeader {
width:302px;
height:25px;
background: url(../images/Main/NewsHeader.png) bottom left repeat-x;
}

.ReviewsHeader {
width:227px;
height:25px;
background: url(../images/Main/ReviewsHeader.png) bottom left repeat-x;
}


.WhatWeDoHeader {
width:389px;
height:25px;
background:url(../images/Main/WhatWeDoHeader.png) bottom left repeat-x;
}

.LocatorHeader {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 15px;
color:#990000;
letter-spacing: 0px;
margin-top:5px;
margin-left:5px;
margin-bottom: 5px;
}

.NewsTitle {
width:100%;
float:left;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight:bold;
line-height: 15px;
color: #000000;
letter-spacing: 0px;
padding-bottom: 3px;
margin-bottom: 3px;
background: url(../images/Products/RedLine.jpg) bottom left repeat-x;
}

.MainNewsTitle {
width:100%;
float:left;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight:bold;
line-height: 15px;
color: #000000;
letter-spacing: 0px;
padding-bottom: 3px;
margin-bottom: 3px;
background: url(../images/Products/RedLine.jpg) bottom left repeat-x;
}

.CommentBox {
	height: 75px;
	width: 225px;
	border: 1px solid #990000;
	background-color: #eeeded;
	border-color: #990000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	vertical-align: middle; 
	margin: 2px;
}

.ReviewCommentBox {
	height: 100px;
	width: 350px;
	border: 1px solid #990000;
	background-color: #eeeded;
	border-color: #990000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	vertical-align: middle; 
	margin: 2px;
}

.GeneralCommentBox {
	height: 100px;
	width: 450px;
	border: 1px solid #990000;
	background-color: #fff;
	border-color: #990000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	vertical-align: middle; 
	margin: 2px;
}

.GainsTXT {

	width: 90px;
	height: 37px;
	font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF;
	font-size:24px;
	font-weight:bold;
	letter-spacing: 0px;
	text-align: center;
	vertical-align: middle;
	padding-top:5px;
}

.YourLocationsTitle {
width:300px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
line-height: 15px;
color: #000000;
letter-spacing: 0px;
vertical-align: top;
background: url(../images/Products/RedLine.jpg) bottom left repeat-x;
}

.photo {
float:left;
border:1px solid #FFFFFF;
margin-top:10px;
margin-left:10px;
margin-right:5px;
}

.text {
font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000;
line-height:18px;
font-size:12px;
margin:10px;
}

.Reviewtext {
font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000;
float:left;
font-size:12px;
margin-top:5px;
margin-right:10px;
margin-left:10px;
margin-bottpm:5px;
}

.Customertext {
font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000;
float:right;
font-size:12px;
font-weight:bold;

margin-right:10px;
margin-left:10px;

}

.textDate {
font-family:Verdana, Arial, Helvetica, sans-serif; color:#990000;
line-height:14px;
font-size:12px;
margin:10px;
}

.Rating {
font-family:Verdana, Arial, Helvetica, sans-serif; color:#990000;
font-size:12px;
float:right;
vertical-align:middle;
margin-top:5px;
margin-right:10px;
margin-left:10px;
margin-bottpm:5px;
}

.NavBar {
float:left;
}

/*contact form */
fieldset{ border: none; width: 650px; margin-top: 10px; }

fieldset legend { display: none}

form p{ padding-bottom: 0;}
/* Label */
label
{ width: 140px; margin: 5px; text-align: left; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color: #6c6b6b; }

.required{ color: #97b511;}

/* Input, Textarea */
textarea
{ border: 1px solid #060; background: #eeeded; width: 200px; margin: 5px; padding: 3px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; text-align: left; vertical-align: middle; }

textarea{width: 400px; height: 70px; margin-bottom: 10px;}

.notification_error{ padding: 5px; border: 1px solid #dddddd;
background: #eeeded; color: #a5041e;}

.notification_ok{padding: 5px; border: 1px solid #dddddd;
background: #eeeded; color: #7e9711; }