/*
------------------------------------------------------------------------
BODY
------------------------------------------------------------------------
*/

body
{
	background: url(/skin_default/templateimages/pagebg.gif) repeat-x #17AEE7;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 0px;
	padding: 0px;
	text-align: center;	
}

#container
{
	background-color: #ffffff;
	height: auto;
	width: 772px;
	margin-right: auto;
	margin-left: auto;
	border-right: 4px solid #ffffff;
	border-left: 4px solid #ffffff;
	text-align: left;
	padding-bottom: 30px;
}

/*
------------------------------------------------------------------------
HEADER
------------------------------------------------------------------------
*/

#header
{
	border-top: 4px solid #ffffff;
	height: 141px;
	width: 772px;
	background: #ffffff url(/skin_default/templateimages/header.jpg) no-repeat;
}

#header #logo
{
	position: relative;
	top: 35px;
	left: 10px;
	background-color: transparent;
	height: 91px;
	width: 240px;
}

/*
------------------------------------------------------------------------
TOP NAVIGATION
------------------------------------------------------------------------
*/

#idTopNavigation 
{
	background-color: transparent;
	height: 24px;
	width: 772px;
	font-size: 75%;
}

#idTopNavigation ul
{
	background: transparent url(/skin_default/templateimages/topnav_null.gif) repeat-x;
	display: block;
	overflow: hidden;
	list-style-type: none;
	width: 100%;
	margin: 0px;
	padding: 0px;
	z-index: 999;
	display: block;
}

#idTopNavigation ul li.cls1
{
	border: none;
	margin: 0px;
	float: right;
	width: 90px;
}

#idTopNavigation ul li.cls2
{
	border: none;
	margin: 0px;
	float: right;
	width: 130px;
}

#idTopNavigation ul li.cls3
{
	border: none;
	margin: 0px;
	float: right;
	width: 72px;
}

#idTopNavigation ul li.cls4
{
	border: none;
	margin: 0px;
	float: right;
	width: 94px;
}

#idTopNavigation ul li.cls1 a:link,
#idTopNavigation ul li.cls1 a:active,
#idTopNavigation ul li.cls1 a:visited,
#idTopNavigation ul li.cls2 a:link,
#idTopNavigation ul li.cls2 a:active,
#idTopNavigation ul li.cls2 a:visited,
#idTopNavigation ul li.cls3 a:link,
#idTopNavigation ul li.cls3 a:active,
#idTopNavigation ul li.cls3 a:visited,
#idTopNavigation ul li.cls4 a:link,
#idTopNavigation ul li.cls4 a:active,
#idTopNavigation ul li.cls4 a:visited
{
	background-color: transparent;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #25406F;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: 700;
	display: inline-block;
	height: 14px;
	text-decoration: none;
}

#idTopNavigation ul li.cls1 a:hover,
#idTopNavigation ul li.cls2 a:hover,
#idTopNavigation ul li.cls3 a:hover,
#idTopNavigation ul li.cls4 a:hover
{
	background-color: transparent;
	text-decoration: none;
	z-index: 999;
}

#idTopNavigation > ul li.cls1 a:link,
#idTopNavigation > ul li.cls1 a:active,
#idTopNavigation > ul li.cls1 a:visited,
#idTopNavigation > ul li.cls2 a:link,
#idTopNavigation > ul li.cls2 a:active,
#idTopNavigation > ul li.cls2 a:visited,
#idTopNavigation > ul li.cls3 a:link,
#idTopNavigation > ul li.cls3 a:active,
#idTopNavigation > ul li.cls3 a:visited,
#idTopNavigation > ul li.cls4 a:link,
#idTopNavigation > ul li.cls4 a:active,
#idTopNavigation > ul li.cls4 a:visited
{
	display: block;
}

#idFade
{
	background: transparent url(/skin_default/templateimages/fade.gif) no-repeat top left;
	height: 7px;
	width: 772px;
	display: block;
	overflow: hidden;
}

/*
------------------------------------------------------------------------
BODY SECTION
------------------------------------------------------------------------
*/

#pagebody
{
	padding: 0;
	margin: 0;
	clear: both;
	display: block;
	margin: none;
	background-color: #ffffff;
}

/* --- Left hand section of page body --- */

#left
{
	background: transparent url(/skin_default/templateimages/leftnavbg.gif) repeat-y top right;
	height: auto;
	width: 175px;
	float: left;
	padding-top: 15px;
	font-size: 70%;
}

/* --- Right hand section of page body --- */

#right
{
	width: 168px;
	margin: 0px 0px 0px 0px;
	float: right;
	position: relative;
	font-size: 75%;
}

/* --- Left hand and right hand shared elements --- */

#blockheader
{
	background-image: url(/skin_default/templateimages/blockheader_bg.gif);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #3e3c3f;
	width: 158px;
	height: 26px;
	color: #ffffff;
	font-size: .95em;
	font-weight: 700;
	padding: 10px 0px 0px 10px;
}

#blockheader.clsMiniBasket /* -- Due to contained image ---*/
{
	padding: 6px 0px 0px 10px;
	height: 30px;
}

/*
------------------------------------------------------------------------
CATEGORY MENU
------------------------------------------------------------------------
*/

#categorymenu
{
}

#categorymenu ul
{
	position: relative;
	list-style-type: none;
	left: 0px;
	top: 0px;
	margin: 0px;
	padding-left: 15px;
	margin-bottom: 10px;
}

#categorymenu ul li
{
	position: relative;
	margin: 0px;
	padding: 0px;
	display: block;
	overflow-y: visible;
}

#categorymenu ul li a:link, #categorymenu ul li a:active, #categorymenu ul li a:visited
{
	padding-left: 22px;
	text-transform: uppercase;
	text-decoration: none;
	color: #3D3D3D;
	font-weight: 500;
	display: block;
	padding-top: 6px;
	padding-bottom: 6px;
	overflow-y: visible;
	background: url(/skin_default/templateimages/navdot.gif) no-repeat left center;
}

