/*============================ EDIT BELOW BUT DO NOT DELETE  =========================*/
body {font-family: Arial, Verdana, "MS Sans Serif", sans-serif; color: #000000; margin-top: 0px; background: url(../images/bg.jpg) 0 0 repeat-x #fff;}
#logo {height: 60px; width: 483px; float: left; margin: 10px 0px 0px 6px; z-index: 20; top: 0px; }
#logo h1 {display:block; height: 60px; width: 483px; text-indent:-9009px; margin: 0px 0px 0px 0px; background: url('../images/logo.png') no-repeat;}
#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 {height:24px; width:111px;background-color:#ffffff; background-image:url(images/add-to-basket-mini.gif); background-repeat:no-repeat;border:0px 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 =========================*/

/*============================ 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;}


#body_wrap { display:block; position:relative; width:975px; height:auto; margin-left:auto; margin-right:auto; text-align:center; background: none;}
#body_hdr  { display:block; width:975px; height:80px; margin-left:auto; margin-right:auto; border:0px;background: none; }
#top_black  { display:block; width:975px; height:80px; margin-left:auto; margin-right:auto; border:0px;background: #000; }
#body_nav  { width:975px; height:25px; margin-left:auto; margin-right:auto; border:0px;background-color:#000; }
#body_footer { display:block; clear:both; width:975px; margin-left:auto; margin-right:auto; border:0px; background: #fff;}
#body_left_margin { float:left;background: #fff; margin: 0px; padding: 0px;}
#body_central { float:left; background: #fff; margin: 0px; padding: 0px;}
#global-nav { text-align:right; padding: 3px 5px 1px 0px; margin:0pt; width: 480px; float: right;}
#global-nav a{padding:6px 13px 3px 13px;color:#000; text-decoration:none; font-size: 0.8em;}
#global-nav a:hover{color:#666}

#global-nav input {border:1px solid #666; font-size:0.9em;color: #999;padding:0px 0px 1px 2px;margin-bottom:1px;text-transform:uppercase;margin-top: 2px;}
#global-nav button { width:24px; height:19px; 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;}

#header {
	height: 75px;width: 100%;text-decoration:none;}

#space {
	height: 3px;width: 970px;text-decoration:none;}

.formatted_text {font-size:12px;color:#000000;line-height:1.5em;text-align:left;}
h1 {margin-top: 0px;margin-bottom: 0px;}
.pagetitle { font-size: 14px;font-weight: bold;color: #000; margin-top: 18px;background-color: transparent; text-transform:none; padding-bottom: 2px;}

.stockthumbFormat2 {  float:left; position:relative;font-weight: normal;color: #000000; padding:10px 10px 0px 10px; text-align:center; }
.grouptextnew {  font-size:8pt;display:block; line-height: 1.5em;color: #000000;background-color: transparent;text-decoration: none;}
.stockthumbprice {font-size: 12px;color: #000;background-color: transparent;text-decoration: none;font-weight: bold;}
.stockthumbpriceareaFormat2 {color: #000;font-size:8pt;font-weight: bold;}

.stockthumbFormat1           { float: left; position: relative; border-color:#fff; border-style:dotted; border-width:1px 0px 0px 0px; padding-bottom: 5px; }
.stockthumbrowdivider {border: none;}
.pagenavtop {color: #000; display: none;}

/*============================ FOOTER STYLES =========================*/
#footer-container {display:block;height:50px;margin:3px;margin-top: 2px;margin-bottom: 2px;background: #fff; border-top: 1px solid #666; font-size: 0.7em;font-family: Arial, Verdana, "MS Sans Serif", sans-serif;}

.divfooter {float:left;margin:0pt;padding:0pt;text-align:left;width:10%; margin-top: 5px;margin-bottom: 5px;}
.divfooter ul {color:#000000;display:block;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0pt 0pt 0pt 0em;padding:0pt;}
.divfooter ul li {background-repeat:no-repeat;margin-top:0.2em;}
.divfooter ul li a {color: #000000;}
.divfooter ul li a:hover {color: #666;}
.divfooter-right {float:right;margin:0pt;padding:0pt;text-align:right;width:40%; font-size: 10px; margin-top: 5px; color: #999; font: arial;}
.footer {text-decoration: none;}
.footer:hover {text-decoration: none;color: #333333;background-color: transparent;}
#footer {color:#999;float:left;width:100%;height: 40px; font-size: 0.8em;}
#footer a {color: #999;}
#footer a:hover {color: #999;}

#pagetimestamp { float:right;font-size:9px;color:#ccc;margin-top:20px; }

#header-bar {
background:#000 none repeat scroll 0 0;
height:24px;
padding:0;
}

.topmenuitem {
color:#FFFFFF;
}

.topmenuitem a {
color:#FFFFFF;
float:left;
font-weight:bold;
height:18px;
padding:3px 12px;
}

.topmenuitem a:hover {
background:#cccccc none repeat scroll 0 0;
color:#FFFFFF;
float:left;
font-weight:bold;
height:18px;
padding:3px 12px;
}


#basket {
	float:right;
	width:auto;
	margin: 14px 0px 0px 0px;
	color: #000000;
	text-align: right;
	text-decoration:none;
text-transform:uppercase;
font-size: 0.9em;
}

#boxtop {
	margin: 0px;
	padding-top:6px;}

.boxtop p {
color:#666;
font-size:17px;
font-weight:bold;
margin: 10px 5px 2px 5px;
border-top: 1px #666 solid;
border-bottom: 1px #666 solid;
padding: 10px 5px 10px 5px;
}
	
a {
background-color:transparent;
color:#666666;
line-height:150%;
text-decoration:none;
	}
/*============================ LOCAL TEXT STYLES =========================*/

.btn btnaddressaddupd { margin-right:30px; }
#leftmargin080	{padding-top:30px;}
.footer-left {float:left;}
.footer-right {float:right;text-align:right;}
.divfooter h2 { color:white; font-size:11px; margin:0; padding:1em 0 0.5em 1.3em; text-transform:uppercase; }
.divfooter ul li { background-repeat:no-repeat; margin-top:0.2em; list-style-image:none; }

/*======== Magnify Image Absolute Position =============*/
#zoom1-big { top:183px; left:444px; }

#bannercontainer {width:775px; height: 300px; margin-top: 10px;}

#lpcontainer {
    margin: 0 auto;
    width:975px;
	height: 752px;
    background: #000;
    padding: 0;
    text-align: left;}
	
#lpcontentleft{
	position: absolute;
    width: 749px; 
	height: 752px;}

	
#lpcontentright {
    margin: 0 0px 0 750px;
	width: 220px; 
	height: 566px;
	position: absolute;}

	
