/* -------------- Main layout ---------------- */
html {font: 11px Arial, Helvetica, sans-serif;}
body{
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
width: 985px;
margin:auto; 

}
#shadow {
	position:absolute;
	width: 990px;
	margin-left: -20px;
	z-index: 0;
	padding-left:20px;
	background-repeat: repeat-y;
	background-image: url(images/shadow2.gif);
}
.main-area {
	width: 985px;
	height: 80px;
	position: relative;	
	background-image: url(images/top.jpg);
	background-repeat: no-repeat;
	margin:0px;	
}
#topnavbar img{vertical-align:middle;}
#topnavbar {
	background-image:url(images/links.gif);
	background-repeat:no-repeat;
	font-size: 11px;
	font-weight: bold;
	height:21px;
	color: #333333;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	padding-top:7px;
	margin-left: 210px;
	width:770px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#topnavbar a:link{	color: #333;	font-size: 11px; font-weight: bold; text-decoration:none;}
#topnavbar a:hover{	color: #333;	font-size: 11px; font-weight: bold; text-decoration:none;}
#topnavbar a:visited{	color: #333;	font-size: 11px; font-weight: bold; text-decoration:none;}
#leftnav h1 a:link{color:#25255B;}
#leftnav h1 a:hover{color:#25255B;}
#leftnav h1 a:visited{color:#25255B;}
#leftnav h1 {
	color:#25255B;
	font-size:14px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin: 0px;
}
#leftnav {
    width: 200px;
	margin: 10px 0px 0px 5px;
	padding: 0px;
	float: left;
	background-image:url(images/bg.png);
	}
#leftnav form a:link{font-weight:bold; color:#050269;}
#leftnav form a:hover{font-weight:bold; color:#050269;}
#leftnav form a:visited{font-weight:bold; color:#050269;}
#leftnav form {font-weight:bold; color:#050269;}
#leftnav p a:link{font-weight:bold; color:#050269;}
#leftnav p a:hover{font-weight:bold; color:#050269;}
#leftnav p a:visited{font-weight:bold; color:#050269;}
#leftnav p{
font-weight:bold;
 color:#050269;
	padding-bottom: 2px;
	padding-left: 8px;
	padding-top: 0px;
    padding-right: 6px;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
}
#main {
	left: 0px;	width:985px;
