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

/* set up colors */
html, body { background-color: #000; }
body, td, p { color: #222; }
a, h1, h2, h3, h4, h5, h6 { color: #12bde9; }

/*main page layout */
html, body { margin: 0; padding: 0; height: 100%;}
#bg_l, #bg_r { position: absolute; z-index: 5; top: 0; }
#bg_l{ left: 0; }
#bg_r{ right: 0; }
.container { position: relative; background: transparent; z-index: 20;}
#logo      { position: absolute; top: 15px; left: 15px;  z-index: 10;}
#content   { position: absolute; top: 80px; left: 0; z-index: 10; border-top: 15px solid #fff; width: 950px;}
#inner_content { position: relative; border: 15px solid #fff; border-top: none; background-color: #fff; color: #000; height: 1%;}
#footer    { text-align: right; clear: both;}
div.clear  { height: 0; }
.clear     { clear: both; }

#popup .container { width: 650px; }
#popup #content   { width: 650px; }

/*general overrides */
th        { background-color: #d2d2d2; color: #000; font-weight: bold; padding: 2px; text-align: center; }
td        { text-align: center; }
td.detail { text-align: left; font-weight: bold; }
tr.alt    {background-color: #f1f1f1; }
tr.total  { background-color: #999; color: #fff; }
img       { margin: 0; }

/* menu */
#menu      { position: absolute; top: 45px; right: 0; z-index: 10;}
#menu ul   { list-style: none; margin: 0; padding: 0; background-image: url(../images/menu2.png); width: 602px; height: 26px; position: relative;}
#menu li   { margin: 0; padding: 0; list-style: none; position: absolute; top: 1px; }
#menu li, #menu a { height: 24px; display: block; }

#menu1 { left: 0; width: 58px; }
#menu2 { left: 65px; width: 60px; }
#menu3 { left: 133px; width: 66px; }
#menu4 { left: 209px; width: 57px; }
#menu5 { left: 274px; width: 87px; }
#menu6 { left: 369px; width: 69px; }
#menu7 { left: 446px; width: 87px; }
#menu8 { left: 540px; width: 62px; }

#menu1 a:hover, #menu1 a.active { background: transparent url(../images/menu2.png) 0 -27px no-repeat; }
#menu2 a:hover, #menu2 a.active { background: transparent url(../images/menu2.png) -65px -27px no-repeat; }
#menu3 a:hover, #menu3 a.active { background: transparent url(../images/menu2.png) -133px -27px no-repeat; }
#menu4 a:hover, #menu4 a.active { background: transparent url(../images/menu2.png) -209px -27px no-repeat; }
#menu5 a:hover, #menu5 a.active { background: transparent url(../images/menu2.png) -274px -27px no-repeat; }
#menu6 a:hover, #menu6 a.active { background: transparent url(../images/menu2.png) -369px -27px no-repeat; }
#menu7 a:hover, #menu7 a.active { background: transparent url(../images/menu2.png) -446px -27px no-repeat; }
#menu8 a:hover, #menu7 a.active { background: transparent url(../images/menu2.png) -540px -27px no-repeat; }

#menu ul.sub { display: none; list-style: none; position: absolute; top: 24px; left: 0; width: auto; height: auto; background: none; border-top: 1px solid #fff;}
#menu ul li:hover ul.sub { display: block; }
#menu ul.sub li { position: relative; height: auto;}
#menu ul.sub li a { display: block; border: 1px solid #fff; border-top: none; height: auto; width: 150px; padding: 5px; background-color: #444; color: #fff; text-decoration: none; text-transform: uppercase; font-size: 0.9em;}
#menu ul.sub li a:hover { background-image: none; background-color: #12bde9;}
#menu ul.subr li a { width: 90px; }

/*submenu*/
#submenu { height: 24px; background-color: #666; margin: 0; padding: 0; }
#submenu li { list-style: none; float: left; margin: 0; padding: 0; margin-right: 10px;}
#submenu li.last { float: right; margin-right: 0;}
#submenu li a { display: block; padding: 3px 8px 3px 8px; color: #ddd; text-decoration: none; text-transform: uppercase; font-weight: bold;}
#submenu li a.active, #submenu li a:hover { color: #fff; background-color: #12bde9;}

/*front page stuff*/
#fp_news  { position: absolute; top: 0; left: 604px; width: 301px; height: 396px; background: transparent url(../images/news_bg.png) top left no-repeat; border-left: 15px solid #fff;}
#fp_image { width: 604px; height: 396px; overflow: hidden; margin: 0; padding: 0;}
#fp_news_content { padding: 35px 10px 50px 40px; font-size: 0.9em; color: #ddd;}
#fp_news h3 { margin: 10px 0 0 0; }
#fp_news a { text-decoration: none; }
#fp_news a:hover { text-decoration: underline; color: #93FFFF;}
#fp_news_link { position: absolute; width: 300px; height: 125px; bottom: 0; left: 0; }
#fp_news_link a { width: 300px; height: 125px; display: block; }
#fp_badges { border-top: 15px solid #fff; clear: both; margin: 0; padding: 0; background-color: #fff; height: 128px;}
#fp_badges li { float: left; padding-right: 7px; height: 128px; list-style: none; }
#fp_badges li.last { padding-right: 0; }

/*main pages stuff*/
.leftside { width: 610px; padding: 15px; padding-right: 10px; text-align: justify; font-size: 14px; float: left; height: 1%; }
.rightside { width: 225px; margin-top: 10px; margin-right: 10px; padding: 15px 15px 15px 15px; float: right; height: 1%;}
.bothsides { margin-top: 10px; padding: 10px; font-size: 14px; clear: both; }
.videoblock { width: 600px; margin: 10px 0; }
blockquote { display: block; border: 1px solid #dadada; background-color: #f2f2f2; margin: 5px 30px 10px 30px; font-weight: bold; font-style: italic; padding: 8px; text-align: left;}
dd { margin-bottom: 8px; }

/*bikes pages*/
.bikelist {width: 230px; float: left; margin-top: 10px;}
.bikelist a  {border: 1px solid #fff; display: block;}
.bikelist a:hover {border: 1px solid #12bde9; }
.bikelist p { padding: 0 5px; line-height: 1.2em; margin-bottom: 2px;}
.bikelist p a { text-transform: uppercase; font-size: 0.9em; display: block; padding-top: 5px; border: none;}
.bikelist p a:hover { border: none; }

#bikeinfos { margin-top: 20px; margin-bottom: 30px; padding: 10px; border: 1px solid #e0e0e0; background-color: #fcfcfc; }
#bikeinfos h2 { margin-top: 0; margin-bottom: 5px; }
.bikeinfo { width: 448px; float: left; margin-top: 10px; }
a.bikeinfo_pic { float: left; margin-right: 5px; border: 1px solid #000; }
a.bikeinfo_pic:hover {border: 1px solid #12bde9; }
.bikeinfo p { margin: 5px 8px 0 0; line-height: 1.2em;}
.bikeinfo p a { text-transform: uppercase; font-size: 0.9em; }

#specs .rightside { margin-top: 25px; }
#specs_tabs { margin: 0; padding: 0; height: 28px; overflow: hidden;}
#specs_tabs li { list-style: none; float: left; height: 28px; margin-right: 5px; }
#specs_tabs li a { display: block; width: 99px; height: 25px; padding-top: 3px; text-align: center; font-weight: bold; color: #444; text-decoration: none; background: transparent url(../images/tab_off.png) top left no-repeat; }
#specs_tabs li a.active, #specs_tabs li a:hover { color: #fff; background-color: #12bde9; background: transparent url(../images/tab_on.png) top left no-repeat; }
.specsbox { border: 5px solid #545454; padding: 5px; font-size: 12px; width: 500px;}
.specsbox table { border-collapse: collapse; }
.specsbox td { border: 1px solid #eee; }

.bikegal { margin-top: 15px; margin-left: 10px; }
.bikegal a { display: block; float: left; border: 1px solid #000; margin-right: 9px; margin-bottom: 9px;}
.bikegal a:hover { border: 1px solid #12bde9; }

.minigal { margin-top: 10px; }
.minigal a { display: block; float: left; border: 1px solid #000; margin-bottom: 9px;}
.minigal a:hover { border: 1px solid #12bde9; }

.colourbox { border: 1px solid #000; width: 40px; height: 25px; clear: both; margin: 5px 10px 0 0; float: left; }
.colourtext { float: left; margin-top: 10px; }

#lightbox { margin-top: -60px; }
#pricing { padding: 15px; }

a.linkimg { display: block; float: left; margin-right: 10px; margin-bottom: 10px; border: 1px solid #000; }
a.linkimg:hover { border: 1px solid #12bde9; }

table.shocksettings { border-collapse: collapse; }
table.shocksettings td { border: 1px solid #aaa; }
td.tablegroup { background-color: #f4f4f4; }

/* 404 page stuff */
dt { margin-top: 10px; }
ul.iconlist { margin: 0; padding: 0; list-style: none; }
ul.iconlist li { clear: left; line-height: 170%; padding-left: 20px; }
ul.iconlist li.messagelink { background: url(/sf/sf_default/images/icons/linkOut16.png) no-repeat 0 3px; }

.darkbox { border: 1px solid #dadada; background-color: #f2f2f2; margin: 5px 0 10px 0; font-weight: bold; font-style: italic; padding: 8px; }
#dealerarea h3 { clear: both; padding-top: 30px; border-bottom: 1px solid #12bde9; }
.dealerbox { margin: 0 10px 10px 0; padding: 10px; border: 1px solid #e0e0e0; background-color: #f9f9f9; width: 260px; height: 170px; float: left; }
.dealerbox h4 { margin-bottom: 8px; }
.dealerbox p {margin-left: 10px; margin-bottom: 5px; height: 90px; line-height: 1.1em;}
.dealerbox a { display: block; font-weight: bold; text-align: center;}
.dealerbox h4 a { text-align: left; }
/*forms*/
ul.radio_list { list-style: none; margin: 0;}
ul.radio_list li { }
ul.radio_list li label { float: none; background-color: transparent; width: auto; display: inline; clear: none;}

fieldset { border: none; margin: 20px 0 0 0; padding: 10px 0 0 0;}
legend { color: #12bde9; font-weight: normal; font-size: 1.6em; margin: 0 }


/* divforms */
.formrow { clear: both; margin-top: 3px;}
.formrow label { display: block; width: 150px; float: left; text-align: right; padding: 4px 8px 0 0; }
.formrow-fields { margin-left: 160px; padding: 2px 2px 2px 5px; border: 1px solid #e6e6e6; background-color: #f4f4f4;}
ul.formrow-errors { list-style: none; margin: 0; color: #990000; padding: 0;}
ul.formrow-errors li { margin: 0; padding: 0; }
div.haserror .formrow-fields{ border: 1px solid #eecccc; background-color: #ffeeee; }
span.requiredmark { font-weight: bold; color: #990000; font-size: 1.2em; padding-left: 5px; float: right;}
.formrow-help { font-size: 0.8em; }

/*video gallery*/
.videogal-caption { float: right; width: 200px; text-align: left; margin-left: 20px; clear: both; padding-top: 10px; }
.videogal-caption h3 { font-size: 1.2em; } 
.videogal-video { float: right; text-align: right; padding-top: 10px;}