#categorymenu ul li a:hover
{
	text-decoration: none;
	color: #43648E;
	background: url(/skin_default/templateimages/navdot-over.gif) no-repeat left center;
}

/*
------------------------------------------------------------------------
LEFT HAND ELEMENTS
------------------------------------------------------------------------
*/

#left #search,
#left #account
{
	position: relative;
	left: 0px;
	top: 0px;
	padding: 10px 0px 1px 10px;
	margin: 0px 0px 0px 15px;
	border: 0;
	width: 149px;
	display: block;
	background: #5CA2D3 url(/skin_default/templateimages/lhsblockbg.gif) no-repeat top left;
	overflow-x: hidden;
	overflow-y: visible;
}

#left #search h4,
#left #account h4
{
	top: 0px;
	left: 0px;
	padding: 0px;
	color: #ffffff;
	display: block;
	font-size: 1.05em;
	margin: 0px 0px 10px 0px;
}

#left #search a:link, #left #search account:visited, #left #search a:active,
#left #account a:link, #left #account a:visited, #left #account a:active
{
	color: #ffffff;
	font-weight: 700;
	text-decoration: none;
}

#left #search a:hover,
#left #account a:hover
{
	text-decoration: underline;
}

#left #searchfooter,
#left #accountfooter
{
	position: relative;
	left: 0px;
	top: 0px;
	padding: 0;
	margin: 0px 0px 0px 15px;
	border: 0;
	width: 159px;
	height: 15px;
	overflow: hidden;
	display: block;
	background: url(/skin_default/templateimages/lhsblockfooterbg.gif) no-repeat top left;
}

#left #basketsummary,
#left #currency,
#left #information
{
	position: relative;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 10px 0px 0px 10px;
	margin: 0px 0px 0px 15px;
	border: 0;
	width: 149px;
	display: block;
	background: #C3DFF1 url(/skin_default/templateimages/lhsblockaltbg.gif) no-repeat top left;
}

#left #basketsummary h4,
#left #currency h4,
#left #information h4
{
	top: 0px;
	left: 0px;
	padding: 0px;
	color: #36428e;
	display: block;
	font-size: 1.05em;
	margin: 0px 0px 10px 0px;
}

#left #basketsummary a:link, #left #basketsummary a:visited, #left #basketsummary a:active,
#left #currency a:link, #left #currency a:visited, #left #currency a:active,
#left #information a:link, #left #information a:visited, #left #information a:active
{
	color: #36428e;
	font-weight: 700;
	text-decoration: none;
}

#left #basketsummary a:hover,
#left #currency a:hover,
#left #information a:hover
{
	text-decoration: underline;
}

#left #basketsummaryfooter,
#left #currencyfooter,
#left #informationfooter
{
	position: relative;
	left: 0px;
	top: 0px;
	padding: 0;
	margin: 0px 0px 0px 15px;
	border: 0;
	width: 159px;
	height: 15px;
	overflow: hidden;
	display: block;
	background: url(/skin_default/templateimages/lhsblockaltfooterbg.gif) no-repeat top left;
}

#left #address
{
	position: relative;
	left: 0px;
	top: 0px;
	margin: 0px;
	padding-left: 15px;
	padding-top: 10px;
	background: #ffffff url(/skin_default/templateimages/leftnavaddressbg.gif) no-repeat top right;
	display: block;
	margin-bottom: -10px;
}

/* search box */

#search form
{
	padding: 0;
	margin: 0;
}

#search .clsInput
{
	border: 1px solid #ffffff;
	width: 110px;
	height: 13px;
	font-size: 11px;
	color: #ffffff;
	background-color: #36428e;
	padding: 1px 1px 1px 2px;
}

#search .clsSearchButton
{
	border: 1px solid #ffffff;
	background-color: #B3E4F7;
	color: #36428e;
	height: 17px;
	font-size: 10px;
	margin-left: 3px;
	padding: 0;
}

/* --- Dynamic page content section of page body --- */

#pagecontent
{
	width: 567px;
	float: left;
	padding: 15px 15px 0px 15px;
	position: relative;
	font-size: 70%;
	background-color: #ffffff;
}

/*
------------------------------------------------------------------------
ALL PAGE BLOCKS
------------------------------------------------------------------------
*/

.box
{
	border: none;
}

.boxinset
{
}

/* --- Categories --- */

.subcategories 
{
	position: relative;
	width: 521px;
	padding: 25px 25px 1px 10px;
	display: block;
	text-align: left;
	background: #ffffff url(/skin_default/templateimages/pagesectionbg.gif) no-repeat top left;
}

.subcategories_normal 
{
}

.subcategories_extended 
{
}

.subcategories_shortened 
{
}

.maincategory 
{
	padding: 0;
	width: 100%;
	border: 0;
	overflow: hidden;
}

.subcategory 
{
	margin: 0;
	padding: 0px 0px 1px 0px;
}

.subcategories_normal .subcategory 
{
	margin: 0;
	padding: 15px 0px 1px 0px;
}

.subcategories_extended .subcategory 
{
	margin: 0;
	padding: 0px 0px 15px 0px;
}

.subcategory strong 
{
	display: block;
	margin-bottom: 4px;
}

.subcategories_extended .subcategory img, .maincategory img 
{
	float: right;
	margin: 0px 0px 10px 10px;
}

.subcategories_shortened .box
{
	width: 165px;
	/*height: 260px;*/
	margin: 0px 10px 5px 0px;
	padding: 10px;
}

.subcategories .subcategory .pad, .maincategory .pad 
{
	margin: 0 0 0 0;
	zoom: 100%; /* To fix IE 'invisible text' rendering bug (http://archivist.incutio.com/viewlist/css-discuss/57305) */
	overflow: hidden; /* To fix image flow in extended view, mozz/opera */
}

