/* ----------------------------------------------------------
Site: www.wheelbase.co.uk
Design by: Paul Blakey [paul@bfinternet.co.uk] & Sam Hunter
Programming by: Tom Milligan [tom@bfinternet.co.uk]
Version: 2.8.1 Date 4th February 2010
-----------------------------------------------------------

----------------------------------------------------------*/
/*  
General Styles
------------------------------------------------------------------------------------------- */

/* Building Blocks  */
    
body, html {
    position:relative;
    margin: 0 auto;
    font-family: tahoma, arial, lucida sans;
    font-weight: normal;
    font-size: 12px;
    text-align:center;
    /* background: url(http://www.wheelbase.co.uk/images/main_template/freeride_bg.gif) repeat-x 28px top; */
	background-attachment:scroll;
	background-color:#fff;
	background-image:url("../images/wheelbaseBg.jpg");
	background-position:center top;
	background-repeat:no-repeat;
}
    
/*Freeride Banner-------------------------------*/

div#FreerideBanner {
    /*width: 100%;*/
    background-color: #00a3e6;
    height: 28px;
    position: absolute;
    top: 0;
    width: 960px;
    left: 0;
}

#FreerideBanner a:hover {text-decoration:none; border:none;}

.FRbanner, .FRbanner:hover {
	margin:10px 0 0 12px;
	text-decoration:none;
	border:none;
}

.FRbanner img {margin-top:10px;}

/*-----------------------------------------------*/
    
div#wrapper {
    width:960px;
    margin: 0 auto;
    /*margin: -30px 0 0 0;*/
    /* min-height: 1250px; */
    background: url(https://www.wheelbase.co.uk/images/main_template/wrapper_bg.gif) repeat-y;
    position: relative;
}
    
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
    
ul {margin:17px;}
    
ul li {list-style:none;}
    
a {
    text-decoration:none;
    color: #556C08;
    font-weight: bold;
}
    
p a {
    text-decoration:none;
    color: #556C08;
    font-weight: bold;
}
    
.hidden {
    position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
}
    
a:hover {
    text-decoration:none;
    border-bottom:1px dotted #556C08;
}

div#masthead {
    background: #FFFFFF url(https://www.wheelbase.co.uk/images/main_template/wheelbase_text.gif) no-repeat 212px 21px;
    display: inline;
    float:left;
    height: 90px;
    text-align:right;
    width:100%;
    margin-top: 28px;
}
    
div#masthead a.homelink {
    display:block;
    height:78px;
    left:190px;
    margin-top:-76px;
    position:relative;
    top:85px;
    width:327px;
    z-index:30;
}

div#masthead a.homelink:hover {
    text-decoration:none;
    border:none;
}

#masthead a.ebay {
    background: transparent url(https://www.wheelbase.co.uk/images/main_template/social-media/ebay.png) no-repeat scroll 0 0;
    display: block;
    height: 25px;
    position: absolute;
    right: 137px;
    top: 40px;
    width: 25px;
}

#masthead a.youtube {
    background:transparent url(https://www.wheelbase.co.uk/images/main_template/social-media/youtube.png) no-repeat scroll 0 0;
    display:block;
    height:25px;
    position:absolute;
    right:1px;
    top:40px;
    width:25px;
}


#masthead a.flickr {
    background:transparent url(https://www.wheelbase.co.uk/images/main_template/social-media/flickr.png) no-repeat scroll 0 0;
    display:block;
    height:25px;
    position:absolute;
    right:35px;
    top:40px;
    width:25px;
}

#masthead a.twitter {
    background:transparent url(https://www.wheelbase.co.uk/images/main_template/social-media/twitter.png) no-repeat scroll 0 0;
    display:block;
    height:25px;
    position:absolute;
    right:69px;
    top:40px;
    width:25px;
}

#masthead a.fb {
    background:transparent url(https://www.wheelbase.co.uk/images/main_template/social-media/facebook.png) no-repeat scroll 0 0;
    display:block;
    height:25px;
    position:absolute;
    right:103px;
    top:40px;
    width:25px;
}

#masthead a.fb:hover, #masthead a.twitter:hover, #masthead a.flickr:hover, #masthead a.ebay:hover, #masthead a.youtube:hover {
    top:42px;
}

#masthead a span {
    display:none;
}

#masthead a:hover {
    text-decoration:none;
    border:none;
}
    
p.sidebar {
    color:#5F7A07;
    float:left;
    font-family:verdana;
    font-size:10px;
    font-weight:normal;
    margin: 7px 0 0 13px;
}

p.sidebar a {
    text-decoration:underline;
}

p.sidebar a:hover {
    text-decoration:none;
    border:none;
}

.footnote {
    font-size:10px;
    font-weight:bold;
}

/*Headings----------------------------------------*/

h1 {
    font-family:arial;
    font-size:30px;
    margin: 15px 0 5px 14px;
    padding:0;
    color: #556c08;
}

h2 {
    font-family:arial;
    font-size:25px;
    margin: 15px 0 0 14px;
    padding:0;
    color: #556c08;
}

div#product-TextContainer p.productName {
	font-family: 'Oswald',sans-serif !important;
	font-weight: normal;
	font-size: 20px;
	clear: both;
	color: #303030;
	line-height: 24px;
}

h3 {
    font-family:arial;
    font-size:18px;
    margin: 15px 0 0 14px;
    padding:0;
    color:#F36500;
}

h4 {
    font-family:arial;
    font-size:11px;
    margin: 10px 0 0 14px;
    padding:0;
}

h1#logo {
    display: block;
    float: left;
    left: -4px;
    margin:0;
    position: relative;
    width:209px;
    height:129px;
    top: 0px;
    text-indent:-99999px;
    background:url(https://www.wheelbase.co.uk/images/main_template/logo.png) no-repeat top left;
    z-index: 80;
    }
    
h1#logo a {
    display:block;
    height:129px;
    width: 209px;
    text-indent:-99999px;
    }
    
h1#logo a span.text {
    z-index:0;
    font-size:2px;
}

.replace {
    overflow:hidden;
}
    
div#masthead p {
    font-size: 20px;
    font-family: Lucida Sans;
    font-weight: bold;
    margin: 49px 0 0 0;
	text-indent: -9999px;
	float: right;
	width: 238px;
	height: 37px;
	background: url(https://www.wheelbase.co.uk/images/main_template/telephoneNumber.jpg) no-repeat;
	text-align: left;
}

div#masthead p.social {
    float:right;
    font-family:arial;
    font-size:12px;
    margin:0;
    position:absolute;
    right:85px;
    text-transform:uppercase;
    top:41px;
    width:151px;
}

div#masthead p span {
    color: #607a07;
}
    
/*Left Container----------------------------------*/

div#left-content {
    background-color: #e8f0c3;
    float:left;
    width:190px;
    /* min-height:1250px; */
    }
    
div#leftnav-box {
    background-color: #7b9a12;
    float:left;
    width:190px;
}

h4#search-header {
    background: url(https://www.wheelbase.co.uk/images/main_template/searchshop_bg.jpg) no-repeat;
    width: 190px;
    height: 24px;
    margin: 42px 0 0 0;
    font-size: 0;
}

form.searchbox {
    margin: 19px 0 10px 10px;
}

form.searchbox input {
    border-left:1px solid #ff9600;
    border-top:1px solid #ff9600;
    border-bottom:1px solid #ff9600;
    border-right:none;
    width:122px;
    position:relative;
    top: -4px;
	padding: 4px;
}

form.searchbox input.search_button {
    background: url(https://www.wheelbase.co.uk/images/main_template/search_button.gif) no-repeat;
    width: 39px;
    height: 24px;
    text-indent:-9999px;
    border:none;
    margin:0;
    left:-8px;
    top:-8px;
    cursor:pointer;
    font-size:0;
    line-height:0;
}

h4#online-shop {
    background:url(https://www.wheelbase.co.uk/images/main_template/onlineshop_bg.jpg) no-repeat;
    width: 190px;
    height:24px;
    margin: 0;
}

div#shopnav {
    width: 190px;
    float:left;
    background-color:#7B9A12;
}

div#shopnav ul.shop {
    list-style-type: none;
    margin: 10px 0 0 0;
    padding: 0;
    text-align: left;
}

div#shopnav ul.shop li {
    margin: 0;
}

div#shopnav ul.shop li a {
    background-color: #7B9A12;
    border: medium none;
    color: #FFFFFF;
    display: block;
    font-family: arial;
    font-size: 12px;
    padding: 5px 1px 5px 10px;
    text-decoration: none;
    width: 179px;
}

div#shopnav ul.shop li a:hover {
    background-color: #607a07;
    background-image: url(https://www.wheelbase.co.uk/images/main_template/dots.gif);
    background-repeat:no-repeat;
    background-position: right center;
    color: #fff;
}

