/* CSS Document */


body{
font-family:Arial, Times; 
background-color:#000000;
}


*{
margin:0;
padding:0;
}

*{
scrollbar-base-color: #FF0000;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #FFFFFF;

scrollbar-shadow-color: black;
scrollbar-lightshadow-color: black; 
scrollbar-darkshadow-color: gray;

scrollbar-highlight-color: white;
scrollbar-3dlight-color: black;
}

/*Global Layout*/

#container{
width:985px;  
margin:0 auto; 
background:#131112; 
}

#header{
width:985px;
height:200px;
float:left;
background:url(../img/header/header.jpg) no-repeat;
}

#topNavigation{
width:815px;
height:20px;
margin:180px 0px 0px 170px;
float:left;
}

#sideNavigation{
width:170px;
height:400px;
float:left;
background:url(../img/navigation/navBar.jpg) no-repeat;
display:inline;
}

#mainContent{
width:815px;
display:inline;
}

#leftContent{
width:699px;
float:left;
min-height:400px;
background-color:#131112;
border-right:1px solid #666666;
overflow:auto;
overflow-x:hidden;
display:inline;
}

#productsRange #leftContent{
width:814px;
overflow:hidden;
}

#shop #leftContent{
overflow:hidden;
}

#home #leftContent{
width:700px;
border-right:none;
}

#admin #leftContent{
width:815px;
border-right:none;
}

#leftInnerContent{
width:379px;
min-height:400px;
float:left;
border-right:1px solid #666666;
overflow:auto;
overflow-x:hidden;
display:inline;
}

#shop #leftInnerContent{
width:520px;
float:left;
border-right:1px solid #666666;
padding-left:30px;
}

#productsRange #leftInnerContent{
width:666px;
float:left;
border-right:1px solid #666666;
overflow:auto;
overflow-x:hidden;
}

#middleInnerContent{
width:139px;
height:400px;
float:left;
background-color:#FFFFFF;
border-right:1px solid #666666;
display:inline;
}

#rightInnerContent{
width:179px;
height:400px;
overflow:auto;
overflow-x:hidden;
float:left;
border-right:1px solid #666666;
background-color:#131112;
display:inline;
}

#shop #rightInnerContent{
width:147px;
float:left;
border-right:1px solid #666666;
background-color:#131112;
}

#productsRange #rightInnerContent{
width:146px;
float:left;
border-right:none;
}

#rightContent{
width:115px;
height:400px;
margin:0px 0px 0px 0px;
float:left;
background:url(../img/rightContent/logos.jpg) no-repeat;
display:inline;
}

*html #rightContent{
background:none;
}

#newsSection{
margin:0px 10px 0px 10px;
border-bottom:1px dashed #FFFFFF;
}

#productsSection{
float:left;
width:160px;
height:170px;
margin:10px 30px 20px 20px;
padding:5px;
background-color:#FFFFFF;
border:1px solid red;
}

#footer{
width:815px;
height:49px;
float:right;
border-top:1px solid #666666;
background-color:#FFFFFF;
display:inline;
}

#floatLeft{
float:left;
width:300px;
}

#floatRight{
float:left;
width:200px;
}

#thumbnailSection{
float:left;
width:185px;
min-height:325px;
margin:20px 0px 20px 10px;
overflow:auto;
overflow-x:hidden;
}

#imageSection{
float:left;
width:430px;
height:325px;
margin:20px 0px 20px 10px;
}

#contactLeft{
float:left;
width:49%;
}

#contactRight{
float:right;
width:50%;
}

#categorySection{
float:left;
width:100px;
height:110px;
margin:10px 0px 10px 20px;
}

#categoryImage{
width:100px;
height:90px;
}

#categoryName{
width:100px;
height:20px;
background-color:#FF0000;
}

#basketContainer{
border:1px solid #FFFFFF;
width:120px;
height:100px;
margin:20px 10px 10px 10px;
padding-bottom:10px;
float:left;
}

#imageContainer{
float:left;
margin-left:10px;
}

#largeImage{
width:420px;
float:left;
}

#thumbnailContainer{
width:210px;
min-height:335px;
float:left;
}

#divider{
width:100%;
float:left;
height:10px;
}

#productsSection #divider{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#shoppingBasket{
margin:10px 10px 10px 20px;
}

#buttonContainer{
float:left;
width:100%;
margin:10px 10px 20px 0px;
}

#animation{
padding:10px 0px 10px 0px;
}

#login{
border:1px dashed #000000;
background-color:#FFECEC;
margin:10px 20px 20px 20px;	
padding:10px 10px 10px 10px;
}

#clear{
clear:both;
}

/*End of Global Layout*/


/*Global Styling*/

p{
font-size:0.9em;
color:#FFFFFF;
margin:15px 10px 15px 20px;
}

#rightInnerContent p{
color:#FFFFFF;
margin:15px 0px 15px 0px;
}

