/*============================ EDIT BELOW BUT DO NOT DELETE  =========================*/
body {font-family: Arial, Verdana, "MS Sans Serif", sans-serif; color: #000000; margin-top: 0px; background: #2e4e60; background-image:url(../images/bodybg.jpg); background-repeat:repeat-x;}
#logo {height: 120px; width: 193px; float: left; margin: 0px 0px 0px 0px; z-index: 20; top: 0px; }
#logo h1 {display:block; height: 120px; width: 193px; text-indent:-9009px; margin: 0px 0px 0px 0px; background: url('../images/logo.gif') no-repeat; background-position:top left;}
#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 =========================*/

#header {
	height: 120px;
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat;
	width: 100%;
	text-decoration:none;
}

#scrollbox {  border: 1px solid #c5c5c5;
		padding: 5px; overflow: auto;
		width: 185px;
		height: 75px;
                margin-left:10px;
                margin-bottom:10px;
		background-color: #93aebd;
		color: #000000;
}

#stock-container { 
padding-left: 15px;
}

#global-nav {background:none; text-align:right; margin-right:0px;}
#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 #CCCCCC; font-size:12px; 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:#660000; text-decoration:none; }
#global-nav a:hover{color:#000000;}


#header-bar {
	height: 40px;
	padding-top: 0px;
	background-image:url(../images/sales.jpg);
	background-repeat:no-repeat;
	background-color: #96b9cd;
	vertical-align:bottom;
	color:#FFFFFF;
}
 
.topmenuitem {
background:#2e4e60 none repeat scroll 0% 50%;
float:left;
height:25px;
padding:0px 10px;
vertical-align:bottom;
color:#ffffff;
}

.topmenuitem a:hover {
background:#ffffff none repeat scroll 0% 50%;
float:left;
height:25px;
vertical-align:bottom;
color:#000000;

}

#topmenuitemselected {
float:left;
height:25px;
background:#000000;

}

#basket {
	float:right;
	width:auto;
	margin-right:0px;
	color: #212121;
	text-align: right;
	text-decoration:none;
}

#boxtop {
	
	}

.boxtop p {
color:#660000;
font-size:17px;
font-weight:bold;
margin-bottom:2px;
margin-top:6px;
}
	
a {
background-color:transparent;
color:#666666;
line-height:150%;
text-decoration:none;
	}
	
form#newsform input#nls {border:1px solid #cccccc;color:#999999; height:16px;font-size:12px;margin:0pt 0px 0pt 0px;padding:0pt 4px;width:120px;}


/*--------------------------------added_03032009-------------------------*/
.lp {width: 250px; background-color:#96b9cd; border:1px solid #000000; padding:2px; color:#000000; margin: 0px; font-weight: bold; font-size: 12px;}
.lp a {background-color:#96b9cd; color:#000000; font-size: 12px; font-weight: bold; }

#imageandlink {
border:medium none;
margin:0;
padding:0;
width:285px;
}
/*-------------------------------toadd_20091118.css------------------------*/

/*============================ 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: #ccc;}	

/* 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:#333333;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:1px dashed #e0e8ef;}
.menuCell2Level2 {padding: 3px 0px 3px 0px;}

.selectedCell1, .selectedCell {background: #cccccc;}

/*============================ LOCAL TEXT STYLES =========================*/

#footer-container {
background:#2e4e60 none repeat scroll 0 0;
display:block;
height:150px;
margin:0px 0px 0px;
}
.divfooter {float:left;margin:0pt;padding:0pt;text-align:left;width:24.9%;}
.divfooter h2 {font-size: 11px;color: #999999;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: #999;}
.divfooter ul li a:hover {color: #eee;}
.footer {text-decoration: none;}
.footer:hover {text-decoration: none;color: #333333;background-color: transparent;}
#footer {color:#999999; background-color:#2e4e60; float:left;width:100%;height: 40px;}
#footer a {color: #666;}
#footer a:hover {text-decoration:underline; color:#ffffff;}

/* ===== will need to be put in frmaework.css for this to work in IE ====*/
	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.gif); 
					background-repeat:no-repeat; 
					background-position:top left; 
					width:205px; 
					height:104px; 
					padding-top:10px; 
					padding-left:5px;
					}
/*-------------------------------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;
}


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;
}

/*-------------------------------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----------------------*/
/*-------------------------------toadd_20090316.css------------------------*/
.component_stockdetail			{ min-width:565px; width:565px; float:left; }
#component_stockdetail_maindetail		{ width:326px; }
#component_stockdetail_tabbedinfo_ajax	{ width:320px; }
#component_stockdetail_alsobought		{ width:326px; }
#stockdetailtrail                	    	{ width:280px; }
#baskettrail                		{ width:320px; }

#menu_ajax li a				{ color:black; font-size:12px; }
.tab a span 					{ font-weight: normal; }
#shopping_cart				{ text-align:left; color:#e4fbc7; margin-left:5px; margin-top:10px; }
#shopping_cart a				{ text-align:left; color:#e4fbc7; }

img.primaryimage 				{ border:0px solid #CCCCCC; }

.menuLevel0 { line-height:150%;padding-top:0px; padding-bottom:0px; }
.menuCell4Level1, .menuCell3Level1, .menuCell2Level1, .menuCell1Level1 { border-bottom:0 solid #999999; }

.boxtop { vertical-align: top; }

.button { background-color: transparent; border: 0px none; padding-left:9px; padding-right:9px; }

#registerexistingcustomers { margin-bottom:25px; }

.grouptextnew { line-height: 1.3em; font-weight: bold; }
.stockthumbpriceFormat2 { font-weight: bold; }
/*-------------------------------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------------------------*/
.menuparent {background:none}
#contactus {
width:650px;
}