/* --- For the shortened design --- */

.subcategories_shortened .subcategory 
{
	display: block;
	float: left;
	margin-bottom: 0px;
	
}

.subcategories_shortened .subcategory .pad 
{
	padding: 10px;
}

/* --- Style specifically for the 'link'. We remove most of the box styling for link mode --- */

.subcategories_link .subcategory .pad 
{
	margin: 0;
	padding: 0;
	border: 0;
	background-color: transparent;
}

.subcategories ul.clsCategories
{
	position: relative;
	list-style-type: none;
	left: 0px;
	top: 0px;
	padding: 20px 0 0 0;
	margin: 0;
}

.subcategories ul.clsCategories li
{
	margin: 3px 0 0 0;
	padding-left: 22px;
	padding-top: 3px;
	padding-bottom: 6px;
	overflow-y: visible;
	background: url(/skin_default/templateimages/navdot.gif) no-repeat left top;
	display: block;
}

.subcategories ul.clsCategories li:hover,
.subcategories ul.clsCategories li.over
{
	background: url(/skin_default/templateimages/navdot-over.gif) no-repeat left top;
}

.subcategories ul.clsCategories li a:link, .subcategories ul.clsCategories li a:active, .subcategories ul.clsCategories li a:visited
{
	text-transform: uppercase;
	text-decoration: none;
	color: #3D3D3D;
	font-weight: 500;
	display: inline;
}

.subcategories ul.clsCategories li a:hover
{
	text-decoration: none;
	color: #43648E;
}

.subcategories ul.clsCategories li img.subcategory_image 
{
	float: right;
	display: inline;
}

/* ------------ Products --------------------------------------------- */

/* h2s are used on product.asp to break up main parts of the page */

.product
{
	position: relative;
	width: 521px;
	padding: 25px 25px 1px 10px;
	display: block;
	text-align: left;
	background: #ffffff url(/skin_default/templateimages/pagesectionbg.gif) no-repeat top left;
}

.product h2 
{
	text-align: left;
	color: #000000;
	font-weight: 700;
}

/* -- Covers info on all 'product' views - including product.asp -- */

.product em.strapline 
{
	display: block;
	margin: 0px 0px 10px 0px;
	padding: 0;
}

.product p 
{
	margin: 0 0 5px 0px;
}

.product .main 
{
	overflow: hidden;
}

.product img
{
	position: relative;
	margin: 0 0 5px 5px;
	float: right;
}

.quantitydiscount .link 
{
	padding: 5px 0px 5px 0px;
}

.generalspace 
{
	display: block;
	height: 1px;
}

/* -- All products in a list format (i.e. not product.asp) -- */

.products 
{
	position: relative;
	width: 531px;
	padding: 12px 25px 0 0;
	display: block;
	text-align: left;
	background: #ffffff url(/skin_default/templateimages/pagesectionbg.gif) no-repeat top left;
}

.products .product
{
	width: 520px;
	padding: 13px 0 5px 10px;
	background-image: none;
	/*border-bottom: 1px solid #5ea1d3;*/
	clear: both;
}

.products_end 
{
	clear: both;
}

.products .minprice 
{
	display: block;
	font-weight: bold;
}

.products .product img 
{
	float: right;
	margin: 0px 0px 10px 10px;
}

.products .product .pad 
{
	margin-bottom: 8px;
	padding: 0px;
	zoom: 100%; /* To fix IE 'invisible text' rendering bug (http://archivist.incutio.com/viewlist/css-discuss/57305) */
	overflow: hidden; /* To fix image flow in extended view, mozz/opera */	
}

.products .product .product_end 
{
	clear: both;
}

/* -- Specific to the shortened display - note: the width of .product is set programmatically based on the numShortenedFormatCols config setting -- */

.products_shortened .box
{
	width: 165px;
	/*height: 280px;*/
	margin: 0px 10px 5px 0px;
	padding: 10px;
	background-image: url(../templateimages/contentblockshortened_bg.gif);
	background-position: top left;
	background-repeat: no-repeat;
	font-size: 7.5pt;
}

.products_shortened .product 
{
	background-image: none;
	display: block;
	float: left;
	margin-bottom: 0px;
	height: 225px;
}

.products_shortened .product img 
{
	display: block;
	float: none;
	margin: 8px auto;
	text-align: center;
}	

.products_shortened .product h2 
{
	margin-top: 5px;
	text-align: left;
	font-size: 7.5pt;
}	

.products_shortened .minprice 
{
	text-align: center;
}

.products_shortened em 
{
	padding: 0px 10px 5px 10px;
}

/* -- Specific to the 'classic' search display type - no styling, just text and description -- */

.products_classicsearch .product .pad 
{
	background: none;
	border: none;
	padding: 0;
	margin: 0;
}

.products_classicsearch .product .pad p 
{
	margin: 4px 0 8px 0;
}

/* -- To improve the display you may wish to force the height of these boxes -- */

.products_shortened .product .moredetails 
{
	display: none;
	visibility: hidden;
}

.productfooter,
.categoryfooter,
.basketfooter,
.carryonshoppingfooter,
.searchfooter,
.promotionfooter,
.speedorderfooter,
.mailinglistfooter,
.wishlistfooter,
.customerfooter,
.comparisonfooter
{
	position: relative;
	width: 556px;
	height: 32px;
	padding: 0px;
	display: block;
	text-align: left;
	background: #5EA1D3 url(/skin_default/templateimages/pagesectionfooterbg.gif) no-repeat top left;
	overflow: hidden;
}

.promotionfooter
{
	margin-bottom: 15px;
}

/*
------------------------------------------------------------------------
SPECIFIC ELEMENTS
------------------------------------------------------------------------
*/

