/*********************/
		 /* F O N T S */
	/*********************/

	/*APPLIED TO ALL
   -----------------*/

*{ font-family:Arial, Helvetica, sans-serif;}
	/*--------------------
	  The Header links
	---------------------*/
/* Te ecommerce links - top of page on right */
#link_basket,#link_home,#link_orders,#link_logout{text-decoration:none;font-size:11px;color:white;}
#link_basket:hover,#link_home:hover,#link_orders:hover,#link_logout:hover{ color:#E95E0F;}

#link_one, #link_two,#link_three,#link_four, #link_five { font-size:12px; color:#7694A2; text-decoration:none;}
#link_one:hover, #link_two:hover,#link_three:hover,#link_four:hover,#link_five:hover{  color:#00689E}

	/*-----------------------
	The vertical menu  
-------------------------*/

.vertical_menu h1{ font-size:14px; color:#00689E;}
.vertical_menu ul li a{ text-decoration:none;}
.vertical_menu ul li a:hover{ color:#E95E0F;}

.menuContent *{ font-size:13px; color:#00689E;}
.menuContent a{ text-decoration:none;}
.menuContent a:hover{ color:#E95E0F;}
.menuContent b{}
.menuContent input{ color:black;}
.menuContent select {color:black;}
.menuContent option {color:black;}

/*-----------------------
	The Main Content
-------------------------*/

#middleContent { font-size:12px; color:#00689E;}
#middleContent a{ font-weight:bold; color:#00689E; text-decoration:none;}
#middleContent a:hover{ color:#E95E0F;}
#middleContent legend{font-size: 15px;color:#00689E; font-weight:bold;}
#middleContent h1{font-size:20px;}
#middleContent h2{ font-size:15px;}
#middleContent h3{}
#middleContent h4{}
#middleContent .specialoffer{ color:red}p
#middleContent select{ color:#00689E}
#middleContent p { margin-bottom:10px}

#footer a { font-size:10px; text-decoration:none; color:#00689E;}
#footer a:hover { color:#E95E0F}

	/*********************/
  	  /* L A Y O U T */
 /**********************/
 
 /* Dont change this */
*.a{outline: none;}

/*  The body - with repeating image*/
body{ background:url(../misc/bg_repeat.jpg) repeat; margin:0; padding:0;}

/* The overall containers for the page, outer just centers the content within it */
.outer{position:relative;width:100%; }
.inner{	position:relative; width:1008px; margin:0 auto;}

#search { position:absolute; top:135px; left:92px;}
#searchtext { color:#00689E; font-size:12px; position:absolute; top:140px; left:50px; width:40px; height:15px;}
#search_form { margin:0; padding:0;}
#search_submit{position:absolute;top:135px; left:208px;}
#search_input{border:none;height:15px;left:99px;position:absolute;top:138px;width:102px; font-size:11px;}

/* The my basket and logged in links in header */
#link_basket,#link_home,#link_orders,#link_logout{position:absolute;top:106px; z-index:10; }
#link_basket{left:749px;}
#link_home{left:578px;}
#link_orders{left:626px;}
#link_logout{left:678px;}

/* The home, services, about us and contact us links accross the top (horizontal)*/
#link_one, #link_two,#link_three,#link_four, #link_five{ position:absolute; top:144px; z-index:10;}
#link_one{left:431px;}
#link_two{left:518px;}
#link_three{left:623px;}
#link_four{left:755px;}
#link_five {left:833px;}

#content{position:relative; float:left; width:1007px; background:url(../misc/Main_BG.jpg) no-repeat}
#menu1{	float:left; width:190px;margin-top:166px; position:relative;left:47px;}
.trans{color: white; filter:alpha(opacity=85);
opacity: 0.85;
-moz-opacity:0.85;}
#wrapper { position:relative; float:left; left:77px}
#middleContent{position:relative;float:left; width:663px; left:1px; margin:185px 0 0 0; background:white repeat-y; padding:12px 12px 30px 12px; }
*html #middleContent { padding:11px 11px 40px 11px;}
.vertical_menu{}
.vertical_menu h1{ background:url(../misc/side_menu.gif) no-repeat; height:17px; padding:9px 16px; width:158px; margin-bottom:0; margin-top:20px;}
/* The vertcal menu main content */
.menuContent{ padding:5px 10px 5px 5px; background:white no-repeat;}
.menuContent ul{ padding:0;}
.menuContent li{ list-style-type:none;background:url(../misc/list_icon.gif) 2px 0 no-repeat; padding-left:6px}

/* Main content list image */
/* indentation of text */
#middleContent li{ 	list-style-image:url(../misc/list_icon.gif); margin:0 15px;}
#footer {position:relative;	clear:both; height:46px; background:url(../misc/footer.gif) no-repeat; width:688px; margin:0; top:-30px}
*html #footer { width:687px;}
#footer ul li{ position:relative; float:left; list-style-type:none; padding-left:10px; top:20px; left:-42px; }
#mistore_logo { position:absolute; float:left; top:4px; left:770px; }