/*****************************
* 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:#663300; text-decoration:none}
#loggedin_links a:hover{color:#AB7B42;}

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

/* 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:#663300;}

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

/* normal link in vertical menu */
.menuContent a{	color:#663300;}
.menuContent a:hover{color:#AB7B42;}

/* 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:#663300;}

/* main content area */
#middleContent{	font-size: 12px;color:#666666; }
#middleContent a{	color:#663300;}
#middleContent a:hover{ color:#AB7B42; }
#middleContent legend{	font-size: 15px;color:#663300; 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:#663300; font-style:italic;}
#middleContent h2{	font-size:16px; clear:both;	padding:8px 0 4px 0;	color:#663300;}
#middleContent h3{	font-size:14px; clear:both;	padding:8px 0 4px 0;	color:#663300;}
#middleContent h4{	font-size:12px; clear:both;	padding:8px 0 4px 0;	color:#663300;}
#middleContent .specialoffer{ color:red; font-weight:bold; }
#middleContent select{font-size:11px; }

/* Footer sections */
#footer_left{ font-style:italic; 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;	height:174px;	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 15px 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;	/*background:url(../misc/menuContent_bg.jpg) bottom left no-repeat #FFFFFF;*/	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;	padding:0;	height:41px;	color:#663300;	background:white;	position:relative;	width:100%;}
#footer_left{	padding-top:10px;	float:left;	width:40%;	}
/*#footer_central{	float:left;	width:33%;	text-align:center;}*/
#footer_right{	float:right;	text-align:right;	width:40%;}