/*-------------------------------------------------------------- layout ---*/
body{
font: 62.5% Arial, Helvetica, sans-serif;
color:#09153B;
}

#frame{
width: 770px;
margin: 0 auto;
background: url(../images/sce/frame-bg.gif) repeat-y left;
}

#header{
width: 770px;
height: 140px;
background: url(../images/sce/header-bg.jpg) no-repeat;
}

#header img{
position: relative;
float: left;
height: 140px;
margin: 0;
padding: 0;
}

#cart{
color:#ffffff;
margin: 17px 0 22px 20px;
min-width: 100px;
position: relative;
float: left;
border-right: 1px solid #ffffff;
padding:5px;
height: 60px
}

#cart strong{
font-weight: bold;
color: #F09662;
}

#content {
width: 550px;
margin: 10px;
/*position: relative;*/
float: left;
min-height: 530px;
}

#copyright{
width: 760px;
padding: 5px;
height: 40px;
display: block;
clear: both;
color:#09153C;
position: relative;
line-height: 40px;
background-color: #B4B4B4;
background-image: url(../images/sce/footer-bg.gif);
background-repeat: no-repeat;
background-position: center top;
}

#copyright p {
font-size: 1em;
text-align: center;
}

#footer{
width: 770px;
clear: both;
margin: 0 auto;
text-align: center;
}

#footer a{
color: #ff5f00;
}

/*-------------------------------------------------------------- end layout ---*/
/*-------------------------------------------------------------- Top Nav ---*/

#top_nav {
position: relative;
float: left;
width: 500px;
}

#top_nav form{
position: relative;
float: left;
padding: 0;
margin: 0;
display: block;
width: 135px;
}
#search {
margin-left: 10px;
padding: 3px 0 0 10px;
height: 22px;
}
#search input {display: block;
float: left;
position: relative;
}

input.searchbtn {
background: url(../images/sce/searchbtn-bg.gif) no-repeat;
color: #ffffff;
padding: 3px 5px 5px 17px;
border: 0 none #fff;
position: absolute;
bottom: 20px;
left: 140px;
}
/*-------------------------------------------------------------- End Top Nav ---*/
/*-------------------------------------------------------------- Content Right ---*/

#content_right {
width: 156px;
position: relative;
float:right;
}

#latest_news{
padding: 5px;
width: 146px;
background: url(../images/sce/news_bg.jpg) repeat-x #C5C5C5;
border: 1px solid #B4B4B4;
font-size: 1em;
line-height: 1.2em;
}

#latest_news a{
color: #FF5F00;
margin: 0;
/*padding:0;*/
}

#latest_news a.news_title{
margin: 1px 0 2px 0;
text-align:left;
font-size: 1.1em;	
font-weight: bold;
}

#latest_news .news_headline{
padding:0;
margin: 0;
text-align:left;
font-size: 1.1em;	
}

#latest_news h1 {
/*padding:5px 0 0 5px;*/
}
.news_headline {
padding: 5px 0 10px 0;
font-size: 1.2em;
}

.news_category_detail {
line-height: 1.4em;
}

/*-------------------------------------------------------------- Newsletter ---*/

#newsletter #label1{
}

#newsletter { 
width: 146px;
height: 80px;
min-height: 80px;
color: #ffffff;
font-weight: bold;
background: url(../images/sce/newsl-bg.jpg) repeat-x 0 0 #FFB082;
border: 1px solid #363130;
padding: 5px;
margin: 5px 0px;
}

#newsletter div{
position:relative;
float:left;
margin-right:3px;
}

#newsletter .image {
background: url(../images/sce/sign-up.gif) no-repeat 0 0;
padding: 3px 0 3px 10px;
color: #ffffff;
border: 1px none #ffffff;
width: 73px;
font-weight: bold;
position: absolute;
top: 30px;
}

#newsletter .image:hover {
background: url(../images/sce/sign-up-ro.gif) no-repeat 0 0;
}

#newsletter label.form_element {
position: absolute;
bottom: -20px;
left: 0px;
padding: 5px;
color: #b4b4b4;
font-weight: normal;
display: block;
z-index: 200;
}

#newsletter label.form_element:hover, #newsletter label.form_element:focus {
display: none;
position: absolute;
}

#newsletter input{
position: absolute;
z-index: 1;
font-size: 10px;
}

#newsletter input:focus,#newsletter input:hover, #newsletter input:active {
position: absolute;
z-index: 800;
}

#newsletter #contactform {
border: none;
}

/*-------------------------------------------------------------- End Newsletter ---*/
 
