/***********************************************************************************************/
/* BROWSER: ie : CCBot/1.0 (+http://www.commoncrawl.org/bot.html) */
/***********************************************************************************************/

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

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

div#Page, table#Header, table#Middle, img#Fadebar
{	width: 1000px;
	text-align: left;
}

td#ColumnLeft, td#ColumnRight
{	width: 143px;
	vertical-align:top;
}
img#Spacer
{	width: 704px; height: 1px;
	display:block;
}

#ColumnCenter
{	padding: 0px 5px 5px;
	vertical-align:top;
}

/***********************************************************************************************/
/******************************************************		HEADER			********/

#IntroAds{}

table#Header
{	background-color: rgb(0,0,0);
	color: rgb(255,255,255);
}
table#Header a
{	color: rgb(255,255,255);
	text-decoration: none;
}

	td#HeaderLogo { width: 150px; padding: 10px; }
	td#HeaderLogo img { width: 110px; height: 56px; }
	td#HeaderLogo a { display: block; float: left; }
	
	td#HeaderMisc { text-align: right; padding-top: 7px; }
	td#HeaderMisc address { font-size: 18pt; margin-top: 10px; font-weight: bold; }
	
	td#HeaderApple { width: 130px; text-align: right; }
	td#HeaderApple img
	{	margin: 15px 30px; width: 65px; height: 65px;
	}
	
	td#HeaderMenu
	{	padding: 0px 8px 8px;
	}
	td#HeaderMenu a{
		padding-right: 13px;
	}
	

img#Fadebar { height: 5px; margin-bottom: 5px; }


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

td#ColumnLeft div.columnbox, td#ColumnRight div.columnbox
{	margin-bottom: 10px;
}


td#ColumnLeft div.columnbox h1, td#ColumnRight div.columnbox h1
{	margin: 0px; padding: 3px 3px 3px 10px;
	background-color: rgb(158,206,252);
	color: rgb(4,107,184);
	font-size: 8pt;
}

td#ColumnLeft div.columnbox h2, td#ColumnRight div.columnbox h2
{	margin: 4px 0px 0px; padding: 3px 3px 3px 10px;
	background-color: rgb(232,232,232);
	color: rgb(68, 66, 67);
	font-size: 8pt;
}

td#ColumnLeft div.columnbox a, td#ColumnRight div.columnbox a
{	display: block;
	border-top: 1px solid rgb(232,232,232);
	padding: 5px 0px 5px 10px;
	color: rgb(0,0,0);
	text-decoration: none;
}

td#ColumnLeft form#TextSearch input
{	width: 100px;
	border: 1px solid rgb(168, 166, 167);
}

td#ColumnLeft form#TextSearch button
{	border: none;
	width: 30px; height: 20px;
	background-color: rgb(255,255,255);
}

td#ColumnLeft form#TextSearch table
{	margin: 6px 0px 6px 3px;
}

td#ColumnRight table#BasketMini { width: 100%; }
	td#ColumnRight table#BasketMini tr.BasketMini_row td { color: rgb(37, 126, 194); padding: 5px 2px; }
	td#ColumnRight table#BasketMini td.BasketMini_right { text-align: center; }
	td#ColumnRight table#BasketMini tr.BasketMini_summary td { color: rgb(0,0,0); padding: 5px 2px; border-top: 1px solid rgb(232,232,232); }
	
	td#ColumnRight div#BasketMiniLinks { margin: 5px 0px; text-align: right; color: rgb(150,150,150); }
	
	td#ColumnRight div#BasketMiniLinks a { display: inline; padding: 0px; margin: 0px; color: rgb(150,150,150); border: none; }
	td#ColumnRight div#BasketMiniLinks a:hover { color: rgb(0,0,0); }



/* BasketMini_summary BasketMini_row */


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

div#Footer
{	float:left;
	margin-top: 15px;
	margin-bottom: 40px;
	padding: 10px 0px 0px 10px;
	border-top: 1px solid #000000;
}

