/*********************/
		 /* 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_one, #link_two,#link_three,#link_four, #link_five { font-size:12px; color:; text-decoration:none;}
#link_one:hover, #link_two:hover,#link_three:hover,#link_four:hover,#link_five:hover{ color:;}
	/*-----------------------
	The vertical menu  
-------------------------*/
.vertical_menu h1{ font-size:14px; color:white; font-weight:bold;}
.vertical_menu ul li a{ text-decoration:none;}
.vertical_menu ul li a:hover{ color:#0095D8;}

.menuContent *{ font-size:13px; color:#646567;}
.menuContent a{ text-decoration:none;}
.menuContent a:hover{ color:#0095D8;}
.menuContent b{}
.menuContent input{ color:black;} 
.menuContent select {color:black;}
.menuContent option {color:black;}
/*-----------------------
	The Main Content
-------------------------*/
#middleContent { font-size:12px; color:#646567;}
#middleContent a{ font-weight:bold; color:#0095D8; text-decoration:none;}
#middleContent a:hover{ text-decoration:underline;}
#middleContent legend{font-size: 15px;color:#799C13; font-weight:bold;}
#middleContent h1{font-size:22px; clear:both; color:#799C13; font-weight:normal; border-bottom:1px solid #69BAE4;}
#middleContent h2{ font-size:18px; color:#799C13; font-weight:normal;}
#middleContent h3{margin-top:10px; color:#799C13; font-weight:normal;}
#middleContent h4{margin-top:10px; color:#799C13; font-weight:normal;}
#middleContent .specialoffer{ color:red}
#middleContent select{ color:#646567}
#middleContent p { margin-bottom:10px}

#headerr a {font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#0095D8;text-decoration:none;letter-spacing:-1px;}
#headerr a:hover { text-decoration:underline}

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

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

#search_form {}
#search_submit{position:absolute;top:17px; left:185px;}
#search_input{background:;border:none;height:19px;left:0px;position:absolute;top:0px;width:159px;}

/* 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:154px; width:850px;}
	#leftpaws { position:absolute; top:0px; right:850px;}
	#rightpaws { position:absolute; top:0px; left:849px;}
	#email { position:absolute;  left:646px; top: 138px; }

/* The home, services, about us and contact us links accross the top (horizontal)*/
#link_one, #link_two,#link_three,#link_four, #link_five{ position:absolute; top:0px; height:58px; width:110px;}
#link_one{left:391px;background:url(../misc/home_stateA.jpg); display:block;}
#link_two{left:501px;background:url(../misc/about_stateA.jpg); display:block;}
#link_three{left:611px;background:url(../misc/services_stateA.jpg); display:block;}
#link_four{left:720px;background:url(../misc/contact_stateA.jpg); display:block;}

#link_one:hover{background:url(../misc/home_stateB.jpg) no-repeat}
#link_two:hover{background:url(../misc/about_stateB.jpg) no-repeat}
#link_three:hover{background:url(../misc/services_stateB.jpg) no-repeat}
#link_four:hover {background:url(../misc/contact_stateB.jpg) no-repeat}

	#content{position:relative; float:left; width:850px; background:white repeat}
	#menu1{ position:relative; left:28px;float:left; width:227px;margin-top:0px;background:url(../misc/side_menu_bg.jpg) bottom repeat-y;padding-bottom:30px;}
	#middleContent{position:relative;float:left; left:15px; width:594px; margin-top:-50px }

.vertical_menu{}
.vertical_menu h1{ background:url(../misc/menu_header.jpg) no-repeat ; height:14px; padding:12px 20px; margin-left:4px}
/* The vertcal menu main content */
.menuContent{ padding:0px 10px;}
.menuContent ul{ margin:0; padding:0;}
.menuContent li{ position:relative; list-style-type:none;background:url(../misc/list_icon.jpg) 17px 0 no-repeat; padding-left:38px}

/* 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:100px;width:850px; background:url(../misc/footer.jpg) no-repeat}
#footer ul li{ position:relative; float:left; list-style-type:none; padding-left:24px;top:104px;left:-10px;}
#foottext { position:absolute; left:170px; top:83px;}
#mistore{ position:absolute; float:left; top:100px; left:667px;  }
div#preload { display: none; }