@font-face {
	font-family: 'FunctionProMediumBold';
	src: url('../webfonts/FunctionPro-Demi-webfont.eot');
	src: local('☺'), url('../webfonts/FunctionPro-Demi-webfont.woff') format('woff'), url('../webfonts/FunctionPro-Demi-webfont.ttf') format('truetype'), url('../webfonts/FunctionPro-Demi-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* == -------------------------GENERAL DEFAULTS ------------------------- == */
body {padding:0px; margin:0px; font:12px arial, sans-serif; background:url(../images/bgg_page2.jpg) repeat-x #333333 top center;}
img {border:0px;}
form {margin:0px;}
.right {float:right;}
.left {float:left;}
.clearall, .clearfloats {clear:both;}
.clf{clear:left;}
.crf{clear:right;}
a {outline:none; text-decoration:none;}
a:link, a:visited {color:#666; text-decoration:none;}
a:hover, a:active {color:#000; text-decoration:underline;}


#langswitch {height:30px; overflow:hidden; position:absolute; top:-257px; right:0px;}
#langswitch img {display:block;}
#langswitch a{text-decoration:none; outline:none; padding:0px; display:block; float:right; margin:10px 2px;}
#langswitch a:link, #langswitch a:visited {border:1px solid #999;}
#langswitch a:hover, #langswitch a:active {border:1px solid #555;}

#langswitch a.current:link, #langswitch a.current:visited,#langswitch a.current:hover, #langswitch a.current:active {border:1px solid #000;}

/* == -------------------------MAIN INTERFACE CONTAINER------------------------- == */
#maincontainer {width:966px; margin:0px auto; padding:0px; color:#333; position:relative; margin-top:15px;}
#maintop {height:7px; overflow:hidden; background:url(../images/main_top.png) no-repeat; }
#main {background:url(../images/bg_mainm.png) repeat-y; padding:0px; }
#mainbottom {height:10px; overflow:hidden; background:url(../images/main_bottom.png) no-repeat;}

#headerphoto {margin:0px 8px; height:204px; overflow:hidden; position:relative;}
#headerphoto img {display:block;}

/* == -------------------------- TOPLINKS NAVIGATION+NEWSLETTER SIGNUP ------------------------- == */
#toplinks {position:relative; margin:0px 8px; padding: 0px; height:26px; background:url(../images/toplinkss.gif) repeat-x #CCC; }
#toplinks ul {position:absolute; top:1px; left: 0px; margin:0px; padding:0px; height: 26px; overflow:hidden; list-style:none;}
#toplinks li {float:left; margin:0px; padding:0px; font-size:14px; color:#444; padding-top:3px;}
#toplinks a {display:block; float:left; font:12px 'FunctionProMediumBold',Arial,sans-serif; padding:1px 7px; margin:0px;}
#toplinks a:link, #toplinks a:visited {color: #444; text-decoration: none; }
#toplinks a:hover, #toplinks a:active {color: #000; text-decoration: none; }



#newsletter {position:absolute; top:4px; right:3px; z-index:500;}
#newsletter a {display:block; height:18px; overflow:hidden; padding:0px; margin:0px;}
#newsletter a:link, #newsletter a:visited {background-position:0px 0px;}
#newsletter a:hover, #newsletter a:active {background-position:0px -30px;}

#nl_signup {position:absolute; top:0px; right:0px; width:400px; height:204px;}
#close_signup {position:absolute; top:10px; left:160px;}
#close_signup a {display:block; width:21px; height:21px; overflow:hidden; background-image:url(../images/nl_close.gif); background-repeat:none;}
#close_signup a:link, #close_signup a:visited {background-position:0px 0px;}
#close_signup a:hover, #close_signup a:active {background-position:0px -40px;}


#nl_signup #edgel {position:absolute; top:0px; right:190px;}
#nl_signup #edger {position:absolute; top:0px; right:0px;}
#nl_signup iframe {position:absolute; top:0px; right:20px; width:175px; height:204px; background-color:#FFF; color:#333;}

body.nl_signup {background-color:#FFF; background-image:none; margin:5px; padding:0px; font:11px arial, sans-serif; text-align:right;}
body.nl_signup input {font:11px arial, sans-serif;}
body.nl_signup .locations {font-size:16px; font-weight:bold; letter-spacing:2px;}
body.nl_signup .locations a {display:block; margin:15px 0px;}
.nl_signup .thankyou {color:#666; font-size:14px; font-weight:bold;}
.required {color: red;}

/* == -------------------------- MAIN TABBED NAVIGATION+SUBNAV / DEALER LOCATOR / LANGUAGE SELECTOR ------------------------- == */
#mainnav {position:relative;  margin:0px 8px; height:57px; background:url(../images/bg_mainnav.png) repeat-x #333333;  }
#navtabs {}
#navtabs ul {position:absolute; top:0px; left:0px; margin:0px; padding: 0px; height:41px; overflow:hidden; list-style:none; z-index:5000;}
#navtabs ul li {display:block; float:left; margin:0px; padding:0px; height:33px; overflow:hidden; }
#navtabs ul li a {display:block; overflow:hidden; height:33px; padding-top:100px; text-decoration:none; background-repeat:no-repeat;}

#langselect {position:absolute; top:2px; right:8px;}
#langselect a {display:block; height:30px; background-repeat:no-repeat;}
#langselect a:link, #langselect a:visited {background-position:right 10px;}
#langselect a:active, #langselect a:hover {background-position:right -10px;}

/* == -------------------------SUBNAVS------------------------- == */
#subnav {z-index:600;  position:absolute; top:270px; left:5px; padding:0px; width:970px; font:11px arial;}
#subnav ul {z-index:650; list-style:none; line-height:1; padding:0; margin:0 0 1em 0;}/*float:left;*/
#subnav a {display:block; padding:5px 0px 5px 0px; text-decoration: none; text-align:center; }
#subnav a.primary, #subnav a:link.primary, #subnav a:visited.primary {display:block; width:auto; padding:5px 0px 5px 7px; text-decoration:none; text-align:center; font:bold 11px arial; color:#444;}
#subnav a.primary:hover, #subnav a.primary:hover active {text-decoration:none; text-align:center; color:#000; background-color:none;}
#subnav li {float:left; padding:0; width:auto; margin-left:1px;}
#subnav li ul { -moz-opacity: .95; opacity: .95; opacity: .95; filter: alpha(opacity=95); position:absolute; left:-999em; height: auto; width:150px; background-color:#EEE; margin:0; border:1px solid #CCC;}
#subnav li ul.last {margin-left:-27px;}
#subnav li li {width:150px; margin-left:0px;}
#subnav li ul a {width:150px; w\idth:145px;  text-align:left; padding:5px;}
#subnav li ul ul {margin: -1.5em 0 0 150px;}
#subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav li.sfhover ul ul, #subnav li.sfhover ul ul ul {left: -999em;}
#subnav li:hover ul, #subnav li li:hover ul, #subnav li li li:hover ul, #subnav li.sfhover ul, #subnav li li.sfhover ul, #subnav li li li.sfhover ul {left:auto;}
#subnav ul li ul li:hover, #subnav ul li ul li.sfhover {background: #ccc; color:#000;}
.navdiv {display:inline; color:#000; padding:0px 0px 0px 7px;}

#subnav  ul.teamnav {margin-left:250px;}
#subnav  ul.dealernav  {margin-left:250px;}
#subnav  ul.clothesnav {margin-left:50px;}
#subnav  ul.bpnav  {margin-left:350px;}
#subnav  ul.cognav  {margin-left:60px; margin-top:-6px}
#subnav  ul.bikesubnav  {}


/* == -------------------------BIKE MAIN ------------------------- == */
#bikemain {position:relative; height:430px; width:950px; left:8px; z-index:200}

/* == -------------------------BIKE HEADERS ------------------------- == */
#bikeheader {position:relative; margin:0px 8px; padding:0px; height:57px; overflow:hidden;}
#bikeheader div{margin:10px;}
.bh1 {background:url(../images/bikes/bg_bh1.jpg) no-repeat; }

/* == -------------------------BIKE PRICES ------------------------- == */
#pricecontainer {position:absolute; top:5px; right:-10px; width:100px; height:49px; overflow:hidden;}
#price {position:absolute; top:0px; left:2px; font-weight:bold; width:100px; text-align:center;}

/* == -------------------------BIKE PHOTO AREA/DETAILS POPUPS ------------------------- == */
#bnt {position:absolute; top:0px; left:0px;}
#bns {position:absolute; top:47px; left:0px;}
#bnt2 {position:absolute; top:0px; left:0px; z-index:1210;}
#bns2 {position:absolute; top:47px; left:0px; z-index:1210;}
#bikephoto {position:absolute; width:700px; height:430px; overflow:hidden; background-color:#fff;}

#bikephotodetails  {position:absolute; z-index:200;}

a#magnify {position:absolute; left:620px; top:20px; background:url(../images/magnify.jpg) no-repeat; width:64px; height:49px; overflow:hidden; display:block; z-index:1500;}
a#magnify:hover {background-position:0px -80px;}

a#detailslinkall {position:absolute; top:30px; left:20px; display:block; height:40px; z-index:205; z-index:500;}
a#detailslinkall:hover{background-position:0px -60px;}
.detailspop {visibility:hidden; position:absolute;  z-index:210; -moz-opacity:.95  ; opacity:.95;}
.detailspop img {display:block;}
.detailspop div {padding:10px 15px; background-color:#000; color:#fff; overflow:hidden;}
#detailspopall {top:10px; left:150px; width:450px; overflow:hidden;}
#detailspopall ul {margin:0px; list-style:none; padding:0px;}
#detailspopall li {background:url(../images/bikes/detailsbullet.gif) no-repeat 0px 8px; padding:5px 5px 5px 10px; border-bottom:1px dotted #666;}

/* == -------------------------BIKES SIDE THUMBS NAV ------------------------- == */
#bikethumbs {position:absolute; width:250px; height:430px; right:0px;}
#bikethumbs div {margin:15px auto 0px auto; overflow:auto; height:415px; width:230px; text-align:center;  font:10px arial; }
#bikethumbs a {text-decoration:none; text-align:center; display:block; float:left; margin:0px 2px 3px 0px; width:100px;}
#bikethumbs a img {display:block;}
#bikethumbs a:link, #bikethumbs a:visited {border:1px solid #FFF;}
#bikethumbs a:hover, #bikethumbs a:active {border:1px dotted #AAA;}
.bt1 {background:url(../images/bikes/bg_bt1.jpg) no-repeat; }


/* == -------------------------BIKE INFO TABS ------------------------- == */
#tabscontainer {height:75px; margin:0px 0px 0px 8px; background-repeat:no-repeat; position:relative; z-index:90;}
.it1 {background-image:url(../images/bikes/bg_it1.gif);}

#tabs {height:75px; position:absolute; top:21px; left:10px; z-index:100;}
 a.tab {text-decoration:none; float:left; display:block; background-repeat:no-repeat; background-position:0px 0px; overflow:hidden; height:25px;}

#bikeinfo {margin:0px 0px 0px 8px; display:block;}
.bi1 {background:url(../images/bikes/bg_bi1.gif) repeat-y;}
.panel {position:relative;  width:710px; margin-left:0px; float:left; z-index:95;}
.panel div {margin:0px 25px; }

/* == ---------------------OVERVIEW ---------------------- == */
#panel1 p {color:#999; font-size:22px; font-weight:bold; line-height:26px; text-align:justify; padding:0px 10px 10px 10px; margin-top:0px;}

/* == ---------------------SPECS ---------------------- == */
#specstable {width:100%;}
#specstable td {font-size:12px; font-weight:bold; padding:3px 15px;}
#specstable td.label {color:#555;  width:25%;}
#specstable td.data {color:#777;  width:75%;}
.altercolor td{background-color:#F4F4F4; }
#geotable {border-collapse:collapse; width:100%; border:1px solid #eee; margin-top:25px;}
#geotable td, #geotable th {text-align:center; border:1px solid #eee; }
#geotable th {background-color:#999; color:#fff;}
/* == ---------------------TECH---------------------- == */
#panel3 h1{font-size:16px; border-bottom:1px dotted #DDD; color:#555; margin-top:25px;}
#panel3 h2{font-size:14px;}
#panel3 h3{font-size:12px;}
#panel3 li {margin-bottom:5px;}
/* == ---------------------RELATED---------------------- == */
#panel4 {}

/* == ---------------------NEWS---------------------- == */
#panel5 {}
#panel5 h1{font-size:22px; border-bottom:1px dotted #DDD; color:#555; margin:10px 0px 0px 0px;}
p.newsintro {color:#999; font-size:22px; font-weight:bold; line-height:26px; text-align:justify; padding:0px 10px 10px 10px; margin-top:0px;}
.panel div.bike_reviews {padding:0px; margin:0px 25px; }
.bike_reviews p  {padding:10px 0px; border-bottom:1px dotted #DDD; margin:0px; width:100%;}
.bike_reviews a {margin:0px; padding-right: 25px;  font-size:16px; display:block; margin-bottom:5px;}
.bike_reviews a:link,  .bike_reviews a:visited{color:#777; text-decoration:none;}
.bike_reviews a:hover,  .bike_reviews a:active{color:#333; text-decoration:underline;}
.bike_reviews a.web {background: url(../images/bikes/weblink.gif) no-repeat right center;}
a.pdf {background: url(../images/bikes/pdflink.gif) no-repeat left center; padding-left:20px; } /*non-news pdf link*/
.bike_reviews a.pdf {background: url(../images/bikes/pdflink.gif) no-repeat right center; padding-left:0px; }
.bike_reviews a.doc {background: url(../images/bikes/doclink.gif) no-repeat right center;}



/* == ---------------------IN USE---------------------- == */
#panel6 {}
#panel6 iframe {height: 825px; width: 650px; margin:0px 0px 0px 30px;}
/* == ---------------------GLOSSARY---------------------- == */
#panel7 a {display:block; width:100%; font-size:20px; font-weight:bold;}


#panel7 .plus a {text-indent:5px; background:url(../images/plus.gif) no-repeat 98% 50%; border-bottom:1px dotted #DDD; }
#panel7 .plus a:link, #panel7 .plus a:visited {color:#666; text-decoration:none; background-color:#FFF;} 
#panel7 .plus a:hover, #panel7 .plus a:active {color:#000; text-decoration:none; background-color:#EFEFEF;} 

#panel7 .minus a {text-indent:5px; background:url(../images/minus.gif) no-repeat 98% 50%; border-bottom:1px dotted #EFEFEF; }
#panel7 .minus a:link, #panel7 .minus a:visited {color:#666; text-decoration:none; background-color:#FFF;} 
#panel7 .minus a:hover, #panel7 .minus a:active {color:#000; text-decoration:none; background-color:#EFEFEF;}

#panel7 h3  {color:#555; margin-bottom:2px;}

.letter {border-bottom:1px dotted #DDD; padding:0px 10px 15px 10px;}

/* == -------------------------ALL BIKES NAV ------------------------- == */
#bikesnav_container {float:left; background:url(../images/cb_bg.jpg) repeat-x #F0F0F0; width:214px; font:12px arial,sans-serif; color:#000;}
#bikesnav_container_top {height:7px; overflow:hidden; margin:0px; background:url(../images/cb_top.jpg) no-repeat;}
#bikesnav_container_mid {border:solid #D6D6D6; border-width:0px 1px; padding:0px; margin:0px;}
#bikesnav_container_mid .bntitle {display:block; margin:0px auto;}
#bikesnav_container_bottom {height:7px; overflow:hidden; margin:0px; background:url(../images/cb_bottom.jpg) no-repeat;}
#bikes_sidenav {width:auto; height:300px; overflow:auto; text-align:left; padding:0px; margin:0px;}
#bikes_sidenav .bnsep {clear:left; height:6px;}
#bikes_sidenav h1 {color:#666; font:Bold 12px arial; padding:5px 0px 0px 5px; margin:1px 5px 0px 5px; border-top:1px dotted #D6D6D6;}
#bikes_sidenav  h1.first{border-width:0px; margin:0px 5px 0px 5px; }
#bikes_sidenav a {font-size:10px; white-space:nowrap; display:block; float:left; width:auto; padding:5px 10px 3px 10px; background:url(../images/bikesidelink.gif) no-repeat;}
#bikes_sidenav  a:link, #bikes_sidenav  a:visited {color:#666; text-decoration:none; background-position:100% 7px ;}
#bikes_sidenav  a:hover, #bikes_sidenav  a:active {color:#000; text-decoration:none; background-position:100% -13px ;}

/* == -------------------------FOOTER ------------------------- == */
#footer {position:relative; display:block; font-size:11px; margin:0px 8px; text-align:center; color:#A1A1A1; height:85px;}
#footer a {margin:0px 3px;}
#footer a:link, #footer a:visited {text-decoration:none; color:#A1A1A1;} 
#footer a:hover, #footer a:active {text-decoration:none; color:#444;} 
#footernav1 {color:#333; margin:0px auto 3px auto; width:650px; padding-top:10px; font-size:12px;  font-weight:bold; text-align:center;}
#footernav1 a:link,  #footernav1 a:visited {color:#333;}
#footernav1 a:hover,  #footernav1 a:active {color:#000; }
#footernav2 {color:#A1A1A1; margin:0px auto 10px auto; text-align:center; width:100%;}
#footernav2 ul{margin:0px; padding:0px; overflow:hidden; list-style:none;}
#footernav2 ul li {display:inline; font-size:10px;}
#footernav3 { font-size:12px;  font-weight:bold; text-align:center; color:#444;}
#footernav3 a:link,  #footernav3 a:visited {color:#444;}
#footernav3 a:hover,  #footernav3 a:active {color:#000; }
/*#footernav3 {color:#333; margin:3px auto 0px auto; width:535px; height:20px; overflow:hidden;}
#footernav3 a {display:block; float:left; margin:0px; height:20px; overflow:hidden; padding-top:50px; font-size:4px; background:url(../images/footernav.gif) no-repeat;}
#footernav3 a:link,  #footernav3 a:visited {color:#444;}
#footernav3 a:hover,  #footernav3 a:active {color:#000;}*/

a#fn1{width:125px;}
a#fn1:link, a#fn1:visited {background-position:0px 0px;}
a#fn1:hover, a#fn1:active {background-position:0px -30px;}
a#fn2{width:126px;}
a#fn2:link, a#fn2:visited {background-position:-125px 0px;}
a#fn2:hover, a#fn2:active {background-position:-125px -30px;}
a#fn3{width:132px;}
a#fn3:link, a#fn3:visited {background-position:-251px 0px;}
a#fn3:hover, a#fn3:active {background-position:-251px -30px;}
a#fn4{width:152px;}
a#fn4:link, a#fn4:visited {background-position:-383px 0px;}
a#fn4:hover, a#fn4:active {background-position:-383px -30px;}

#flickr {position:absolute; top:24px; left:15px;}
#twitter {position:absolute; top:24px; right:15px;}
#blipl {position:absolute; left:5px; top:-5px;}
#blipr {position:absolute; right:4px; top:-3px;}

/* == -------------------------PLATFORM BGS ------------------------- == */
.bhcyclocross {background:url(../images/bikes/platformbgs/bg_bhcyclocross.jpg) no-repeat; }
.bhallmountain {background:url(../images/bikes/platformbgs/bg_bhallmountain.jpg) no-repeat; }
.bhkids{background:url(../images/bikes/platformbgs/bg_bhkids.jpg) no-repeat; }
.bhasphalt{background:url(../images/bikes/platformbgs/bg_bhasphalt.jpg) no-repeat; }
.bhwoman{background:url(../images/bikes/platformbgs/bg_bhwoman.jpg) no-repeat; }
.bhtrail{background:url(../images/bikes/platformbgs/bg_bhtrail.jpg) no-repeat; }
.bhxcrace{background:url(../images/bikes/platformbgs/bg_bhxcrace.jpg) no-repeat; }
.bhfreeride{background:url(../images/bikes/platformbgs/bg_bhfreeride.jpg) no-repeat; }
.bhdj{background:url(../images/bikes/platformbgs/bg_bhdj.jpg) no-repeat; }
.bhdhrace{background:url(../images/bikes/platformbgs/bg_bhdhrace.jpg) no-repeat; }
.bhroad{background:url(../images/bikes/platformbgs/bg_bhroad.jpg) no-repeat; }
.bhframeshop{background:url(../images/bikes/platformbgs/bg_bhframeshop.jpg) no-repeat; }
.bh29er{background:url(../images/bikes/platformbgs/bg_bh29er.jpg) no-repeat; }

.btcyclocross {background:url(../images/bikes/platformbgs/bg_btcyclocross.jpg) no-repeat; }
.btallmountain {background:url(../images/bikes/platformbgs/bg_btallmountain.jpg) no-repeat; }
.btkids{background:url(../images/bikes/platformbgs/bg_btkids.jpg) no-repeat; }
.btasphalt{background:url(../images/bikes/platformbgs/bg_btasphalt.jpg) no-repeat; }
.btwoman{background:url(../images/bikes/platformbgs/bg_btwoman.jpg) no-repeat; }
.bttrail{background:url(../images/bikes/platformbgs/bg_bttrail.jpg) no-repeat; }
.btxcrace{background:url(../images/bikes/platformbgs/bg_btxcrace.jpg) no-repeat; }
.btfreeride{background:url(../images/bikes/platformbgs/bg_btfreeride.jpg) no-repeat; }
.btdj{background:url(../images/bikes/platformbgs/bg_btdj.jpg) no-repeat; }
.btdhrace{background:url(../images/bikes/platformbgs/bg_btdhrace.jpg) no-repeat; }
.btroad{background:url(../images/bikes/platformbgs/bg_btroad.jpg) no-repeat; }
.bt29er{background:url(../images/bikes/platformbgs/bg_bt29er.jpg) no-repeat; }
.btframeshop{background:url(../images/bikes/platformbgs/bg_btframeshop.jpg) no-repeat; }

.itcyclocross{background:url(../images/bikes/platformbgs/bg_itcyclocross.gif) no-repeat;}
.itallmountain{background:url(../images/bikes/platformbgs/bg_itallmountain.gif) no-repeat;}
.itkids{background:url(../images/bikes/platformbgs/bg_itkids.gif) no-repeat;}
.itasphalt{background:url(../images/bikes/platformbgs/bg_itasphalt.gif) no-repeat;}
.itwoman{background:url(../images/bikes/platformbgs/bg_itwoman.gif) no-repeat;}
.ittrail{background:url(../images/bikes/platformbgs/bg_ittrail.gif) no-repeat;}
.itxcrace{background:url(../images/bikes/platformbgs/bg_itxcrace.gif) no-repeat;}
.itfreeride{background:url(../images/bikes/platformbgs/bg_itfreeride.gif) no-repeat;}
.itdj{background:url(../images/bikes/platformbgs/bg_itdj.gif) no-repeat;}
.itdhrace{background:url(../images/bikes/platformbgs/bg_itdhrace.gif) no-repeat;}
.itroad{background:url(../images/bikes/platformbgs/bg_itroad.gif) no-repeat;}
.it29er{background:url(../images/bikes/platformbgs/bg_it29er.gif) no-repeat;}
.itframeshop{background:url(../images/bikes/platformbgs/bg_itframeshop.gif) no-repeat;}

.bicyclocross{background:url(../images/bikes/platformbgs/bg_bicyclocross.gif) repeat-y;}
.biallmountain{background:url(../images/bikes/platformbgs/bg_biallmountain.gif) repeat-y;}
.bikids{background:url(../images/bikes/platformbgs/bg_bikids.gif) repeat-y;}
.biasphalt{background:url(../images/bikes/platformbgs/bg_biasphalt.gif) repeat-y;}
.biwoman{background:url(../images/bikes/platformbgs/bg_biwoman.gif) repeat-y;}
.bitrail{background:url(../images/bikes/platformbgs/bg_bitrail.gif) repeat-y;}
.bixcrace{background:url(../images/bikes/platformbgs/bg_bixcrace.gif) repeat-y;}
.bifreeride{background:url(../images/bikes/platformbgs/bg_bifreeride.gif) repeat-y;}
.bidj{background:url(../images/bikes/platformbgs/bg_bidj.gif) repeat-y;}
.bidhrace{background:url(../images/bikes/platformbgs/bg_bidhrace.gif) repeat-y;}
.biroad{background:url(../images/bikes/platformbgs/bg_biroad.gif) repeat-y;}
.bi29er{background:url(../images/bikes/platformbgs/bg_bi29er.gif) repeat-y;}
.biframeshop{background:url(../images/bikes/platformbgs/bg_biframeshop.gif) repeat-y;}

.ftcyclocross{background:url(../images/bikes/platformbgs/bg_ftcyclocross.gif) no-repeat;}
.ftallmountain{background:url(../images/bikes/platformbgs/bg_ftallmountain.gif) no-repeat;}
.ftkids{background:url(../images/bikes/platformbgs/bg_ftkids.gif) no-repeat;}
.ftasphalt{background:url(../images/bikes/platformbgs/bg_ftasphalt.gif) no-repeat;}
.ftwoman{background:url(../images/bikes/platformbgs/bg_ftwoman.gif) no-repeat;}
.fttrail{background:url(../images/bikes/platformbgs/bg_fttrail.gif) no-repeat;}
.ftxcrace{background:url(../images/bikes/platformbgs/bg_ftxcrace.gif) no-repeat;}
.ftfreeride{background:url(../images/bikes/platformbgs/bg_ftfreeride.gif) no-repeat;}
.ftdj{background:url(../images/bikes/platformbgs/bg_ftdj.gif) no-repeat;}
.ftdhrace{background:url(../images/bikes/platformbgs/bg_ftdhrace.gif) no-repeat;}
.ftroad{background:url(../images/bikes/platformbgs/bg_ftroad.gif) no-repeat;}
.ft29er{background:url(../images/bikes/platformbgs/bg_ft29er.gif) no-repeat;}
.ftframeshop{background:url(../images/bikes/platformbgs/bg_ftframeshop.gif) no-repeat;}


/* ++++++++++++++++++++++++++++BIKE OVERVIEWS PAGE ++++++++++++++++++++++++++++ == */
table.platformoverview {width:950px; border-bottom:1px dotted #DDD;}
 .platformoverview {margin:0px 5px 0px 8px; border:0px;}
 .platformoverview td {border:0px; padding:0px; color:#000;}
 .platformoverview td img {display:block;}
 .platformoverview td.intro div {margin:5px 20px 10px 20px;}
 .platformoverview .intro {width:400px; padding:0px; vertical-align:top;}
 
#main_trail {background-color:#4BBD5B;}
#main_xcrace {background-color:#8BD938;}
#main_allmountain {background-color:#BE6E59;}
#main_kids {background-color:#19D6FF;}
#main_freeride {background-color:#349BE3;}
#main_dj {background-color:#E7AE32;}
#main_dhrace {background-color:#8C8C8C;}
#main_cyclocross {background-color:#F69A23;}
#main_road {background-color:#FE3A19;}
#main_asphalt {background-color:#1D1D1D; color:#FFF;}
#main_woman {background-color:#A60BFE; color:#FFF;}
#main_29er {background-color:#E94E46;}
#main_frameshop {background-color:#270BFE; color:#FFF;}

/* == -----------------------BIKES OVERVIEW THUMBS ---------------------- == */
.thumbs a {text-decoration:none; text-align:center; display:block; float:left; margin:0px 2px 3px 0px; width:100px; font-size:10px;}
.thumbs a img {display:block;}
.thumbs a:link, .thumbs a:visited {border:1px solid #FFF;}
.thumbs a:hover, .thumbs  a:active {border:1px dotted #AAA;}

/* ++++++++++++++++++++++++++++BIKE PLATFORM OVERVIEW PAGES ++++++++++++++++++++++++++++ == */
#platformtop {width:950; position:absolute; top:0px; left:10px; z-index:1200;}
#white {position:absolute; top:10px; left:0px; width:10px; height:420px; background-color:#FFF; z-index:400;}
#platformbg {padding-top:30px; position:absolute; width:250px; height:430px; right:0px;}
#platformintro {width:450px; padding:0px 20px; height:450px; }
#platformintro p {margin:10px 25px 10px 10px; font-weight:bold; color:#777; font-size:15px;}
#platforminfo {margin:0px 0px 0px 8px; display:block;}
#platformvid iframe {height: 475px; width: 650px; margin:0px 0px 0px 30px;}

#platforminfo #bikethumbs {right:20px;}
#platformintro #frameshopintro p {font-weight:bold; font-size:12px;}

/* == -------------------------BIKES FRAMESHOP THUMBSNAV ------------------------- == */
#framesthumbs {position:relative; margin: 0px 40px;}
#framesthumbs div {margin:0px auto; text-align:left;  font:10px arial; }
#framesthumbs a {text-decoration:none; text-align:center; display:block; float:left; margin:0px 2px 3px 0px; width:100px;}
#framesthumbs a img {display:block;}
#framesthumbs a:link, #framesthumbs a:visited {border:1px solid #FFF;}
#framesthumbs a:hover, #framesthumbs a:active {border:1px dotted #AAA;}

.bt1 {background:url(../images/bikes/bg_bt1.jpg) no-repeat; }
/* == -------------------------09 BIKES PAGES ------------------------- == */
#bike09  {margin:0px 20px;}


/* == -------------------------DEALER LOCATOR ------------------------- == */
iframe#dealerloc {height: 800px; width: 800px; margin:30px;}

/* == -------------------------DISTRIBUTORS ------------------------- == */
ul#testcentresnav {height:30px; overflow:hidden; margin:10px 0px 0px -12px; padding:0px;}
ul#testcentresnav li {list-style:none; display:inline; }
ul#testcentresnav li a {float:left; display:block; height:30px; overflow:hidden; padding-top:70px; font-size:1px;}
ul#testcentresnav li a:link, ul#testcentresnav li a:visited,  ul#clothessub li a:link, ul#clothessub li a:visited {background-position:0px 0px;} 
ul#testcentresnav li a:hover, ul#testcentresnav li a:active,ul#clothessub li a:hover, ul#clothessub li a:active  {background-position:0px -30px;} 
a#tcnav_us{width:66px; background-image:url(../en/images/dealers/tcnav_us.gif);}
a#tcnav_ca{width:108px; background-image:url(../en/images/dealers/tcnav_ca.gif);}
a#tcnav_uk{width:52px; background-image:url(../en/images/dealers/tcnav_uk.gif);}
a#tcnav_eu{width:97px; background-image:url(../en/images/dealers/tcnav_eu.gif);}
#testcentresnav li a.current:link, ul#testcentresnav li a.current:visited,ul#testcentresnav li a.current:hover, ul#testcentresnav li a.current:active {background-position:0px -60px;} 
.state {font-size:14; font-weight:bold; color:#999; padding:10px 0px 0px 0px;}
.country {font-size:14; font-weight:bold; color:#999; padding:10px 0px 0px 0px; position:relative; height:30px;}
.countryname {margin:5px 0px 0px 30px;}
.countrydata {display:none; width:100%;}
table.testcentres_data {width:100%; border-collapse:collapse;}
table.testcentres_data td, table.testcentres_data th{padding:4px 8px; font-size:11px; border-bottom:1px solid #EFEFEE; vertical-align:top; }
table.testcentres_data tr.zd td {background-color:#EFEFEE; border-right:1px solid #fff;}
.countrydata  table.testcentres_data {width:420px; border-collapse:collapse; border:1px solid #ccc; margin:0px 10px 10px 0px; float:left;}
.countrydata table.testcentres_data td {padding:3px; font-size:11px; border-bottom:0px solid #DDD; vertical-align:top;}
.countrydata table.testcentres_data td.label {width:100px; text-align:right;  font-weight:bold; color:#555;}
.countrydata table.testcentres_data td.testbikes {height:40px;}
.countrydata  table.testcentres_data a:link, .countrydata  table.testcentres_data a:visited {color:#000;}
.countrydata  table.testcentres_data a:hover, .countrydata  table.testcentres_data a:active {color:#CC0000;}
.countrydata table.testcentres_data td.shoplogo {height:120px; vertical-align:middle; font:Bold 15px arial; color:#999;}
a.maplink {color:#000; margin-left:3px; float:right;}
a.maplinkeu {margin-right:10px;}
img.flag{float:left; margin-right:10px;}
.cswitch {position:absolute; top:7px; right:0px; }
.cswitch a {display:block; width:870px; height:30px; overflow:hidden; background:url(../images/cswitch.gif) no-repeat; text-decoration:none;}
a.copen:link, a.copen:visited {background-position:845px 0px; color:#999;}
a.copen:hover, a.copen:active {background-position:845px -60px; color:#333;}
a.cclose:link, a.cclose:visited {background-position:845px -120px; color:#999;}
a.cclose:hover, a.cclose:active {background-position:845px -180px; color:#333;}

/* == -------------------------CONTENT GENERAL ------------------------- == */
#contentmain  {margin:40px;}
#contentmain h2 {color:#666; font-size:32px; font-weight:900; margin-bottom:5px;}
/* == -------------------------MISC PAGE SPECFIC ------------------------- == */
iframe#warranty {height: 900px; width: 900px; margin:30px;}
h1.pagetitle {color:#7B797B; font-size:45px; font-weight:900; margin-bottom:15px;}
.dots {height:3px; border-bottom:1px dotted #AAA; margin-bottom:3px;}

/* == -------------------------COMPONENTS------------------------- == */
/*
FROM KONART
td img {display: block;}
.container {width:950px; margin:0px auto;}
*/
#components  {}
#components h2 {font-size:16px; color:#666;}

#components  table.grid {width:880px; border-collapse:collapse;}
#components  table.grid td {text-align:center; padding:0px 0px 10px 0px; border:1px solid #CCC; vertical-align:top; font:12px Arial; color:#666;}
#components  table.grid td img {display:block; margin:0px auto;}
#components  .magfix {position:relative; margin:1px; height:310px; padding-top:20px;}
#components  .desc {width:auto; margin-right:15px; font-size:10px; text-align:left; position:absolute; top:220px;  left:0px;}
#components  .desc ul {margin-top:0px;}
#components  .desc strong {font-size:12px; display:block; margin-left:20px;}
#components a.magnify {z-index:20; position:absolute; top:0px; right:0px; display:block; width:23px; height:24px; overflow:hidden; background:url(../images/magnify.gif) no-repeat; text-decoration:none;}
#components a.magnify:link, a.magnify:visited {background-position:0px 0px;}
#components a.magnify:hover, a.magnify:active {background-position: 0px -30px;}
#components  .magfix div.colorswitch {position:absolute; right:4px; top:215px; z-index:50; font-size:1px;}
.colorswitch a {padding:0px; margin:6px 0px; display:block; text-decoration:none; width:14px; height:14px;}
.colorswitch a:link, .colorswitch a:visited {border:1px solid #fff;}
.colorswitch a:hover, .colorswitch a:active {border:1px solid #444;}
.colorswitch a.wc {border:1px solid #ddd;}
.colorswitch a.wc:link, .colorswitch a.wc:visited {border:1px solid #ccc;}
.colorswitch a.wc:hover, .colorswitch a.wc:active {border:1px solid #444;}
.secondcolor {width:8px; height:15px; display:block; overflow:hidden; float:right;}
#components div.download {height:1px; overflow:hidden; visibility:hidden;}

#components tr.pedals  .magfix {height:310px;}
#components tr.pedals  .desc {top:220px;}
#components tr.grips  .magfix {height:280px;}
#components tr.grips  .desc {top:200px;}
#components tr.grips  .magfix div.colorswitch {top:195px;}
#components tr.stems  .magfix {height:250px;}
#components tr.stems  .desc {top:160px;}
#components tr.bars  .magfix {height:230px;}
#components tr.bars  .desc {top:160px;}
#components tr.bars2  .magfix {height:200px;}
#components tr.bars2  .desc {top:120px;}
#components tr.sp  .magfix {height:180px;}
#components tr.sp  .desc {top:120px;}
#components tr.saddle  .magfix {height:220px;}
#components tr.saddle  .desc {top:160px;}
#components tr.forks  .magfix {height:290px;}
#components tr.forks  .desc {top:220px;}
#components tr.chainstay  .magfix {height:200px;}
#components tr.chainstay  .desc {top:120px;}
#components tr.chainstay  .magfix div.colorswitch {top:110px;}

/* == -------------------------CLOTHING OVERVIEW ------------------------- == */
 table.clothingsection {width:950px; border-bottom:1px dotted #333;}
 .clothingsection {margin:0px 5px 0px 8px; border:0px;}
 .clothingsection td {border:0px; padding:0px; color:#000;}
 .clothingsection td img {display:block;}
 .clothingsection td.intro div {margin:5px 20px 10px 20px;}
 .clothingsection .intro {width:400px; padding:0px; vertical-align:top;}
td.clothingblurb {padding:10px 20px;}
.clothingfooter_overview {background-image:none;}

/* == -------------------------CLOTHING PAGES------------------------- == */
#clothingheader {background:url(../images/clothing/bg_clothingheader.jpg) no-repeat;position:relative; height:93px; overflow:hidden; margin:0px 8px; padding:0px; }
#clothingheader div {margin:15px 10px;}
#clothing  {padding:0px 24px; margin:0px 8px; background:url(../images/clothing/bg_clothing.gif) repeat-y;}
.clothingfooter {background:url(../images/clothing/bg_clothingfooter.gif) no-repeat;}
#clothing .intro {color:#999; font-size:22px; font-weight:bold; line-height:26px; text-align:justify; padding:0px 0px 10px 0px; margin-top:0px;}
#clothing  h2 {color:#333; font-size:22px; margin:0px 0px 5px 0px;}
 a.shopnow {float:right; margin:5px 0px 10px 30px; display:block; overflow:hidden; width:137px; height:96px; background:url(../en/images/clothing/shopnow.gif); text-decoration:none;}
 a.shopnow:link, a.shopnow:visited {background-position:0px 0px;} 
 a.shopnow:hover, a.shopnow:active {background-position:0px -110px;} 
 
.clothesthumbs {margin-left:5px;}
.clothesthumbs a {font-size:10px; text-decoration:none; display:block; float:left; margin:7px; position:relative; width:160px;}
.clothesthumbs a img {display:block; margin:0px auto;}
.clothesthumbs a:link, .clothesthumbs a:visited {border:1px solid #EEE; text-decoration:none;}
.clothesthumbs a:hover, .clothesthumbs  a:active {border:1px solid #CCC; text-decoration:none;}
.clothesthumbs .desc {position:absolute; left:5px; width:140px; bottom:3px; text-align:center;}
.clothesthumbs .name {font-size:11px; font-weight:bold;}


.relatedthumbs {margin-left:40px;}
.relatedthumbs a {padding:0px; font-size:10px; text-decoration:none; display:block; float:left; margin:7px; position:relative; width:180px;}
.relatedthumbs a img {display:block; margin:0px auto;}
.relatedthumbs a:link, .relatedthumbs a:visited {border:1px solid #EEE; text-decoration:none;}
.relatedthumbs a:hover, .relatedthumbs  a:active {border:1px solid #CCC; text-decoration:none;}
.relatedthumbs .desc {margin:0px; display:block; position:absolute; left:10px; width:160px; bottom:3px; text-align:center;}
.relatedthumbs .name {font-size:11px; font-weight:bold;}


.clothesthumbs .download {display:none;}


#hats a {height:175px;}
#gloves a {height:235px;}
#socks a {height:240px;}
#beanies a {height:180px;}
#asphalt a {height:330px;}
#casuals a {height:250px;}
#road a {height:300px;}
#riding a {height:350px;}
#womenriding a {height:310px;}
#grassroots a {height:300px;}

/* == -------------------------TEAM PAGES ------------------------- == */

/* == -------------------------BIKEPARK PAGES ------------------------- == */

#bikeparksheader {background:url(../images/clothing/bg_clothingheader.jpg) no-repeat;position:relative; height:93px; overflow:hidden; margin:0px 8px; padding:0px; }
#bikeparksheader div {margin:15px 10px;}
#bikeparks  {padding:0px 24px; margin:0px 8px; background:url(../images/clothing/bg_clothing.gif) repeat-y;}
.bikeparksfooter {background:url(../images/clothing/bg_clothingfooter.gif) no-repeat;}
#bikeparks .intro {color:#999; font-size:22px; font-weight:bold; line-height:26px; text-align:justify; padding:0px 0px 10px 0px; margin-top:0px;}
 
 
.bpark {}
.bpark_main {width:810px; margin:0px auto;}
.bpark_logo {width:260px;}
.bpark_quick {width:550px; padding-bottom:20px;}
.bpark_quick div {border-bottom:1px dotted #CCC; padding:3px 0px;}
.bpark_main h1 {color:#999; font-size:32px;}

.bpinfotable {margin-top:20px;}
.bpinfotable td {padding:10px;}
.bpark_info {}
.bpark_info h3 {font-size:16px; border-bottom:1px dotted #CCC; color:#666; margin-bottom:0px;}
.bpark_right {width:280px; text-align:center; border-left:1px solid #DDD;}
.bpark_links {}

/* == ----------------------BIKEPARK MAINPAGE ---------------------- == */
.bpmainlinks {}
.bpmainlinks div {float:left; display:block; position:relative; width:285px; height:150px; margin:0px 15px 10px 0px;}
.bpmainlinks div.last {margin:0px 0px 10px 0px;}
.bpmainlinks div img {width:285px; height:150px;}
.bpmainlinks div a {position:absolute; top:0px; left:0px; display:block; width:285px; height:150px; text-decoration:none; outline:none; z-index:500;}
.bpmainlinks div a:link, .bpmainlinks div a:visited {border:1px solid #CCC;} 
.bpmainlinks div a:hover, .bpmainlinks div a:active {border:1px solid #FE7D18;} 


/* == -------------------------HOMEPAGE------------------------- == */
#homemain {position:relative;}
#homeflash {position:relative; left:8px;width:670px; height:465px; overflow:hidden;}
#homenews {position:absolute; left:683px; top:0px; width:275px; height:510px;}
#homefeatures {position:relative; left:8px; width:644px; height:202px; overflow:hidden; background: url(../images/homefeaturesbg.jpg) no-repeat;}
#hf1 {position:absolute; top:35px; left:9px;}
#hf2 {position:absolute;  top:35px; right:46px;}

a#Bikes2k9 {position:absolute; left:683px; top:510px;  background-image: url(../en/images/2k9Bikes_tape.jpg); background-repeat:no-repeat; text-decoration:none; width:194px; height:200px; overflow:hidden;}
a#Bikes2k9:link, a#Bikes2k9:visited {background-position:0px 0px;}
a#Bikes2k9:hover, a#Bikes2k9:active {background-position:0px -210px;}

a#BikesDualPromo09 {position:absolute; left:650px; top:505px;  background-image: url(../en/images/2k9DS_sale.gif); background-repeat:no-repeat; text-decoration:none; width:270px; height:210px; overflow:hidden;}
a#BikesDualPromo09:link, a#BikesDualPromo09:visited {background-position:0px 0px;}
a#BikesDualPromo09:hover, a#BikesDualPromo09:active {background-position:0px -220px;}


/* == -------------------------COG HEADER OVERRIDES------------------------- == */
#cogheader #toplinks, #cogheader #mainnav, #cogheader #headerphoto {margin:0px 0px;}



/* == -------------------------KONAWORLD TRAVELS------------------------- == */
#kwtmain  {margin:25px auto 10px auto; width:810px; position:relative;}
.kwt_container {font:14px Arial; text-align:left; margin:25px auto 10px auto; width:810px; position:relative;}
.terms {font-size:11px;}
.reglinks {margin:10px auto; width:300px;}
.reglinks a {display:block; height:50px; width:300px; overflow:hidden; margin:0px; background-repeat:none;}
.reglinks a:link,  .reglinks a:visited{background-position:0px 0px;}
.reglinks a:hover,  .reglinks a:active{background-position:0px -50px;}
.reglinks a#riderreg {background-image: url(../konaworldtravels/images/bongo09_riderregbutton.jpg);}

/* ----ROUNDED BOX CONTAINERS ---*/
.roundbox {margin:0px auto; background:#F2F2F2 url(../konaworldtravels/images/leftside.gif) repeat-y left top; display:block;}
.roundbox-top {width:100%; height:10px; background:url(../konaworldtravels/images/top.gif) no-repeat left top; font-size:1px;}
.roundbox-top span {display:block; height:10px; background:url(../konaworldtravels/images/top-right.gif) no-repeat right top;}
.roundbox-content {background:url(../konaworldtravels/images/rightside.gif) repeat-y right top; padding:5px 15px; margin:0px;}
.roundbox-bottom {width:100%; height:12px; background:url(../konaworldtravels/images/bottom.gif) no-repeat left bottom;}
.roundbox-bottom span {display:block; height:12px; background:url(../konaworldtravels/images/bottom-right.gif) no-repeat right bottom; font-size:1px;}

#kwtnavbox {float:right; margin:0px 0px 5px 10px; width:190px}
#kwtnavbox .dotted {height:1px; margin:10px auto; background: url(../konaworldtravels/images/kwtnav_dotted.gif) repeat-x left top;}
ul#kwtnav{margin:5px; padding-left:0px;}
ul#kwtnav li {padding:0px; margin-left:0px;  list-style:none; font:10px Tahoma, Arial;}
ul#kwtnav li a {display:block; padding:1px 5px;}
ul#kwtnav li a:link,  ul#kwtnav li a:visited  {text-decoration:none; color:#444;}
ul#kwtnav li a:hover,  ul#kwtnav li a:active  {text-decoration:underline; color:#222;}

#kwtnav li a.current:link, ul#kwtnavli a.current:visited,ul#kwtnavli a.current:hover, ul#kwtnavli a.current:active {color:#000;} 


a#kwtback {outline:0px; margin:5px auto; display:block; width:250px; height:75px; overflow:hidden; background: url(../konaworldtravels/images/kwtback.gif) no-repeat;}
a#kwtback:link, a#kwtback:visited {background-position:0px 0px;}
a#kwtback:hover, a#kwtback:active {background-position:0px -80px;}


#umacampquotes .roundbox-content .quotes {height:190px; overflow:auto;}
#umacampquotes .roundbox-content .quotes table {border-collapse:collapse; margin-right:10px;}
#umacampquotes .roundbox-content .quotes table td {border-bottom:1px dotted #CCC; padding:5px 11px 5px 0px;}

table.basicdata {border-collapse:collapse;}
table.basicdata td {border:1px solid #DDD; padding:6px;}

/* ----KONART ---*/
#konart_clothesnav {display:none;}

/* == -------------------------ABOUT KONA------------------------- == */
#aboutkona {font-size:18px; color:#555;}
#aboutkona h1 {background: url(../images/aboutkona_asterisk.gif) no-repeat 0px 0px; padding:5px 0px 5px 70px;}
#aboutkona h2 {margin:5px 0px 5px 50px;}

#aboutkona ul {margin-left:2px; padding-left:0px; list-style: none;}
#aboutkona ul li {display:block; background: url(../images/aboutkona_bullet.gif) no-repeat 0px 2px; padding:0px 0px 20px 30px;}

/* == -------------------------SALE------------------------- == */
#saleheader {background:url(../images/sale/bg_saleheader.jpg) no-repeat;position:relative; height:93px; overflow:hidden; margin:0px 8px; padding:0px; }
#saleheader div {margin:15px 10px;}
#sale  {padding:0px; margin:0px 8px; background:url(../images/sale/bg_sale.gif) repeat-y;}
.salefooter {background:url(../images/sale/bg_salefooter.gif) no-repeat;}
#sale .intro {color:#999; font-size:16px; font-weight:bold; line-height:22px; text-align:justify; padding:0px 30px 10px 30px; margin-top:0px;}
#sale  h1 {color:#333; font-size:22px; margin:0px 0px 5px 0px;}

#salemain td {height:249px; padding:0px;}
#salemain td img {display:block;}
.saleitem {position:relative;}
a#saledealers,a#salespecs {position:absolute; z-index:200; display:block; width:65px; height:20px; overflow:hidden;}
a#saledealers  {top:55px; left:20px; z-index:200; background-image:url(../images/sale/salelink_dealers.gif); background-repeat:no-repeat;}
a#salespecs {top:70px; left:20px; background-image:url(../images/sale/salelink_specs.gif); background-repeat:no-repeat;}
a:link#saledealers,a:visited#saledealers,a:link#salespecs,a:visited#salespecs {background-position:0px 0px;}
a:hover#saledealers,a:active#saledealers,a:hover#salespecs,a:active#salespecs {background-position:-70px 0px;}
.saleprice {position:absolute; top:2px; right:5px; width:136px; height:64px;}