@import "../StyleSheet.css";
body
{	
	background-image:url(images/backgroundgradient.jpg);
	background-color:White;
	background-repeat:repeat-x;
	height:100%;
}
#container
{
	background-color:White;
	background-image:url(images/headerbackground.jpg);
	background-repeat:no-repeat;
	margin:auto;
	position:relative;
	width:900px;
}
#columnWrapper
{
	float:left;
	padding-top:117px;
	width:900px;
}
	#header
	{
		height:130px;
	}
	
		#menu
		{
			height:20px;
		}
		
			#menu UL
			{
				background-color:black;
				background-position:right top;
				background-repeat:no-repeat;
				border-bottom:1px solid #B8DAFF;
				height:28px;
				left:0;
				margin:0;
				padding:0 0 0 10px;
				position:absolute;
				top:89px;
				width:890px;
			}
			
			#menu LI
			{			
				display:inline;
				list-style:none;
				color:#7f96b0;				
				margin:0px;
				padding:0px;
				height:30px;
			}
			#menu A
			{
				display:inline-block;
				float:left;
				font-size:11px;
				font-weight:900;
				height:21px;
				padding-left:15px;
				padding-right:15px;
				padding-top:7px;
				text-align:center;
				text-decoration:none;
			}
			
			#menu A:link, #menu A:visited, #menu A:active
			{
				color:#b8daff;	
				margin:0px;
			}
			
			#menu A:hover
			{
				color:#ffffff;	
				margin:0px;
				background-color:#6c6c6c;
			}
			
			.tableft
			{
				background-position:top left;
				background-repeat:no-repeat;
				background-color:Black;
			}
			.tableftSelected
			{
				background-position:top left;
				background-repeat:no-repeat;
				background-color:#6c6c6c;
			}
			.tab
			{
				height:30px;
				background-position:top left;
				background-repeat:repeat-x;
				background-color:black;
			}
			.tabSelected
			{
				background-position:top left;
				background-repeat:no-repeat;
				background-color:#6c6c6c;
			}
			
		#phonenumber
		{
			height:40px;
			position:absolute;
			top:60px;
			left:0px;
			width:970px;
			text-align:right;
			font-size:18px;
			font-weight:bold;
			color:#005da3;
		}
		#userhello
		{
			height:40px;
			position:absolute;
			top:70px;
			left:0px;
			padding-left:360px;
			width:610px;
			font-size:12px;
		}
			span.rate
			{
				color : #000000;
				font-size : 9px;
			}
		
		#toptabs
		{
			height:40px;
			position:absolute;
			top:20px;
			left:0px;
			width:970px;
		}
		
			#toptabs UL
			{
				border:3px solid #c7c7c7;	
				padding:0px;
				margin:0px;
				float:right;
				padding-left:40px;
			}
			
			#toptabs LI
			{
				display:inline;
				list-style:none;
				color:#000000;
				overflow:hidden;
			}
			#toptabs A
			{
				display:inline-block;
				text-decoration:none;
				height:16px;
				font-weight:normal;
				text-align:center;
				padding:5px;
				padding-right:40px;
				padding-left:25px;
				font-size:11px;
				overflow:hidden;
			}
			
			#toptabs A:link, #toptabs A:visited, #toptabs A:active
			{
				color:#000000;
			}
			
			#toptabs A:hover
			{
				color:#000000;
			}
		
	#leftColumn
	{
		width:230px;
		float:left;
		margin-left:5px;
	}
	#rightColumn
	{
		width:160px;
		float:left;
	}
	#productImage
	{
		width:330px;
		float:left;
		margin-right:20px;
	}
	#mainColumn
	{
		float:left;
	}
		
	#mainContent
	{
		font-family:Verdana;
		font-size:12px;
		margin-left:10px;
		padding-right:10px;
		float:left;
		width:645px;
		min-height:700px;
	}
		#mainContent H2
		{
			color: #0666a7;
			font-size:18px;
			margin-bottom:10px;
			margin-left:5px;
		}
		#mainContent .box
		
		{
			qwidth:100%;
			float:left;
		}
		
	#logo
	{
		background-image:url(images/logo.png);
		height:65px;
		left:10px;
		position:absolute;
		top:15px;
		width:328px;
	}
	#rightDesign
	{
		background-image:url(images/design.png);
		_background-image:none;
		height:238px;
		position:absolute;
		right:-297px;
		top:0;
		width:595px;
		z-index:99;
	}
	#sides
	{
		background-image:url(images/sides.png);
		_background-image:none;
		background-repeat:repeat;
		height:100%;
		left:-30px;
		position:absolute;
		top:0;
		width:958px;
		z-index:-1;
	}

.TitleBar
{
	float:left;
	width:631px;
	margin-bottom:10px;
}	
.TitleBar H2
{
	padding-top:7px;
	padding-left:7px;
	margin:0px !important;
	font-size:12px !important;
	height:23px;
	margin-bottom:-4px !important;
	background-image:url(images/breadcrimbbackground.jpg);
	background-repeat:repeat-x;
	width:640px;
}
	.TitleBar .box
	{
		border:1px solid #BCBCBC;
		margin:0;
		padding:7px;
		width:100%;
	}
	.TitleBar .box2
	{
		border-bottom:solid 1px #bcbcbc;
		border-left:solid 1px #bcbcbc;
		border-right:solid 1px #bcbcbc;
		margin:0px 0px 0px 0px;
		padding:7px;
	}
	.TitleBar h4
	{
		margin-top:0px;
	}
.FullWidthTitleBar
{
	float:left;
	width:100%;
	margin-bottom:10px;
}	
.FullWidthTitleBar H2
{
	padding-top:7px;
	padding-left:7px;
	margin:0px !important;
	font-size:12px !important;
	height:23px;
	margin-bottom:-4px !important;
	background-image:url(images/breadcrimbbackground.jpg);
	background-repeat:repeat-x;
	width:893px;
}
	.FullWidthTitleBar .box
	{
		border:1px solid #BCBCBC;
		margin:0;
		padding:7px;
	}
	.FullWidthTitleBar .box2
	{
		border-bottom:solid 1px #bcbcbc;
		border-left:solid 1px #bcbcbc;
		border-right:solid 1px #bcbcbc;
		margin:0px 0px 0px 0px;
		padding:7px;
	}
	.FullWidthTitleBar h4
	{
		margin-top:0px;
	}
