/*----------------------------------------------------------------------------------------------------*/

body {
	font: 13px/1.5 Arial, 'Helvetica Neue', 'Liberation Sans', FreeSans, sans-serif;
	background-color: #9c9c9c;
	color: #2F2F2F;
}

a:focus {
	outline: 1px dotted invert;
}

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 {
	font-size: 25px;
}

h2 {
	font-size: 23px;
}

h3 {
	font-size: 21px;
}

h4 {
	font-size: 19px;
}

h5 {
	font-size: 17px;
}

h6 {
	font-size: 15px;
}

/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol {
	list-style: decimal;
}

ul {
	list-style: disc;
}

li {
	margin-left: 30px;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address, {
	margin-bottom: 20px;}

.white {color: #ffffff;}
.blue {color: #215981;}
.red {color: #be0000;}
.drk_gry {color: #424242;}

.bold {font-weight: bold;}

.center {text-align: center;}

.margint0  {margin: 0 0 0 0;}
.marginb0  {margin: 0 0 0 0;}

.margintb5 {margin: 5px 0;}
.margint5 {margin: 5px 0 0 0;}
.marginb5 {margin: 0 0 5px 0;}

.margintb10 {margin: 10px 0;}
.margint10 {margin: 10px 0 0 0;}
.marginb10 {margin: 0 0 10px 0;}

#canvas  {
	background-color: #fff;}

#container #canvas #nav_top_left, 
#container #canvas #nav_top_right  {
	height: 36px;
	background-image:url(../images/nav_bg.png);
	margin-right: 0px;
	margin-left: 0px;}

#container #canvas #header_left {
	width: 538px;
	height: 106px;}
	
#container #canvas #header_right {
	width: 362px;
	height: 106px;}
	
#container #canvas #header_mid2_left {
	width: 538px;
	height: 198px;}
	
#container #canvas #header_mid2_right {
	width: 362px;
	height: 198px;}

#container #canvas #Nav_Top_Space_Left {
	width: 154px; height: 20px;}
#container #canvas #Nav_Top_Button1 {
	width: 145px; height: 20px;}
#container #canvas #Nav_Top_Button2 {
	width: 145px; height: 20px;}
#container #canvas #Nav_Top_Button3 {
	width: 146px; height: 20px;}
#container #canvas #Nav_Top_Button4 {
	width: 145px; height: 20px;}
#container #canvas #Nav_Top_Space_Right {
	width: 165px; height: 20px;}

#container #canvas #Nav_Button1 {
	width: 154px; height: 47px;}
#container #canvas #Nav_Button2 {
	width: 145px; height: 47px;}
#container #canvas #Nav_Button3 {
	width: 145px; height: 47px;}
#container #canvas #Nav_Button4 {
	width: 146px; height: 47px;}
#container #canvas #Nav_Button5 {
	width: 145px; height: 47px;}
#container #canvas #Nav_Button6 {
	width: 165px; height: 47px;}

#Button1
  {
    display: block;
    width: 154px;
    height: 47px;
    background: url("../image/Navbutton1s.gif") no-repeat 0 0;
  }
#Button1:hover
  { 
    background: url("../image/Navbutton1.gif") no-repeat 0 0;
  }

#nav_top_links {
	width: 699px; height: 36px;
	background: url(../images/sprite_nav.png);
	margin: 0; padding: 0;
	position: relative;}

#nav_top_links li {
	margin: 0; padding: 0; list-style: none;
	position: absolute; top: 0;}

#nav_top_links li, #nav_top_links a {
	height: 36px; display: block;}

#nav_top_links_1 {left: 0; width: 80px;}
#nav_top_links_2 {left: 80px; width: 105px;}
#nav_top_links_3 {left: 185px; width: 118px;}
#nav_top_links_4 {left: 303px; width: 188px;}

#nav_top_links_1 a:hover {
	background: transparent url(../images/sprite_nav.png)
	-0px -36px no-repeat;}
	
#nav_top_links_2 a:hover {
	background: transparent url(../images/sprite_nav.png)
	-80px -36px no-repeat;}
	
#nav_top_links_3 a:hover {
	background: transparent url(../images/sprite_nav.png)
	-185px -36px no-repeat;}
	
#nav_top_links_4 a:hover {
	background: transparent url(../images/sprite_nav.png)
	-303px -36px no-repeat;}

#search_form {
    margin: 0;}

#search_trans1 {
	width: 225px; height: 95px;
	background: url(../image/autotrans01.gif);
	margin-left: 3px;
	top: 5px;
	left: 5px;}
#search_trans2 {
	width: 225px; height: 157px;
	background: url(../image/autotrans02.gif);
	margin-left: 3px;
	}
#search_trans3 {
	width: 225px; height: 58px;
   margin-left: 3px;
	}	
#search_box {
	position: relative;
	top: 2px;
	left: -40px;
	width: 225px;
	height: 31px;
}
	
#search_box #s {
	color: #dbdbdb;
    float: left;
    padding: 0;
    margin: 6px 0 0 6px;
    border: 0;
    width: 183px;
    background: none;
    font-size: 14px;
}
#search_box #go {
    float: right;
    margin: 3px 4px 0 0;
}

