*{
	border:none;
	color:#333;
	font:1em/1.3em "tahoma", arial, helvetica, sans-serif;
	margin:0;
	padding:0;
	text-align:left;
	}

html{
	font-size:1em;
	}
	
body{
	font-size:62.5%;
	margin-top:10px;
	}

html.pf, body.pf{
	background:#fff;
	}
	
body{
	background-color:#CECFB3;
	text-align:center;
	width:100%;
}

a
{
	color:#333;
}

a:hover{
	color:#999;
}

br{
	clear:left;
	}
	
em{
	font-style:italic;
	}

em a{
	font-style:italic;
	}

form{
	margin:0;
	padding:0;
	}
	
h1.static{
	color:#AF4D7B;
	float:none;
	font-size:1.8em;
	margin:0 0 10px;
	}

h1{
	margin:0;
	clear:left;
	}
	
span.firstupper:first-letter
{
  text-transform: uppercase;}

h2{
	}

h2.heading{
	clear:left;
	display:block;
	float:left;
	font-size:2em;
	line-height:24px;
	margin:14px 0 0 10px;
	color: #ffffff;
	}
/*	.sIFR-hasFlash h2.heading{
		visibility: hidden;
		}*/

h3{
	}

h4{
	clear:left;
	}

h4.default{
	font-size:1.9em;
	margin:0 0 10px;
	}
	.sIFR-hasFlash h4.default{
		visibility: hidden;
		}

h4.white{
	display:block;
	font-size:2em;
	line-height:24px;
	margin:20px 0 0 20px;
	}
	.sIFR-hasFlash h4.white{
		visibility: hidden;
		}
		
h4.regcolour{
	display:block;
	font-size:2em;
	line-height:24px;
	margin:10px 0 5px 17px;
	}
	.sIFR-hasFlash h4.regcolour{
		visibility: hidden;
		}

div#ProductDescRight h4.regcolour 
{
	margin: 0px;
}

h1.regcolour{
	display:block;
	font-size:2em;
	line-height:24px;
	margin:10px 0 5px 17px;
	}
	.sIFR-hasFlash h1.regcolour{
		visibility: hidden;
		}


h1.desctitle{
	margin:10px 0 4px 17px !important;
	}

h4.subheading{
	color:#999;
	font-size:1.4em;
	padding:0 0 0 17px;
	}

h1.subheading{
	color:#999;
	font-size:1.4em;
	padding:0 0 0 17px;
	}

h4.lightcolour{
	display:block;
	font-size:2em;
	line-height:24px;
	margin:0;
	}
	.sIFR-hasFlash h4.lightcolour{
		visibility: hidden;
		}

h1.lightcolour{
	display:block;
	font-size:2em;
	line-height:24px;
	margin:0;
	}
	.sIFR-hasFlash h1.lightcolour{
		visibility: hidden;
		}

	
h4.static{
	color:#AF4D7B;
	font-size:1.6em;
	margin:0 0 10px;
	}

h4.empty{
	background:url("http://gfx.richardjohn.co.uk/icon_shopping_basket_empty.gif") no-repeat left 50%;
	margin:20px 0 10px 130px;
	padding:20px 0 30px 50px;
	}

h5{
	background:url("http://gfx.richardjohn.co.uk/line_dots_hr.gif") repeat-x left bottom;
	font-size:1.3em;
	font-weight:bold;
	margin:15px 0 10px;
	padding:0 0 5px;
	}

h6{
	}

ol{
	margin-left:20px;
	margin-bottom:15px;
	}
	ol li{
		font-size:1.2em;
		}
		ol li h2{
			font-size:1em;
			font-weight:bold;
			margin:0;
			}
			ol li p{
				font-size:1em;
				}

p{
	font-size:1.2em;
	line-height:1.5em;
	padding:0 0 15px;
	}
	
p strong{
	line-height:1.6em;
	}

strong{
	font-weight:bold;
	}

/* Site wide styles *********************/

.HorizontalRule{
	background:url("http://gfx.richardjohn.co.uk/line_dots_hr.gif") repeat-x left 50%;
	clear:left;
	display:block;
	height:1px;
	margin-bottom:15px;
	}
	.standardform .HorizontalRule{
		margin-top:15px;
		}

.divClear{
	clear:both;
	}

.nodisplay{
	display:none;
	}

/* Page Structure *********************/

#Container{
	margin:0 auto;
	width:979px;
	}

#Header{
	background-color:#FFF;
	float:left;
	width:979px;
	}
	
#MainContent{
	background:#FFF url("http://gfx.richardjohn.co.uk/content_bg_dots.gif") repeat-y 0 0;
	width:979px;
	}

#MainContent.HomeBG
{
	background:#FFF url("http://gfx.richardjohn.co.uk/content_bg_dots_home.gif") repeat-y 0 0;
}

.leftcolHome{
	background-color:#333333;
	
}

#LeftColumn{
	clear:left;
	float:left;
	width:200px;
	}
	
#MiddleColumn{
	float:left;
	width:579px;
	}

div#MainContent.AltBG
{
	background: url(http://gfx.richardjohn.co.uk/content_fw_bg_dots.gif) #ffffff !important;

}
div.FullWidth
{
	width: 779px !important;
	background: #ffffff !important;
	background-image:none !important;
}

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

/* Header Content *********************/

#Header_img{
	float:left;}

.Hotline{
	background:url("http://gfx.richardjohn.co.uk/page-header-hotline.gif") no-repeat left top;
	float:left;
	height:0;
	margin:0;
	overflow:hidden;
	padding:74px 0 0;
	width:320px;
	margin-left: 35px;
	}
	
.Hotline span
{
	visibility: hidden;
}

#ProductSearch{
	float:right;
	text-align:right;
	padding-top:16px;
	width:275px;
	}
	#ProductSearch label{
		text-transform:uppercase;
		font-weight: bold;
		}
	#ProductSearch input.keywords{
		border:1px solid #666;
		color:#666;
		padding:3px;
		width:218px;
		}
	#ProductSearch input.btnsearch{
		background-color:#333;
		border:1px solid #FFF;
		color:#FFF;
		cursor:pointer;
		height:21px;
		padding:2px;
		text-align:center;
		width:35px;
		}
	#ProductSearch p{
		font-size:1em;
		padding:0 0 0 17px;
		}
	#ProductSearch .LinkAdvanced{
		color:#666;
		text-transform:uppercase;
		}
		#ProductSearch .LinkAdvanced:hover{
			color:#999;
			}

#PageHeading{
	background-position:right top;
	background-repeat:no-repeat;
	clear:left;
	height:55px;
	}

/* Top Navigation Control *********************/

#TopNavigation{
	background:#333 url("http://gfx.richardjohn.co.uk/background_header_dots.gif") repeat-x left bottom;
	float:left;
	width: 979px;
	}
#TopNavigation ul#Links{
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	width:650px;
	}
	#TopNavigation ul#Links li{
		float:left;
		margin:0;
		padding:0;
		}
		#TopNavigation ul#Links li a{
			color:#FFF;
			display:block;
			padding:.6em .3em .6em 1em;
			text-transform:uppercase;
			}
			#TopNavigation ul#Links li a:hover{
				color:#999;
				}
				
