
/*****************************
* F O N T S
******************************/
/* Apply a font set to all */
*{ font-family:Arial, Helvetica, sans-serif;}



/* The customer logged in links - top left */


#loggedin_links a{	font-size:12px; color:white; 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:#01123D;}

/* default font for text in vertical menus */
.menuContent *{ font-size:12px; color:#666666;}

/* normal link in vertical menu */
.menuContent a{	color:#0173B1; font-size:10px;}
/*.menuContent a[href^="mailto:"]{font-size:10px;}*/
/*.menuContent a:mailto{font-size:8px; }*/
.menuContent a:hover{color:#E1A600;}

/* vertical menu heading */
.vertical_menu h1{	font-size:12px;	color:white; text-align:left;}
	
/* navigation links in the vertical menu */
.vertical_menu ul li a{	text-decoration: none;	font-size:12px; color:#636567;}
.vertical_menu ul li a:hover{color:#01123D;}

/* main content area */
#middleContent{	font-size: 12px;color:#666666; }
#middleContent a{	color:#EF8301; font-weight:bold; }
#middleContent a:hover{ color:#01123D; }

#middleContent legend{	font-size: 15px;color:#01123D; 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:#01123D; }
#middleContent h2{	font-size:16px; clear:both;	padding:8px 0 4px 0;	color:#01123D}
#middleContent h3{	font-size:14px; clear:both;	padding:8px 0 4px 0;	color:#01123D;}
#middleContent h4{	font-size:12px; clear:both;	padding:8px 0 4px 0;	color:#01123D;}
#middleContent .specialoffer{ color:green; font-weight:bold; }
#middleContent select{font-size:11px; }

/* Footer sections */

#footer{color:white; font-size:10px;}
#footer a{color:#EF8301; font-weight:bold;}


/**************************
* 
* L A Y O U T
*****************************/

a { outline:none;}

div.innerBG{	margin: 0;	padding:0;	width:100%;	overflow:hidden;	position:relative;	min-width:847px;}
.outer{	margin:5px auto 5px auto;	padding: 0;	width:847px;}
.inner{	margin:0 auto;	padding:0;	width:100%;	border:3px solid #01123D;	position:relative;	background:#fff;	}
#logolink{width:280px; height:110px; margin:5px 0 0 20px; position:absolute; display:block; }

/* The main content areas */
#content{position:relative;}
#menu1{	float:left; margin:0 0 0 8px; background-color:#FEECD8; }
#middleContent{	float:left; padding: 0 0px 10px 12px; position:relative;	vertical-align:top; /*width:640px;*/ width:71%; }
#menu2{	float:left; background-color:#FF0000;}

/* The top of the header */
#header_top{ height:20px; }
#loggedin_links{ margin:0; padding:123px 0 0 5px;float:left;width:300px;list-style:none;}
#loggedin_links li{	padding:0;	margin:0;	float:left;	width: 25%; 	/* 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:154px; width:100%;	position:relative;}
#callback { position:absolute; top:20px; left: 352px; display:block; z-index:1000}

/* The statis links in the header (contact us etc */
#header_general_links{	float:right; margin-top:12px; 	padding:80px 0px 0 0;	position:relative;	width:475px;  }
#header_general_links li{	padding:0;	margin:0;	float:left;	/* border-left:1px solid #fff;          The left border */	height:33px;	width: 88px;padding-left:4px;	padding-top:8px; list-style-type:none;}

/* The vertical navigation menus */
.vertical_menu{	margin:0 0 5px 0; padding:15px 15px 0 15px;}

/* 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:172px; height:15px;	margin:0 0 0 3px; padding:5px 0px 2px 8px;  background-color:#01123D;	background-repeat:none;	}


/* The vertcal menu main content */
.menuContent{	width:180px; background-color:white;	margin: 0 0px 20px 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:25px 0 3px 0 ;	height:10px;	color:#fff;	background:#01123D;	position:relative;	width:100%;}