div#shopnav ul.shop li ul{
    margin:0px;
    padding:0;
    background-color: #adcf3b !important; 
}
    
div#shopnav ul.shop li ul li a {
    background-image: none !important;
    background: none !important;
    color: #000 !important;
    font-size: 10px !important;
    font-family: tahoma !important;
    font-weight: normal !important;
    padding-left: 10px;
}

div#shopnav ul.shop li ul li a:hover {
    text-decoration: underline;
	background-color: #CFE17B;
}

div#shopnav li a#current {
    background: #607a07;
}

.hotline {
	color: #000;
}

a.toggler {
	cursor: pointer;
}
    
/*Main Container---------------------------------*/

div#main-content {
    float:left;
    width:580px;
    text-align: left;
    margin:0;
    padding:0;
	overflow:hidden;
	position: relative;
	font-size: 11px;
}

div#main-content h1 {
    font-family:arial;
    font-size:30px;
    margin: 15px 0 5px 14px;
    padding:0;
    color: #556c08;
}

div#main-content h1.xmas {
    font-family:arial;
    font-size:30px;
    margin: 15px 0 5px 14px;
    padding:0;
    color: #9a0000;
}

div#main-content h2 {
    font-family:arial;
    font-size:25px;
    margin: 15px 0 0 14px;
    padding:0;
    color: #556c08;
    text-transform:uppercase;
}

div#main-content h3 {
    font-family:arial;
    font-size:18px;
    margin: 8px 0 0 19px;
    padding:0;
    color:#F36500;
}

div#main-content h4 {
    font-family:arial;
    font-size:16px;
    margin: 10px 0 0 19px;
    padding:0;
    font-weight:bold;
}

div#main-content h5 {
    font-size: 13px;
    margin:20px 0 8px 9px;
    text-transform:uppercase;
    text-align:center;
}

div#main-content p {
    margin: 5px 20px 10px;
    line-height:16px;
    font-family:tahoma,arial;
}

div#main-content ul {
    margin:10px 0 10px 21px;
    }
    
div#main-content ul li {
    list-style-type:none;
    font-weight:bold;
    }

div#hero-pod {
    width: 580px;
    height: 291px;
    background: url(http://www.wheelbase.co.uk/images/homepage_promotions/img1.jpg) no-repeat;
}

div#terms-pod {
    width: 580px;
    height: 291px;
    background: url(http://www.wheelbase.co.uk/images/main_template/terms_banner.jpg) no-repeat;
}

div#store-pod {
    width: 580px;
    height: 291px;
    background: url(http://www.wheelbase.co.uk/images/main_template/store_banner.jpg) no-repeat;
}

div#lanequest-pod {
    width: 580px;
    height: 291px;
    background: url(http://www.wheelbase.co.uk/images/main_template/lanequest_banner.jpg) no-repeat;
}

div#customfit-pod {
    width: 580px;
    height: 291px;
    background: url(http://www.wheelbase.co.uk/images/main_template/customfit_banner.jpg) no-repeat;
}

div#prodispatch-pod {
    width: 580px;
    height: 291px;
    background: url(http://www.wheelbase.co.uk/images/main_template/prodispatch_banner.jpg) no-repeat;
}

div#workshop-pod {
    width: 580px;
    height: 291px;
    background: url(http://www.wheelbase.co.uk/images/main_template/workshop_banner.jpg) no-repeat;
}

div#sizeguide-pod {
    width: 580px;
    height: 291px;
    background: url(http://www.wheelbase.co.uk/images/main_template/sizeguide_banner.jpg) no-repeat;
}

div#team-pod {
    width: 580px;
    height: 291px;
    background: url(http://www.wheelbase.co.uk/images/main_template/team_banner.jpg) no-repeat;
}

div#events-pod {
    width: 580px;
    height: 291px;
    background: url(http://www.wheelbase.co.uk/images/main_template/events_banner.jpg) no-repeat;
}

div#contact-pod {
    width: 580px;
    height: 291px;
    background: url(http://www.wheelbase.co.uk/images/main_template/contact_banner.jpg) no-repeat;
}

div#currency-pod {
    width: 580px;
    height: 291px;
    background: url(http://www.wheelbase.co.uk/images/main_template/currency_shipping.jpg) no-repeat;
}

div#service-pod {
    width: 580px;
    height: 291px;
    background: url(http://www.wheelbase.co.uk/images/main_template/services_banner.jpg) no-repeat;
}

div#news-reel {
    background:url(http://www.wheelbase.co.uk/images/main_template/news_scroller_bg.jpg) no-repeat;
    width: 559px;
    height:31px;
    margin: 1px 10px 12px;
    position: relative;
	overflow: hidden;
}

a.news-reelBtn {
	position: absolute;
	width: 116px;
	height: 25px;
	background:url(http://www.wheelbase.co.uk/images/main_template/latestnewsBtn.gif) no-repeat;
	top: 3px;
	left: 8px;
	display: block;
	z-index: 50;
	border: none;
}

div#news-reel p {
    padding: 2px 0 0 115px;
    font-weight:bold;
}

p.centertext {
    text-align:center;
    font-weight:bold;
}

.lanequest-event {
	float: left;
	width: 540px;
	margin-left: 20px;
	border: 1px solid #e1e1e1;
	background:url(http://www.wheelbase.co.uk/images/main_template/lanequest_gradient.jpg) repeat-x;
	background-color: #e4e3eb;
	margin-bottom: 10px;
}

.lanequest-event p {
	margin: 5px 20px !important;
	line-height: 14px !important;
}

a.eventWebsite {
	-moz-border-radius: 3px 3px 3px 3px;
    background: none repeat scroll 0 0 #FFFFFF;
    color: #F36500;
    float: right;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 5px 10px;
    text-decoration: none;
	border: 1px solid #e1e1e1;
}

a.eventWebsite:hover {
	text-decoration: underline;
}

/*STYLING FOR DYNAMIC CONTENT WITHIN EACH BARGAIN ITEM-----------------*/

div#bargains-container {
    width: 560px;
    float: left;
    margin: 0 0 0 13px;
    padding:0;
}

div#bargains-container a {
	cursor: pointer;
}

div#main-content .bargainbox {
    padding: 0;
    margin:0 5px 10px 0;
    background: url(http://www.wheelbase.co.uk/images/main_template/bargains/bargain_1.jpg) no-repeat;
    width: 179px;
    height: 178px;
    float: left;
    position: relative;
}

/*----------------Christmas Styles-----------------*/

div#main-content .bargainbox-xmas {
    padding:0;
    margin:0 6px 10px 0;
    background: url(http://www.wheelbase.co.uk/images/main_template/bargains/bargain_1.jpg) no-repeat;
    width: 180px;
    height: 239px;
    float:left;
    position:relative;
}

div#main-content .bargainbox-xmas h3 {
	margin: 5px 12px 0 7px;
	padding: 0;
	font-size: 14px;
	text-transform: uppercase;
	/*font-family: "arial black", Arial;*/
	color: #fff;
	/*text-align: center;*/
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

div#main-content .bargainbox-xmas h4 {
    padding:0;
    text-transform:uppercase;
    font-family:arial;
    text-align:center;
    color:#000;
    position:absolute;
    top:91px;
    left:95px;
}

div#main-content .bargainbox-xmas h4.sale {
    padding:0;
    text-transform:uppercase;
    font-family:arial;
    text-align:center;
    font-size:35px;
    color:#000;
    position:absolute;
    top:104px;
    left:82px;
    letter-spacing: -2px;
}

div#main-content .bargainbox-xmas p {
    margin:0;
    padding:0;
    width:85px;
    position:absolute;
    top:128px;
    left:9px;
    color:#fff;
    font-weight:bold;
    text-align:left;
    text-transform:uppercase;
}

#main-content .bargainbox-xmas .price {
    color:yellow;
}

/*----------------End of Christmas Styles-----------------*/

div#main-content .bargainbox h3 {
	margin: 5px 12px 0 7px;
	padding: 0;
	font-size: 14px;
	text-transform: uppercase;
	/*font-family: "arial black", Arial;*/
	color: #000;
	/*text-align: center;*/
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

div#main-content .bargainbox h4 {
    padding:0;
    text-transform:uppercase;
    font-family:arial;
    text-align:center;
    color:#000;
    position:absolute;
    top:91px;
    left:95px;
}

div#main-content .bargainbox h4.sale {
    padding:0;
    text-transform:uppercase;
    font-family:arial;
    text-align:center;
    font-size:35px;
    color:#000;
    position:absolute;
    top:104px;
    left:82px;
    letter-spacing: -2px;
}