#Nav1 #TopNavigation a.nav1,
#Nav2 #TopNavigation a.nav2,
#Nav3 #TopNavigation a.nav3,
#Nav4 #TopNavigation a.nav4,
#Nav5 #TopNavigation a.nav5{
	cursor:default;
	}

ul#MiniBasket{
	float:right;
	list-style:none;
	width:270px;
	padding-left: 10px;
	background-color: #cccccc;
	}
	ul#MiniBasket li{
		float:left;
		color:#000000;
		padding:.5em .7em .6em 0;
		text-transform:uppercase;
		}
		ul#MiniBasket li.CartItems{
			text-align:center;
			width:50px;
			}

a.BtnBasket{
	background:url("http://gfx.richardjohn.co.uk/icon_shopping_basket.gif") no-repeat left top;
	color:#000000;
	display:block;
	padding:0 0 0 18px;
	}
	a.BtnBasket:hover{
		background:url("http://gfx.richardjohn.co.uk/icon_shopping_basket_hover.gif") no-repeat left top;
		color:#eaeaea;
		}

a.BtnCheckout{
	background-image:url("http://gfx.richardjohn.co.uk/bullet_checkout.gif");
	background-position:right 4px;
	background-repeat:no-repeat;
	color:#FFF;
	display:block;
	font-weight:bold;
	padding:1px 13px 1px 6px;
	text-decoration:none;
	}
	a.BtnCheckout:hover{
		color:#FFF;
		}
									
/* Left Navigation Control *********************/

#LeftColumn h3, #RightColumn h3{

	margin:0 0 6px 12px;
	font-size: 1.6em;
	padding: 12px 0 0 0;
	background: none !important
	}

#LeftNavContainer {
	background:url("http://gfx.richardjohn.co.uk/line_dots_dark.gif") no-repeat 12px bottom;
	min-height:250px;
	}

div.InnerWrapper
{
	margin: 0px 12px;
	min-height:250px;
}

#LeftNavContainer ul{
	clear:left;
	list-style:none;
	margin:0;
	padding:0 0 12px;
	}
	#LeftNavContainer ul li{
		background-image:url("http://gfx.richardjohn.co.uk/bullet_white.gif");
		background-position:18px 6px;
		background-repeat:no-repeat;
		display:block;
		font-size:1.2em;
		font-weight:bold;
		margin:0;
		padding:0 0 3px 28px;
		}
		#LeftNavContainer ul li a{
			display:block;
			font-weight:normal;
			margin:0;
			padding:0;
			text-decoration:none;
			}
			#LeftNavContainer ul li a:hover{
				}
				#LeftNavContainer ul ul{
					padding:0 0 6px;
					width:170px;
					}
					#LeftNavContainer ul ul li{
						background-image:url("http://gfx.richardjohn.co.uk/bullet_subcat.gif") !important;
						background-position:2px 7px;
						color:#333;
						display:block;
						font-size:.9em;
						font-weight:bold;
						margin:0;
						padding:1px 1px 1px 10px;
						}
						#LeftNavContainer ul ul li a{
							display:block;
							font-weight:normal;
							margin:0;
							padding:0;
							text-decoration:none;
							}
							#LeftNavContainer ul ul ul{
								padding:0 0 2px;
								width:120px;
								}
								#LeftNavContainer ul ul ul li{
									background-image:url("http://gfx.richardjohn.co.uk/bullet_subsubcat.gif") !important;
									background-position:2px 6px;
									padding-left:8px;
									}
											#LeftNavContainer ul ul ul li a
											{
												font-size: 1.0em;
											}

#LeftBrandandSignup{
	/* relative height fix */
	min-height:280px;
  height:auto !important;
	height:289px;
	}

#BrandSearch{
	clear:both;
	margin:0 12px;
	}
	#BrandSearch select{
		margin-bottom:6px;
		width:175px;
		}
	#BrandSearch input{
		background-color:#999;
		border:1px solid #999;
		color:#FFF;
		cursor:pointer;
		float:right;
		margin-bottom:15px;
		text-align:center;
		}

#LeftBrandandSignup .hr, .navtheme .hr, div#RightColumn div.hr {
	background:url("http://gfx.richardjohn.co.uk/line_dots_bg_brand_search.gif") repeat-x left 50%;
	clear:left;
	display:block;
	height:1px;
	margin:0 12px 3px;
	}

#JoinMailing{
	clear:both;
	margin:0 12px;
	}
	#JoinMailing label{
		clear:left;
		display:block;
		float:left;
		padding-top:2px;
		width:40px;
		}
	.brandHome #JoinMailing label{
		color:#FFF;
		}
	#JoinMailing input{
		background-color:#FFF;
		border:1px solid #999;
		margin-bottom:4px;
		width:130px;
		}
	#JoinMailing input.join{
		background-color:#999;
		border:1px solid #999;
		clear:left;
		color:#FFF;
		cursor:pointer;
		float:right;
		margin:4px 0 10px;
		text-align:center;
		width:auto;
		}
#BannerDelivery{
	background:url("http://gfx.richardjohn.co.uk/banner-next-day-delivery.gif") repeat-x left 50%;
	clear:left;
	display:block;
	overflow:hidden;
	height:0;
	padding-top:69px;
	width:177px;
	margin:35px 0 10px 10px;
	}
	
#whyus {
	background:url(http://gfx.richardjohn.co.uk/line_dots_bg_repeatx.gif) repeat-x left top;

	padding:10px 0 0;
}
#whyus h4 {
	margin: 5px 0px 10px 0px !important;
	padding-left:0px;

}
#whyus ul {
	list-style:none;
	}
#whyus ul.whyus li{
	background:url("http://gfx.richardjohn.co.uk/bullet_subcat.gif") no-repeat 15px 6px;
	display:block;
	font-size:1.2em;
	font-weight:normal;
	margin:0;
	padding:0 0 3px 24px;
} 
#whyus ul.whyus li a{
	text-decoration:none;
	}
/* Home Nav Colours */

.navHome{
	background:#AF4D7B !important;
	}
.navHome ul{
	padding-bottom:0 !important;
	}
	.navHome ul li{
		padding-bottom:1px !important;
		}
	.navHome ul li a{
		color:#FFF;
		}
		.navHome ul li a:hover{
			color:#D7A6BD;
			}

.brandHome{
		/*background:#333 url("http://gfx.richardjohn.co.uk/brand_footer_bg_home.gif") no-repeat left bottom;*/
		background-color: #333333;
		
	}

div.brandHome h4
{
	color: #ffffff !important;
}

div.brandHome
{
	padding-bottom: 15px;
}

.navHome h3.titleCat, .brandHome h3.titleCat{
/*	background:url("http://gfx.richardjohn.co.uk/title_cat_home.gif") no-repeat left 12px;*/
	color: #ffffff;
	}
.navHome h3.titleBrand, .brandHome h3.titleBrand{
/*	background:url("http://gfx.richardjohn.co.uk/title_brand_home.gif") no-repeat left 12px;*/
		color: #ffffff;
	}
