/* Modified styles by Modern Blue */

body {
	margin:0px;
	background:url(../images/finalbg.png) #ffffff no-repeat top center;
	color:#000000;
	height:933px;
	overflow:auto;
}


BODY, P, DIV, TD, BLOCKQUOTE {
	font-family:verdana;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	color:#333;
}
form{margin:0;padding:0;}
A:ACTIVE{color:#0E4369;text-decoration:none;}
A:LINK{color:#0E4369;text-decoration:none;}
A:VISITED{color:#0E4369;text-decoration:none;}
A:HOVER{color:#706E05;text-decoration:underline;}

.TopBottomBar{font-size:11px;
	background-color:#4B7007;
	height:25px;
	color:#FFFFFF;
}
A:ACTIVE.TopBottomBarLink{color:#FFFFFF;text-decoration:none;}
A:LINK.TopBottomBarLink{color:#FFFFFF;text-decoration:none;}
A:VISITED.TopBottomBarLink{color:#FFFFFF;text-decoration:none;}
A:HOVER.TopBottomBarLink{color:#FFFFFF;text-decoration:underline;}

.strike{
	text-decoration:line-through;
}
/** BOX STYLES **/
.BoxFrame{background-color:#D3E4D6;}

.BoxHeader{
	font-family:verdana;
	font-size:12px;
	font-style:normal;
	font-weight:bold;
	background-color:#c4e5f7;
	height:25px;
	padding-left:5px;
	padding-rigth:5px;
	color:#2C362E;
}
.BoxContent{
	font-family:verdana;
	font-size:10px;
	font-style:normal;
	font-weight:normal;
	padding-left:10px;padding-right:10px;padding-top:6px;padding-bottom:6px;
	background-color:#f6f6f6;
	color:#451008;
}
.BoxText{
	font-family:verdana;
	font-size:10px;
	font-style:normal;
	font-weight:normal;
	background-color:#f6f6f6;
	color:#451008;
}
A:ACTIVE.BoxLink{color:#24360a;text-decoration:none;}
A:LINK.BoxLink{color:#24360a;text-decoration:none;}
A:VISITED.BoxLink{color:#24360a;text-decoration:none;}
A:HOVER.BoxLink{color:#000000;text-decoration:underline;}

/** PAGE HEADER AND NAVIGATION					**/
.pageHeader{
	font-size:18px;
	font-weight:normal;
	text-align:left;
	padding:5px;
	margin:0px;
	color:#444;
	border:1px solid #ccc;
	background:#f7f7f7;	
}

.pageNavigation{
	font-family:verdana;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	background-color:#FFFFFF;
	padding:5px;
	height:16px;
	color:#0033cc;
}

.pageNavigation div{
	font-family:verdana;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	color:#0033cc;
}

/** CATALOG ITEMS				 				**/
.CatalogNavigation{
	background-color:#F6F6F6;
	border-bottom:1px solid #D3E4D6;
}
.CatalogNavigation table tr td{
	font-family:verdana;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	background-color:#F6F6F6;
	color:#666666;
}
.CatalogItemDark{
	font-family:verdana;
	font-size:9px;
	font-style:normal;
	font-weight:normal;
	background-color:#F0F0F0;
	padding:4px;
	color:#000000;
}
.CatalogItemLight{
	font-family:verdana;
	font-size:9px;
	font-style:normal;
	font-weight:normal;
	background-color:#ffffff;
	padding:4px;
	color:#000000;
}

/** LISTS FOR CART ITEMS - USES CATALOG STYLES **/

.listHeader{
	font-family:verdana;
	font-size:9px;
	font-style:normal;
	font-weight:normal;
	background-color:#F0F0F0;
	color:#000000;
}

.listItem{
	font-family:verdana;
	font-size:9px;
	font-style:normal;
	font-weight:normal;
	background-color:#ffffff;
	color:#000000;
}

/** FORMS										**/
/**NEW FORM STYLES**/

.formFieldSet{
	border:1px solid #89a8ad;
	margin-top:0px;
	margin-bottom:5px;
	margin-left:5px;
	margin-right:5px;
	/*border-style: outset;*/
	padding-bottom:10px;

}

.formContent{
	clear:both;
	float:left;
	padding-left:0px;
	width:99%;
}

.formSeparator{
	font-family:verdana;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	background-color:#F0F0F0;
	padding:6px;
	color:#000000;
}

.formHeader{
	clear:both;
	font-family:verdana;
	font-size:12px;
	font-style:normal;
	font-weight:bold;
	background-color:#FFFFFF;
	color:#000000;
	padding:5px;
}

.formLine{
	clear:both;
	float:left;
	width:100%;
}

.formCaption{
	font-family:verdana;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	color:#333333;
	float:left;
	padding:5px;
	margin-top:3px;
	text-align:right;
	width:40%;
}

.formControl{
	font-family:verdana;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	color:#333333;
	float:left;
	padding:5px;
}

.formSpace{
	font-family:verdana;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	color:#333333;
	float:left;
	padding:5px;
	padding-left:15px;
}

.formControlText{
	font-family:arial;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	width:144px;color:#666666;
}

.formControlSelect{
	font-family:arial;
	#font-size:11px;
	font-style:normal;
	font-weight:normal;
	width:150px;color:#666666;
}

.formButtons{
	text-align:center;
	padding-top:15px;
	padding-bottom:15px;
	clear:both;
	float:left;
	width:99%;
}
/**NEW FORM END**/

.FormItems{
	font-family:verdana;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	padding:2px;
	color:#333333;
}

.formRemark{
	font-family:verdana;
	font-size:9px;
	font-style:normal;
	font-weight:normal;
	color:#999999;	
}

.ProductSubtitle{
	font-family:verdana;
	font-size:14px;
	font-style:normal;
	font-weight:bold;
	border-bottom:1px solid #CCCCCC;
	padding:5px;
	margin:0px;
}

.ratingstar,.ratingstar_hover, .ratingstar_set {
 height: 22px;
 width: 110px;
 cursor:pointer; /* border: solid 1px red; cursor: hand; 只有IE支持，pointer 是 FF 和 IE 都支持的手型鼠标*/
 background-image: url(../images/ratingstar1.gif);
 background-repeat: repeat-x;
 position:relative; /*解决 Firefox 中获取鼠标位置不准确的问题*/
}
.ratingstar_hover {
 background-position: 0 -22px;
}
.ratingstar_set {
 background-position: 0 -45px;
} 
.productReview .summary{width:200px;float:left;font-size:1.2em;}
.productReview .summary .reviewBarItem{clear:both;padding:5px 0;}

.productReview .summary .reviewBarItem{clear:both;padding:5px 0;}
.productReview .reviewHeader .reviewrBuy{color:#3399ff;font-style:italic;clear:both;}
.productReview .totalReviews{text-align:right;float:right;font-size:1.2em;}
.productReview .totalReviews a{line-height:16px;}
.productReview .totalReviews span{margin:0 0 0 5px;}
.productReview .totalReviews a img{vertical-align:middle;}
.productReview .reviewHeader{font-size:1.2em;}
.productReview .reviewBody{margin:0;font-size:1.2em;}
.productReview .reviewBody dd{margin:0;padding-top:10px;}
.productReview .reviewFooter{padding-top:10px;font-size:1.2em;text-align:right;clear:both;}
.productReview .reviewFooter dd{width:100%;}

.reviewBarItem dd{float:left;vertical-align:top;}
.reviewBarItem .scale{padding:0 5px;width:100px;}
.reviewBarItem .scale dl{width:100px;background: url("../images/bar_greybg.gif") no-repeat;position:relative;height:13px;}
.reviewBarItem .scale dl dd.left{width:4px;height:13px;background:url("../images/bar_orangeLeft.gif") no-repeat;}
.reviewBarItem .scale dl dd.center{height:13px;background:url("../images/bar_orangeMid.gif") repeat-x;}
.reviewBarItem .scale dl dd.right{width:4px;height:13px;background:url("../images/bar_orangeRight.gif") no-repeat;}
.reviewBarItem .percent{text-align:left;width:40px;}

/* Odeus template specific styles */
#header {
	width:924px;
	overflow:hidden;
	margin:0 auto;
}

#content {
	position:absolute;
	top:195px; left:100px;
	overflow:auto;
	font-size:13px;
	margin:0 auto;
	width:800px;
	height:605px;
	padding-right:10px;
}

#leftCol {
	width:230px;
	float:left;
	margin:10px 0;
	overflow:hidden;
}

#rightCol {
	margin:10px 0 0 5px;
	overflow:hidden;
}

#top {
	width:924px;
	height:82px;
	margin:0 auto;
	background:url(../images/searchbar.png) no-repeat center;
}

#topSearch {
	float:right;
	margin-right:50px;
}

#subNav {
	background:#444;
	padding:5px;
	color:#fff;
	clear:both;
}

.box {
	width:210px;
	background:url(../images/catbg.png) no-repeat;
	padding:15px 0 0 0;
}

.boxTitle {
	text-align:left;
	color:#fff;
	height:55px;
	font-size:13px;
	padding:0 0 0 30px;
	font-weight:bold;
}	
	
.boxContent {
	margin-top:-10px;
	background:none;
	padding-left:15px;
	color:#222;
}

.searchBut {
	background:url(../images/buttonStartSearch.gif) no-repeat;
	width:28px;
	height:22px;
	style:float:left;
	border:none;
}

#topSearch {
	padding:35px 15px 0 0;
	text-align:right;
}

#topSearch a {
	color:#fff;
	font-size:11px;
}

#topSearch a:hover {
	color:#fff;
}

/*=======================================
	Redefine certain classes for store
========================================*/
#container {
	width:1024px;
	margin:0 auto;
	height:933px;
	position:relative;
}

#activeHome {
	position:absolute;
	top:40px; left:275px;
	width:82px; height:30px;
	background:url(http://s59060.gridserver.com/images/activeHome.png) no-repeat;
}

#activeHome a {
	display:block;
	width:82px; height:30px;
	background:url(http://s59060.gridserver.com/images/activeHome.png) no-repeat;
}

#activeHome a:hover {
	background:url(http://s59060.gridserver.com/images/activeHomeB.png) no-repeat;
}

#footer {
	position:absolute;
	top:850px; left:225px;
	width:550px; height:40px;
	text-align:left;
	font-size:13px;
	color:#000;
}

#footer p {
	margin:0;
	padding:0;
	font-size:9px;
}

#footer ul {
	margin:0;
	padding:0;
}