div#main-content .bargainbox p {
    margin:0;
    padding:0;
    width:85px;
    position:absolute;
    top:128px;
    left:9px;
    color:#fff;
    font-weight:bold;
    text-align:left;
    text-transform:uppercase;
}

.price {
    color:red;
}

div#latestPost {
    background:#E8F0C3 none repeat scroll 0 0;
    float:left;
    height:173px;
    margin-left:17px;
    overflow:auto;
    width:542px;
}

/*Right Container---------------------------------*/

div#right-content {
    background-color: #e8f0c3;
    float:left;
    /* min-height: 1250px; */
    width:190px;
    }

div#shopping-cart {
    background: url("https://www.wheelbase.co.uk/images/main_template/basket_bg.png") no-repeat scroll 0 0 transparent;
    height: 130px;
    left: -35px;
    position: relative;
    top: 10px;
    width: 215px;
    z-index: 90;
}

div#shopping-cart img {
    float: left;
    margin: 12px 0 0 82px;
    padding: 0;
}

div#shopping-cart h2 {
    font-size: 12px;
    margin-top: 82px;
    margin-left:24px;
    color:#fff;
    display:block;
    clear:both;
    text-align:right;
    position:absolute;
}

div#shopping-cart h3 {
    clear: both;
    color: #FFFFFF;
    display: block;
    font-size: 22px !important;
    margin-left: 23px;
    margin-top: 96px;
    position: absolute;
    text-align: right;
}

div#shopping-cart h3 a {
    color:#fff;
    font-weight: normal !important;
}

div#shopping-cart h3 a:hover {
    border:none;
    text-decoration:underline;
}

span.cartlink {
    color: #556C08;
    float: right;
    font-family: verdana;
    font-size: 9px;
    font-weight: normal;
    margin: 15px 13px 0 0;
}

span.cartlink2 {
    color: #000000;
    float: right;
    font-family: verdana;
    font-size: 9px;
    font-weight: normal;
    margin: 6px;
}

span.cartlink2 a {
    font-size: 9px;
    font-family:verdana;
    font-weight:normal;
    color: #000;
    margin-right:7px;
    text-decoration:none;
}

span.cartlink a {
    font-size: 9px;
    font-family:verdana;
    font-weight:normal;
    color: #556C08;
    text-decoration:none;
}

span.cartlink a:hover, span.cartlink2 a:hover {
    border-bottom: 1px dotted;
}

h4#login-area {
    background: url(http://www.wheelbase.co.uk/images/main_template/login_bg.jpg) no-repeat;
    width: 190px;
    height: 24px;
    margin: 0 0 6px;
    font-size: 0;
	float: left;
}

form.login-home {
	float: left;
}

form.login-home p {
    color: #556c08;
    font-size: 10px;
    font-weight:bold;
    float:left;
    margin-left: 11px;
}

form.login-home input {
    border: 1px solid #a1c81b;
    width: 162px;
    /*height:22px;*/
    padding: 3px;
    position: relative;
    top: -6px;
}

form.login-home input.login_button {
    background: url(http://www.wheelbase.co.uk/images/main_template/login_button.gif) no-repeat;
    width: 56px;
    height: 23px;
    text-indent: -9999px;
    border: none;
    margin: 0;
    left: -13px;
    top: 0;
    cursor: pointer;
    float: right;
    font-size: 0;
    line-height: 0;
}

form.login-home input.login_button:hover {
	background-position: 0 -23px;
}

div.loginuserbox {
	float: left;
    border: 1px solid #7A9912;
    margin: 2px 0 10px 11px;
    padding: 8px;
    width: 148px;
    background-color: #CFE17B;
}

div.loginuserbox h3 {
    background-color:#7A9912;
    color:#FFFFFF;
    font-size:14px;
    font-weight:bold;
    margin:-8px -8px 10px -8px;
    padding:5px;
}

div.loginuserbox p {
    font-size:10px;
    text-align:right;
}

div.loginuserbox a:hover {
    text-decoration:none;
    color:#FF5A00;
    border:none;
}

.userLogin, .userCredit {
	float: left;
	width: 167px;
	margin-left: 11px;
	margin-bottom: 10px;
}

.userLoginTop {
	background: url(/images/main_template/user-sprite.gif) no-repeat;
	width: 167px;
	height: 31px;
	padding-top: 2px;
}

.userLoginTop p, .userCreditTop p {
	color: #fff;
	width: 138px;
	float: right;
	text-align: right;
	margin: 0;
	font-size: 11px;
	padding-right: 6px;
}

.userLoginTop p.userName {
	font-weight: bold;
}

.userCreditTop {
	background: url(/images/main_template/user-sprite.gif) no-repeat;
	width: 167px;
	height: 21px;
	padding-top: 5px;
	background-position: 0 -125px;
}

.userLogin ul, .userCredit ul {
	margin: 0;
	padding: 0;
}

.userLogin ul li, .userCredit ul li {
	float: left;
	width: 167px;
	height: 23px;
	background: url(/images/main_template/user-sprite.gif) no-repeat;
}

.userLogin ul li.details {background-position: 0 -33px;}
.userLogin ul li.details:hover {background-position: -167px -33px;}
.userLogin ul li.email {background-position: 0 -56px;}
.userLogin ul li.email:hover {background-position: -167px -56px;}
.userLogin ul li.orders {background-position: 0 -79px;}
.userLogin ul li.orders:hover {background-position: -167px -79px;}
.userLogin ul li.logout {background-position: 0 -102px;}
.userLogin ul li.logout:hover {background-position: -167px -102px;}

.userLogin ul li a {
	color: #303030;
    float: left;
    font-size: 10px;
    font-weight: bold;
    padding-left: 6px;
    padding-top: 4px;
	display: block;
	width: 161px;
	height: 18px;
	text-align: left;
}

.userLogin ul li a:hover {
	border: none;
	text-decoration: underline;
}

.userCredit ul li {
	color: #303030;
    float: left;
    font-size: 10px;
    height: 19px;
    padding: 4px 7px 0;
    text-align: left;
    width: 153px;
}

.userCredit ul li span {
	text-align: right;
	float: right;
}

.userCredit ul li.account, .userCredit ul li.loyalty, .userCredit ul li.total {background-position: 0 -151px;}
.userCredit ul li.total {font-weight: bold;}

h4#hot-links {
    background:url(https://www.wheelbase.co.uk/images/main_template/hotlinks_bg.jpg) no-repeat;
    width: 190px;
    height:24px;
    margin: 10px 0 10px 0;
    font-size:0;
	float: left;
}

.hot-links {
    width:170px;
    margin:0;
}

.hot-links img {
    margin: 0 0 6px 12px;
}

.hot-links a {
    border:none;
	float: left;
	display: block;
}
		.hot-links a.mb:hover {
			background:none!important;
		}
		.hot-links a.mb .OverlayIcon {
			display:none!important;
		}

/*Footer---------------------------------*/
    
/* -- div#footer {
    float:left;
    width:960px;
    height:57px;
    background: url(http://www.wheelbase.co.uk/images/main_template/footer_bg.gif) no-repeat;
    margin:4px 0 0 0;
}

div#footer p {
    margin:0;
    padding:0;
    color:#fff;
    font-weight:bold;
    font-size:11px;
    float:left;
    position:relative;
    top:35px;
    left:11px;
}

div#footer ul {
    margin:0;
    padding:0;
    width: 376px;
    float:right;
    position:relative;
    top:35px;
    left:19px;
}

div#footer ul li {
    margin:0;
    padding:0;
    display:inline;
    color:#fff;
    font-size:11px;
}

div#footer ul li a {
    font-weight:bold;
    color:#fff;
}

div#footer ul li a:hover {
border:none;
color:#000;
text-decoration:none;
} -- */



div#footer {
    width: 960px;
    background: #708e0b url(http://www.wheelbase.co.uk/images/main_template/footerBg.jpg) no-repeat;
    margin: 0;
	float: left;
}

div#footer p {
    margin: 0;
    padding: 0;
    color: #fff;
    font-weight: bold;
    font-size: 11px;
    float: left;
    position: relative;
    top: 35px;
    left: 11px;
}

div#footer ul {
    margin: 0;
    padding: 0;
	text-align: left;
}

div#footer ul li {
    margin: 0;
    padding: 0;
    color: #e3eebf;
    font-size: 11px;
	line-height: 22px;
}

div#footer ul li a {
    font-weight: normal;
    color: #e3eebf;
	display: block;
	text-shadow: 1px 1px #567000;
}

div#footer ul li:hover, div#footer ul li a:hover {
	border:none;
	color:#fff;
	text-decoration: underline;
	padding-left: 1px;
}