.navHome h3.titleJoin, .brandHome h3.titleJoin{
/*	background:url("http://gfx.richardjohn.co.uk/title_join_home.gif") no-repeat left 12px;*/
		color: #ffffff;
	}

/* Product Categories *********************/

#CategoryImage{
	float:left;
	}

#CategoryDesc{
	clear:right;
	float:right;
	
	/* relative height fix */
	min-height:246px;
  height:auto !important;
	height:246px;
	
	width:369px;
	}
	h4.white{
		margin:20px 0 0 20px;
		}
		#CategoryDesc p{
			clear:left;
			color:#FFF;
			margin:20px;
			}
			#CategoryDesc a{
				color:#FFF;
				}

div#CategoryListing
{
	margin-top: 18px;
}

div#CategoryListing a
{
	font-size: 1.3em;
}

div#CategoryListing div.divClear
{
	border-top: 1px solid #eeeeee;
	height: 15px;
	margin: 0px 18px;
}

div.list-item
{
	float: left;
	width: 262px;
	margin-left: 18px;
	min-height: 80px;
}

div.list-item img
{
	display:block;
	float:left;
	border: 1px solid #cccccc;
	margin: 3px 10px 0px 0px;
	
}


div.list-item p
{
	display: block;
	text-align: left;
}

#SubCategoryListing{
	padding-left:18px;
	}
	#SubCategoryListing dl{
		float:left;
		margin:0 9px 0 0;
		height:305px;
		}
		#SubCategoryListing dl dt img{
			border:1px solid #CCC;
			}
			#SubCategoryListing dl dd p{
				font-size:1.1em;
				line-height:1em;
				padding:0;
				text-align:left;
				width:172px;
				}
			#SubCategoryListing dl dd p.ProductName{
				}
			#SubCategoryListing dl dd p.ProductName a{
				font-size:1.1em;
				font-weight:bold;
				}
			#SubCategoryListing dl dd p.RRPPrice{
				padding:0;
				}
				#SubCategoryListing dl dd p.RRPPrice .rrpline{
					text-decoration:none;
					}
			#SubCategoryListing dl dd p.ProductPrice{
				font-weight:bold;
				padding:2px 0;
				}
			#SubCategoryListing label{
				clear:left;
				float:left;
				font-size:1.1em;
				padding:7px 0 0;
				width:25px;
				}
			#SubCategoryListing select{
				border:1px solid #666;
				float:left;
				font-size:1em;
				margin:5px 0;
				padding:2px;
				width:145px;
				}

#ProductDescContainer{
	background:url("http://gfx.richardjohn.co.uk/left_col_bg_dots.gif") repeat-y 500px top;
	margin-top:12px;
	}

#ProductDescLeft{
	float:left;
	padding-bottom:10px;
	width:500px;
	min-height: 375px;
	}

div.ProductImageBox
{
	margin-right: 10px;
}

div.ProductDescription
{
	float: left;
	width: 285px;
}

div.ProductDescription h4
{
	margin-left: 0px;
}

#ProductDescRight{
	float:left;
	margin-left:15px;
	width:245px;
	}

a .ProductImage{
	border:1px solid #FFF;
	margin-left:19px;
	}
	a .ProductImage:hover{
		border:1px solid #666;
		}

a.BtnZoom{
	background:url("http://gfx.richardjohn.co.uk/btn_zoom_product.gif") no-repeat left top;
	display:block;
	height:0;
	margin:5px 0 5px 70px;
	overflow:hidden;
	padding-top:20px;
	width:99px;
	color: #ffffff;
	}
	a.BtnZoom:hover{
		background-position:0 -40px;
		}
	
#AdditionalImages{
	clear:both;
	overflow: hidden;
	display:block;
	margin:0 0 0 10px;
	padding:0 0 10px;
	width:187px;
	}
	#AdditionalImages dt{
		display:block;
		float:left;
		margin-right:1px;
		}
		#AdditionalImages dt a img{
			border:1px solid #CCC;
			}
			#AdditionalImages dt a img:hover{
				border:1px solid #666;
				}

#RelatedProducts{
	background:url("http://gfx.richardjohn.co.uk/line_dots_bg_repeatx.gif") repeat-x left top;
	margin:10px 20px 0 17px;
	padding:10px 0 0;
	}
	#RelatedProducts h4.regcolour{
		float:left;
		font-size:1.8em;
		margin:0 0 8px 0 !important;
		}
		#RelatedProducts dl{
			clear:left;
			margin-top:10px;
			}
			#RelatedProducts dl dt{
				clear:left;
				display:block;
				float:left;
				margin:0 5px 5px 0;
				}
				#RelatedProducts dl dt img{
					border:1px solid #CCC;
					}
					#RelatedProducts dl dd{
						display:block;
						float:left;
						padding-top:5px;
						}
						#RelatedProducts dl dd p{
							display:block;
							font-size:1.1em;
							line-height:1em;
							padding:0;
							text-align:left;
							width:172px;
							}
						#RelatedProducts dl dd p.ProductName{
							}
						#RelatedProducts dl dd p.ProductName a{
							font-weight:bold;
							}
						#RelatedProducts dl dd p.RRPPrice{
							padding:0;
						}
						#RelatedProducts dl dd p.RRPPrice .rrpline{
							text-decoration:none;
							}
					#RelatedProducts dl dd p.ProductPrice{
						font-weight:bold;
						}
					#RelatedProducts dl dd select{
						width:153px;
						}

.ProductBrandLogo{
	margin-bottom:6px;
	}

#ProductText{
	height:150px;
	left:0;
	overflow:auto;
	padding:0 3px 0 0;
	position:relative;
	top:0;
	visibility:visible;
	width:230px;
	z-index:1;
	}
.ProductText{
	width:230px;
	}
	#ProductText p, .ProductText p{
		font-size:1.1em;
		text-align:left;
		}

#ProductBuyInformation{
	margin:10px 0 0;
	}
	#ProductBuyInformation p{
		font-size:1.1em;
		}
	#ProductBuyInformation p.RRPLabel{
		float:left;
		padding:0;
		width:70px;
		}
	#ProductBuyInformation p.RRPPrice{
		float:left;
		padding:0;
		text-decoration:none;
		width:150px;
		}
	#ProductBuyInformation p.SizeLabel{
		float:left;
		padding:0;
		width:70px;
		}
	#ProductBuyInformation p.Size{
		float:left;
		padding:0 0 3px;
		width:150px;
		}
	#ProductBuyInformation p.PriceLabel{
		clear:left;
		float:left;
		font-weight:bold;
		margin-bottom:3px;
		padding:3px 0 0;
		width:70px;
		}
	#ProductBuyInformation p.Price{
		float:left;
		font-size:1.4em;
		font-weight:bold;
		margin-bottom:3px;
		padding:0;
		text-align:left;
		width:250px;
		}
	#ProductBuyInformation p.Price strong{
		color:#000;
		font-size:.8em;
		}
	#ProductBuyInformation .PostageLink{
		font-size:.7em;
		}
	#ProductBuyInformation label{
		clear:left;
		float:left;
		font-size:1.1em;
		padding:3px 0 0;
		width:70px;
		}
	#ProductBuyInformation select{
		border:1px solid #666;
		float:left;
		font-size:1em;
		margin-bottom:3px;
		padding:2px;
		width:160px;
		}
	#ProductBuyInformation input{
		border:1px solid #666;
		float:left;
		font-size:1.1em;
		margin-bottom:10px;
		padding:2px;
		width:25px;
		}