.FullWidthTitleBarBlack
{
	float:left;
	width:100%;
	margin-bottom:10px;
	background-color:Black;
}	
.FullWidthTitleBarBlack H2
{
	padding-top:7px;
	padding-left:7px;
	margin:0px !important;
	font-size:12px !important;
	height:23px;
	margin-bottom:-4px !important;
	background-image:url(images/breadcrimbbackground.jpg);
	background-repeat:repeat-x;
	width:893px;
}
	.FullWidthTitleBarBlack .box
	{
		border:1px solid #BCBCBC;
		margin:0;
		padding:7px;
	}
	.FullWidthTitleBarBlack .box2
	{
		border-bottom:solid 1px #bcbcbc;
		border-left:solid 1px #bcbcbc;
		border-right:solid 1px #bcbcbc;
		margin:0px 0px 0px 0px;
		padding:7px;
	}
	.FullWidthTitleBarBlack h4
	{
		margin-top:0px;
	}
.BrowseCategoryDetails
{
	font-size:11px;
	margin-bottom:10px;
}
	.BrowseCategoryDetails H1
	{
		margin-top:5px;
		font-size:12px;
	}
	.BrowseCategoryDetails H2
	{
		padding-top:7px;
		padding-left:7px;
		margin:0px;
		font-size:11px !important;
		height:20px;
		color:black;
		background-image:url(images/breadcrimbbackground.jpg);
		background-repeat:repeat-x;
	}
	.BrowseCategoryDetails H2 a
	{
		color:black;
		font-weight:normal;
		text-decoration:underline;
	}
	.BrowseCategoryDetails H2 a:hover
	{
		text-decoration:underline;
	}
	.BrowseCategoryDetails .box
	{
		border:solid 1px #bcbcbc;
		margin:0px 0px 10px 0px;
		padding:7px;
	}

	.BrowseCategoryDetails .box P
	{
		text-align:justify;
	}
	.BrowseCategoryDetails p
	{
		margin:15px;
	}

.categorySelection
{
	font-size:11px;
	margin-bottom:0px;
	margin-left:5px;
}
	.categorySelection H1
	{
		margin-top:5px;
		font-size:12px;
	}
	.categorySelection H2
	{
		padding-top:7px;
		padding-left:7px;
		margin:0px;
		font-size:12px !important;
		height:23px;
		background-color:Black;
		color:White;
	}
	.boxend 
	{
		qbackground:url(images/box-lightgrey.gif);
		background-repeat:no-repeat;
		background-position:bottom left;
		margin:0px;
		margin-bottom:10px;
		padding:0px;
		height:0px;
		border-right:solid 1px #bcbcbc;
		border-bottom:solid 1px #bcbcbc;
	}
	.categorySelection UL
	{
		background:#9cccff url(images/menubackground.jpg) repeat scroll 0 0;
		display:block;
		margin:0;
		padding:0;
		background-repeat:repeat-x;
	}
	.categorySelection UL UL
	{
		background-image:none;
		background-color:Transparent;
		width:205px;
		margin-left:5px;
	}
	.categorySelection UL UL LI
	{
		margin:10px 5px 5px 0;
		padding:0;
	}
	.categorySelection UL UL UL
	{
		display:block;
		border:none;
		margin-left:0;
		overflow:hidden;
		margin-top:-5px;
	}
	.categorySelection UL UL UL LI
	{
		padding:0 0 0 0px;
		width:160px;
		margin:0px;
		
	}
	.categorySelection UL UL UL LI a
	{
		font-weight:normal;
		margin-bottom:0px;
	}
	.categorySelection UL UL UL LI a:hover
	{
		font-weight:normal;
	}
	.Level1 A
	{
		color:#000000;
	}
	.RedHighlight A
	{
		background-color : Red !important;
		color: #ffffff !important;		
	}
	.Level2 A
	{
		color:#11527B;
		padding-left:15px !important;
		padding-right:5px;
		width:185px !important;
		font-size:10px !important;
	}
	.Level3 A
	{
		color:#666666;
		padding-left:20px !important;
	}
	.Level1 A:hover, .Level2 A:hover, .Level3 A:hover
	{
		color: #ffffff;
		background:#bcbcbc;
	}
	.categorySelection LI
	{
		list-style:none;
		width: 215px;
		padding:1px 5px 5px;
		
	}
	.categorySelection LI A
	{
		display:block;
		margin:0;
		padding-bottom:8px;
		padding-left:10px;
		padding-top:8px;
		text-decoration:none;
		width:195px;
		color:Black;
		font-size:11px;
		font-weight:bold;
		background-color:#ddeeff;
	}
	.categorySelection LI A:hover
	{
		display:block;
		margin:0;
		padding-bottom:8px;
		padding-left:10px;
		padding-top:8px;
		text-decoration:none;
		width:195px;
		color:Black;
		font-size:11px;
		font-weight:bold;
		background-color: #CEE6FF;
	}
	
.topBanner
{
	height:225px;
	overflow:hidden;
}
.topBanner IMG
{
	height:225px;
	width:900px
}

.BrowsetopBanner
{
	height:130px;
	overflow: hidden;
}
	.BrowsetopBanner p
	{
		float:left;
	}
.BrowsetopBanner IMG
{
	width:900px;
}
	
.productSearch
{
	color:#000000;
	padding:5px;
	padding-left:10px;
	font-size:11px;
	font-weight:bold;
	height:54px;
	margin-bottom:10px;
	background-color:black;
	margin-left:5px;
	background:#9CCCFF url(images/menubackground.jpg) repeat-x scroll 0 0;
}
	.productSearch H4
	{
		margin-top:0px;
		margin-bottom:5px;
		font-size:12px;
	}
