
/*============================ EDIT BELOW BUT DO NOT DELETE  =========================*/
body {font-family: Arial, Verdana, "MS Sans Serif", sans-serif; color: #000000; margin-top: 0px; background-color:#E9E9E9;}
#logo {height: 76px; width: 380px; float: left; margin: 5px 0px 0px 6px; z-index: 20; top: 0px; }
#logo h1 {display:block; height: 76px; width: 380px; text-indent:-9009px; margin: 0px 0px 0px 0px; }
#logo h1 a {display:block; width:100%; height:100%; outline:none;}
.button {background-color:#333;border:2px groove #FFFFFF;color:#FFFFFF;overflow:visible;padding: 3px 0px 3px 0px;font-size:1em;height: 20px;text-align:center; text-decoration:none;}
.button:hover {}
.button_basket {background-color:#AE0E28;border:2px groove #FFFFFF;color:#FFFFFF;overflow:visible;padding: 0px 8px 2px 8px;font-size:1em;}	
.button_thumbmoreoptions {background-color:9999CC;padding: 2px 2px 2px 2px;text-align:right;}
.button_thumbview {background-color:9999CC;padding: 2px 2px 2px 2px;}
.button_thumbbasket {padding: 2px 2px 2px 2px;font-size:1em;}
/*============================ EDIT ABOVE BUT DO NOT DELETE =========================*/

#L1 {
	position:absolute;
	left:0px;
	top:0px;
	width:677px;
	height:400px;
	z-index:1;
	visibility:visible;
}
#L2 {
	position:absolute;
	left:680px;
	top:0px;
	width:298px;
	height:131px;
	z-index:2;
	visibility:visible;
}
#L3 {
	position:absolute;
	left:680px;
	top:135px;
	width:298px;
	height:131px;
	z-index:3;
	visibility:visible;
}
#L4 {
	position:absolute;
	left:680px;
	top:269px;
	width:298px;
	height:131px;
	z-index:4;
	visibility:visible;
}
#L5 {
	position:absolute;
	left:0px;
	top:403px;
	width:338px;
	height:89px;
	z-index:5;
	visibility:visible;
}
#L6 {
	position:absolute;
	left:341px;
	top:403px;
	width:336px;
	height:89px;
	z-index:6;
	visibility:visible;
}
#L7 {
	position:absolute;
	left:680px;
	top:403px;
	width:298px;
	height:89px;
	z-index:7;
	visibility:visible;
}

/*============================ PRIMARY NAVIGATION STYLES =========================*/

#primarynavigation {
	background: url(../images/nav_background.jpg);
	width: 980px;
	font-size: 95%;
	text-align:center;
	
}

#primarynavigationwrapper {
	background: url(../images/nav_background.jpg) top repeat-x scroll;
	height:24px;
	width: 980px;
   	_margin-left: -80px;}

/*=NON IE-7 ONLY FIX*/


#primarynavigation ul {
	list-style: none;
	padding: 0;
	
}
#primarynavigation ul li {
	background: none;
	line-height: normal;
	padding: 0px;
	float: left;
margin-left: 0px;
}
#primarynavigation ul a {
	display: block;
	padding: 12px 10px 10px 10px;
	line-height: 0px;
	text-align: left;
	font-size: 1.1em;
	color: #ffffff;
	border-left: solid 1px;
	border-left-color: #dedede;
	font-weight: bold;
}
#primarynavigation ul .last a {
	border-right: solid 1px;
	border-right-color: #dedede;
}
#primarynavigation .active a,
#primarynavigation ul a:hover, topmenuitemselected {
	color: #ffffff;
	background: url(../images/nav_active.jpg) #afc079 repeat-x;
	text-decoration: none;
}