div#footer h3 {
	color: #fff;
	text-align: left;
	font-size: 16px;
	margin: 0 0 5px;
	padding: 0 0 8px;
	background: url("../images/main_template/footerBorder.gif") repeat-x scroll center bottom transparent;
	text-shadow: 1px 1px #567000;
}

.footerLeft, .footerMiddle, .footerRight {
	float: left;
}

.footerLeft {
	width: 269px;
	margin: 15px 25px;
}

.footerMiddle {
	width: 270px;
	padding: 0 26px;
	margin: 15px 0;
}

.footerRight {
	width: 269px;
	margin: 15px 25px;
}

div#subFooter {
	float: left;
	margin: 0;
	background: #567000;
	width: 960px;
	height: 60px;
	font-size: 11px;
	color: #fff;
	line-height: 5px;
}

.subFootLeft {
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	text-align: left;
	width: 710px;
	text-shadow: 1px 1px #405300;
}

.subFootLeft a {
	color: #fff;
	font-weight: normal;
}

.subFootLeft a:hover {
	text-decoration: underline;
}

.openingTimes {
	position: absolute;
	bottom: 5px;
	right: 5px;
	padding: 6px 10px;
	background: #405300;
	-moz-border-radius: 4px;
	border: 1px solid #3b4b06;
	color: #fff;
	font-size: 10px;
	width: 186px;
	text-align: right;
}

.openingTimes p {
	top: 0 !important;
	font-weight: normal !important;
	float: none !important;
	left: 0 !important;
}

.openingTimes p.shopOpening {
	padding-bottom: 5px !important;
	margin-bottom: 3px !important;
	border-bottom: 1px solid #263101;
}



/*BF internet linkback*/

p#bf {
        clear: both;
        font-size: 10px;
        font-weight: normal;
        margin: 5px auto 10px auto;
        padding-top: 4px;
        text-align: right;
/*--- Set this width to match your wrapper ---*/
        width: 960px;
}

p#bf a {
        border-bottom: none;
        font-weight: bold;
        text-decoration: none;
}

p#bf a:hover {
        color: #FF5A00;
        text-decoration: underline;
}

p#bf span a,#bf span a:hover {
        font-weight: normal;
        text-decoration: none;
}

p#bf, p#bf a, #bf span a:hover {
/*---- Change this colour to suit your page ---*/
        color: #ADAFA4;
}


/*  ----------------------------------------------------------
Navigations
------------------------------------------------------------------------------------------- */
/*
= navigation-main  */
div#hero-pod div#navigation-main {
	position: relative;
	top: -273px;
	left: 0;
	width: 500px;
	height: 32px;
    z-index:91;
	background:url(http://www.wheelbase.co.uk/images/main_template/nav1.png) no-repeat;
}

div#navigation-main {
	position: absolute;
	top: 10px;
	left: 0;
	width: 500px;
	height: 32px;
    z-index:79;
    background:url(http://www.wheelbase.co.uk/images/main_template/nav1.png) no-repeat;
}

div#navigation-main a {
	display: block;
	float: left;
}

div#navigation-main a:hover {
    border:none;
}

#store { width: 87px; height: 32px; }
#store:hover { background: url(http://www.wheelbase.co.uk/images/main_template/nav1.png) no-repeat; background-position: 0px -32px; }
#news { width: 59px; height: 32px; }
#news:hover { background: url(http://www.wheelbase.co.uk/images/main_template/nav1.png) no-repeat; background-position: -87px -32px; }
#calendar { width: 87px; height: 32px; }
#calendar:hover { background: url(http://www.wheelbase.co.uk/images/main_template/nav1.png) no-repeat; background-position: -146px -32px; }
#cyclescheme { width: 114px; height: 32px; }
#cyclescheme:hover { background: url(http://www.wheelbase.co.uk/images/main_template/nav1.png) no-repeat; background-position: -233px -32px; }
#contact { width: 107px; height: 32px; }
#contact:hover { background: url(http://www.wheelbase.co.uk/images/main_template/nav1.png) no-repeat; background-position: -347px -32px; }

/*
= navigation-secondary  */

div#navigation-secondary {
	/*position: relative;
	top: 0;
	left: 11px;*/
	margin-left: 11px;
	height: 30px;
}

body#home div#navigation-secondary {
	position: absolute;
	top: 291px;
}

div#navigation-secondary a {
	display: block;
	float: left;
        margin-right:1px;
        border:none;
        outline:0;
}

/*Google Map */

div#map {
    width: 540px;
    height: 400px;
    margin: 10px auto;
    border: 5px solid #ebebeb;
	-moz-border-radius: 4px;
}

/*ProDispatch Map*/

div#flashmap {
    width:550px;
    margin:20px 0 20px 0;
}

/*Wordpress Items*/

div#main-content h3.storytitle a:hover {
    border:none;
    text-decoration:underline;
    color:#000;
}

/* Captions & aligment */

.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.wp-caption {
    text-align: center;
    padding-top: 4px;
    background-color:#E8F0C3;
    border:1px solid #B7BF8F;
    margin:5px 20px 7px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
}
/* End captions & aligment */

.meta {
    margin:10px 0 0 20px;
    font-size:10px;
}

.storycontent {
    margin:10px 0 0 0;
}

div#main-content p object {
    margin-left:75px;
    margin-top:15px;
}

div#main-content p.video object {
	margin: 0 !important;
}

div#widget {
    border:1px solid #7A9912;
    float:right;
    margin:15px 21px 10px 15px;
    padding:0;
    width:200px;
    background-color:#E8F0C3;
}

div#widget ul {
    margin:0;
    padding:0;
    text-align:left;
}

div#widget ul li {
    background-color:#7A9912;
    color:#FFFFFF;
    font-size:17px;
    list-style-type:none;
    margin:0;
    padding:1px 0 0 8px;
}

div#widget ul li a {
    color:#FFFFFF;
}

div#widget ul li ul {
    margin:0;
    padding:0;
}

div#widget ul li ul li {
    background-color:#E8F0C3;
    color:#000000;
    font-size:11px;
    font-weight:normal;
    list-style-type:none;
    margin:0 0 0 -8px;
    padding:3px 0 7px 11px;
}

div#widget ul li ul li a {
    color:#5F7A07;
    font-weight:bold;
}

div#widget ul li ul li a:hover {
    color:#000;
    text-decoration:none;
    *text-decoration:none;
    border-bottom:1px dotted #000;
}

.pages {
    font-size:22px;
    font-weight:bold;
    color:#000;
}

/*Members Login & Related Items---------*/

input.password_button {
    background: url(http://www.wheelbase.co.uk/images/main_template/members/password_btn.jpg) no-repeat;
    width: 113px;
    height: 22px;
    text-indent:-9999px;
    border:none;
    margin:0;
    left:272px;
    top:-31px;
    cursor:pointer;
    font-size:0;
    line-height:0;
    position:relative;
}

input.password-field {
    height:18px;
    border:1px solid #A1C81B;
    width: 113px;
}

/*Members Registration Form-------------*/

form#membersform, form.edit_address_form {
        margin: 14px;
}

div#main-content h3.members, div.edit_address_form h3.members {
    margin: 0 0 2px 0;
    padding:0;
}

form#membersform fieldset, form.edit_address_form fieldset {
        width: 548px;
        border: 1px solid #A1C81B;
        padding-bottom: 14px;
        padding-top:15px;
        background-color:#E8F0C3;
}

form#membersform legend, form.edit_address_form legend {
        border: 1px solid #A1C81B;
        padding: 0.2em 0.8em;
        font-weight: bold;
}

form#membersform label, form.edit_address_form label {
        font-weight: bold;
        text-align: right;
        padding: 0 0.8em 0 0;
        margin-top: 8px;
        width: 246px;
        display: block;
        float: left;
}

form#membersform select.dropdown, form.edit_address_form select.dropdown {
        margin-bottom:4px;
}

form#membersform p.leftspacing, form.edit_address_form p.leftspacing {
        margin-left: 275px;
}

form#membersform p.leftspacing input, form.edit_address_form p.leftspacing input {
        width:163px;
}

form#membersform input, form#membersform textarea, form.edit_address_form input, form.edit_address_form textarea {
        margin-top: 2px;
        margin-bottom:6px;
        height:18px;
        width: 240px;
        border: 1px solid #A1C81B;
		padding: 3px 5px;
}

form#membersform select, form.edit_address_form select {
	margin-top: 2px;
	height: 24px;
	border: 1px solid #a1c81b;
	padding: 3px 5px;
}

form#membersform input:hover, form#membersform textarea:hover, form#membersform select:hover, form.edit_address_form input:hover, form.edit_address_form textarea:hover, form.edit_address_form select:hover {
        border-color: #FF9600;
}

form#membersform input:focus, form#membersform textarea:focus, form#membersform select:focus, form.edit_address_form input:focus, form.edit_address_form textarea:focus, form.edit_address_form select:focus {
        border-color: #A1C81B;
}

