body{
	background: #5BA4DD url(../images/blue_bg.gif) repeat-y center top;
	font: 12px verdana, Tahoma, sans-serif;
	color:#FFF;
}
body, ul, li, p, form, select, option, table, tr, td{
	margin: 0;
	padding: 0;
}
img{
	border: none;
}
ul{
	list-style: none;
}
a{
	color: #FFF;
	text-decoration: none;
}
.clear{
	clear: both;
}
.content{
	width: 900px;
	margin: 0 auto;
}


/*****---UPTOP menu---*****/
.uptop{
	background: #FFF;
	font-size: 11px;
	height: 45px;
	overflow: hidden;
	padding:0 0 5px;
	width: 900px;
}
.logo{
	float: left;
	height: 40px;
	width: 180px;
}

.uptopmenu2{
	background: transparent url(../images/menu_top_bg.gif) no-repeat left bottom;
	float: right;
	padding:0 0 0 8px;
}

#nav-top { 	
	float:left;
	z-index:502;
	width:395px;
	background-color:transparent; 
	margin-top:8px;
	/*position:relative;*/ }

#nav-top li { 
	float: left;
	/*position:relative;
	background-repeat:no-repeat;
	background-position:center right;
	margin-left:-1px;*/  }

	
#nav-top li:hover, #nav-top li.sfhover {
	background-image:url(../images/menu_on_bg_2.gif); 
	background-repeat:no-repeat;
	background-position:top left; }

#nav-top li ul { /* flyout container */ 
	position: absolute;
	left: -999em;
	background-color:#e8e8e8;
	width:130px;
	z-index:502; }

#nav-top li li { /* flyout list items */
 	background-image:none;
	background-color:transparent;
 	float:none;
	width:130px;
	position:relative; 
	margin:0;
	padding:0;
	border-top:1px #fff solid; }

#nav-top li a { /* links */
	display: block;
	padding:5px 18px 5px 8px;
	text-decoration:none;
	font-weight:normal;
	color: #374765;
	background-image:url(../images/menu_top_arrow.gif);
	background-repeat:no-repeat;
	background-position:right; 
}
#nav-top ul li.plain a{
	background: none;
}

#nav-top li a:hover, #nav-top li:hover > a {
	background-image:url(../images/menu_top_arrow.gif); }

#nav-top li li a:hover, #nav-top li:hover li > a {
	background-image:none; }

#nav-top li ul {
 background-image:none; }
	
#nav-top li li a { /* flyout links */
	color:#374765;
	text-decoration:none;
	background-color:#e8e8e8;
	background-image:none;
	font-weight:normal;
	display:block;
	padding:4px;
	padding-left:10px;
	line-height:1.3em; }

#nav-top li li a:hover { /* flyout links hover */
	background-image:none;
	background-color:#d3d8e0; }

#nav-top li:hover ul, #nav-top li.sfhover ul { /* put flyout into position - left aligned */
	left: auto; }

#nav-top li:hover ul.right-align, #nav-top li.sfhover ul.right-align { /* put flyout into position - right aligned */
	right:0; }

#nav-top iframe { /* iframe to cover select form elements */
	left:0px; 
	position:absolute; 
	top:-50px;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);	 }

