body {
background:#000000;
}
body,table {
color:#FFFFFF;
font-family:Arial,Helvetica,Sans-Serif;
font-size:10px;
}
table {
border-collapse: collapse;
width: 100%;
}
*{
margin: 0px;
padding: 0px;
outline:0;
}
img {
border: none;
}
.clr {
clear: both;
}
p {
margin: 0 0 15px;
line-height:18px;
}
ul li {

}
a {
color:#D5DD3D;
text-decoration:none;
outline:none;
font-weight:bold;
}
li a {
font-weight:normal;
}
a:hover {
color:#ffffff;
}
.componentheading, .contentheading{
color:#f9ed33;
font-size:20px;
line-height:21px;
font-weight:bold;
padding-bottom:20px;
}
#bpage {
text-align: center;
}
#wrapped {
margin: 0px auto;
text-align: left;
width: 1080px;
padding-bottom:8px;
position:relative;
background:transparent url(../images/bikesbg.png) no-repeat 0 0;
}
#iwrapped {
height:730px;
overflow:hidden;
}
#head {
height:56px;
}
#logo {
margin:3px 0 4px;
float:right;
}
#logo a {
background:transparent url(../images/logo.png) no-repeat scroll 0 0;
height:33px;
width:215px;
display:block;
text-indent:-9999px;
}
#top {
clear:right;
margin:0 0 0 15px;
overflow:hidden;
text-align:right;
}
#top ul {
background:transparent url(../images/topmenu.png) no-repeat scroll 0 0;
float:right;
margin:0;
padding:5px 0 2px 18px;
}
#top ul li {
margin: 0 0 0 5px;
padding: 0px;
list-style:none;
float:left;
display:block;
height:7px;
overflow:hidden;
}
#top ul li a {
display:block;
float:left;
height:7px;
}
#top a:hover img, #top li#current a img {
margin-top:-7px;
}
#menu {
height:37px;
margin:20px 0 0 15px;
overflow:hidden;
text-align:right;
}
#menu ul {
margin: 0px;
float:right;
height:37px;
}
#menu ul li {
margin: 0 0 0 64px;
padding: 0px;
list-style:none;
float:left;
display:block;
height:37px;
}
#menu ul li a {
display:block;
float:left;
height:37px;
}
#menu a:hover img, #menu li#current a img {
margin-top:-37px;
}
#content{

}
#main {

}

/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ 
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}
.hscrollerbase, .vscrollerbase {
cursor:pointer;
}
.vscrollerbase {
width:7px;
}
.vscrollerbar {
background-image: url(../images/scythescroll.png);
width: 7px;
/* following is the bit that allows us fixed height scrollbars */
height: 68px !important;
/* for fixed height, we force the vscrollerbar class with an !important decleration, and fleXcroll follows suit.*/

background-image: url(../images/scythescroll.png);
/* unfortunately, due to limitations of CSS, we cannot provide a color for the background when we are
using alpha images, thay have to be transparent.*/
}

* html .vscrollerbar {
/* IE6 alpha png trick */
/* IE7 is not affected by this trick, as it perfectly handles the normal png */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='scrollbar.png');
background-image: none;
}


/* do not forget to give horizontal scrollbars some color properties even if you don't plan on using them */
.hscrollerbase {height: 7px;}
.hscrollerbar {height: 7px; background-image: url(../images/scythehscroll.png);width: 68px !important;}

.vscrollerbar, .hscrollerbar {
/* paddings of these elements will decide how far the scrollbar will stop in both ends, and are not actually
used for styling, and are set to 0 by the script, here we will set them the size of our faux arrows */
padding: 0px;
z-index: 2;
}

/* properties for scroller jog box, just in case */
.scrollerjogbox {
width: 7px;
height: 7px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background: #f5ee30;
}


