/*universal --*/


.wrapper{
	background: #FFF;
	color:#333;
	font: 12px arial,tahoma,sans-serif;
	margin: 0 auto;
	overflow: hidden;
	
	width:960px;
	text-align: left;
}
.wrapper p{
	font-size: 13px;
	line-height: 180%;
	margin: 10px 0 0;
}
.right a{
	color: #333;
	text-decoration: underline;
}
.right a:hover{
	color:#cc0c2f;
	
}
.wrapper h2{
	font-size: 15px;
	font-weight: bold;
	margin: 15px 0 0;
	text-transform: uppercase;
}

.titlebg{
	background: transparent url(../images/list_bg.gif) repeat-x left bottom;
	height: 18px;
	padding: 10px 0;
	margin: 0 0 25px;
}
.titlebg img.overview{
	margin: 0 0 0 250px;
}
.titlebg img.buy{
	margin: 0 0 0 300px;
}
.shoesarea{
	height: 250px;
	overflow: hidden;
	padding: 5px 25px;
}
.shoesarea a:hover{
	text-decoration: none;
	color: #929292
}
.shoesarea ul{
	margin: 0 auto;
	width: 900px;
}
.shoesarea ul li{
	display: inline;
	float: left;
	text-align: center;
	width: 300px;
}
.shoesarea h2{
	color: #929292;
	font-size: 18px;
	margin: 0 0 20px;
	text-transform: capitalize;
	overflow: hidden;
}


a.t_title{
	background-image: url(../images/product-name.png);
	cursor: pointer;
	display: block;
	height: 12px;
	margin-left: 100px;
	*margin-left: 30px;/* for ie*/
	overflow: hidden;
	text-indent:-9900px;
	width: 85px;
}
a.t_roada1{
	background-position: 0 0;
}
a.t_roada1:hover{
	background-position: 0 -12px;
}
a.t_roada2{
	background-position:0 -24px;
}
a.t_roada2:hover{
	background-position:0 -36px;
}
a.t_roada3{
	background-position:0 -48px;
}
a.t_roada3:hover{
	background-position: 0 -60px;
}
a.t_ctt1{
	background-position: 0 -72px;
}
a.t_ctt1:hover{
	background-position: 0 -84px;
}
a.t_ctt3{
	background-position: 0 -96px;
}
a.t_ctt3:hover{
	background-position: 0 -108px;
}
a.t_sub8{
	background-position: 0 -120px;
}
a.t_sub8:hover{
	background-position: 0 -132px;
}
a.t_sub9{
	background-position: 0 -146px;
}
a.t_sub9:hover{
	background-position: 0 -158px;
}
a.t_sub10{
	background-position: 0 -170px;
}
a.t_sub10:hover{
	background-position: 0 -182px;
}
a.t_commuter1{
	background-position: 0 -194px;
	width: 133px;
}
a.t_commuter1:hover{
	background-position: 0 -206px;
	width: 133px;
}
a.t_commuter2{
	background-position: 0 -218px;
	width: 133px;
}
a.t_commuter2:hover{
	background-position: 0 -230px;
	width: 133px;
}
a.t_track{
	background-position: 0 -242px;
}
a.t_track:hover{
	background-position: -0 -254px;
}
a.t_crono{
	background-position: 0 -266px;
}
a.t_crono:hover{
	background-position: 0 -278px;
}
a.t_zero{
	background-position: 0 -290px;
}
a.t_zero:hover{
	background-position: 0 -302px;
}
a.t_thor{
	background-position: 0 -314px;
}
a.t_thor:hover{
	background-position: 0 -326px;
}
a.t_vaypor{
	background-position: 0 -336px;
}
a.t_vaypor:hover{
	background-position: 0 -348px;
}


.shoesarea img{
	display: block;
	margin: 0 0 15px;
}
.even{
	background: #f5f5f5;
	border: 1px solid #EEE;
	border-width: 1px 0;
}
/*---left----*/
.left{
	float: left;
	display: inline;
	margin-left: 25px;
	margin-top:-45px;
	width: 240px;
}
.left img{
	margin: 10px 0 0;
}

.leftmid{
	background: transparent url(../images/leftMenu_midd.png) repeat-y center top;
	width: 200px;
}

