/* @override 
	http://www.planet-x-bikes.fr/css/extras.css
	http://www.planet-x-bikes.co.uk/css/extras.css
*/

#sliderWrapper{
	overflow: hidden;
	width: 600px;
	height: 300px;
	display: block;
}

#sliderWrapper ul{
	width:6100px;
	height:300px;
	display: block;
	position: relative;
	padding:0;
	top:0;
	left:0px;
}

#sliderWrapper ul li{
	width: 600px;
	height: 300px;
	float: left;
	display: block;
}
#homepageSlider{
	display: block;
	position: relative;
	top:0;
	left:0;
	margin-bottom:10px;
	margin-left:20px;
	overflow: hidden;
	width: 600px;
	height: 300px;
	
}
#sliderNav{
	display: block;
	position: absolute;
	bottom:20px;
	right:20px;
	height:1em;
}
#sliderNav ol li{
	float: left;
	display: block;

}
#sliderNav ol li a{
	background-color: black;
	color: white;
	display: block;
	padding:3px 6px 3px 6px;
	margin:1px;
	border:2px solid #000;
	border-color: #000;
}

#homepageHotProducts{
	display: block;
	position: relative;
	top:0;
	left:0;
	margin-bottom:10px;
	margin-left:20px;
}
#HotProductsWrapper{
	overflow: hidden;
	width: 600px;
	display: block;
}

#HotProductsWrapper ul{
	width:600px;
	display: block;
	position: relative;
	padding:0;
	top:0;
	left:0px;
}

#HotProductsWrapper ul li{
	width: 150px;
	float: left;
	display: block;
}

.relatedItemsWrapper h4 a{
	color: white;
}

img.left-Align-Image {
	float: left;
	margin:5px 8px 5px 0;
}
img.right-Align-Image {
	float: right;
	margin:5px 0px 5px 8px;
}
img.no-Align-Image {
	float: none;
}

.contentTitle {
margin-bottom:10px;

}

.col1 {float:left; width:290px;margin-top:10px;}
.col2 {float:right; width:290px;margin-top:10px;}
.fullcol {margin-left:10px;}

.formHelp {float:right; width:200px;margin-top:0px;border:1px solid #ccc;  background: #fff url('http://www.planet-x-bikes.co.uk//images/grey_gradient.png') repeat-x bottom;padding:5px;}

.formHelp ul{
list-style: disc;
list-style-type: disc;
list-style-position: inside;
}

.offergrid {border:1px solid #ffcc66;  background: #fffccc;padding:5px;
}

.offergrid .searchProduct {
border-color:#ffcc66;
}
.offergrid .searchProduct {margin-left:5px;}

.offerform form.formStyles ul {
border-left:0px solid #CCCCCC;
font-size:1em;
margin:0 0 0px 0px;
padding:0;
}

.offergrid .productPriceOptions {
width:60px;
}

.offer {
    padding:2px;
    font-size:10px;
    background-color:#cc0000;
    color:#fff;
}





.searchProduct .breadcrumb ul {
border:1px none;
width:450px;
}

.searchProduct .breadcrumb li a {
background:none;
display:block;
padding:0 0px 0 5px;
font-weight:normal;
}

.searchProduct .breadcrumb li {
float:left;
line-height:1em;
padding-left:0px;
}

.searchProduct .breadcrumb {
clear:both;
font-size:0.917em;
padding:0 0px 0px;
}


.miniBasket ul.buttons li.buttonsViewBasket a{
width:120px;
} 

#panel {
	border-top: 1px solid #ccc;	height: 140px;
	display: none;	
	background: #fff url('images/grey_gradient.png') repeat-x bottom;
font-size:0.9172em;
text-align: left;

	}
	
#panel select {
margin-top:5px;
width:130px;
}

#panel ul, .basketOptions ul {
padding: 10px 0 0 0;
}



#panel ul li, .basketOptions ul li{
padding: 0px 0 5px 0;
}

.basketOptions ul li a{
float:right;

}

.basketOptions h5{
padding: 0px 0 0px 0;
margin-bottom:0px;
}
	
.slide {
	margin: 0px 0 0 0;
	padding: 0 0;
	border-top: 1px solid #ccc;
	background: url(/images/btn-slide1.gif) no-repeat center top;
}
.btn-slide {
	background: url(/images/white-arrow1.gif) no-repeat right -58px;
	text-align: center;
	width: 130px;
	height: 21px;
	padding: 2px 0px 0 0px;
	margin: 0 auto;
	display: block;
	font-size:0.9172em;
	color: #fff;
	text-decoration: none;
}

.btn-slide a{
color: #fff;
	text-decoration: none;
	
}

.btn-slide:hover{
color: #fff;
	text-decoration: none;
}

.active {
	background-position: right 5px;
}

.basketOptions img {
margin-right:3px;
}
.basketOptions  {
margin-top:5px;
margin-bottom:10px;
padding-top:5px;
border-top: 1px solid #ccc;
}

.basketOptions .boPrices, .basketOptions .boDelivery {
    padding-right: 0;
    text-align: right;
}

.boPrices a, .boDelivery a {font-weight:normal;}