/* Scroll Bar Master Styling Ends Here */
.bikedetails {
position:relative;
}
.bikes {

}
.bikedesc {

}
.bikelogo {
position:absolute;
top:145px;
}
.biketext {
padding:20px 0 0 215px;
}
.bikes ul li {
float:left;
list-style:none;
}
.bikes ul li img {
display:block;
border:1px solid #000000;
  filter:alpha(opacity=30);
  /* CSS3 standard */
  opacity:0.3;
}
.bikes ul li a img {
filter:alpha(opacity=100);
  /* CSS3 standard */
opacity:1;
cursor:pointer;
}
.bikes ul li a.selected img, .bikes ul li a:hover img {
border:1px solid #ffffff;
}
.tabhide {
display:none;
}
div.default div.yoo-carousel ul.tabs li a{  
display:block;
float:left;
height:31px;
}
div.default div.yoo-carousel ul.tabs li a{  
display:block;
float:left;
height:31px;
}
div.default div.yoo-carousel ul.tabs li.item1 a{
background:transparent url(../images/one.png) no-repeat 50% 0;
width:56px;
}
div.default div.yoo-carousel ul.tabs li.item2 a{
background:transparent url(../images/two.png) no-repeat 50% 0;
width:194px;
}
div.default div.yoo-carousel ul.tabs li.item3 a{
background:transparent url(../images/three.png) no-repeat 50% 0;
width:92px;
}
div.default div.yoo-carousel ul.tabs li.item4 a{
background:transparent url(../images/four.png) no-repeat 50% 0;
width:179px;
}
div.default div.yoo-carousel ul.tabs li.item5 a{
background:transparent url(../images/five.png) no-repeat 50% 0;
width:158px;
}
div.default div.yoo-carousel ul.tabs li.item6 a{
background:transparent url(../images/six.png) no-repeat 50% 0;
width:123px;
}
div.default div.yoo-carousel ul.tabs li.item7 a{
background:transparent url(../images/seven.png) no-repeat 50% 0;
width:110px;
}
div.default div.yoo-carousel ul.tabs li.item8 a{
background:transparent url(../images/eight.png) no-repeat 50% 0;
width:167px;
}
div.default div.yoo-carousel ul.tabs li.selected a, div.default div.yoo-carousel ul.tabs li a:hover {
background-position:50% -31px !important;
}
div.default div.yoo-carousel ul.tabs li a span {
display:none;
}



#container {
position:relative; 
width:1080px; 
height:395px; 
}
#container a.pics, #container a.pic {
float:left; 
display:inline; 
text-decoration:none; 
cursor:default;
}
#container a.pics {
cursor:pointer;
}
#container a.pics img.thumb, #container a.pic img.thumb {
display:block; 
width:213px;
height:143px; 
border:1px solid #000000;
}
#container a.pic img.thumb {
  filter:alpha(opacity=30);
  opacity:0.3;
}
#container a.pics:hover img.thumb {
border:1px solid #fff;
}
#container a.pics:active img.thumb, #container a.pics:focus img.thumb  {
border:1px solid #E9DD2D;
} 
#container a.pics:focus {
outline:0;
}
#container a.pics:hover {
white-space:normal;
}
#container a.pics span {
display:none; 
border:0; 
outline:0;
}
#container a.pics span img.logobike {
height:204px;
width:213px; 
display:block;
}
#container a.pics span img.textbike {
height:100px;
width:849px; 
display:block;
}
#container a.pics:active span, #container a.pics:focus span, #container a.pics:hover span {
display:block; 
position:absolute; 
left:0px; 
top:0px; 
z-index:5; 
}
#container a.pics:active span .logobike, #container a.pics:focus span .logobike, #container a.pics:hover span .logobike {
display:block; 
position:absolute; 
left:0px; 
top:145px; 
z-index:5; 
background:#000000;
}
#container a.pics:active span .textbike, #container a.pics:focus span .textbike, #container a.pics:hover span .textbike {
display:block; 
position:absolute; 
left:213px; 
top:310px; 
z-index:5; 
background:#000000;
}
#container .bikeintro {
clear:both;
padding:20px 0 0 213px;
}
#container a.pics:hover span, #container a.pics:hover span .logobike, #container a.pics:hover span .textbike {
z-index:6 !important; 
}
.banshee-blank{
margin-top:40px;
}
#copyrightfooter{
font-size:11px;
color:#ffffff;
}
.lfooter{
float:left;
}
.lfooter ul li{
list-style:none;
float:left;
}
.lfooter ul li a{
color:#FFFFFF;
font-size:11px;
padding:0 5px;
}
.rfooter{
float:right;
margin-right:5px;
}
#top {
position:relative;
}
#share {
position:absolute;
z-index:10;
right:176px;
top:5px;
}
#share img{
height:7px;
width:62px;
}
a.st-taf {
height:7px;
overflow:hidden;
display:block;
}
a.st-taf:hover img{
margin-top:-7px;
}
#store {
position:absolute;
right:0px;
top:0px;
z-index:10;
}
#menu {
position:relative;
}
.highslide-html{
background-color:#000000 !important;
border:1px solid #000000 !important;
}
.bansheestore h3{
font-size:16px;
}
.bansheestore p, .bansheestore a{
font-size:14px;
}