@charset "utf-8";
/* AST-USA  */

* {
margin:0px;
padding:0px;
	}
	
body {
background-color:#1a1a1a;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
color:#ffffff;
	}
	
a{
	outline:none;
}
	
#frame {
width:930px;
margin:auto;
text-align:left;
	}
	
#floatfix {
width:930px;
float:left;
	}
	
#social {
width:930px;
background: #1a1a1a;
height:35px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#FFF;
}

#header {
width:930px;
background:url(images/top-nav-holder-2.jpg) top no-repeat;
height:315px;
	}
	
#content {
width:930px;
float:left;
background-color:#363636;
border-bottom:#000000 solid 1px;
text-align:left;
	}
	
#left {
width:178px;
float:left;
margin:0px 0px 0px 0px;
	}
	
#right {
width:752px;
float:left;
margin:0px 0px 0px 0px;
	}
	
#rightwide {
width:929px;
float:left;
margin:0px 0px 0px 0px;
	}

	
/******************Main Content Area**** */

#maincontentframe {
	background:url(../images/maincontentbg.gif) top left repeat-x;
	width:752px;
	float:left;
	}
	

#maincontentframewide {
	background:url(../images/maincontentbg.gif) top left repeat-x;
	width:929px;
	float:left;
	}
	
#maincontentfull {
	background:url(../images/maincontentcorner.gif) top left no-repeat;
	width:732px;
	padding:5px 0px 10px 20px;
	float:left;
	text-align:left;
	}
	
#maincontentwide {
	background:url(../images/maincontentcorner.gif) top left no-repeat;
	width:890px;
	padding:5px 0px 10px 20px;
	float:left;
	text-align:left;
	}	
	
#maincontentleft {
	background:url(../images/maincontentcorner.gif) top left no-repeat;
	width:493px;
	padding:7px 10px 10px 10px;
	float:left;
	text-align:left;
	}
	
#maincontentright {
	background:url(../images/maincontentright.gif) top left no-repeat;
	width:189px;
	padding:7px 10px 10px 10px;
	float:right;
	text-align:left;
	}
	

p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	padding-bottom:15px;
	color:#ffffff;
	}
	
	
a {
	color:#d48802;
	text-decoration:none;
	}
	
a:hover {
	text-decoration:underline;
	}
	
h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:18px;
	padding:0px 0px 15px 0px;
	color:#000000;
	font-weight:bold;
	font-style:italic;
	}
	
h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	padding:0px;
	color:#d48802;
	font-weight:bold;
	}
	
h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	padding:0px;
	margin:2px 0px 0px 6px;
	color:#ffffff;
	font-weight:bold;
	}
	
	
	

/*****************
Top Navigation Section */

#navigation {
	background-color:#000000;
	float:left;
	width:752px;
	background:url(../images/navbg.gif) left repeat-x;
	height:37px;
	}
	
#navcontent {
	float:left;
	width:725px;
	background:url(../images/navbgleft.gif) left no-repeat;
	height:37px;
	padding:0px 0px 0px 12px;
	}
	
#navigationwide {
	background-color:#000000;
	float:left;
	width:930px;
	background:url(../images/navbg.gif) left repeat-x;
	height:37px;
	}
	
#navcontentwide {
	float:left;
	width:918px;
	background:url(../images/navbgleft.gif) left no-repeat;
	height:37px;
	padding:0px 0px 0px 12px;
	}

#topnav1 a:link, #topnav1 a:visited,
#topnav2 a:link, #topnav2 a:visited,
#topnav3 a:link, #topnav3 a:visited,
#topnav4 a:link, #topnav4 a:visited,
#topnav5 a:link, #topnav5 a:visited,
#topnav6 a:link, #topnav6 a:visited,
#topnav7 a:link, #topnav7 a:visited {
	height:37px;
	float:left;
	padding:0px 15px 0px 15px;
	}

#topnav1 a:link, #topnav1 a:visited {
	background:url(../images/topnav/home.gif) top no-repeat;
	width:41px;
	}