.quickBasket
{
	background-repeat:no-repeat;
	color:black;
	float:right;
	font-size:11px !important;
	height:24px;
	margin-bottom:10px;
	margin-right:10px;
	margin-top:-11px;
	position:absolute;
	right:0;
	text-align:right;
	width:500px;
}
	.quickBasket H4
	{
		margin-top:0px;
		margin-bottom:5px;
		font-size:12px;
	}
	.quickBasket A
	{
		color:black !important;
		font-weight:bold !important;
		margin-top:8px;
		text-decoration:underline;
		float:right;
		margin-right:5px;
	}
	.quickBasket IMG
	{
		margin-top:2px;
		float:right;
		margin-right:5px;
	}
#breadCrumb
{
	font-size:11px;
	font-weight:bold;
}
	
a:link sup, a:visited sup, a:active sup, a:hover sup
{
	text-decoration:none;	
}

.buybt
{
	width:114px;
	height:20px;
	background-image:url(images/buy.jpg);
	background-repeat:no-repeat;
	margin-top:0px;
	margin-left:0px;
	vertical-align:bottom;
}

.CategoryBrowserCurrent
{
	font-weight:bold !important;
	text-decoration:underline;
	background-color:#54a8ff !important;
}

.BreadCrumb
{
	margin-bottom:10px;
	font-family:Trebuchet MS;
}
	.BreadCrumb A
	{
		font-family:Verdana;
		text-decoration:none;
		color:#666666;
	}
	.BreadCrumb A:hover
	{
		font-family:Verdana;
		text-decoration:none;
		color:#0000ff;
	}
	
/**************************   PRODUCT LIST ITEM  ************************/
.ProductListItem
{
	margin-bottom:0px;
}
	.ProductListItem DIV.ItemDetails
	{
		overflow:hidden;
		width:250px;
		left:125px;
		float:left;
	}
	.ProductListItem DIV.ItemDetails P
	{
		overflow:hidden;
		text-align:justify;
	}
	.ProductListItem DIV.PriceInfo
	{
		float:right;
		left:380px;
		margin-top:10px;
		width:250px;
	}
	
		.PriceInfo .PILabel
		{
			float:left;
			width:70px;
			text-align:right;
		}

		.PriceInfo .PIValue
		{
			margin-left:5px;
			float:left;
			width:110px;
		}
		
		.PriceInfo .vat
		{
			font-size:9px;
		}
		.PriceInfo .OP
		{
			color:Red;
			font-weight:bold;
		}	
		.PriceInfo .strikethrough
		{
			text-decoration: line-through;
		}
			
	
	.QuantityInput
	{
		margin:0px;
		padding:0px;
		border:solid 1px #cccccc;
		height:17px;
		width:25px;
		text-align:center;
	}
	.ProductListItem DIV.Image
	{
		height:105px; 
		left:5px; 
		width:105px;
		float:left;
		margin:10px;
	}
	
	.ProductListItem IMG
	{
		border:solid 1px #cccccc;
	}
	.ProductListItem H3
	{
		font-weight:bold;
		color:#000000;
		font-size:12px;
		padding-bottom:0px;
		margin-top:10px;
	}
	
	.ProductListItem H3 A
	{
		color:#000000;
		text-decoration:none;
	}
	.ProductListItem H3 A:hover
	{
		color:#0000ff;
		text-decoration:none;
	}
	
	.ProductListItem DIV.BuyButton
	{
		float:left;
	}
	.ProductListItem DIV.BuyButton .ProductOptions
	{
		width:270px !important;
	}
	.ProductListItem div.BuyButton
	{
		left:450px;
		margin-left:10px;
		text-align:center;
		top:45px;
		vertical-align:bottom;
		width:200px;
	}
	.ProductListItem div.BuyButton .ProductOptions
	{
		float:left;
		margin-top:6px;
	}
	.ProductListItem div.BuyButton .ProductOptions .PILabel
	{
		float:left;
		text-align:right;
		width:60px;
		margin-right:10px;
	}
	.ProductListItem div.BuyButton .ProductOptions .PIValue
	{
		float:left;
		text-align:left;
		width:195px;
		margin:0px;
	}
	.ProductListItem div.BuyButton .buybt
	{
		background-image:url(images/buy.jpg);
		background-repeat:no-repeat;
		float:left;
		height:20px;
		margin-left:65px;
		margin-top:10px;
		vertical-align:bottom;
		width:114px;
	}
	.ProductListItem div.BuyButton .QuantityInput
	{
		float:left;
	}

/**************************   PRODUCT DETAIL  ************************/
.ProductDetail
{
	float:left;
	font-size:11px;
	margin:0px;
	margin-bottom:10px;
}
	.ProductDetail H1
	{
		margin-top:5px;
		font-size:12px;
	}
	.ProductDetail H2
	{
		padding-top:7px;
		padding-left:7px;
		margin:0px;
		font-size:12px !important;
		height:23px;
		width:642px;
	}
	.ProductDetail .box
	{
		border:solid 1px #bcbcbc;
		margin:0px 0px 0px 0px;
		padding:7px;
		float:left;
		width:634px !important;
	}
	
	.ProductDetail .box .BreadCrumb
	{
		padding-bottom:5px;
		border-bottom:solid 1px #bcbcbc;
	}
	
	.ProductDetail .ProductImages
	{
		float:left;
		width:210px;
	}
		.ProductDetail .ProductImages IMG
		{
			border:solid 1px #bcbcbc;
		}
		.ProductDetail .ProdictImages #pnlMainImage
		{
			height:200px;
			width:200px;
		}
		
	.ProductDetail .ProductDescription
	{
		float:left;
		top:10px;
		margin-left:10px;
		line-height:16px;
		width:400px;
		text-align:justify;
	}
	.ProductDetail .ProductDescription H2
	{
		background:transparent !important;
		border:0px;
		padding:0px;
		margin-bottom:15px;
		color:#000000;
		font-size:16px;	
		width:310px;
	}
	
	.ProductDetail .PriceInfo
	{
		float:left;
		margin-top:30px;
		margin-left:30px;
		width:350px;
	}
		.ProductDetail .PriceInfo .PILabel
		{
			float:left;
			width:130px;
			text-align:right;
			margin-bottom:3px;
		}

		.ProductDetail .PriceInfo .PIValue
		{
			margin-left:5px;
			float:left;
			width:180px;
			margin-bottom:3px;
		}
		
		.ProductDetail .PriceInfo .OP
		{
			color:Red;
		}
	.ProductDetail DIV.BuyButton
	{
		float:left;
		margin-top:10px;
		margin-left:60px;
		width:180px;
		height:20px;
		vertical-align:bottom;
		text-align:center;
	}
	.ProductThumbImage
	{
		float:left;
		border:solid 1px #cccccc;
		margin-right:5px;
	}
	.ProductThumbImage IMG
	{
		border:none !important;
	}
	.ImageRepeaterImage_normal_ img
	{
		filter:alpha(opacity=70);
		opacity:0.7;
	}

