/* ------------------MoonLite template stylesheet --------------------*/

* {
	margin:0;
	padding:0;
	}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
	background-color:#FFF;
	}
	
#page {
	position:relative;
	background-color:#fff;
	width:965px;
	text-align:left;
	}
	
/* -----------------  Header  -------------------------------- */
#header {
	position:relative;
	height:139px;
	background:#FFF;
	color:#fff;
	}

#header h1 {
	display:none;
	visibility:hidden;
	height:0px;
	text-align:-3000px;
	}
	
#header #logo {
	position:absolute;
	left:18px;
	top:23px;
	border:none;
	}

#header img {
	border:none;
	}	
	

	
/* ------------------Navigation in header Home, FAQs etc -------*/	
#mainNav {	
	position:absolute;
	top:40px;
	left:877px;
	}


#mainNav ul{
}

#mainNav ul li {
	position:relative;
	height:100%;
	list-style:none;
	}

#mainNav ul li a {
	color:#47726B;
	text-decoration: none;
	display:block;
	width:84px;
	height:16px;
	padding-top:4px;
	margin-bottom:2px;
}

#mainNav ul li a:hover {
	text-decoration:underline;
	}

#mainNav .headerLink {
	background:transparent url(../templateimages/headerLink_bg.gif) left center no-repeat;
	padding-left:15px;
	}	
	
/* My account link */

#myAccount {
	position:absolute;
	top:10px;
	left:610px;
	}
	
#myAccount a, #myAccount a:visited{
	color:#fff;
	text-decoration:none;
	}

#myAccount a:hover {
	text-decoration:underline;
	}
	
#myAccount .headerLink {
	background:transparent url(../templateimages/headerLink_bg.gif) left center no-repeat;
	padding-left:15px;
	}	
/* --------------------------Mini basket -------------------------*/
#miniBasket {
	position:absolute;
	top:65px;
	left:550px;
	}

#miniBasket em {
	font-style:normal;
	}

#miniBasket .basketTotal em {
	font-weight:bold;
	}
	
/* -------------------- Search box -------------------------- */
#search {
	position:absolute;
	top:60px;
	left:330px;
	}
	
.searchField {
	width:130px;
	color:#999;
	}
	
.searchSubmit {
	position:relative;
	top:4px;
	}
	
/* --------------------------Categories -----------------------*/
#categories {
	position:absolute;
	top:139px;
	left:0px;
	width:312px;
	padding-top:0px;
	margin:0px;
	/*background:#fff url(../templateimages/categories_bg.jpg) no-repeat left top;*/
	}
	
#categories h1 {
	font-family:Tahoma, Verdana, Sans-serif;
	font-size:20px;
	font-weight:normal;
	padding-left:10px;
	}	
	
#catInner {
	}
	
#categories ul {
	width:190px;
	margin:15px 0px 0px 1px;
	padding-top:0px;
	line-height:20px;
	}
#categories ul li{	
	list-style:none;
	}
	
#categories ul li a {
	display:block;
	width:181px;
	height:20px;
	color:#FFF;
	background-color:#72A79F;
	border-bottom:1px solid #FFF;
	text-decoration:none;
	padding-left: 10px;
	}
	
#categories ul li a:hover {
	color:#fff;
	background-color:#19797A;
	}
	
/*---------------------  Footer -------------------------------------------- */

#footer {
	clear:both;
	height:25px;
	margin-top:30px;
	}

#footer a {
	color:#5484B0;
	text-decoration:none;
	font-size:10px;
	}

#terms {
	float:left;
	margin-left:10px;
	}
#footer a.terms, #footer a.privacy {
	margin-left:10px;
	padding-left:10px;
	border-left:1px solid #5484B0;
	}
	
#credit {
	float:right;
	margin-right:10px;
	}

	
	
	
	
/*-------------------- Additional navigation for HC site ---------------------*/


#topNav {
	position: absolute;
	top: 0;
	left: 312px;
}


.indentmenu{
width: 653px; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
width: 100%; /*width of menu*/
background: #008DAE url(../../../images/indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 8px 12px;
text-decoration: none;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a:hover, .indentmenu ul li .current{
color: white !important; /*text color of selected and active item*/
padding-top: 8px; /*shift text down 1px for selected and active item*/
padding-bottom: 8px; /*shift text down 1px for selected and active item*/
background: #66BBCE no-repeat center center;
}	

	
