/*
The design and build of this website is copyrighted to Adventure Graphics, Sutton Coldfield, West Midlands, UK, B72 1SP. 
any intention or attempt to claim responsibility of the design or build of this website is a breach of copyright law.
<meta name="Author" content="Adventure Graphics, 0121 354 1010">
<meta name="Copyright" content="© Adventure Graphics 2008">
<meta name="Publisher" content="Adventure Graphics, www.adventuregraphics.co.uk">
<meta name="Designer" content="Adventure Graphics">
*/

body {
	background-color: #cfe5ad;
	margin: 0px;
	border: 0px none;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	margin-bottom: 30px;
	color: #8cc63f;
	line-height: 25px;
	margin: 0px;
	padding: 0px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
h2 a:link {color: #8cc63f; text-decoration: none;}
h2 a:visited {color: #8cc63f; text-decoration: none;}
h2 a:hover {color: #8cc63f; text-decoration: underline;}
h2 a:active {color: #8cc63f; text-decoration: none;}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #666;
	font-weight: lighter;
	margin: 0px;
	padding: 0px;
}
h3 a:link {color: #666; text-decoration: underline;}
h3 a:visited {color: #666; text-decoration: underline;}
h3 a:hover {color: #333; text-decoration: underline;}
h3 a:active {color: #333; text-decoration: underline;}

h4 {margin: 0px; padding: 0px;}

p {line-height: 18px; margin: 0px; padding: 0px;}
img {border: 0px;}
hr {border: 1px #F0F0F0; color: #F0F0F0; background-color: #F0F0F0; height:1px; margin-bottom:10px;}

.spaced {line-height: 22px;}
.novmargin {margin-top: 0px; margin-bottom: 0px;}
.notmargin {margin-top: 0px;}
.nobmargin {margin-bottom: 0px;}
.listimg {list-style-image: url(images/listimg.jpg);}
.float_left {float: left; padding-right: 20px;}
.float_left_news {float: left; padding: 0px 10px 5px 0px;}
.float_right {float: right; padding-left: 20px;}
.bold {font-weight: bold;}
.black {font-family: Arial, Helvetica, sans-serif; color: #000;}
.white {font-family: Arial, Helvetica, sans-serif; color: #fff;}
.green {font-family: Arial, Helvetica, sans-serif; color: #8cc63f;}
.red {font-family: Arial, Helvetica, sans-serif; color: #FF0000;}
.formfield {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666;}
.largebody {font-size: 12px;}
.thinbody {font-weight: lighter}
.grey {color: #666;}
.lightgrey {color: #c8c9cb;}

a:link {color: #8cc63f; text-decoration: none;}
a:visited {color: #8cc63f; text-decoration: none;}
a:hover {color: #8cc63f; text-decoration: underline;}
a:active {color: #8cc63f; text-decoration: none;}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#centre_container {
	width: 900px;
	height: auto;
	margin: 30px auto 20px;
	border: 0px none;
	background: transparent;
}
#centre_container_inner {
	width: 900px;
	height: auto;
	margin: 0px;
	float: left;
	padding: 0px 0px 90px;
	border: solid 1px #c8c9cb;
	background-color: #fff;
	background-image: url('images/footer.jpg');
	background-repeat: no-repeat;
	background-position: bottom;
}

/* Start of Header Options */

#header_container {
	width: 900px;
	height: 176px;
	margin: 0px;
	padding: 0px;
	float: left;
	background-image: url('images/header.jpg');
	background-position: top;
	background-repeat: no-repeat;
}
#header_logo {
	width: 128px;
	height: 176px;
	padding-left: 386px;
	float: left;
	background: transparent;
}

/* Start of Footer Options */

#footer {
	width: 900px;
	height: auto;
	float: left;
	background: transparent;
	padding: 8px 0px 10px;
}
#footer a:link {color: #666; text-decoration: none;}
#footer a:visited {color: #666; text-decoration: none;}
#footer a:hover {color: #8cc63f; text-decoration: none;}
#footer a:active {color: #8cc63f; text-decoration: none;}

#footer .lefttext{
	width: auto;
	height: auto;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	line-height: 18px;
	background: transparent;
}
#footer .righttext{
	width: auto;
	height: auto;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	line-height: 18px;
	background: transparent;
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* Start of Main Content */

#main_content_container {
	width: 900px;
	height: auto;
	min-height: 410px;
	float: left;
	background: transparent;
	border: 0px none;
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 12px;
	line-height: 18px;
}
#main_content_container .right_copy_column_nopad {
	width: 700px;
	float: right;
	padding: 0px 0px 0px;
}
#main_content_container .right_copy_column_padright {
	width: 650px;
	float: right;
	padding: 0px 50px 0px 0px;
}
#share_button_bar {
	width: 650px;
	height: 25px;
	padding-right: 50px;
	float: right;
}
#index_content_container {
	width: 700px;
	height: auto;
	background-image: url(images/liq_bg.jpg);
	background-repeat: repeat-y;
	float: left;
	padding: 0px;
	margin: 0px;
}
#index_column {
	width: 435px;
	height: auto;
	background: transparent;
	float: left;
	padding: 0px;
	margin: 0px;
}
#news_column {
	width: 215px;
	height: auto;
	background: transparent;
	float: right;
	padding: 0px 10px 0px 0px;
	margin: 0px;
}
#news_item {
	width: 215px;
	height: auto;
	background: none;
	float: left;
	padding: 0px 0px 30px;
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* Start of Navigation */

#left_nav_column {
	width: 180px;
	height: auto;
	background: transparent;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}
#nav_container ul {
	border: 0px none;
	margin: 0px 0px;
	padding: 0px;
	list-style-type: none;
	text-align: left;
	background-image: url('images/button_over.jpg');
	background-repeat: no-repeat;
}
#nav_container ul li {
	text-align: left;
	float: left;
	margin: 0px;
	padding: 6px 0px 0px; /* padding between blocks */
}
#nav_container ul li a, .navcontainer ul li a.selected {
	width: 159px;
	height: 24px; 
	color: #333;
	text-decoration: none;
	padding: 6px 0px 0px 20px;
	background-image: url('images/button_up.jpg');
	background-repeat: no-repeat;
	display: block;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px; 
	margin: 0px;
}
#nav_container ul li a:hover { 
	background-image: url('images/button_over.jpg');
	background-repeat: no-repeat;
	color: #fff; 
	font-weight: bold;
	margin: 0px;
}
#nav_container ul li a.selected {
	background-image: url('images/button_over.jpg');
	background-repeat: no-repeat;
	color: #fff;
	font-weight: bold;
	margin: 0px;
}

