/*****======= REMEBER TO CHECK OTHER STYLE SHEET AND HTML CODE FOR IE 6 FIXES ========*****/


@charset "utf-8";
/* CSS Document */

/******* html *******/
html { 
	margin: 0; 
	padding: 0; 
	text-align : center;
	}


/******* body *******/
body { 
	margin: 0; 
	padding: 0; 
	font : 75%/160% Tahoma, Verdana, Arial, sans-serif; 
	background-color : #fff0b2; 
	text-align : center; 
	color: #000000;
}
	
.clear {clear:both;}


/* white bg
#container {
	width:100%;
	margin: 0;
	padding:0;
	background-color:#FFFFFF;
} */

/******* Links *******/
a{outline:none;}

a, a:link, a:active, a:visited{
	color: #000000;
	text-decoration:underline;
} 
a:hover{
	color: #a98700;
}
a.coloured, a.coloured:link, a.coloured:active, a.coloured:visited{
	color: #000000;
	text-decoration:underline;
} 
a.coloured:hover{
	color: #00388d;
}

/******* fonts *******/
.coloured_txt{color: #ffcc00;}
.coloured_txt2{color: #747474;font-size:110%;font-weight:bold;}
.sml_txt{font-size:90%;}


/******* nav - menu ******
#navcontainer{
	margin: 0px;
	padding: 0px;
	background-color:#fff0b2;
	float: right;
}

#navcontainer ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: left;
}

#navcontainer ul li { float: left; margin-top:0.5em;}

#navcontainer ul li a{
	float: left;
	width: 113px;
	height: 33px; 
	text-indent:-99999px;
	padding-right:0.1em; 
	padding-left:0.1em;
}


#navcontainer li.home{background: url(_img/nav_home.gif) no-repeat;}
#navcontainer li.home a:hover{background: url(_img/nav_home_over.gif) no-repeat;}
#home #navcontainer li.home{background: url(_img/nav_home_over.gif) no-repeat;}

#navcontainer li.contact{background: url(_img/nav_contact.gif) no-repeat;}
#navcontainer li.contact a:hover{background: url(_img/nav_contact_over.gif) no-repeat;}
#contact #navcontainer li.contact{background: url(_img/nav_contact_over.gif) no-repeat;}

#navcontainer li.terms{background: url(_img/nav_terms.gif) no-repeat;}
#navcontainer li.terms a:hover{background: url(_img/nav_terms_over.gif) no-repeat;}
#terms #navcontainer li.terms{background: url(_img/nav_terms_over.gif) no-repeat;}

#navcontainer li.policies{background: url(_img/nav_policies.gif) no-repeat;}
#navcontainer li.policies a:hover{background: url(_img/nav_policies_over.gif) no-repeat;}
#policies #navcontainer li.policies{background: url(_img/nav_policies_over.gif) no-repeat;}*/

#navcontainer{
	background-color:#fff0b2;
	margin:0;
	padding:0;
	padding-top:0.5em;
	height:2em;
}
	
#navcontainer ul{
	float:right;
	text-align:right;
	margin:0;
	padding-right:5px;
	height:40px;
	}

#navlist{
	/*margin-top:-3.2em;*/
	margin-right:2em;
}
#navlist li{
	display: inline;
	list-style-type: none;
		
}
/******* logo - banner *******/
#branding{
	background:url(_img/logo_spacer.gif) repeat-x;
	width:100%;
	height:91px;
	top:3.2em;
}
#branding a{
	cursor:pointer;
	width:362px;
	height:91px;
}
h1.logo{
	margin: 0; 
	padding: 0; 
	width:658px;
	height:91px;
	background:url(_img/logo.gif);
	background-repeat: no-repeat;
	text-indent:-99999px;
	
}
/*h2.slogan{
	margin: 0; 
	padding: 0; 
	width:243px;
	height:91px;
	background:url(_img/slogan.gif) no-repeat;
	text-indent:-99999px;
	position:relative;
	top:-5.1em;
	left:40%;
}*/

/******* filter search *******/
#search_by{
	width:730px;
	font-size:90%;
	background-color:#FFCC33;
	padding:0.4em;
	padding-left:1em
}

/******* main search *******/
#search_box{
	background:url(_img/search_bg.gif) no-repeat;
	position:absolute;
	right:1em;
	top:1em;
	float:right;
	z-index:250000;
	width:256px;
	height:55px;
	}
	
#search_box p{
	text-indent:-99999px;
	display:block;
	cursor:pointer;
	width:256px;
	height:55px;
	margin-top:-1em;
	}

#search_box input{
	position:relative;
	top:1.2em;
	left:1.3em
	}


/******* welcome text / login *******/	
#login{
	float:left;
	text-align:left; 
	padding-left:1em;
	padding-bottom:0.5em;
	margin-top:-1.1em;
	height:40px;}


