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

	/*APPLIED TO ALL
   -----------------*/
*{font-family: Verdana, 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:;}
#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:#CC9932; font-family: "trebuchet MS", Arial, Times;}
.vertical_menu ul li a{ text-decoration:none;font-size:11px; color:white;}
.vertical_menu ul li a:hover{ color:#CC9932;}

.menuContent *{ font-size:11px; color:#C6C7C9;}
.menuContent a{ text-decoration:none;}
.menuContent a:hover{ color:#CC9932;}
.menuContent b{}
.menuContent input{ color:black;}
.menuContent select {color:black;}
.menuContent option {color:black;}
/*-----------------------
	The Main Content
-------------------------*/
#middleContent { font-size:11px; color:#FFFFFF;}
#middleContent a{ font-weight:bold; color:#CC9932; text-decoration:none;}
#middleContent a:hover{ text-decoration:underline;}
#middleContent legend{font-size: 15px;color:#CC9932; font-weight:bold;}
#middleContent h1{font-size:17px; clear:both; color:#CC9932; background:url() no-repeat;font-family: "trebuchet MS", Arial, Times;}
#middleContent h2{ font-size:15px; clear:both; color:#CC9932;font-family: "trebuchet MS", Arial, Times; }
#middleContent h3{margin-top:10px; color:#CC9932;font-family: "trebuchet MS", Arial, Times;}
#middleContent h4{margin-top:10px; color:#CC9932;font-family: "trebuchet MS", Arial, Times;}
#middleContent .specialoffer{ color:red}
#middleContent select{ color:#FFFFFF}
#middleContent p { margin-bottom:10px}
	/*********************/
  	  /* L A Y O U T */
 /**********************/
 /* Dont change this */
a {outline: none;}

/*  The body - with repeating image*/
body{ background:url(../misc/bg_sample.jpg) top center no-repeat #FFFFFF; margin:0;padding:55px 0 55px 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:862px; margin:0 auto;}

#search_form {}
#search_submit{position:absolute;top:116px; left:460px;}
#search_input{background:#000000;border:none;height:16px;left:342px;position:absolute;top:118px;width:116px; padding:0; font-size:13px; color:#FFFFFF}

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

#headerr { position:relative; background:url(../misc/header.jpg) no-repeat; height:216px; width:860px;}
	#gallery,#download,#getquote { position:absolute; top:92px; display:block;}
	#gallery { left:503px;}
	#download {left:620px;}
	#getquote {left:737px;}

#logo { position:absolute; display:block; left:16px; top:54px;}

/* 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:3px; height:38px}
#link_one{left:3px; background:url(../misc/homeB.jpg) no-repeat;width:142px;}
#link_two{left:145px;background:url(../misc/productB.jpg) no-repeat;width:143px;}
#link_three{left:287px;background:url(../misc/quoteB.jpg) no-repeat;width:143px;}
#link_four{left:430px;  background:url(../misc/newB.jpg) no-repeat;width:144px;}
#link_five{left:572px;background:url(../misc/faqsB.jpg) no-repeat;width:143px;}
#link_six{left:715px;background:url(../misc/contactB.jpg) no-repeat;width:142px;}

#link_one:hover{background:url(../misc/homeA.jpg) no-repeat;}
#link_two:hover{background:url(../misc/productA.jpg) no-repeat;}
#link_three:hover{background:url(../misc/quoteA.jpg) no-repeat;}
#link_four:hover{background:url(../misc/newA.jpg) no-repeat;}
#link_five:hover{background:url(../misc/faqsA.jpg) no-repeat;}
#link_six:hover{background:url(../misc/contactA.jpg) no-repeat;}

	#content{position:relative; float:left; width:860px; background:url(../misc/bg_repeat.jpg) repeat-y}
	#menu1{ position:relative; left:13px;float:left; width:187px;margin-top:0px;padding-bottom:160px;}
		#dstore { position:absolute; bottom:86px; left:38px;}
	#middleContent{position:relative;float:left; left:40px; width:600px; margin-top:0px }

.vertical_menu{}
.vertical_menu h1{ background:url(../misc/menu_h1.jpg) bottom no-repeat ; height:18px; padding:5px 20px; margin:0;}
/* The vertcal menu main content */
.menuContent{ padding:15px; 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) 2px 0 no-repeat; padding-left:3px; padding-top:2px; padding-bottom:2px;}

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

#foot1,#foot2,#foot3,#foot4,#foot5,#foot6 { position:absolute; top:31px;}
#foot1 { left:19px;}
#foot2 { left:60px;}
#foot3 { left:114px;}
#foot4 { left:207px;top:33px;}
#foot5 { left:265px;}
#foot6 { left:303px;} 

#twitter { position:absolute; top:30px; left:723px; display:block;}
#facebook {position:absolute; top:30px; left:787px; display:block;}

div#preload { display: none; }