/*============================ MENU STYLES =========================*/
.selected {font-weight: normal;color: #999;}
a.selected {font-weight: normal;color: #333;}

.menu {background-color: transparent;color: #555;text-decoration: none;padding-left: 6px;}
.menu:hover {text-decoration: none;color: #999;}

#categories {position: relative;top: 0px;margin-bottom: 10px;}
.category {margin-bottom: 0px;}

.menuTableLevel0 {}
.menuTableLevel0:hover {background: none;}	

/* Hide the cheveron at the front of each top level category */
.menuChevron {visibility: hidden;}
/* Background image for the top level categories must be set on the cell to make it take up the whole width  */
.menuCell2Level0 {}
/* Set the text style for the a link of the top level categories.*/
.menuLevel0 {color: #212121;line-height: 2.2em;height: 12px;text-align: center;font-weight: normal;text-decoration: none;}
.menuLevel0:hover {text-decoration: none;color: #333;font-weight: normal;}
/* set the cheverons for the first level of categories */
.menuCell1Level1 {}
/* set the cheverons for the second level of categories */
.menuCell1Level2 {}
.menuRow {}
.menuRowLevel1 {}
.menuCell {background-image: none;}
.menuCell2Level1, .menuCell1Level1 {font-size: 11px;border-bottom:0px solid #999;}
.menuCell2Level2 {padding: 3px 0px 3px 0px;}

.selectedCell1, .selectedCell {background: none; text-decoration:underline;}




.formatted_text {font-size:12px;color:#000000;line-height:20px;text-align:left;}

/*============================ GLOBAL NAVIGATION =========================*/
#global-nav {background:none; text-align:right; padding: 3px 5px 1px 0px; margin:0pt;}
#global-nav li, #global-nav form, #global-nav #search-li form p {display:inline;}
#global-nav li.last a {background:0;padding-right:8px;}
#global-nav #search-li {padding-top:2px;}
#global-nav input {border:1px solid #666; font-size:1.2em;color: #999;padding:0px 0px 1px 2px;margin-bottom:1px;}
#global-nav button { width:35px; height:18px; background:url('../images/btn_search.gif') center center no-repeat; border:0; cursor:pointer; font-size:10px; text-align:center; vertical-align:top;padding:2px 0px 2px 0px;line-height:19px;}
	
* html #global-nav button{ margin-left:5px; margin-top:1px; line-height:1.5; }
	
#global-nav a{padding:6px 13px 3px 13px;color:#999; text-decoration:none; }
#global-nav a:hover{color:#ccc}


/*============================ CHECKOUT POLICY LINKS=================================*/
a.extnav:link {color:#000000; text-decoration: underline; font-weight:normal }
a.extnav:visited {color: #000000; text-decoration: underline; font-weight:normal }
a.extnav:hover {color: #3300FF; text-decoration: underline; font-weight:normal }
a.extnav:active {color: #000000; text-decoration: underline; font-weight:normal }
/* ===== end ====*/

#checkout_policy{

display:block;

background-image:url(../images/policybg.jpg); 

background-repeat:no-repeat; 

background-position:top left; 

width:205px; 

height:104px; 

padding-top:10px; 

padding-left:5px;
}

#header {
	background-image:url(../images/logo.jpg);
	background-repeat:no-repeat;
	background-position:left;
	background-color:#ffffff;
	margin-left:10px;
	height: 76px;
	width: 990px;
	text-decoration:none;
}

#header-bar {
background-image:url(../images/topnavbg.jpg);
background-repeat:repeat-x;
height:25px;
margin-left:5px;
margin-right:5px;
padding:0;
}



#basket {
	margin-right: 10px;
	color: #212121;
	text-align: right;
	text-decoration:none;
	padding-top:5px;
}

#boxtop {
	margin: 0px;
	padding-top:6px;
	}

.boxtop p {
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
margin-bottom:2px;
margin-top:6px;
}
	
a {
background-color:transparent;
color:#666666;
line-height:150%;
text-decoration:none;
	}
/*============================ LOCAL TEXT STYLES =========================*/

/*-------------------------------toadd_20070601.css------------------------*/

.giftHeaderImage {
	width: 95%;
	text-align: right;
	position: relative;
	top: -20px;
}

.giftListSearchImg {
	position: relative;
	top: 5px;
	left: 3px;
}

#giftListSearch {
	position: relative;
	top: 10px;
}

#listcode {
	font-size: 8px;
	width: 145px;
}

.psMsg {
	font-size: 12px;
	padding-bottom: 20px;
}

.purchasesContainer {
	text-align: left;
	background-color: #ECEFF6;
	margin-top: 50px;
	padding-bottom: 10px;
}

.templateList {
	padding-left: 50px;
}

#mainTitle {
	padding-bottom: 20px;
}

/*
using > is something only mozilla will recognise, not IE. In this instance, mozilla will position the image -25px
and IE will position it -35px as IE seems to display it lower when not positioned.
*/
#mainTitle>#mainImg {
	position: relative;
	top: -25px;
}

#mainImg {
	position: relative;
	top: -35px;
}

.glButton {
	font-weight: normal;
	background-image: url("../images/button_bak20.jpg");
	background-repeat: no-repeat;
	padding-top: 4px;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 20px;
	width: 135px;
}

.glButton:hover {
	background-image: url("../images/button_bak20a.jpg");
}

.topTagSelect {
	width: 90%;
	margin-top: 5px;
}

.footerText {
	font-size: 10px;
}

.margin_bg {
	border: 1px solid #b4bdd7;
	width: 180px;
}

.page_title {
	font-weight: bold;
	font-size: 10pt;
	color: #330099;
	background-image: url(../images/box-1.gif);
	background-repeat: no-repeat;
	height: 25px;
	padding-top: 5px;
	padding-left: 5px;
}

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

input.login_form {
	margin-left: 5px;
	margin-top: 5px;
}

.login_image {
	margin-top:5px;
	position: relative;
	right: -115px;
}

#basket_total {
	position: relative;
	float: right;
}

.checkout_image {
	position: relative;
	right: -115px;
	top: 5px;
	margin-bottom: 10px;
}
/*-------------------------------toadd_20070601.css------------------------*/
/*-------------------------------toadd_20070821.css----------------------*/

.saveImg {
	z-index: 20;
	position: absolute;
	left: -10px;
	top: -10px;
}

.stockitem {
	position: relative;
	padding: 10px;
}
/*-------------------------------toadd_20070821.css----------------------*/
/*-------------------------------toadd_20070921.css----------------------*/
.selectedPaymentProvider{
	border: 1px solid black;
}
/*-------------------------------toadd_20070921.css----------------------*/
/*-------------------------------toadd_20071026.css----------------------*/
h1 {
	font-size: 1.5em;
	font-weight:normal;
	padding-bottom: 2px;
	margin-top: 0px;
	margin-bottom: 0px;
}
h2 {
	font-size: 1.5em;
	font-weight: normal;
}

hr {
	border-color:#ccc;
	border-style:solid;
	border-width:1px 0px 0px;
	height:0px;
}

.smalltext {
	color: #555555;
	font-family: Helvetica, Verdana, Arial, "MS Sans Serif", sans-serif;
	font-size: 11px;
	font-weight:normal;
}

.item_price {
	font-size: 16px;
}

.inputitem_qty {
	margin-left: 0px;
	margin-bottom: 5px;
	padding:1px 0pt 0pt;
	width:15px;
	display:inline;
}
.reasons {
	width: 31%;
	line-height:1.5em;
	float: left;
	padding-bottom: 10px;
	padding-right: 10px;
}

.qty {
	float:left;
	margin-top:0px;
	width:100px;
}

img.primaryimage {
	border: 1px solid #ccc;
}

.left {
	text-align: left;
	float:left;
}

/*-------------------------------toadd_20071026.css----------------------*/
/*-------------------------------toadd_20080201.css----------------------*/

.test_mode {
	width: 100%;
	height: 50px;
	margin-top: 10px;
	padding-top: 10px;
	z-index: 20;
	position: absolute;
	left: 0px;
	top: 0px;
	text-align:center;
	font-size: 30px;
	color: #fff;
	background: #FF0000;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	-moz-opacity: 0.75;
	text-transform:uppercase;
}


/*-------------------------------toadd_20080201.css----------------------*/
/*-------------------------------toadd_20080627.css------------------------*/

.button_basket {
	height: 22px;
	font-size:10px;
	color: #fff;
	background: #ae0e28;
}

.pagesubtitle {
	font-size: 14px;
	font-weight: normal;
	color: #333;
	background-color: transparent;
	font-weight: normal;
}

.pagetitle {font-size: 14px;font-weight: bold;color: #000000; margin-top: 8px;background-color: transparent;}
/*-------------------------------toadd_20080627.css------------------------*/
/*-------------------------------toadd_20080909.css----------------------*/
.button_basket {background-color:#AE0E28;border:2px groove #FFFFFF;color:#FFFFFF;overflow:visible;padding: 0px 8px 2px 8px;font-size:1em;}	
.button_thumbmoreoptions {background-color:9999CC;padding: 2px 2px 2px 2px;text-align:right;}
.button_thumbview {background-color:9999CC;padding: 2px 2px 2px 2px;}
.button_thumbbasket {padding: 2px 2px 2px 2px;font-size:1em;}
/*-------------------------------toadd_20080909.css----------------------*/


/*============================ FOOTER STYLES =========================*/
#footer-container {display:block;height:100px;margin:3px;margin-top: 2px;background: #ffffff;}

.divfooter {float:left;margin:0pt;padding:0pt;text-align:left;width:19%;}
.divfooter h2 {font-size: 11px;color: #000000;margin:0pt;padding:1em 0pt 0.5em 1.3em;}
.divfooter ul {color:#000000;display:block;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0pt 0pt 0pt 2.8em;padding:0pt;}
.divfooter ul li {background-repeat:no-repeat;list-style-image:url(../images/tri.gif);margin-top:0.2em;}
.divfooter ul li a {color: #000000;}
.divfooter ul li a:hover {color:#666666;}
.footer {text-decoration: none;}
.footer:hover {text-decoration: none;color: #333333;background-color: transparent;}
#footer {color:#000000;float:left;width:100%;height: 40px;}
#footer a {color: #000000;}
#footer a:hover {text-decoration:underline;}

#contentpage h1 {font-size: 14px;}
#contentpagecontainer {style="border: 1px solid #000000; background-color: ffffcc; padding: 5px"}

/*------------------------------added 06/02/2006 --------------------------------*/
#content {
	width:787px;
}

#lpcontainer {
    	margin: 0 auto;
    	width:786px;
    	height: 400px;
    	background: #fff;
    	padding: 0;
    	text-align: left;}

#lpcontainer a {
	color: #6B2848;
	line-height:1.2em;
	text-decoration:underline;}

#lpcontainer a:hover  {
    color: #6B2848;
	text-decoration:underline;}
	
#lpcontainer p {
	margin: 5px 5px 15px 0px;
	color: #303030;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:1.4em;}	

#lpcontainer h2 {
	margin: 0px 10px 0px 0px;
	color: #303030;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height:1em;}
	
#lpheading {
    margin: 0 ;
	position: relative;
	width: 600px; 
	height: 25px;
	background: #ECECEC; }
	
#lpheading h1 {
    margin: 5px 0 0px 10px;
	padding-top: 3px;
	font-size: 16px;
	color: #303030;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold; }

	
#lpcontentright {
    margin: 0 0px 0 324px;
	width: 484px; 
	height: 400px;
	position: absolute;
	background:url( '../images/lpa-backgroundright.gif') no-repeat center top;} }
	

#lpcontentright h2 {
    margin: 0px 10px 15px 10px;
	line-height:1.1em;}
	
#lpcontentright h2 a {
	line-height:1.1em;}	