#lpcontentright-james{
	position: relative;
    width: 220px; 
	height: 250px;}

	
#lpcontentright-lithium{
	position: relative;
    width: 220px; 
	height: 250px;
	margin-top: 1px;
_margin-top: -2px;}

#lpcontentright-outlet{
	position: relative;
    width: 220px; 
	height: 250px;
	margin-top: 1px;
	_margin-top: -2px;}

#menu_ajax ul { margin-top:0px; margin-bottom:0px; margin-left:0px;  border-top:0px none; border-bottom:0px none; padding-top:3px; padding-bottom:3px; padding-left:8px; list-style:none; text-indent:0px; }
#menu_ajax li a { border-top:0px none; border-bottom:0px none; text-align:left; padding-top:0px; padding:bottom:0px; line-height:15px; height:15px; text-decoration:none; }
.menuactive   { text-decoration:underline; }
.menuparent   { text-align:left;background:none; background-position: 0px 0px; padding-left:10px;  }
.menuleaf     { padding-left:10px; }
.menulevel0   { font-size:12px; padding-bottom:5px; }
.menulevel1   { padding-left:10px; font-size:12px;}



#categorycontainer {
    margin: 0 auto;
    width:975px;
	height: 501px;
    background: #000;
    padding: 0;
    text-align: left;}
	
#categoryleft{
	position: absolute;
    width: 749px; 
	height: 501px;}

	
#categoryright {
    margin: 0 0px 0 750px;
	width: 225px; 
	height: 501px;
	position: absolute;}

	
#lpcontentright-james{
	position: relative;
    width: 225px; 
	height: 250px;}

	
#lpcontentright-lithium{
	position: relative;
    width: 225px; 
	height: 250px;
	margin-top: 1px;
_margin-top: -2px;}

