/***********************************************************************************************/
/******************************************************		MAIN SITE STRUCTURE	********/
/***********************************************************************************************/

body { margin: 0px; padding: 0px; font-size: 10pt; font-family: Verdana, Arial; background-color: rgb(255,255,255); }

#Page
{	width: 965px;
	text-align: left;
	position: relative;
}

#Logo
{	width: 965px;
	height: 67px;
	background-color: #000000;
}
	#Logo img { float: left; }

#Contact
{	color: #ffffff;
	float: right;
	text-align: right;
	margin: 5px 7px 0px 0px;
}
	#Phone { font-size: 24pt; }
	#Contact a
		{	text-decoration: none;
			color: #ffffff;
		}
	#Contact a:hover
		{	color: #9D33CB;
		}		

#Nav
{	background-color: #9D33CB;
	height: 24px;
	width: 100%;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	float: left
}
	#Nav td.menuitem
	{	height: 24px;
		border-right: 1px solid white;
		width: 106px;
		text-align: center;
		vertical-align: middle;
		background-image: url('page/nav1.jpg');
		background-position: bottom right;
		background-repeat: no-repeat;
	}
	#Nav a:link, #Nav a:visited
	{	color: #ffffff;
		text-decoration: none;
		font-weight: bold;
	}
	#Nav td.strapline
	{	color: rgb(255,255,255);
		text-align: center;
		vertical-align: middle;
	}

#Top
{	width: 100%;
	background-color: rgb(204, 153, 254);
	border-bottom: 1px solid rgb(255,255,255);
}
	#TopRight { text-align: right; }
	#TopRight img { margin: 0px; }


#BarTop { height: 10px; background-color: #000000; border-bottom: 1px solid white; }
#BarBottom { height: 5px; background-color: rgb(157, 51, 203); border-top: 1px solid white; }

#Table
{	width: 100%;
}
#Spacer1
{	width: 500px; height: 2px;
}

#Mid
{	padding-bottom: 60px;
}

#Middiv
{	margin: 0px 10px;
}

/***********************************************************************************************/
/******************************************************		LEFT AND RIGHT COLUMNS	********/

#Left
{	width:144px;
	background-color: #CCCCCC;
	margin: 0px; padding: 0px;
}
	#Left input { width: 100px; margin-left: 7px; float: left }
	#Left form { margin-bottom: 8px; height: 20px; }
	#Left button
	{	float: left;
		background-image: url('page/go.jpg'); background-position: bottom right; background-repeat: no-repeat;
		border: 0px; margin-left: 2px;
		width: 22px; height: 17px;
	}

#SearchForm
{	display: block; margin: 5px 0px;
}

#MiniBasket
{	background-color: #9733CB;
	color: #ffffff;
	line-height: 190%;
	padding-bottom: 10px;
	padding-left: 5px;
	font-size: 7.5pt;
	float: left;
}
	#MiniBasket a, #MiniBasket a:visited 
		{	color: #ffffff;
			float: left;
			padding-top: 2px;
		}
	#MiniBasket a:hover { color: #000000; }
	#MiniBasket img
		{	float: right;
			padding-right: 12px;
		}
		
#Nav2 { border-top: 1px solid white; float: left; margin: 0px; padding: 0px; }
	#Nav2 ul { list-style-type:none; margin: 0px; padding: 0px; }
	#Nav2 li
	{	width: 144px;
		padding: 3px 0px;
		border-bottom: 1px solid white;
		float: left;
		background-image: url('page/nav2.jpg');
		background-position: bottom right;
		background-repeat: no-repeat;
		margin: 0px;
	}
	#Nav2 a:link, #Nav2 a:visited
	{	color: #000000;
		text-decoration: none;
		display: inline;
		padding: 0px 5px 0px 5px;
		font-size: 7.5pt;
	}
	#Nav2 a:hover
	{	color: #9D33CB;
	}

#BrandImages
{	float: left;
}

.BrandImage
{	margin-top: 16px;
	display: block;
}

#Right
{	width: 153px; background-color: #CCCCCC;
}

/*	#Right_Top, #Right_Bottom
	{	width: 133px;	
		margin-left: 10px;
	}
*/	
#Left h3, #Right h3
{	font-size: 7.5pt;
	padding: 5px 0px 5px 7px;
	margin: 0px;
}

