body {
    background: #c7c7c7 url('Images/css/BG.jpg') repeat-x top center; margin: 0px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
}
#wrapper { width: 990px; margin: auto; }

/*text*/

p, h1, h2, h3, h4, dt, dd, li ,address {color: #494949;}

h1 {font-size: 22px;}

h2 {font-size: 16px;}

h3 {font-size: 16px;}

h4 {font-size: 11px;}

form { margin: 0; }

p {line-height: 160%;
font-size: 12px;
padding:8px 5px 8px 5px;
margin:0;
font-style: normal;}

address {line-height: 130%;
font-size: 10px;
padding:8px 5px 8px 5px;
margin:0;
font-style: normal;}

h1, h2, h3, h4 {padding:25px 10px 8px 5px;
margin:0;
font-weight: bold;/*color: #2e3192;*/ color:#202020;
/*font-family: Times, "Times New Roman", serif, Georgia;*/}

h1 { color: #2e3192; margin: 0; padding: 0; position: relative;margin-left:25px; font-weight:normal;}
a { color: #d77520; font-weight:bold;text-decoration: underline;}
a:hover{color:#2a2c67; text-decoration: none;}


#wh_main_nav p.font16{font-size:15px; padding:3px 5px 3px 5px;color:#202020;}

img {border-width:0;}

ul{margin:0px 10px 0px 20px;
padding:0;}

ul li {padding: 5px 0 5px 0px;
margin:0;
font-size: 11px; color:#494949;}

#wh_main_nav h3, #wh_main_nav h4, #wh_static_nav h3, #wh_static_nav h4{
padding:20px 10px 5px 5px; margin:0; font-weight: bold;/*color: #2e3192;*/ color:#454545; font-size:12px;}

.footer { 
 background: #2a2c67 url('Images/css/footer-bg.jpg') repeat-x;
 color: #ffffff; margin: 0; font-size: 12px; font-family: Arial, Sans-Serif; text-align:left; height: 254px; }
 .footer a { display: block; color: #ffffff; height: 15px; text-decoration: none; font-weight: normal; }
 .footer a:hover { font-weight: bold; color: #ffffff;}
 .footer-content { background: url('Images/css/footer.jpg') no-repeat; width: 990px; margin: auto; height: 254px; position: relative; }
 .footer-help {
   position: absolute; top: 60px; left: 30px;
   width: 130px;
 }
 .footer-customer {
  position : absolute; top: 60px; left: 190px;
  width: 130px;
 }
 .footer-services {
  position : absolute; top: 60px; left: 350px;
  width: 130px;
 }
 .footer-signup {
   position: absolute; top: 68px; right: 30px;
   width: 185px;
 }
 .footer-copy {
   position: absolute; top: 210px; right: 20px;
   width: 300px; text-align: right;
 }


/*HEADER AND TABS*/

#header 
{
    height: 131px; min-width: 990px;
    background: #292c68 url('Images/css/Head-BG.jpg') no-repeat; position: relative;
}

.header_r 
{
    float: right; height: 35px; width: 422px; 
}

.logo 
{
    height: 68px; width: 286px; position: absolute; top: 20px; left: 20px;}
	
.logo-link { display: block; height: 70px; width: 410px;}
.tagline {font-size:24px; color:#dadada; position:absolute; width:290px;right:250px; top:35px; text-align:center;}
.orange {color:#fb9a22;}

.main 
{
    background: #dcddde; border-top: solid 6px white; border-left: solid 6px white; border-right: solid 6px white;
    clear: both; margin-top: 8px; padding: 10px;
}
.phone 
{
    font-family: Arial, Sans-Serif; color: White; font-weight: normal;
    position: absolute; bottom: 65px; right: 10px; font-size:26px;
}

/*CSS Rollovers*/
a.minisite-wd
{
    background-image: url('Images/css/Tabs/wheelies-l.gif'); background-repeat: no-repeat;
    display: block; height: 35px; width: 102px;
    position: relative; top: 0px; left: 130px; z-index: 100;
}
/*a.minisite-wheelies:hover { background-position: -128px 0; }*/
a.minisite-b4s
{
    background-image: url('Images/css/Tabs/bikes-4-school-l.gif'); background-repeat: no-repeat;
    display: block; height: 35px; width: 139px;
    position: relative; top: -35px; left: 240px; z-index: 100;
}
/*a.minisite-b4s:hover { background-position: -107px 0; }*/

/*TABS*/
.tabs { position: absolute; bottom: -14px; left: 60px; height: 51px; }
.tabs a:hover { cursor: pointer;} /*fixes ie6 rollover*/
.tab1 
{display: block; height: 45px; width: 61px; float: left; margin-right:5px;background: url('Images/css/Tabs/Home.gif');}
.tab2
{display: block; height: 45px; width: 108px; float: left; margin-right:5px;background: url('Images/css/Tabs/Our-Services.gif');}
.tab3
{display: block; height: 45px; width: 150px; float: left; margin-right:5px;background: url('Images/css/Tabs/Employee-Benefits.gif');}
.tab4 
{display: block; height: 45px; width: 147px; float: left; margin-right:5px;background: url('Images/css/Tabs/Employer-Benefits.gif');}
.tab5
{display: block; height: 45px; width: 57px; float: left; margin-right:5px;background: url('Images/css/Tabs/Shop.gif');}
.tab6 
{display: block; height: 45px; width: 58px; float: left; margin-right:5px;background: url('Images/css/Tabs/Faqs.gif');}
.tab7
{display: block; height: 45px; width: 58px; float: left; margin-right:5px;background: url('Images/css/Tabs/News.gif');}
.tab8
{display: block; height: 45px; width: 68px; float: left; margin-right:5px;background: url('Images/css/Tabs/Guides.gif');}
.tab9
{display: block; height: 45px; width: 61px; float: left; margin-right:5px;background: url('Images/css/Tabs/Order.gif');}
.tab10
{display: block; height: 45px; width: 57px; float: left; margin-right:5px;background: url('Images/css/Tabs/Login.gif');}

/*Tabs On*/
.tab1-On
{display: block; height: 51px; width: 61px; float: left; margin-right:6px; background: url('Images/css/Tabs/Home-On.gif');}
.tab2-On
{display: block; height: 51px; width: 108px; float: left; margin-right:5px;background: url('Images/css/Tabs/Our-Services-On.gif');}
.tab3-On
{display: block; height: 51px; width: 150px; float: left; margin-right:6px;background: url('Images/css/Tabs/Employee-Benefits-On.gif');}
.tab4-On
{display: block; height: 51px; width: 147px; float: left; margin-right:6px;background: url('Images/css/Tabs/Employer-Benefits-On.gif');}
.tab5-On
{display: block; height: 51px; width: 57px; float: left; margin-right:5px;background: url('Images/css/Tabs/Shop-On.gif');}
.tab6-On
{display: block; height: 51px; width: 58px; float: left; margin-right:6px;background: url('Images/css/Tabs/Faqs-On.gif');}
.tab7-On
{display: block; height: 51px; width: 58px; float: left; margin-right:6px;background: url('Images/css/Tabs/News-On.gif');}
.tab8-On
{display: block; height: 51px; width: 68px; float: left; margin-right:5px;background: url('Images/css/Tabs/Guides-On.gif');}
.tab9-On 
{display: block; height: 51px; width: 61px; float: left; margin-right:6px;background: url('Images/css/Tabs/Order-On.gif');}
.tab10-On
{display: block; height: 51px; width: 57px; float: left; margin-right:5px;background: url('Images/css/Tabs/Login-On.gif');}


/* Shop Box 2 */ /*Moved to stop sbox overwriting its corners*/
.s-box2 
{
    position: relative; background: #ffffff; /*min-height: 500px;*/
    padding: 10px 15px 20px 20px; color: #000000; 
    /*margin: 10px 0 0 0;*/  /* Changed after re style of bread crumb 02/07/2009 */
    margin: 0;
}
* html .s-box2 { height: 40px; } /*ie6 fudge*/
.s-box2 .tl, .s-box2 .tr, .s-box2 .bl, .s-box2 .br { height: 18px; width: 17px; position: absolute;}
.s-box2 .tl { background: url('Images/Corners/s2-tl.png') no-repeat; top: 0; left: 0;}
.s-box2 .tr { background: url('Images/Corners/s2-tr.png') no-repeat; top: 0; right: 0px; }
.s-box2 .bl { background: url('Images/Corners/s2-bl.png') no-repeat; bottom: 0; left: 0; }
.s-box2 .br { background: url('Images/Corners/s2-br.png') no-repeat; bottom: -1px; right: 0; }

/*FAQ Styles*/

#wh_main_content_faq p { padding-left: 35px; }

.q, .a { padding: 15px; }
.q { border-top: dashed 1px #8e8e8e; background-image: url('Images/css/q.png'); background-position: 0 10px; background-repeat: no-repeat; padding-left: 35px; font-weight: bold; }
.a { background-image: url('Images/css/a.png'); background-position: 0 10px; background-repeat: no-repeat; padding-left: 35px; }

.size-list { text-transform: capitalize; }

/*LINKS PAGE*/
ul.links{margin:10px 10px 10px 40px;
padding:0;
list-style:circle;}

ul.links li {padding: 4px 0 4px 0px;
margin:0;
font-size: 11px;}

.feedback { color: red; }



/* Shop Box 2 */ /*Moved to stop sbox overwriting its corners*/

#wh_main_content, #wh_main_content_faq { width: 745px; float:left; margin:0;padding:0;}
#wh_shop_content { width: 810px; float: left; margin: 0 0 0 5px; padding: 0; font-family: Arial, Sans-Serif; }
#wh_shop_content a { font-weight: normal; }


#wh_main_nav { width: 142px; float:left; margin:0; padding:0; }

#wh_static_nav { width: 200px; float:right; margin:0;padding:0; }

#wh_main_nav p{font-size: 11px;}
#wh_static_nav p{font-size: 11px;}

.marglef5{margin-left:5px;}

.clear {clear:both;}

/*SidePanel*/

.side-panel {background: url(images/side-panel-bg.gif) no-repeat bottom left; margin:25px 0 5px 0;}

.side-panel h3 {background: url(images/side-panel-h-bg.gif) no-repeat top left;}


/*HomePageTop*/
.hintro {font-size:32px; font-weight:normal; line-height: 140%; color:#292c68; padding:5px 10px 0px 5px;}

p.hintro2 {font-size:13px; padding:10px 0px 10px 10px;  width:420px;}

.himg {float:right; padding-bottom:40px; margin-right:15px;}

.orange2{color:#e07a21;}

/*3Cols*/
#leftcol, #leftcol_c, #leftcol_r{width:230px; float:left;margin:0 2px;}
#leftcol p{font-size: 11px;}
#midcol, #midcol_c, #midcol_r{width:230px; float:left;margin:0 3px;}
#midcol p{ font-size: 11px;}
#rightcol{width:230px; float:right;margin:0 3px; padding:0; font-size: 11px;}
#rightcol p{font-size: 11px;}
#hintro{}
#leftcol_c{background-color:#dfdfdf; height:580px;}
#midcol_c{background-color:#dfdfdf; height:580px;}
#leftcol_c p{padding:8px 0px 8px 12px;}
#midcol_c p{padding:8px 0px 8px 12px;}

#leftcol_r{background-color:#dfdfdf; height:400px;}
#midcol_r{background-color:#dfdfdf; height:400px;}
#leftcol_r p{padding:8px 0px 8px 12px;}
#midcol_r p{padding:8px 0px 8px 12px;}
#rightcol_r {width:276px; float:right;margin:0 3px; padding:0; padding-top:130px;}


/*2Cols*/
#leftcol2{width:340px; float:left;}
#rightcol2{width:340px; float:left; margin: 0 0 0 20px;}

/*MainPointsList*/
ul.main-points{margin:10px 50px 10px 50px;
padding:0;
list-style:decimal-leading-zero;}

ul.main-points li {padding: 5px 0 5px 0px;
margin:0;
background: url(images/icon-tick.gif2) no-repeat 0 4px;
font-size: 12px; color:#494949;}

/*BikeList*/
ul.bike-prices{margin:5px 0 20px 5px;
padding:0;
list-style:none;}

ul.bike-prices li {padding:5px 0 5px 15px;
margin:0;
font-size: 11px; }

ul.bike-prices li.point {background: url(images/css/arrow-icon.gif) no-repeat 0 7px;}

/*NewsPage*/
h2.h_n{border-top: dashed 1px #8e8e8e;}

p.small {padding:0 25px 10px 10px;
margin:0;
font-size:11px;
color: #292929;}

p.smallb {font-size:12px;
padding:0px 25px 25px 5px;
margin:0;
color: #ea8024;font-weight:bold;}

.smaller {font-size:13px;}


/*table*/

/*added main div to apply this to prevent generic site wide changes - phil*/

#wh_main_content td  {border:none;
color: #494949;
/*background-color: #fff;*/
padding:3px;
font-size:11px;}

#wh_main_content table {margin:20px 0px;
border-collapse:collapse;}

#wh_main_content tr.odd  td{background-color: #e1e1e1;}

#wh_main_content tr.odd2  td{background-color: #f5dfb5;}

.cent {text-align:right;font-weight:normal;}

.cent2 {text-align:right;font-size:9px;width:60px;font-weight:normal;}

.smallt {font-size:9px; padding:0px 3px 4px 3px;font-weight:normal;}

.tabbike{font-weight:bold;}

.tabbikelar img{margin-left:20px;}

.tabprodlar span{font-weight:bold;}

/*FIX AJAX Callout Validator - broken by table style above */
.ajax__validatorcallout { border: solid 1px black; padding: 0; margin: 0;}

/*employee page*/

#bike_div{background: url(images/bike_bg.jpg) no-repeat left bottom; margin-right:10px;}
#bike_div h3, #bike_div p, #bike_div2{padding-right:300px;}
#bike_employer_div{background: url(images/bike_employer_bg.jpg) no-repeat left bottom; margin-right:10px; margin-bottom:20px;}
#bike_div2{background: url(images/bike_bg2.jpg) no-repeat left bottom; margin-right:10px;}
#wh_cart_summary { position: absolute; right: 10px; top: 60px; padding-top: 3px; font-size: 10px; }
#wh_cart_summary a:hover { color: white; }
.wh_cart_summary_text {}
.subscribe { float: right; }
.cart_promo, .delivery_costs {
  font-size: 12px; font-family: arial, sans-serif;
}

 .hto-bg {margin:35px 0 0 0; background: url(images/css/hto.jpg) no-repeat left top;height:407px;}
 .hto-bg h3 {margin:0; padding:10px 0 0 20px;}
 .howorder1 { width:190px; float:left; margin:65px 10px 20px 60px;}
 .howorder2 { width:190px; float:left; margin:65px 10px 20px 40px;}
 .howorder3 { width:190px; float:left; margin:65px 10px 20px 40px;}
 .pleasenote {clear:left;margin:0px 40px 0 50px;}
 .opentime { background-color: White; margin: auto; color: Black; font-size: 11px; }
 .whatnext { font-size: 12px; }
 
 /*fix for asmx files*/
 #content { width: 90%; margin: auto; background-color: white; padding: 20px; }
 
 
 /*Modal Popup Extender*/
.modalBackground { 
            background-color:#333333; 
            filter:alpha(opacity=70); 
            opacity:0.7; 
        } 
        .modalPopup { 
            background-color: white; 
            border-width:1px; 
            border-style:solid; 
            border-color:#CCCCCC; 
            padding:1px; 
            width:300px; 
            Height:200px; 
        } 
 
  
 .pos_feedback {
   border: solid 1px #18700f;
   background: #d1ffa5 url('Images/accept.png') no-repeat 5px 5px;
   color: #18700f; padding: 5px 5px 5px 25px; font-size: 11px;
   width: 70%;
 }

/*login page*/
 
.login-page,.login-page2{width:330px; height:460px; float:left; background:#d8d8d8 url('Images/login-bg.gif') no-repeat left bottom; margin:20px 0 10px 10px;}
.login-page2{margin:20px 0 10px 23px;}
.login-page p,.login-page2 p,.login-page h3,.login-page2 h3{padding-left:20px; padding-right:20px;}
.login-page ul{padding-left:5px;padding-right:15px;list-style-type:none;}

/*services page*/
.services-cs, .services-co, .services-b4s, .services-ps{width:348px; height:138px; float:left; background: url(images/services-cyclesolutions.gif) no-repeat left bottom; margin:20px 0 10px 0;}
.services-co {float:right; background: url(images/services-corporate.gif) no-repeat left bottom; margin:20px 0 10px 10px;}
.services-b4s { background: url(images/services-bikes4school.gif) no-repeat left bottom; margin:10px 0 20px 0;}
.services-ps {float:right; background: url(images/services-parking-storage.gif) no-repeat left bottom; margin:10px 0 20px 10px;}
.services-cs h3, .services-co h3, .services-b4s h3, .services-ps h3{margin:0; padding:10px 0 0 105px;color: #494949;}
.services-cs ul, .services-co ul, .services-b4s ul, .services-ps ul {margin:0; padding:10px 0 0 110px;list-style-type:none;}
.services-cs li, .services-co  li, .services-b4s li, .services-ps li {margin:0; padding:5px 0 0 0px;}
.services-cs li a, .services-co  li a, .services-b4s li a, .services-ps li a {font-weight:normal;}

/*eurostar1 css*/
p.hintro3 {font-size:37px; font-weight:normal; line-height: 140%; color:#292c68; padding:5px 10px 0px 5px;}
p.hintro4 {font-size:21px; font-weight:normal; line-height: 140%; color:#292c68; padding:0px 10px 0px 5px;}
p.hintro5 {font-size:15px; font-weight:bold; line-height: 140%; color:#292c68; padding:14px 10px 0px 8px;}
p.hintro6 {font-size:11px; padding:7px 0px 7px 10px;  width:420px; margin-right:50px;}
.himg2 {float:right; padding-bottom:50px; padding-top:10px; margin-left:15px; margin-right:15px;}