#SubCategoryListing .BtnAddCart,
#ProductBuyInformation .BtnAddCart,
#RelatedProducts .BtnAddCart{
	border:none;
	clear:left;
	cursor:pointer;
	display:block;
	float:none;
	height:17px;
	overflow:hidden;
	padding:0;
	padding-top:17px;
	width:100px;
	}
#SubCategoryListing .BtnAddCart,
#RelatedProducts .BtnAddCart{
	margin-top:5px;
		}
	#SubCategoryListing .BtnAddCart:hover,
	#ProductBuyInformation .BtnAddCart:hover,
	#RelatedProducts .BtnAddCart:hover{
		background-position:0 -34px;
		cursor:pointer;
		}

a.BtnHowtouse{
	background:url("http://gfx.richardjohn.co.uk/btn_how_to_use.gif") no-repeat left top;
	display:block;
	height:0;
	margin-top:10px;
	overflow:hidden;
	padding-top:17px;
	width:151px;
	}
	a.BtnHowtouse:hover{
		background-position:0 -34px;
		}

#CustomerReviews{
	background:url("http://gfx.richardjohn.co.uk/line_dots_bg_repeatx.gif") repeat-x left top;
	margin:10px 0 0 0;
	padding:10px 0 0;
	width:235px;
	}
	#CustomerReviews h4.lightcolour{
		clear:left;
		display:inline;
		float:none;
		font-size:1.8em !important;
		margin:0 0 10px !important;
		padding:0;
		}
		.AdditionalContent h4.lightcolour{
			}
		#CustomerReviews p, .AdditionalContent p{
			clear:left;
			font-size:1.1em;
			padding:0 0 3px;
			}
			#CustomerReviews h5, .AdditionalContent h5{
				background:none;
				display:inline;
				font-weight:bold;
				clear:left;
				font-size:1.1em;
				margin:0;
				padding:0;
				}
				#CustomerReviews .postedon, .AdditionalContent .postedon{
					background:url("http://gfx.richardjohn.co.uk/line_dots_bg_repeatx.gif") repeat-x left bottom;
					color:#999;
					font-size:1em;
					padding:0 0 12px;
					margin:0 0 12px;
					}

#CustomerReviews p.ReviewBtnLeft{
	clear:none;
	float:left;
	}

#CustomerReviews p.ReviewBtnRight{
	clear:none;
	float:right;
	}

a.BtnAllReviews{
	background:url("http://gfx.richardjohn.co.uk/btn_read_all_reviews.gif") no-repeat left top;
	display:block;
	height:0;
	overflow:hidden;
	padding-top:17px;
	width:108px;
	}
	a.BtnAllReviews:hover{
		background-position:0 -34px;
		}

a.BtnWriteReview{
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
	height:0;
	overflow:hidden;
	padding-top:17px;
	width:101px;
	}
	a.BtnWriteReview:hover{
		background-position:0 -34px;
		}

.reviewform{
	padding-top:10px;
	}

.BtnSubmitReview{
	background-image:url("http://gfx.richardjohn.co.uk/btn_submit_review.gif");
	border:none;
	clear:left;
	cursor:pointer;
	display:block;
	float:none;
	height:17px;
	margin-top:5px;
	overflow:hidden;
	padding:0;
	padding-top:17px;
	width:105px !important;
	}
	.BtnSubmitReview:hover{
		background-position:0 -34px;
		border:none;
		cursor:pointer;
		}

.AdditionalContent{
	padding:0 17px !important;
	}
	.AdditionalContent h4.lightcolour{
		margin:12px 0;
		}
		.AdditionalContent .BackBtn{
			background:#EEE url("http://gfx.richardjohn.co.uk/icon_arrow_back.gif") no-repeat right 50%;
			display:block;
			font-weight:bold;
			padding:4px 16px 6px 5px;
			text-align:right;
			}


/*  Added by TG - 22-7-08 */
.subcatdesc{
	background-color:#fff;
	margin:0 22px 15px 18px;
	padding:0 5px 0px 5px;}

.subcatdesc p{
	margin:0;
	padding:0;}

/* Pagination *********************/

.Pagination{
	background-color:#EEE;
	clear:left;
	margin:0 22px 15px 18px;
	padding:5px;
	}
	
.Pagination form{
	display:block;
	float:left;
	padding:0;
	margin:0;
	width:240px;
	}
	.Pagination select{
		border:1px solid #999;
		padding:2px;
		width:150px;
		}
		.Pagination select optgroup{
			font-weight:bold;
			font-style:italic;
			}
			.Pagination select optgroup option{
				padding-left:12px;
				}

.PaginationLink{
	float:right;
	}

.PaginationLink ul{
	float:right;
	list-style:none;
	margin:0;
	padding:3px 0 0;
	}
	.PaginationLink ul li{
		float:left;
		margin:0;
		padding:0 3px 0;
		}
	.PaginationLink ul li.active{
		font-weight:bold;
		}
	.PaginationLink ul li.all a{
		font-weight:bold;
		}
	.PaginationLink .previous a{
		background:url("http://gfx.richardjohn.co.uk/btn_previous_arrow.gif") no-repeat left top;
		display:block;
		height:0;
		margin-top:2px;
		overflow:hidden;
		padding-top:11px;
		width:6px;
		}
		.PaginationLink .previous a:hover{
			background-position:0 -22px;
			}
	.PaginationLink .next a{
		background:url("http://gfx.richardjohn.co.uk/btn_next_arrow.gif") no-repeat left top;
		display:block;
		height:0;
		margin-top:2px;
		overflow:hidden;
		padding-top:11px;
		width:6px;
		}
		.PaginationLink .next a:hover{
			background-position:0 -22px;
			}

/* Breadcrumbs *********************/

#Breadcrumbs{
	background-color: #eaeaea;
	border-bottom: 1px dotted #666666;
	font-weight:bold;
	clear:left;
	font-size:1.2em;
	list-style:none;
	padding:12px 18px 10px 18px;
	}
	#Breadcrumbs li{
		background:url("http://gfx.richardjohn.co.uk/bullet_breadcrumbs.gif") no-repeat right 50%;
		display:block;
		float:left;
		margin:0;
		padding:0 22px 0 0;
		}
	#Breadcrumbs li.last{
		background:none;
		}
		#Breadcrumbs li a{
			display:block;
			padding:0;
			}

/* Static Text Content *********************/

.TextContent{
		padding:12px 18px 50px 18px;
	}
	

	
.imgFloatLeft{
	float:left;
	padding:0 15px 15px 0;
	}

.imgFloatRight{
	float:right;
	padding:0 0 15px 15px;
	}

/* Contact Us Page *********************/

#ContactDetails{
	}
	
#ContactDetails p{
	font-size:1.3em;
	padding:0 0 16px;
	}
	#ContactDetails p.tel{
		font-size:1.6em;
		font-weight:bold;
		}

