/* Common Styles
===============================*/
.Text {
	height: 20px;
	border: solid 1px #7F9FB8;
}
.Bold {
	font-weight: bold;
}
.Right {
	text-align: right;
}
.WhiteBase {
	border-bottom: solid 1px #FFFFFF;
}
.DynamicButton {
	cursor: pointer;
}
.ButtonText {
	padding-top: 1px;
	font-size: 12px;
}
.Spacer {
	clear:both;
	height: 2px;
	width:470px;
	background:url(/images/spacer_bdr.gif) repeat-x;
	overflow: hidden;
	margin-top: 20px;
	margin-bottom: 20px;
}
.FloatLeft {
	float: left;
}
.FloatRight {
	float: right;
}

.breadcrumbtrail, .colorBar{
	color:#888888;
}

.breadcrumbtrail a{
	color:#888888;
	text-decoration:none;
}
.TextArea {
	font-family: Arial, Verdana, Sans-Serif;
}

.bottomPadding{
	float:left;
	width:100%;
	height:170px;
}

/* Generic Template Styles
===============================*/
#TopFunctions {
	width:728px;
	overflow: hidden;
}

#CurrencyAndViewBasket {
	float:left;
	width: 538px;
	height: 40px;
	background-color: #E8E8E8;
	font-size:80%;
}

#CurrencyAndViewBasket a{line-height:1.7;}

#Currency {
	float: left;
	margin-left: 15px;
	margin-top: 10px;
	
}
#Currency span {
	float:left;
	margin-right:6;
	line-height:1.7;
	
}
#Currency div {
	float:left;
	
}

#ViewBasket {
	float: right;
	margin-top:10px;
	margin-right: 15px;
}

.currencymenu{
	width:190px;
	font-size:80%;
}

#Search {
	float:left;
	width:190px;
	height: 40px;
	background-color: #b1b1b1;
	overflow: hidden;
}
#Search form {
	margin-top:6px;
	margin-left:8px;
}


.SearchTB{
	width:135px;
	font-size:70%;
}


#MainColumnFull {
	padding-bottom:30px;
	float:left;
}



@media screen{

	#MainLeftColumn {
		float: left;
		width: 529px;
		margin-top: 10px;
		color:#444444;
		overflow: hidden;
		padding-bottom:30px;
	}

	.category{
		float: left;
		position: relative;
		width: 529px;
	}
}

@media print{

		#MainLeftColumn{
			width:600px;
			padding-bottom:0;
			margin-top:0;
			clear:both;
		}

		#MainRightColumn {
			display:none;
		}
		
		#TopFunctions {
			display:none;
		}

		.category{
			position:relative;
			clear:both
			padding-bottom:0;

		}

}


#MainLeftColumn span {
	float:left;
	width:498px;
	margin-left:16px;
	padding-bottom:40px;
	font-size:85%;
	line-height:1.4;
}


#MainRightColumn {
	float: left;
	display:inline;
	padding-left:8px;
	width:190px;
	overflow: hidden;
	margin-bottom:60px;
}

.category {
	float: left;
	padding-bottom:50px;
	overflow: hidden;
}




/* Featured Images
========================================*/

.FeaturedTitle 
{
	width:163px;
	overflow:hidden;
	font-size:80%;
	margin:10px 0 5px 8px;
}

.FeaturedDescription 
{
	margin-left:8px;
	font-size:80%;
	width:160px;
	line-height:1.3;
	color:#222222;
		
}

.FeaturedProduct {
	float:left;
	height:145px;
	margin:8px 0 8px 0px;
	background-color: #E8E8E8;
	padding:8px 0 0 8px;
	overflow:hidden;
}

.FeaturedProduct a{
	text-decoration:none;
	line-height:1.2;
}

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



/* Mini Basket
========================================*/
#MiniBasket {
	float:right;
	width:190px;
	margin-top:10px;
	padding-bottom:20px;
	
}