form#membersform textarea, form.edit_address_form textarea {
        width: 20.6em;
}

form#membersform input#button, form.edit_address_form input#button {
        background: url(http://www.wheelbase.co.uk/images/main_template/contactform_btn.jpg) no-repeat scroll 0 0;
        border:medium none;
        float:right;
        font-size:0;
        height:29px;
        left:-44px;
        line-height:0;
        position:relative;
        text-indent:-9999px;
        top:5px;
        width:83px;
        cursor:pointer;
}

form abbr.req {
	font-weight: normal;
	color: red;
	border: none;
}

/*Members - failed login--------------------*/

form#membersform input.login-again_button {
    background: url(http://www.wheelbase.co.uk/images/main_template/members/login_again.jpg) no-repeat;
    width: 113px;
    height: 22px;
    text-indent:-9999px;
    border:none;
    margin:0;
    left:-117px;
    top:34px;
    cursor:pointer;
    font-size:0;
    line-height:0;
    position:relative;
}

form#membersform fieldset:hover {
	background: #e6f4a7;
}

form#membersform input.login, form#membersform textarea.login {
    border:1px solid #A1C81B;
    height:18px;
    margin-bottom:0;
    margin-left:19px;
    margin-top:0;
    width:214px;
}

form#membersform p {
    margin:6px 20px 3px;
}

div#registerbox {
    background-color:#CFE17B;
    border:1px solid #A1C81B;
    float:right;
    height:124px;
    margin-right:15px;
    *margin-right:8px;
    width:150px;
}

div#registerbox h4 {
    font-size:22px;
    text-align:center;
    margin:5px;
    padding:0;
}

div#registerbox h4 a {
    color:#F04F00;
}

div#registerbox h4 a:hover {
    color:#5F7A07;
}

div#registerbox a {
    border:none !important;
}

.reg {
    margin:8px 0 0 18px;
}

div#registerbox p.member-title {
    font-size:18px;
    text-align:center;
    margin:36px 0 0;
    padding:0;
}

/* THE SHOPPING CART PROCESS--------*/

/*Shopping Cart*/

table.shoppingbasket {
    margin: 0 0 15px 19px;
    width: 540px;
}

table.shoppingbasket th {
    border: none;
    background-color: #303030;
    font-family: arial;
	text-align: center;
    color: #ffffff;
    font-size: 11px;
	padding: 10px;
}

table.shoppingbasket th.left {
	text-align: left;
}

table.shoppingbasket tr {
    margin-top:10px;
}

table.shoppingbasket td {
    border-bottom: 1px solid #fff;
    background-color: #ebebeb;
    font-size: 12px;
    font-family: arial;
	
}

table.shoppingbasket td.subtotal {
    background-color:#C6CF9B;
    text-align:right;
}

table.shoppingbasket td.subprice {
    background-color:#A7AF83;
    color:#000;
}

table.shoppingbasket td.shipping {
    background-color:#C6CF9B;
    text-align:right;
}

table.shoppingbasket td.shippingprice {
    background-color:#A7AF83;
    color:#DF0000;
}

table.shoppingbasket td.vat-removal {
    background-color:#C6CF9B;
    text-align:right;
}

table.shoppingbasket td.vat-removal-price {
    background-color:#A7AF83;
    color:#DF0000;
}

table.shoppingbasket td.grandtotal {
    background-color:#C6CF9B;
    text-align:right;
}

table.shoppingbasket td.finalprice {
    background-color:#A7AF83;
    color:#000;
	font-size: 18px !important;
}

table.shoppingbasket td input {
    padding: 2px 4px;
	width: 16px;
	border: 1px solid #bbb;
}

table.shoppingbasket td input.paypal {
    width:145px;
}

table.shoppingbasket .basket-recalculate {
	width:16px;
	height:16px;
	text-indent:-999em;
	font-size:0;
	line-height:0;
	background: url(/images/main_template/arrow_refresh.png) no-repeat;
	border:none;
    cursor:pointer;
	vertical-align: text-top;
    overflow: hidden;
	margin:0;
	padding:0;
}

table.shoppingbasket td.item {
    font-weight: normal;
	text-align: left;
	padding: 7px 10px;
}

table.shoppingbasket td.item .item-name {
    display:block;
}

table.shoppingbasket td.item .item-ref {
    display:block;
	font-size:11px;
}

table.shoppingbasket td.item .item-options {
	display:block;
    font-size:10px;
}

table.shoppingbasket td input.recalculate {
    background: url(http://www.wheelbase.co.uk/images/main_template/recalculate.jpg) no-repeat;
    border:none;
    cursor:pointer;
    font-size:0;
    height:29px;
    line-height:0;
    margin: 0 auto 10px;
    text-indent:-9999px;
    width:127px;
    display: block;
    overflow: hidden;
}

input.checkout {
    background: url(http://www.wheelbase.co.uk/images/main_template/checkout.jpg) no-repeat;
    border:none;
    cursor:pointer;
    font-size:0;
    height:29px;
    line-height:0;
    margin: auto;
    text-indent:-9999px;
    width:268px;
    display: block;
    overflow: hidden;
}

input.checkoutBtn {
	background: url(/images/main_template/checkoutbtn.jpg) no-repeat;
	border: none !important;
	cursor: pointer;
	font-size: 0;
	display: block;
	float: left;
	width: 227px !important;
	height: 94px !important;
	text-indent: -99999px;
}

input.checkoutBtn:hover {
	background-position: 0 -94px;
}

input.checkoutBtn {
	background: url(/images/main_template/checkoutbtn.jpg) no-repeat;
	border: none !important;
	cursor: pointer;
	font-size: 0;
	display: block;
	float: left;
	width: 227px !important;
	height: 94px !important;
	text-indent: -99999px;
}

input.checkoutBtn:hover {
	background-position: 0 -94px;
}

div.nothing-to-pay {
	background: none repeat scroll 0 0 #EBEBEB;
    float: left;
    font-family: arial;
    margin-bottom: 15px;
    margin-left: 20px;
    padding: 7px 12px;
    width: 518px;
}

div.nothing-to-pay p {
	float: left;
    margin: 11px 5px 7px !important;
    width: 200px !important;
}

input.no-pay-checkoutBtn {
	background: url(/images/main_template/nopaybtn.jpg) no-repeat;
	border: none !important;
	cursor: pointer;
	font-size: 0;
	display: block;
	float: right;
	width: 262px !important;
	height: 42px !important;
	text-indent: -99999px;
}

input.no-pay-checkoutBtn:hover {
	background-position: 0 -42px;
}

div.voucher-errors {
	background: url("/images/main_template/error.jpg") no-repeat scroll 13px 11px #FEE9E8;
    float: left;
    font-family: arial;
    margin-bottom: 15px;
    margin-left: 20px;
    padding: 7px 12px;
    width: 514px;
	border: 1px solid #c90103;
}

div.voucher-errors ul {
	margin: 5px 10px 5px 25px !important;
}

.basket-contents-holder {
	margin: -10px 0 10px 19px;
    width: 530px;
	background-color: #E8F0C3;
	font-family: tahoma;
    font-size: 12px;
    font-weight: bold;
	padding: 5px;
}
.basket-input-holder {
	margin-bottom:10px;
	float: left;
}

.basket-input-holder2 {
	margin: 0;
	float: left;
}

.basket-input-holder p, .basket-input-holder2 p{
	width: 92px !important;
}

a.editAddress, button.updateDelivery {
	border: medium none;
    cursor: pointer;
    display: block;
    float: left;
    height: 26px;
    margin: 0 0 0 8px;
    text-indent: -9999px;
    width: 119px;
}

a.editAddress {
	background: url("../images/main_template/editaddress.jpg") no-repeat scroll 0 0 transparent;
}
button.updateDelivery {
	background: url("../images/main_template/updatedelivery.jpg") no-repeat scroll 0 0 transparent;
}

a.editAddress:hover, button.updateDelivery:hover {
	background-position: 0 -26px;
}

span.shipping-address-list select, span.shipping-method-list select {
	border: 1px solid #BBBBBB;
    border-radius: 2px 2px 2px 2px;
    float: left;
    font-family: arial;
    font-size: 11px;
    font-weight: bold;
    padding: 4px;
    width: 300px;
}

span.shipping-address-list select {
	margin-top: -5px;
}

span.shipping-address-list {
	width: 295px;
	padding: 5px 5px 0 0;
	float: left;
	font-weight: bold;
}

.basket-input-holder label {
	display: inline-block;
    width: 190px;
}
.basket-checkout .basket-contents-holder {
	padding-top:15px;
	text-align:center;
}
.basket-foot-left {
	background-color: #cccccc !important;
    text-align: right !important;
}
.basket-foot-right {
	background-color: #303030 !important;
    color: #fff !important;
	font-weight: bold !important;
	font-size: 15px !important;
    font-weight: bold !important;
}
.credit-totals {
    display: inline-block;
    vertical-align: top;
}

/* --- Promo Codes --- */

p.checkoutTitle {
	color: #303030 !important;
    font-family: 'Oswald',sans-serif !important;
    font-size: 18px !important;
	font-weight: normal !important;
}

.promoCodes {
	float: left;
	width: 522px;
	margin-left: 20px;
	background: #ebebeb;
	padding: 7px 5px 7px 12px;
	margin-bottom: 22px;
}

.promoCodes p {
	float: left;
	width: 250px;
	padding-top: 4px;
	margin: 0 !important;
}

.promoCodes input {
	border: 1px solid #bbb;
    float: left;
    font-family: arial;
    font-size: 14px;
    font-weight: bold;
    padding: 4px;
    width: 145px;
	border-radius: 2px;
}

button.applyCode, button.applyCredit {
    border: none;
    float: left;
    cursor: pointer;
    display: block;
    height: 26px;
    margin: 0 0 0 8px;
    text-indent: -9999px;
    width: 106px;
}

button.applyCode {
	background: url("../images/main_template/applycodebtn.jpg") no-repeat scroll 0 0 transparent;
}
button.applyCredit {
	background: url("../images/main_template/applycreditbtn.jpg") no-repeat scroll 0 0 transparent;
}

button.applyCode:hover, button.applyCredit:hover {
	background-position: 0 -26px;
}

/* --- Account Credit / Loyalty --- */

.creditAmounts {
    float: left;
    margin-left: 20px;
    width: 540px;
	margin-bottom: 5px;
}

.creditAmounts p, .creditToUse p {
	margin: 6px 0 10px !important;
}

p.creditAmount, p.creditTotal {
	float: left;
	background: #ebebeb;
	padding: 10px;
	border-right: 1px solid #fff;
	margin: 0 !important;
	font-family: arial;
}

p.creditAmount {
	width: 137px;
	border-right: 6px solid #fff;
	background: #ccc;
}

p.creditTotal {
	width: 192px;
	font-weight: bold;
	font-size: 12px;
	font-family: arial !important;
	background: #303030;
	color: #fff;
}

p.creditAmount span, p.creditTotal span {
	text-align: right;
	float: right;
	font-weight: bold;
	font-family: arial !important;
    font-size: 12px;
}

.creditInput {
	float: left;
	background: #ebebeb;
	padding: 7px 8px;
    font-family: arial;
	margin-left: 20px;
	width: 522px;
	margin-bottom: 15px;
}

.creditInput p {
	margin: 0 0 10px !important;
}

.creditInput p.creditText {
	width: 242px;
	float: left;
	padding-top: 5px;
	margin-bottom: 0 !important;
}

.creditInput p span {
	font-size: 14px;
	font-weight: bold;
}

.creditInput input {
	border: 1px solid #BBBBBB;
    border-radius: 2px 2px 2px 2px;
    font-family: arial;
    font-size: 14px;
    font-weight: bold;
    padding: 4px;
    width: 145px;
}

.amountInput {
	float: left;
}

.amountInput span {
	font-weight: bold;
	font-size: 14px;
}

p.currencyLoyalty {
	width: 100px;
	float: left;
	display: none;
}

/*Checkout Details*/

div#memberscheckout {
    background: none repeat scroll 0 0 #EBEBEB;
    float: left;
    font-family: arial;
    margin-bottom: 15px;
    margin-left: 20px;
    padding: 7px 8px;
    width: 520px;
	border: 1px solid #ccc;
}

div#memberscheckout p.addressTitle, div#memberscheckout p.addressDetail {
	float: left;
    margin-top: 8px;
    padding: 0;
    text-align: left;
}

