
/*****************************
* 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:#5C5C5C; text-decoration:none; font-weight:bold;}
#loggedin_links a:hover{color:#FF4000;}

/* The shopping basket link - top right */
#basket_link{ float:right;	background:url(../misc/mybasket_bg.gif) no-repeat top left;	padding-left:15px;	color:#5C5C5C; text-decoration:none; font-weight:bold;}
#basket_link:hover{	color:#FF4000;}

/* The links to content pages on the header */
#header_general_links a{ color:white;font-size:14px; font-weight:bold; text-decoration:none}
#header_general_links a:hover{	color:#EA0061;}

/* default font for text in vertical menus */
.menuContent *{ font-size:12px; color:#5C5C5C;}

/* normal link in vertical menu */
.menuContent a{	color:#EA0061;text-decoration:none; font-weight:normal;}
.menuContent a:hover{color:white; background-color:#EA0061;}

/* vertical menu heading */
.vertical_menu h1{	font-size:12px;	color:white;	text-align:left; font-weight:bold;}
	
/* navigation links in the vertical menu */
.vertical_menu ul li a{	text-decoration: none;	color:black; font-weight:normal;}
.vertical_menu ul li a:hover{color:white; background-color:black;}

/* main content area */
#middleContent{	font-size: 12px;color:#333333; }
#middleContent a{	color:#EA0061;text-decoration:none; font-weight:bold;}
#middleContent a:hover{ color:#FFFFFF; background-color:#EA0061; }
#middleContent legend{	font-size: 15px; color:#EA0061; font-weight:bold;}
#middleContent h1{	font-size:20px;clear:both;	padding:14px 0 8px 4px;	color:#EA0061; font-weight:bold;  /*background: url(../misc/h1_bg.jpg)  0 100% no-repeat; height:27px; line-height:26px; vertical-align:text-top;*/}
#middleContent h2{	font-size:18px; clear:both;	padding:8px 0 4px 0;	color:#EA0061; }
#middleContent h3{	font-size:16px; clear:both;	padding:8px 0 4px 0;	color:#EA0061;}
#middleContent h4{	font-size:12px; clear:both;	padding:8px 0 4px 0;	color:#EA0061;}
#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
*****************************/

body{background-color:#009EDF;}
/* 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-color:white;}


/* The main content areas */
#content{position:relative; height:1%;}
#menu1{	float:left; padding:0; margin-left:4px; padding-top:7px;  }
#middleContent{	float:left; padding: 7px 0px 10px 12px; position:relative;	vertical-align:top; /*width:640px;*/ width:75%; }
#borderedarea{	border-bottom:1px solid #19171C; border-left:1px solid #19171C; border-right:1px solid #19171C; margin:0; padding:0;}


/* The page header */
#headerr{	padding:55px 0 0 0 ;	margin:0;	background: url(../misc/header_bg.jpg) no-repeat; position:relative;}

/* The statis links in the header (contact us etc */
#header_general_links{  position:absolute;  margin:0 0 0 7px;  padding-left: 15px; height:31px; width:815px;  background:url(../misc/header_navi_bar.jpg) repeat-x #00CC00; }
#header_general_links li{	padding:5px 60px 0 0;	margin:0; float:left;			list-style-type:none;}

#header_image{margin: 31px 0 0 7px;}

/* The search area in the header */
#header_search{	position:absolute;z-index:2; margin: 9px 0 0 655px; }
#header_search .header_search{height:12px; width:130px; font-size:10px;}
#header_search .header_go{height:22px;  font-size:11px; }



/* The top of the header */
/*#header_top{ height:20px; }*/
#logged_in_links{position:absolute;z-index:2; margin: 115px 0 0 612px; background-color:white; height:70px; width:215px; border:1px solid #EA0061;}
#logged_in_links_header{background-color:#000000; color:white; background-color:#EA0061; font-size:12px; font-weight:normal; text-align:center;}
#logged_in_links a{color:black; font-size:12px;text-decoration:none;}
#logged_in_links a:hover{background-color:#EA0061; color:white;}

#logged_in_links ul{margin:0px;padding:0px;}
#logged_in_links li{	line-height:12px; margin-right:3px;	padding:0 0 0 18px; list-style-type:none;		background:url(../misc/list_icon.gif) 2px 0 no-repeat; margin-bottom:8px; }





/* The vertical navigation menus */
.vertical_menu{	margin:0 0 15px 0;	padding:0; }

/* The vertical menu heading */
.vertical_menu h1{	width:176px; height:18px;	margin:0 0 0 3px; padding:4px 0 2px 4px;  background:#19171C;	background-repeat:none; background: url(../misc/vertical_menu_header_bg.jpg) no-repeat;	}


/* The vertcal menu main content */
.menuContent{	width:178px;	border: 1px solid black; margin: 0 0px 12px 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:3px;	padding:0 0 0 28px; 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:48px;	color:#fff;	background: url(../misc/footer_bg.jpg) left bottom no-repeat;	position:relative;	width:100%;}
