@charset "UTF-8";
/* CSS Document */


html, body {height:100%; width:100%; padding:0; margin:0; background:#313131; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:12px; line-height:20px;}
input, form{padding-top:0; padding-bottom:0; margin-top:0; margin-bottom:0}

a { color:#FFFFFF}
a:hover {color:#990000; text-decoration:underline}
 
td { font-size:12px; line-height:20px;}

.clear {clear:both; padding:0; margin:0; line-height:1px; height:1px;}




#content {overflow:scroll;height:500px; display:table-cell}

#logo { padding:6px 0 0 0 ; margin:0; float:left; width:200px; text-align:center}



#search {float:right; width:340px; padding:0;  height:83px; text-align:right;  overflow:hidden}
#searchbox{padding-top:36px; text-align:left; padding-right:15px;}

#search inout {padding:2px;}
.searchfield {background: url(../images/search_bg.jpg) top; color:#FFFFFF; border:0; line-height:22px; padding:0; margin:0; padding:0 5px 0 5px; width:180px; height:22px;}
.searchbutton{padding:0; margin:0}


#menu{float:right; clear:right; color:#FFFFFF; font-size:12px; font-family:Arial, Helvetica, sans-serif; height:32px; line-height:32px; font-weight:bold; width:590px; text-align:right}

#menu a{color:#FFFFFF; text-decoration:none; padding:0 2px 0 2px;}

#menu a:hover{text-decoration:underline; color:#990000}



#bread {color:#CCCCCC; font-size:11px; height:49px; line-height:49px; padding-left:15px; width:400px; float:left}
#bread a {color:#CCCCCC; text-decoration:none}


#pagetitle {float:right; height:49px; line-height:49px; text-align:right; width:350px; clear:none}

#breadgallery {color:#CCCCCC; font-size:11px; height:49px; line-height:49px; padding-left:15px; width:500px; float:left}
#breadgallery a {color:#CCCCCC; text-decoration:none}


#pagetitlegallery {float:right; height:49px; line-height:49px; text-align:right; width:250px; clear:none}

#pagetitle h1.pagetitle, #pagetitlegallery h1.pagetitle {padding:0; margin:0; color:#cccccc; font-size:17px; font-weight:bold; padding-right:15px; padding-left:5px;}
#footer {width:100%; text-align: center; margin:0 auto}

#footerline {height:5px; padding:0; width:100%;margin:0 auto; text-align:center }
#footermenu {text-align:center; margin:0 auto; width:100%; color:#FFFFFF; line-height:18px; font-size:12px; line-height:26px; height:26px; font-weight:bold}
#footermenu a {padding-left:10px; padding-right:10px; color:#FFFFFF; text-decoration:none}

#footercontact{font-size:11px; color:#999999; line-height:20px; text-align:center}



#contentcol1 {width:240px; padding:0; margin:0; float:left}

#contentcol1title{background:top no-repeat url(../images/contentcol1_title_bg.jpg); text-align:center; height:41px; line-height:41px; font-size:14px; font-weight:bold; width:240px; padding:0; margin:0}
#contentcol1text {margin-top:2px; width:240px;  color:#999999; font-size:11px; text-align:justify; background:#313131; }

#contentcol1text p {padding:10px 10px 6px 10px; margin:0}

#contentcol2 {float:left; padding:0; margin:0; margin-left:12px; width:490px; font-size:12px;}
#contentcol2 p {padding:4px 0 10px 0; margin:0}



#contentcol2title{height:41px; line-height:41px; font-size:14px; font-weight:bold; width:480px; padding-left:0px;}

#riderlist{width:490px; height:165px; border-top: solid 3px #313131}
#riderlistinfo {float:left; padding-top:22px;}

td.riderlistname , td.riderlistname a {font-size:13px; font-weight:bold; color:#FFFFFF;  line-height:30px; height:30px; text-decoration:none}
td.riderlisttype {color:#CCCCCC; font-size:10px; text-align:right; line-height:30px;}
td.riderlistdesc {color:#999999; font-size:10px; text-align:justify; line-height:15px;}





#informationlistingframe{ float:left; padding:0; width:350px; height:195px; background:url(../images/information_blockbg.jpg) top; margin:5px 15px 10px 5px;}
#informationlistingtitle{float:left; width:185px; height:45px; line-height:45px; text-align:left; font-size:14px; font-weight:bold; text-indent:10px; }
#informationlistinglink{ float:right; width:140px; text-align:right; height:45px; line-height:45px; font-size:11px; padding-right:10px; }
#informationlistingimage{ clear:both; width:350px; height:150px;}
#informationlistingimage img {margin:10px;}

#informationlistingframe a {text-decoration:none}



#riderpfoile td {font-size:12px;}


td.riderprofilename{font-size:16px; font-weight:bold;}
td.riderprofileteamname{color:#CCCCCC; font-size:12px;}

#riderprofilebuttons img{margin-right:20px;}
#riderprofilebuttons img.last{margin-right:0px;}

#contentframe{width:784px; height:434px; padding:8px; margin-top:10px; margin-bottom:10px; background:#2C2C2C}





#storemenuframe {float:left; width:180px; padding:0; margin:0}

#storemenutitle {width:180px; background:url(../images/store_menutitle_bg.jpg) top no-repeat; height:40px; line-height:40px; font-size:14px; font-weight:bold; text-indent:15px; padding:0; margin:0}

#storemenucontent{background:#353535; text-indent:15px;  color:#CCCCCC; line-height:15px; font-size:11px;padding:4px 0 4px 0;}

#storemenucontent p {padding:0; margin:0; padding-bottom:4px; padding-top:4px;}
#storecontentright{float:right; width:560px; }

#storemenu{padding-bottom:20px;}

#storemenucontent a{color:#CCCCCC; text-decoration:none}

#storemenucontent a:hover{color: #FFFFFF; text-decoration:underline}

#storemenucontent li {color:#FFFFFF; font-size:12px; text-indent:0; padding:5px 0 5px 0; font-weight:bold; margin:0px; list-style:square; }

#storemenucontent  ul {text-indent:0;margin:0; padding:0 0 0 35px}

#storemenucontent ul ul {text-indent:0;margin:0; padding:0 0 0 15px}

#storemenucontent ul ul li{text-indent:0;color:#cccccc; font-size:10px; font-weight:bold; list-style: disc; margin:0; padding:3px 0 3px 0}



#storefeaturedproductstitle {height:20px; line-height:20px; font-size:14px; font-weight:bold; padding-bottom:5px; padding-top:8px; text-indent:10px; clear:both}
#storefeaturedframe{}
#storefeaturedproductframe{ float:left; margin-right:5px; margin-left:5px; width:175px; height:190px; padding:0; background:top repeat-x url(../images/store_featuredproductsframe_bg.jpg)}
#storefeaturedproducttitle {height:44px; line-height:44px; font-size:12px; text-indent:12px;font-weight:bold;}
#storefeaturedproducttitle a{text-decoration:none}
#storefeaturedproducttitle a:hover{text-decoration:underline; color:#CCCCCC}
#storefeaturedproductimage {padding:10px; width:155; height:125px;}




#storeproductlistingframe{ float:left; margin-right:5px; margin-left:5px; margin-bottom:15px; width:175px; height:215px; padding:0; background:top repeat-x url(../images/store_productlisitingframe_bg.jpg)}
#storeproductlistingtitle {height:44px; line-height:44px; font-size:12px; text-indent:12px;font-weight:bold;}
#storeproductlistingtitle a{text-decoration:none}
#storeproductlistingtitle a:hover{text-decoration:underline; color:#CCCCCC}
#storeproductlistingimage {padding:10px; width:155; height:125px;}
#storeproductlistingprice { height:25px; line-height:20px; color:#CCCCCC; padding:0; margin:0; font-size:12px; text-align:right}


#storeresultscategoryframe{width:175px; height:145px; background:#353535;  float:left; margin:0 5px 5px 5px; padding:0}
#storeresultscategoryimage{padding:10px; position:absolute;  z-index:1}
#storeresultscategorytitlebgframe{ position:absolute; width:155px; margin:100px 10px 10px 10px; opacity: .4; filter: alpha(opacity = 40); z-index:2}
#storeresultscategorytitleframe{ position:absolute; width:155px; margin:100px 10px 10px 10px; opacity: 1; filter: alpha(opacity = 100); z-index:3}
#storeresultscategorytitle {float:left; height:35px; line-height:35px; font-size:14px; color:#FFFFFF; font-weight:bold; padding-left:8px;}
#storeresultscategorytitle a {color:#FFFFFF; text-decoration:none}
#storeresultscategorytitle a:hover {color:#cccccc; text-decoration:underline}

#storeresultscategorylink {float:right; height:35px; line-height:35px; font-size:12px; color:#cccccc; font-weight:normal; padding-right:8px;}
#storeresultscategorylink a {color:#cccccc; text-decoration:none}
#storeresultscategorylink a:hover {color:#ffffff; text-decoration:underline}
/* Scrollers MUST STAY AT BOTTOM OF CSS FILE */

.swWindow {
	position: 			relative;
	width:				784px;
	height:				434px;
	overflow: 			hidden;}
.swContent {
	position: 			relative; 
	top: 				0px; 
	padding:			8px 0px 0px 8px;
	width: 				755px;
	} /* padding bottom should always be at least 13px */
.swArrowUp,
.swArrowDown { 
	position: 			absolute;
	cursor:				pointer;
	right: 				0; 
	width: 				19px; 
	height: 			16px;
	background:			#1e1e1e;}
	
	
	
	
.swArrowUp {top: 0; background:url(../images/scroll/up_arrow.gif) top no-repeat} 
.swArrowDown {bottom: 0; background:url(../images/scroll/down_arrow.gif) bottom no-repeat }
.swArrowDown-over, .swArrowUp-over {}
/*.swArrowDown-active, .swArrowUp-active {background: #a0d5bb;}*/
.swTrack {
	position:			absolute; 
	top: 				16px; 
	right: 				0; 
	width: 				19px;
	background:url(../images/scroll/track.gif)}
.swSlider { 
	position: 			absolute; 
	top: 				0; 
	right: 				0;
	left:0;
	width: 				19px;
	background:  url(../images/scroll/scroller.gif) ;
	cursor:				pointer;}
.swSlider-over {}
.swSlider-active {}
.swTrack {
	height:				402px;}
#news .swWindow {
	width:				350px;}
#news .swContent {
	width:				320px;}