/* Base style
------------------------------------*/
body {
	background: #00265A url(../images/bg.jpg) no-repeat 50% 0;
	padding: 0;
	margin: 0 auto;
	text-align: center;
	}


/* Things to hide
------------------------------------*/
#nav li span, #header .logo span, #feature_sub span, #feature span{
	display: none;
	}

.nobg, .nobg a:hover, nobg a, nobg a:link{
	background: none;
	}

/* Container
------------------------------------*/
#container {
	width:760px;
	background: #fff url(../images/tile_content.gif) repeat-y;
	padding: 0;
	margin: 0 auto;
	text-align: left;
	}

	
/* Header
------------------------------------*/
#header {
	background: #fff url(../images/head.gif) no-repeat; 
	height: 71px;
	margin: 0; 
	padding: 0;
	}

#header .logo, #header .logo a {
	position:absolute;
	display:block;
	width: 250px;
	height: 71px;
	padding: 0;
	margin: 0;
	line-height: 0;
}

/* Navigation
 * ------------------------------------------------------------------------------------- */

#nav {
	background: #999 url(../images/nav.gif) no-repeat;
	width: 760px;
	height: 37px;
	padding: 0;
	margin: 0;
}

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;
}

#nav span { display: none;
}

#nav li { 
	position: relative;
	float: left;
	list-style: none;
}

#nav li, #nav a { 
	height: 37px;
	display: block;
	top: 0; 
	left:0; 
	padding: 0; 
	margin: 0; 
	border: 0;
}

#nav li { 
	float: left; 
	list-style: none; 
	_display: inline; 
}

#l1, #l1 a {width:95px;}
#l1 a:hover {background: transparent url(../images/nav.gif) 0 -37px no-repeat;}

#l2, #l2 a {width:102px;}
#l2 a:hover{background: transparent url(../images/nav.gif) -95px -37px no-repeat;}

#l3, #l3 a {width:143px;}
#l3 a:hover{background: transparent url(../images/nav.gif) -197px -37px no-repeat;}

#l4, #l4 a {width:138px;}
#l4 a:hover{background: transparent url(../images/nav.gif) -340px -37px no-repeat;}

#l5, #l5 a {width:168px;}
#l5 a:hover{background: transparent url(../images/nav.gif) -478px -37px no-repeat;}

#l6, #l6 a{width:114px;}
#l6 a:hover{background: transparent url(../images/nav.gif) -646px -37px no-repeat;}


/* Son of Suckerfish: Horizontal Sprite Nav
 * ------------------------------------------------------------------------- */

#nav li ul {
	position:absolute;
	left:-9999px;
	padding:0 0 0 0;			/* Fixes one px spacing for border-right in FF */
	background-color:#999;	/* Background color of drop down nav - add more styles (i.e. background image) if you want */
	/*border: 1px solid #000;   Border styles */
	}
	

#nav li ul li { 
	height:25px; 				/* Height of each drop down nav item */
	border:none;
	border-top:none;
	/*border: 1px solid #000;   Border styles */
}	

#nav li ul li a {
	width:100%;
	height:25px;				/* Height of each drop down nav item, should match above */
	line-height:25px;			/* Height of each drop down nav item again, should match above */

}

#nav li ul ul {
	margin: -2em 0 0 12em;
}


#nav li ul li a span {
	display:block;
	padding-left:7px;
}
	
#nav li:hover ul ul, #nav li.sfhover ul ul { /* second level hide */
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* second level show */
	left: auto;
}


/* Drop down link styles */
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	color:#000;
	text-decoration:none;
	font-size:95%;
}


#nav li:hover ul, #nav li.sfhover ul	{ 
	left: auto; 
}


/* Hover styles for drop down items */

#l2 ul a:hover, #l3 ul a:hover, #l4 ul a:hover, #l5 ul a:hover { 
	background-image:none;
	background-color:#eee;
	color:#033B8E;
	text-decoration:none;
	}


/* width of drop down nav - choose width that allows items to display on one line */

	#l2 ul, #l2 li { width: 150px; }
	#l3 ul, #l3 li { width: 150px; }
	#l4 ul, #l4 li { width: 150px; }
	#l5 ul, #l5 li { width: 150px; }

/* Latch the rollovers
------------------------------------*/
.home #l1 {background: transparent url(../images/nav.gif) 0 -74px no-repeat;}
.about #l2 {background: transparent url(../images/nav.gif) -95px -74px no-repeat;}
.sales #l3 {background: transparent url(../images/nav.gif) -197px -74px no-repeat;}
.parts #l4 {background: transparent url(../images/nav.gif) -340px -74px no-repeat;}
.services #l5 {background: transparent url(../images/nav.gif) -478px -74px no-repeat;}
.contact #l6 {background: transparent url(../images/nav.gif) -646px -74px no-repeat;}

/* Features
------------------------------*/
#feature {
background: #000 url(../images/main_feature_homepage.jpg) no-repeat 0 0;
width: 760px;
height: 283px;
display: block;
padding: 0;
margin: 0;
}

#feature ul {
	position: relative;
	padding: 0;
	margin: 0;
	list-style: none; 
	}
#feature li { 
	position:absolute;
	list-style: none;
}

#feature li, #feature a { 
	height: 20px;
	display: block;
	top: 225px; 
	left:216px; 
	padding: 0; 
	margin: 0; 
	border: 0;
}

#feature li { 
	list-style: none; 
	display: block; 
}

#f1, #f1 a #f1 a:hover {
	width: 149px;
 	height: 20px;
	left: 208 px;
	top: 208 px;
	}