@media print{

	#MiniBasket{
		display:none;
	}
}

#MiniBasket td {
	font-size:70%;
	color:#222222;
}
.BasketDark{
	background-color: #D0D0D0;
	padding:12px 12px 12px 12px;
	width:100%;
}


.BasketLight {
	background-color: #E8E8E8;
	width:100%;
	padding:12px 0 15px 12px;
	
}

#displayItems{
	margin-right:10px;
	width:165px;
}
.BasketItemPrice{
	padding-right: 12px;
}

.itemPrice{
	width:60%; 
	padding-top:18px;
	text-align:right;
}

.itemqty{
	width:30%;
	padding-top:18px;
}

.displayCheckoutLinks{
	float:right;
	line-height:2.2;
	width:100px;
}

.gatewaymessage {
	width: 700px;
	font-size: 90%;
	margin-top: 10px;
}

#MiniBasket .BasketProductName{
	padding-right:3px;
	width:160px;
}


.ViewBasketlink{line-height:1.8;}

.productLinks:hover{text-decoration:underline;}

.productLinks{ text-decoration:none;}

/* Category Products Page
========================================*/
#CategoryProducts {
	float:left;
	width:529px;
}

@media print{
	
	.category #CategoryProducts {
		position:relative;
		clear:both;
		
	}
	
	.products .DisplayCategoryProduct{
		padding:0;
	    margin-right:0;
		margin-bottom:0;
		height:200px;
		width:240px;
	}


	.DisplayCategoryProduct .CategoryProductPad{
	    position:relative;
		padding:0;
		margin:0;
		clear:both;
	}
	
	.CategoryProductPad .CategoryProductTitle{
		position:relative;
		top:-10px;
		margin-top:0;
		line-height:normal;
	}
	
	.CategoryProductPad  .CategoryProductDescription{
		position:relative;
		top:-10px;
		margin-bottom:0;
	}
	 

}


.DisplayCategoryProduct{
	float: left;
	width: 238px;
	height:263px;
	margin:0 20px 15px 0;
	background-color: #E8E8E8;
	color:#222222;
	overflow: hidden;
	
}

.CategoryProductPad {
	float:left;
	display:inline;
	width:210px;
	font-size:79%;
	margin:14px 14px 14px 14px;
}
.CategoryProductTitle{
	line-height:2.2;
}
.CategoryProductDescription
{
	margin-bottom:2.6em;
}
.CategoryProductOptions {
	float: left;
}
.CategoryProductLink{
	float: right;
}
.CategoryProductPrice{
	float: left;
}

#Links{
	float:left;
	width:494px;
	margin-bottom:10px;
	font-size:85%;
}

#LinksPrevious{
	float:left;
	width:100px;
	color:#888888;
}

#LinksPrevious a, #LinksNext a{text-decoration:none;}

#LinksNav{
 	float:left;
 	width:294px;
 	text-align:center;
}

#LinksNext{
	float:left;
	width:100px;
	text-align:right;
	color:#888888;
}



/* Product Page
========================================*/
#ProductNavigation {
	float:left;
	display:inline;
	width:510px;
	font-size:80%;
	padding-left:14px;
	margin-top:10px;
}

#ProductTitleAndPrint {
	width: 486px;
	margin:10px 0 0 10px;
	display:inline;
	font-size:80%;
}


@media print
{
	#ProductTitleAndPrint{
		
		position:relative;
		width:500px;
		clear:both;
	}

	.paging{
		position:relative;
		width:494px;
		clear:both;
	}
	
	#Links #LinksNav{
		width:auto;
	}

		#ProductNavigation{
			position:relative;
			width:500px;
			clear:both;
	}
}

#ProductTitleAndPrint a{
	line-height:2.5;
}

#ProductMain {
	float:left;
	height:auto;
	width:500px;
	padding:14px 0 14px 0;
	margin-top:8px;
	color:#222222;
	background-color: #E8E8E8;	
}