/* --- Mini-basket --- */

#numberofitems 
{
	margin: 0;
	padding: 0;
	font-size: 7.5pt;
}

#numberofitems em 
{
	font-style: normal;
	font-weight: bold;
}

/* Lines of the basket */

#basketlines 
{
	padding: 2px 0 2px 0;
	margin: 0;
}

#basketlines a
{
	display: block;
	text-decoration: none;  
	color: black;
	padding: 0;
}

#basketlines a:hover 
{ 
	color: red;
}

#basketlines li.alt 
{
}

#basketlines li 
{
	list-style: none;
	font-size: 7.5pt;
	clear: both;
}

#basketlines em 
{
	font-style: normal;
}

#baskettotals 
{
	color: Red;
	font-weight: bold;
	text-align: right;
	display: block;
	position: relative;
}

#baskettotals p 
{
}

#baskettotals p em 
{
	margin-left: 5px;
}

#baskettotals em 
{
	font-style: normal;
}

#baskettotals #taxexception 
{
	font-weight: normal;
}

#basketlinks 
{
	margin: 5px 0px 0px 0px;
	padding: 0;
	font-size: 7.5pt;
}

#basketlinks li 
{
	list-style: none;
}

#basketlinks a 
{
	display: block;
	padding: 5px;
}

#basketlinks a:hover 
{
}

#basketlinks img 
{
	border: 0;
	vertical-align: middle;
	margin: 0px 5px 0px 0px;
}

#basketempty, #baskethidden 
{
	font-style: italic;
	padding: 0px 3px 0px 3px;
	margin: 0;
}	

#baskettotals p 
{
	padding: 0px 3px 0px 3px;
	margin: 0;
	font-size: 7.5pt;
}

/* --- Speed order page --- */

.speedordertable 
{
	position: relative;
	width: 521px;
	padding: 25px 25px 1px 10px;
	display: block;
	text-align: left;
	background: #ffffff url(/skin_default/templateimages/pagesectionbg.gif) no-repeat top left;
}

.speedorder table 
{
	width: 100%;
	margin: 0 auto;
}

.speedorder td, .speedorder th 
{
	text-align: left;
	padding-left: 0px;
	padding-right: 10px;
}

.speedorder .productcode input 
{
	width: 100%;
}

.speedorder .quantity input 
{
	width: 50px;
	text-align: right;
}

.speedorder div.submit 
{
	margin-top: 15px;
	text-align: left;
}

/* --- Checkout --- */

/* step 1 - login form */

.emailreminder 
{
	width: 100%;
	padding-top: 15px;
}

/* step 3 - shipping methods */

.shippingmethodstable 
{
	width: 100%;
	padding-bottom: 8px;
}

.shippingmethodstable .price_1, .shippingmethodstable .price_2, .shippingmethodstable .price 
{
	text-align: right;
	white-space: nowrap;
	padding-right: 30px;
}

.euvat 
{
	padding-bottom: 8px;
}

.checkout textarea 
{
	width: 350px;
}

.carddetails 
{
	background-color: #FFFFFF;
	border: none;
	width: auto;
	padding: 10px;
	border: 1px dotted #5ca2d3;
	margin-top: 10px;
	margin-bottom: 10px;
}

.carddetails .inside 
{
	padding: 0px;
}

.shippingmethodline strong 
{
	padding-right: 16px;
}

.step4 input.submit 
{
	margin-left: 0px;
}

#strMailingListHTML 
{
	display: block;
	margin: 10px 0 5px 0;
}

/* Billing details typography */

.billtotal em 
{
	font-style: normal;
}

.billtotal, .gatewaymessage 
{
	margin: 15px 0 30px 0;
}

.billtotal 
{
	font-size: 10pt;
}

#termspopup 
{
	font-size: 7.5pt;
}

/* --- Search --- */

.trythesecategories 
{
	margin: 8px 0px 8px 0px;
}

.trythesecategories ul 
{
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
}

.trythesecategories ul li 
{
	display: inline;
	margin: 0;
	padding: 0;
	text-indent: 0;
}

#resultsheader 
{
	margin: 8px 0 8px 0;
}

.search
{
	position: relative;
	width: 521px;
	padding: 25px 25px 1px 10px;
	display: block;
	text-align: left;
	background: #ffffff url(/skin_default/templateimages/pagesectionbg.gif) no-repeat top left;
}

.search .pricefields input 
{
	width: 4em;
}

/* --- Basket --- */

.basket
{
	position: relative;
	width: 521px;
	padding: 25px 25px 1px 10px;
	display: block;
	text-align: left;
	background: #ffffff url(/skin_default/templateimages/pagesectionbg.gif) no-repeat top left;
}

.section 
{
	width: 525px;
	background-image: url(../templateimages/accountblockbg.gif);
	background-position: top left;
	background-repeat: no-repeat;
	display: block;
	position: relative;
	padding: 10px 15px 1px 15px; 
	margin-top: 15px;
}

.section h2
{
	margin-top: 0px;
	padding-top: 0px;
}

.sectionfooter
{
	background-image: url(../templateimages/accountblockfooterbg.gif);
	background-position: top left;
	background-repeat: no-repeat;
	height: 16px;
	display: block;
	width: 556px;
}

.basket .price_1, .basket .price_2, .basket .price, .basket .quantity, .basket .remove, .basket .tax, .basket .total 
{
	text-align: right;
	white-space: nowrap;
}

.basket .quantity input 
{
	text-align: right;
}

.basket .totals em 
{
	line-height: 30px;
	color: red;
	font-weight: bold;
	font-style: normal;
	font-size: 10pt;
}

.basket .totals .controls 
{
	margin-top: 8px;
}

.basketaccount .links 
{
	margin-top: 3px;
	overflow: hidden;
	width: 100%;
	text-align: left;
}