/*-------------------------------------------------------------- End Content Right ---*/
/*-------------------------------------------------------------- End Content Left ---*/
#left_nav{
margin: 0;
width: 200px;
padding: 0;
min-height: 390px;
height: 390px;
position: relative;
float: left;
}

#left_nav ul{
list-style:none;
padding: 0 5px 5px 5px;
}

#left_nav ul li a {
color: #09153C;
font-weight: bold;
text-decoration: none;
}

#left_nav ul li a:hover {
color: #F09662;
text-decoration: underline;
}

#left_nav ul li ul li a {
color: #09153C;
font-weight: normal;
text-decoration: none;
background: url(../images/sce/arrow.gif) no-repeat left 7px;
padding: 2px 2px 2px 10px;
display: block;
position: relative;
}

#left_nav ul li ul li a:hover {
color: #F09662;
text-decoration: underline;
}

#left_nav li {
padding: 0;
margin: 0;
}

/*-------------------------------------------------------------- End Content Left ---*/

/*-------------------------------------------------------------- Content ---*/

h1 {
color:#09153C;
font-size: 1.6em;
}

h2, h3, h4, h5, h6{
color:#09153C;
font-size: 1.4em;
}

#home-banner h2 a {
color: #cccccc;
text-decoration: none;
}

#home-banner h2 a:hover {
color: #f09662;
text-decoration: none;
}



a{
color: #F09662;
}

a:hover, a:focus{
color: #09153C;
}

p{
font-size: 1.2em;
line-height: 120%;
color: #09153B;
}

.float-right {
position:relative;
float: right;
margin: 0px 0px 5px 5px;
}

.float-left {
position:relative;
float: left;
margin: 0px 5px 5px 0px;
}
 /*-------------------------------------------------------------- End Content ---*/

  /*-------------------------------------------------------------- Basket ---*/
#basket{
padding: 10px;
}
 
#basket th,#basket tr, #basket td{
border: 1px solid #ffffff;
padding: 5px;
} 

#basket tr:hover {
background: #b4b4b4;
}

#basket tr{
background: #cccccc;
}

#basket td{
margin: 3px; 
}
 
#basket th{ 
color:#ffffff;
background: #09153C;
}

#basket a{
color:#09153C;
}
  
#basket a:hover{
text-decoration: none;
}
  
#basket span{
font-size: 1.2em;
font-weight: bold;
color: #09153C;
}
  
#basket span.form_data{
font-size: 1.4em;
color: #09153C;
}
  
.vgm_order_summary {
background: #FEAD7E;
padding: 5px;
margin: 0;
}

.vgm_account_nav a, #ctl00_ctl01_MainContent_ContentPlaceHolder1_confirmation_submit, #ctl00_ctl01_MainContent_ContentPlaceHolder1_confirmation_previous, .indent input, #ctl01_MainContent_basket_panel1 input, #ctl00_ctl01_MainContent_ContentPlaceHolder1_favorite_FavoriteGrid_ctl02_add {
background: url(../images/sce/button-bg.jpg) repeat-x 0 0 #09153C;
border: 1px solid #09153C;
padding: 3px;
color: #ffffff;
}
  
.vgm_account_nav a:hover,  #ctl00_ctl01_MainContent_ContentPlaceHolder1_confirmation_submit:hover, #ctl00_ctl01_MainContent_ContentPlaceHolder1_confirmation_previous:hover, .indent input:hover, #ctl01_MainContent_basket_panel1 input:hover, #ctl00_ctl01_MainContent_ContentPlaceHolder1_favorite_FavoriteGrid_ctl02_add:hover {
background: #09153C;
border: 1px solid #09153C;
padding: 3px;
color: #ffffff;
}

.vgm_account_nav a, .vgm_account_nav a:hover {
padding: 5px 10px;
text-decoration: none;
}

/*-------------------------------------------------------------- End Basket ---*/

#basket .form div {
width: 400px;
}

#ctl00_ctl01_MainContent_ContentPlaceHolder1_shipping_info_UpdatePanel1 div {
clear: both;
padding: 10px 0;
}

span.form_data a{
font-size: 50%;
}

#basket div {
clear: both;
padding: 10px 0;
}
 
#basket fieldset {
border: 1px solid #B4B4B4;
padding: 5px;
display: block;
float: left;
position: relative;
}
 
#basket legend {
background: url(../images/sce/news_bg.jpg) repeat-x;
border: 1px solid #B4B4B4;
padding: 5px;
font-weight: bold;
}

/*------------------------------------- checkout */
  
#checkout ul {
list-style: none;
margin: 0;
padding: 0;
display: block;
/*height: 50px;*/
}

#checkout a{
background: url(../images/sce/checkout_btn.gif) no-repeat;
display: block;
width: 98px;
height:22px;
padding: 5px 0 5px 20px;
color: #ffffff;
text-decoration: none;
} 

