/*********************/
		 /* 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:#FFFFFF; font-weight:bold}
#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,#link_six { font-size:11px; color:#2E2D30; text-decoration:none; font-weight:bold}
#link_one:hover, #link_two:hover,#link_three:hover,#link_four:hover,#link_five:hover,#link_six:hover{ color:#FFFFFF;}
	/*-----------------------
	The vertical menu  
-------------------------*/
.vertical_menu h1{ font-size:12px; color:#E2001A; font-weight:bold;}
.vertical_menu ul li a{ text-decoration:none; font-size:11px;}
.vertical_menu ul li a:hover{ color:#009EE0;}

.menuContent *{ font-size:10px; color:#646567;}
.menuContent a{ text-decoration:none;}
.menuContent a:hover{ color:#009EE0;}
.menuContent b{}
.menuContent input{ color:black;}
.menuContent select {color:black;}
.menuContent option {color:black;}
.menuContent p { margin-top:0px}
/*-----------------------
	The Main Content
-------------------------*/
#middleContent { font-size:11px; color:#646567;}
#middleContent a{ font-weight:bold; color:#009EE0; text-decoration:none;}
#middleContent a:hover{ text-decoration:underline;}
#middleContent legend{font-size: 15px;color:#E2001A; font-weight:bold;}
#middleContent h1{font-size:15px; clear:both; color:#E2001A; border-bottom:1px dotted #646567; border-top:1px dotted #646567;padding-bottom:2px; padding-top:2px;}
#middleContent h2{ font-size:13px; clear:both; color:#E2001A }
#middleContent h3{margin-top:10px; color:#E2001A}
#middleContent h4{margin-top:10px; color:#E2001A}
#middleContent .specialoffer{ color:red}
#middleContent select{ color:#646567}
#middleContent p { margin-bottom:10px}
.menuContent ul li{ position:relative; list-style-type: square; color:#E2001A; padding-left:3px;margin-left:14px}
.menuContent ul li a{font-weight:normal;}
.menuContent ul li ul li { color:#009EE0; list-style-type:disc; margin-left:12px;}
.menuContent ul li ul li a {  font-weight:normal;padding-left:1px;  }
.menuContent ul li ul li a:hover {color:#E2001A}
.menuContent ul li ul li ul li{ list-style-type: circle; margin-left:12px;}
.menuContent ul li ul li ul li a { font-weight:normal;padding-left:1px; }

#footer a { font-size:10px; text-decoration:none; color:#646567}
#footer a:hover { color:#E2001A;} 
	/*********************/
  	  /* L A Y O U T */
 /**********************/
 /* Dont change this */
*.a{outline: none;}

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

/* The overall containers for the page, outer just centers the content within it */
.outer{position:relative;width:100%; background:url() top repeat-x; }
.inner{	position:relative; width:942px; margin:0 auto;}

#search_form {}
#search_submit{position:absolute;top:111px; left:914px;}
#search_input{border:none;height:12px;left:774px;position:absolute;top:113px;width:128px;background:#C6C7C9;font-size:10px;}

/* The my basket and logged in links in header */
#link_basket,#link_logout,#link_orders,#link_home{position:absolute;top:84px; }
#link_basket{left:182px;}
#link_logout{left:364px;}
#link_orders {left:314px;}
#link_home {left:269px;}

#headerr { position:relative; background:url(../misc/header.png) no-repeat; height:248px; width:942px;}

/* The home, services, about us and contact us links accross the top (horizontal)*/
/* The home, services, about us and contact us links accross the top (horizontal)*/
#link_one, #link_two,#link_three,#link_four, #link_five,#link_six{ position:absolute; top:113px; }
#link_one{left:198px; }
#link_two{left:279px;}
#link_three{left:377px;}
#link_four{left:493px;}
#link_five{left:626px;}
#link_six{left:704px;}

	#content{position:relative; float:left; width:942px; background:url(../misc/bg_repeat.png) repeat-y}
	#menu1{ position:relative; left:4px;float:left; width:177px;margin-top:0px}
	#middleContent{position:relative;float:left; left:12px; width:565px; margin-top:-113px; }
	#menu2 {position:relative; left:20px;float:left; width:177px;margin-top:-102px}
	
	#cup {position:relative; display:block}
	#sandwich {position:relative; margin-top:7px; display:block}
	#bag {position:relative;margin-top:7px; display:block}
	#facebook {position:relative;margin-top:4px;; display:block}
	#twitter {position:relative;top:10px; margin-bottom:10px; display:block}

.vertical_menu{}
.vertical_menu h1{ background:url(../misc/menu_repeat.jpg) repeat-y ; height:18px; padding:5px 10px;margin-bottom:0;}
/* The vertcal menu main content */
.menuContent{ padding:0px 8px 10px; background:url(../misc/menu_repeat.jpg) repeat-y;margin-bottom:12px;}
.menuContent ul{ margin:0; padding:0;}
.menuContent li{ position:relative; list-style-type:disc; padding-left:6px}

/* Main content list image */
/* indentation of text */
#middleContent li{  margin:0 15px;}
#footer {position:relative;	clear:both; height:41px;width:942px; background:url(../misc/footer.png) no-repeat}

#line1,#line2,#line3,#line4 { position:absolute; top:12px;}
#line1 {left:37px;}
#line2 {left:111px;}
#line3 {left:213px;}
#line4 {left:264px;}

#foot1,#foot2,#foot3,#foot4{ position:absolute; top:15px;}
#foot1 { left:5px;}
#foot2 { left:48px;}
#foot3 { left:122px;}
#foot4 { left:223px;}

#mistore{ position:absolute; float:left; top:9px; left:768px; }