div#Footer, div#Footer a
{	color: rgb(81, 148, 219);
	
}
div#Footer a
{	text-decoration: none;
	padding-left: 20px;
}

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

#ColumnCenter h1 { margin: 5px 2px 10px; color: rgb(5, 107, 196); font-size: 14pt; }
#ColumnCenter h2 { margin: 5px 2px 10px; color: rgb(0,0,0); font-size: 12pt; }
#ColumnCenter h3 { margin: 5px 2px 10px; color: rgb(0,0,0); font-size: 10pt; }

.btnCheckout, .btnStandard{
	margin:5px;
	padding:4px 10px 4px 10px;
	background-color:#E8E8E8;
	border:1px solid #046BB8;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}

img { border: none; }

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

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

br.all { clear: both; }

address { font-style: normal; }

.messagebox
{	border: 1px solid rgb(4, 107, 184);
	margin: 10px 3px; padding: 10px;
	display: block;
	font-weight: normal;
}
	.boxtype_error
	{	background-color: rgb(4, 107, 184);
		color: rgb(255,255,255);
		font-weight: bold;
		margin-bottom: 10px;
	}

	.boxtype_success
	{	background-color: rgb(158, 206, 252);
		color: rgb(0,0,0);
		font-weight: bold;
	}

#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;
}


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


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

.ProductOptions{
	float:right;margin-top:5px;
}
.ProductOptions img{
	width:19px;
	height:12px;
}

.productbox
{	text-align: left;
	
	padding: 0px;
	margin: 10px 4px;
	display: block; float: left;
}
	.productbox, .productbox a
	{	text-decoration: none;
		color: rgb(0,0,0);
	}
	
	.productbox a.txta { color: rgb(1, 107, 185); font-weight: bold; }
	
	.productbox p { margin: 0px; padding: 10px 0px; font-weight: normal; }

.boxtypenormal{
	width: 167px;
	height: 227px;
	}
	.boxtypenormal img
	{	width: 159px; height: 159px;
	/*	border: 1px solid rgb(229, 229, 229);*/
	}
	
	
	.boxtypenormal a.price
	{	color: rgb(150,150,150);
		font-weight: normal;
	}

.boxtypenobox
{	width: 107px; height: 227px;
}
	.boxtypenobox img
	{	width: 99px; height: 99px;
		border: 1px solid rgb(229, 229, 229);
	}
	
	
	.boxtypenobox a.price
	{	color: rgb(150,150,150);
		font-weight: normal;
	}

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

/***********************************************************************************************/
/******************************************************		PRODUCT PAGE		********/

table#ProductsPage
{	width: 694px;
}

table#ProductsPage td#ProductPageLeft
{	width: 260px;
	line-height: 150%;
	padding-right: 10px;
	vertical-align:top;
}

table#ProductFeatures td
{	padding: 3px;
	color: rgb(100,100,100);
	border-bottom: 1px solid rgb(220,220,220);
}
	table#ProductFeatures td.legend { text-decoration: underline; }
	table#ProductFeatures td.value { font-style: italic; }

table#ProductsPagePriceBox
{	width: 100%;
	background-color: rgb(158, 206, 252);
}
	table#ProductsPagePriceBox td
	{	padding: 7px;
	}
	table#ProductsPagePriceBox td.button
	{	width: 10px; vertical-align: middle;
	}
	table#ProductsPagePriceBox td.large
	{	text-align: right;
	}

/***********************************************************************************************/
/******************************************************		CONTACT PAGE		********/
#contactLeft{
	width:340px;
	float:left;
}

#contactRight{
	float:left;
}


/***********************************************************************************************/
/******************************************************		DOWNLOADS PAGE		********/

table#DownloadsList{
	width: 694px;
}

table#DownloadsList td{
	width: 50%;
	padding: 5px;
	line-height: 150%;
	background-color:#F8F8F8;
}

table#DownloadsList td a{
	color: #000000;
	text-decoration:none;
}
table#DownloadsList td a:hover{
	color: #555555;
}

