@charset "utf-8";
/* CSS Document */
body { background:url(../specific-images/short-bg.gif) repeat-x top left #000; font-size:0.70em; color:#fff;  }
body.home { background:url(../specific-images/bg.gif) repeat-x top left #000; }
p { display:block; margin:0px 0px 15px 0px;}

h1, h2, h3, h4, h5 { font-weight:bold; line-height:1em; font-family: Arial, Helvetica, sans-serif; }
h1 { float:left; width:100%; color:#f2f2f2; letter-spacing:-1.6px; font-weight:bold; line-height:1em; font-size:3.043em;  font-family: Calibri, Arial, Helvetica, sans-serif;  }
.clear { clear:both; }


.news-main-text a { color:#fff; }
#container { position:relative; width:960px; margin:0px auto; }

#header { float:left; width:940px; padding:10px; }

.logo { float:left; margin:20px 0 00 ; }

.basket { float:right;  width:180px; height:63px; color:#666; padding:40px 0px 0px 40px; line-height:3em;  }
.basket-no { float:left; font-size:3em; padding:2px; color:#666; }
a.getquote { float:right; background:url(../specific-images/getquote-btn.gif); text-indent:-9999em; width:78px; height:16px; margin:20px 0px 0px 0px; }
a.getquote:hover { background-position:bottom; }



#subnav { float:left; background:url(../../images/display-images/subnav-bg.gif); width:467px; height:34px; margin:-330px 0px 0px 4px; }
#subnav ul { list-style:none; margin:0px; padding:0px 0px 0px 130px; }
#subnav ul li { float:left; margin:0px; } 
#subnav ul li a { float:left; color:#fff;  padding:7px 19px; }
#subnav ul li a:hover { background:#FFF; color:#AD140F;  }


#search { float:right; height:26px; padding:12px; border-left:solid 1px #030303; }
.search-input { float:left; background:url(../../images/display-images/search-input-bg.gif); border:none; width:136px; height:16px; padding:4px; margin:0px; color:#cfcfcf; font-size:1em;  }
.search-btn { float:left; margin:5px 0px 0px -20px; }


#fade { position:relative; z-index:-1; }
#homeflash { float:left; width:940px; padding:0px 10px; }

#teasers { float:left; background:url(../../images/display-images/teasers-bg.gif); width:960px; height:193px; }

.header { float:left; padding:0 0 10px 0; width:100%; border-bottom:1px solid #404040; }
.header-strapline { float:left; width:100%; font-size:1em;  text-transform:uppercase; color:#8f9294; }
.header-title { float:left; width:100%; color:#f2f2f2; letter-spacing:-0.9px; font-weight:bold; line-height:1em; font-size:2.459em;  font-family:Calibri, Arial, Helvetica, sans-serif;  }
.header-title { float:left; width:100%; color:#f2f2f2; letter-spacing:-0.9px; font-weight:bold; line-height:1em; font-size:2.459em;  font-family:Calibri, Arial, Helvetica, sans-serif;  }
.rss-header-title { float:left; width:70%; color:#f2f2f2; letter-spacing:-0.9px; font-weight:bold; line-height:1em; font-size:2.459em;  font-family:Calibri, Arial, Helvetica, sans-serif;  }
.rss-header-image { float:left; width:30%; color:#f2f2f2; letter-spacing:-0.9px; font-weight:bold; line-height:1em; font-size:2.459em;  font-family:Calibri, Arial, Helvetica, sans-serif;  }
.search-title { float:left;  padding:0 0 10px 0; width:100%; border-bottom:1px solid #404040; color:#f2f2f2; letter-spacing:-0.9px; font-weight:bold; line-height:1em; font-size:1.659em;  font-family:Calibri, Arial, Helvetica, sans-serif;  }

strikethrough { text-decoration:line-through; }


a.header-link { float:right; margin:-15px 0 0 0;  color:#7c7c7c; text-align:right;  }
a.header-link:hover { color:#fff; }

#quick-search { float:left; width:460px; padding:10px; }
#featured-product { float:left; padding:10px;  width:215px; }
#riders-profile { float:left; padding:10px;  width:215px; }

.formcol1 { float:left; width:225px; }
.formcol2 { float:left; width:225px; margin:0px 0px 0px 10px; }

.quicksearch-form { color:#000; }
.search-submit { float:right; margin:10px 6px 0 0 ; }
.form-title { float:left; width:100%; color:#cccccc; }
.select-field {  width:185px;}

.product { float:left; width:100%; margin:10px 0; }
.product-thumb { float:left; width:87px; border:2px solid #828282;  }
.product-title { text-transform:uppercase;  color:#fff; font-size:1.2em; }
.product-desc { float:right; width:115px; color:#a9abac;  }

.contact-desc { float:left; width:220px; color:#a9abac;  }
.contact-desc a { color:#c8c8c8;  }

.racing-menu { float:left; width:100%; margin:10px 0; }
.racing-menu-title { text-transform:uppercase;  color:#fff; font-size:1.2em; }

.rider { float:left; width:100%; margin:10px 0; }
.rider-thumb { float:left; width:87px;  border:2px solid #828282; }
.rider-desc { float:right; width:115px; color:#a9abac;  }
.rider-title { text-transform:uppercase; color:#fff;  font-size:1.2em; }

a.readmore { color:#c8c8c8;  }

#footer-wrap { float:left; margin:10px 0px 0px 0px;  width:100%; padding:10px 0; background:#000; }
#footer { position:relative; width:960px; margin:0px auto; }


.col4 { float:left; margin:10px; width:220px; }
.colfooter { float:left; margin:10px; width:188px; }
.dualcol4 { float:left; margin:10px; width:460px; }
.tricol4 { float:left; margin:10px; width:700px; }
.racing-menu-col { float:left; margin:10px; width:120px; }
.dualcolracing { float:left; margin:10px; width:560px; }

#newsletter { float:left; background:url(../specific-images/signup-bg.gif); width:200px; height:187px; margin:10px 0; padding:10px;  }
#newsletter .header { border:none; }
#newsletter .header-strapline { color:#fff; }

.newsletter-title {float:left; width:100%; margin:5px 0 0 0;  }
input.newsletter-input { float:left; background:url(../../images/display-images/newsletter-input.gif); border:none; width:189px; height:15px; padding:5px 5px; font-size:1em; color:#666;  }
input.newsletter-checkbox { float:right; }
.newsletter-row { float:left; width:100%; margin:5px 0 0 0; }
.newsletter-submit { float:right; margin:5px 0 0 0 ;}

.competition-text { float:left; margin:10px 0; }

.intro { float:left; padding:10px 0; margin:10px 0; font-size:1.3em; border-top:1px dotted #464646; border-bottom:1px dotted #464646; width:100%; color:#e20705; }
.main-text { font-size:1.1em;  }

/* ------ STU ------ */
.main-text strong { font-weight:bold; }
.main-text a { color:#FFF; text-decoration:underline; }
.staff-image { width:200px; float:left; margin:0px 5px 2px 0px; }
.news-detail-image { width:190px; float:left; margin:0px 5px 2px 0px; }
.news-more-image { width:180px; float:left; margin:0px 10px 10px 0px; }
.bike-detail-image { width:200px; height:170px;  float:right; margin:0px 5px 2px 0px; }
.machine-detail-image { width:200px; float:left; margin:0px 15px 2px 0px; }
.bike-more-image { width:87px; float:left; margin:0px 10px 10px 0px; }
.key-features-title { float:left; width:250px; color:#f2f2f2; letter-spacing:-1.3px; font-weight:bold; line-height:1.1em; font-size:2.3em;  font-family: Arial, Helvetica, sans-serif; margin-bottom:10px; }
/* ------ STU ------ */

/* ------ STU NEWS ------ */
.news-holder { float:left; width:460px; padding:5px 0; border-bottom:1px dotted #464646; margin-bottom:10px; }
.news-main-image { width:180px; float:left; margin:0px 5px 2px 0px; border:2px solid #333; }
.news-main-text { float:right; width: 260px; font-size:0.9em; }
.news-main-title { float:left; width:260px; font-size:1.2em; text-transform:uppercase; margin-bottom:5px; }
/* ------ STU NEWS ------ */

/* ------ STU RIDERS ------ */
.rider-holder { float:left; width:460px; padding:5px 0; border-bottom:1px dotted #464646; margin-bottom:10px; }
.rider-main-image { width:180px; float:left; margin:0px 5px 2px 0px; border:2px solid #333; }
.rider-main-text { float:right; width: 260px; font-size:0.9em; }
.rider-main-title { float:left; width:260px; font-size:1.2em; text-transform:uppercase; margin-bottom:5px; }
/* ------ STU RIDERS ------ */

/* ------ STU BIKE SEARCH RESULTS ------ */
.bike-holder { float:left; width:450px; padding:25px 5px;  }
.bike-holder:hover { background:#1b1b1b; } 
.alt { background-color:#151515;  }
.bike-search-image { width:87px; float:left; border:2px solid #464646;  }
.bike-search-text { float:left; width: 240px;  margin:0px 15px; font-size:0.9em; }
.bike-search-title { float:left; width:100%; font-size:1.2em; text-transform:uppercase; margin-bottom:5px; }
.bike-search-more { float:left; width:80px;  margin-top: 12px; }
.bike-price { float:right; color:#e20705; font-size:1.4em; margin:-12px 0 0 0 ; }

/* ------ STU BIKE SEARCH RESULTS ------ */

.footer-header { font-size:1.2em; }

#footer ul { float:left; list-style:none; }
#footer ul li { float:left; width:100%; }
#footer li a { float:left; width:100%; color:#999; padding:5px 0; }
#footer li a:hover { color:#FFF; }

.footer-end { float:left; padding:5px 0;  width:100%; border-top:1px dotted #929292; }
.red {   color:#e20705; }
.footer-end-right { float:right; text-align:right; }
.footer-end-right a { color:#999; }
.footer-end-right a:hover { color:#fff; }
a.v3follow { color:#fff; }

.news-item { float:left; width:100%; padding:5px 0px; margin:10px 0; }
.news-date { float:left; width:30px; text-align:center; padding:5px; }
.month { float:left; width:100%; font-size:8px; text-transform:uppercase; }
.day { float:left; width:100%; font-size:17px;} 
.year { float:left; width:100%; font-size:8px; }
.news-title { float:right; width:180px; font-size:1.2em; text-transform:uppercase; }
.news-image { float:right; width:180px; margin:3px 0; }
.news-text { float:right; width:180px; }

/*NAVIGATION */
#nav { float:left; background:url(../specific-images/nav-bg.gif); z-index:100; width:960px; height:50px; }

* html #nav {width:776px; w\idth:775px;}

#nav ul {padding:0;margin:0;list-style-type:none;}
#nav ul ul {width:180px;}

#nav li {float:left; position:relative;}
#nav a, #nav a:visited {display:block; text-indent:-9999em; height:50px; font-size:12px; text-decoration:none; color:#000;   }


a.nav-home  {  background:url(../specific-images/home.gif); width:53px; }
a.nav-news  { background:url(../specific-images/news.gif); width:142px; }
a.nav-approved { background:url(../specific-images/approved.gif); width:143px; }
a.nav-about { background:url(../specific-images/about.gif); width:110px; }
a.nav-contact  {  background:url(../specific-images/contact.gif); width:110px; }
a.nav-bikes { background:url(../specific-images/new-bikes.gif); width:118px; }
 a.selected { background-position:bottom; }

#nav ul ul {visibility:hidden;position:absolute;height:0;top:50px;left:0; width:180px; z-index:110;}
* html #nav ul ul {top:50px;t\op:51px;}

#nav table {position:absolute; top:0; left:0; border-collapse:collapse;;}
#nav ul ul a, #nav ul ul a:visited { height:auto; line-height:1em; text-indent:0; background:url(../specific-images/subnav-bg.gif) top right; color:#fff; padding:10px;  width:180px; }

* html #nav ul ul a, * html #nav ul ul a:visited {width:150px;w\idth:128px;}

#nav a:hover, #nav ul ul a:hover { background-position:bottom; }
#nav :hover > a, #nav ul ul :hover > a { background-position:bottom; }

#nav ul li:hover ul,
#nav ul a:hover ul{visibility:visible; }

img.approved-footer-teaser { float:left; margin:-20px 0px 0px -70px; }


a, a:link, a:active, a:visited { text-decoration:none; color:#fff; }
a:hover { color:#e20705; }

.main-text a { color:#e20705;  }
a.bike-addtobasket { float:left; margin:5px 0px 5px 0px; font-size:0.9em; padding:3px 0; color:#fff; text-align:center; background:url(../../images/display-images/bike-addtobasket-bg.gif); width:85px; height:16px;  }
a.bike-moredetails { float:left; font-size:0.9em; padding:3px 0;  color:#fff; text-align:center; background:url(../specific-images/bike-moredetails-bg.gif); width:85px; height:16px;  }
a.bike-addtobasket:hover, a.bike-moredetails:hover { color:#FFF; background-position:0px -22px; }
ul.leftmenu  {  float:left; width:220px; list-style:none; padding:0px; margin:0px; }
ul.leftmenu  li { float:left; width:220px; height:35px; }
ul.leftmenu li a { float:left; width:220px; padding:9px 4px; font-size:1.2em; background:url(../../images/display-images/leftnav-bg.gif) no-repeat 0px -70px; height:17px;  }
ul.leftmenu li a.active { background:url(../../images/display-images/leftnav-bg.gif) no-repeat 0px 0px;   }
ul.leftmenu li a:hover { background-position:0px -35px; color:#fff;  }
ul.leftmenu li a.active:hover { background-position:url(../../images/display-images/leftnav-bg.gif) no-repeat 0px 0px;  }

.form-box { float:left; width:250px; padding:5px; background:#fff; border:none; margin:0px 0px 5px 0px; }
.form-box2 { float:left; width:250px; padding:5px; background:#fff; border:none; margin:0px 0px 5px 0px; }
.topsearch { position:relative; float:left; z-index:2; background:url(../../images/display-images/topsearch-bg.gif); width:920px; margin:0px 0px 0px 10px; padding:5px 10px; height:75px; }

.searchheader { float:left; width:920px; }
.searchcol4 { float:left; width:210px; margin:0px 10px; }

.results-found { float:left; width:460px; color:#666; padding:0px 0px 7px 0px; } 

.product-order { float:left; width:220px; }
.order-top { float:left; background:url(../../images/display-images/order-bg-top.gif) top;  padding:10px; width:201px; }
.order-bottom { float:left; background:url(../../images/display-images/order-bg-bottom.gif) bottom no-repeat #272727; margin:0px 0px 15px 0px; width:201px; padding:10px; }

.price-title { float:right; width:100%; text-align:right; font-size:10px; color:#666; }
.product-price { float:right; width:100%; text-align:right; font-size:1.4em; letter-spacing:-0.6px; font-weight:bold; line-height:0.7em; font-size:2.459em;  font-family:Calibri, Arial, Helvetica, sans-serif;  }

a.addtobasket { float:left; background:url(../specific-images/addtobasket.gif); color:#fff; margin:5px 0px 0px 5px; width:196px; text-indent:-9999em; height:28px;}
.RRP { float:left; width:100%; text-align:right; color:#777; font-size:1.2em;  }
a.redlink { color:#e20705; }
a.redlink:hover { color:#fff; } 

.bike-detail { float:left; width:250px; }

.manufacturer-intro {position:relative; z-index:-2; float:left; padding:35px 100px 35px 0; max-height:350px; width:960px; background:url(../specific-images/content-bg.jpg) bottom right no-repeat; overflow:hidden; }
.offers {margin:40px 0 0 0; }
.offer-date { float:left;  width:200px; font-size:12px; color:#666; margin:15px 0 0 15px; }
.offer-text { float:left; width:200px; font-size:16px; margin:0 0 0 15px; }
.offer-text a.readmore { font-size:10px; text-transform:uppercase; color:#e20705; }

.manufacturer-intro h1 { color:#e20705; }
.manufacturer-intro .header-title { color:#cccccc; }
.manufacturer-intro .main-text,
.manufacturer-intro .offer-text { color:#fff; }

.topnav { float:right; text-align:right; font-size:1em; color:#666; width:940px; padding:0px 10px;  }
.topnav a { color:#666; margin:0px 20px 0px 0px; }
.topnav a:hover { color:#CCC; }

.address { float:left; margin:15px 0 0 0 ; font-size:12px; line-height:1.6em; }

.product-list { float:left; width:220px; margin:10px 5px; }
.offer { float:left; margin:15px 0 0 0;}

.share { position:relative; float:left; background:url(../images/display-images/share-bg.gif); padding:10px; width:201px; height:117px; }
.share h2 { font-size:11px; font-weight:bold; letter-spacing:-0.4px; text-transform:uppercase; margin:0px 0px 15px 0px; }

a.social { float:left;  font-size:10px; font-weight:bold; letter-spacing:-0.4px; color:#757575;  width:191px; padding:5px; }
a.social img { margin:0px 5px 0px 0px;}

.rss-news-main-title { float:left; padding:10px; font-size:1.4em; width:200px; border-bottom:1px dotted #666; }
#top-related-fade { float:left; width:220px; height:150px; }


a.bike-category { float:left; width:93px; border:1px dotted #2f2f2f; color:#fff; font-size:1.3em; margin:5px; padding:35px 5px; text-align:center; }
a.bike-category:hover { background:#e20705; color:#fff; }

.bike-numbers { float:left; width:100%; text-align:center; font-size:0.8em; color:#333; }
a.bike-category:hover .bike-numbers { color:#c4ffb6; } 



#top-product-fade, #top-staff-fade , #top-related-fade { position:relative; float:left; width:220px; height:80px; z-index:1; margin:0px 0px 15px 0px; }

.videos-thumb { position:relative; float:left; z-index:0; }

.share { position:relative; float:left; background:url(../images/display-images/share-bg.gif); padding:10px; width:201px; height:117px; }
.share h2 { font-size:11px; font-weight:bold; letter-spacing:-0.4px; text-transform:uppercase; margin:0px 0px 15px 0px; }

a.social { float:left;  font-size:10px; font-weight:bold; letter-spacing:-0.4px; color:#757575;  width:191px; padding:5px; }
a.social img { margin:0px 5px 0px 0px;}

:focus { outline:none; }

.basket-error { float:left; width:440px; background:#282828; margin:5px 0;  color:#ed1a1a; padding:10px; }

a.submit-basket { float:left; background:url(../images/display-images/submit-basket.gif); text-indent:-9999em; margin:5px 0px 5px 5px; width:196px; height:29px; }
a.clear-basket { float:left; background:url(../images/display-images/clear-basket.gif); text-indent:-9999em; margin:0px 0px 5px 5px; width:196px; height:25px; }
a.submit-basket:hover, a.clear-basket:hover { background-position:bottom; }

.found { float:left; width:100%; font-family:Arial, Helvetica, sans-serif; font-size:10px; margin:0px 0px -5px 0; color:#999; }

.most-relevant { float:left; width:210px; padding:5px; margin:5px 0px; background:#1b1b1b;  }
.most-relevant:hover { background:#333; color:#999; }

.most-relevant h2 { font-size:0.9em; color:#666; }
.relevant-image { float:right; width:55px; margin:0px 0px 5px 5px; border:2px solid #252525; }
a.relevant-title { font-size:1.2em; float:left; width:100%; }
.relevant-text { color:#999;}

a.search-list { float:left; padding:7px 5px; font-size:1.2em; width:210px; color:#dedede; margin:5px 0px; border-bottom:1px solid #222; border-top:1px solid #222; }
a.search-list:hover { background:#333; color:#fff; }

a.edit-account { float:left; margin:15px 0 0 0; background:url(../images/display-images/edit-account.gif); width:107px; height:20px; text-indent:-999em; }
a.delete-account { float:left; margin:15px 0 0 3px; background:url(../images/display-images/delete-account.gif); width:107px;  height:20px; text-indent:-999em; }

a.edit-account:hover, a.delete-account:hover { background-position:bottom; }

a.remove-button { float:left; background:url(../images/display-images/remove-button.gif); width:59px; height:20px; text-indent:-999em; }
a.remove-button:hover { background-position:bottom; }

.subtotal { font-size:0.9em; color:#999; }

a.add-qty { float:left; background:url(../images/display-images/add-qty.gif); text-indent:-9999em; width:18px; height:18px; }
a.remove-qty { float:left; background:url(../images/display-images/remove-qty.gif); text-indent:-9999em; margin:0px 0px 0px 5px; width:18px; height:18px; }

a.add-qty:hover, a.remove-qty:hover { background-position:bottom; }