#basketContainer p{
margin:0px 0px 0px 10px;
font-size:0.7em;
}

#shop p{
color:#FFFFFF;
}

a{
color:#FFFFFF;
text-decoration:none;
cursor:pointer;
}

#sideNavigation a{
color:#FFFFFF;
}

#sideNavigation a:hover{
color:#000000;
}

#newsSection a{
color:#FFFFFF;
}

#footer a{
color:#000000;
}

.table a{
color:#000000;
margin-right:10px;
}

ol{
font-size:0.9em;
color:#FFFFFF;
list-style:none;
margin:5px 10px 5px 20px;
padding:0px 0px 0px 0px;
}

#contact #leftContent ol{
margin:15px 10px 15px 20px;
}

ul{
font-size:0.9em;
color:#FFFFFF;
list-style:none;
margin:5px 10px 5px 20px;
padding:0px 0px 0px 0px;
}

#sideNavigation ol{
float:right;
display:block;
font-family:Impact, Arial Narrow;
font-size:0.7em;
color:#FFFFFF;
list-style:none;
text-align:right;
margin:10px 20px 10px 60px;
}

#middleInnerContent ol{
margin:15px 0px 15px 10px;
color:#000000;
}

#footer ol{
font-family:Impact, Arial Narrow;
font-size:0.7em;
margin-top:5px;
color:#000000;
}

#sideNavigation li{
margin:10px 0px 10px 0px;
}

#middleInnerContent li{
margin:0px 20px 0px 0px;
}

#contact #leftContent li{
line-height:18px;
}

h1{
font-size:1.2em;
color:#FFFFFF;
margin:10px 10px 0px 20px;
font-family:Impact, Arial Narrow;
font-weight:normal;
}

#middleInnerContent h1{
margin:60px 10px 0px 10px;
color:#000000;
}

#rightInnerContent h1{
margin:10px 10px 0px 10px;
color:#FFFFFF;
}

#newsSection h1{
margin-left:0px;
font-size:0.8em;
font-family:Arial, Helvetica, sans-serif;
}

#categoryName h1{
margin:0px 0px 0px 0px;
text-align:center;
color:#FFFFFF;
font-size:0.9em;
}

#basketContainer h1{
margin-bottom:0px;
font-size:0.9em;
}

#productsRange #productsSection h1{
font-size:0.8em;
margin:5px 5px 5px 5px;
font-family:Arial, Times;
font-weight:bold;
color:#000000;
}

#basketContainer h2{
font-size:0.9em;
color:#FFFFFF;
margin:10px 10px 0px 10px;
font-family:Impact, Arial Narrow;
font-weight:normal;
}

h2{
font-size:1.0em;
color:#FFFFFF;
margin:20px 10px 10px 20px;
cursor:pointer;
}

#productsRange #productsSection h2{
margin:5px 5px 5px 5px;
font-size:0.9em;
color:red;
}

#sideNavigation h2{
cursor:default;
}

h3{
font-size:0.8em;
color:#FFFFFF;
margin:10px 10px 10px 20px;
}

#login h3{
color:#000000;
}

#footer h3{
color:#000000;
font-size:0.7em;
font-weight:normal;
float:right;
margin-top:5px;
}

h4{
font-size:0.8em;
color:#000000;
margin:10px 10px 10px 20px;
}

h5{
font-size:0.8em;
color:#000000;
margin:10px 10px 10px 20px;
}

#sideNavigation h2{
float:right;
color:#FFFFFF;
font-family:Impact, Arial Narrow;
font-weight:normal;
text-align:right;
margin:10px 20px 10px 0px;
}

#admin h2{
cursor:pointer;
}

h6{
margin:0px 0px 0px 0px;
font-size:0.9em;
}

/*End of Global Styling*/

/*Forms*/

.label{
display:block; 
font-size:0.9em; 
color:#FFFFFF;
margin:5px 0px 0px 20px;
padding:0px 0px 0px 0px;
}

#sideNavigation .label{
float:right;
font-family:Impact, Arial Narrow;
font-size:0.9em;
color:#FFFFFF;
list-style:none;
text-align:right;
margin:5px 20px 5px 60px;
}

.boldLabel{
font-weight:bold;
display:block; 
font-size:1.0em; 
color:#FFFFFF;
margin:20px 0px 10px 20px;
padding:0px 0px 0px 0px;
}

.bigLabel{
font-weight:bold;
display:block; 
font-size:1.0em; 
color:#FFFFFF;
margin:10px 0px 10px 20px;
padding:0px 0px 0px 0px;
}

.textbox{
display:block; 
width:300px; 
height:18px; 
border:1px solid #cccccc; 
margin:0px 0px 0px 20px;
padding:0px 0px 0px 0px;
}

.textarea{
display:block; 
width:300px; 
height:100px; 
border:1px solid #cccccc;
margin:0px 0px 2px 20px;
padding:0px 0px 0px 0px;
}