#lpcontentright-outlet{
	position: relative;
    width: 225px; 
	height: 250px;
	margin-top: 1px;
	_margin-top: -2px;}

#categoryright-search{
	position: relative;
    width: 224px; 
	height: 250px;
background: url(../images/bg.jpg) 0 0 repeat-x #fff;
_margin-top: 0px;
margin-top: -14px;
border-right: 1px solid #000;}
	
#categoryright-search h3{
	color: #000;
	font-size: 14px;
line-height: 1.2em;
	padding: 10px 0 0 10px;
_margin-top: 10px;}

#categoryright-search .btn { width:29px; 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; float: right; margin-right: 10px;}

#categorycontainer2 {
    margin: 0 auto;
    width:749px;
	height: 501px;
    background: #000;
    padding: 0;
    text-align: left;}
/*-------------------------------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_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_20090316.css------------------------*/
.component_stockdetail			{ min-width:765px; width:765px; float:left;}
#component_stockdetail_maindetail		{ width:486px; }
#component_stockdetail_tabbedinfo_ajax	{ width:480px; }
#component_stockdetail_alsobought		{ width:486px; }
#stockdetailtrail                	    	{ width:440px; }
#baskettrail                		{ width:580px; }

#meXXXXnu_ajax li a				{ color:#e4fbc7; }
.tab a span 					{ font-weight: normal; }
#shopXXXXping_cart				{ text-align:left; color:#e4fbc7; margin-left:5px; margin-top:10px; }
#shopXXXXping_cart a				{ text-align:left; color:#e4fbc7; }

img.primaryimage 				{ border:0px solid #CCCCCC; }

.menXXXXuLevel0 { line-height:150%;padding-top:0px; padding-bottom:0px; }
.menXXXXuCell4Level1, .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; color:#666;  }

#registerexistingcustomers { margin-bottom:25px; }

.grouptextnew { line-height: 1.3em; font-weight: bold; }
.stockthumbpriceFormat2 { font-weight: bold; }
/*-------------------------------toadd_20090316.css------------------------*/

#zoXXXom1-big { position:absolute; top:265px; left:45%; }
#zoom1-big { position:absolute; top:168px; left:38.9%; }

#qm0 {padding-left:20px;}

#stockcontainergrouppro-hairdressing { display:none; } 
#stockcontainergrouphome-pet { display:none; } 
#stockcontainergrouppro-animal { display:none; } 
#stockcontainergrouppersonal-care { display:none; } 
#stockcontainergroupjames-martin { display:none; } 
#stockcontainergroupkitchen-appliances { display:none; } 
#stockcontainergroupoutlet { display:none; } 
#stockcontainergroupoXXXutlet-clearance { display:none; } 
#stockcontainergroupoXXXutlet-refurbished { display:none; } 
#stockcontainergroupspares-accessories { display:none; } 

.component_stockdetail { margin-left:100px; }

#noarticlespro-animal { display:none; }
#noarticleshome-pet { display:none; }
#noarticlespro-hairdressing { display:none; }
#noarticlesspares-accessories { display:none; }


#pagenavbottompro-animal { display:none; }
#pagenavbottomhome-pet { display:none; }
#pagenavbottompro-hairdressing { display:none; }
#pagenavbottomspares-accessories { display:none; }



#registernewcustomers, #registerexistingcustomers { width:100%; }
#registration,#registrationvalidation,#myaccount,#myaccountvalidation,#adddeliveryaddress,#adddeliveryaddressvalidation,#deliveryaddresslist,#checkoutconfirm, #checkoutconfirmnotes, #paycontainer {  margin-left: 170px; width:650px;  }

.button { padding-left:0px; }
#registerbacktop { display:none}
#registerbackbottom { margin-top:30px; }
.pagetitle img { display:none; }
.iilregcol1 { display:none; }
.formnotes { color:#666666; padding-left:25px; padding-top:5px; }
#registersubmit { position:relative; left:-40px; }


/*-------------------------------toadd_20091118.css------------------------*/
/* to turn image magnify on, remove the 2 styles below  */
#zoom1-big { display:none; }
.MagicZoomPup { display:none; }  
/*-------------------------------toadd_20091118.css------------------------*/
.basket form .checkoutcontainer{height:100px;overflow:hidden}