div#memberscheckout p.addressTitle {
	width: 100px;
	font-weight: bold;
	text-align: right !important;
}

div#memberscheckout p.addressDetail {
	width: 330px;
}

div.addressSection {
	float: left;
	display: block;
	border-bottom: 1px solid #CCCCCC;
}

input.finalCheckout {
	background: url(/images/main_template/finalcheckoutbtn.jpg) no-repeat !important;
	border: none !important;
	cursor: pointer;
	font-size: 0;
	display: block;
	float: right;
	width: 262px !important;
	height: 42px !important;
	text-indent: -99999px;
	margin: 0 !important;
}

input.finalCheckout:hover {
	background-position: 0 -42px;
}

div#memberscheckout p.change {
    background-color:#CFE17B;
    font-family:arial;
    font-size:15px;
    margin:0;
    padding:5px;
    text-align:right;
}

div#memberscheckout p.change a {
    text-decoration:none;
    border:none;
}

div#memberscheckout p.change a:hover {
    color:#FF5A00;
}

div#memberscheckout form ul {
    text-decoration: none;
    margin: 13px;
	float: left;
}

div#memberscheckout form ul li {
    text-decoration:none;
    list-style-type:none;
	width: 200px;
}

div#memberscheckout form input#button {
    background: url(http://www.wheelbase.co.uk/images/main_template/contactform_btn.jpg) no-repeat;
    border: none;
    font-size:0;
    height:29px;
    line-height:0;
    text-indent:-9999px;
    width:83px;
    cursor:pointer;
    margin:0 10px 10px;
    *display:block;
}

/*Search List*/

div#main-content div.searchcontainer {
    border:1px solid #7A9912;
    background-color: #E8F0C3;
    width:550px;
    margin: -10px 10px 14px 13px;
}

div#main-content div.searchcontainer a:hover {
    color:#FF5A00;
    text-decoration:none;
    border:none;
}

/*Orders------------------------------*/

/*Order Overview*/

table.orders {
    margin:10px 0 10px 19px;
    width:540px;
    border:1px solid #CFE17B;
}

table.orders th {
    border:1px solid #CFE17B;
    background-color: #CFE17B;
    text-align:center;
    font-family:arial;
    color: #607A07;
    font-size:12px;
	font-weight:bold;
}

table.orders tr {
    margin-top:10px;
    border:1px solid #CFE17B;
}

table.orders td {
    border:none;
    background-color: #E8F0C3;
    font-weight:bold;
    font-size:11px;
    font-family:tahoma;
}

table.orders td.viewdetails:hover {
    background-color:#5F7A07;
    color:#FFF;
}

table.orders td.finalprice {
    background-color:#A7AF83;
    color:#000;
}

/* ------------------------ */
/* Contact Thanks */

strong.teamwb {
	color: #7B9A12;
}

.alternatePayment {
	float: left;
	width: 265px;
	border-left: 1px solid #cccccd;
	padding-left: 12px;
	margin-left: 12px;
	height: 91px;
}

input.paypalbutton {
	background:transparent url(/images/main_template/paypalbtn.jpg) no-repeat scroll 0 0;
	border: none;
	cursor: pointer;
	height: 42px;
	text-indent: -9999px;
	width: 142px;
	display: block;
	margin: auto;
	overflow: hidden;
	font-size: 0;
	float: left
}

input.paypalbutton:hover {
	background-position: 0 -42px;
}

span.express-checkout {
	border-bottom: 1px solid #CCCCCD;
    display: block;
    float: left;
    margin-bottom: 9px;
    padding-bottom: 5px;
	width: 262px;
}

span.express-checkout p {
	margin: 0;
	padding-left: 7px;
    padding-top: 6px;
	font-size: 11px;
	line-height: 14px !important;
	width: 108px;
	color: #303030;
}

input.financeBtn {
	background:transparent url(/images/main_template/financebtn.jpg) no-repeat scroll 0 0;
	border: none;
	cursor: pointer;
	height: 34px;
	text-indent: -9999px;
	width: 256px;
	display: block;
	overflow: hidden;
	font-size: 0;
	float: right;
	margin-right: 4px;
}

input.financeBtn:hover {
	background-position: 0 -34px;
}

table.shoppingbasket td input.financeBtn {
	background: #10A1D6 url(http://www.wheelbase.co.uk/images/main_template/finance-checkout.jpg) no-repeat;
	border:none;
	color:#FFFFFF;
	cursor:pointer;
	height:29px;
	margin:0;
	text-indent:-9999px;
	width:238px;
	display: block;
	overflow: hidden;
	font-size: 0;
	color: #159DDB;
}

/* -- Mailing List 2.0 -- */

div#main-content form#mail-form {
    background-color:#E8F0C3;
    border:1px solid #D0DF8B;
    margin:20px 0 0 139px;
    padding:0;
    width:296px;
}