#checkout a:hover{
background: url(../images/sce/checkout_btn_ro.gif) no-repeat;
}
   
#checkout li {
margin: 5px 0 5px 5px;
}
   
#checkout {
padding: 20px 0 0 350px;
margin: 0;
}     
     
/*--------------------------------------- News Manager*/
div.VolNewsHeadline {
}

.subcat {
margin: 0px;
padding: 0;
}

.news_category_detail{
background: #DDDDDD;
/*padding: 5px;*/
}

div.VolNewsHeadline div, div.VolNewsHeadline span{
/*margin: 5px;*/
}

.news_date {
display: block;
margin: 5px 0 0 0;
padding: 0;
}

a.news_title {
margin:0;
padding: 0;
}


.news_title {
color: #ff5f00;
}

.news_manager .title {
color: #09153c;
font-size: 1.2em;
line-height: 140%;

}

/*--------------------------------------- end News Manager*/

/*--------------------------------------- product category pages*/

.vgm_sub_category {
width: 231px;
text-align: center;
border: 1px solid #B4B4B4;
padding: 10px;
display: block;
float: left;
margin: 10px;}

div.vgm_product_image div {
display: block;
float:right;
}

div.vgm_product_image div a{
clear: both;
display: block;
position: relative;
}

.vgm_product_image a{
display: block;
position: relative;
right: 100px;
bottom: 25px;
margin:  5px;
}

.vgm_product_price .data {
color: #09153B;
font-size: 1.3em;
font-weight: bold;
}

#main_image {
float:left;
position: relative;
}

.vgm_product_image br {
display: none;
}

/*--------------------------------------- end product category pages*/

/* ---- PRICING TABLES ---- */

#tableLayout{
width: 546px;
}

#tableLayout td{
padding: 2px;
}

#tableHeader{
background-color: #336699;
}

#tableLayout #tableHeader td{
padding: 8px 2px;
font-weight:bold;
}

#tableShade{
background-color:#6699CC;
}

/* ---- END PRICING TABLES ---- */

.contact #contactform {
border: 1px dashed #09153b;
padding: 5px;
float: right;
}

.bike-rentals .form_element {
width: 400px;
font-size: 1.2em;
text-align: left;
}

.bike-rentals .separator {
clear: right;
/*padding: 2px 0;*/
}

.bike-rentals input {
float: right;
}

.bike-rentals select {
float: right;
}

.faq{
color:#336699;
font-weight:bold;
}

#ctl01_MainContent_product_listing_PageList_ctl01_page, #ctl01_MainContent_product_listing_PageList_ctl02_page, #ctl01_MainContent_product_listing_PageList_ctl03_page, #ctl01_MainContent_product_listing_PageList_ctl04_page, #ctl01_MainContent_product_listing_PageList_ctl05_page {
font-size: 1.4em;
color: #ff5f00;
}

#ctl01_MainContent_product_listing_PageList_ctl01_next, #ctl01_MainContent_product_listing_PageList_ctl02_next, #ctl01_MainContent_product_listing_PageList_ctl03_next, #ctl01_MainContent_product_listing_PageList_ctl04_next, #ctl01_MainContent_product_listing_PageList_ctl05_next {
font-size: 1.4em;
color: #ff5f00;
}

#ctl01_MainContent_product_listing_PageList_ctl00_previous {
font-size: 1.4em;
color: #ff5f00;
}

#home-banner{
background-color:#7b93bf;
width: 384px;
padding-top:5px;
margin-bottom:4px;
}

#home-banner h1{
color:#fff;
padding-left:15px;
}

#home-banner h2{
color:#ccc;
padding-left:15px;
}

.accessories-banner {
background: url(../images/sce/dna1.jpg) no-repeat left top;
width: 384px;
height: 201px;
display: block;
padding: 5px 0px 0px 0px;
font-family: Arial;
}

.accessories-banner h2 {
color: #f6821d;
margin: 0px 0px 0px 100px;
text-transform: uppercase;
}

.accessories-banner h3 {
color: #f6821d;
font-size: 1.3em;
margin: 5px 0px 5px 100px;
text-transform: uppercase;
}

.accessories-banner h4 {
color: #FFF;
margin: 0px 0px 5px 100px;
text-transform: uppercase;
}

.accessories-banner p {
color: #FFF;
font-size: 1em;
margin: 12px 0px 0px 20px;
width: 354px;
}

.accessories-banner a {
float: right;
color: #f6821d;
font-weight: bold;
}

#collectablesbanner {
padding: 0 0 0 4px;
clear: right;
}