#ContactDetails img{
	clear:left;
	float:left;
	margin-right:6px;
	}
	
/* Customer Charter *************/

h1.charter, h2.charter {
	font-size:1.6em;
	font-weight:bold;
	width:100%;
}
ul.charter {
	padding:25px 15px;
	}
ul.charter li {
	line-height:20px;
	font-size:1.2em;
	}
/* Site Map *********************/

.SiteMapCol{
	float:left;
	width:49%;
	}

.SiteMapCol ul{
	list-style:disc;
	margin:0 0 10px 20px;
	margin-left:20px;
	}
	.SiteMapCol li{
		margin-bottom:2px;
		}
		.SiteMapCol li a{
			font-weight:bold;
			}
		.SiteMapCol ul ul a{
			font-weight:normal;
			}

h4.bestsellers
{
	background: url(http://gfx.richardjohn.co.uk/best_sellers_bg.gif) #666666 no-repeat right top;
	color: white;
	font-size: 1.7em;
	padding:5px 10px;
	width: auto;
}

#BestSellers{
	background-color:#eaeaea;
	padding:10px 0;
	}

div#BestSellers div.list-item
{
	width: 100px;
	min-width: 100px;	
	margin: 0px 0px 0px 15px;
	min-height: auto;	
	text-align: center;
}


div#BestSellers div.list-item img
{
	display: inline;

	float:none;
}

div#BestSellers div.list-item p
{
	margin: 0px; padding: 0px;
	width: auto;
}

/*#BestSellers dl{
	float:left;
	margin:10px 18px 0;
	}
	#BestSellers dl dt a img{
		border:1px solid #999;
		}
		#BestSellers dl dt a:hover img{
			border:1px solid #FFF;
			}
		#BestSellers dl dd p{
			color:#FFF;
			font-size:1em;
			line-height:1em;
			padding:0;
			text-align:left;
			width:91px;
			}
		#BestSellers dl dd a{
			color:#FFF;
			}
			#BestSellers dl dd a:hover{
				color:#FFF;
				}
		#BestSellers dl dd p.ProductName{
			}
		#BestSellers dl dd p.ProductName a{
			font-weight:bold;
			}
		#BestSellers dl dd p.RRPPrice{
			padding:0;
			}
			#BestSellers dl dd p.RRPPrice .rrpline{
				color:#FFF;
				text-decoration:none;
				}
		#BestSellers dl dd p.ProductPrice{
			font-weight:bold;
			}
*/
a.BtnBuyNow{
	background:url("http://gfx.richardjohn.co.uk/btn_buy_now.gif") no-repeat left top;
	display:block;
	height:0;
	margin:6px 0 10px;
	overflow:hidden;
	padding-top:17px;
	width:58px;
	}
	a.BtnBuyNow:hover{
		background-position:0 -34px;
		}

/* Brands ********************/

#BrandLogos{
	border-top:1px solid #DDD;
	background-color:#FFF;
	display:block;
	padding: 0px 0px 15px 15px;
	}
	#BrandLogos dt{
		display:block;
		float:left;
		margin:0 20px 0 20px;
		}
		#BrandLogos dt a{
			background-position:center top;
			background-repeat:no-repeat;
			display:block;
			height:0;
			margin:0;
			overflow:hidden;
			padding-top:70px;
			}
			#BrandLogos dt a:hover{
				background-position:center -100px;
				}

.LogoClarins{
	background-image:url("http://gfx.richardjohn.co.uk/brand_logos/Clarins.gif");
	margin-left:12px !important;
	width:110px;
	}
.LogoPaulMitchell{
	background-image:url("http://gfx.richardjohn.co.uk/brand_logos/PaulMitchell.gif");
	width:181px;
	}
.LogoAveda{
	background-image:url("http://gfx.richardjohn.co.uk/brand_logos/Aveda.gif");
	width:110px;
	}
.LogoMavala{
	background-image:url("http://gfx.richardjohn.co.uk/brand_logos/Mavala.gif");
	width:132px;
	}
.LogoGHD{
	background-image:url("http://gfx.richardjohn.co.uk/brand_logos/GHD.gif");
	width:59px;
	}
.LogoJessica{
	background-image:url("http://gfx.richardjohn.co.uk/brand_logos/Jessica.gif");
	margin-left:18px !important;
	width:70px;
	}
.LogoTisserand{
	background-image:url("http://gfx.richardjohn.co.uk/brand_logos/Tisserand.gif");
	width:141px;
	}
.LogoKerastase{
	background-image:url("http://gfx.richardjohn.co.uk/brand_logos/Kerastase.gif");
	width:98px;
	}
.LogoFudge{
	background-image:url("http://gfx.richardjohn.co.uk/brand_logos/Fudge.gif");
	width:59px;
	}
.LogoGuinot{
	background-image:url("http://gfx.richardjohn.co.uk/brand_logos/Guinot.gif");
	width:102px;
	}
.LogoStTropez{
	background-image:url("http://gfx.richardjohn.co.uk/brand_logos/sttropez.gif");
	width:85px;
	}
.LogoRedken{
	background-image:url("http://gfx.richardjohn.co.uk/brand_logos/Redken.gif");
	margin-left:10px !important;
	width:106px;
	}
.LogoCrew{
	background-image:url("http://gfx.richardjohn.co.uk/brand_logos/AmericanCrew.gif");
	width:88px;
	}
.LogoLoreal{
	background-image:url("http://gfx.richardjohn.co.uk/brand_logos/LorealProf.gif");
	width:154px;
	}
.LogoDecleor{
	background-image:url("http://gfx.richardjohn.co.uk/brand_logos/Decleor.gif");
	width:145px;
	}
.LogoNioxin{
	background-image:url("http://gfx.richardjohn.co.uk/brand_logos/nioxin.gif");
	width:130px;
	}
.LogoMasonPearson{
	background-image:url("http://gfx.richardjohn.co.uk/brand_logos/MasonPearson.gif");
	margin-left:25px !important;
	width:175px;
	}
.LogoBedHead{
	background-image:url("http://gfx.richardjohn.co.uk/brand_logos/Bed_Head_Tigi.gif");
	width:164px;
	}
.LogoCatwalk{
	background-image:url("http://gfx.richardjohn.co.uk/brand_logos/Catwalk_Tigi.gif");
	width:72px;
	}
.LogoSfactor{
	background-image:url("http://gfx.richardjohn.co.uk/brand_logos/Sfactor_Tigi.gif");
	width:53px;
	}
.LogoDfi{
	background-image:url("http://gfx.richardjohn.co.uk/brand_logos/D_Fi.gif");
	width:92px;
	}

.LogoEcoKid{
	background-image:url("http://gfx.richardjohn.co.uk/brand_logos/ecokid.gif");
	width:164px;
	}

.LogoTigiRockaholic{
	background-image:url("http://gfx.richardjohn.co.uk/brand_logos/rockaholic.gif");
	width:100px;
	}

	#BrandLogos dt a.LogoEcoKid:hover{
			background-position:1px -98px;
			}
#BrandLogos dt a.LogoTigiRockaholic:hover{
			background-position:center -101px;
			}

