/* CSS Document */
	html { height: 100%; padding: 0 0 0 0;}
	body { 
		height: 100%; 
		margin: 0 auto; 
		padding: 0 0 0 0;
		background-image: url(template/outerbackground.jpg);
		background-repeat: repeat-x;
		background-position: top left;
		background-color: #000000;
		
	}
	#outercontainer {
		position : relative;
		height:100%;
		width:970px;
		top:0px;
		z-index:100;
		margin: auto;
		padding:0;
	}
	#mainbgimage {
		position:absolute;
		height:196px;
		width:970px;
		top: 122px; 
		z-index:1;
		padding:0;
		left: -4px;
	}	
	#mainbody {
	  position : relative;
	  height:auto;
	  width:970px;
	  top:0px;
	  z-index:100;  
	  margin: auto;
	}
	#header {
		height:122px;
		width:970px;
		top:0px;
		background-image: url(template/topbanner.jpg);
		background-repeat: no-repeat;
		background-position: top left;
	}	
	#diorama {
		height:200px;
		width:970px;
	}
	#menubar{
		height:41px;
		width:970px;
		padding: 0 0 0 0px;		
		background-image: url(template/menubar.jpg);
		background-repeat: no-repeat;
		background-position: top left;	
		text-align: left;					
	}
	#content{		
		width:970px;
		height: 100%;
		top:0px;
		background-image: url(template/body_bootbackground.jpg);
		background-repeat: no-repeat;
		background-position: top left;	
	}	
	#bottombar{		
		width:580px;
		height: 115px;
		top:0px;	
		margin: auto;
		padding-top:40px;	
	}

TD, DIV, P {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 20px;
}
.print {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}

.searchtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #ED1C24;
	text-decoration: none;
	font-weight: bold;		
}
H1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #F9B702;
	text-decoration: none;
	font-weight: bold;			
}
.title 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #F9B702;
	text-decoration: none;
	font-weight: bold;			
}
.subtitleyellow
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #F9B702;
	text-decoration: none;
	font-weight: bold;			
}
.subtitle 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;		
}
.yellow14px {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #F9B702;
	text-decoration: none;
	font-weight: bold;			
}
A.yellow14px {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #F9B702;
	text-decoration: none;
	font-weight: bold;			
}
.yellow14px:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #F9B702;
	text-decoration: none;
	font-weight: bold;			
}
.yellow14px:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #EA1D24;
	text-decoration: none;
	font-weight: bold;			
}
.yellow12px {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F9B702;
	text-decoration: none;
	font-weight: bold;			
}

.red14px {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #EA1D24;
	text-decoration: none;
	font-weight: bold;			
}
.red12px {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #EA1D24;
	text-decoration: none;
	font-weight: bold;			
}
A.red12px {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #EA1D24;
	text-decoration: none;
	font-weight: bold;			
}
A.red12px:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #EA1D24;
	text-decoration: none;
	font-weight: bold;			
}
A.red12px:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;			
}

.breadcrumb
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #423838;
	text-decoration: none;
	padding-left:10px; 
	padding-right:10px;
}
	
A.lefthandbar 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;			
}

A.lefthandbar:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;			
}
A.lefthandbar:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #F9B702;
	text-decoration: none;
	font-weight: normal;			
}
A.lefthandredtitle 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #EA1D24;
	text-decoration: none;
	font-weight: bold;
	padding-left:10px;			
}

A.lefthandredtitle:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #EA1D24;
	text-decoration: none;
	font-weight: bold;
	padding-left:10px;			
}
A.lefthandredtitle:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #EA1D24;
	text-decoration: none;
	font-weight: bold;			
	padding-left:10px;
}

.lefthandbarproductlink
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F9B702;
	text-decoration: none;
	font-weight: normal;
	line-height: 16px;
}
A.lefthandbarproductlink
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F9B702;
	text-decoration: none;
	font-weight: normal;			
	line-height: 16px;	
}
A.lefthandbarproductlink:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F9B702;
	text-decoration: none;
	font-weight: normal;			
	line-height: 16px;	
}
A.lefthandbarproductlink:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#EA1D24;
	text-decoration: none;
	font-weight: normal;
	line-height: 16px;	
}


A.bottombar
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;		
}
A.bottombar:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;		
}
A.bottombar:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;		
}

A {
	color : #EA1D24;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
}
A:hover {
	color : #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
}
A:visited {
	color : #EA1D24;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
}

HR {
	border: 1px solid #423837;
	height : 1px;
	width: 100%;
}
HR.sidegrey {
	border: 1px solid #423837;
	height : 1px;
	width: 90%;
}
.thumbnail2 {
 border: 1px solid #EA1D24;
 margin: 2px;
 }
 
