/*********************/
		 /* 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:10px;color:white;}
#link_basket:hover,#link_home:hover,#link_orders:hover,#link_logout:hover{text-decoration:underline;}

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

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

.vertical_menu h1{ font-size:15px; color:white;}
.vertical_menu ul li a{ text-decoration:none;}
.vertical_menu ul li a:hover{ color:#1BA453;}

.menuContent *{ font-size:13px; color:#87888A;}
.menuContent a{ text-decoration:none;}
.menuContent a:hover{ color:#008BD0;}
.menuContent b{}
.menuContent input{ color:black;}
.menuContent select {color:black;}
.menuContent option {color:black;}


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

#middleContent { font-size:12px; color:#646567;}
#middleContent a{ font-weight:bold; color:#008BD0; text-decoration:none;}
#middleContent a:hover{ color:#1BA453;}
#middleContent legend{font-size: 15px;color:#008BD0; font-weight:bold; padding:0 5px 0 5px; margin:0 10px 0 10px;}
#middleContent h1{font-size:18px; margin-top:10px; margin-bottom:10px; clear:both; color:#008BD0; border-bottom:1px solid #1BA453}
#middleContent h2{ font-size:15px; margin-top:10px; margin-bottom:10px; clear:both;}
#middleContent h3{margin-top:10px; margin-bottom:10px; clear:both;}
#middleContent h4{margin-top:10px; margin-bottom:10px; clear:both;}
#middleContent .specialoffer{ color:red}
#middleContent select{ color:#646567}
#middleContent p { margin-bottom:10px}

#footer a { font-size:10px; color:#1BA453; text-decoration:none;}
#footer a:hover { color:#008BD0;}

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

/*  The body - with repeating image*/
body{ background:url(../misc/BG_sample_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:960px; margin:0 auto;}

#search_form {}
#search_submit{position:absolute;top:119px; left:880px;}
#search_input{background:;border:none;height:16px;left:739px;position:absolute;top:123px;width:130px;}

/* The my basket and logged in links in header */
#link_basket,#link_home,#link_orders,#link_logout{position:absolute;top:78px; }
#link_basket{left:838px;}
#link_home{left:653px;}
#link_orders{left:713px;}
#link_logout{left:774px;}
#trolly { position:absolute; left:888px; top:76px}
#symbol { position:absolute; left:888px; top:50px;}

#largetext { position:absolute; color:white; font-size:12px; top:48px; left:693px}
#smalltext { position:absolute; color:white; font-size:11px; top:62px; left:752px; text-decoration:none;}
#smalltext:hover { color:#1BA453;}


#headerr { position:relative; background:url(../misc/header.jpg) no-repeat; height:183px; width:966px;}

/* 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:98px; height:60px; width:123px;}
#link_one{left:95px;background:url(../misc/home_state_A.jpg); display:block;}
#link_two{left:218px;background:url(../misc/AboutUs_state_A.jpg); display:block;}
#link_three{left:341px;background:url(../misc/Shop_state_A.jpg); display:block;}
#link_four{left:464px;background:url(../misc/contact_state_A.jpg); display:block; width:126px}

#link_one:hover{background:url(../misc/home_state_B.jpg) no-repeat}
#link_two:hover{background:url(../misc/AboutUs_state_B.jpg) no-repeat}
#link_three:hover{background:url(../misc/Shop_state_B.jpg) no-repeat}
#link_four:hover {background:url(../misc/contact_state_B.jpg) no-repeat}


#content{position:relative; float:left; width:966px; top:-20px; background:url(../misc/BG_repeat.jpg) repeat-y}
#menu1{ position:relative;	float:left; left:22px}
#middleContent{position:relative;float:left; left:53px; width:550px; top:10px; margin-bottom:20px; }
*html #middleContent {left:28px;}
#menu2 { position:relative; float:left; left:74px;}
*html #menu2 { left:50px;}
.vertical_menu{width:157px;}
.vertical_menu h1{ background:url(../misc/side_menu.jpg) no-repeat; height:20px; padding:8px 10px; width:141px;}
/* The vertcal menu main content */
.menuContent{ padding:0px 5px;}
.menuContent ul{}
.menuContent li{ list-style-type:none;background:url(../misc/list_icon.gif) 2px 0 no-repeat; margin-left:-35px}

/* 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:41px; background:url(../misc/footer.jpg) no-repeat; left:20px;}
#footer ul li{ position:relative; float:left; list-style-type:none; padding-left:10px; left:145px; top:15px;}
#mistore{ position:absolute; float:left; top:13px; left:764px; width:157px; height:25px;}