.leftmenutop{
	background: transparent url(../images/leftMenu_top.png) no-repeat center top;
	height: 41px;
	width: 200px;
	overflow: hidden;
	text-align: center;
}
.leftmenubottom{
	background: transparent url(../images/leftMenu_bottoom.png) no-repeat center top;
	height: 23px;
	width: 200px;
}
.leftmid ul{
	margin: 0 auto;
	overflow: hidden;
	width: 183px;
}
.leftmid ul li{
	background: transparent url(../images/leftMenu_off.gif) repeat-x left center;
	border: 1px dotted #7a7a7a;
	border-width: 1px 0 0;
	color: #FFF;
	font-size: 15px;
	height: 42px;
	line-height: 42px;
	overflow: hidden;
	text-transform: capitalize;
}
.leftmid ul li a{
	background: transparent url(../images/leftmenu_arrow.gif) no-repeat 20px 18px;
	color: #BDBDBD;
	display: block;
	height: 100%;
	padding: 0 0 0 35px;
}
.leftmid ul li a:hover{
	background-color: #6d6d6d;
	text-decoration: none;
}
.leftmid ul li a.sel{
	background-color: #6d6d6d;
}
.left h4{
	background-image: url(../images/product-name-title.png);
	color: #FFF;
	height:20px;
	margin: 16px 0 0 30px;
	overflow: hidden;
	text-transform: capitalize;
	text-indent:-9900px;
	width: 150px;
}
h4.topt_a1{
	background-position: 10px 0;
}
h4.topt_a2{
	background-position: 6px -18px;
}
h4.topt_a3{
	background-position: 0 -36px;
}
h4.topt_sub8{
	background-position: 30px -54px;
}
h4.topt_sub9{
	background-position: 30px -72px;
}
h4.topt_sub10{
	background-position: 28px -90px;
}
h4.topt_commuter1{
	background-position: 0 -108px;
	margin: 16px 0 0 20px;
	width: 160px;
}
h4.topt_commuter2{
	background-position: 0 -126px;
	margin: 16px 0 0 20px;
	width: 160px;
}
h4.topt_track{
	background-position: 33px -144px;
}
h4.topt_crono{
	background-position: 30px -162px;
}
h4.topt_support{
	background-position: 25px -180px;
}
h4.topt_tech{
	background-position: 12px -200px;
}
h4.topt_contact{
	background-position: 20px -216px;
}
h4.topt_custom{
	background-position: 30px -234px;
}
h4.topt_althlete{
	background-position: 15px -253px;
}
h4.topt_bont{
	background-position: 35px -271px;
}
h4.topt_dealers{
	background-position: 5px -290px;
}
h4.topt_ctt1{
	background-position: 8px -307px;
}
h4.topt_ctt3{
	background-position: 0 -325px;
}
h4.topt_zero{
	background-position: 40px -343px;
}
h4.topt_thor{
	background-position: 15px -363px;
}
h4.topt_vaypor{
	background-position: 30px -380px;
}
h4.topt_newa2{
	background-position: 4px -18px;
}

/*---right--*/
.right{
	display: inline;
	float: left;
	margin-right: 40px;
	overflow: hidden;
	padding-bottom:30px;
	width: 655px;
}

.right img{
	margin: 30px 0 0;
}

/*--table--*/
table tr{
	line-height: 25px;
	vertical-align:top;
}
table tr td{
	padding: 8px 5px;
}
table tr.evenbg{
	background: #f2f2f2;
}

.right table td.color2{
	vertical-align: middle;
}
.right table td.color2 img{
	margin: 0;
	padding: 0;
}

/*-- carbon fiber--*/
.carbonimg{
	display:table;
   height:160px;
	line-height:180%;
   #position:relative;/* # for IE7 below*/
    overflow:hidden;
}
.carboncon{
	display:table-cell;
   vertical-align:middle;
   #position:absolute;
   #top:50%;
}
.middle{
	margin: 0 0 0 30px;
	#position:relative;
    #top:-50%;
}
.carbonimg img{
	margin-top: 20px;
	width: 225px;
}
ul.carbon li{
	line-height: 180%;
	list-style: square;
	margin:10px 0 0 30px;
}
/*--size chart--*/
p.print{
	overflow: hidden;
}
p.print img{
	float: left;
	margin: 0 25px 0 0;
}
p.print span a{
	color:#333;
} 
p.step2, p.step3{
	clear: both;
}
p.step3 img{
	margin: 0 10px 0 0;
}

/*-gallery download--*/
.thumbdownload{
	clear: both;
	overflow: hidden;
}
.thumbdownload ul li{
	float: left;
	height: 89px;
	margin: 0 35px 30px 0;
	width: 89px;
}
.thumbdownload ul li a{
	background: transparent url(../images/bg_thumbphoto.gif) no-repeat center;
	display: block;
	height: 90px;
	width: 90px;
}
.thumbdownload ul li a img{
	margin: 13px;
}
/*--Registration--*/
.reg{
	border: 1px solid #ebebeb;
	margin: 20px 0 0;
	padding: 10px 0;
}
.reg form fieldset {
	border: none;
	margin: 0;
	padding:  15px 0;
}
.reg form legend {
	margin: 0;
	padding: 0;
	/*color: #333;
	font-size:15px;
	font-weight: bold;
	text-transform: uppercase;
 	_margin: 0 -7px; IE Win */
}

