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

	/*APPLIED TO ALL
   -----------------*/
*{ font-family:Arial, Helvetica, sans-serif;}
body{line-height:1.5;}
	/*--------------------
	  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:#1D6126;}
#link_basket:hover,#link_home:hover,#link_orders:hover,#link_logout:hover{ color:#E2001A}

	/*-----------------------
	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:#E2001A;}

.menuContent *{ font-size:13px; color:#1D6126;}
.menuContent a{ text-decoration:none;}
.menuContent a:hover{ color:#E2001A;}
.menuContent b{}
.menuContent input{ color:black;}
.menuContent select {color:black;}
.menuContent option {color:black;}
/*-----------------------
	The Main Content
-------------------------*/
#middleContent { font-size:12px; color:#E2001A;}
#middleContent a{ font-weight:bold; color:#1D6126; text-decoration:none;}
#middleContent a:hover{ text-decoration:none;}
#middleContent legend{font-size: 16px;color:#1D6126; font-weight:bold;}
#middleContent h1{ font-size:17px; color:#E2001A; }
#middleContent h2{ font-size:15px; color:#E2001A; }
#middleContent h3{ font-size:15px; color:#E2001A; margin-top:10px;}
#middleContent h4{ font-size:15px; color:#E2001A; font-style:italic; margin:0px; }
#middleContent h5{ font-size:15px; color:#E2001A; text-decoration:underline; margin:0px; }
#middleContent h6{ font-size:15px; color:#1D6126; text-decoration:underline; margin:0px; }
#middleContent .specialoffer{ color:red}
#middleContent select, #middleContent input, #middleContent option { font-size:14px; color:#E2001A; }
#middleContent p { margin-bottom:10px; }
#middleContent hr { height:0px; border-top:none; border-bottom:1px #E2001A solid; border-left:none; border-right:none; }

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

/*  The body - with repeating image*/
body{ background:url(../misc/Main_BG.jpg) top center #D3DC71 no-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; ;}

/* The my basket and logged in links in header */
#link_basket,#link_home,#link_orders,#link_logout{position:absolute;top:131px; }
#link_basket{left:673px;}
#link_orders{left:560px;}
#link_logout{left:620px;}

/* The home, services, about us and contact us links accross the top (horizontal)*/
#link_one, #link_two,#link_three,#link_four{ position:absolute; top:110px;}
#link_one{left:164px; width:41px; height:30px; top:95px;}
#link_two{left:701px; width:41px; height:48px; top:57px;}
#link_three{left:786px; width:41px; height:31px; top:57px;}
#link_four{left:849px ;width:47px; height:29px; top:66px;}

#link_one:hover{ background:url(../misc/home_rollover.jpg) no-repeat}
#link_two:hover{background:url(../misc/ChillandUs_rollover.jpg) no-repeat}
#link_three:hover{background:url(../misc/shop_rollover.jpg) no-repeat}
#link_four:hover{background:url(../misc/events_rollover.jpg) no-repeat}

#chill { position:absolute; top: 144px; left:165px; z-index:10}
#mainwrap { position:relative}
	#content{position:relative; float:left; width:995px;  }
	*html #content { left:19px}
	#menu1{ position:relative; left:-20px;float:left; width:181px; margin-top:190px;}
	#twit { position:relative; top:10px;}
	#middleContainer { position:relative; float:left; background:url(../misc/bg_sample.jpg) repeat-y; margin-top:155px; right:16px; }
	
	#middleContent{position:relative;float:left; left:-0px; width:579px; background:url(../misc/bg_sample.jpg) repeat; padding:0 23px 98px 25px; min-height:715px; }
	*html #middleContent { left:0px; width:576px; padding-bottom:0; min-height:715px;height:auto !important;height:715px; padding-bottom:110px}
	#menu2 { position:relative; float:left; left:-11px; width:181px;margin-top:190px;}
	*html #menu2 { left:-13px}


#links { position:relative; float:left; margin:0; padding:0; top:15px; left:30px}
#fiery   { position: relative; top:10px;}
#facebook { position: relative; top:10px; left:24px}


.vertical_menu{}
.vertical_menu h1{ background:url(../misc/SideMenu_Top.gif) no-repeat; height:18px; padding:5px 10px; margin-bottom:0;}
/* The vertcal menu main content */
.menuContent{ padding:10px 5px 10px; background:url('../misc/menufooter.png') bottom repeat-y}
.menuContent ul{ margin:0; padding:0;}
.menuContent li{ position:relative; list-style-type:none;padding-left:3px}
/* Main content list image */
/* indentation of text */

#middleContent ul{ margin:0 0 0 12px; padding:0;}
#middleContent ul li{ list-style:none;background:url('../misc/list-2.png') 0 4px no-repeat; margin:0; padding-left:19px; line-height:20px;  }
#middleContent ul li li{ list-style:none;background:url('../misc/list-2.png') 0 4px no-repeat; margin: 0px 0px 0px -14px; padding-left:19px; line-height:20px; }
#middleContent ul li li li{ list-style:none;background:url('../misc/list-2.png') 0 4px no-repeat; margin: 0px 0px 0px -14px; padding-left:19px; line-height:20px; }

#middleContent ol{ margin:0 0 0 15px; padding:0;}
#middleContent ol li{ margin:0 0 0 15px; padding-left:0px; line-height:20px; }
#middleContent ol li li{  margin:0 0 0 10px; padding-left:0px; line-height:20px; }
#middleContent ol li li li{margin:0 0 0 10px; padding-left:0px; line-height:20px; }

#footer {position:relative; height:25px; clear:both;background:url(../misc/bg_sample.jpg) repeat; width:627px;  }
#mistore { position: absolute; float:left; bottom:2px; left:447px; }
#logo { position: absolute; bottom:2px; left:245px}

/* tabs */

#navTab1 {
background:url('../misc/tab1a.png') no-repeat;
display:block;
float:left;
color:#1D6126;
text-align:center;
text-decoration:none;
width:78px;
padding:27px 0px 0px 0px;
margin:0px 5px 0px 0px;
font-size:14px;
font-weight:bold;
line-height: 1.2;
}

#navTab1:hover, #navTab1_on {
display:block;
float:left;
text-align:center;
text-decoration:none;
width:78px;
padding:27px 0px 0px 0px;
margin:0px 5px 0px 0px;
font-size:14px;
font-weight:bold;
line-height: 1.2;
background:url('../misc/tab1b.png') no-repeat;
color:#E1001A;
}

#navTab2 {
background:url('../misc/tab1a.png') no-repeat;
display:block;
float:left;
color:#1D6126;
text-align:center;
text-decoration:none;
width:78px;
padding:27px 0px 0px 0px;
font-size:14px;
font-weight:bold;
line-height: 1.2;
}

#navTab2:hover, #navTab2_on {
display:block;
float:left;
text-align:center;
text-decoration:none;
width:78px;
padding:27px 0px 0px 0px;
font-size:14px;
font-weight:bold;
line-height: 1.2;
background:url('../misc/tab1b.png') no-repeat;
color:#E1001A;
}