#main1 {
	position: relative;
	margin-top: 2%;
	margin-left: 5%;
	margin-right: 5%;
	width: 800px;
	text-align: justify;
   font-size: 13px;
	font-weight: bold;
	}
#main2 {
	position: relative;
	margin-top: 2%;
	margin-left: 5%;
	margin-right: 5%;
	width: 600px;
	text-align: justify;
   font-size: 13px;
	font-weight: bold;
	}
#navbar {
	width: 900px; 
	height: 45px;
	margin-left: 0px;
	}
#line1 {
	position: relative;
	margin-left: 7%;
	margin-right: 5%;
	width: 800px;
	text-align: justify;
	}	
#line2 {
	position: relative;
	margin-left: 7%;
	margin-right: 5%;
	width: 600px;
	text-align: justify;
	}
			
#search_header{
position: relative;
top: 17px;
font-weight:bold;
text-align:center;
font-size:12px;
}
			
#vehicle_search {
	width: 900px; height: 352px;
	margin-left: 3px;
	}

#vehicle_search_tabs {
	width: 225px; height: 157px;
 	background: url(../image/autotrans02.gif);
	margin-left: 3px;}

#vehicle_search_tabs li {
	margin-left: 3px; padding:0; list-style: none;}

#vehicle_search_tabs li, #vehicle_search_tabs a {
	width: 200px;
	height: 25px;
	display: block;
	text-align:right;
	padding:0px 0px 0px 0px;
	color: Red;
	font-weight:bold;
	font-size:12px;
}

#vehicle_search_tab_year {background:no-repeat;}
#vehicle_search_tab_make {background:no-repeat;}
#vehicle_search_tab_model {background:no-repeat;}
#vehicle_search_tab_engine {background:no-repeat;}
#vehicle_search_tab_trans {background:no-repeat;}

#vehicle_search_tab_year.inactive {cursor:pointer;}
#vehicle_search_tab_make.inactive {cursor:pointer;}
#vehicle_search_tab_model.inactive {cursor:pointer;}
#vehicle_search_tab_engine.inactive {cursor:pointer;}
#vehicle_search_tab_trans.inactive {cursor:pointer;}

#vehicle_search_tab_year.semi_active {cursor:pointer;}
#vehicle_search_tab_make.semi_active {cursor:pointer;}
#vehicle_search_tab_model.semi_active {cursor:pointer;}
#vehicle_search_tab_engine.semi_active {cursor:pointer;}
#vehicle_search_tab_trans.semi_active {cursor:pointer;}

#vehicle_search_tab_year.active {color:red;}
#vehicle_search_tab_make.active {color:red;}
#vehicle_search_tab_model.active {color:red;}
#vehicle_search_tab_engine.active {color:red;}
#vehicle_search_tab_trans.active {color:red;}

#vehicle_search_tab_year.precursor {color:red;}
#vehicle_search_tab_make.precursor {color:red;}
#vehicle_search_tab_model.precursor {color:red;}
#vehicle_search_tab_engine.precursor {color:red;}
#vehicle_search_tab_trans.precursor {color:red;}

#vehicle_search_links {
	position: relative;
	top: 18px;
	left: 13px;}

#vehicle_search_links a {
	color: #fff; text-decoration:none; }

.year_cell {font-weight: bold; color: Red;}
.make_cell {font-weight: bold; color: Red;}
.model_cell {font-weight: bold; color: Red;}
.engine_cell {font-weight: bold; color: Red;}
.trans_cell {font-weight: bold; color: Red;}
	
table#search_instructions td {padding: 0px 50px;}
	
#container #canvas #popular_products_bg {
	width: 900px;
	background-image:url(../images/popular_products_bg.png);
	;}

#container #canvas .popular_products_box {
	width: 140px;
	margin: 20px;
	color: #fff; text-align: center; line-height: 1.2;
	float: left;
	;}
	
#container #canvas .popular_products_box p {
	padding: 0 5px; }
	
#container #canvas .popular_products_box img {
	margin: 0 0 10px 0; }
	
#container #canvas .popular_products_box .popular_product_box_price {
	font-size: 15px; color: #89ceff; }
	
#container #canvas #footer {
	text-align: center; font-size: 14px; color: #949494;
	position: relative; top: 4px;
	margin: 10px 0 20px;}
	
#footer a, #footer a:hover, #footer a:visited { font-size: 14px; color: #226899; text-decoration:none;}
	
	
label.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:160px;}

label.tooltip:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c; text-align: left;}

#static {display:block; top:200px; left:50%; margin-left: 460px; width:200px; position:fixed; border:0px solid #888; padding:10px; text-align:center; font-weight:bold; color:#fff;}
* html #static {position:absolute;}
#static a:visited, #menu a {display:block; width:200px; height:20px; margin:0 auto; border-top:0px solid #fff; border-bottom:0px solid #000; text-align:center; text-decoration:none; line-height:20px; color:#000;}
#static a:hover {color:#fff;}

.hiddenRow {
 display:none;
 visibility:hidden;
}
.visibleRow {
 display:;
 visibility:visible;
}

.cell{
padding: 10px;
margin-left: 10px;
border-bottom: 1px solid gainsboro;
text-align: center;
}


.results {
padding:10px;
font-size:18px;
font-weight:bold;
text-align:left;
}