/*********************/
		 /* 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:11px;color:#231F20;}
#link_basket:hover,#link_home:hover,#link_orders:hover,#link_logout:hover{ color:#EC008C;}
	/*-----------------------
	The vertical menu  
-------------------------*/
.vertical_menu h1{ font-size:16px; color:#EC008C; text-transform:uppercase;}
.vertical_menu ul li a{ text-decoration:none;font-size:14px; font-weight:bold; color:#094E9C}
.vertical_menu ul li a:hover{ color:#8CC641;}

.menuContent *{ font-size:13px; color:#231F20; font-weight:bold;}
.menuContent a{ text-decoration:none;color:#094E9C;}
.menuContent a:hover{ color:#8CC641;}
.menuContent b{}
.menuContent input{ color:black;}
.menuContent select {color:black;}
.menuContent option {color:black;}
/*-----------------------
	The Main Content
-------------------------*/
#middleContent { font-size:12px; color:#231F20;}
#middleContent a{ font-weight:bold; color:#094E9C; text-decoration:none;}
#middleContent a:hover{ color:#8CC641;}
#middleContent legend{font-size: 15px;color:#231F20; font-weight:bold;}
#middleContent h1{font-size:21px; clear:both; color:#231F20; font-weight:bold}
#middleContent h2{ font-size:15px;  color:#231F20; font-weight:bold; }
#middleContent h3{margin-top:10px; color:#231F20;}
#middleContent h4{margin-top:10px; color:#231F20;}
#middleContent .specialoffer{ color:red}
#middleContent select{ color:#A7A8AA}
#middleContent p { margin-bottom:10px}

#footer  {font-size:10px; text-decoration:none; color:#231F20; font-weight:bold;}
#footer a { font-size:10px; text-decoration:none; color:#231F20;font-weight:bold;}
#footer a:hover { color:#EC008C;}
	/*********************/
  	  /* 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:1213px; margin:0 auto;}

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

#headerr { position:relative; background:url(../misc/header.jpg) no-repeat; height:188px; width:1213px;}
#logo { position:absolute; display:block; left:10px; top:20px;}

#facebook,#twitter,#youtube,#flickr { position:absolute; display:block; top:35px;}
#facebook { left:1005px;}
#twitter{ left:1041px;}
#youtube{ left:1079px;}
#flickr{ left:1115px;}

/* 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:83px; height:31px}
#link_one{left:431px; background:url(../misc/buyoneA.jpg) no-repeat;width:107px;}
#link_two{left:566px;background:url(../misc/closeupA.jpg) no-repeat;width:113px;}
#link_three{left:701px;background:url(../misc/galleryA.jpg) no-repeat;width:110px;}
#link_four{left:831px;background:url(../misc/whoA.jpg) no-repeat;width:159px;}
#link_five{left:1005px;background:url(../misc/contactA.jpg) no-repeat;width:155px;}

#link_one:hover{background:url(../misc/buyoneB.jpg) no-repeat;}
#link_two:hover{background:url(../misc/closeupB.jpg) no-repeat;}
#link_three:hover{background:url(../misc/galleryB.jpg) no-repeat;}
#link_four:hover{background:url(../misc/whoB.jpg) no-repeat;}
#link_five:hover{background:url(../misc/contactB.jpg) no-repeat;}

	#content{position:relative; float:left; width:1213px; background:url(../misc/bg_repeat.jpg) repeat-y}
	#menu1{ position:relative; left:57px;float:left; width:190px;margin-top:1px; }
	#middleContent{position:relative;float:left; left:92px; width:872px; margin-top:-66px;  }

.vertical_menu{}
.vertical_menu h1{ background:url(../misc/menu_h1.jpg) no-repeat ; height:18px; padding:5px 10px; 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: square; color:red; padding-left:0px; padding-top:2px; margin-left:14px;}

/* 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:350px;width:1213px; background:url(../misc/footer.jpg) no-repeat;margin-bottom:51px; }
#bottom { position:fixed; clear: both; width:100%; height:61px; top: auto; right: 0; bottom: 0; left: 0;	 background:url(../misc/bottomfoot.jpg) center no-repeat;}
#logos { position:relative; height:350px;width:1213px; margin:0 auto; }

#foottext { position:absolute; top:17px; left:41px;}
#widget { position:absolute; top:42px; left:38px;}
#logo1 { position:absolute; display:block; top:3px; left: 40px;}

#mistore{ position:absolute; float:right; top:12px; left:950px; margin:0 auto; }
div#preload { display: none; }