/* -------------------------------------------------------------------- SUBNAV 1 ------------------------------------------------------------------------ */

#subnav_container ul {
	border: 0px none;
	margin: 0px 0px;
	padding: 0px;
	list-style-type: none;
	text-align: left;
	background-image: url('images/sub_button_bg.jpg');
	background-repeat: repeat-y;
}
#subnav_container ul li {
	text-align: left;
	float: left;
	margin: 0px;
	padding: 1px 0px 0px; /* padding between blocks */
}
#subnav_container ul li a, .navcontainer ul li a.selected {
	width: 160px;
	height: auto; 
	color: #666;
	text-decoration: none;
	padding: 5px 0px 5px 20px;
	background-image: url('images/sub_button_bg.jpg');
	background-repeat: repeat-y;
	display: block;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; 
	margin: 0px;
	font-weight: bold;
	line-height: 16px;
}
#subnav_container ul li a:hover { 
	background-image: url('images/sub_button_bg.jpg');
	background-repeat: repeat-y;
	color: #8cc63f; 
	font-weight: bold;
	margin: 0px;
}
#subnav_container ul li a.selected {
	background-image: url('images/sub_button_bg.jpg');
	background-repeat: repeat-y;
	color: #8cc63f;
	font-weight: bold;
	margin: 0px;
}

/* -------------------------------------------------------------------- SUBNAV 2 ------------------------------------------------------------------------ */
	
#subnav2_container ul {
	border: 0px none;
	margin: 0px 0px;
	padding: 0px;
	list-style-type: none;
	text-align: left;
	background: none;
	border-bottom: 1px solid #8cc63f;
}
#subnav2_container ul li {
	text-align: left;
	float: left;
	margin: 0px;
	padding: 1px 0px 0px; /* padding between blocks */
}
#subnav2_container ul li a, .navcontainer ul li a.selected {
	width: 158px;
	height: auto; 
	color: #8cc63f;
	text-decoration: none;
	padding: 5px 0px 5px 10px;
	background: none;
	border-bottom: 1px solid #EBF4DF;
	display: block;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	margin-left: 12px;
	font-weight: bold;
	line-height: 16px;
}
#subnav2_container ul li a:hover { 
	background: none;
	border-bottom: 1px solid #8cc63f;
	color: #000; 
	font-weight: bold;
}
#subnav2_container ul li a.selected {
	background: none;
	border-bottom: 1px solid #8cc63f;
	color: #000;
	font-weight: bold;
}

/* End of Navigation */

#limes_container {
	width: 180px;
	height: auto;
	background: transparent;
	float: left;
	padding: 20px 0px 0px;
	margin: 0px;
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* Start of Lightbox CSS */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(lightbox_images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(lightbox_images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#minis_container {
	width: 168px;
	height: auto;
	padding: 0px 0px 0px 12px;
	background: none;
	float: left;
}

/* Mini search */

input.search{
background-color: #EBF4DF;
border: inset 1px #8cc63f;
font-family: tahoma;
color: rgb(0,0,0);
font-size: 11px;
height: 14px;
padding: 5px;
width: 122px;
margin: 10px 0px 0px;
}
input.search1{
vertical-align: bottom;
}

/* Mini cart */

td.mincart {
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #EBF4DF; /*--was--#FOFOFO;--*/
}
td.mincarttotal {
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #EBF4DF; /*--was--#FOFOFO;--*/
}
p.mincart {
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
table.mincart
{
border: none;
background-color: none; /*--was--#A7A7A7;--*/
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* STYLES ECOM */

TD.smaller {
	font-size: 11px;
}
P.smaller {
	font-size: 11px;
}
div.prodid{
font-weight: bold;
font-size: 12px;
color: #8cc63f;
}
span.prodoption{
font-size: 11px;
} 
.prodname, .detailname{
font-weight: bold;
font-size: 14px;
color: #8cc63f;
}
.red_bar_text {
	color: #8cc63f;
	background-color: #cfe5ad;
	padding: 6px;
	font-size: 14px;
}