/******* basket *******/
#basket{
	background:url(_img/basket_bg.gif) no-repeat;
	width:199px;
	height:40px;
	}
	
#basket p{	
	margin: -0.4em; 
	padding: 0;
	text-align:left;
	position:relative; 
	left:4.5em;
	top:0.3em;
	font-size:90%;
	}


/* left menu basket title */
h3.checkout_title{
	background:url(_img/title_checkout.gif) no-repeat;
	text-indent:-9999px;
	width:115px; 
	height:27px; 
	}

h3.basket{
	width:87px; 
	height:27px; 
	background:url(_img/title_basket.gif) no-repeat;
	text-indent:-9999px;
}


#basketsaving {
 	width: 600px;
 	height: 90px;
 	line-height: 80px;
 	background-color: #ff0000;
	color:#FFFFFF;
 	position:absolute;
 	left: 45%;
 	top: 50%;
 	margin-left: -300px;
 	text-align: center;
 	font-size: 24px;
 	font-weight: bolder;
	padding: 0.5em;
	z-index: 5;
	border-width: 4px;
	border-color: black;
	border-style: solid;
}

#basket_page{
	margin:0; 
	padding:0;
	text-align:left; 
	width:786px; /* needs to be set otherwise IE resizes the boxes */
	}

#basket_page table{
	margin:0; 
	padding:0;
	}

#basket_page #orderline td.number
{
	text-align:right;
}

#basket_page #orderlineoption td
{
	font-size:80%;
	padding-left:1em;
}

#basket_page #orderlineoption td.number
{
	padding-right:0.5em;
}

#basket_page input.quantity
{
	text-align:right;
}

.submit{
	background-color:#666;
	color: #fff;
	}
	
.submit_option2{
	background-color:#92c5eb;
	color: #000;
	}

/******* adverts - banners *******/
#adverts {
	/*position:absolute;*/
	top:12em;
	left:15%;
	text-align:left;
}

/******* product/category menu ******* - if the menu is unclikable edit the width in the html code for this div*/
#product_menu{
	text-align:left;
	padding:0;
	padding-left:1em; 
	margin:0;
	float:left;
	width:200px;
	position:relative;
	z-index:20;
}
#product_menu li{
	padding:0; 
	margin:0;
	list-style: none; 
}	
#product_menu a{
	padding:0; 
	margin:0;
}

.catmenupop{
	position:absolute;
	z-index:1;
	left:120px;
	/*top:80px;*/
	width:180px;
	background-color: #fff;
	layer-background-color: #000;
	border: 1px solid #ffcc00;
	padding: 3px 3px 3px 3px;
	/*filter:alpha(opacity=100);
	opacity: 0.100;*/
	display:none;
	color:#000;
}

.catmenupoplink{
	color:#000;
}

div.catmenulink
{
	width:180px;
	cursor:pointer;
}


/* Overlib */
.olbgclass {
	background-color: #000;
	filter:alpha(opacity=75);
	opacity: 0.75;
	-moz-opacity:0.75;
}

.oltextclass
{
	font: 100% Tahoma, Verdana, Arial, sans-serif;
	background-color: #fff0b2;
	text-align: left;
	color: #000000;
}

/******* brands *******/
#brand_logos{
	position:absolute;
	right:2em;
	top:17em;}

#accepted_payments{	
	background:url(_img/excepted_payment.gif) no-repeat;
	width:168px;
	height:36px;
	text-indent:-99999px;
	}
#postage_costs{	
	background:url(_img/delivery_costs.jpg) no-repeat;
	width:167px;
	height:88px;
	text-indent:-99999px;
	}

/******* bottom banner *******/
#footer{
	/*position: relative;
	bottom: -10%;*/
	width:100%;
	background-color:#fff0b2;
}

#company_reg_details{
	background-color:#000000;
	padding-top:1.1em;
	height:4em;
}
#company_reg_details p{
	margin-top:0.5em;
}	
#copyright_info{
	background-color:#fff0b2;
	margin-top:-1em;
}

/******* Check out page stuff ********/
#checkout_page{
	margin:0; 
	padding:0;
	text-align:left; 
	width:100%; /* needs to be set otherwise IE resizes the boxes */
	}
#delpaycontinaer{
	margin:0; 
	padding:0;
	text-align:left; 
	width:100%; /* needs to be set otherwise IE resizes the boxes */
	}	
#debited_info{
	border:dotted;
	width:60%;
	position:relative;
	left:-10em;}
	
.checkoutvoucher h4{margin-bottom:-0.8em;}


/******* Existing MCEE styles ********/