.cDescription{
	color:#222222;
}

.cDownload{
	background-color:#F8F8F8;
}

.cFadedText{
	color:#777777;
}




/***********************************************************************************************/
/******************************************************		SEARCH PAGE		********/

#ColumnCenter div.searchCat
{	margin: 3px;
	width: 170px;
	float:left;
}

#ColumnCenter div.searchCat a
{	text-decoration:none;

}
#ColumnCenter div.searchCat a:hover
{	color: black;
	text-decoration: underline;
}

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

#BasketBig, table#OrderItemsTable
{	width: 604px;
	margin: 10px 45px 20px;
}

#BasketBig th, table#OrderItemsTable th
{	border-bottom: 2px solid rgb(200,200,200);
	border-top: 1px solid rgb(200,200,200);
	padding: 4px;
	text-align: center;
}

#BasketBig td, table#OrderItemsTable td
{	padding: 4px 5px 4px 4px;
}

#BasketBig tr.item td, table#OrderItemsTable tr.item td{
	border-bottom: 1px solid rgb(200,200,200);
}
#BasketBig td.price, table#OrderItemsTable td.price
{	text-align: right;
}

#BasketBig tr.summary td.price, table#OrderItemsTable tr.summary td.price
{	border-bottom: 1px solid rgb(200,200,200);
}

#BasketBig tr.summary td.legend, table#OrderItemsTable tr.summary td.legend
{	text-align: right;
	vertical-align: middle;
	font-weight: bold;
}


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

h2.checkout
{	font-family: Verdana, Arial, Helvetica;
	text-decoration: underline;
}

table#CheckoutSteps
{	width: 704px;
	color: rgb(158, 206, 252);
}
	table#CheckoutSteps td
	{	width: 25%;
		text-align: center;
	}
	table#CheckoutSteps td span
	{	font-weight: bold;
	}
	table#CheckoutSteps td.done
	{	color: black;
	}
table#DetailsTable, table#PostcodesTable
{	width: 704px;
}
table#DetailsTable td
{	width: 50%;
}

input.text, select.text, textarea.text{
	border: 1px solid rgb(4, 107, 184);
}

input.text, textarea.text{
	width: 170px;
}

input.text:focus
{	background-color: rgb(223, 240, 255);
}

#ConfirmBillingTable td.label, #ConfirmDeliveryTable td.label
{	width: 200px;
}

#ConfirmBillingTable, #ConfirmDeliveryTable
{	margin-bottom: 20px;
}

td.label
{	text-align: right;
	font-weight: bold;
	padding: 4px;
	color: rgb(140,140,140);
}

td.field
{	padding: 4px;
}



table#OrderAddressTable
{	width: 352px;;
}

table#OrderAddressTable td
{	width: 50%;
}

.chHeading{
	font-weight:Bold;
	background-color:#E8E8E8;
}

.btnCheckout{
	float:right;
}




/***********************************************************************************************/
/******************************************************		INDEX PAGE		********/
#IntroText a{
	color: rgb(1, 107, 185);
	font-weight: bold;
	font-size: 7pt;
	text-decoration:none;
}

div#Brands ul {
	list-style-type:none;
}
div#Brands li {
	display:inline;
	padding:0px 15px 0px 15px;
}
div#Brands li a 
{	color: rgb(0,0,0);
	text-decoration: none;
}
div#Brands h1
{	margin: 0px; padding: 3px 3px 3px 10px;
	background-color: rgb(158,206,252);
	color: rgb(4,107,184);
	font-size: 8pt;
}
div.IntroAdLeft {
	display:block;
	float:left;
	width:230px;
	margin-bottom:10px;
	margin-right:5px;
}
div.IntroAdLeft a {
	color:#000000;
	text-decoration:none;
}
div.IntroAdRight a {
	color:#000000;
	text-decoration:none;
}
div.IntroAdRight {
	display:block;
	float:left;
	width:230px;
	margin-bottom:10px;
}