position: relative;
	margin-top: 0px;
	height:85%;
}
#mainright {
	width: 770px;
	float:right;
	position:relative;
	margin: 0px;
	padding: 0px;
	padding-bottom:10px;
}
#footer {
	margin:0px;
	text-align: center;
	color: #333;
	font-size: 9px;
	clear: both;
	width: 978px;
	background-image:url(images/footer.gif);
	padding: 4px;
}
#footer p{	font-size: 9px;	color: #333;}
#footer a:link{	color: #333;}
#footer a:hover{color: #333;	text-decoration: underline;}
#footer a:visited{	color: #333;}
/**********Headers****************/
H1 { color:#25255B; font-size:18px;}
H1 a:link{ color:#25255B; font-size:18px; text-decoration:none;}
H1 a:hover{ color:#25255B; font-size:18px; text-decoration:none;}
H1 a:visited{ color:#25255B; font-size:18px; text-decoration:none;}
/************* form style **************/
FORM { padding: 0px;
		margin: 3px;
		text-align:left}
.textfield{ font-size: 10px; text-decoration: none; background-color: #EFEFEF; margin-top: 0px; padding-top: 0px;}
/************* end of form style **************/

/************** Homepage Styles **************/
.home_ad {
	float:left;
	width:382px;
	margin-left:0px;
	margin-bottom:5px;
	margin-top:5px;	
	text-align:center;	
}
.home_ad-right {
	float:right;
	width:382px;
	margin-left:0px;
	margin-bottom:5px;
	margin-top:5px;	
	text-align:center;	
}
.wide_ad {
	width:770px;
	clear:both;	
margin-left:0px;
	margin-bottom:5px;
	margin-top:5px;	
	text-align:center;	
}
.admin_edit  a:link{font-weight:bold;color: #333333;}
.admin_edit  a:hover{font-weight:bold;color: #333333;}
.admin_edit  a:visited{font-weight:bold;color: #333333;}
.admin_edit {
	width:382px;
	margin-left:0px;
	margin-bottom:5px;
	float:left;
	height: 10px;
	text-align:right;
	margin-top:1px;
	font-weight:bold;color: #333333;
}
.wide_edit a:link{font-weight:bold;color: #333333;}
.wide_edit  a:hover{font-weight:bold;color: #333333;}
.wide_edit  a:visited{font-weight:bold;color: #333333;}
.wide_edit {
	width:770px;
	margin-left:0px;
	margin-bottom:5px;
	float:left;
	height: 10px;
	text-align:right;
	margin-top:1px;
	font-weight:bold;color: #333333;
}
/************** end of Homepage Styles **************/
/************** allpage Styles **************/
.bpic {text-align:center; height: 100px;}
.bargain_box {
margin-left:2px;
margin-top:10px;
margin-bottom:10px;
}
.bargain_text {
font-size:11px;
color:#666666;
font-weight:bold;
}
.bargain_desc a:link{
color: #333333;font-weight:bold;font-size:14px;}
.bargain_desc a:hover{
color: #333333;font-weight:bold;font-size:14px;}
.bargain_desc a:visited{
color: #333333;font-weight:bold;font-size:14px;}
.bargain_desc {
font-size:14px;
	color: #333333;
	font-weight:bold;
}
.new {font-weight:bold;
color:#990000;
font-size:14px;
	border: 1px solid #990000;
	padding:3px;
	width:80px;
	text-align:center;}	
.warning {
	border: 2px solid #BF0000;
	font-weight: normal;
	color: #333333;
	background-color: #F5EFF3;
	padding: 4px;
	font-size: 11px;
}
.basket_title{
	background-color: #3A3A63;
	font-weight: bold;
	padding: 2px;
	color: #FFFFFF;
}
.basket_row a:link {color: #666666;}
.basket_row a:hover {color: #666666;}
.basket_row a:visited {color: #666666;}
.basket_row {border: 1px dotted #D0D9DD;padding: 4px;}
.basket_row2 {padding: 4px;background-color: #E9EDEF;}
.price {margin-left: 0px;  color: #A61700;	font-size: 12px; font-weight: bold; padding-top: 0px;}
/************** end of allpage Styles **************/
/* other bits*/
.floatright{
	float: right;
	margin-right: 4px;
	margin-top:-20px;
}
.tc {font-family: Arial, Helvetica, sans-serif;	font-size: 11px;}
HR {border: 1px dashed #C3C3C3; margin: 0px;} 	
UL {padding-right: 5px; padding-bottom:0px; margin: 10px 0px 0px 5px;list-style: square inside;}
a:link {text-decoration:none;}
a:hover {text-decoration:none;}
a:visited {text-decoration:none;}
/* Left Menu Advert Boxes */
.nav_ads {
margin-top:5px;
margin-bottom:5px;
margin-left:5px;
float:left;
clear:left;
}
.nav_left_link {
font-size:15px;
text-align:left;
text-decoration:underline;
font-weight: bold;
}

/************** EVIL CSS NAV ****************************/
	.nav, .nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		width : 190px;
		z-index:40;
	}
	.you_are_here{clear:both;}	
	.nav li { /* all list items */
		width : 200px;
		z-index:40;
		/*used to fix large issue in ie when > at end of link*/
		float:left;
		position:static;}
	
	.nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		/*change margin-left to change child flyout position*/
		margin-left : 200px;
		/*change margin-top to valign child menus*/
		margin-top : -19px;
		z-index:45;
	}
.nav li ul ul { /* third-and-above-level lists */left: -999em;	}
.nav li ul ul ul { /* fourth-and-above-level lists */left: -999em;	}
/*style set here*/
	.nav li a {
		/* width specific for ie 5.5 w/idth then overrides for other browsers*/
		width : 200px;
		w\idth : 192px;
		display : block;
		font-weight : bold;
		text-decoration : none;
		text-indent:5px;
		z-index:40;
		padding:2px;
		margin-bottom:4px;
		margin-left:4px;
		background-color:#25255B;		
		position:static;
		color:#FFFFFF;
		}
		.nav li a:hover {		
		background-color : #7EADDB;
		z-index:40;
		text-indent:5px;
		text-decoration: none;		
		margin-bottom:4px;
		margin-left:4px;
		padding: 2px;		
	}
/*style ends here*/
	.nav li:hover ul ul, 
	.nav li:hover ul ul ul,
	.nav li:hover ul ul ul ul, 
	.nav li.sfhover ul ul, 
	.nav li.sfhover ul ul ul, 
	.nav li.sfhover ul ul ul ul {
		left: -999em;
		z-index:45;
	}
	.nav li:hover ul, 
	.nav li li:hover ul, 
	.nav li li li:hover ul,
	.nav li li li li:hover ul, 
	.nav li.sfhover ul, 
	.nav li li.sfhover ul, 
	.nav li li li.sfhover ul, 
	.nav li li li li.sfhover ul 
	{ 
		/* lists nested under hovered list items */
		left: auto;
		/*z-index:45;*/
	}
	*:first-child+html .nav { 
	height: 1%; 
	} 
	*:first-child+html .nav li { 
	height: 1%; 
	} 
	*+html .nav li:hover ul { 
		left : 0px; /* IE7 fix */ 
	}
	/*fix for new nav, means that h1 tag sits below the nav which is floating in order to display correctly in firefox*/
	h1	{clear:both;}
	/*css hack for ie7*/
	/*styles for hiding the menus*/
	*+html .nav li:hover ul ul, *+html .nav li:hover ul ul ul, *+html .nav li:hover ul ul ul ul
	{left: -999em;}
	/*css hack for ie7*/
	/*styles for showing the menus*/
	*+html .nav li:hover ul, *+html .nav li li:hover ul, *+html .nav li li li:hover ul,	*+html .nav li li li li:hover ul 
	{left : 0px; /* IE7 fix */ 	}
	.nav_right
	{
		position:static;
		w\idth: 185px;
		text-align:right;
		display:block;
		margin-top:-14px;
	}
	.nav li { padding-bottom: 3px;background-color:transparent;}

/************** end of css nav **************/

/****Hover stuff*****/
.text_description  a {
	display:block;
	text-decoration: none;
	z-index: 10;
	position:relative;
	margin:auto;
	background-image:url(images/delivery.jpg);
}
.text_description  a span { display:none;}

.text_description  a:hover span {
position: absolute;
display: block;
width: 130px;
left: 0px;
top: 50px;
padding: 5px;
border: 1px solid #000000;
background: #FFFED4;
text-decoration: none;
filter: alpha(opacity=90);
opacity: 0.9;
-moz-opacity: 0.9; 
font: normal 11px auto Verdana, Arial, Helvetica, sans-serif;
color: #000;
z-index: 10;
font-size:11px;
}
.text_description a.tick {

	width:130px;
	height:112px;
	margin:auto;
	text-decoration: none;
}
/************end of hover*************/
.banner{position: absolute; top: 5px; right: 5px;}