﻿body 
{
    margin: 0;
    padding: 0;
    font-family: Lucida Grande, Verdana, Tahoma, Arial, sans-serif;
    font-size: 11px;
    color: #FFF;
    background-color: #000000;
}

a {color:#fff; font-weight:bold; }

h1 {display:block; width:auto; height:20px; font-family: Arial; font-weight:100; font-size:16px; margin:0; }
h2 {display:block; width:auto; height:20px; font-family: Arial; font-weight:100; font-size:14px; margin:0; }
h3, .h3 {display:block; width:auto; line-height:18px; font-family: Arial; font-weight:normal; font-size:15px; margin:0;}

.aboutnumber   {font-size:22px; color:#cccccc; padding:5px; margin-top:-6px;}
.aboutkeyword  {font-size:18px; color:#cccccc; padding:2px;}
.aboutdescribe {font-size:15px; color:#999999; display:block; width:200px; padding:6px 0 0 5px;}

#pmenu, #pmenu ul {padding:0; margin:0; list-style-type: none; float:left; z-index: 1;}
#pmenu {margin:4px 0 0 0; position:relative;}
#pmenu li {float:left; position:relative;}
#pmenu a, #pmenu a:visited {display:block; width:113px; font-family:Lucida Grande, Verdana, Tahoma, Arial, sans-serif; font-size:11px; font-weight:lighter; color:#fff; height:23px; line-height:22px; text-decoration:none; text-align:center; text-indent:4px; background:#004376; border:1px solid #000; border-width:0 1px 1px 0;}
#pmenu li:hover > a{background:#556BAC; color:#fff; border-left: solid 1px #fff; width:112px; text-indent:3px;}
#pmenu li ul {display: none;}
#pmenu li:hover > ul {display:block; position:absolute; top:5px; left:103px;}
#pmenu > li:hover > ul {left:0; top:24px;}

#smenu, #smenu ul {padding:0; margin:0; list-style-type: none;}
#smenu {margin:4px 0 0 0;}
#smenu li {float:left; position:relative; text-decoration:underline;}
#smenu a, #smenu a:visited {display:block; writing-mode: bt-rl; width:25px; font-family:Lucida Grande, Verdana, Tahoma, Arial, sans-serif; font-size:13px; font-weight:lighter; color:#fff; height:119px; line-height:22px; text-decoration:none; text-align:center; background:#004376; border:1px solid #000; border-width:1px 0 0 0;}
#smenu li:hover > a{background:#006BAC; color:#fff; border-top: solid 1px #fff; height:118px; }
#smenu li ul {display: none;}

#smenu, #smenu ul {padding:0; margin:0; list-style-type: none;}
#smenu {margin:4px 0 0 0;}
#smenu li {float:left; position:relative; text-decoration:underline;}
#smenu a, #smenu a:visited {display:block; writing-mode: bt-rl; filter: flipv fliph; width:25px; font-family:Lucida Grande, Verdana, Tahoma, Arial, sans-serif; font-size:13px; font-weight:lighter; color:#fff; height:119px; line-height:22px; text-decoration:none; text-align:center; background:#004376; border:1px solid #000; border-width:1px 0 0 0;}
#smenu li:hover > a{background:#006BAC; color:#fff; border-top: solid 1px #fff; height:118px; }
#smenu li ul {display: none;}

#topbar {
    width: 1030px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(../images/bannerbackground.png);
    background-repeat: no-repeat;
}

#mymenu {
    width: 1030px;
    height: 30px;    
    margin-left: auto;
    margin-right: auto;
    background-color: #0C0C0C;
}
#container {
    width: 1030px;
    min-height: 600px;    
    margin-left: auto;
    margin-right: auto;
    background-color: #000;
}

#footer 
{
    clear:both;
    width:1000px;
    height:20px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom:25px;
    line-height: 20px;
    background-color: #0C0C0C;
}

.bluedot {
    background-image:url(../images/bluedot.png);
    background-position:left;
    background-repeat:no-repeat;
    width:400px; 
    height:30px;
    padding: 10px 0 0 25px;
    font-size: 16px;
    font-weight:normal;
}

.closedot {
    background-image:url(../images/close.jpg);
    background-position:left;
    background-repeat:no-repeat;
    height:30px;
    padding: 10px 0 0 30px;
    font-size: 11px;
}

.thumbs 
{
    float:left;
    border: 1px solid #004478;
    width:84px;
    padding: 2px;
    margin: 5px 5px 0 0;    
}

.accessoriesoption
{
    float:left;
    border: 1px solid #004478;
    width:400px;
    background: none;
    color: #fff;
    text-align:left;
    padding: 2px;
    margin: 3px 5px 0px 25px;    
}

.accessoriesoption:hover
{
    background-color: #666666;  
}
.accthumbs 
{
    float:left;
    border: 1px solid #004478;
    width:60px;
    padding: 2px;
    margin: 3px 3px 0 0;    
}

.parts 
{
    background: #000000;
    border: solid 1px #000000;
    color: #ffffff;
    margin-left: 25px;
    font-size: 11px;
    
    }
    
.colorblack {border: 1px solid #004478; background-color: Black; width: 28px; height: 28px; margin: 2px 2px 0 2px; }
.colorwhite {border: 1px solid #004478; background-color: white; width: 28px; height: 28px; margin: 2px 2px 0 2px; }
.colorgreen {border: 1px solid #004478; background-color: #B9CD24; width: 28px; height: 28px; margin: 2px 2px 0 2px; }
.colorred {border: 1px solid #004478; background-color: #E51A16; width: 28px; height: 28px; margin: 2px 2px 0 2px; }
.colorblue {border: 1px solid #004478; background-color: #039DD3; width: 28px; height: 28px; margin: 2px 2px 0 2px; }
.colorredyellow {border: 1px solid #004478; background-image:url(../images/RedYellow.jpg); width: 28px; height: 28px; margin: 2px 2px 0 2px; }
.colorredwhite {border: 1px solid #004478; background-image:url(../images/RedWhite.jpg); width: 28px; height: 28px; margin: 2px 2px 0 2px; }
.colourbluewhite {border: 1px solid #004478; background-image:url(../images/BlueWhite.jpg); width: 28px; height: 28px; margin: 2px 2px 0 2px; }

.ddlclass {border: 1px solid #004478; background-color: Black; margin: 2px 2px 0 2px; color:White; font-size:11px; width:300px; }

.costtable {border-bottom: solid grey 1px; }
.pricehead {font-size: 16px; font-weight:normal; text-align:left;}
.costcell {border-bottom: solid blue 1px; text-align: center; }
.bikeleft {font-size:11px;}
.bikecell {border-bottom: solid grey 1px; margin-left:100px; }

.plainlinkbutton {text-decoration:none; font-size:12px; font-style: italic;}
.plainlinkbutton:hover {background-color:#292929;}

.mypopup2 { position:absolute; width:550px; height: 400px; margin-left:30px; margin-top:30px;}
ul {margin: 0 0 0 7px; padding:7px; color: #999; font-size: 1em; }


.scroller {width: 420px; overflow:hidden; color:#CCC; line-height:15px;}
.scrollerbutton 
{
    background-color: Black;
    background-image:url(../images/bluedot.png);
    background-position:left;
    background-repeat:no-repeat;
    width:400px; 
    height:30px;
    padding: 8px 0 3px 25px;
    font-size: 16px; 
    border: none; 
    color:#FFFFFF; 
    text-align:left;}

.scrollerbutton:hover { color: blue; }

.inputbox
{   
    background-color:#000;
    color:#fff;
    border: dotted 1px #666;
    font-size: 12px; 
    font-family:Arial;
        }
       
#gallery {overflow: inherit; margin: 0px; padding: 0px;	background: #222; width: 100%; height: 100%;}  	
#gallery #imageFlow {position: absolute;  		width: 998px;  		height: 590px;  		  		overflow: hidden;  		background: #000;  	}  	
#gallery #imageFlow .diapo {  		position: absolute;  		left: -4000px;  		cursor: pointer;  		-ms-interpolation-mode: nearest-neighbor;  	}  	
#gallery #imageFlow .link {  		border: dotted #fff 1px;  		margin-left: -1px;  		margin-bottom: -1px;  	}  	
#gallery #imageFlow .text {  		position: absolute;  		left: 0px;  		width: 100%;  		top: 75%;  		text-align: center;  		color: #FFF;  		font-family: Century Gothic, verdana, arial, Helvetica, sans-serif;  		z-index: 1000;  	}  	
#gallery #imageFlow .title {  		font-size: 1.3em;  		font-weight: bold;  	}  	
#gallery #imageFlow .legend {  		font-size: 1.1em;  	}  	
#gallery #imageFlow .scrollbar {  		position: absolute;  		left: 10%;  		bottom: 5%;  		width: 80%;  		height: 16px;  		z-index: 1000;  	}  	
#gallery #imageFlow .track {  		position: absolute;  		left: 1%;  		width: 98%;  		height: 16px;  		filter: alpha(opacity=30);  		opacity: 0.3;  	}  	
#gallery #imageFlow .arrow-left {  		position: absolute;  	}  	
#gallery #imageFlow .arrow-right {  		position: absolute;  		right: 0px;  	}  	
#gallery #imageFlow .bar {  		position: absolute;  		height: 16px;  		left: 25px;  	}  	
#gallery a {  		text-decoration: none;  		color: #ff8000;  	}  	
#gallery a:hover	{  		text-decoration: none;  		background: #ff8000;  		color: #ffffff;  	}  	
#gallery a:visited {  text-decoration: none;  color: #ff8000;  	}  	
#gallery a:visited:hover { text-decoration: none;  background: #ff8000;  color: #ffffff;  	} 
  	
#homediv {overflow:hidden; position: inherit; margin: 0px;	padding: 0px; width: 100%; height: 100%;  	}  	
#homediv #screen {position:relative; left: 0; top:0px; width: 498px; height: 598px; margin-left: 0px; margin-top: 0px;	}  	
#homediv #screen div {position: absolute; font-family: arial; font-size: 12px; color: #FFF; cursor: pointer; overflow: hidden; width: 0px; }  	
#homediv #screen img {position: absolute; float:inherit; border: solid #004478 1px; }  

#buildheader {width:996px; height:70px; padding:2px; margin:0 auto 0 auto; background-image:url(buildimages/bannerbackground.jpg); background-repeat:no-repeat;}
#buildscreen {width:998px; height:600px; border:1px solid #222; padding:3px; margin:10px auto 0 auto;}
#buildimages {width:600px; height:600px; background-color:#ffffff; float:left;}
#buildlist   {width:390px; height:594px; float:left; background-color:#ffffff; margin-left:2px; padding:3px; color:#000000;}
