html, body {
	background-repeat:repeat-x;
	background-color:#fff;
	margin: 0px;
	padding: 0px;
	height: 100%;
	font-family:Arial, Helvetica, sans-serif;
}

#page {
	position: relative;
	min-height: 100%;
	margin:auto;
	
	width:970px;
	background-image:url(../i/page_bg.gif);
	background-repeat:repeat-y;
	
	/*padding-bottom: 3.5em;*/
}

* html #page {
	height: 100%;
}

/*-------------------------------------------------*/
/*                   HEAD
/*-------------------------------------------------*/

#head {
	height:167px;
	background-color:#fff;
	padding:15px 0 0 0;
	border-bottom:3px solid #fff;
}

#head #logo {
	margin:0 3px 0 0;
	float:left;
}

#head #flashheader {
	float:left;
}

#head #contactdetails {
	float:left;
	width:192px;
	height:132px;
	background-image:url(../i/address_phone_bg.gif);
	background-repeat:no-repeat;
	color:#fffefe;
	font-size:10px;
	
	padding:35px 0 0 10px;
}

#head #contactdetails #telephone {
	color:#fffbcc;
	font-size:18px;
	font-weight:bold;
}

#head #contactdetails #openingtimes {
	margin:0 0 36px 0;
	text-transform:uppercase;
}

#head #contactdetails a {
	color:#fffbcc;
	font-size:13px;
	text-decoration:none;
	font-weight:bold;
}

#head #contactdetails a:hover {
	text-decoration:underline;
}



/*-------------------------------------------------*/
/*                     LEFT SIDE
/*-------------------------------------------------*/
#mid {
	width:970px;
	background-image:url(../i/page_bg.gif);
	background-repeat:repeat-y;
}

/*-------------------------------------------------*/
/*                     LEFT SIDE
/*-------------------------------------------------*/
#leftside {
/*background-color:#ccc;*/
	width:154px;
	float:left;
	clear:left;
	margin:40px 3px 0 0;
	padding:0 0 0 0;
}

#leftside ul {
	margin:0 0 0 -40px;
}

*:first-child+html #leftside ul {
	margin:0;
} 
* html #leftside ul {
	margin:0;
} 

#leftside ul li {
	list-style:none;
	margin:0;
}

#leftside ul li a {
	color:#fff;
	text-decoration:none;
	font-size:12px;
	text-transform:uppercase;
	display:block;
	width:120px;
	padding:5px 5px 5px 15px;
}
#leftside ul li a:hover {
	background-image:url(../i/leftside_hover.gif);
	background-repeat:no-repeat;
	background-position:left center;
	color:#fffbcc;
}
/*-------------------------------------------------*/
/*                      NAVIGATION
/*-------------------------------------------------*/
#navigation {
	float:left;
	width:611px;
	background-color:#727092;
	text-align:center;
}

#navigation ul {
	margin:1px 0 3px 0;
	padding:0;
}

#navigation ul li {
	display:inline;
	list-style:none;
}

* html #navigation ul
{
	width:10px;
	white-space:nowrap;
}

#navigation ul li a.parent
{
	color:#fff;
	text-decoration:none;
	font-size:12px;
	text-transform:uppercase;
	padding:4px 8px 3px 8px;
}
#navigation ul li a.parent:hover
{
	background-image:url(../i/nav_hover.gif);
	background-repeat:no-repeat;
	background-position:center bottom;
	color:#fffbcc;
}

#navigation ul li ul
{
	text-align:left;

}

#navigation ul li ul li.sub a
{
	width: 195px;
	white-space:nowrap;
	background-color:#727092;
	color:#fff;
	text-decoration:none;
	font-size:12px;
	text-transform:uppercase;
	display:block;
	padding:5px 5px 5px 15px;
}

#navigation ul li ul li.sub a:hover
{
	background-image:url(../i/leftside_hover.gif);
	background-repeat:no-repeat;
	background-position:left center;
	color:#fffbcc;
}

#navigation li {
	position: relative;
	z-index:1000;
}

#navigation ul ul {
	position: absolute;
	z-index:1000;
	margin:2px 0 0 150px;
}

*:first-child+html #navigation ul ul {
	margin:22px 0 0 -95px;
}

* html #navigation ul ul {
	margin:22px 0 0 -95px;
}

div#navigation ul ul,
div#navigation ul li:hover ul ul,
div#navigation ul ul li:hover ul ul
{display: none;}

div#navigation ul li:hover ul,
div#navigation ul ul li:hover ul,
div#navigation ul ul ul li:hover ul
{display: block;}

*:first-child+html #navigation ul li a {
	height: 1%;

} 
* html #navigation ul li a {
	height: 1%;
} 