#ProductMainPure {
	float: left;
	width: 500px;
	margin-left:14px;
	color:#444444;
	display:inline;
}

#ProductMainPure p{
	font-size:85%;
	line-height:1.3;
}


#ProductPricePure{
	float:left;
	font-weight:bold;
	margin-top: 15px;
}

#ProductDescriptionPure{
	float:left;
	width:500px;
	margin-top:20px;
	clear:both;
}

#ProductImage {
	float:left;
	width:209px;
	font-size:80%;
	margin-left:14px;
	margin-right:20px;
	display:inline;
}

.viewImagesLabel{
	 float:right;
	 line-height:2.8;
}

#ProductDescription {
	float:left;
	width:238px;
	line-height:1.4;	
}

#ProductDescription p{
	padding-bottom:10px;
	font-size:80%;
}

#ProductPriceAndOptions {
	float: left;
	width: 472px;
	margin-left:14px; 
	display:inline;
}

.ProductPrice {
	float:right;
	margin:15px 18px 0 0;
	font-weight:bold;
	font-size:85%;
	display:inline;
}

#ProductOptions {
	float:left;
	width:484px;
}

.ProductAdd {
	float: right;
	display:inline;
	margin:20px 3px 10px 0;
}

.ProductOption, .relatedProducts {
	float: left;
	overflow: hidden;
	font-size:80%;
	padding-bottom: 10px;
}


.relatedProducts{margin-top:40px;}

.ProductOption label{
	float:left;
	display: inline;
	width: 80px;
	padding-top: 3px;
}

.relatedProducts label{
	float:left;
	width:200px;
	margin:0 0 5px 0;
	font-weight:bold;
}

.relatedProducts a{
	float:left;
	width:100%;
	line-height:1.6;
	clear:both;
}


.ProductOption div {
	float: left;
	display: inline;
	width: 135px;
}

.ProductOption select {
	width: 130px;
	font-size:80%;
}

#PureHeroImage{
	margin-bottom:4px;
}

.positionMarker{
	float:left; 
	color:#888888; 
	margin-right:2px;
}

.addtobasket{
	float:left;
	width:470px;
	display:inline;
}

.addtobasket select{
	width:135px;
	font-size:80%;
}

.addtobasket .submit{
	float:right;
	margin:20px 15px 0 0;
}

.addtobasket label{
	float:left;
	width:80px;
	font-size:80%;
	line-height:1.5;
}


/* sub prodType page
===================================*/
.maincategory{
	float:left;
	margin:10px 0 0 15px;
	display:inline;
}

@media print{
	.maincategory{
		width:500px;
	}
}

.maincategory p{
	line-height:1.4;
	font-size:0.85em;
}


/* Gallery Window Styles
===============================*/
#Gallery_BGPanel{
	position:relative; 
	width:685px; 
	height:505px;
	margin:0 auto;
}

.GalleryContent {
	position:absolute;
	height:505px;
	width:685px;
	left:20px;
	top:20px;
	z-index:500;
}


#Gallery_Container{
		position:absolute;
		width:100%;
		left:0px;
		top:40px;
		display:block;
		display:none;
		text-align:center;
}

#Gallery_ContentFrame{
	z-index:800;
}

#GalleryClose, #GalleryPrint  {
	font-size:80%;
}
#GalleryClose a {
	text-decoration: none;
}

.GalleryThumb {
	float: left;
	width: 95px;
	height: 71px;
	margin-left:5px;
	margin-bottom:8px;
	padding:0px;
	
}
.ThumbOff {
	border: solid 1px #CCCCCC;
	cursor: pointer;
}
.ThumbOn {
	border: solid 1px #000000;
}