#feature_sub {
background: #000 url(../images/sub_features_homepage.jpg) no-repeat 0 0;
width: 760px;
height: 184px;
padding: 0;
margin: 0;
}

#feature_sub ul {
	padding: 0;
	margin: 0;
	list-style: none; 
}

#feature_sub li, #feature_sub a { 
	height: 184px;
	display: block;
	top: 0; 
	left:0; 
	padding: 0; 
	margin: 0; 
	border: 0;
}

#feature_sub li { 
	float: left; 
	list-style: none; 
	_display: inline; 
}

#sf1, #sf1 a {width:255px;}
#sf1 a:hover {background: #000 url(../images/sub_features_homepage.jpg) no-repeat 0 -184px;}

#sf2, #sf2 a {width:249px;}
#sf2 a:hover {background: #000 url(../images/sub_features_homepage.jpg) no-repeat -255px -184px;}

#sf3, #sf3 a {width:255px;}
#sf3 a:hover {background: #000 url(../images/sub_features_homepage.jpg) no-repeat -504px -184px;}


	
/* Search
------------------------------------*/
#search {
	height: 30px;
	background: #444;
	padding: 7px 0 0 36px;
	display: block;
}
	
/* Content
------------------------------------*/
#content {
	width: 760px;
	margin: 0;
	padding: 0;
	}

#full_col {
	float: left;
	width: 700px;
	margin: 0;
	padding: 18px 18px 12px 30px;
	}

#main_col {
	float: left;
	width: 420px;
	margin: 0;
	padding: 8px 18px 50px 30px;
}

/* sub_col_linking
------------------------------------*/
#sub_col {
	float: right;
	width: 251px;
	margin: 0;
	padding: 0;
}

#sub_col a, #sub_col a:visited, #sub_col {
}

#sidenav {
	list-style: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#sidenav ul{
	list-style: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}


#sidenav li {
	width: 226px;
	height: 26px;
	background-color: #666;
	margin: 0;
	padding: 0;
	display: block;	
	border-left: #023B8D 10px solid;
}
	
#sidenav  span {
	padding: 0 0 0 10px;
	margin: 0 0 1px 0;
	border: 0;
}
	
#sidenav  li a {
	color: #fff;
	height: 26px;
	width: 226px;
	text-decoration:none;
	display:block;
	font-size:95%;
	margin: 0 0 1px 0;
	padding: 0;
	border: 0;
	line-height:2em;
}
#sidenav ul li  {
	width: 216px;	
	height: 26px;
	background-color: #666;
	margin: 0 0 1px 0;
	padding: 0;
	display: block;	
	border-left: #023B8D 20px solid;
}
#sidenav ul li a {
	height: 26px;
	width: 216px;
	text-decoration:none;
	display:block;
	font-size:95%;
	margin: 0 0 1px 0;
	padding: 0;
	border: 0;
	line-height:2em;
}

	
#sidenav  li a:hover {
	background: #eee;
	color: #033B8E;
	text-decoration:none;
}
	
#sub_col p, #sub_col h1 {
	padding: 18px 18px 12px 6px;
	margin: 0;
}
	
/*------------------------------------*/

#split_col1 {
	float: left;
	width: 325px;
	margin: 0;
	padding: 18px 18px 100px 30px;
}

#split_col2 {
	float: right;
	width: 325px;
	margin: 0;
	padding: 18px 18px 100px 30px;
}

.center {
text-align:center;
}

.date {
	color: #B7BB6D;
	}

#clear {
	clear: both;
	}

.note {
	text-transform: uppercase;
	color: #CCCCCC;
	}

.headline_link, .headline_link a, .headline_link a:link, .headline_link a:visited, .headline_link a:hover, .headline_link a:active {
	color: #B7BB6D;
	size: 70%;
	}

.highlight {
	background-color: #A6D0FF;
	padding: 0 0 0 8px;
	}

.right {
	float: right;
	}

.left {
	float: left;
	}

acronym {
	background-color: #D3D3D3; cursor: help;
	}
	
/* Tables
------------------------------------*/	
	
.tabular {
	width: 100%;
	background-color: #eee;
	border: 1px solid #999999;
	margin-bottom: 10px;
	margin-top: 10px;
	}
	
	
.tabular th{
	background-color: #666;
	text-align:left;
	}

.tabular_highlight {
	background-color: #e1e1e1;
	}
	
.quick_search {
	width: 236px;
	border: 1px solid #999999;
	margin-bottom: 10px;
	margin-top: 10px;
	}
	
.quick_search th{
	background-color: #666;
	text-align:left;
	}

.quick_search_highlight {
	background-color: #999;
	}


input, textarea, select
{
color: #000;
background: #eee;
border: 1px solid #023B8D;
}
	
.store_listings {
	width: 100%;
	background-color: #fff;
	margin-bottom: 10px;
	margin-top: 10px;
	}

.store_listings th {
	background-color: #666;
	text-align:left;
	height:10px;
	color: fff;
	}

.store_listings_highlight {
	background-color: #fff;
	}

.info_pop {
	width: 400px;
	background-color: #fff;
	margin-bottom: 10px;
	margin-top: 10px;
	border: 1px solid #666;
	}

.info_pop th {
	background-color: #666;
	text-align:left;
	height:10px;
	color: #fff;
	}

.info_pop_highlight {
	background-color: #fff;
	}


/* Footer
------------------------------------*/

#footer {
	height: 30px;
	margin: 0px;
	padding: 10px 10px 0px 10px;
	background-color: #000;
}