#topnav2 a:link, #topnav2 a:visited {
	background:url(../images/topnav/products.gif) top no-repeat;
	width:67px;
	}
	
#topnav3 a:link, #topnav3 a:visited {
	background:url(../images/topnav/wheretobuy.gif) top no-repeat;
	width:97px;
	}
	
#topnav4 a:link, #topnav4 a:visited {
	background:url(../images/topnav/gallery.gif) top no-repeat;
	width:53px;
	}
	
#topnav5 a:link, #topnav5 a:visited {
	background:url(../images/topnav/about.gif) top no-repeat;
	width:44px;
	}
	
#topnav6 a:link, #topnav6 a:visited {
	background:url(../images/topnav/contact.gif) top no-repeat;
	width:57px;
	}
	
#topnav7 a:link, #topnav7 a:visited {
	background:url(../images/topnav/dealers.gif) top no-repeat;
	width:114px;
	}
	
#topnav1 a:hover, #topnav1 a:active,
#topnav2 a:hover, #topnav2 a:active,
#topnav3 a:hover, #topnav3 a:active,
#topnav4 a:hover, #topnav4 a:active,
#topnav5 a:hover, #topnav5 a:active,
#topnav6 a:hover, #topnav6 a:active,
#topnav7 a:hover, #topnav7 a:active {
	background-position:bottom;
	}
	
/**********
Address section left nav area */
	
#address {
	background-color:#d58902;
	background:url(../images/addressbg.gif) top left repeat-y;
	float:left;
	width:178px;
	}
	
#addresscontent {
	background:url(../images/addressbgbottom.gif) bottom left no-repeat;
	float:left;
	width:168px;
	padding:10px 0px 5px 10px;
	}
	
p.address {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#1a1a1a;
	margin-bottom:10px;
	line-height:14px;
	padding:0px;
	}
	
p.addressorange {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	margin-bottom:10px;
	line-height:14px;
	padding:0px;
	font-weight:bold;
	}
	
#contactaddress {
	float:right; 
	width:170px; 
	padding:0px 10px 10px 10px;
	}
	
span.addressheader {
	font-size:12px;
	color:#111111;
	font-weight:normal;
	}
	
span.addressblack {
	color:#000000;
	}
	
.address a:link, .address a:visited {
	color:#000000;
	font-size:12px;
	text-decoration:underline;
	font-style:italic;
	}
	
.address a:hover, .address a:active {
	color:#1a1a1a;
	}
	
	
/************************************************************
LEFT NAV NEW */

#leftnav {
	background-color:#000000;
	float:left;
	width:178px;
	list-style-type:none;
	}

#leftnav1 a:link, #leftnav1 a:visited,
#leftnav2 a:link, #leftnav2 a:visited,
#leftnav3 a:link, #leftnav3 a:visited,
#leftnav4 a:link, #leftnav4 a:visited,
#leftnav5 a:link, #leftnav5 a:visited,
#leftnav6 a:link, #leftnav6 a:visited,
#leftnav7 a:link, #leftnav7 a:visited,
#leftnav8 a:link, #leftnav8 a:visited,
#leftnav9 a:link, #leftnav9 a:visited,
#leftnav10 a:link, #leftnav10 a:visited {
	height:39px;
	width:178px;
	float:left;
	}

#leftnav1 a:link, #leftnav1 a:visited {
	background:url(../images/leftnav/shocks.gif) top no-repeat;
	}

#leftnav2 a:link, #leftnav2 a:visited {
	background:url(../images/leftnav/motorbike.gif) top no-repeat;
	}
	
#leftnav3 a:link, #leftnav3 a:visited {
	background:url(../images/leftnav/special.gif) top no-repeat;
	}
	
#leftnav4 a:link, #leftnav4 a:visited {
	background:url(../images/leftnav/techsupport.gif) top no-repeat;
	}
	
#leftnav5 a:link, #leftnav5 a:visited {
	background:url(../images/leftnav/whyast.gif) top no-repeat;
	}
	
#leftnav6 a:link, #leftnav6 a:visited {
	background:url(../images/leftnav/blog.gif) top no-repeat;
	}
	