@media screen{
	#GalleryOptions {
		float:left;
		margin:25px 0 0 40px;
		width:608px;
		display:inline;
		
		
	}
	#GalleryTitle {
		float:left;
		width: 619px;
		margin:12px 0 17px 34px;
		display:inline;
	}
	#GalleryHero {
		float:left;
		margin:0 18px 0 35px;
		width: 500px;
		height:375px;
		display:inline;
	}
	#GalleryThumbs {
		width: 75px;
	}
}

@media print{
	#InfoLayerContent {
		position:relative;
		width:100%;
		height: 100%;
	}
	#GalleryOptions {
		display:none;
	}
	#GalleryTitle {
		float:left;
		width: 619px;
		margin:12px 0 17px 34px;
	}
	#GalleryHero {
		float:left;
		left: 0px;
		margin:0 18px 0 35px;
	}
	#GalleryThumbs {
		display: none;
	}

}



/* Basket Styles
===============================*/
#BasketTitleAndPrint {
	float:left;
	width: 690px;
	margin:20px 0 20px 10px;
	font-size:80%;
}

#basketContainer {
	float:left;
	height:auto;
	width: 715px;
	color:#444444;;
}


@media print{
	
	#basketContainer .BasketTable .BasketColName{width:40%;}
	.updateRow{	background-color:#D0D0D0;}
	.BasketHeaderRow .ColHeader{padding-right:30px;}
	#basketContainer #updateTable .showtotal{ padding-left:0px;}

	#basketContainer #updateTable .basketDisclaimer{width:418px;}

	#basketContainer .TaxCell{
		text-align:center;
	}

	#basketContainer .TotalCell{
		text-align:right;
		padding-right:70px;
	}
	#BasketActions{margin-right:25px;}

}

.BasketTable{
	width:715px;
	font-size:88%;
	color:#222222;
}

.BasketHeaderRow th{background-color:#D0D0D0;}

.BasketTable .BasketColName{
	line-height:2.5;
	text-align:left;
	padding-left:30px;
	width:48%;
}

.BasketHeaderRow .ColHeader{ 
	line-height:2.5;
}


.BasketTable tbody{
	background-color:#E8E8E8;
	font-size:88%;
}

.BasketTable tbody td{
	vertical-align:top;
	padding-top:10px;
}

.productname{
	text-indent:30px;
}

.TaxCell{
	text-align:right;
	padding-right:2.5em;
}

html >body .TaxCell{padding-right:2em;} /* to position the price inline with header just for firefox */

.TotalCell{text-align:right; padding-right:2.7em;}

.productname a{text-decoration:none;}

.quantityInput input{font-size:90%;}

.removeLink{line-height:1.8;}


.details, .codenumber{padding:0 0 20px 30px;}

.updateRow{	background-color:#D0D0D0;}

#updateTable{
	padding:0 0 15px 0;
	color:#222222;
}

#updateTable .showtotal{
	 font-weight:bold;
	 text-align:left;
	 padding-right: 25px;
}

#updateTable .basketDisclaimer{
	 font-size:75%;
	 text-align:left;
	 padding-left: 30px;
}

.basketheader .basketDisclaimer{
	 font-size: 95%;
	 text-align:left;
	 font-weight: normal;
}

.rowDivider{
	float:left;
	height:2px;
	width:715px;
	margin-bottom:5px;
	background:url(/images/spacer_bdr.gif) repeat-x;
}

.sideDivider{
	float:left;
	width:2px;
	height:23px;
	background:url(/images/side_bdr.gif) repeat-y;
	margin-right:10px;
	margin-left:10px;
}

#BasketItemsAdded, #BasketPleaseWait {
		position:relative;
		font-size:85%;
		text-indent:20px;
		margin-bottom:20px;
}

.errors{
	float:left;
	margin-left:15px;
	font-size:85%;
}

#BasketActions {
	float: right;
	margin-bottom:25px;
	
}

#BasketActions input, #BasketActions a {
	float:left; 
	margin:20px 25px 0 0;

}