/*-------------------------------------------------*/
/*                      CONTENT
/*-------------------------------------------------*/
#content {
/*background-color:#99CC99;*/
	width:611px;
	border-top:3px solid #fff;
	float:left;

}

*:first-child+html #content {
	padding-bottom: 12em;
} 
* html #content {
	padding-bottom: 12em;
} 

#content h1
{
	font-size:15px;
	color:#525252;
	margin:0 0 10px 0;
}

#content h2
{
	font-size:13px;
	color:#525252;
	margin:0 0 10px 0;
}

#content p
{
	font-size:12px;
	color:#525252;
	margin:0 0 10px 0;
	/*line-height:25px;*/
}

#content a
{
	color:#232059;
	text-decoration:underline;
}
#content a:hover
{
	text-decoration:none;
}

#content ul li
{
	font-size:12px;
	color:#525252;
}

#content img.imgleft
{
	float:left;
	margin:0 30px 0 0;
}

#content img.imgright
{
	float:right;
	margin:0 0 30px 0;
}

.smalltext {
	font-size: 9px;
	line-height:15px;
}

#content form {
	display:inline;
}

#contenttext {
	padding:15px;
	clear:both;
	/*border:1px solid #f00;*/
}

.ProductImg {
	float:right;
	margin:0 0 15px 15px;
	border:none;
}

#products {
	margin: 20px 0 20px 0;
	text-align:center;
}

.product_list
{
	width:115px;
	height:115px;
	background-position:center top;
	float:left;
	text-align:center;
	margin:-20px 0 0 0;
}

.product_list_text {
	font-size:11px;
	clear:both;
}

/*-------------------------------------------------*/
/*                     RIGHT SIDE
/*-------------------------------------------------*/
#rightside {
	width:199px;
	float:right;
	/*height:405px;*/
}
*:first-child+html #rightside {
	padding-bottom: 11.9em;
} 
* html #rightside {
	padding-bottom: 12em;
} 

#rightside #lateststock ul {
	margin:0;
	padding:0;
	list-style:none;
}
#rightside #lateststock ul li {
	margin:0;
	padding:0;

}
#rightside #lateststock ul li a {
	background-color:#fffbcc;
	color:#231f59;
	text-decoration:none;
	font-size:12px;
	display:block;
	width:191px;
	padding:5px 4px 5px 4px;
	background-image:url(../i/rightside/bullet_bg.gif);
	background-repeat:no-repeat;
	background-position:right center;
	font-weight:bold;
	border-bottom:2px solid #fff;
}

#rightside #lateststock ul li a:hover {
	background-color:#727092;
	color:#fff;
	background-image:none;
}

#rightside #specialoffers {
	border-bottom:2px solid #fff;
}
#rightside #specialoffers img {
	border:none;
}

#rightside #subscribe img {
	border:none;
}
/*-------------------------------------------------*/
/*                      GALLERY
/*-------------------------------------------------*/
/*
.gallery_box
{
	width:223px;
	height:169px;
	background-position:center center;
	float:left;
	margin:10px 20px 10px 35px;
}
* html #gallery_box
{
	margin:10px 10px 10px 25px;
}

.admin_gallery_box
{
	width:223px;
	height:169px;
	background-position:center center;
	
}

.admin_gallery_edit_box
{
	width:223px;
	float:left;
	margin:10px 20px 10px 35px;
	text-align:center;
	font-size:12px;
}
*/
/*-------------------------------------------------*/
/*                   CONTACT FORM
/*-------------------------------------------------*/

#contact_form
{
	font-size:12px;
	color:#525252;
}

.formtext
{
	font-size:14px;
	color:#525252;
}

.textbox {
	width:200px;
}


/*-------------------------------------------------*/
/*                       FOOTER
/*-------------------------------------------------*/

#footer
{	
	position: relative;
	margin-top: -12.0em;
	height:67px;
	text-align:center;

} 

#footer-inner 
{
	border-top:3px solid #fff;
	background-image:url(../i/footer_bg.gif);
	width:970px;
	height:163px;
	margin:auto;
	padding:3px 0 0 0;
	clear:both;
}

#footerlinks {
	background-color:#fff;
	width:970px;
	text-align:right;
	height:24px;
	margin:auto;
}

#footerlinks ul {
	margin:0;
	padding:0;
}

#footerlinks ul li {
	display:inline;
	list-style:none;
	padding:0;
	margin:0;
}
#footerlinks ul li a 
{
	color:#727092;
	text-decoration:none;
	padding:0 0 0 5px;
	text-transform:uppercase;
	font-size:8px;
}
#footerlinks a:hover 
{
	text-decoration:underline
}

#vnm 
{
	color:#b8b8b8;
	padding:15px 0 0 0;
	display:none;
}
#vnm a
{
	color:#b8b8b8;
	text-decoration:none;
}

/*FIX FOR MOZILLA*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
