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

#top_one, #top_two,#top_three,#top_four{ font-size:12px; color:white; text-decoration:none; font-weight:normal}
#top_one:hover, #top_two:hover,#top_three:hover,#top_four:hover{ color:#A4CF9B;}
	/*-----------------------
	The vertical menu  
-------------------------*/
.vertical_menu h1{ font-size:14px; color:white; font-weight:normal}
.vertical_menu ul li a{ text-decoration:none;font-size:13px; color:#646567}
.vertical_menu ul li a:hover{ color:#37AADC;}
.vertical_menu ul li li a{ text-decoration:none;font-size:13px; color:#37AADC}
.vertical_menu ul li li a:hover{ color:#A4CF9B;}


.menuContent *{ font-size:11px; color:#646567;}
.menuContent a{ text-decoration:none; color:#37AADC}
.menuContent a:hover{ color:#A4CF9B;}
.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:#37AADC; text-decoration:none;}
#middleContent a:hover{ text-decoration:underline;}
#middleContent legend{font-size: 15px;color:#37AADC; font-weight:bold;}
#middleContent h1{font-size:15px; clear:both; color:#37AADC; border-bottom:1px dotted #37AADC; font-weight:bold;}
#middleContent h2{ font-size:13px; color:#;646567}
#middleContent h3{margin-top:10px; color:#;}
#middleContent h4{margin-top:10px; color:#;}
#middleContent .specialoffer{ color:red}
#middleContent select{ color:#87888A}
#middleContent p { margin-bottom:10px}

#footer a { font-size:10px; text-decoration:none; color:#37AADC}
#footer a:hover { color:#646567;}
	/*********************/
  	  /* 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:975px; margin:0 auto;}

#search_form {}
#search_submit{position:absolute;top:73px; left:897px;}
#search_input{background:none;border:none;height:16px;left:768px;position:absolute;top:77px;width:115px; padding:0; font-size:12px; color:#656467}

/* The my basket and logged in links in header */
#link_basket,#link_home,#link_orders,#link_logout{position:absolute;top:113px;}
#link_basket{left:860px;}
#link_home{left:770px;}
#link_orders{left:812px;}
#link_logout{left:721px;}

#headerr { position:relative; background:url(../misc/header.jpg) no-repeat; height:212px; width:975px;}
#logo { position:absolute; display:block; left:23px; top:18px;}
#newsletter { position: absolute; display:block; left:460px; top:103px}

/* The home, services, about us and contact us links accross the top (horizontal)*/
#top_one, #top_two,#top_three,#top_four{ position:absolute; top:110px; }
#top_one{left:48px;}
#top_two{left:125px;}
#top_three{left:218px;}
#top_four{left:318px;}

#link_one, #link_two,#link_three,#link_four, #link_five{ position:relative; display:block; left:0px; width:190px}
#link_one{top:0px; background:url(../misc/roll1A.jpg) no-repeat;height:40px;}
#link_two{top:0px;background:url(../misc/roll2A.jpg) no-repeat;height:38px;}
#link_three{top:0px;background:url(../misc/roll3A.jpg) no-repeat;height:39px;}
#link_four{top:0px;background:url(../misc/roll4A.jpg) no-repeat;height:40px;padding-bottom:10px;}

#link_one:hover{background:url(../misc/roll1B.jpg) no-repeat;}
#link_two:hover{background:url(../misc/roll2B.jpg) no-repeat;}
#link_three:hover{background:url(../misc/roll3B.jpg) no-repeat;}
#link_four:hover{background:url(../misc/roll4B.jpg) no-repeat;}

	#content{position:relative; float:left; width:975px; background:url(../misc/bg_repeat.jpg) repeat-y}
	#menu1{ position:relative; left:15px;float:left; width:190px;margin-top:-67px; z-index:100;}
		#social_network { position:relative;height:130px;}
			#text { position:absolute; top:10px; left: 5px;}
			#facebook { position:absolute; display:block; top:45px; left:19px}
			#twitter { position:absolute; display:block; top:24px; left:97px}
	
#middleContent{position:relative;float:left; left:21px; width:552px; margin-top:-70px;z-index:100; }
	
	#menu2{ position:relative; right:17px;float:right; width:190px;margin-top:-68px;z-index:100;}
		#right_links { position:relative;height:200px;}
		#motion{position:absolute; display:block; top:35px; left:6px}
		#nextday{position:absolute; display:block; top:83px; left:31px}
		#sage   {position:absolute; display:block; top:160px; left:38px}

.vertical_menu{}
.vertical_menu h1{ background:url(../misc/menu_h1.jpg) no-repeat ; height:16px; padding:9px 15px; margin:0;}
/* The vertcal menu main content */
.menuContent{ padding:10px 10px; background:url(../misc/menu_bg.jpg) bottom repeat-y;}
.menuContent ul{ margin:0; padding:0;}
.menuContent li{ position:relative; list-style-type:none;background:url(../misc/list_icon.jpg) 0 4px no-repeat; padding-left:15px; padding-top:2px; margin-left:1px; }
.menuContent li li{ position:relative; list-style-type:none;background:url(../misc/list_icon2.jpg) 0 4px no-repeat; padding-left:15px; padding-top:2px; }


/* Main content list image */
/* indentation of text */
#middleContent li{  	list-style-image:url(../misc/bullet.jpg); margin:0 15px;}

#footwrap { position:relative; width:100%; background:url(../misc/footer_repeat.jpg) bottom repeat-x ;}
#footer {position:relative;	clear:both; height:123px;width:975px; background:url(../misc/footer.jpg) no-repeat; margin:0 auto;}
#logo2 { position:absolute; display:block; left:380px; top:2px;}

#foot1,#foot2,#foot3,#foot4,#foot5,#foot6 { position:absolute; top:81px;}
#foot1 { left:15px;}
#foot2 { left:53px;}
#foot3 { left:155px;}
#foot4 { left:235px;}
#foot5 { left:344px;}

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