/* Search
===============================*/
#searchwrapper{
	float:left;
	width:530px;
	color:#444444;
	display:inline;
	margin: 20px 0px 0 8px;
	padding-bottom:40px;
}

.errormsg{
	font-size:100%;
}

.searchbr
{	float:left;
	width:500px;
	margin-bottom:20px;
	border-bottom:1px solid  #CCCCCC;
}

.displaysearchResults
{
	float:left;
	width:500px;
	font-size:80%;
	line-height:1.4;
}
.searchimage
{
	float:left;
	width:119px;
}
.searchimage img
{
	border: 1px solid #CCCCCC;
	margin-bottom:10px;
}
.searchdetails
{
	float:left;
	width:367px;
	padding-bottom:10px;
}

.searchdetails .Bold{
	padding-bottom:5px;
}

.displayPriceDetail{
		margin-top:10px;
}	


/* Search keyword highlight */
em.highlight {
	background-color: #E4E4E4;
	font-style: normal;
}

.paging{
	float:left;
	margin-top:8px;
	width:494px;
}
 
#resultsheader{
	float:left;
	width:500px;
	padding-bottom:2px;
	margin-bottom:18px;
	font-size:85%;
}

/* Checkout
===============================*/
.pwd {
	margin-right: 30px;
	width: 150px;
}
.CheckoutTitle
{
	margin: 28px 0px 15px 10px;
}

.CheckoutSubHeader
{
	float:left;
	width:500px;
	padding-bottom: 8px;
	font-size:100%;
}

.ExplainForm{
	float:left;
	width:500px;
	line-height:1.3;
	font-size:80%;
	margin-bottom:10px;
}
.CheckoutLeftAlign{
		float:left;
		display:inline;
		margin-left: 14px;
}

.CheckoutWrapper
{
	float:left;
	width:700px;
	color:#444444;
	padding-bottom:30px;
}

.CheckOutBottomMargin, .IntroCheckout
{
	float:left;
	width:500px;
	line-height:1.4;
	margin-bottom: 25px;
}

.IntroCheckout, .IntroHeader{font-size:85%;}

.signinForm{
	float:left;
	width:500px;
	margin-top:5px;
	margin-bottom:18px;
}

.signinForm label, .box label{
	font-size:80%; 
	line-height:2.2;
}

.signinForm input{margin-bottom:10px;}

.emailinput{width:250px;}

.signinForm a{
	position:relative;
	margin-left:8px; 
	font-size:80%;
	top:-12px;
}

#submitforward, #submitforward2{float:left; margin-top:28px;}


.CheckoutDivider
{
	position:relative;
	float:left;
	height:20px;
	width:700px;
	display:inline;
	background:url(/images/grey_divider.gif) repeat-x;
}

.CheckoutErrors
{
	float:left;
	width:600px;
	margin:10px 0 10px 14px;
	color: #FF0101;
	font-size:80%;
	clear:both;
	display:inline;
}

.shippingmethodstable 
{
	float:left;
	width: 500px;
}


.shippingmethodsheader
{
	font-size:75%;
	font-weight: bold;	
	background-color: #D0D0D0; 
}

.shippingmethodsbody
{
	font-size:70%;
	background-color: #E7E7E7;
}

.radioButtonCell{padding-left:15px;}

.baskettable
{
	width: 700px;
	color:#222222;
}

.basketheader
{
	font-weight: bold;	
	font-size: 80%;
	background-color: #D0D0D0;
}

.basketbody
{
	font-size:75%;
	background-color: #E7E7E7;
}

.basketbottomborder
{
	clear:both;
	height:2px;
	width:100%;
	background:url(/images/spacer_bdr.gif) repeat-x;
	overflow: hidden;
	margin-top: 0px;
	margin-bottom: 0px;
	padding:0px;
}

/* billing section
=====================*/
.section{
	float:left;
}

 .section h4{
	float:left;
	width:100%;
	font-size:100%;
	margin:0;
	padding-bottom:10px;
	line-height:1.2;
}

