/* -------------- Main layout ---------------- */
body {
	color: #999;
	background:#eae0d4 url(images/bg.jpg) 50% 0 no-repeat; 
	font-weight:normal; 
	font-family:'Nilland', Arial; 
	font-size:14px;
	height: 100%; 
	margin: auto; 
	width:100%;		
}
	
#shadow {
	width: 985px;
	margin:0 auto;
}

#main-area {
	background:url(images/top.png) 0 10px no-repeat; 
	width:985px; 
	margin:0 auto; 
	height:210px;
	text-align: left;
	position: relative;
	z-index: 10;
}

#topnavbar img{vertical-align:middle;}
#topnavbar {
	background-repeat:no-repeat;
	font-size: 14px;
	font-weight: normal;
	height:21px;
	color: #999;
	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: #999;	font-size: 14px; font-weight: normal; text-decoration:none;}
#topnavbar a:hover{	color: #999;	font-size: 14px; font-weight: normal; text-decoration:none;}
#topnavbar a:visited{	color: #999;	font-size: 14px; font-weight: normal; text-decoration:none;}
#leftnav h1 a:link{color:#fff;}
#leftnav h1 a:hover{color:#fff;}
#leftnav h1 a:visited{color:#fff;}
#leftnav h1 {
	color:#fff;
	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-color:#333;
-moz-border-radius:5px;
	}
#leftnav form a:link{font-weight:normal; color:#ccc;}
#leftnav form a:hover{font-weight:normal; color:#ccc;}
#leftnav form a:visited{font-weight:normal; color:#ccc;}
#leftnav form {font-weight:normal; color:#ccc;}
#leftnav p a:link{font-weight:normal; color:#ccc;}
#leftnav p a:hover{font-weight:normal; color:#ccc;}
#leftnav p a:visited{font-weight:normal; color:#ccc;}
#leftnav p{
font-weight:normal;
 color:#ccc;
	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;
	background-color:#fff;
	float:left;
}

#mainright {
	width: 770px;
	float:right;
	position:relative;
	margin: 0px;
	padding: 0px;
	padding-bottom:10px;
}
#footer {
	clear:both;
	margin:0px;
	text-align: center;
	width: 985px;
	padding: 0px;
	margin:0 auto;
	background: url(images/footer.png) 100% 0 no-repeat;
}
#footer p{	font-size: 9px;	color: #FBF4E9;}
#footer a:link{	color: #FBF4E9;}
#footer a:hover{color: #FBF4E9;	text-decoration: underline;}
#footer a:visited{	color: #FBF4E9;}
/**********Headers****************/
H1 { color:#333; font-size:24px; padding:0; margin:0;}
H1 a:link{ color:#333; font-size:24px; text-decoration:none;}
H1 a:hover{ color:#333; font-size:24px; text-decoration:none;}
H1 a:visited{ color:#333; font-size:24px; text-decoration:none;}
H3 { color:#999; font-size:16px; padding:0; margin:0;}
H3 a:link{ color:#999; font-size:16px; text-decoration:none;}
H3 a:hover{ color:#999; font-size:16px; text-decoration:none;}
H3 a:visited{ color:#999; font-size:16px; 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:18px;
color:#333;
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: normal;
}

/************** 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 : normal;
		text-decoration : none;
		text-indent:5px;
		z-index:40;
		padding:2px;
		margin-bottom:4px;
		margin-left:4px;
		background-color:#666;		
		position:static;
		color:#FFFFFF;
		}
		.nav li a:hover {		
		background-color : #BF1E2D;
		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:#333;}

/************** 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: 30px; right: 0px;}

#menu ul{font-family: Arial; font-size:14px; margin:0 auto; padding:0; width:auto; height:44px; background-color:rgba(0,0,0,0.8); position:relative; top:20px; left:0;}

#menu ul li{
list-style-type:none; 
float:left; 
}

#menu ul li a:link, #menu ul li a:visited{
text-transform:uppercase; 
border-right:1px solid #666; 
display:block; 
height:40px; 
color:#FBF4E9; 
padding:4px 14px 0px;
margin-top:0px;
font-weight:bold;
text-decoration:none;
}

#menu ul li a:hover{
background-color:#BF1E2D;
}

#menu ul li span.small{
font-size:12px; 
text-transform:capitalize;
font-weight:normal;
}
#menu ul li span.smallnav{
font-size:12px;
text-transform:lowercase;
font-weight:normal;
}
/*STICK FOOTER TO BOTTOM*/
html, body {
height: 100%;
}
#wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -210px;
*margin: 0 auto -190px;
}
#footer, .push {
clear:both;
height: 190px;
}

#charity{position:absolute; right:0; top:5px; font-size:14px;}

.twitter_feed{border-bottom:1px solid #000;}

a.title_link{font-size:14px; font-family:'chunk'; font-weight:normal;}
.footer_text{text-align:center; background-color:#333; position:relative; top:180px; left:0; font-family:Arial; font-size:10px; width:985px; padding:6px 0; color:#FBF4E9}

.news_box{background-color:rgba(255,255,255,0.4); border:2px solid #666; -moz-border-radius:10px;}

#breadcrumbs{font-family:arial; color:#333;}
#breadcrumbs a:link, #breadcrumbs a:visited, #breadcrumbs a:hover{font-family:arial; color:#333; font-size:12px;}

.search{position:relative; left:750px; width:200px; top:-10px;}

@font-face {
  font-family: 'Chunk';
  src: url('../styles/default/Chunkfive-webfont.eot');
  src: local('☺'),
         url('../styles/default/Chunkfive-webfont.woff') format('woff'), url('../styles/default/Chunkfive-webfont.ttf') format('truetype');
}

@font-face {
	font-family: 'Nilland';
	src: url('../styles/default/nilland-bold-webfont.eot');
	src: local('☺'), url('../styles/default/nilland-bold-webfont.woff') format('woff'), url('../styles/default/nilland-bold-webfont.ttf') format('truetype'), url('../styles/default/nilland-bold-webfont.svg#webfont5EKHphy6') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*** Login Box ***/
#signin_menu {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
	display:none;
	background-color:#333;
	position:absolute;
	width:210px;
	z-index:100;
	border:1px solid #fff;
	text-align:left;
	padding:12px;
	top: 24.5px; 
	left: 670px; 
	margin-top:5px;
	margin-right: 0px;
	color:#fff;
	font-size:11px;
}

#signin_menu input[type=text], #signin_menu input[type=password]{
	display:block;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #666;
	font-size:13px;
	margin:0 0 5px;
	padding:5px;
	width:203px;
}

#signin_menu p {
	margin:0;
}
#signin_menu a {
	color:#ccc;
}
#signin_menu label {
	font-weight:normal;
}
#signin_menu p.remember {
	padding:10px 0;
}
#signin_menu p.forgot, #signin_menu p.complete {
	clear:both;
	margin:5px 0;
}
#signin_menu p a {
	color:#FBF4E9 !important;
	display:inline;
	
}
#signin_submit {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background:#bf1e2d url('images/bg-btn-blue.png') repeat-x scroll 0 0;
	border:1px solid #bf1e2d;
	color:#fff;
	padding:4px 10px 5px;
	font-size:11px;
	margin:0 5px 0 0;
	font-weight:bold;
}

#signin_submit:hover, #signin_submit:focus {
	background-position:0 -5px;
	cursor:pointer;
}