.basketaccount .links div 
{
	width: 48%;
	margin: 0;
	padding: 0;
	float: left;
}

.basketaccount .links div p 
{
	margin: 0;
	padding: 4px 4px 0 0px;
}

.basketaccount .links img 
{
	margin-right: 4px;
}

.basket .continueshopping 
{
	margin-top: 8px;
	text-align: right;
}

.basket .continueshopping .submit 
{
	float: left;
	text-align: center;
}

.basket .shippingmethodline 
{
	background-image: url(../templateimages/contentblockshortened_bg.gif);
	background-position: top left;
	background-repeat: repeat-x;
	padding: 8px 0 20px 0;
}

.basket tr.separate 
{
	height: 20px;
	background-color: white;
	background-image: none;
}

.basket .totals 
{
	border-top: solid 1px #CBD5DB;
	text-align: right;
	margin-top: 18px;
	padding-top: 5px;
}

.basket .applycoupon 
{
	border: solid 1px #b9bec0;
	margin-top: 18px;
	padding: 5px;
	margin-bottom: 8px;
}

.checkout
{
	position: relative;
	width: 556px;
	display: block;
	text-align: left;
}

#fieldsrequired 
{
	color: #888888;
	font-size: 7.5pt;
}

.shippingmethodstable .subheader .name 
{
	font-weight: bold;
	font-size: 7.5pt;
	color: #DD7700;
	margin-bottom: 4px;
	padding-bottom: 0px;
}

/* Basket Table */

.basket table
{
	width: 100%;
	display: block;
	clear: both;
}

.basket table tr.header
{
	background-color: #88C0E3;
	border-bottom: 1px solid #ffffff;
	font-weight: 700;
	vertical-align: top;
	text-align: center;
}

.basket table tr.subheader,
.basket table tr
{
	background-color: #E7F3FB;
	border-bottom: 1px solid #ffffff;
	text-align: left;
	vertical-align: top;
}

.basket table tr.header
{
	padding: 3px;
	width: 100%;
}

.basket table tr.subheader td,
.basket table tr td
{
	padding: 2px;
	font-size: 90%;
	width: 20%;
}

.basket table tr.subheader th,
.basket table tr th
{
	width: 20%;
}

/* ------------ Shipping rates --------------------------------------- */

.shippingtable 
{
	width: 100%;
	margin-bottom: 20px;
}

.shippingtable .price, .shippingtable .price_1, .shippingtable .price_2 
{
	text-align: right;
	white-space: nowrap;
}

/* ------------ Customer --------------------------------------------- */

.section tbody td 
{
	padding: 2px;
}

.section table 
{
	margin-bottom: 2px;
}

.section th 
{
	text-align: left;
}

.savebasketstable .date, .wishliststable .date 
{
	width: 130px;
}

.savebasketstable .actions, .wishliststable .actions, .orderhistory .view 
{
	text-align: right;
	width: 130px;
}

.orderdetails label 
{
	width: 30%;
	float: left;
}

.orderdetails div 
{
	float: left;
	margin-bottom: 4px;
}

.orderdetails br 
{
	display: block;
	clear: both;
}

.orderdetails div.tick 
{
	float: none;
	margin-bottom: 0;
}

.orderdetails div.tick img 
{
	margin-right: 8px;
}

.downloadableproductstable .codenumber, .downloadableproductstable .orderdate 
{
	white-space: nowrap;
	padding-left: 10px;
	padding-right: 10px;
}

.customersave
{
	position: relative;
	width: 521px;
	padding: 25px 25px 1px 10px;
	display: block;
	text-align: left;
	background: #ffffff url(/skin_default/templateimages/pagesectionbg.gif) no-repeat top left;
}

.customer .links div 
{
	width: 48%;
	margin: 0;
	padding: 0;
	float: left;
}

.wishlist #chkUpdateItems 
{
	margin: 0;
	width: 20px;
	text-align: left;
	float: left;
	padding: 0;
}

.vieworder 
{
	margin-bottom: 15px;
}

/* --- Affiliate --- */

.affiliatestatstable 
{
	width: 100%;
}

.affiliatestats .total 
{
	text-align: right;
	padding-right: 12px;
}

.affiliatestats .graph 
{
	text-align: center;
}

.affiliatestats h2 
{
	margin-top: 16px;
}

/* --- Wish List --- */

.wishlist .explanation 
{
	margin: 0px 0px 15px 0px;
	display: block;
	width: 90%;
	font-size: 7.5pt;
}

.wishlist table
{
	width: 96%;
}

/* --- Compare --- */

.comparison
{
	position: relative;
	width: 521px;
	padding: 25px 25px 1px 10px;
	display: block;
	text-align: left;
	background: #ffffff url(/skin_default/templateimages/pagesectionbg.gif) no-repeat top left;
}

.comparison h4 
{
	margin-bottom: 5px;
}

.comparison tr 
{
	background-color: transparent;
}

.comparison td 
{
	border-top: solid 1px #CBD5DB;
}

.comparison .propertyheader 
{
	font-weight: bold;
	font-size: 7.5pt;
}

.comparison .lastrow td 
{
	background-color: transparent;
	font-size: 7.5pt;
	padding-bottom: 20px;
}

/* --- Attributes --- */

.attributes 
{
	border-bottom: solid 1px #CBD5DB;
	margin: 10px 0 10px 0;
	padding: 0;
	width: 100%;
}

.attributes table 
{
	width: 100%;
	border-collapse: collapse;
}

.attributes table tr 
{
	background-image: none;
}

.attributes td 
{
	background-color: #E2EAEF;
	border-top: solid 1px #CBD5DB;
}

/* --- Reviews --- */

.reviews 
{
	margin: 5px 0 10px 0;
}

.reviews .box 
{
	font-size: 0.9em;
}

.reviews h2 
{
	margin-bottom: 8px;
}