/* text styles */
.txt_price {
	color:#000;
	font-size:160%;
	font-weight:bolder;
	padding:0;
	margin:0;
}
.txt_old_price{	
	color:#000;
	font-size:130%;
	font-weight:bolder;
	padding:0;
	margin:0;
	text-decoration:line-through;
}
	
.txt_old_sale_price{	
	color:#FF0000;
	font-size:100%;
	font-weight:bolder;
	padding:0;
	margin:0;
	text-decoration:line-through;
}
	
.item_price{	
	color:#ad080e;
	font-size:250%;
	font-weight:bolder;
	padding:0;
	margin:0;
	text-align:right;
	}
	
.item_sale_orginal_price{	
	color:#ad080e;
	font-size:300%;
	font-weight:bolder;
	text-decoration:line-through;
	padding:0;
	margin:0;
	}

.item_price_sml{	
	color:#ad080e;
	font-size:160%;
	font-weight:bolder;
	padding:0;
	margin:0;
}
	
.item_sale_original_price_sml{	
	color:#ad080e;
	font-size:120%;
	font-weight:bolder;
	text-decoration:line-through;
	padding:0;
	margin:0;
}

.item_relevance{
	color:gray;
	padding-top:1em;
}



.txt_light_gry {
	color:#4d4d4f;
	font-size:98%;
	padding:0;
	margin:0;
}
.sml_txt_light_gry {
	color:#4d4d4f;
	font-size:80%;
	padding:0;
	margin:0;
}
.txt_coloured {
	color:#b80c0c;
	padding:0;
	margin:0;
}
.txt_title {
	color:#000;
	font-size:200%;
	padding-top:0.2em;
	padding-bottom:0.2em;
	margin:0;
}


/* login/logout */
#logincontainer{
	margin-top:-4em;}
	
#logincontainer table{ 
	text-align:left; 
}
#custlogincontainer{ 
	text-align:left; 
}
#resetpasscontainer{ 
	text-align:left; 
}

#contactcontainer{ 
	text-align:left; 
}

h3.login{
	margin:0; 
	padding:0;
	width:215px; 
	height:28px; 
	background:url(_img/title_login.gif) no-repeat;
	text-indent:-9999px; 
}
#reset_password{
	margin:0; 
	padding:0;
	width:210px; 
	height:28px; 
	background:url(_img/title_pass.gif) no-repeat;
	text-indent:-9999px; 
}
h3.new_cust{
	margin:0; 
	padding:0;
	width:182px; 
	height:28px; 
	background:url(_img/title_register.gif) no-repeat;
	text-indent:-9999px; 
}

h3.contact_title{	
	margin:0; 
	padding:0;
	margin-left:0em;
	width:126px; 
	height:32px; 
	background:url(_img/title_contact.gif) no-repeat;
	text-indent:-9999px;  }	
	
h3.terms{	
	margin:0; 
	padding:0;
	width:229px; 
	height:32px; 
	background:url(_img/title_terms.gif) no-repeat;
	text-indent:-9999px;
	margin-left:0; }	
	
h3.policies{	
	margin:0; 
	padding:0;
	width:90px; 
	height:32px; 
	background:url(_img/title_policies.gif) no-repeat;
	text-indent:-9999px;
	margin-left:0; }	
	
h3.logout{
	margin:0; 
	padding:0;
	width:70px; 
	height:27px; 
	background:url(_img/title_logout.gif) no-repeat;
	text-indent:-9999px;  
}

#login_box h3{
	position:relative;
	top:0.5em;
	}

#login_box form{
	padding-top:1em; 
	padding-bottom:1em; 
	}
	
#login_box .submit{
	background-color:#666;
	color: #fff;
	}
	
/* main content area */
#main_content{
	margin: -4.4em 20px 0 19em; /*the right margin can be given in percentages or pixels. It creates the space down the right side of the page. */
	}


#home h1.welcome{
	border:1px solid #ccc;
	background-color:#ffefb1;
	padding:5px 10px;
	width:580px;
	font-size:16px;
	}
/* area within main content */
#cat_products{
	top:-2em;
	text-align:left;
	width:650px;
	margin:0;
	padding:0;}


.add_icon {	
	margin:0; 
	padding:0;
	text-decoration:none;}

.catproductline:hover
{
	background-color: #fff0b2;
}

.catproductline a
{
	text-decoration: none;
	color: #000000;
}

.catproductline a:hover
{
	text-decoration: underline;
}

/*Featureed Item / Product*/
#item{
	text-align:left; 
	width:400px; /* needs to be set otherwise IE resizes the boxes */
	margin:0; 
	padding:0;

	}

#itemboxstyle{
	border-style: solid;
	border-width: 1px;
	border-color:#cccccc;
	padding:0.5em;
	margin:0.5em;
	margin-left:0em;
}
	