.basketOptions .boPrices strong, .basketOptions .boDelivery strong {
    position: absolute;
    _position: relative;
    left: 0;
    text-align: left;
   font-weight:normal;
    }
    
    
    
/**** homepage twitter *****/
#mainHomeNews img{
	width:240px;
	height:200px;
}

.twoSidebars .homepageFullPromo{
	margin-bottom:10px;
}
#twit{
	display: block;
	overflow: hidden;
	clear:both;
	position:relative;
	height: 36px;
	/*padding:0 0 0 20px;*/
	/*border-top:1px solid black;*/
	/*width:100%;*/
	margin:0px 0 10px 20px;
	border:1px solid #7FB3CC;
	background-color: #DDEEF5;
    background-image: url(/images/twitterbg.gif);
    background-repeat: no-repeat;
    background-attachment: scroll;
	cursor: pointer;
}
#twit h3{
	position: absolute;
	top:0px;
	left:0px;
	margin:0;
	padding:8px 0 8px 10px;
	width:8em;
	height:36px;
	
}
#twit ul{
	left:8.1em;
	position:absolute;
	height: 36px;
	width:490px;
	margin: 0;
	padding:0;
	background: transparent;

}

#twit ul li{
	display: block;         /* used in css check */
	list-style-type: none;  /* used in css check */
	margin: 0;
	width:490px;
	width:auto;
	padding: 0;
	height: 36px;
	overflow:hidden;
	background: transparent;
}

tr.noOptRow td{
	border:none;
}

div.outofstock h5{
	color:#666;
}

div.outofstock ul.buttons li.buttonsCheckOut a:hover span,div.outofstock ul.buttons li.buttonsBuySmall a:hover span {
    background: url('/images/buttons_oos_small.png') no-repeat bottom left;
}

div.outofstock ul.buttons li.buttonsCheckOut a span,div.outofstock ul.buttons li.buttonsBuySmall a span,div.outofstock ul.buttons li.buttonsBuyPreorder a span {
    background: url('/images/buttons_oos_small.png') no-repeat top left;
}

div.outofstock ul.buttons li.buttonsCheckOut a, div.outofstock ul.buttons li.buttonsBuySmall a, div.outofstock ul.buttons li.buttonsBuyPreorder a {
    background: url('/images/buttons_oos_small.png') no-repeat top right;
}
/*
#news-feed	 { height:200px; width:300px; overflow:hidden; position:relative; border:1px solid #ccc; background:#eee; }
#news-feed ul	{ position:absolute; top:0; left:0; list-style-type:none; padding:0; margin:0; }
#news-feed ul li { height:180px; font-size:12px; margin:0; padding:10px; overflow:hidden; }
*/


/* **** Main Bar Widgets *** */

div.mainbar{
	margin: 0 0 30px 10px;
}
#galleryBlock{

}

#galleryBlock img{
	padding:1px;
	border:1px solid #EEE;
	margin:1px;
}

div.mainbar h2{
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    
    border: 1px solid #ccc;
    font-size: 1.083em;
    
    padding: 10px 10px 10px 15px;
    margin:0;
    background: #fff url('/images/grey_gradient.png') repeat-x bottom;
}

.mainbar .newsReviews, .mainbar .tabContent,.mainbar .block{
	margin:0px;
	margin-top:0px !important;
	padding:10px 0 0 0;
	border: 1px solid #ccc;
	border-top: none !important;
	border-collapse: collapse;
}
div#newsfeed{
	margin:10px;
}
div#newsfeed a {
	padding: 5px 0 0 30px;
	background: #fff url('/images/rss-icon.gif') no-repeat bottom left;

}

ul.buttons li a.stockAlert{
	color:#CC0000;
	text-transform:none;
}

body.h_register .offergrid, body.h_stock-alert .offergrid{
	width: 250px;
	font-size: 85%;
}

body.h_register .offergrid .productPriceOptions{
	width: 7.5em
}

body.h_register form#registrationform{
	float:left;
	margin-right: -250px;
}

body.h_stock-alert #stockOffers .offergrid h2{
	background: transparent none;
	border: none;
	padding-top:5px;
	margin-top:0;
}

.exVat{
/*
	font-size: 13px;
	font-size: 85%;
	*/
}

/* popup currency */

#lightbox_id .currencyPopup{

	width:450px;
	height:auto;
	border:1px solid white;
	overflow: hidden;
	background-color: white;
}

/* flickr widget */
div.flickrPhoto{
	padding-bottom: 10px;
	margin-bottom: 20px;
	display:block;
	width:99%;
}

div.flickrPhoto img{
	clear:both;
	float: none;
}
div.flickrPhoto h2{
	clear:both;
	display: block;
	width:99%;
	margin-bottom: 0;
}

/* basket offer */
div#specialBasket{
	width:550px;
	height:auto;
	overflow: hidden;
	background-color: white;
	padding:10px;
	border:2px solid #CCC;
	margin:0;
}

div#specialBasket h3{
	font-size: 18px;
	color:#33A408;
	font-weight: bold;
	padding-left: 0;
}

div.clearance div#sidebarNavWrapper div#sidebarNav li a{
	border-right:1px solid #b3adad;
	border-bottom:1px solid #b3adad;
	
	 background: url(/images/bargains_back.png) no-repeat -200px 0;
}