/**************************************************/

.topBox{
	height:50px;
	padding:5px;
	padding-left:3px;
}
#footer
{
	qposition:relative;
	top:10px;
	font-size:11px;
	clear:both;
	height:300px;
	qborder-top:solid 8px #f2f2f2;
	height:20px;
}
	.FooterDetail
	{
		position:relative;
		top:10px;
		left:0px;
		height:40px;
		text-align:right;		
		border-top:solid 8px #f2f2f2;
		padding-top:10px;
		background-position:0px 10px
	}
	.FooterDetail .FooterText
	{
		margin:5px;
		background-image:url(images/sagepay.jpg);
		background-repeat:no-repeat;
		height:110px;
	}

.bottomBoxContainer
{
	position:relative;
	top:10px;
	left:160px;
	width:650px;
	clear:right;
}
.bottomBox{
	padding-top:10px;
	padding-bottom:10px;
	font-family:Trebuchet MS, Verdana;
	height:200px;
}
	.bottomBox DIV.c
	{
		color:#666666;
		width:195px;
		padding-right:10px;
		border-right:solid 1px #c7c7c7; 
		margin-bottom:10px;
		height:200px;
		position:absolute;
		font-family:Verdana;
	}
	.bottomBox DIV.c1
	{
		top:10px;
		left:10px;
	}
	.bottomBox DIV.c2
	{
		top:10px;
		left:225px;
	}
	.bottomBox DIV.c3
	{
		top:10px;
		left:440px;
		border-right:none; 
	}
	.bottomBox H4
	{
		background:#c7c7c7;
		color:#ffffff;
		margin-bottom:10px;
		text-align:center;
		padding:5px;
	}
	.bottomBox A
	{
		color:#666666;
		text-decoration:none;
	}
	.bottomBox A:hover
	{
		color:#11527b;
		text-decoration:none;
	}
	.bottomBox DIV P, .bottomBox DIV UL LI
	{
		margin-left:10px;
	}
	.bottomBox UL
	{
		margin:0px;
		padding:0px;
	}
	.bottomBox LI
	{
		margin:0px;
		padding:0px;
		list-style:none;
	}

.BasketTable
{
	border-collapse:collapse;
	width:100%;
	margin-top:20px;
}

.BasketTable .CTA
{
	text-align:right;
}
	.BasketTable TH
	{
		text-align:left;
		height:20px;		
		padding-left:10px;
		padding-right:10px;
	}
	
	.BasketTable INPUT[type="text"]
	{
		border:solid 1px #c7c7c7;
	}
	
	.BasketTable TD
	{
		border-bottom:solid 1px #c7c7c7;
		padding-left:10px;
		padding-right:10px;
		height:25px;
	}
	
	.BasketTable TD.bSummary SELECT
	{
		font-family:Verdana;
		font-size:10px;
	}
	.BasketTable TD.bSummary
	{
		text-align:right;
		font-weight:bold;
		border:0px !important;
		padding-bottom:10px;
	}
	.BasketTable TD.bSummaryPrice
	{
		text-align:right;
		font-weight:bold;
		border-bottom:dotted 1px #c7c7c7;
		padding-bottom:10px;
	}
	.BasketTable TD.bDelivery
	{
		text-align:right;
		font-weight:bold;
		padding-bottom:10px;
	}
	
	.BasketTable TD.bDelivery SELECT
	{
		font-family:Verdana;
		font-size:10px;
	}
	.bDiscount
	{
		color:#009900;
	}
	
	.bundleBasketHeader 
	{ 
		background-color: #CCFFCC; 
	}

	.bundleBasketItem TD
{
	background-color: #F0FFF0;
	color: #333333;
}
	.BasketTable TH.bPrice, .BasketTable TD.bPrice
	{
		width:90px;
		text-align:right;
	}
	
	.BasketTable TH.bProductName, .BasketTable TD.bProductName
	{
		width:350px;
		text-align:left;
	}
	.BasketTable TH.bQty, .BasketTable TD.bQty
	{
		width:100px;
		text-align:left;
	}
	.BasketTable TH.bImg, .BasketTable TD.bImg
	{
		width:16px;
		text-align:left;
	}
	.BasketTable TH.bSku, .BasketTable TD.bSku
	{
		width:50px;
		text-align:left;
	}
	.BasketTable TH.bRemove, .BasketTable TD.bRemove
	{
		width:30px;
		text-align:left;
	}
	
	.basketButtons
	{
		text-align:right;
	}
	
.bRemove A
{
	color:#666666;
	font-size:10px;
	text-decoration:none;
}
.bRemove A:hover
{
	color:#11527b;
	font-size:10px;
	text-decoration:none;
}

.Pager
{
	text-align:right;
	border-bottom:solid 1px #c7c7c7;
	padding:5px;
}
	.Pager A.Selected
	{
		font-weight:bold;
	}
	.Pager A
	{
		color:#11527b;
		text-decoration:none;
	}
.PagerTop
{
	text-align:right;
	padding:5px;
}
	.PagerTop A.Selected
	{
		font-weight:bold;
	}
	.PagerTop A
	{
		color:#11527b;
		text-decoration:none;
	}
	
