/*********************/
		 /* 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:#8CC643;}
#link_basket:hover,#link_home:hover,#link_orders:hover,#link_logout:hover{color:white;}

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

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

.vertical_menu h1{ font-size:16px; color:#8CC643; font-weight:normal;}
.vertical_menu ul li a{ text-decoration:none;}
.vertical_menu ul li a:hover{ color:#8CC643;}

.menuContent *{ font-size:13px; color:#D6D6D6;}
.menuContent a{ text-decoration:none;}
.menuContent a:hover{ color:#8CC643;}
.menuContent b{ color:white}
.menuContent input{ color:white; background:#333333;}
.menuContent select {color:white;background:#333333;}
.menuContent option {color:white;background:#333333;}
.menuContent p {margin-top:0;}


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

#middleContent { font-size:12px; color:white;}
#middleContent a{ font-weight:bold; color:#8CC643; text-decoration:none;}
#middleContent a:hover{ text-decoration:underline;}
#middleContent legend{font-size: 15px;color:#8CC643; font-weight:bold;}
#middleContent h1{font-size:28px; color:#8CC643; font-weight:normal; border-bottom:1px dashed #8CC643; padding-left:20px;}
#middleContent h2{ font-size:16px;color:#8CC643; padding-left:20px;}
#middleContent h3{ padding-left:20px;}
#middleContent h4{ padding-left:20px;}
#middleContent .specialoffer{ color:red}
#middleContent select{color:white;background:#333333;}
#middleContent input {color:white;background:#333333;}
#middleContent option {color:white;background:#333333;}
#middleContent p { margin-bottom:10px; padding:0 20px 0 20px;}

#footer a { font-size:11px; color:white; text-decoration:none;}
#footer a:hover { color:#8CC643;}
	/*********************/
  	  /* 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:1000px; margin:0 auto;}

/* The my basket and logged in links in header */
#link_basket,#link_home,#link_orders,#link_logout{position:absolute;top:6px; z-index:100}
#link_basket{left:863px;}
#link_orders{left:775px;}
#link_logout{left:945px; }

#top_links { clear:both; position:relative;background:url(../misc/bg_sample.jpg) repeat; height:25px; width:1000px; margin:20px 0 10px 0;}
#headerr { position:relative; background:url(../misc/bg_sample.jpg) repeat; height:200px; width:1000px;}
#logo { position:relative; margin:0 auto 0 auto; left:300px; top:5px;}

/* 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:4px;}
#link_one{left:34px;}
#link_two{left:138px;}
#link_three{left:255px;}
#link_four{left:382px;}
#link_five {left:481px;}

	#line1,#line2,#line3,#line4,#line5 { position: absolute; top:1px;}
	#line1 { left:100px}
	#line2 { left:219px}
	#line3 { left:345px}
	#line4 { left:445px}
	#line5 { left:543px}

#content{position:relative; float:left; width:1000px; background:url(../misc/bg_sample.jpg) repeat; margin:10px 0 10px 0; padding-bottom:30px;}
#menu1{ position:relative;float:left; width:192px;left:7px;}
#middleContent{position:relative;float:left; left:11px; width:592px; top:10px;}
#menu2 { position:relative; float:left; width:193px; left:15px} 
.vertical_menu{}
.vertical_menu h1{ background:url(../misc/side_menu_top.jpg) no-repeat; height:25px; padding:1px 20px; margin-bottom:0;}
/* The vertcal menu main content */
.menuContent{ padding:0 12px 15px 12px ; background:url(../misc/side_menu_bg.jpg) bottom repeat-y;}
.menuContent ul{ padding-left:25px;  margin:0;}
.menuContent li{ position:relative; list-style-type: none;background:url(../misc/list_icon.jpg) 0 2px no-repeat; padding-left:20px;}


/* Main content list image */
/* indentation of text */
#middleContent li{ 	list-style-image:url(../misc/list_icon.jpg); margin:0 15px;}
#footer { position:relative;background:url(../misc/bg_sample.jpg) repeat; height:30px; width:1000px; clear:both; margin-bottom:20px;}
#footer ul li { position:relative; float:left; list-style-type:none; top:5px; left:265px; }
#mistore{ position:absolute; float:left; top:4px; left:820px; }