.review 
{
	margin: 0 0 5px 0;
}

.review .pad 
{
	padding: 10px;
}

.review .stars 
{
	display: inline;
	margin-right: 2px;
}

.review strong 
{
	display: inline;
}

.review .reviewer 
{
	font-style: italic;
}

.review blockquote 
{
	font-weight: 700;
	margin: 0;
}

.review .date, .review .appliesto 
{
	text-align: left;
}

/* Review add page */

.addreview form strong 
{
	display: block;
}

.addreview form p 
{
	margin: 0px 0px 20px 180px;
}

.addreview textarea 
{
	width: 340px;
	height: 100px;
}
	
/* --- Cross Selling --- */

.carryonshopping 
{
	position: relative;
	width: 531px;
	padding: 25px 25px 1px 0;
	display: block;
	text-align: left;
	background: #ffffff url(/skin_default/templateimages/pagesectionbg.gif) no-repeat top left;
	margin-top: 15px;
}

.carryonshopping a 
{
	font-weight: normal;
}

.carryonshopping h2 
{
	margin-bottom: 8px
}

.carryonshopping h3 
{
	margin: 5px 0 5px 0;
	padding: 0px;
}

.carryonshopping ul 
{
	margin: 0px 0px 10px 10px;
	list-style-type: none;
	padding: 0;
}

/* --- Versions --- */

/* Clear so it comes below the floating image tag */

.versions 
{
	clear: both;
	margin-bottom: 10px;
	/*border: 1px solid #c5c9cb;
	padding: 5px;*/
}

.versions strong 
{
	display: block;
	padding-bottom: 5px;
}

.products_shortenened .versions
{ 
	/* don't want to clear if we're doing things in shortened format */
	clear: none;
}

/* Versions displayed in options may first have a price line */

.versions .prices 
{
	padding: 5px;
	text-align: right;
}

.versions .prices span 
{
	margin-left: 2em;
}

.versions .prices .extax 
{
	width: 40px;
	border: none;
	overflow: visible;
	background-color: transparent;
	margin: 0;
	text-align: left;
	font-weight: normal;
	padding: 2px;
}

.versions .prices .inctax 
{
	width: 40px;
	border: none;
	overflow: visible;
	background-color: transparent;
	margin: 0;
	text-align: left;
	font-weight: bold;
	padding: 2px;
}

.versions .prices .weight 
{
	width: 40px;
	border: none;
	background-color: transparent;
	margin: 0;
	text-align: left;
	font-weight: normal;
	margin-right: 20px;
	padding: 2px;
}

.versions .line 
{
	text-align: right;
	padding: 5px;
}

.versions .line img 
{
	float: none;
}

/* Version Table */

.versions table
{
	margin-top: 10px;
	width: 500px;
	display: block;
	clear: both;
	border: 1px solid #5EA1D3;
}

.versions table tr.header
{
	background-color: #88C0E3;
	border-bottom: 1px solid #ffffff;
	font-weight: 700;
	vertical-align: top;
	text-align: center;
}

.versions table tr.alt
{
	background-color: #E7F3FB;
	border-bottom: 1px solid #ffffff;
	text-align: left;
	vertical-align: top;
}

.versions table tr.header
{
	padding: 3px;
}

.versions table td
{
	width: 125px;
}

.versions table tr.alt td
{
	width: 125px;
	padding: 2px;
	font-size: 90%;
}

/* --- Product Options --- */

.optiongroups_block .options 
{
	padding: 10px;
	margin: 10px 0px 5px 0px;
}	

.optiongroups_block .addtobasket 
{
	text-align: right;
	padding: 5px;
	clear: both;
}

.outofstockmessage em 
{
	display: block;
	margin-top: 10px;
}

.optiongroups_block .option 
{
	clear: both;
}

.optiongroups_block .option label.optiontitle 
{
	display: block;
	width: 150px;
	float: left;
	margin-right: 5px;
}

.versions .option label.optiontitle 
{
	margin-right: 5px;
}

.optiongroups_block .option div 
{
	display: inline-block;
	margin-left: 160px;
	margin-bottom: 10px;
}

.optiongroups_block .option div .radiooptions 
{
	display: block;
}

.optiongroups_block .addtobasket img 
{
	float: none;
	text-align: right;
}

/* Inline groups */

.optiongroups_line 
{
	padding: 5px;
	margin-bottom: 5px;
	text-align: left;
	zoom: 100%;
	overflow: hidden;
}

.optiongroups_line .options, .optiongroups_line .option div, .optiongroups_line .option, .optiongroups_line strong, .optiongroups_line label, .optiongroups_line select, .optiongroups_line .addtobasket 
{
	display: inline;
}

.optiongroups_line label 
{
	margin-left: 10px;
}

.optiongroups_line .addtobasket 
{
	display: block;
	float: right;
	width: 100px;
	text-align: right;
	margin-left: 20px;

}

.optiongroups_line .addtobasket img 
{
	float: none;
}

/* --- Promotions --- */

/* promotion class controls listing in extended view (with thumbnail) */

.product .promotions, .basket .promotions,
.promotions, .promotion
{
	position: relative;
	width: 521px;
	padding: 25px 25px 1px 10px;
	display: block;
	text-align: left;
	background: #ffffff url(/skin_default/templateimages/pagesectionbg.gif) no-repeat top left;
	margin-top: 15px;
}

.promotion .box 
{
}

.promotionfootertext
{
	margin-top: 15px;
}

.promotion 
{
	position: relative;
	width: 521px;
	padding: 25px 25px 1px 10px;
	display: block;
	text-align: left;
	background: #ffffff url(/skin_default/templateimages/pagesectionbg.gif) no-repeat top left;
}

.promotion img 
{
	float: right;
	margin-left: 10px;
}

