/*****************************
* 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:#EC008C; text-decoration:none; font-weight:bold;}
#loggedin_links a:hover{color:black;}

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

/* The links to content pages on the header */
#headerr a{ color:black;font-size:11px; font-weight:bold; text-decoration:none}
#headerr a:hover{	color:grey;}

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

/* normal link in vertical menu */
.menuContent a{	color:black;text-decoration:none; font-weight:bold;}
.menuContent a:hover{color:#EC008C;}

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

/* main content area */
#middleContent{	font-size: 12px;color:#333333; }
#middleContent a{	color:#EC008C; text-decoration:none; font-weight:bold;}
#middleContent a:hover{ color:#EC008C; text-decoration:underline; }
#middleContent legend{	font-size: 15px;color:#EC008C; font-weight:bold;}
#middleContent h1{	font-size:18px;clear:both;	padding:8px 0 8px 4px;	background: url(../misc/h1_bg.jpg) 0 100% no-repeat;	color:white; font-weight:normal;}
#middleContent h2{	font-size:16px; clear:both;	padding:8px 0 4px 0;	color:#19171A;}
#middleContent h3{	font-size:14px; clear:both;	padding:8px 0 4px 0;	color:#19171A;}
#middleContent h4{	font-size:12px; clear:both;	padding:8px 0 4px 0;	color:#19171A;}
#middleContent .specialoffer{ color:green; font-weight:bold; }
#middleContent select{font-size:11px; }

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


/**************************
* 
* L A Y O U T
*****************************/
#link_one{left: 311px; top: 10px; display: block; position: absolute;}
#link_two{left: 435px; top: 10px; display: block; position: absolute;}
#link_three{left: 525px; top: 10px; display: block; position: absolute;}
#link_four{left: 620px; top: 10px; display: block; position: absolute;}
#link_five{left: 725px; top: 10px; display: block; position: absolute;}


body{background:url(../misc/body_bg.jpg) repeat-x bottom white;}
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%;	position:relative;	background:#fff;	}


/* The main content areas */
#content{position:relative; height:1%; }
#menu1{	float:left; margin-left:5px; }
#middleContent{	float:left; padding: 3px 0px 10px 12px; position:relative;	vertical-align:top; /*width:640px;*/ width:73%; }
#menu2{	float:left; background-color:#FF0000;}
#borderedarea{	border-bottom:1px solid #19171C; border-left:1px solid #19171C; border-right:1px solid #19171C; }

/* 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;	background: url(../misc/top_banner_bg.jpg) no-repeat;	height:120px;	position:relative;}

/* The statis links in the header (contact us etc */
#header_general_links{	float:right; margin:7px 0 0 0 ;	padding:0 20px 0 0 ;	position:relative;	width:490px;  }
#header_general_links li{	padding:0 53px 0 0;	margin:0; float:left;	 /*border-left:1px solid #fff;*/ 		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:7px 0px 2px 8px;  background:#19171C;	background-repeat:none; background: url(../misc/vertical_menu_header_bg.jpg) no-repeat;	}


/* The vertcal menu main content */
.menuContent{	width:170px;	margin: 0 0px 5px 3px;	padding:10px 0 5px 0;	/*background:url(../misc/menuContent_bg.jpg) bottom left no-repeat #FFFFFF;*/	/*border:2px solid #19171A; */}
.menuContent ul{	margin:0 0 0 4px;	/* changes the amount the list image is from the left */	padding:0;}
.menuContent li{	line-height:16px; margin-right:8px;	padding:0 0 0 28px; list-style-type:none;		background:url(../misc/list_icon.gif) 2px 0 no-repeat; margin-bottom:5px; border-bottom: 1px solid #999999;}

/* 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:#fff;	background:#19171C;	position:relative;	width:100%;}