.submitButt{
width:165px; 
font-weight:bold;
border:2px solid #D12C28; 
margin:20px 20px 10px 20px;
padding:5px 0px 5px 0px;
background-color:#FFFFFF;
color:#000000;
font-size:0.9em;
}

.checkoutButt{
width:165px; 
font-weight:bold;
border:4px solid #D12C28; 
margin:20px 20px 10px 0px;
padding:5px 0px 5px 0px;
background-color:#FFFFFF;
color:#000000;
font-size:1.2em;
float:left;
}

#admin .submitButt{
width:auto; 
border:1px solid #000000; 
margin:20px 15px 10px 20px;
padding:2px 5px 2px 5px;
background-color:#FFFFFF;
color:#000000;
}

.helpButton{
width:auto;
height:25px;
border:1px solid #000000;
margin:0px 0px 0px 20px;
display:inline;
}

.select{
margin:0px 10px 10px 20px;	
border:1px solid #000000;
display:block;
}

.qtyBox{
display:block; 
width:30px; 
height:18px; 
border:1px solid #cccccc; 
margin:0px 0px 0px 20px;
padding:0px 0px 0px 0px;
}

fieldset{
border:none;
padding:0px 10px 10px 20px;
}

/*End of Forms*/


/*Classes*/

.pointer{
cursor:pointer;
}

.bold{
font-weight:bold;
}

.red{
color:Red;
}

.italic{
font-style:italic;
}

.gold{
color:#FFFF00;
}

.subHeading{
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
}

.floatLeft{
margin:10px 0px 0px 20px;
border:none;
}

#imageContainer .floatLeft{
margin:0px 25px 25px 0px;
border:none;
}

#shoppingBasket .floatLeft{
float:left;
margin:0px 0px 0px 0px;
}

.arrangeLeft{
float:left;
}

.requiredfield{
font-size:0.6em; 
color:red;
margin:0px 0px 0px 20px;
font-weight:normal;
}

.table{
display:block;
margin:20px 10px 20px 20px;
}

.style1{
background-color:red;
}

.style2{
background-color:#FF6666;
}
	
.style3{
background-color:#00FF00;
}

.BarBorder{
border-style:solid;
border-width:1px;
height:20px;
width:180px;
}

.BarIndicator{
color:orange;
background-color:orange;
}

.image{
padding:10px 10px 10px 20px;
border:none;
}

#productsRange .image{
display:block; 
margin-left:auto; 
margin-right:auto; 
}

#productsRange .image{
padding:5px 5px 5px 5px;
}

.padding{
padding:5px 15px 5px 5px;
}

/*End of Classes*/


/*Nav Menu Styling*/

	.menu { 
			margin-top:178px;
			height: 26px;
			display: block;
			float:left;
		}

		.menu ol {
			list-style: none;
			padding: 0;
			margin-left: 170px;
		}

		.menu ol li {
			/* width and height of the menu items */  
			float: left;
			overflow: hidden;
			position: relative;
			text-align: center;
			line-height: 16px;
		}

		.menu ol li a {
			/* must be postioned relative  */ 
			position: relative;
			display: block;
			width: 100px;
			height: 17px;
			font-family: Impact, Arial Narrow;
			letter-spacing: 1px;
			text-transform: uppercase;
			text-decoration: none;
			cursor: pointer;
		}

		.menu ol li a span {
			/* all layers will be absolute positioned */
			position: absolute;
			left: 0;
			width: 100px;
		}

		.menu ol li a span.out {
			top: 0px;
		}

		.menu ol li a span.over,
		.menu ol li a span.bg {
			/* hide */  
			top: -25px;
		}

		
		#menu2 ol li a {
			color:#FFFFFF;
		}

		#menu2 ol li a span.over {
			background: #FFFFFF;
			color: #FF0000;
		}
		
/*End of Nav Menu Styling*/

/*Popup Window Styling*/

#mask{
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window{
  position:absolute;
  left:0;
  top:0;
  display:none;
  z-index:9999;
  padding:20px;
}

#boxes #dialog{
  width:750px; 
  max-height:500px;
  overflow:auto;
  overflow-x:hidden; 
  background-color:#ffffff;
}

#boxContainer{
  width:750px;
  max-height:500px;
  overflow:auto;
  overflow-x:hidden; 
  background-color:#ffffff;
}

#bikeSection{
float:left;
height:130px;
}

#arrangeLeft{
float:left;
min-height:220px;
height:auto;
max-width:400px;
background-color:#FFFFFF;
}

#boxes h1{
color:#000000;
}

#boxes h2{
color:#000000;
}

#boxes p{
color:#000000;
}

#boxes a{
color:#000000;
}

#boxes ol{
color:#000000;
}

#arrangeRight{
float:left;
max-width:350px;
background-color:#FFFFFF;
}

#boxes .label{
color:#000000;
}

/*End of Popup Window Styling*/