#item_description .description{
	background:url(_img/title_description.gif) no-repeat;
	width:107px;
	height:28px;
	text-indent:-9999px;}
	
#item_description .specification{
	background:url(_img/title_spec.gif) no-repeat;
	width:125px;
	height:28px;
	text-indent:-9999px;}
	
#item_description .standard_equip{
	background:url(_img/title_stan_equip.gif) no-repeat;
	width:182px;
	height:28px;
	text-indent:-9999px;}

#item_options{
	width:470px;
	}

#relatedcontainer #item_options{
	width:435px;}

#item_options tr.line:hover
{
	background-color:#e0e0f0;
}


.solid {
	border-style: solid;
	border-width:1px;
	padding:0.5em
}
/*#item_image{position:relative;left:46em;top:-5em;}*/

/*#item_info
{
	position:absolute;
}*/

/*#sendproductdetails
{
	padding-top:0.5em;
	padding-bottom:2em;
	position:relative;
	left:46em;
}*/
	
#item_other_info{
	padding-top:1em;

}

#emailitemboxinner
{
	margin:0em;
	margin-left:-9em;
	padding:1em;
	border-style: solid;
	border-width: 1px;
	border-color: #CCCCCC;
	width: 300px;
	background-color:#FFFFCC;
	position:relative;
	z-index:70000;
}

/*Also bought section*/
#also_bought{
	position:relative;
	margin:0; 
	padding:0;
	float:right; 
	text-align:left; 
	width:786px; /* needs to be set otherwise IE resizes the boxes */
	}

#also_bought table p{
	margin:0; 
	padding:0;}
	
#also_bought .txt_title{
	padding-bottom:0;}
	


/* Generic class used on any page to show very visual errors */

div.errorbox
{
	border-style:solid;
	border-width:2px;
	border-color:red;
	background:#ffb0b0;
	padding:1em;
	width:75%;
	text-align:center;
	margin:1px;
}

/* Refer a friend */
#refer_friend_page{
	position:relative;
	margin:0; 
	padding:0;
	float:right; 
	text-align:left; 
	width:786px; /* needs to be set otherwise IE resizes the boxes */
	}

#refer_friend_page h3{	
	width:146px; 
	height:27px; 
	background:url(_img/title_refer_friend.gif) no-repeat; }

#refer_friend_page table{
	margin:0; 
	padding:0;}

#refer_friend_page h3.cat_title{
	width:119px; 
	height:27px;  
}

#refer_friend_page h3.referrer_title{
	width:92px; 
	height:27px;
}

#refer_friend_page #orderline td.number
{
	text-align:right;
}

#refer_friend_page #orderlineoption td
{
	font-size:80%;
	padding-left:1em;
}

#refer_friend_page #orderlineoption td.number
{
	padding-right:0.5em;
}

#refer_friend_page div.breakout
{
	border-style:dashed; border-width:1px;border-color:#CCCCCC;padding:0.1em;
}

/* Related items */

.title_related_prods{	
	background:url(_img/title_related_prods.gif) no-repeat;
	width:283px;
	height:25px;
	text-indent:-9999px;
	margin:0; 
	padding:0;
}

.title_multibuy{	
	background:url(_img/title_multibuy.gif) no-repeat;
	width:283px;
	height:25px;
	text-indent:-9999px;
	margin:0; 
	padding:0;
}

#relatedcontainer{
	margin-top: 0px;
	text-align: left;
	width: 460px;
	border-width: thin;
	border-style: solid;
	padding: 1em;
}

#relatedcontainer .relatedgrouptitle{
	padding-top: 2px;
	padding-bottom: 2px;
	font-weight: bold;
	/*background-color: #fff0b2;*/
	background-image: url("_img/stripe_relatedgrouptitle.png");
	background-attachment: fixed;
	cursor: pointer;
	padding: 6px;
}

#relatedcontainer .relatedgroupcontents{
	/*padding-left: 1em;
	background-color: #fff0b2;*/
	background-image: url("_img/stripe_relateditem.png");
	background-attachment: fixed;
}

#relatedcontainer .relateditem{	/*background-color: #fff0b2;*/
	background-image: url("_img/stripe_relateditem.png");
	background-attachment: fixed;
	padding: 6px;
	margin-bottom:0.5em;
}

#relatedcontainer .relateditem .relateditemadd{
	display: inline;
	text-align: right;
	/*background: white;*/
	width: 100%;
	float:right;
	margin-top:-1.5em;
}

#alert
{
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	font-size:110%;
	font-weight:bold;
	margin-bottom:5px;
	margin:15px;
	padding:7px 7px 7px 30px;
	text-align:left;
}

.delivery-abroad
{
	background:#FFEAEC url('_img/ico/information-balloon.png') no-repeat scroll 8px 8px;
	border: 1px solid #E51931;
}