#leftnav7 a:link, #leftnav7 a:visited {
	background:url(../images/leftnav/calendar.gif) top no-repeat;
	}
	
#leftnav8 a:link, #leftnav8 a:visited {
	background:url(../images/leftnav/services.gif) top no-repeat;
	}	
	
#leftnav9 a:link, #leftnav9 a:visited {
	background:url(../images/leftnav/learnmore.gif) top no-repeat;
	}	

#leftnav10 a:link, #leftnav10 a:visited {
	background:url(../images/leftnav/merchandise.gif) top no-repeat;
	}	
		
#leftnav1 a:hover, #leftnav1 a:active,
#leftnav2 a:hover, #leftnav2 a:active,
#leftnav3 a:hover, #leftnav3 a:active,
#leftnav4 a:hover, #leftnav4 a:active,
#leftnav5 a:hover, #leftnav5 a:active,
#leftnav6 a:hover, #leftnav6 a:active,
#leftnav7 a:hover, #leftnav7 a:active,
#leftnav8 a:hover, #leftnav8 a:active,
#leftnav9 a:hover, #leftnav9 a:active,
#leftnav10 a:hover, #leftnav10 a:active{
	background-position:bottom;
	}
	
	
/************FOOTER */
	
#footer {
	width:930px;
	height:55px;
	background-color:#000000;
	color:#d48802;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:left;
	float:left;
	margin-bottom:20px;
	}
	
#footerleft {
	float:left;
	}

#footerright {
	float:right;
	}
	

		
textarea {
		margin:0px 0px 20px 0px;
		border:1px solid #d48802;
		background-color: #fff;
		color:#333;
		width:300px;
		height:120px;
		padding:2px 2px 2px 2px;
		font-weight:bold;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		}
		
select {
		margin-left:5px;
		width:150px;
		border:1px solid #ECECEC;
		background-color: #fff;
		color:#333;
		}
	
input.checkout {
		margin-left:0px;
		border:0px;
		margin:0px;
		}
		
		
/* Left accordian menu*/

.accordheader{ 
cursor: hand;
cursor: pointer;
height:39px;
width:178px;
}

.accordheader2{ 
cursor: hand;
cursor: pointer;
height:39px;
width:178px;
}

.openaccord{ 
height:39px;
width:178px;
}

.accordcontent{
	width:134px;
	margin:0px 0px 0px 39px;
	text-align:left;
}

 a.accordianNav:link,  a.accordianNav:visited,  a.accordianNav:hover, a.accordianNav:active{
	color:#000000;
	text-decoration:none;
	border:none;
	outline:none;
}

.leftnavaccord {
font-style:italic;
}


.topnavtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#FFF;
	text-decoration:none;
}

.topnavtext a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#FFF;
	text-decoration:underline;
}
	

.font14bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	font-weight:bold;
	outline-color:#FF0000;
}
.font14boldorange {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 24px;
	font-weight:bold;
	color:#FFF;
}
.font11a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
}

.font12b {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
}

.font12b {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
}

.font9gry {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	line-height: 10px;
}

.font12a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 13px;
}

.font12b {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 23px;
}
.hotspot {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color:#CC6600;
	text-decoration:underline;
	cursor:pointer;
	}
	
	
/* navigation bar CSS controls */
	
.chromestyle{
width: 100%;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{

width: 99%;
background: #db7725 center center repeat-x; /*nav bar background color or image*/
padding: 12px 0;
margin: 0;
text-align: left; /*set value to "left", "center", or "right"*/
border-bottom: #999999 1px solid;
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #FFFFFF; /*nav bar font color*/
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-right: 1px dotted #DADADA;
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ 
background: #e59d62 center center repeat-x;
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 10;
font:normal 13px Verdana; /*drop menu font size*/
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
padding:5px;
visibility: hidden;
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px dotted #F90; /*THEME CHANGE HERE*/
padding: 12px 0; /*padding around the drop menu item text*/
text-decoration: none;
font-weight: bold;
color: black;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #F0F0F0;
}