.sectionHeader {
	float:left;
	width:100%;
	font-size:45%;
	margin:0;
	padding-bottom:10px;
	line-height:1.2;
	color: red;
}

#sectionMainTop, #sectionMain
{
	width: 690px;
	float: left;
}

#leftSection, #leftSectionTop
{
	float:left;
	width:340px;
	margin-top: 10px;
}

#rightSection, #rightSectionTop
{
	float:left;
	width:348px;
	margin-top: 10px;
}

.requiredfields{
	font-size:80%;
}

.billingInfo select{
	font-size:80%;
	line-height:2.2;
}

.billingInfo input{font-size:80%;}

#rightSection label, #leftSection  label{
	line-height:2.2;
	width:300px;	
}

#leftSection .customerDetails input,  .passwordDetails input, #rightSection .customerDetails input{
	position:relative;
	width:250px;
	margin-bottom:8px;
	font-size:80%;
}

#leftSection .customerDetailsPostcode input
{
	position:relative;
	font-size:80%;
}

.customerDetailsPostcode{
	height:30px;
	font-size:80%;
	line-height:1.5;
}

.AddressChange{
	position:relative;
	font-size:80%;
}

.AddressChange input{position:relative; left:90px;}

.displayEmailAddress{font-size:80%;}

.shippingdetails{
	float:left;
	display:inline;
}

html >body .BillingShippingSpacer{width:320px;}

.BillingShippingSpacer{
	float:left;
	position:relative;
	height:55px;
}

#customercontact 
{
	position: relative;
	width: 700px;
	float: left;
}
#customercomments 
{
	position: relative;
	width: 700px;
	float: left;
}

/* Terms and conditions form
==================================*/
#termsandconditionssection {
	position:relative;
	border: solid 0px green;
	width: 700px;
	float: left;
}
#termsandconditionssection a {
	font-size:80%;
	margin-top: 8px;
	margin-left: 5px;
	display: block;
}


#billTotal{
	position:relative;
	border: solid 0px red;
	width: 700px;
	float: left;
	font-size:80%;
	line-height:1.4;
	padding-top: 25px;
}
#billSubmit {
	position:relative;
	border: solid 0px blue;
	width: 700px;
	float: left;
	padding-top: 25px;
}

/*html >body #billTotal, html >body .placeOrder{float:left; padding-bottom:25px;}*/


/* Terms and conditions popup
===============================*/

#legalMother 
{
	font: 85%/1.0 arial, verdana, sans-serif;
	color: #333333;
	margin-top: 25px;
	margin-left: 40px;
	width:540px;
}
.legalContent 
{
	margin-left: 5px;
	margin-top: 20px;
	margin-bottom: 10px;
	float:left;
	width:495px;
	font-size: 80%;
}	

.legalContent p{
	line-height:1.3;
}
.legalContent ul{
	line-height:1.6;
}

#divClose 
{
	position: absolute;
	top: 0px;
	right: 26px;
}
#divLogo 
{
	margin-top: 7px;
	margin-bottom: 22px;
	text-align: center;
}
.ContainerHeading 
{
	float: left;
	PADDING-LEFT: 10px;
	PADDING-RIGHT: 10px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 95%;
	BACKGROUND-COLOR: #DADADA;
	PADDING-TOP: 6px;
	MARGIN-BOTTOM: 7px;
	MARGIN-TOP:20px;
	WIDTH: 540px;
	BORDER: solid 0px #cc0000;
	COLOR:#444444;
	HEIGHT: 21px;
	width: 495px;
}

.lnkClose 
{
	font-size: 100%;
	color: #444444;
	text-decoration: none;
}	
#divClose 
{
	position: relative;
	float: right;
	top: 0px;
	right: 26px;
	font-size: 11px;
}	
.termstable td
{
	padding:3px;
}