#lpcontentright p  {
	margin: 5px 5px 10px 10px;
line-height: 1.2em}

#lpcontentright h2  {
	margin: 5px 5px 10px 10px;}

#lpcontentright p span {
	margin: 5px 10px 5px 15px;
	padding-top:5px;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;}
	
#lpcontentright h1 {
    margin: 5px 10px 15px 10px;
	padding-top:10px;
	font-size: 20px;
	color: #303030;
	font-family: Arial, Helvetica, sans-serif; }
	
#lpcontentright h3 a {
    margin: -10px 10px 5px 10px;
	padding:3px;
	font-size: 15px;
	color: #ffffff;
	background: #c5c5c5;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center; 
	font-weight: bold;
	width: 400px;
	text-decoration: none;}

#lpcontentright h3 a:hover {
	color: #ffffff;
	text-decoration: underline;}
	

#lpcontentleft{
	position: absolute;
       width: 324px; 
	height: 293px;}

#lpcopyscape {
    margin: auto ;
	width: 968px; 
	height: 30px;
	background: #ffffff;
	position: relative;
	clear: both; 
margin-top: 20px;}
	
#listcontainer {
	FONT-SIZE: 90%; 
	COLOR: #989288; 
	margin: 0 auto;
    	width:787px; 
	text-align: left;
 }
	