.BrandListing{
	border:1px solid #DDD;
	float:left;
	height:120px;
	margin:0 4px 7px;
	width:170px;
	}
	.BrandListing .logo{
		padding:8px 0 0;
		text-align:center;
		}
	.BrandListing h3{
		color:#AF4D7B;
		font-size:1.4em;
		font-weight:bold;
		padding:6px 0 0;
		text-align:center;
		}
	.BrandListing .brandtext{
		font-size:1em;
		padding:0 8px 4px 8px;
		}

#BrandDesc{
	float:left;
	width:315px;
	}

#BrandListing{
	font-size:1.2em;
	list-style-image:url("http://gfx.richardjohn.co.uk/bullet_list.gif");
	margin-left:20px;
	}
	#BrandListing li a{
		font-weight:bold;
		}

#BrandCatHeader{
	float:left;
	width:390px;
	}
	#BrandCatHeader p{
		padding:0 0 0 17px;
		}

#BrandHeaderLogo{
	padding:12px 18px 10px 0;
	text-align:right;
	}

/* Basket Crumbs ********************/

#basketcrumbs{
	display:block;
	float:left;
	list-style:none;
	margin:0 0 10px;
	}

#basketcrumbs li{
	background:none;
	border:none;
	clear:none;
	display:block;
	float:left;
	margin:0;
	padding:0;
	}

#basketcrumbs a{
	margin:0 0;
	padding:65px 0 0;
	display:block;
	height:18px;
	width:135px;
	text-align:center;
	color:#838383;
	font-size:1.2em;
	}

#basketcrumbs button{
	margin:0 0 !important;
	padding:65px 0 0 !important;
	display:block !important;
	width:135px !important;
	text-align:center !important;
	color:#838383 !important;
	font-size:1.2em !important;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:normal !important;
	float:none !important;
	cursor:pointer !important;
	}

#basketcrumbs a:hover,
#basketcrumbs button:hover{
	background-position:50% -150px !important;
	}
	
#basketcrumbs li.active a,
#basketcrumbs li.active button{
	background-position:50% -150px !important;
	}
	
#basketcrumbs li.completed a,
#basketcrumbs li.completed button{
	background-position:50% -310px !important;
	}
	
#iconbasket a,
#iconbasket button{
	background:#FFF url("http://gfx.richardjohn.co.uk/icon_basket.gif") no-repeat 50% 0;
	}
#iconlogin a,
#iconlogin button{
	background:#FFF url("http://gfx.richardjohn.co.uk/icon_login.gif") no-repeat 50% 0;
	}
#icondelivery a,
#icondelivery button{
	background:#FFF url("http://gfx.richardjohn.co.uk/icon_delivery.gif") no-repeat 50% 0;
	}
#iconcheckout a,
#iconcheckout button{
	background:#FFF url("http://gfx.richardjohn.co.uk/icon_checkout.gif") no-repeat 50% 0;
	}

#LogoutLink{
	background:#EEE;
	padding:5px;
	}
	#LogoutLink a{
		background:url("http://gfx.richardjohn.co.uk/icon_logout.gif") no-repeat left 50%;
		padding:5px 0 4px 13px;
		}

/* Shopping basket ****************/	

.ShoppingBasket{
	border-collapse:collapse;
	width:100%;
	font-size:1.1em;
	clear:left;
	margin:2% 0;
	color:#333;
	border-right:1px solid #BBB;
	}
.ShoppingBasket input{
	border:1px solid #CCC;
	float:left;
	margin:0 2px 0 24px;
	padding:2px;
	width:20px;
	}
.ShoppingBasket .radio{
	float:none;
	}
.ShoppingBasket th{
	color:#AF4D7B;
	font-weight:bold;
	margin:0;
	padding:5px;
	border-top:1px solid #BBB;
	border-bottom:1px solid #BBB;
	background:#EEE;
	text-align:right;
	}
	.ShoppingBasket th a{
		color:#AF4D7B;
		font-weight:bold;
		}
		.ShoppingBasket th a:hover{
			text-decoration:none;
			}
.ShoppingBasket td{
	padding:5px;
	border-top:1px solid #BBB;
	border-bottom:1px solid #BBB;
	background:#fbfbfb;
	text-align:right;
	}
.ShoppingBasket .borleft{
	border-left:1px solid #BBB;
	}
.ShoppingBasket .total{
	color:#AF4D7B;
	font-size:1.2em;
	font-weight:bold;
	}
.ShoppingBasket .trans{
	background:none;
	border-top:none;
	border-bottom:none;
	border-left:none;
	border-right:1px solid #BBB;
	padding:0;
	}
.ShoppingBasket .leftalign{
	text-align:left;
	}
.ShoppingBasket .buttons{
	padding:0;
	background:none;
	border:none;
	}
.ReviewBox{
	text-align:left;
	margin:0;
	padding:3px 5px;
	border:none;
	}
.ReviewBox p{
	font-size:1em;
	padding:0 0 8px;
	text-align:left;
	}
.ReviewBox h3{
	color:#AF4D7B;
	font-weight:bold;
	margin:6px 0 0;
	}

.OrderRef{
	font-size:1.4em;
	}

.CardDetails{
	width:50%;
	font-size:1.2em;
	clear:left;
	margin:0 0 15px;
	color:#333;
	}

.CardDetails th{
	font-weight:bold;
	margin:0;
	padding:0;
	text-align:left;
	}

/* Basket Buttons *************/

.TextContent .button{
	cursor:pointer;
	display:block;
	height:0;
	overflow:hidden;
	padding-top:33px;
	}
.checkoutnow{
	float:right;
	margin:0;
	}
.backtoshop{
	background:url("http://gfx.richardjohn.co.uk/btn_back_shop.gif") no-repeat 0 0;
	float:left;
	margin:0;
	width:138px;
	}
.proceed{
	background:url("http://gfx.richardjohn.co.uk/btn_proceed_without_account.gif") no-repeat 0 0;
	float:right;
	margin:0 0 10px;
	width:233px;
	}
.print{
	background:url("http://gfx.richardjohn.co.uk/btn_print_order.gif") no-repeat 0 0;
	margin:0;
	width:171px;
	}
.nostyle{
	background:none !important;
	border:none !important;
	margin:0 !important;
	padding:0 !important;
	width:auto !important;
	}
.CheckoutBtn{
	clear:left;
	float:right;
	margin-top:10px;
	}

/* All Forms **************/

input,
select,
textarea{
	border:1px solid #888;
	padding:2px;
	}
	
input:hover,
select:hover,
textarea:hover,
input:focus,
select:focus,
textarea:focus{
	border:1px solid #666;
	}

em.error{
	background:#ffc;
	border:1px solid #f00;
	clear:left;color:#f00;
	display:block;
	font-size:1.3em;
	font-style:normal;
	margin:10px;
	padding:10px;
	text-align:center;
	}
	
.standardform label em{
	background:none;
	border:none;
	color:#f00;
	display:inline;
	font-size:1em;
	font-style:normal;
	margin:0;
	padding:0;
	text-align:left;
	}

.standardform .required{
	border:1px solid #f00;
	}