div#main-content form#mail-form fieldset {
    background-color: #E8F0C3;
    padding: 15px;
	margin-bottom: 0;
}

div#main-content form#mail-form fieldset label {
    color:#FF5A00;
    font-family:arial;
    font-size:15px;
    font-weight:bold;
}

div#main-content form#mail-form fieldset input {
    border:1px solid #CFE17B;
    margin:5px 0 10px;
    padding:7px;
    width:250px;
}

div#main-content form#mail-form fieldset input:hover {
    border: 1px solid #FF5A00;
}

div#main-content form#mail-form fieldset input:active, div#main-content form#mail-form fieldset input:focus {
    background-color:#ADCF3B;
    border:1px solid #7B9A12;
}

div#main-content form#mail-form fieldset input.button {
    cursor: pointer;
    float: right;
    margin: 10px 0 0;
    width: 146px;
	height: 30px;
	background: url(http://www.wheelbase.co.uk/images/main_template/subscribeBtn.jpg) no-repeat;
	font-size: 0;
	color: #f47814;
	border: 0;
}

div#main-content form#mail-form fieldset input.button:hover {
    background-position: 0 -30px;
    left:1px;
    position:relative;
    top:1px;
}

div#main-content form#mail-form fieldset input.check {
    display:inline;
    position:relative;
    top:2px;
    width:20px;
}

div#main-content form#mail-form fieldset label.check {
    color:#000000;
    font-size:12px;
    margin:10px 0;
}

#tweet {
    
}

.currencySelect {
	clear: both;
	width: 172px;
	float: left;
	margin-top: 8px;
	color: #303030;
	padding: 0 9px;
}

.currencySelect p.selectC {
	float: left;
	width: 58px;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	padding-top: 4px;
}

.currencySelect a {
	float: right;
	width: 23px;
	height: 23px;
	margin-left: 5px;
	background: url(/images/main_template/flags/currencies.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}

.currencySelect a:hover {border: none;}

.currencySelect a.pound {background-position: 0 0;}
.currencySelect a.euro {background-position: -23px 0;}
.currencySelect a.dollar {background-position: -46px 0;}
.currencySelect a.nkr {background-position: -69px 0;}

.currencySelect a.pound:hover {background-position: 0 -23px;}
.currencySelect a.euro:hover {background-position: -23px -23px;}
.currencySelect a.dollar:hover {background-position: -46px -23px;}
.currencySelect a.nkr:hover {background-position: -69px -23px;}

.currencySelect p.more {
	float: left;
	text-align: center;
	font-size: 11px;
	margin-left: 17px;
	margin-bottom: 8px;
}

.currencySelect p.more a {
	background: none;
	text-indent: 0;
	color: #303030;
	font-weight: bold;
	width: auto;
	height: auto;
}

.currencySelect p.more a:hover {
	text-decoration: underline;
}

/* --- Twitter Feed --- */

.twtr-hd { padding: 7px !important; }
.twtr-doc { -moz-border-radius: 0 !important; width: 190px !important; }
.twitterFeed { margin-left: 0px; }
.twtr-timeline { margin: 0 5px; }
.twtr-ft span  { font-size: 10px; margin-top: 2px; }
.twtr-ft div { padding: 6px !important; }
#twtr-widget-1 .twtr-bd, #twtr-widget-1 .twtr-timeline i a, #twtr-widget-1 .twtr-bd p { font-size: 10px !important; color: #f5fadc !important; }

.twtr-ft a img { width: 62px; }

/* --- Wordpress Styles --- */

h3.storytitle {
	font-size: 14px !important;
}

h3.wpDate {
	font-size: 16px !important;
}

.hentry {
	border-bottom: 1px dotted #000;
	margin-bottom: 30px;
}

.metaWp {
	display: none !important;
}

a.more-link {
	background: url("../images/main_template/wpReadMore.jpg") no-repeat scroll center top transparent;
	width: 78px;
	height: 24px;
	display: block;
	text-indent: -9999px;
	font-size: 0;
	cursor: pointer;
	color: #87a71b;
}

a.more-link:hover {
	background-position: 0 -24px;
	border: none;
}

/* --- Home page rotator --- */
#SlideItMoo_banners_outer  {
	height: 291px;
	position: relative;
	width: 580px;
	overflow: hidden;
}

#SlideItMoo_banners_inner {
	height: 291px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	width: 580px;
}

#SlideItMoo_banners_items {
	display: block;
	position: relative;
	white-space: nowrap;
}

/* --- Product page rotator --- */
#SlideItMoo_banners_outerP  {
	background: #fff;
	height: 200x;
	position: relative;
	width: 580px;
	overflow: hidden;
}

#SlideItMoo_banners_innerP {
	height: 200px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	width: 580px;
}

input.saveSubmitBtn {
	padding: 7px !important;
	height: 100% !important;
	font-weight: bold;
	width: 190px !important;
	-moz-border-radius: 4px;
	background: #f75800;
	color: #fff;
	text-transform: uppercase;
	border: 1px solid #df4500 !important;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-shadow: 1px 1px #c83e00;
}

input.saveSubmitBtn:hover {
	margin-top: 1px;
	background: #ff7b1e;
}

/* --- Secondary Nav Style --- */
ul#secondNavTop {
	margin: 0 !important;
	padding: 0;
	width: 580px;
	height: 25px;
	color: #fff;
	background: #7d9c13;
	font-size: 11px;
	text-align: left;
	float: left;
}

ul#secondNavTop:hover {
	float: left;
	margin: 0 !important;
	padding: 0;
	text-align: left;
}

ul#secondNavTop li, ul#secondNavTop li:hover {
	margin: 0;
	padding: 0;
	float: left;
	text-align: left;
}

ul#secondNavTop a {
	color: #fff;
	float: left;
	font-weight: normal;
	padding: 5px 24px;
	margin: 0;
	text-shadow: 1px 1px #567000;
}

ul#secondNavTop a:hover {
	float: left;
	text-align: left;
	text-decoration: underline;
	border: none;
}

ul#secondNavBtm {
	margin: 0 !important;
	padding: 0;
	width: 580px;
	height: 22px;
	color: #fff;
	background: #566e0a;
	font-size: 10px;
	text-align: left;
	float: left;
	margin-bottom: 10px !important;
}

ul#secondNavBtm li {
	float: left;
}

ul#secondNavBtm li a {
	color: #E3EEBF;
	font-weight: normal;
	padding: 4px 16px;
	display: block;
	text-shadow: 1px 1px #405300;
}

ul#secondNavBtm a:hover {
	text-decoration: underline;
	border: none;
}

/* -- New Login Area -- */

.loginArea {
	margin: auto auto auto 19px;
	width: 540px;
	float: left;
}

.loginArea p.proceed {
	font-weight: normal !important;
	line-height: 16px !important;
    margin: 0 0 10px !important;
	color: #303030;
	font-size: 11px !important;
}

.customerLogin {
	float: left;
	width: 298px;
	background: #eaeaea;
	border: 1px solid #d1d1d1;
	padding: 0;
	-moz-border-radius: 3px;
	padding-bottom: 10px;
}

.customerLogin h4 {
	float: left;
	display: block;
	color: #fff;
	background: url("../images/exCustIcon.gif") no-repeat scroll 270px 5px #898989;
	margin: 0 0 5px 0 !important;
	padding: 5px 8px !important;
	width: 282px;
	font-size: 17px !important;
	text-shadow: 1px 1px #636363;
}

.customerLogin p {
	float: left !important;
	width: 274px;
	margin: 3px 12px 0 !important;
	font-size: 11px !important;
	color: #2a2a2a !important;
}

.customerLogin a.forgotPass {
	font-size: 10px !important;
	float: left;
	margin: 5px 0 0 12px;
	color: #2a2a2a !important;
}

.customerLogin a.forgotPass:hover {
	border: none !important;
	text-decoration: underline !important;
	color: #4d4d4d !important;
}

.customerLogin input {
	float: left;
	margin: 3px 10px 5px;
	top: 0 !important;
	width: 270px !important;
	padding: 4px 3px !important;
	border: 1px solid #aeaeae !important;
}

.customerLogin input.loginSubmit {
	float: right;
    margin: 6px 10px 0 !important;
    width: 110px !important;
	background: #F75800 !important;
	color: #fff;
	font-weight: bold;
	border: 1px solid #DF4500 !important;
	text-transform: uppercase;
	font-family: Arial,Helvetica,sans-serif !important;
	font-size: 14px;
	text-shadow: 1px 1px #C83E00;
	-moz-border-radius: 3px;
}

.customerLogin input.loginSubmit:hover {
	cursor: pointer;
	background: #ff6e1d !important;
}

.customerSignUp {
	float: right;
	width: 228px;
	background: #E8F0C3;
	border: 1px solid #d1d1d1;
	padding: 0;
	-moz-border-radius: 3px;
	padding-bottom: 10px;
}