#listcontainer a {
    color: #6B2848;
text-decoration:underline;}

#listcontainer a:hover  {
    color: #6B2848;
	text-decoration:underline;}

#listcontainer h5 {
	margin: 5px 5px 10px 10px;
	color: #303030;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:1em;
	width : 95%;
text-align: center;
font-weight: normal;}
	
#listcontainer p {
	margin: 5px 5px 10px 10px;
	color: #303030;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:1.3em;
	width : 95%;}	
		
.listproductitem {
	BORDER-RIGHT: #d7d8d8 1px solid; 
	BORDER-TOP: #d7d8d8 1px solid; 
	FLOAT: left; 
	MARGIN-BOTTOM: 10px; 
	BORDER-LEFT: #d7d8d8 1px solid; 
	WIDTH: 260px; 
	BORDER-BOTTOM: #d7d8d8 1px solid }
		
.listmid {
	CLEAR: right }
	
.listleft {
	MARGIN-RIGHT: 0px}

.listright {
	MARGIN-LEFT:0px}

.listproductimage {
	FLOAT: left }
	
.listproductdescription { 
	FLOAT: left; 
	background: #ECECEC; 
	width: 260px;
	height: 190px;}

/*----------------------------------end of added 06/02/2009------------------------------------*/
/*-------------------------------toadd_20090316.css------------------------*/
.component_stockdetail			{ min-width:565px; width:765px; float:left; }
#component_stockdetail_maindetail		{ width:526px; }
#component_stockdetail_tabbedinfo_ajax	{ width:520px; }
#component_stockdetail_alsobought		{ width:526px; }
#stockdetailtrail                	    	{ width:480px; }
#baskettrail                		{ width:520px; }

#menu_ajax li a				{ color:#e4fbc7; }
.tab a span 					{ font-weight: normal; }
#shopping_cart				{ text-align:left; color:#999999; margin-left:5px; margin-top:10px; }
#shopping_cart a				{ text-align:left; color:#000000; }

img.primaryimage 				{ border:0px solid #CCCCCC; }

td { text-align:left; }

.menuCell4Level1, .menuCell3Level1, .menuCell2Level1, .menuCell1Level1 { border-bottom:0 solid #999999; }

.boxtop { padding-top: 0px; vertical-align: middle; }
/*-------------------------------toadd_20090316.css------------------------*/
/*-------------------------------toadd_20091118.css------------------------*/
/* to turn image magnify on, remove the 2 styles below  */
#zoom1-big { display:none; }
.MagicZoomPup { display:none; }  
/*-------------------------------toadd_20091118.css------------------------*/
/*-------------------------------toadd_20091118.css------------------------*/
/* to turn image magnify on, remove the 2 styles below  */
#zoom1-big { display:none; }
.MagicZoomPup { display:none; }  
/*-------------------------------toadd_20091118.css------------------------*/
/*-------------------------------toadd_20091118.css------------------------*/
/* to turn image magnify on, remove the 2 styles below  */
#zoom1-big { display:none; }
.MagicZoomPup { display:none; }  
/*-------------------------------toadd_20091118.css------------------------*/

#categoryscrollbox {  border: 0px solid #c5c5c5;
		padding: 5px; overflow: auto;
		width: 162px;
		margin-left: 0px;
		height: 180px;
		background-color: #ffffff;
		color: #000000;
}
#categoryscrollbox h1 {
		font-size: 14px;
}
#categoryscrollbox h2 {
		font-size: 12px;
}