.standardform fieldset{
	border:1px solid #BBB;
	display:block;
	float:left;
	margin:0 10px 0 0;
	padding: 8px !important;
	width:240px;
	}
.standardform fieldset.nomargin{
	margin-right:0;
	}

.standardform fieldset.fullwidth{
	margin-right:0;
	width:400px;
	padding:20px;
	}
	fieldset.fullwidth label{
		clear:none;
		float:left;
		width:30%;
		}
		fieldset.fullwidth input,
		fieldset.fullwidth select{
			clear:none;
			float:left;
			width:60%;
			}
			fieldset.fullwidth select{
				width:61%;
				}

.standardform fieldset fieldset{
	clear:both;
	border:none;
	margin:0;
	padding:0;
	width:235px;
	}
	
.standardform fieldset fieldset input{
	border:none;
	clear:none;
	float:left;
	margin:5px 0 0 5px;
	padding:0;
	width:auto;
	}
	
.standardform fieldset fieldset label{
	clear:none;
	float:left;
	margin:5px 0 0 5px;
	width:200px;
	}
	
.standardform fieldset p{
	font-size:1em;
	padding-bottom:0;
	}

.standardform legend{
	color:#AF4D7B;
	font-size:1.4em;
	font-weight:bold;
	margin-bottom:0;
	}

.standardform input,
.standardform label,
.standardform textarea,
.standardform select{
	clear:left;
	display:block;
	width:240px;
	}

.standardform label{
	margin-bottom:1px;
	}

.standardform select{
	margin-bottom:.4em;
	}

.standardform input{
	margin-bottom:.4em;
	}

.standardform .tworadios label{
	color:#4a718c;
	clear:none;
	display:inline !important;
	float:left;
	font-size:1.1em;
	margin:5px 0;
	text-align:right;
	width:70px !important;
	}

.standardform .tworadios input{
	background:none;
	border:none;
	clear:none;
	display:inline;
	float:left;
	margin:5px;
	width:auto !important;
	}
	
.standardform .checkbox{
	margin:0;
	padding:5px 1px;
	}

.standardform .checkbox label{
	background:none;
	border:none;
	float:right;
	margin:0;
	padding:0;
	width:90%;
	}
.standardform .checkbox input{
	background:none;
	border:none;
	float:left;
	margin:0;
	padding:0;
	width:10%;
	}

.monthyear select{
	clear:none;
	float:left;
	margin:0 0 4px;
	width:80px !important;
	}

.monthyear span{
	color:#a5b8c5;
	display:block;
	float:left;
	font-size:1.4em;
	margin:3px 5px;
	}

.ShortInput{
	width:15% !important;
	}

/* Terms *********************/

#ShippingCharges{
	border:1px solid #999;
	clear:left;
	font-size:.9em;
	margin-bottom:15px;
	padding:0;
	width:100%;
	}
	#ShippingCharges th{
		background-color:#BBB;
		font-weight:bold;
		padding:4px;
		text-align:left;
		}
	#ShippingCharges th.title{
		background-color:#FFF;
		font-size:1.6em;
		text-align:center;
		}
	#ShippingCharges th.title strong{
		display:block;
		font-size:.8em;
		font-weight:normal;
		text-align:center;
		}
		#ShippingCharges td{
			background-color:#DDD;
			padding:4px;
			text-align:left;
			}
		
#ShippingChargesBox{
	background:#FFF;
	float:left;
	padding:10px;}

/* Footer *********************/

#Footer{
	background:#CCC url("http://gfx.richardjohn.co.uk/line_dots_bg_footer.gif") repeat-x left top;
	padding:.6em 0;
	}

#Footer ul{
	clear:left;
	list-style:none;
	margin:0;
	padding:0 .6em;
	}
	#Footer ul li{
		border-right:1px solid #666;
		display:block;
		float:left;
		margin:0 .3em 0;
		padding:0 .6em 0 0;
		white-space:nowrap;
		}
	#Footer li.last{
		border-right:none;
		margin:0;
		padding:0;
		}
		#Footer li a{
			color:#333;
			}
			#Footer li a:hover{
				color:#999;
				}

#Copyright{
	background-color:#888;
	clear:left;
	padding:0;
	}
	#Copyright p{
		color:#FFF;
		font-size:1em;
		padding:.6em 1em;
		}
		#Copyright p.left{
			float:left;
			width:55%;
			}
		#Copyright p.right{
			float:right;
			text-align:right;
			width:35%;
			}
	#Copyright a{
		color:#FFF;
		}
		#Copyright a:hover{
			color:#CCC;
			}

/* Contact Form *********************/

#standardform{
	width:500px;
	}

#standardform fieldset{
	width:500px;
	display:block;
	float:left;
	clear:left;
	margin:0 0 10px;
	padding: 10px 10px 10px 10px !important;
	border:1px solid #DDD;
	background:url("http://gfx.richardjohn.co.uk/listing_bg.jpg") repeat-x;
	}

#standardform fieldset:hover, #standardform fieldset:focus{
	border:1px solid #999;
	background:url("http://gfx.richardjohn.co.uk/listing_bg_active.jpg") repeat-x;
	}

#standardform legend{
	font-size:1.6em;
	color:#666;
	font-weight:normal;
	margin-bottom:0;
	}
#standardform input,
#standardform textarea,
#standardform select{
	width:70%;
	float:left;
	border:1px solid #CCC;
	padding:2px;
	margin-bottom:.3em;
	font-size:1.1em;
	}
#standardform input:hover,
#standardform textarea:hover,
#standardform select:hover{
	border:1px solid #999;
	}
#standardform input:focus,
#standardform textarea:focus,
#standardform select:focus{
	border:1px solid #D839A9;
	}
#standardform select{
	width:40%;
	}
#standardform label{
	color:#666;
	font-size:1.2em;
	line-height:1.3em;
	width:25%;
	float:left;
	}
#standardform input{}

#standardform input:hover,
#standardform select:hover,
#standardform textarea:hover,
#standardform input:focus,
#standardform select:focus,
#standardform textarea:focus{
	background:#FFF;
	}
#standardform input.Send{
	background-color:#D839A9;
	border:none;
	color:#FFFFFF;
	cursor:pointer;
	font-size:1.4em;
	font-weight:bold;
	height:32px;
	margin-bottom:0;
	margin-left:200px;
	padding:0;
	text-align:center;
	width:120px;
	}
	#standardform input.Send:hover{
		background-color:#E26BBF;
		}
#standardform .ErrorText{
	color:#F00;
	}

em.error{
	display:block;
	clear:left;
	margin:0 0 10px;
	padding:10px;
	border:1px solid #f00;
	background:#ffc;
	text-align:center;
	font-size:1.3em;
	color:#f00;
	font-style:normal;
	}

/* Pop Up Box ***************/

#popbox{
	padding:10px 20px;
	text-align:left;
	}

/* Clearfix (updated for IE7 compatibility) ****************/
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
   
* html>body .clearfix {
	display:inline;
	width:100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height:1%;
	/* End hide from IE-mac */
	}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility:visible !important;
	margin:0;
	}

.sIFR-replaced {
	visibility:visible !important;
	}