#footer li {
	list-style:none;
	display:inline;
	padding:0 2px;
}

#footer a {
	color:#ee3124;
	text-decoration:none;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
}

#footer a:hover {
	color:#333;
}

/*=======================================
	Navigation
=======================================*/

#nav {
	width:490px;
	height:145px;
	position:absolute;
	top:40px; left:450px;
}

#nav ul {
	margin:0;
	padding:0;
	position:relative;
	height:140px;
	z-index:1;
	overflow:hidden;
}

#nav li {
	list-style:none;
	position:absolute;
}

#nav a {
	display:block;
	color:#fff;
	text-decoration:none;
	background:transparent;
	overflow:hidden;
	z-index:10;
}

#nav a strong {
	display:none;
}

#nav a#product {
	position:absolute;
	top:12px; left:55px;
	width:216px; height:49px;
	background:url(http://s59060.gridserver.com/images/navProductA.png) no-repeat;
}

#nav a#product:hover, #nav a#product.active  {
	background:url(http://s59060.gridserver.com/images/navProductB.png) no-repeat;
}

#nav a#news {
	position:absolute;
	top:25px; left:280px;
	width:172px; height:41px;
	background:url(http://s59060.gridserver.com/images/navNewsA.png) no-repeat;
}

#nav a#news:hover, #nav a#news.active {
	background:url(http://s59060.gridserver.com/images/navNewsB.png) no-repeat;
}