.customerSignUp h4 {
	float: left;
	display: block;
	color: #607A07;
	background: url("../images/newCustIcon.gif") no-repeat scroll 202px 5px #CFE17B;
	margin: 0 0 5px 0 !important;
	padding: 5px 8px !important;
	width: 212px;
	font-size: 17px !important;
	text-shadow: 1px 1px #E8F0C3;
}

.customerSignUp p.custWelcome {
	margin: 3px 12px !important;
	color: #2a2a2a;
	font-size: 11px !important;
}

.customerSignUp p.custText {
	font-weight: normal !important;
	font-size: 11px !important;
	margin: 3px 12px !important;
	color: #2a2a2a !important;
	line-height: 18px !important;
}

.customerSignUp a.newAccount {
	float: left;
    margin: 6px 10px 0 !important;
    width: 204px !important;
	background: #7D9C13 !important;
	color: #fff;
	font-weight: bold;
	border: 1px solid #6a860b !important;
	text-transform: uppercase;
	font-family: Arial,Helvetica,sans-serif !important;
	font-size: 14px;
	text-shadow: 1px 1px #6a860b;
	-moz-border-radius: 3px;
	padding: 4px 0 5px;
	text-align: center;
	display: block;
}

.customerSignUp a.newAccount:hover {
	background: #89ac14 !important;
	cursor: pointer;
}

p.secureDetails {
	color: #000 !important;
	background: url("../images/padlock.jpg") no-repeat scroll 0px 0px #fff;
	padding-left: 50px;
	margin-top: 12px !important;
	font-weight: normal !important;
}

.customerHelp {
	float: left;
	width: 430px;
	height: 73px;
	background: url(/images/main_template/support.gif) no-repeat;
	margin-left: 19px;
	padding: 9px 10px 0 100px;
}

.customerHelp p {
	margin: 0 0 8px !important;
	color: #303030 !important;
	font-weight: normal !important;
}

.financeNotes {
	float: left;
	width: 540px;
	border-top: 1px solid #ddd;
	margin: 0 0 10px 19px;
    padding-top: 8px;
}

.financeNotes p {
	margin: 0 !important;
	font-size: 10px !important;
	text-align: right;
}

.financeNotes p.financeLink {
	color: #556C08;
    font-weight: bold;
}

/* --- Secondary Nav --- */

#secondaryNav1 {
	float: left;
	width: 580px;
	height: 35px;
	overflow: hidden;
	display: block;
}

#secondaryNav1 a {
	height: 35px;
	display: block;
	background: url("../images/main_template/secondnav-nov.jpg") no-repeat scroll center transparent;
	float: left;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	cursor: pointer;
}

#secondaryNav1 a.raceTeam {width: 114px; background-position: 0 0;}
#secondaryNav1 a.raceTeam:hover {background-position: 0 -35px;}

#secondaryNav1 a.custService {width: 133px; background-position: -114px 0;}
#secondaryNav1 a.custService:hover {background-position: -114px -35px;}

#secondaryNav1 a.workshop {width: 95px; background-position: -247px 0;}
#secondaryNav1 a.workshop:hover {background-position: -247px -35px;}

#secondaryNav1 a.bikeFit {width: 101px; background-position: -342px 0;}
#secondaryNav1 a.bikeFit:hover {background-position: -342px -35px;}

#secondaryNav1 a.events {width: 137px; background-position: -443px 0;}
#secondaryNav1 a.events:hover {background-position: -443px -35px;}

#secondaryNav2 {
	float: left;
	width: 580px;
	height: 28px;
	overflow: hidden;
	display: block;
	margin-bottom: 10px;
}

#secondaryNav2 a {
	height: 28px;
	display: block;
	background: url("../images/main_template/secondnav-nov.jpg") no-repeat scroll center transparent;
	float: left;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	cursor: pointer;
}

#secondaryNav2 a.Finance {width: 89px; background-position: 0 -70px;}
#secondaryNav2 a.Finance:hover {width: 89px; background-position: 0 -98px;}

#secondaryNav2 a.skills {width: 105px; background-position: -89px -70px;}
#secondaryNav2 a.skills:hover {width: 105px; background-position: -89px -98px;}

#secondaryNav2 a.hireDemo {width: 89px; background-position: -194px -70px;}
#secondaryNav2 a.hireDemo:hover {width: 89px; background-position: -194px -98px;}

#secondaryNav2 a.routeGuide {width: 91px; background-position: -283px -70px;}
#secondaryNav2 a.routeGuide:hover {width: 91px; background-position: -283px -98px;}

#secondaryNav2 a.shippingPro {width: 142px; background-position: -374px -70px;}
#secondaryNav2 a.shippingPro:hover {width: 142px; background-position: -374px -98px;}

#secondaryNav2 a.aboutUs {width: 64px; background-position: -516px -70px;}
#secondaryNav2 a.aboutUs:hover {width: 64px; background-position: -516px -98px;}

/* --- Route Guides --- */

.routeGuides {
	display: block;
    margin-left: 7px;
    width: 562px;
	margin-top: 10px;
}

.routeGuides a {
	border: 1px solid #ededed;
    margin-bottom: 5px;
    margin-left: 5px;
	background: url("../images/cycling_guide/guideBtn.jpg") no-repeat scroll 0 0 transparent;
	width: 180px;
	height: 90px;
	overflow: hidden;
	float: left;
}

.routeGuides a:hover {
	background-position: 0 -90px;
}

.routeGuides p.routeName, .routeGuides p.routeDesc {
	float: left;
	margin: 0 !important;
	padding: 0;
}

.routeGuides p.routeName {
	font-weight: bold;
	color: #454545;
	margin: 4px 7px !important;
	font-size: 13px !important;
}

.routeGuides p.routeDesc {
	color: #969696;
	font-weight: normal;
	font-size: 10px;
	padding: 0 10px !important;
	line-height: 14px !important;
}

/* WP Multibox overrides */
.post a.mb, .post a.mb:link, .post a.mb:visited, .post a.mb:active {
    float: none !important;
    margin: 0 !important;
}
.post .mb img {
	display:inline !important;
}

/* social/share this */
.social {
	clear:both;
	overflow:hidden;
	background-color: #fff;
	width: 538px;
	margin: 0 auto;
}

.product-social {
	margin-bottom: 20px;
}

.share-this, .like-this {
	margin: 0;
	display: inline;
	width: 48%;
}

.share-this {
	float: left;
}

.like-this {
	float: right;
}

.social h4 {
	margin: 10px 0 4px !important;
	padding:0 !important;
}
#share-header, #like-header{
	color: #303030 !important;
    font-weight: bold !important;
	font-size:12px !important;
}

.address-picker select {
	margin:0 10px 10px;
}
.address-picker p {
	margin:0 10px 10px !important;
}
.edit_address_form {
	margin-top:0 !important;
}

/* --- Like Buttons --- */

.stButton .stFb, .stButton .stTwbutton {
	width: 60px !important;
}

.stButton .stTwbutton:hover {
	background-position: 0 0 !important;
	opacity: 0.75;
}

/* --- WHEELBASE EVENTS --- */

.wbEvent a {
	background: url("/images/main_template/eventBanners.jpg") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 150px;
    overflow: hidden;
    text-indent: -9999px;
    width: 540px;
	border: none;
	margin-bottom: 20px;
}

.wbEvent a:hover {border: none;}

.wbEvent a.eventOne {background-position: 0 0;}
.wbEvent a.eventOne:hover {background-position: -540px 0;}
.wbEvent a.eventTwo {background-position: 0 -150px;}
.wbEvent a.eventTwo:hover {background-position: -540px -150px;}
.wbEvent a.eventThree {background-position: 0 -300px;}
.wbEvent a.eventThree:hover {background-position: -540px -300px;}
.wbEvent a.eventFour {background-position: 0 -450px;}
.wbEvent a.eventFour:hover {background-position: -540px -450px;}
.wbEvent a.eventFive {background-position: 0 -600px;}
.wbEvent a.eventFive:hover {background-position: -540px -600px;}
.wbEvent a.eventSix {background-position: 0 -750px;}
.wbEvent a.eventSix:hover {background-position: -540px -750px;}
.wbEvent a.eventSeven {background-position: 0 -900px;}
.wbEvent a.eventSeven:hover {background-position: -540px -900px;}

a.returnsPdf {
	background: url("/images/main_template/download-returns-form.jpg") no-repeat scroll 0 0 transparent;
    display: block;
    height: 55px;
    overflow: hidden;
    text-indent: -9999px;
    width: 540px;
	border: none;
}

a.returnsPdf:hover {
	background-position: 0 -55px;
}

