/*****************************
* F O N T S
******************************/
/* Apply a font set to all */
*{ font-family:Arial, Helvetica, sans-serif;}

#header_top{ font-size: 12px;}

/* The customer logged in links - top left */
#loggedin_links a{	color:#3F96C3; text-decoration:none}
#loggedin_links a:hover{color:#E1A600;}

/* The shopping basket link - top right */
#basket_link{ float:right;	background:url(../misc/mybasket_bg.gif) no-repeat top left;	padding-left:15px;	color:#3F96C3; text-decoration:none;}
#basket_link:hover{	color:#E1A600;}

/* The links to content pages on the header */
#header_general_links a{ color:white;font-size:12px; font-weight:bold; text-decoration:none}
#header_general_links a:hover{	color:#0173B1;}

/* default font for text in vertical menus */
.menuContent *{ font-size:12px; color:#666666;}

/* normal link in vertical menu */
.menuContent a{	color:#0173B1;}
.menuContent a:hover{color:#E1A600;}

/* vertical menu heading */
.vertical_menu h1{	font-size:12px;	color:#FFFFFF;	text-align:left;}
	
/* navigation links in the vertical menu */
.vertical_menu ul li a{	text-decoration: none;	color:#636567;}
.vertical_menu ul li a:hover{color:#0173B1;}

/* main content area */
#middleContent{	font-size: 12px;color:#666666; }
#middleContent a{	color:#E36D09; text-decoration:none; font-weight:bold;}
#middleContent a:hover{ color:#056A98; }
#middleContent legend{	font-size: 15px;color:#E36D09; font-weight:bold;}
#middleContent h1{	font-size:18px;clear:both;	padding:8px 0 4px 0;	background: url(../misc/h1_bg.gif) 0 100% repeat-x;	color:#E36D09;}
#middleContent h2{	font-size:16px; clear:both;	padding:8px 0 4px 0;	color:#E36D09;}
#middleContent h3{	font-size:14px; clear:both;	padding:8px 0 4px 0;	color:#E36D09;}
#middleContent h4{	font-size:12px; clear:both;	padding:8px 0 4px 0;	color:#E36D09;}
#middleContent .specialoffer{ color:green; font-weight:bold; }
#middleContent select{font-size:11px; }

/* Footer sections */
#footer_left{  font-weight:bold; }


/**************************
* 
* L A Y O U T
*****************************/
div.innerBG{	margin: 0;	padding:0;	width:100%;	overflow:hidden;	position:relative;	min-width:848px;}
.outer{	margin:5px auto 5px auto;	padding: 0;	width:848px;}
.inner{	margin:0 auto;	padding:0;	width:100%;	border:2px solid #CCCCCC;	position:relative;	background:#fff;	}

/* The main content areas */
#content{position:relative;}
#menu1{	float:left; margin-left:5px; }
#middleContent{	float:left; padding: 0 0px 10px 12px; position:relative;	vertical-align:top; /*width:640px;*/ width:74%; }
#menu2{	float:left; background-color:#FF0000;}

/* The top of the header */
#header_top{ height:20px; }
#loggedin_links{ margin:0; padding:0;float:left;width:250px;list-style:none;}
#loggedin_links li{	padding:0;	margin:0;	float:left;	width: 33%; 	/* border-left:1px solid #fff;*/	/* For adding a list icon image */	/*padding-left:10px;	background-image:(../misc/list_icon.gif);	background-repeat:no-repeat;	background-position: 0 .5em;	*/}

/* The page header */
#headerr{	padding:0;	margin:0 0 10px 0;	background: url(../misc/top_banner_bg.jpg) no-repeat bottom;	height:162px;	position:relative;}

/* The statis links in the header (contact us etc */
#header_general_links{	float:right; margin-top:12px;	padding:0 64px 0 0;	position:relative;	width:360px; }
#header_general_links li{	padding:0;	margin:0;	float:left;	/* border-left:1px solid #fff;          The left border */	height:35px;	width: 25%;	list-style-type:none;}

/* The vertical navigation menus */
.vertical_menu{	margin:0 0 10px 0;	padding:0; }

/* The vertical menu heading */
/* With a simple fill ... .vertical_menu h1{	width:176px;	margin:0 0 0 3px;	padding:2px 0px 2px 8px; 	background-color:#666666;	} */
/* With a background image .. */.vertical_menu h1{	width:176px; height:22px;	margin:0 0 0 3px; padding:11px 0px 2px 8px;  background: url(../misc/vertical_menu_h1_bg.jpg);	background-repeat:none;	}


/* The vertcal menu main content */
.menuContent{	width:180px;	margin: 0 0px 5px 3px;	padding:10px 0 5px 0;	border:2px solid #BCBEC0;}
.menuContent ul{	margin:0 0 0 8px;	/* changes the amount the list image is from the left */	padding:0;}
.menuContent li{	line-height:16px;	padding:0 0 0 28px; 	/* indentation of text */	list-style-type:none;		background:url(../misc/list_icon.gif) 2px 0 no-repeat; margin-bottom:5px;}

/* Main content list image */

#middleContent li{ 	list-style-image:url(../misc/list_icon.gif);		padding:0 0 0 20px; 	/* indentation of text */	 margin-bottom:5px;}



#footer {	clear:both;	margin:0;height:70px; padding:0; position:relative;	width:100%; background:url(../misc/footer_total.jpg) no-repeat;  }


/******************
Bespoke top menu

*******************/

#menu {
width: 100%;
background: #eee;
float: left;

}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 212px;
float: left;
}



#menu h2, .menulink {
color: #fff;
background: #E36D09;
text-transform: uppercase;
text-align:center;

}

#menu a, #menu h2,  .menulink{
font: bold 13px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
text-decoration:none;
}



.link{
color: #000;
background: #efefef;
text-decoration: none;

}

.link:hover{
color: #a00;
background: #fff;
}





menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
top: 0;
left: 100%;
}


div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}