/*********************/
		 /* 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:9px;color:white; font-weight:bold}
#link_basket:hover,#link_home:hover,#link_orders:hover,#link_logout:hover{text-decoration:underline;}
 	/*-----------------------
	The vertical menu  
-------------------------*/ 
.vertical_menu h1{ font-size:14px; color:white;}
.vertical_menu ul li a{ text-decoration:none;}
.vertical_menu ul li a:hover{ color:#7E0D6D;}

.menuContent *{ font-size:13px; color:#646567;}
.menuContent a{ text-decoration:none;}
.menuContent a:hover{ color:#7E0D6D;}
.menuContent b{}
.menuContent input{ color:black;}
.menuContent select {color:black;}
.menuContent option {color:black;}
/*-----------------------
	The Main Content
-------------------------*/
#middleContent { font-size:12px; color:#87888A;}
#middleContent a{ font-weight:bold; color:#7E0D6D; text-decoration:none;}
#middleContent a:hover{ text-decoration:underline;}
#middleContent legend{font-size: 15px;color:#7E0D6D; font-weight:bold;}
#middleContent h1{font-size:18px; clear:both; color:#7E0D6D; font-weight:normal; background:url(../misc/h1_bg.jpg) no-repeat;padding-left:28px;padding-top:3px;}
#middleContent h2{ font-size:16px; clear:both; color:#646567; font-weight:normal; }
#middleContent h3{margin-top:10px; color:#646567; font-weight:normal;}
#middleContent h4{margin-top:10px; color:#646567;}
#middleContent .specialoffer{ color:red}
#middleContent select{ color:#87888A}
#middleContent p { margin-bottom:10px}

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

/*  The body - with repeating image*/
body{ background:url(../misc/bg_sample.jpg) 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(../misc/header_repeat.jpg) top repeat-x; }
.inner{	position:relative; width:1024px; margin:0 auto;}

#search_form {}
#search_submit{position:absolute;top:36px; left:931px;}
#search_input{background:;border:none;height:13px;left:831px;position:absolute;top:37px;width:95px; font-size:11px}

/* The my basket and logged in links in header */
#link_basket,#link_home,#link_orders,#link_logout{position:absolute;top:14px; }
#link_basket{left:879px;}
#link_home{left:832px;}
#link_orders{left:777px;}
#link_logout{left:722px;}

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

/* 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,#link_seven{ position:absolute; top:33px; height:29px}
#link_one{left:349px; background:url(../misc/homeA.jpg) no-repeat;width:50px;}
#link_two{left:398px;background:url(../misc/dinnersA.jpg) no-repeat;width:103px;}
#link_three{left:500px;background:url(../misc/fundraisersA.jpg) no-repeat;width:77px;}
#link_four{left:577px;background:url(../misc/picnicsA.jpg) no-repeat;width:53px;}
#link_five{left:629px;background:url(../misc/bbqA.jpg) no-repeat;width:46px;}
#link_six{left:674px;background:url(../misc/moreA.jpg) no-repeat;width:89px;}
#link_seven{left:761px;background:url(../misc/contactA.jpg) no-repeat;width:57px;}

#link_one:hover{background:url(../misc/homeB.jpg) no-repeat;}
#link_two:hover{background:url(../misc/dinnersB.jpg) no-repeat;}
#link_three:hover{background:url(../misc/fundraisersB.jpg) no-repeat;}
#link_four:hover{background:url(../misc/picnicsB.jpg) no-repeat;}
#link_five:hover{background:url(../misc/bbqB.jpg) no-repeat;}
#link_six:hover{background:url(../misc/moreB.jpg) no-repeat;}
#link_seven:hover{background:url(../misc/contactB.jpg) no-repeat;}

	#content{position:relative; float:left; width:1024px; background:url(../misc/bg_repeat.jpg) repeat-y}
	#menu1{ position:relative; left:88px;float:left; width:190px;margin-top:-139px}
	#middleContent{position:relative;float:left; left:106px; width:648px; margin-top:-141px }

.vertical_menu{}
.vertical_menu h1{ background:url(../misc/side_h1.jpg) no-repeat ; height:18px; padding:5px 10px;margin-bottom:0;}
/* The vertcal menu main content */
.menuContent{ padding:10px; background:url(../misc/menu_repeat.jpg) repeat-y}
.menuContent ul{ margin:0; padding:10px 10px 10px;}
.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-type:none; margin:0 15px;}
#footer {position:relative;	clear:both; height:46px;width:1024px; background:url(../misc/footer.jpg) no-repeat}

#foot1,#foot2,#foot3,#foot4{ position:absolute; top:51px;}
#foot1 { left:75px;}
#foot2 { left:118px;}
#foot3 { left:175px;}
#foot4 { left:287px;}

#line1,#line2,#line3,#line4,#line5 { position:absolute; top:46px;}
#line1 { left:67px}
#line2 { left:106px}
#line3 { left:164px}
#line4 { left:275px}
#line5 { left:329px}

#mistore{ position:absolute; float:left; top:41px; left:772px;}
div#preload { display: none; }