/***********************************************************************************************/
/* 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;
	width:100%;
}

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

.alert {background-color:#FAA;}

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


#subscribeMidd {
	width:340px;
	float:left;
	padding-left:200px;
}

#NewsLetter {
	border:1px solid #000;
	margin: 5px 0px 0px 0px;
	padding:10px;
	font-size: 10px;
	background-color:#e8e8e8;
}

#NewsLetter p {
	padding:0px 0px 5px 0px;
	margin:0px;
	color:#444243;
}

#NewsLetter form {
	padding:0px;
	margin:0px;
}

#NewsLetter form input.emailaddress {
	width:117px;
	padding:0px;
	margin:5px 0px 10px 0px;
	font-size: 10px;
}



/***********************************************************************************************/
/******************************************************		FICAL			********/
/***********************************************************************************************/

/******************************************************		MONTH VIEW		********/

#FICalMonth
{	
	margin-top: 25px;
}

.ficalnormal
{	font-size: 7pt;
}

.ficalMCell
{	
	width: 95px;
	height: 100px;
	padding: 1px;
	
	border-top: 1px solid rgb(158, 206, 252);
	border-left: 1px solid rgb(158, 206, 252);
}

	td.ficalMCell_weekend { background-color: rgb(250,250,250); }
	td.ficalMCell_today { background-color: rgb(194, 202, 239); }
	td.ficalMCell_today div.ficalMDate { color: rgb(0,0,0); }
	td.ficalMCell_empty { background-color: rgb(245,245,245); }


div.ficalMDate
{	
	font-family: Arial;
	text-align: right;
	font-size: 14pt;
	font-weight: bold;
	color: rgb(158, 206, 252);
	margin: 0px 2px 2px 0px;
}

div.ficalMEvents a
{	display: block;
	padding: 2px;
	text-decoration: none;
	margin-bottom: 1px;
	border: 1px solid white;
}

div.ficalMEvents a.ficalMEvent_green
{	background-color: rgb(183, 223, 181);
	color: black;
	border-color: rgb(125, 175, 109);
}

div.ficalMEvents a.ficalMEvent_grey
{	background-color: rgb(190,190,190);
	color: white;
	border-color: rgb(150,150,150);
}

div.ficalMEvents a.ficalMEvent_purple
{	background-color: rgb(200, 155, 207);
	color: black;
	border-color: rgb(122, 95, 127);
}

div.ficalMEvents a.ficalMEvent_orange
{	background-color: rgb(239, 184, 119);
	color: black;
	border-color: rgb(159, 113, 59);
}

div.ficalMEvents a.ficalMEvent_blue
{	background-color: rgb(158, 206, 252);
	color: black;
	border-color: rgb(62, 105, 143);
}


div.ficalMEvents a.ficalMEvent_black
{	background-color: rgb(0,0,0);
	color: white;
	border-color: rgb(150,150,150);
}


div.ficalMEvents a.ficalMEvent_yellow
{	background-color: rgb(248, 255, 191);
	color: black;
	border-color: rgb(153, 159, 99);
}


tr.ficalHeader th
{	
	text-align: center;
	font-weight: normal;
	padding: 0px 0px 10px 0px;
}

a#ICS
{	display: block;
	float: right;
	margin: 4px 4px 0px 0px;
	text-decoration:none;
	color: rgb(190,190,190);
}

a#ICS:hover
{	color: black;
}


a#ICS img
{	width: 20px; height: 20px;
	vertical-align: middle;
	opacity: 0.5;
	filter: alpha(opacity = 50);
}
a#ICS:hover img
{	opacity: 1;
	filter: alpha(opacity = 100);
}



/******************************************************		EVENT VIEW		********/

#FICalEvent
{	margin: 20px;
	width: 600px;
}


#FICalEvent tr
{	vertical-align: middle;
}

#FICalEvent td
{	padding: 5px;
}


.ficalELabel
{	
	text-align: right;
	font-weight: bold;
	width: 70px;
	font-size: 8pt;
}

.ficalEField
{	
	font-size: 12pt;
}

tr#FICalE_detail td
{	
	border-top: 1px solid rgb(158, 206, 252);
	border-bottom: 1px solid rgb(158, 206, 252);
	font-size: 12pt;
	padding: 10px 5px 50px;
}

a#FICalEFieldURL
{	color: red;
	text-decoration: none;
}
a#FICalEFieldURL:hover
{	text-decoration: underline;
}


/*
ficalEField

FICalE_title
FICalE_location
FICalE_from
FICalE_to
FICalE_detail

*/