/* Product Categories Page */
.redproducttitle {
	font-family: Arial, Helvetica, sans-serif;
	color:#E81B22;
	font-weight:bold;
	font-size:13px;
}
.greyproducttext {
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	font-weight:normal;
	font-size:12px;
	padding-left:10px;
	padding-right:10px;
}
.whiteproducttext {
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:normal;
	font-size:12px;
	padding-left:10px;
	padding-right:10px;
}
.buybutton {
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	font-weight:normal;
	font-size:13px;
}
A.buybutton {
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	font-weight:bold;
	font-size:13px;
}
A.buybutton:visited {
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	font-weight:bold;
	font-size:13px;
}
A.buybutton:hover {
	font-family: Arial, Helvetica, sans-serif;
	color:#E81B22;
	font-weight:bold;
	font-size:13px;
}
.basketwhite 
{   font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 20px;}
	
A.basketwhitelink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 20px;}
A.basketwhitelink:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 20px;}

A.basketwhitelink:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F9B702;
	text-decoration: none;
	line-height: 20px;}


/* Product Category Listing Layout Boxes --------------------------*/
#categorybox { width: 100%;
	border:1px solid #828282;
	background: #FFFFFF;
	margin-bottom: 5px;
	}
	#categoryimage {width: 120px; float: left; display: block; }
	#categorytext {display:block; float: left; padding-left:10px; padding-top: 2px; padding-right:5px;padding-bottom:10px; font-size: 12px; color: #000000;text-decoration: none;}
	.redcategory { font-family: Arial; color:#E81B22; font-weight:bold; font-size:15px;}
	.categorytextfont {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;text-decoration: none; line-height: 20px;}
/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/pro_drop4.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.

This has been modified to provide the top level menu.
=================================================================== */
.preload1 {background:  url(template/pro_kingcountry.png);}

.prodrop4 { float: left; padding:12 0 0 0px; margin:0; list-style:none; height:41px; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
.prodrop4 li.top {display:block; float:left;}
.prodrop4 li a.top_link {text-align:center; display:block; float:left; margin-top:6px; margin-right:0px; height:41px; line-height:41px; vertical-align: middle;  color:#FFFFFF; text-decoration:none; font-size:12px; font-weight: bold; padding:0 0 0 10px; cursor:pointer;}
.prodrop4 li a.top_link span {height:41px; float:left; display:block; padding:0px 13px 0px 0px; background:url(template/pro_kingcountry.png) right top;}
.prodrop4 li a.top_link:hover {display:block; height:41px; color:#F9B702; line-height:41px;}
.prodrop4 li a.top_link:hover span { display:block; height:41px;  background:url(template/pro_kingcountry.png) no-repeat right top;}

.prodrop4 li:hover > a.top_link {text-align:center; display:block;height:41px;color:#F9B702;  line-height:41px; }
.prodrop4 li:hover > a.top_link span {display:block;height:41px;background:url(template/pro_kingcountry.png) no-repeat right top;}

.prodrop4 li a.top_link2 {text-align:center; display:block; float:left; margin-top:6px; margin-right:0px; height:41px; line-height:41px;  color:#F9B702; text-decoration:none; font-size:12px; font-weight: bold; padding:0 0 0 10px; cursor:pointer;}
.prodrop4 li a.top_link2 span {height:41px; float:left; display:block; padding:0px 13px 0px 0px; background:url(template/pro_kingcountry.png) right top;}
.prodrop4 li a.top_link2:hover {display:block; height:41px;color:#FFF;  line-height:41px;}
.prodrop4 li a.top_link2:hover span { display:block; height:41px;  background:url(template/pro_kingcountry.png) no-repeat right top;}

.prodrop4 li:hover > a.top_link2 {text-align:center; display:block;height:41px;color:#FFF; line-height:41px; }
.prodrop4 li:hover > a.top_link2 span {display:block;height:41px;background:url(template/pro_kingcountry.png) no-repeat right top;}



.prodrop4 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */
/* Style the list OR link hover. Depends on which browser is used */
.prodrop4 a:hover {visibility:visible; position:relative; z-index:200;}
.prodrop4 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.prodrop4 ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.prodrop4 ul.sub1 {width:175px; }
.prodrop4 :hover ul {text-align:left; left:0px; top:41px; background: #E61B23; padding:0px; white-space:nowrap; height:auto; z-index:300;}
.prodrop4 :hover ul li {display:block; height:22px; position:relative; font-weight:normal; width:auto; border-bottom:1px solid #881015;}
.prodrop4 :hover ul li a {display:block; font-size:12px; height:22px; line-height:20px; width:auto; padding:0 10px; color:#FFF; text-decoration:none;}
.prodrop4 :hover ul li a:hover {height:22px;background:#E61B23; color:#F9B702; }