#nav a#riders {
	position:absolute;
	top:50px; left:0px;
	width:162px; height:42px;
	background:url(http://s59060.gridserver.com/images/navRidersA.png) no-repeat;
}

#nav a#riders:hover, #nav a#riders.active {
	background:url(http://s59060.gridserver.com/images/navRidersB.png) no-repeat;
}

#nav a#about {
	position:absolute;
	top:62px; left:180px;
	width:150px; height:38px;
	background:url(http://s59060.gridserver.com/images/navAboutA.png) no-repeat;
}

#nav a#about:hover, #nav a#about.active {
	background:url(http://s59060.gridserver.com/images/navAboutB.png) no-repeat;
}

#nav a#den {
	position:absolute;
	top:72px; left:355px;
	width:106px; height:32px;
	background:url(http://s59060.gridserver.com/images/navDenA.png) no-repeat;
}

#nav a#den:hover, #nav a#den.active {
	background:url(http://s59060.gridserver.com/images/navDenB.png) no-repeat;
}

#nav a#links {
	position:absolute;
	top:88px; left:0px;
	width:126px; height:37px;
	background:url(http://s59060.gridserver.com/images/navLinksA.png) no-repeat;
}

#nav a#links:hover, #nav a#links.active {
	background:url(http://s59060.gridserver.com/images/navLinksB.png) no-repeat;
}

#nav a#shops {
	position:absolute;
	top:98px; left:140px;
	width:133px; height:34px;
	background:url(http://s59060.gridserver.com/images/navShopsA.png) no-repeat;
}

#nav a#shops:hover, #nav a#shops.active {
	background:url(http://s59060.gridserver.com/images/navShopsB.png) no-repeat;
}

#nav a#contact {
	position:absolute;
	top:103px; left:290px;
	width:184px; height:35px;
	background:url(http://s59060.gridserver.com/images/navContactA.png) no-repeat;
}

#nav a#contact:hover, #nav a#contact.active {
	background:url(http://s59060.gridserver.com/images/navContactB.png) no-repeat;
}