.reg form table tr td {
	padding: 3px;
	vertical-align: middle;
}
.reg form fieldset li {
	padding: 5px 10px 7px;
}

.reg form em{
	color: #cc0c2f;
}
.reg form input, .reg form textarea{
	margin: 0;
	padding: 1px;
}
.reg form  select{
	font-family: inherit;
}
.sr{
	height:1px;
	left:-9999em;
	overflow:hidden;
	position:absolute;	
	top:0;
	width:1px;
}
.btn{
	font: 13px verdana, tahoma, sans-serif;
	cursor: pointer;
	margin-left:135px;
	padding: 0 5px;
}
/*Contact Us*/
ul.contact li{
	font-size:15px;
	line-height:25px;
}
ul.contact li span{
	font-weight:bold;
	padding:0 10px 0 0;
	text-transform:capitalize;
}
ul.contact li a{
	text-decoration: none;
}
/*Athlete page*/

ul.athletehome li{
	float: left;
	margin:0 30px 20px 10px;
	text-align: center;
	text-transform: capitalize;
}
ul.athletehome li a{
	text-decoration: none;
}
ul.athletehome li a span{
	background: transparent url(../images/arrow_grey.gif) no-repeat right 60%;
	color: #333;
	cursor: pointer;
	font-size: 15px;
	padding-right: 8px;
	
}
ul.athletehome li a span:hover{
	background: transparent url(../images/arrow_red2.gif) no-repeat right 60%;
	color: #CC092F;
}
ul.athletehome li div{
	background: transparent url(../images/athlete_big.gif) no-repeat right bottom;
	margin: 0 0 5px;
}
ul.athletehome li div.centerli{
	margin: 0 40px;
}
ul.athletehome li img{
	display: block;
	left:-5px;
	margin: 0;
	padding:6px;
	position:relative;
	top:-7px;
}

.right h3{
	clear: both;
	font-size: 15px;
	margin: 2px 0 12px 0;
}
.right ul.athlete{
	overflow: hidden;
}
.right ul.athlete li{
	display:inline;
	min-height: 170px;
	float: left;
	margin: 0 11px 5px 0;
	width: 150px;
	overflow: hidden;
}
.right ul.athlete .imgs{
	background: transparent url(../images/athlete_bg.gif) no-repeat 0 0;
	height: 110px;
	margin: 0 0 3px;
	padding: 5px;
	overflow: hidden;
	width: 140px;
}
.right ul.athlete li img{
	height:110px;
	margin: 0;
	width:140px;
}
.right ul.athlete a span{
	margin-left: 3px;
}
.right ul.athlete a{
	background: transparent url(../images/arrow_grey.gif) no-repeat right 60%;
	color: #333;
	cursor: pointer;
	font-size: 13px;
	padding-right: 8px;
	text-decoration: none;line-height: 140%;
}
.right ul.athlete a:hover{
	background: transparent url(../images/arrow_red2.gif) no-repeat right 60%;
	color: #CC092F;
	text-decoration: none;
}

.rightl{
	display: inline;
	float: left;
	margin: 0 30px 0 0;
	width: 375px;
}
.rightl h2{
	margin: 0 0 15px 0;
	text-transform: capitalize;
}
.right ul li{
	line-height: 200%;
}
.right ul li ul.highlight{
	list-style: disc;
	margin: 0 0 0 15px;
}
.rightr{
	float: left;
	width: 250px;
}
.rightr img{
	margin: 10px 0 0;
}
.rightr a.back{
	background: transparent url(../images/arrow_red.gif) no-repeat left 60%;
	cursor: pointer;
	color: #CC092F;
	float: right;
	font-size: 12px;
	padding: 0 0 0 8px;
	text-decoration: none;
}
.rightr a.back:hover{
	text-decoration: underline;
}
body.dealer{
	padding: 0 0 10px 0;
}
body.dealer p{
	font: bold 12px/180% Arial, verdana, sans-serif;
	margin: 6px 0;
}
body.dealer p.name{
	font-size: 14px;
	text-transform: uppercase;
}
body.dealer img{
	border: none;
	margin: 3px 0;
}
body.dealer a{
	color: #333;
}
body.dealer a:hover{
	color: #CC092F;
}
body.dealer a.view{
	background: transparent url(../images/buttons.gif) 0 -50px;
	display: block;
	height: 25px;
	width:162px;
}
body.dealer a.view:hover{
	background: transparent url(../images/buttons.gif) 0 -75px;
	display: block;
	height: 25px;
	width:162px;
}
body.dealer a.online{
	background: transparent url(../images/buttons.gif) 0 0;
	display: block;
	height: 25px;
	width:162px;
}
body.dealer a.online:hover{
	background: transparent url(../images/buttons.gif) 0 -25px;
	display: block;
	height: 25px;
	width:162px;
}