.promotion .box 
{
	width: 100%;
	margin: 0px 5px 5px 0px;
	font-size: 8pt;
}

.promotion .pad 
{
	padding: 10px;
	overflow: hidden;
}

/* promotiontext class controls listing in text view */

.promotiontext 
{
	clear: both;
	vertical-align: middle;
	margin: 8px 0px 8px 0px;
	display: block;
}

.promotiontext .box 
{
	width: 100%;
	margin: 0px 5px 5px 0px;
	font-size: 8pt;
}

.promotiontext .pad 
{
	overflow: hidden;
}

/* --- Custom pages --- */

table.clsSpecsTable
{
}

table.clsSpecsTable tr th
{
	background-color: #c8d1d5;
	text-align: center;
}

table.clsSpecsTable tr td
{
	background-color: #ecedee;
	text-align: center;
}

/* --- Homepage Layout --- */

.home_region 
{
	width: 100%;
}

/* Homepage News */

/* Controls specifically the first news item */

#newsitem1 
{
}

#newsitem1 h1 
{
	font-size: 1.25em;
}


#newsitem1 img 
{
	float: right;
}

/* Other news items */

#newsitems 
{
}

#newsitems .newsitem 
{
	width: 45%;
	/*height: 280px;*/
	margin: 0px 10px 10px 0px;
	background-image: url(../templateimages/contentblockshortened_bg.gif);
	background-position: top left;
	background-repeat: no-repeat;
	font-size: 7.5pt;
	float: left;
}

#newsitems strong
{
	display: block;
	padding: 0;
	margin: 0;
}

/* Top lists */

#toplists 
{
	padding: 0;
	width: 100%;
	clear: both;
}

#toplists .box 
{
	width: 33%;
	font-size: 7pt;
	float: left;
}

#toplists .pad 
{
	margin: 0px 15px 10px 0px;
}

#toplists ul 
{
	margin: 0;
	padding: 0;
	border: 0;
}

#toplists ul li 
{
	list-style: none;
	float: none;
	clear: both;
	padding-bottom: 2px;
}

#toplists ul li div 
{
	display: block;
	font-size: 7.5pt;		
}

/* Homepage Specials */

.specials 
{
	clear: both;
}

.specials h2 
{
	display: block;
	margin-bottom: 12px;
}

/* ------------ Site Map --------------------------------------------- */

.sitemap ul 
{
	padding: 0;
	margin: 0;
}

.sitemap ul li 
{
	display: block;
	float: left;
	width: 260px;
	margin: 5px;
	padding: 0;
	list-style-position: inside;	
	list-style-type: none;
}

.sitemap ul li div.pad 
{
	padding: 15px;
}

.sitemap ul ul 
{
	padding: 0;
	margin: 0;
}

.sitemap ul ul li 
{
	float: none;
	width: 100%;
	width: 100%;
	padding: 3px 10px 0px 10px;
	margin: 0;
	border: 0;
}

/* --- T&Cs text --- */

#terms
{
	margin-top: 4px;
	padding-top: 10px;
	margin-bottom: 12px;
	font-size: 7pt;
	color: #999999;
}

/* --- Minor navigation, breadcrumbs, pagination --- */

/* Breadcrumb trail  */

.breadcrumbtrail 
{
	background: url(/skin_default/templateimages/highlightbg.gif) no-repeat top left;
	display: block;
	overflow: hidden;
	margin: 0px 0px 5px 0px;
	z-index: 999;
	padding-top: 9px;
	padding-left: 9px;
	width: 558px;
	height: 45px;
	color: #ffffff;
}

.breadcrumbtrail ul 
{
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
} 

.breadcrumbtrail ul li 
{
	margin-left: 0;
	border: none;
	list-style: none;
	display: inline;
}

/* Pagination */

.paging 
{
	display: block;
	overflow: hidden;
	margin: 0 0 20px 0;
	z-index: 999;
	width: 558px;
}

.paging a 
{
	font-weight: normal;
}

.paging_footer 
{
	margin: 20px 0 0 0;
}

/* --- Headings, text and general --- */

pre
{
	color: #009900;
}