/*-- top nav menu--*/
#nav a{
cursor: pointer;
display:block;
line-height:40px;
position:relative;

}
#nav a:hover{
	z-index: 0;
}
#nav li:hover{
	background-image:  url(../images/menu_on.gif);
	display: block;
}
li.home{
	width: 49px;
}
li.home:hover{
	background-position: 0 0;
	width: 49px;
}
li.boots{
	width: 53px;
}
li.boots:hover{
	background-position: -49px 0;
	width: 53px;
}
li.bike{
	width: 84px;
	overflow: hidden;
}
li.bike:hover{
	background-position: -102px 0;
}
li.custom{
	width: 61px;
	overflow: hidden;
}
li.custom:hover{
	background-position: -186px 0;
}
li.frame{
	width: 58px;
	overflow: hidden;
}
li.frame:hover{
	background-position: -247px 0;
}
li.wheels{
	width: 61px;
	overflow: hidden;
}
li.wheels:hover{
	background-position: -305px 0;
}
li.bearing{
	width: 69px;
	overflow: hidden;
}
li.bearing:hover{
	background-position: -366px 0;
}
li.ice{
	width: 76px;
	overflow: hidden;
}
li.ice:hover{
	background-position: -435px 0;
}
li.apparel{
	width: 66px;
	overflow: hidden;
}
li.apparel:hover{
	background-position: -511px 0;
}
li.access{
	width: 85px;
	overflow: hidden;
}
li.access:hover{
	background-position: -577px 0;
}
li.shopping{
	width: 69px;
	overflow: hidden;
}
li.shopping:hover{
	background-position: -662px 0;
}
li.msg{
	width: 95px;
	overflow: hidden;
}
li.msg:hover{
	background-position: -731px 0;
}
#nav ul li.msg ul li a{
	z-index: 2;
	line-height: 20px;
}
li.faq{
	width: 74px;
	overflow: hidden;
}
li.faq:hover{
	background-position: -826px 0;
}


#nav{
	width: 900px;
}
#nav ul{
	background: transparent url(../images/menu_off.gif) no-repeat 0 0;
	height: 40px;
}
#nav ul li{
	float: left;
	display: inline;
}

#nav ul li img{
	margin: 0;
	padding: 0;
}
#nav ul li:hover, #nav ul li.sfhover { 
	position: static;
}
		#nav ul li ul { 
		background: none;
		padding: 0 11px 11px 11px;
		margin: 0 -11px -11px -11px;
		position: absolute;
		width: 9.3em;
		left: -999em; 
		z-index: 100;
	}
	#nav ul li ul li{ 
		background: #FFF;
		border-bottom: 1px solid #00294d;
		/*border-top: 1px solid #013360;*/
		width: 130px;
	}
	#nav ul li ul li a { 
		color: #013360;
		padding: 7px 10px 7px 18px;
		width: 90px;
	}
	#nav ul li ul li:hover, #nav ul li ul li.sfhover { 
		background: #013360;
		border-bottom: 1px solid #00294d;
		/*border-top: 1px solid #013360;*/
	}
	#nav ul liul li.last:hover, #nav ul li ul li.last.sfhover { 
		background: #e0e0e0;
		border-bottom: 1px solid #00294d;
		border-top: 1px solid #e0e0e0;
	}
	#nav ul li ul li:hover a, #nav ul li ul li.sfhover a { 
		color: #FFF;
}


#nav ul liul ul li, #nav ul li ul ul li:hover, #nav ul li ul ul li.sfhover{ 
		background: #ffffff;
		border-bottom: none;
		border-top: none;
		width: 542px;
		height: 364px;
	}
	#nav ul li ul li:hover ul li a, #nav ul li ul li.sfhover ul li a, #nav ul li ul li ul li a { 
		color: #bc0101;
		padding: 5px 0 5px 10px;
		width: 155px;
	}
	
	#nav ul li ul ul li a:hover { 
		text-decoration: underline;
	}
	#nav ul li:hover ul ul, #nav ul li.sfhover ul ul {
		left: -999em;
	}
	#nav ul li:hover ul, #nav ul li li:hover ul, #nav ul li.sfhover ul, #nav ul li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}
		


/*---------------main----------*/
/*---banner---*/
.banner{
	/*height: 466px;*/
	height: 375px;
	overflow: hidden;
}
.main{
	background: #FFF;
	height: 564px;
}

/*-----------------footer---------*/
.footer{
	background-color: #123664;
	padding: 5px 0 0 0;
	font-size: 10px;
	color: #FFF;
}
.footer p{
	height: 20px;
	line-height: 20px;
	font-weight: bold;
	text-indent: 20px;
}
.footer ul{
	text-transform: uppercase;
	height: 20px;
	line-height: 20px;
	padding: 0 0 0 20px;
	overflow: hidden;
}
.footer ul li{
	float: left;
	padding: 0 15px 0 0;
}
.footer ul li a{
	font-weight: bold;
	color: #FFF;
	padding: 0;
}
.footer ul li a:hover{
	color: Gray;
}