span.sIFR-alternate {
	position:absolute;
	left:0;
	top:0;
	width:0;
	height:0;
	display:block;
	overflow:hidden;
	}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */

.sIFR-flash + div[adblocktab=true] {
  display:none !important;
	}

/* Lightbox CSS ****************/

#lightbox{
	left:0;
	line-height:0%;
	position:absolute;
	text-align:center;
	top:40px;
	width:100%;
	z-index:100;
	}

#lightbox a img{
	border:none;
	width:auto;
	}

#outerImageContainer{
	background-color:#fff;
	height:250px;
	margin:0 auto;
	position:relative;
	width:250px;
	}

#imageContainer{
	padding:10px;
	}

#loading{
	height:25%;
	left:0%;
	line-height:0%;
	position:absolute;
	text-align:center;
	top:40%;
	width:100%;
	}

#hoverNav{
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:10;
	}

#imageContainer>#hoverNav{
	left:0;
	}

#hoverNav a{
	outline:none;
	}

#prevLink, #nextLink{
	background:transparent url("http://gfx.richardjohn.co.uk/lightbox/blank.gif") no-repeat; /* Trick IE into showing hover */
	display:block;
	height:100%;
	width:49%;
	}

#prevLink{
	float:left;
	left:0;
	}

#nextLink{
	float:right;
	right:0;
	}

#prevLink:hover, #prevLink:visited:hover{
	background:url("http://gfx.richardjohn.co.uk/lightbox/prevlabel.gif") left 15% no-repeat;
	}

#nextLink:hover, #nextLink:visited:hover{
	background:url("http://gfx.richardjohn.co.uk/lightbox/nextlabel.gif") right 15% no-repeat;
	}

#imageDataContainer{
	background-color:#ffffff;
	font:11px "tahoma", verdana, helvetica, sans-serif;
	margin:0 auto;
	line-height:1.4em;
	}

#imageData{
	padding:0 10px;
	}

#imageData #imageDetails{
	float:left;
	text-align:left;
	width:50%;
	}    

#imageData #caption{
	font-weight: bold;
	}

#imageData #numberDisplay{
	clear:left;
	display:block;
	padding-bottom:1.0em;
	}     
       
#imageData #bottomNavClose{
	float:right;
	padding-bottom:0.7em;
	}   
 
#imageData #bottomNavPrev{
	float:right;
	padding-bottom:0.7em;
	width:20px;
	}

#imageData #bottomNavPrev img{
	display:block;
	margin:3px auto 0 auto;
	}

#imageData #bottomNavNext{
	width:20px;
	float:right;
	padding-bottom:0.7em;
	margin:0 10px 0 0;
	}

#imageData #bottomNavNext img{
	display:block;
	margin:3px auto 0 auto;
	}			
        
#overlay{
	height:500px;
	left:0;
	top:0;
	position:absolute;
	width:100%;
	z-index:90;
	}


/* Checkout Error Page Template
***********************************************/

#CheckoutErrorForm{
	display:block;
	clear:left;
	margin:0;
	float:left;
	padding:1em;
}
#CheckoutErrorForm h2{
	font-size:1.2em;
	margin:0 0 10px;
}
#CheckoutErrorForm form{
	clear:both;
}	
	#CheckoutErrorForm p{
		font-size:1.2em;
		padding:0 10px 5px;
	}
	#CheckoutErrorForm fieldset{
		border:none;
	}
	#CheckoutErrorForm input, #CheckoutErrorForm textarea{
		background:#fff;
		margin:0 10px 5px;
		width:92%;
	}
	#CheckoutErrorForm input.Send{
		border:none;
		display:block;
		cursor:pointer;
		margin:5px auto 0;
		background:none;
		width:auto;
	}
		#CheckoutErrorForm input.Send:hover, #CheckoutErrorForm input.Send:focus{
		}
	#CheckoutErrorForm label{
		display:block;
		width:92%;
		padding:2% 2% 1% 1%; 
		margin:7px 8px 0;
	}
	#CheckoutErrorForm select{
		background:#fff;
		margin-left:10px;
		margin-bottom:10px;
		width:83px;
	}

.ErrorCheckout{
	padding:1em 1em 0;
	color:#F00;
	margin:1.2em;
	background:#FFC;
	border:1px solid #F00;
}
	.ErrorCheckout p{
		color:#f00;
		margin:0 0 10px;
	}
	.ErrorCheckout p.Norm{
		color:#b1496b;
	}

#WeeeNotice{
	float:left;
	padding:15px 0;
	width:230px;
	}

#WeeeNotice a{
	font-size:1.4em;
	font-weight:bold;
	}

#WeeeNotice img{
	float:left;
	margin:0 10px 0 18px;
	}
	

div.sys-warning
{
	font-size: 2em;
	color: #cc0000;
	font-weight:bold;
	text-align: center;
}


div.HomeImageBox 
{
	background-color: #eeeeee;
}
div.HomeImageBox img
{
	float:left;	
	margin: 9px -1px 9px 9px;
	border:1px solid #666666;
}


div.HomeImageBox h4.bestsellers 
{
	float:none;
	clear: both;
}

div.LatestReviewBox img
{
	float: left;
	padding-right: 5px;
}

div.LatestBlogBox
{

}

div.ProductImageBox
{
	float: left;
}

h1 a.logo
{
	position: absolute;
}


.sIFR-hasFlash h4.bestsellers {

}


ul#Breadcrumbs li.label
{
	padding: 0px 10px 0px 0px;
	background: none;
	font-weight: bold;
}

#RightColumn .regcolour
{
	margin-left: 0px;
	font-size: 1.5em;
}

.nomargin, div.OutOfStockBox p
{
	margin: 0 !important;
	padding: 0 !important;
}

.alignright
{
	text-align: right;
}

div#RightColumn div.hr
{
	margin: 10px 0px;
}

div.OutOfStockWrapper
{
	position:relative;
}

div.OutOfStockWrapper p
{
	display: block;
	width: 173px;
	color: #ffffff;
	text-align: center;
	background-color: #CA8093;
	font-weight: bold;
	font-size: 0.8em;
	position:absolute;
	left:0px;
	bottom: 0px;
	padding: 5px 0px;
}

p.OutOfStock
{
	color: #cc0000;
	font-weight: bold;
}

div.deliveryMessage
{
	background-color: #fcf6c7;
	padding:10px;
	border: 1px solid #CA8093;
	font-size: 1.1em;
}

#ProductBuyInformation div.deliveryMessage
{
	margin-bottom: 5px;
}

.TellYourFriends {
	background:url("http://gfx.richardjohn.co.uk/line_dots_bg_repeatx.gif") repeat-x left top;
	margin:10px 0 10px 0;
	padding:10px 0 0;
	width:235px;
	}
	
	
.socialSidebar
{
	margin: 0px 12px;
}

.profileimage
{
	display:none;
}

div.limitedDeliveryMessage
{
	background-color: #e2f2ff;
	border: 1px solid #99ccff;
	padding: 10px;
}

tr.highlight,  tr.highlight td.borleft
{
	background-color: #CC0000;
}

tr.highlight td.borleft a
{
	color: #ffffff;
}