/***********************************************************************************************/
/******************************************************		FOOTER			********/

#Footer
{	width:100%;
	border-top: 1px solid white;
	background-color: rgb(0,0,0);
	color: #ffffff;
	padding: 5px 0px;
	line-height: 150%;
	font-size: 7.5pt;
}

#Footer a
{	color: #ffffff;
	text-decoration: none;
}

#Footer a:hover
{	color: #9D33CB;
}


/***********************************************************************************************/
/******************************************************		DROPDOWN MENUS		********/

.menuContent .options 
{	margin: 0px 1px 1px 0px;
	border-top: 0px solid #ffffff;
	background-color:#CCCCCC;
	padding: 0px;
}

.menuContent .options a
{	padding: 4px 2px 4px 8px;
	font-style:normal; 
	font-weight:normal;
	color: #000000;
	display: block;
	text-decoration: none;
	font-size: 7pt;
	border-bottom: 1px solid white;
	background-image: url('page/nav2.jpg');
	background-position: bottom right;
	background-repeat: no-repeat;
}

.options a:hover
{	
}


.menuContent .options a:hover 
{	text-decoration: none;
	color: #9D33CB;
}

/***********************************************************************************************/
/******************************************************		MAIN SITE STYLES	********/
/***********************************************************************************************/

img { border: none; }

tr { vertical-align: top; }
em { font-weight: bold; font-style: normal; }
form
{	display: inline;
}

input, textarea, select
{	font-size: 8pt;
	font-family: Verdana, Arial;
}

.normal { font-size: 8pt; }
.small { font-size: 7pt; }
.large { font-size: 14pt; }

br.all { clear: both; }

#Mid h1 { margin: 5px 2px 10px; color: rgb(157, 51, 203); font-size: 14pt; }
#Mid h2 { margin: 5px 2px 10px; color: rgb(0,0,0); font-size: 12pt; }
#Mid h3 { margin: 5px 2px 10px; color: rgb(0,0,0); font-size: 10pt; }
#Top h1 { margin: 5px 2px 10px; color: rgb(157, 51, 203); font-size: 14pt; }
#Top h2 { margin: 5px 2px 10px; color: rgb(0,0,0); font-size: 12pt; }
#Top h3 { margin: 5px 2px 10px; color: rgb(0,0,0); font-size: 10pt; }


#Mid input.text, #Mid textarea.text, #Mid select.text
{	width: 200px;
	border: 1px solid rgb(157, 51, 203);
	border-bottom: 1px solid rgb(204, 153, 254);
	border-right: 1px solid rgb(204, 153, 254);
	padding: 2px;
}
#Mid input.text:focus, #Mid textarea.text:focus, #Mid select.text:focus
{	border: 1px solid rgb(20,20,20);
	background-color: rgb(255,255,255);
}

address { font-style: normal; padding-left: 20px; }

.alert { background-color: rgb(224, 195, 249); }

span.boxprice { color: rgb(255,0,0); font-weight: bold; }

.messagebox
{	border: 1px solid #7A06B5;
	margin: 3px; padding: 10px 0px 10px 32px;
	display: block;
	font-weight: normal;
}
	.boxtype_error
	{	background-color: #BF81FC;
		color: #ffffff;
		font-weight: bold;
		background-image: url(/images/page/bad.gif);
		background-position: top left;
		background-repeat: no-repeat;
		margin-bottom: 10px;
	}

	.boxtype_success
	{	background-color: #ffffff;
		color: #000000;
		font-weight: bold;
		background-image: url(/images/page/good.gif);
		background-position: top left;
		background-repeat: no-repeat;
	}

#SplitListPageBar
{	padding: 5px 0px 0px;
	margin-top: 10px;
	text-align: right;
	border-top: 1px solid rgb(200,200,200);
}

#SplitListPageBar a
{	color: purple;
	font-weight: bold;
}