.BrowseOptions
{
	text-align:right;
	border-top:solid 1px #ffffff;
	padding-top:5px;
}

/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(Images/FilledStar.png);

}

.emptyRatingStar {
    background-image: url(Images/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(Images/SavedStar.png);
}

.ProductFeatures
{
	float:left;
	position:relative;
	margin-top:00px;
	margin-bottom: 20px;
	border:solid 1px #ffffff;
}
	DIV.FeatureData
	{
		position:relative;
		top:0px;
		left:160px;
		qheight:250px;
		width:447px;
		padding:20px;
		border:solid 1px #c7c7c7;
		overflow-y:auto; /* IE7, Firefox, Safari */
		overflow:auto; /* Opera, IE 6 */
		text-align:justify;
		line-height:16px;
		max-height:250px;
	}
	DIV.FeatureData UL
	{
		margin:0px;
		margin-left:10px;
	}
	DIV.FeatureData_normal_
	{
		display:block;
		visibility:visible;
	}
	DIV.FeatureData_hidden_
	{
		display:none;
		visibility:hidden;
	}
	H3.FeatureTitle
	{
		width:140px;
		height:12px;
		padding-top:8px;
		padding-bottom:8px;
		padding-right:8px;
		text-align:right;
		font-size:10px;
		overflow:hidden;
		cursor:pointer;
		margin-top:0px;
	}
	
	H3.FeatureTitle_normal_
	{
		background-color:#f2f2f2;
		background-position:top right;
		background-repeat:no-repeat;
		border:solid 1px #c7c7c7;
		color:#000000;
	}
	
	H3.FeatureTitle_selected_
	{
		background-position:top right;
		background-repeat:no-repeat;
		border:solid 1px #9cccff;
		color:#000000;
		background-color:#ddeeff;
	}
	
	H3.t0 
	{
		position:absolute;
		top:0px;
	}
	
	H3.t1
	{
		position:absolute;
		top:40px;
	}
	
	H3.t2
	{
		position:absolute;
		top:80px;
	}
	
	H3.t3
	{
		position:absolute;
		top:120px;
	}
	
	H3.t4
	{
		position:absolute;
		top:160px;
	}
	
	H3.t5
	{
		position:absolute;
		top:200px;
	}
	

.CrossSell
{
	float:left;
	font-size:11px;
	width:641px;
	margin-bottom:10px;
}
	.CrossSell A
	{
		color:#666666;
		text-decoration:none;
	}
	.CrossSell A:hover
	{
		color:#0000ff;
		text-decoration:none;
	}
	.CrossSell H1
	{
		margin-top:5px;
		font-size:12px;
	}
	.CrossSell H2
	{
		padding-top:7px;
		padding-left:7px;
		margin:0px;
		font-size:12px !important;
		height:23px;
		width:641px;
	}
	.CrossSell .box
	{
		border:1px solid #BCBCBC;
		float:left;
		margin:0;
		padding:7px;
		width:634px;
	}
	.CrossSellItem
	{
		width:190px;
		float:left;
		margin-left:10px;
		margin-bottom:5px;
		vertical-align:top;
		padding:0px;
		padding-right:10px;
		text-align:center;
	}
	.CrossSellItem .PriceInfo
	{
		margin-top:10px;
		width:170px;
		float:left;
	}
	
	.CrossSellItem .PriceInfo .PIValue
	{
		margin-left:5px;
		float:left;
		width:95px;
	}
	.CrossSellItem IMG
	{
		margin-bottom:5px;
	}
#login
{
	margin-left: 10px; 
	float: right;
	#margin-top:13px;
}
.login 
{
}
	.login INPUT[type="text"], .login INPUT[type="password"]
	{
		border:solid 1px #666666;
		font-family:Verdana;
		font-size:12px;
		padding:2px;
	}
	.login TABLE
	{
		margin-left:80px !important;
		margin-top:30px !important;
	}
	.login DIV
	{
		margin-bottom:5px;
	}
	.login LABEL
	{
		font-weight:bold;
		float:left;
		width:110px;
		vertical-align:middle;
	}
	.login .failureText
	{
		color:#ff0000;
	}	
	
.BundlePrice
{
	float:right; width:200px;
}
	.BundlePrice .PILabel
	{
		width:100px;
		float:left;
	}
	.BundlePrice .OP
	{
		color:#ff0000;
		font-weight:bold;
	}
	.OPL
	{
		font-weight:bold;
	}
.BundleItem
{
	border-bottom:solid 4px #ffffff; float:left;
}
	.BundleItem .BundleAction
	{
		float:right;
	}

.register, .RecoverPassword
{
	text-align : left;	
}

.register INPUT[type="text"], .register INPUT[type="password"], .RecoverPassword INPUT[type="text"], .RecoverPassword INPUT[type="password"]
{
	border:solid 1px #666666;
	font-family:Verdana;
	font-size:12px;
	padding:2px;
}

.SignUp
{
	width:90%;
	margin-left:60px;
}

	.SignUp .CreateUser{
		width : 305px; 
		float : left;
	}
	.SignUp .CompleteForm
	{		
		margin-left:50px;
		width : 260px;  
		float : left;
	}
	.SignUp .CompleteForm .Checkbox
	{
		width:100%;
		float : left;
	}
	
.Oops
{
	width : 250px; float : left;
}

p.ErrorText
{
	color : Red;
}

div.row
{
	width : 305px;
	float : left;
	margin-bottom:5px;
}

	div.row span.label
	{
		font-weight:bold;
		width : 125px; float : left; text-align : left; padding-top : 3px; padding-right : 5px;
	}
	
	div.row span.formw {
		width: 175px;
		text-align: left;
		float : left;
	}

div.FullRow
{
	float : left;
	padding-top : 10px; 
	width : 100%;
}

	div.FullRow span.label
	{
		float : left;
		width : 200px;
		padding-top : 3px;
		text-align : right;
		padding-right : 5px;
	}

	div.FullRow span.formw
	{
		width: 200px;
		text-align: left;
		float : left;
	}

#taxOptions
{
	padding-top:6px;
	padding-bottom:0px;
	float:right;
	width:155px;
	border:solid 2px #169d3d;
	background-color: #169d3d;
	text-align:center;
	height:20px;
}
	#taxOptions A
	{
		color:white;
		font-weight:bold;
		text-decoration:none;		
	}

.CategoryImageBrowse
{
	float:left;
	width:130px;
	height:140px;
	margin-right:10px;
	margin-top:10px;
	padding:10px;
	text-align:center;
	border:solid 1px #cccccc;
}
	.CategoryImageBrowse img
	{
		margin-bottom:10px;
		border:none;
	}
	.CategoryImageBrowse a
	{
		text-decoration:none;
	}	
	

A.th_purple_left:hover
{
	background-color: Purple;
}
.th_purple:hover
{
	background-color: Purple;
}

A.th_yellow_left:hover
{
	background-color: Yellow;
}
.th_yellow:hover
{
	background-color: Yellow;
}

A.th_blue_left:hover
{
	background-color: Blue;
}
.th_blue:hover
{
	background-color: Blue;
}

A.th_red_left:hover
{
	background-color: red;
}
.th_red:hover
{
	background-color: red;
}
A.th_green_left:hover
{
	background-color: green;
}
.th_green:hover
{
	background-color: green;
}
A.th_orange_left:hover
{
	background-color: Orange ;
}
.th_orange:hover
{
	background-color: Orange;
}

.ProductOptions
{
	margin-top:10px;
	width:340px;
		float:left;
}

	.ProductOptions .PILabel
	{
		float:left;
		width:80px;
		text-align:right;
	}

	.ProductOptions .PIValue
	{
		margin-left:5px;
		float:left;
		width:180px;
	}
	.ProductOptions .PIValue SELECT
	{
		margin-top:-4px;
		font-size:12px;
	}
	
.red
{
	color:Red;
}

.hidden
{
	display:none;
}

.bold
{
	font-weight:bold !important;
}
.CheckoutOrderTable
{
	border-collapse:collapse;
	width:100%;
	margin-top:20px;
}
	.CheckoutOrderTable TD
	{
		border-bottom:none;
		padding-left:10px;
		padding-right:10px;
		height:25px;
	}
	
.CheckoutAddressTable
{
	border-collapse:collapse;
	width:400px;
	margin-top:20px;
}
	.CheckoutAddressTable TD
	{
		border-bottom:none;
		padding-left:10px;
		padding-right:10px;
		height:25px;
	}
.Button
{
	background:url(../blue/images/nav-mid-blue.gif) !important;
	background-position:top left;
	background-repeat:repeat-x;
	color:#0666A7;
	border:solid 1px #CEE6FF;
	padding:2px;
	font-family:Verdana;	
	font-weight:bold;		
	cursor:pointer;
	width:200px;
}
.AddressBox
{
	border:solid 1px #C7C7C7;
	width:400px;
	height:150px;
	margin:10px;
}
	.AddressBox H3
	{
		margin: 10px;
	}
	.AddressBox .AddAddress
	{
		text-align:center;
		vertical-align:middle;
		height:100%;
	}
	.AddressBox .Address
	{
		margin: 10px;
	}
.changeAddress
{
	float:right;
}

.AccountBox
{
	padding-top:10px;
	padding-bottom:10px;
	font-family:Trebuchet MS, Verdana;
	height:100px;
}
	.AccountBox DIV.c
	{
		color:#666666;
		width:170px;
		padding-right:10px;
		margin-bottom:10px;
		height:100px;
		float:left;
	}
	.AccountBox DIV.c1
	{
		top:10px;
		left:10px;
	}
	.AccountBox DIV.c2
	{
		top:10px;
		left:200px;
	}
	.AccountBox DIV.c3
	{
		top:10px;
		left:390px;
		border-right:none; 
	}
	.AccountBox H4
	{
		background:#c7c7c7;
		color:#ffffff;
		margin-bottom:10px;
		text-align:center;
		padding:5px;
		text-decoration:none;
	}
.OrderCommand
{
	width:100%;
	float:right;
}
	
.ProfileBox
{
	padding-top:10px;
	padding-bottom:10px;
	font-family:Trebuchet MS, Verdana;
}
	.ProfileBox .Profile
	{
		margin-left:20px;
	}
	
.Profile
{
	width:90%;
	margin-left:60px;
}
.ProfileTitleBar
{
	float:left;
	width:100%;
	margin-bottom:10px;
}	
.ProfileTitleBar H2
{
	padding-top:7px;
	padding-left:7px;
	margin:0px;
	font-size:12px !important;
	height:23px;
}
	.ProfileTitleBar .box
	{
		background:url(images/box-white.gif);
		background-repeat:no-repeat;
		background-position:bottom left;
		border-right:solid 1px #bcbcbc;
		margin:0px 0px 0px 0px;
		padding:7px;
	}
	.ProfileTitleBar h4
	{
		margin-top:0px;
	}

	
.NewCatBrowseItem
{
	float:left;
	height:190px;
	width:140px;
	padding:0px;
	margin-bottom:10px;
	position:relative;
	overflow:hidden;
	margin-left:15px;
}
	.NewCatBrowseItem .CatDetails
	{
		float:left;	
		border:solid 1px #cccccc;
		height:140px;
		width:135px;
	}
	
	.NewCatBrowseItem .CatDetails .FeaturedProduct
	{
		width:170px;
		height:150px;
		overflow:hidden;
	}
	.NewCatBrowseItem .CatDetails .FeaturedProduct IMG
	{
		border: none;
		margin:3px;
	}
	.NewCatBrowseItem .CatDetails .FeaturedProduct P
	{
		font-weight:bold;
	}
	.NewCatBrowseItem .CatDetails .FeaturedProduct A
	{
		color:#000000;
	}
	.fpPrice
	{
		vertical-align:middle;
		margin-left:10px;
		padding-top:20px;
		height:60px;
		width:85px;
		float:left;
		font-size:12px;
		font-weight:bold;
		color:#ff0000;
	}
	.fpPrice SPAN
	{
		display:block;
		font-weight:normal;
	}
	.NewCatBrowseItem UL
	{
		margin:0px;
		margin-left:5px;
		padding:0px;
	}
	
	.NewCatBrowseItem UL LI
	{
		list-style:none;
		padding:0px;
		margin:0px;
		margin-bottom:4px;
	}
	
	.NewCatBrowseItem A
	{
		color:black;
		text-decoration:none;
	}
	.NewCatBrowseItem H3, .NewCatBrowseItem H4
	{
		padding-left:7px;
		font-size:12px !important;
		qheight:23px;
		text-align:center;
		width:90%;
		float:left;
		margin-top:5px;
	}

		.NewCatBrowseItem H3 A, .NewCatBrowseItem H4 A
		{
			text-decoration:none;
		}

.NewCatBrowseItemAlt
{
	margin-left:18px;
}

.GoodMessage
{
	background-color: #CCFF99;
	border: solid 2px #99CC00;
	color: #336600;
	font-size: 14px;
	font-weight:bold;
	padding:15px;
	margin-bottom:10px;
}

.BadMessage
{
	background-color: #FFCCCC;
	border: 2px solid #990000;
	color: #990000;
	font-size: 14px;
	font-weight:bold;
	padding:15px;
	margin-bottom:10px;
}
.EditableTextContent
{
	text-align:justify;
	padding:20px;
}

.form
{
	width : 640px;
	margin-top : 10px;
	float : left;
	border:solid 1px #cccccc;
	padding : 5px;
}

.form table
{
	width : 100%;
}

.insurance
{
	
}

.insurance INPUT[type="text"], .insurance INPUT[type="password"], .insurance textarea
{
	border:solid 1px #666666;
	font-family:Verdana;
	font-size:12px;
	padding:2px;
	margin:2px;
}

.IllustrationsTable
{
	margin-top : 20px;
	border : solid 1px #dadada;
	font-size : 10px;
	font-weight : bold;
	margin-bottom : 20px;
}
	
	.IllustrationsTable td, th
	{
		padding : 5px;
	}
	
	.IllustrationsTable tr.heading
	{
		background-color : #dadada;
		text-align : left;
		padding-top : 5px;
		padding-bottom : 5px;
	}

	.IllustrationsTable tr
	{
		background-color : #fafaff;
	}

	.IllustrationsTable tr.alternate
	{
		background-color : #ffffff;
	}

.InsuranceTerms
{
	border : solid 1px #dadada;
	font-size : 10px;
	font-weight : bold;
	text-align : left;
}

	.InsuranceTerms td, th
	{
		padding : 5px;
	}
	
	.InsuranceTerms td
	{
		font-weight : normal;
	}
	
	.InsuranceTerms tr.heading
	{
		background-color : #dadada;
		text-align : left;
		padding-top : 5px;
		padding-bottom : 5px;
	}

td.InsuranceDetail
{
	font-weight : bold;
}

.topB-Basket
{
	background-image:url(images/buttons/basket.gif);
	background-repeat:no-repeat;
	background-position:1px 3px;
}
.topB-About
{
	background-image:url(images/buttons/about_us.gif);
	background-repeat:no-repeat;
	background-position:1px 3px;
}

.topB-Account 
{
	background-image:url(images/buttons/account.gif);
	background-repeat:no-repeat;
	background-position:1px 3px;
}
.topB-Login A
{
	background-image:url(images/buttons/login_register.gif);
	background-repeat:no-repeat;
	background-position:1px 3px;
}
.topB-Register
{
	background-image:url(images/buttons/login_register.gif);
	background-repeat:no-repeat;
	background-position:1px 3px;
}
.topB-Help
{
	background-image:url(images/buttons/help.gif);
	background-repeat:no-repeat;
	background-position:1px 3px;
}
.topB-Contact
{
	background-image:url(images/buttons/contact_us.gif);
	background-repeat:no-repeat;
	background-position:1px 3px;
}
.watermark
{
	color:#cccccc;
}

.ErrorBox
{
	color:#660000;
	background-color:#FFCCCC;
	border:solid 1px #660000;
	margin-top:20px;
	margin-bottom:20px;
}

.InsureLogosPanel
{
	width:600px;
	margin-left:200px;
	text-align:right;
	margin-top:20px;
}
.basketrow_Security_Products TD
{
	background-color:#f9d2d2;
	border-bottom:#df0202;
	color:#660000;
}
.basketrow_Desking_Products TD
{
	background-color:#fef2df;
	border-bottom:#fab64b;
	color:#725221;
}
.basketrow_Racking_Products TD
{
	background-color:#ddf3de;
	border-bottom:#3db846;
	color:#1b541f;
}
.basketrow_Insurance_Products TD
{
	background-color:#efe5f7;
	border-bottom:#a369d0;
	color:#492e5e;
}
.basketrow_Charge_Products TD
{
	background-color:#9bdff9;
	border-bottom:#0198d1;
	color:#0198d1;
}
.basketrow_Protect_Products TD
{
	background-color:#e3bfa6;
	border-bottom:#8e5a35;
	color:#8e5a35;
}
.basketrow_Touch_Products TD
{
	background-color:#e1dadc;
	border-bottom:#826d74;
	color:#826d74;
}

.AddAddressPopupDialog
{
	background-color:White;
}
	.popupClose
	{
		text-align:right;
		margin-right:10px;
	}
	#addAddress
	{
		margin:5px;
	}
.incVat
{
	color:Green;
	font-weight:bold !important;
}
.exVat
{
	color:Red;
	font-weight:bold !important;
}

.PromotionalCode
{
	left:10px;
	margin-left:10px;
	margin-top:-40px;
	text-align:left;
	width:100%;
}
	.PromotionalCode #Promotion
	{
		float:left;
	}
	.PromotionalCode #BasketCommandButtons
	{
		float:right;
		margin-right:10px;
		margin-top:53px;
		white-space:nowrap;
	}
	

.LeftImages
{
	text-align:center;
	margin-top:20px;
}

#legalLinks
{
	font-size:10px;
	text-align:right;
	margin-bottom:10px;
}

	#legalLinks UL
	{
		margin:0px;
		padding:0px;
	}
	
	#legalLinks LI
	{
		margin:0px;
		padding:0px;
		display:inline;
	}
	
	#legalLinks A
	{
		color:#555555;
		padding:5px;
		text-decoration:none;
		display:inline-block;
	}
	#legalLinks A:hover
	{
		background-color:#BCBCBC;
		color:#000000;
	}
.contact
	{
		width:460px;
		float:left;
	}

		.contact INPUT[type="text"]
		{
			border:solid 1px #666666;
			font-family:Verdana;
			font-size:12px;
			padding:2px;
			width:230px;
			height:23px;
			vertical-align:middle;
		}
		.contact INPUT[type="submit"]
		{
			border:solid 1px #666666;
			font-family:Verdana;
			font-size:12px;
			padding:2px;
			float:right;
			margin-right:10px;
		}
		.contact TABLE
		{
			margin-left:80px !important;
			margin-top:30px !important;
		}
		.contact DIV
		{
			margin-bottom:5px;
		}
		.contact LABEL
		{
			float:left;
			width:170px;
			vertical-align:middle;
		}
		
		.contact .Title H2
		{
			color:#000000 !important;
			margin:15px 0px;
		}
		
		.contact .Title I
		{
			margin:15px 0px;
		}
		.contact SELECT
		{			
			background-color:#ACD588;
			width:237px;
			border:solid 1px #666666;
			font-family:Verdana;
		}
		
		INPUT.Enquiry
		{
			width : 300px;
			border:solid 1px #666666;
			font-family:Verdana;
			font-size:12px;
			padding:2px;
		}
		.Enquiry
		{
			width : 231px;
			border:solid 1px #666666;
			font-family:Verdana;
			font-size:12px;
			padding:2px;
		}
		.contact .RadioButtons INPUT[type="radio"]
		{
			float:left;
		}
		
		.contact .RadioButtons label
		{
			float:left;
			vertical-align:middle;
			width:150px;			
		}
		.contact .RadioButtons TABLE
		{
			margin-top:0px !important;
		}
		.ContactRightImage
		{
			float:left;
			background-image:url(images/contactimage.jpg);
			background-repeat:no-repeat;
			height:340px;
			width:185px;
			padding-right: -20px;
		}
		.contactdetail
		{
			float:left;
			width:600px;
			
		}
.Back
{
	float:left;
	text-decoration:underline;
}
.BrowseBack
{
	width:100%;
	float:left;
	text-decoration:underline;
	border-bottom:1px solid #C7C7C7;	
		padding-bottom:5px;
}

DIV.GalleryAlbumContainer
{
	background-color:Black;
	border:1px solid black;
	color:White;
	float:left;
	margin-left:25px;
	margin-top:25px;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	width:239px;
}
	DIV.GalleryAlbumContainer img
	{
		border:none;
		margin-right:5px;
	}
	DIV.GalleryAlbumContainer a
	{
		border:none;
		margin-right:5px;
	}
	DIV.GalleryAlbumContainer P
	{
		float:left;
	}
	DIV.GalleryAlbumContainer H1
	{
		float:left;
		font-size:12px;
		width:243px;
	}
	DIV.GalleryAlbumContainer .GalleryAlbumImageContainer
	{
		float:left;
		margin:10px;
		border:1px solid black;
		background-color:Black;
		color:White;
		width: 400px;
	}
	DIV.GalleryAlbumContainer .GalleryAlbumImageContainer:hover
	{
		background-color:#1a1a22;
	}
		DIV.GalleryAlbumContainer .GalleryAlbumImageContainer INPUT[type="image"]
		{
			float:left;
			padding:5px;
			width: 240px;
			overflow: hidden;
		}
		DIV.GalleryAlbumContainer .GalleryAlbumImageContainer .GalleryAlbumLabel
		{
			float:left;
			margin:5px;
			font-weight:bold;
			width:130px;
		}
		div.GalleryAlbumContainer p
		{
			float:left;
			line-height:0;
			padding-bottom:5px;
			margin-top:3px;
			margin-bottom:3px;
		}
		
	
.EducatorContainer
{
	background:#eeeeee none repeat scroll 0 0;
	border:2px dashed #A5A2A5;
	margin:10px;
	margin-left:15px;
	padding:10px;
	width:825px;
	font-size:12px;
	height: 235px;
	float:left;
}
	.EducatorContainer p
	{
		margin:5px;
	}

.EducatorContainerimage
{
	float:left; 
	width:150px; 
	margin-right: 10px;
}

/*

	.EducatorContainer .Right
	{
		background:#e7e3e7 none repeat scroll 0 0;
		border:2px dashed #A5A2A5;
		padding: 10px;
		width: 625px;
		font-size: 12px;
		line-height: 12px;
		height: 80px;
	}
	
	.EducatorContainer H3
	{
		font-size:14px;
		text-decoration:underline;
		margin-top:0px;
		margin-bottom:10px;
	 }
	.EducatorContainer TD, .EducatorContainer div
	{
		vertical-align: top;
		margin-bottom: -100px;
		margin-left: 
	}
	
	.EducatorContainer .Image 
	{
		padding-right:15px;
		
	}
.EducatorDetailContainer
{
	margin:30px;
	float:left;
}
	.EducatorDetailContainer .Image 
	{
		float:left ;
		margin-left:25px;
		margin-right:25px;
		margin-bottom:25px;
		
	}
	.EducatorDetailContainer .Image .Educators
	{
		float:left;
		background:#eeeeee none repeat scroll 0 0;
		border:2px dashed #A5A2A5;
		padding:10px;
		font-size:12px;
	}
	.EducatorDetailContainer .Image p
	{
		text-align:center;
	}
	*/

div.paddingleft

{
	padding-left: 10px;
	padding-right: 10px;
}

div.padding

{
	padding: 20px;
}