a:link, a:visited, a:active
{
	color: #36428e;
	font-weight: 700;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

h1
{
	top: 0px;
	left: 0px;
	margin: 0 0 15px 0;
	padding: 0px 0px 0px 0px;
	font-size: 1.75em;
	color: #36428e;
	display: block;
}

h2
{
	font-size: 1.5em;
	color: #36428e;
	margin: 12px 0 12px 0;
	padding: 0;
	display: block;
}

h3
{
	font-size: 8pt;
	display: block;
	margin: 10px 0 0 0;
	padding: 0px;
}

h4
{
	font-size: 7.5pt;
	color: #36428e;
	margin: 10px 0 0 0;
	padding: 0px;
	display: block;
}

h5
{
	font-size: 7.5pt;
	color: #336677;
	text-transform: uppercase;
	letter-spacing: -1px;
	margin: 10px 0 0 0;
	padding: 0px;
	text-align: left;
	font-weight: normal; 
	display: block;
}

.clsClear
{
	display: block;
	clear: both;
}

div.spacer 
{
  	clear: both;
}

.pad_shortformat 
{
	padding: 20px;
}

.clsSmall
{
	font-size: 0.85em;
}

.para1
{
	font-size: 1.05em;
	font-weight: 700;
}

ol
{
	margin: 10px 0px 0px 40px;
	padding: 0;
}

#newsitem1,
.product,
.promotion,
.promotions,
.reviews,
.carryonshopping,
.basket .section,
.checkout .section,
.section
{
	/*padding: 0px;*/
}

.products_shortened .product
{
	padding: 0px;
}

.nowrap
{
	white-space: nowrap;
}

#popup
{
	padding: 10px;
}

/* Extra info links */

.extrainfolinks 
{
	margin: 8px 0px 10px 0px;
	overflow: hidden;
	font-size: 7.5pt;
}

.extrainfolinks a 
{
	white-space: nowrap;
}

.extrainfolinks .largeview 
{
	margin: 5px 0px 0px 0px;
	display: inline;
}

.extrainfolinks .moreinfo 
{
	font-size: 1.2em;
	font-weight: 700;
	margin: 5px 0px 0px 0px;
}

.extrainfolinks .compare 
{
	margin: 5px 0px 0px 0px;
}

.extrainfolinks .compare a 
{
	font-weight: normal;
}

.extrainfolinks img 
{
	float: none;
	margin: 0;
}

/* By default disable all borders on images */

img 
{
	border: none;
}

/* Horizontal rule */

hr 
{
	height: 1px; 
	border-width: 0; 
	color: #DDDDDD; 
	background-color: #DDDDDD; 
}

/* 'Top items' boxes on home page */

#toplists ul li div a:hover 
{
	color: red;
}

/* Search keyword highlight */

em.highlight
{
	background-color: #FFF522;
	font-style: normal;
}

/* Rupert's tweak for shaded RRP rows */

tr.highlight
{
	background-color: #ffffff;
}

/* Strapline font styling */

.product em.strapline,
.promotion .box em.strapline
{
	font-style: normal;
	color: red;
	font-weight: bold;
	font-size: 7.5pt;
}

/* Styles for common features on your content pages */

.page .cutout 
{
	margin: 12px;
	border-top: solid 1px #CBD5DB;
	border-left: solid 1px #CBD5DB;
	border-bottom: solid 1px #E2EAEF;
	border-right: solid 1px #E2EAEF;
}

.page .cutout_left 
{
	float: left;
}

.page .cutout_right 
{
	float: right;
}

.page .right 
{
	text-align: right;
}

/* General site warnings & alerts */

.warning
{
	font-style: normal;
	font-weight: bold;
	color: red;
	font-size: 7.5pt;
}

.products .minprice
{
	color: Red;
}

.quantitydiscount
{
	padding: 10px 0px 5px 0px;
	font-size: 7.5pt;
}

/* --- Tables --- */

/* --- Forms --- */

form 
{
	margin: 0; 
	display: inline;
	padding: 0;
}

select, input
{
	font-size: 10px;
}

select, input, textarea 
{
	border: 1px solid #36428e;
	margin-top: 2px;
	margin-bottom: 2px;
}

select:focus, input:focus, textarea:focus 
{
	
}

input.submit 
{
	/*border: 1px solid #ffffff;
	background-color: #5EA1D3;*/
	border: 1px solid #ffffff;
	background-color: #36428e;
	color: #ffffff;
	font-size: 11px;
}

input.smallsubmit 
{
	/*border: 1px solid #ffffff;
	background-color: #5EA1D3;*/
	border: 1px solid #ffffff;
	background-color: #36428e;
	color: #ffffff;
	font-size: 11px;
}

.inputform 
{
	margin: 0px;
	padding: 0px;
	zoom: 100%; /* To fix IE 'invisible text' rendering bug (http://archivist.incutio.com/viewlist/css-discuss/57305) */
}

.inputform label 
{
	width: 180px;
	float: left;
}

.inputform label.checklabel 
{
	width: auto;
	float: none;
}

.inputform div 
{
	float: left;
}

.inputform br 
{
	display: block;
	clear: both;
}

.inputform input.submit 
{
	width: auto;
}

.inputform input 
{
	width: 180px;
}

input.radio, input.checkbox 
{
	border-style: none;
	background-color: transparent;
	display: inline;
	width: 20px;
}

.column2 
{
	padding-left: 180px;
	margin-bottom: 20px;
	width: auto;
}

textarea 
{ 
	width: auto; 
}

/* Form error messages */

.errors 
{
	display: block;
	width: 526px;
	color: red;
	background-color: #FFEEEE;
	border: dotted 1px red;
	margin: 10px 0 10px 0;
	padding: 12px;
}

.errors label 
{
	border-bottom: dotted 1px red;
}

/* --- Language, currency menu and search box --- */

#languagemenu form select, #currencymenu form select, #prodtypemenuform select
{
	width: 158px;
	margin: 0;
	padding: 0;
}

#searchbox input
{
	width: 148px;
}

#searchbox #searchbutton
{
	width: 10px;
	text-align: right;
	margin: 0;
	padding: 0;
}

/* --- Search and mailinglist forms --- */

.mailinglist
{
	position: relative;
	width: 521px;
	padding: 25px 25px 1px 10px;
	display: block;
	text-align: left;
	background: #ffffff url(/skin_default/templateimages/pagesectionbg.gif) no-repeat top left;
}

#quicksearch form
{
	display: block;
}

#left input.submit
{
	height: 22px;
	width: 30px;
}

#left input.text
{
	width: 95px;
}

#mailinglist label#email
{
	display: block;
	margin: 0px 0px 2px 0px;
}

#mailinglist label#htmlemail
{
	display: block;
	margin: 2px 0px 2px 0px;
}

/* --- Footer --- */

#footer 
{
	position: relative;
	display: block;
	top: 25px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	width: 762px; 
	background: url(/skin_default/templateimages/footer.gif) no-repeat top left;
	text-align: left;
	font-size: 70%;
	clear: both;
}

#footer ul.links
{
	list-style-type: none;
	margin: 0px;
	padding: 0 0 0 85px;
	position: relative;
	display: block;
}

#footer ul.links li
{
	display: inline;
}

#footer .links ul li a:link, #footer .links ul li a:active, #footer .links ul li a:visited,
#footer a:link, #footer a:active, #footer a:visited
{
	text-decoration: none;
	color: #1176BB;
	font-weight: 500;
}

#footer .links ul li a:hover,
#footer a:hover
{
	text-decoration: underline;
}