button.normalbutton, a.normalbutton
{	background-color: rgb(157, 51, 203);
	color: rgb(255,255,255);
	border: none;
	height: 20px;
	padding: 0px 15px 0px 15px;
	text-align: center; text-decoration: none;
	background-image: url(/images/button.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}

a.normalbutton
{	display: block; float: left;
	margin: 4px; padding: 0px;
	padding: 3px 8px 0px;
}

button.smallbutton, a.smallbutton
{	background-color: #C184FC;
	color: rgb(255,255,255);
	border: none;
	height: 20px;
	padding: 0px 3px 0px 3px;
	text-align: center; text-decoration: none;
/*	background-image: url(/images/button.gif);
	background-position: bottom right;
	background-repeat: no-repeat;*/
}

#Mid abbr.price
{	font-size: 90%;
	color: rgb(255,0,0);
	font-weight: bold;
}


/***********************************************************************************************/
/******************************************************		PRODUCT BOXES		********/

.productbox
{	text-align: center;
	border: 1px dotted rgb(200,200,200);
	padding: 5px 5px 10px 5px;
	magin: 0px;
	display: block; float: left;
}
	.productbox, .productbox a
	{	text-decoration: none;
		color: rgb(0,0,0);
	}

	.productbox h3 { margin: 0px 0px 8px 0px;  color: rgb(0,0,0); }
	.productbox p { margin: 0px; padding: 10px 0px; font-weight: normal; font-size: 7pt;}

#ProductFeatures td
{	border-bottom: 1px solid #EFEFEF;
	padding: 1px 0px 1px 0px;
}

#ProductFeatures td.legend
{	color: #000000;
}

.txta:link, .txta:visited
{	text-decoration: underline;
	font-size: 8pt;
	font-weight: bold;
}
.txta:hover
{	color: #9D33CB;
}

td.bt_left, td.bt_centre
{	border: 1px dashed rgb(200,200,200);
	border-left: none;
}
td.bt_right
{	border-top: 1px dashed rgb(200,200,200);
	border-bottom: 1px dashed rgb(200,200,200);
}

td.bn_left, td.bn_centre
{	border: 1px dashed rgb(200,200,200);
	border-top: none;
	border-left: none;
}
td.bn_right
{	border-bottom: 1px dashed rgb(200,200,200);
}



.boxtypenormal
{	width: 135px; height: 180px;
}
	.boxtypenormal img
	{	width: 100px;
		
	}
	
	.boxtypenormal span.price
	{	color: rgb(255,0,0);
		font-weight: bold;
	}

.boxtypefronttop
{	width: 200px; height: 200px; border: none;
}
	.boxtypefronttop img { width: 130px; }
	.boxtypefronttop a.imga { display: block; height: 130px; }

.boxtypefrontbottom
{	width: 148px; height: 200px; border: none;
}
	.boxtypefrontbottom img { width: 100px; }
	.boxtypefrontbottom a.imga { display: block; height: 110px; }


.boxtypenobox
{	width: 120px; height: 180px;
	border: none;
}
	.boxtypenobox img
	{	width: 110px;
	}
	
	.boxtypenobox span.price
	{	color: rgb(255,0,0);
		font-weight: bold;
	}

/***********************************************************************************************/
/******************************************************		INDIVIDUAL PAGES	********/
/***********************************************************************************************/

/***********************************************************************************************/
/******************************************************		CONTACT PAGE		********/


.formsection_errors
{	margin: 5px 3px 15px;
	padding: 5px;
	border: 1px solid rgb(204, 153, 254);
	background-color: rgb(244, 203, 254);
	line-height: 150%;
}
.formsection_errors ul { margin: 5px 0px; padding: 0px; }
.formsection_errors li { margin: 0px; margin-left: 25px; }

#contactUs
{/*	margin-left: 120px;*/
}

#contactUs .label
{	width: 150px;
}


/***********************************************************************************************/
/******************************************************		RECOMMEND A FRIEND	********/

#RecommendAFriendTable .label
{	width: 200px;
}

#RecommendAFriendTable
{/*	margin-left: 100px;*/
}


/***********************************************************************************************/
/******************************************************		SERVICE CALLS		********/

#ServiceCallsTable .label
{	width: 150px;
}

#ServiceCallsTable
{/*	margin-left: 120px;*/
}

#ServiceCallsTable p
{	width: 400px;
	padding-bottom: 10px;
}


/***********************************************************************************************/
/******************************************************		BASKET PAGE		********/

#BasketBig
{	width: 645px;
	background-color: rgb(204, 153, 254);
	background-image: url(/images/page/baskettop.jpg);
	margin-bottom: 15px;
	line-height: 150%;
}
	#BasketBig td, #BasketBig th
	{	padding: 6px;
		border-bottom: 1px solid rgb(157, 51, 203);
	}
	#BasketBig td
	{	background-color: rgb(255,255,255);
		
	}
	
	#BasketBig .descr
	{	text-align: right;
		padding-right: 10px;
	}

table.pricesummary
{	float: right; width: 200px; margin-left: 5px;
	border: 1px solid rgb(217, 189, 250);
}
table.pricesummary td { text-align: right; padding: 6px; }



/***********************************************************************************************/
/*****************************************************************		CHECKOUT		*******/

table#CheckoutSteps
{	width: 645px;
}
	table#CheckoutSteps td
	{	width: 25%; padding: 3px;
		text-align: center;
		border: 1px solid rgb(194, 143, 234);
	}
	table#CheckoutSteps td.done
	{	width: 25%;
		background-color: rgb(204, 153, 254);
		background-image: url(/images/page/next.gif);
		background-position: center;
		background-repeat: no-repeat;
	}
	table#CheckoutSteps td.done span, table#CheckoutSteps td span
	{	font-weight: bold;
	}


#PostcodesTable { margin-bottom: 20px; }

#PostcodesTable, #DetailsTable
{	width: 645px;
}

table#BillingTable td, table#DeliveryTable td
{	padding: 2px;
}
	table#BillingTable td.label, table#DeliveryTable td.label
	{	
		padding-left: 0px;
		padding-bottom: 12px;
	}

table#BillingTable td.label, table#DeliveryTable td.label
	{	
		padding-left: 0px;
		padding-bottom: 12px;
	}

table#DetailsTable td, table#PostcodesTable td
{	width: 50%;
}

table#DetailsTable input.text
{	width: 170px;
}

.checkout
{	background-color: #efefef;
	padding: 3px 0px 3px 5px;
}

#ConfirmBillingTable .label, #ConfirmDeliveryTable .label, #ConfirmRentalTable .label, #ConfirmFinanceTable .label
{	width: 150px;
	padding-bottom: 3px;
	color: #9D33CB;
}

#ConfirmDeliveryTable .field, #ConfirmBillingTable .field, #ConfirmRentalTable .field, #ConfirmFinanceTable .field
{	width: 485px;
	padding-bottom: 3px;
}

.section_errors
{	margin: 5px 3px 15px;
	padding: 5px;
	border: 1px solid rgb(204, 153, 254);
	background-color: rgb(244, 203, 254);
	line-height: 150%;
}
.section_errors ul { margin: 5px 0px; padding: 0px; }
.section_errors li { margin: 0px; margin-left: 25px; }

table#OrderSummaryTable
{	margin-left: 30px;
}
	table#OrderSummaryTable td { padding: 7px; }

table#OrderItemsTable
{	width: 500px; margin-left: 30px;
	background-color: rgb(204, 153, 254);
}
	table#OrderItemsTable td, table#OrderItemsTable th { padding: 5px; }
	table#OrderItemsTable td { background-color: rgb(255,255,255); }
	table#OrderItemsTable td.price { text-align: right; }

table#OrderAddressTable
{	line-height: 170%;
}
	table#OrderAddressTable td { padding-left: 30px; }

/* TOP OFFERS */
#TopProducts h2{ color:#FFFFFF;background:#9C30CE;font-size:14px;padding:2px; }

#TopBundle{float:left;}
#StarBuy{float:left;}

.topOffer{ float:left;width:310px;margin:3px;border-bottom:1px solid #CCCCCC;padding-bottom:5px; }
.toMargin{ margin-right:5px; }
.topOffer .pDescSmall{ margin:0px;width:160px;height:100px; }
.topOffer .pDesc{ margin:0px;width:190px;height:90px; }
.topOffer p{ float:right;height:65px;margin:3px 0px 0px 0px; }
.topOffer img{ border:0px; float:left; }
.tpHeading{ margin:0px; }
.topOffer .TopOfferInfoSm{ float:right;width:160px;text-align:right; }
.topOffer .TopOfferInfo{ float:right;width:190px;text-align:right; }
.topOffer a{ text-decoration:none;color:#9C30CE;border:0px; }

#TopOffers{ float:left;width:320px; }
#New{ float:left;width:320px; }