/* ------------------MoonLite template stylesheet --------------------*/



* {
	margin:0;
	padding:0;
	}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	text-align:center;
	background:#E8EFF7 url(../templateimages/bg.jpg) no-repeat;
	background-attachment: fixed; 
	}
	
	
	
#page {
	position:relative;
	z-index:0;
	width:970px;
	margin:0 auto;
	padding:0px 15px 10px 15px;
	text-align:left;
	background-color:#fff;
	}
	
.pageBottom {
	margin-top:40px;
	}
		
	
/* ------------------ General  --------------------------------*/

a {
	text-decoration:none;
	color:#333;
	}
	
a:hover {
	text-decoration:underline;
	}
	
span {
font-style:normal;
}

.qsPdf {
	display:block;
	height:19px;
	padding:7px 0 0 28px;
	background:url(../../images/iconPDF.gif) no-repeat left;
	}
	
.qsDoc {
	background:url(../../images/iconDoc.gif) no-repeat left;
	padding-left: 18px;
	}
	
/* -----------------  Header  -------------------------------- */
#header {
	position:relative;
	z-index:10;
	height:210px;
	margin:0px 0px 40px 0px;
	color:#333;
	width:984px;
	}

#header h1 {
	}
	
#header #logo {
	position:absolute;
	left:-26px;
	top:18px;
	font-size:14px;
	font-weight:bold;
	}
	
#header .times {
position:absolute;
left:320px;
top:42px;
}

#header a.findUs  {
font-size:10px;
font-weight:bold;
position:absolute;
top:100px;
left:420px;
}

#header .faceBookLike {
position:absolute;
top:125px;
left:0px;
z-index:5999;
}



/* Top Corner navigation ------------------------------------------------------------*/
	
#header #topNav {
	position:absolute;
	top:13px;
	right:40px;
	}
	
#header #topNav ul{
	position:relative;
	float:left;
	}
	
#header #topNav ul li {
	display:inline;
	float:left;
	list-style:none;
	padding:5px 3px;
	width:100px;
	}
	
#header #topNav ul li.first {
	background-image:none;
	}

#header #topNav ul li a {
	text-decoration:none;
	padding:5px 0px;
	color:#89174A;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	}
	
#header #topNav ul li a:hover {
	text-decoration:underline;
	}
#header #topNav ul li.phone {
	background:url(../templateimages/phone.gif) no-repeat left;
	padding-left:28px;
	font-size:16px;
	font-weight:bold;
	font-style:italic;
	color:#999999;
	margin-left:20px;
}	

/* -------------------- Account rollover list ----------------- */


#header #accountPopUp {
	background-color:#fff;
	display:none;
	border:2px solid #C5EBD7;
	position:absolute;
	top:23px;
	right:112px;
	height:400px;
	width:200px;
	z-index:100;
	}
	
#header #accountPopUp ul {
	margin:0px;
	padding:5px 10px;
	list-style:none;
	}
	
#header #accountPopUp ul li {
	line-height:2.2em;
	font-size:11px;
	}
	
	
/* -------------------- Search box -------------------------- */

	
#left #search {
	position:relative;
	width:209px;
	height:34px;
	padding:18px 0px 0px 20px;
	background:url(../templateimages/searchBg.jpg) no-repeat;
	}
	
#left .searchField {
	position:relative;
	top:-5px;
	left:-3px;
	width:155px;
	color:#999;
	border:none;
	}
	
#left .searchSubmit {
	position:absolute;
	width:23px;
	height:24px;
	top:12px;
	right:10px;
	color:#fff;
	font-size:11px;
	background:url(../templateimages/go.gif) no-repeat;
	border:none;
	text-decoration:none;
	cursor:pointer;
	}
	
#left #search a { /* Advanced search link */
	color:#fff;
	text-decoration:underline;
	float:right;
	margin-right:10px;
	font-size:10px;
	}
	
/* -------------------- Search box in header on home page-------------------------- */
	
#header #search {
	position:absolute;
	top:100px;
	right:55px;
	width:250px;
	height:34px;
	padding:17px 0px 0px 20px;
	background:#fff url(../templateimages/searchBgHdr.gif) 40px -1px no-repeat;
	}
	
#header #search label {
	font-weight:bold;
	color:#006496;
	}
	
#header .searchField {
	position:relative;
	top:-3px;
	left:4px;
	width:170px;
	color:#999;
	}
	
#header .searchSubmit {
	position:absolute;
	width:23px;
	height:24px;
	top:13px;
	right:0px;
	color:#fff;
	font-size:11px;
	background:url(../templateimages/go.gif) no-repeat;
	border:none;
	text-decoration:none;
	cursor:pointer;
	}
	
#header #search a { /* Advanced search link */
	color:#fff;
	text-decoration:underline;
	float:right;
	margin-right:10px;
	font-size:10px;
	}
	
/* Mini basket --------------------------------------------------- */	


#header .basket2  {
	font-weight:bold;
	color:#006496;
	font-style:normal;
	position:absolute;
	right:55px;
	top:60px;
	font-size:11px;
	}

#header .basket2 a {
	color:#89174A;
	}

.normal {
	font-style:normal;
	}

#header #miniBasket {
	position:absolute;
	top:54px;
	right:5px;
	background:url(../templateimages/basketBg.jpg) no-repeat;
	width:282px;
	height:28px;
	padding:13px 0px 0px 12px;
	z-index:2;
	font-weight:bold;
	color:#006496;
	}
	
#header #miniBasket .basketBtn {
	color:#89174A;
	margin-right:35px;
	text-decoration:underline;
	}

#header #miniBasket em {
	font-style:normal;
	}

#header #miniBasket .basketTotal em {
	font-weight:bold;
	}
	
#header #miniBasket  #basketPopUp {
 	visibility:hidden;
	background:transparent url(../templateimages/basketPopUp_bg.png) right top no-repeat;
	position:absolute;
	top:25px;
	left:-245px;
	width:330px;
	padding:55px 10px 100px 0px;
	display:block;
	z-index:3;
	text-align:center;
	color:#333;
	}

#header #miniBasket  #basketPopUp .message {
	display:block;
	position:absolute;
	top:70px;
	left:53px;
	font-weight:normal;
	}
	
#header #miniBasket  #basketPopUp a.btnSmallMB, #header #miniBasket  #basketPopUp a.btnSmallMB2 {
	float:left;
	margin:18px 0px 0px 24px;
	width:81px;
	height:10px;
	padding:2px 0px 7px 0px;
	color:#000;
	border:none;
	cursor: pointer;
	text-align:center;
	font-weight:bold;
	position:absolute;
	top:80px;
	}
	
#header #miniBasket  #basketPopUp a.btnSmallMB{
	left:150px;
	}

#header #miniBasket  #basketPopUp a.btnSmallMB2{
	left:50px;
	}
	
#header #miniBasket  #basketPopUp img{
	position:absolute;
	top:38px;
	right:40px;
	border:none;
	}
	
/* Currency selectors -------------------------------------------*/

#currencies {
	position:absolute;
	right:20px;
	top:40px;
	}
	
#currencies img {
	border:none;
	margin:0px 5px;
	}
	
#currencies a:hover {
	text-decoration:none;
	}
	
	
/* ------------------Navigation in header Home, FAQs etc -------*/	


#menu li a:hover, #menu li a.currentTab {
	background:url(../templateimages/mainNavHover.jpg) repeat-x;
	color:#89174A;
}

#mainNav {	
	position:absolute;
	bottom:0px;
	left:0px;
	width:960px;
	height:47px;
	background:url(../templateimages/navBarBg.jpg) no-repeat;
	z-index:1;
	padding-left:10px;
	}

#menu {
	display:inline;
	height:27px;
	width:auto;
	}

#menu li {
	display:inline;
	float:left;
	text-align:center;
	list-style:none;
	margin-left:2px;
	}

#menu li a {
	display:block;
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#fff;
	height:20px;
	padding:15px 11px 15px 11px;
	text-transform:uppercase;
	margin:0px 8px 0px 8px;
	}

#menu li a:hover {
	background:url(../templateimages/mainNavHover.jpg) repeat-x;
	color:#89174A;
	}

#menu .topcat {
	position:relative;
	z-index:10;
	}
	

div.catPullOut {
	position:absolute;
	z-index:10;
	display:none;
	color:#333;
	background-image:none;
	width:185px;
	top:47px;

	}

#menu ul.pullOut {
	position:relative;
	z-index:10;
	display:block;
	width:160px;
	height:auto;
	padding:0px;
	margin:0px;
	float:left;
	background-image:none;
	background-color:#2a2a2a;
	}
	
#menu ul.pullOut li{
	background-color:#2a2a2a;	
	display:block;
	position:relative;
	padding:5px 10px 5px 10px;
	background-image:none;
	margin:0px;
	float:none;
	list-style:none;
	text-align:left;
	}

#menu ul.pullOut li a {
	font-size:11px;
	text-decoration: none;
	text-align:left;
	border:none;
	background-image:none;
	width:140px;
	float:none;
	display:inline;
	color: #fff;
	}
	
#menu ul.pullOut li a:hover {
	text-decoration:none;
	background-image:none;
	border:none;
	color: #cb0a37;
	}	
		
#menu ul.pullOut li.head{
	padding:5px 10px 5px 10px;
	border:none;
	margin:0px;
	background-image:none;
	color:#FF0000;
	}
	

	
#menu ul.pullOut li.head a  {
	background-image:none;
	font-size:11px;
	color:#0000FF;
	}
	
#menu ul.pullOut li.head a:hover {
	background-image:none;
	font-size:11px;
	color: #cb0a37;
	}
	

	
/* drop down styles	*/

#menu ul.pullDown {
	position:relative;
	z-index:2;
	display:block;
	width:193px;
	height:auto;
	padding:15px 0px 20px 10px;
	margin:0px 0px 0px 12px;
	float:left;
	background:url(../templateimages/dropDownBg.png) bottom no-repeat;
	}
		
#menu ul.pullDown li{
	padding:0px 0px 0px 0px;
	border:none;
	margin:0px 0px 0px 2px;
	background-image:none;
	color:#fff;
	}

	
#menu ul.pullDown li a  {
	background-image:none;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	color:#999;
	text-transform:none;
	width:167px;
	margin:0px;
	height:10px;
	padding:3px 0px 9px 12px;
	font-family:Arial, Helvetica, sans-serif;
	}
	
#menu ul.pullDown li a:hover {
	background:url(../templateimages/dropDownOver.jpg) no-repeat;
	color: #fff;
	}
	


	
/* --------------------------Categories -----------------------*/
#left {
	width:229px;
	padding:0px 0px 30px 0px;
	margin:10px 0px 0px 0px;
	float: left;
	}
	
#left .simpleBox {	
	border:1px solid #ccc;
	background-color:#f1f1f1;
	}
	
#left .simpleBox img {	
	margin-left:7px;
	}
	
#left .simpleBox p {	
	padding:10px 25px;
	}
	
#left h1 {
	width:200px;
	color:#006699;
	margin-bottom:10px;
	padding:14px 0px 10px 10px;
	font-size:14px;
	font-weight:bold;
	border-bottom:1px solid #CCCCCC;
	}
	
#left ul {
	width:210px;
	margin:0px 0px 20px 0px;
	line-height:20px;
	}
#left ul li{	
	list-style:none;
	}
	
#left ul li a {
	display:block;
	height:20px;
	color:#666;
	font-weight:bold;
	padding:0px 0px 2px 10px;
	text-decoration:none;
	font-size:12px;
	}
	
#left ul li a:hover, #left ul li a.over  {
	color:#fff;
	background:url(../templateimages/leftOver.gif) no-repeat;
	}
	
	
/* ------------------ Newsletter -------------------------------*/

	
	
#left .newsletterEmail {
	width:150px;
	margin:0px;
	}

#left .newsletterSubmit {
	width:30px;
	height:19px;
	color:#fff;
	font-size:11px;
	background:transparent url(../templateimages/go2.gif) center center no-repeat;
	border:none;
	text-decoration:none;
	cursor:pointer;
	}

#emailWarning, #bothWarning, #nameWarning {
	visibility:hidden;
	font-size:10px;
	position:absolute;
	
	left:95px;
	width:100px;
	}
	
#feedback {
	position:absolute;
	top:155px;
	left:20px;
	color:#006496;
	width:200px;
	font-size:9px;
	}	

p#emailWarning {
	top:155px;
	left:20px;
	color:#C30;
	width:200px;
	}	
	
#bothWarning {
	top:155px;
	left:20px;
	color:#C30;
	width:200px;
	}	

#nameWarning {
	top:155px;
	left:20px;
	color:#C30;
	width:200px;
	}
	
.inputWarning {
	background-color:#F2F8FF;
	border:1px solid #fff;
	}
	
.frontName {
	border:1px solid #fff;
	position:absolute;
	top:76px;
	left:23px;
	color:#999;
	font-size:11px;
	width:170px;
	}	
	
.frontEmail {
	border:1px solid #fff;
	position:absolute;
	top:105px;
	left:23px;
	color:#999;
	font-size:11px;
	width:170px;
	}	

.frontSubmit {
	position:absolute;
	width:50px;
	top:133px;
	left:17px;
	background:url(../templateimages/frontSubmit.gif) no-repeat;
	width:70px;
	height:21px;
	border:none;
	cursor:pointer;
	}		
	
/* ------------------ Recently viewed -------------------------*/

#recentlyViewed {
	clear:both;
	margin:20px 0px 20px 0px;
	}
	
#recentlyViewed h1 {
	display:block;
	padding:0px;
	padding:0px 0px 10px 10px;	
	}
	
#recentlyViewed p.product {
	clear:both;
	padding:10px 0px 10px 0px;
	border-bottom:1px dotted #aaa;
	}
	
#recentlyViewed p.product:hover {
background-color:#EDF4F8;
}

#recentlyViewed p.product .productPrice{
	display:block;
	font-weight:bold;
	color:#A91C5B;
	}	

	
#recentlyViewed p.image {
	clear:both;
	padding:10px 0px 15px 0px;
	width:229px; /* Set to same as #left - we use this to control the padding and position of the image  */
	}
	
#recentlyViewed p.image a img {
	border:none;
	}
	
#recentlyViewed a:hover {
text-decoration:none;
cursor:pointer;
}	
		
	
#recentlyViewed	#recentViewedShowOpen {	
	float:right;
	}
	
#recentlyViewed	#recentViewedShowClose {	
	float:right;
	display:none;
	}
	
#recentlyViewed	#recentViewedHidden {
	display:none;
	}
	
/* ------------------ Top sellers -------------------------*/

#topSellers {
	clear:both;
	margin:20px 0px 20px 0px;
	}
	
#topSellers h1 {
	display:block;
	padding:0px;
	padding:0px 0px 10px 10px;	
	}
	
#topSellers p.product {
	clear:both;
	padding:10px 0px 10px 0px;
	border-bottom:1px dotted #aaa;
	}
	
#topSellers p.product:hover {
background-color:#EDF4F8;
}

#topSellers p.product .productPrice{
	display:block;
	font-weight:bold;
	color:#A91C5B;
	}	

	
#topSellers p.image {
	clear:both;
	padding:10px 0px 15px 0px;
	width:229px; /* Set to same as #left - we use this to control the padding and position of the image  */
	}
	
#topSellers p.image a img {
	border:none;
	}
	
#topSellers a:hover {
text-decoration:none;
cursor:pointer;
}	
		
	
#topSellers	#topSellersShowOpen {	
	float:right;
	}
	
#topSellers	#topSellersShowClose {	
	float:right;
	display:none;
	}
	
#topSellers	#topSellersHidden {
	display:none;
	}


		
/* ------------------ Breadcrumbs -------------------------------*/

#breadcrumb, #breadcrumbBottom {
	z-index:-10px;
	height:20px;
	color:#fff;
	font-size:12px;
	padding:5px 0px 0px 10px;
	background:url(../templateimages/breadcrumb.gif) no-repeat;
	margin-bottom:30px;
	margin-top:10px;
	}
	
#breadcrumbBottom {
	z-index:-10px;
	height:20px;
	color:#fff;
	font-size:12px;
	padding:5px 0px 0px 10px;
	background:url(../templateimages/breadcrumb.gif) no-repeat;
	margin:0px 0px 30px 0px;

	width:725px;
	position:absolute;
	left:0px;
	bottom:0px;



	clear:both;
	}		
	
#breadcrumbBottom {
	margin-top:20px;
	}

#breadcrumb a, #breadcrumbBottom a {
	color:#346F8B;
	font-size:12px;
	font-weight:bold;
	}
	
	
/* ------------------ Sale Box -------------------------------*/

#saleBox {
	position:relative;
	top:13px;
	height:32px;
	background:#fff url(../templateimages/saleBg.jpg) left center no-repeat;
	margin:0px;
	padding:0px;
	}

#saleBox #saleText1 {
	position:absolute;
	left:20px;
	top:1px;
	color:#fff;
	font-size:26px;
	font-weight:bold;
	letter-spacing:1px;
	}
	
#saleBox #saleText2 {
	position:absolute;
	left:330px;
	top:4px;
	color:#fff;
	font-size:20px;
	}
	
#saleBox #saleText3 {
	position:absolute;
	left:615px;
	top:7px;
	color:#016BA5;
	font-size:16px;
	font-weight:bold;
	}
	
/* -- Main content styled in dynamic.css --------------------------------------------------------- */


/*---------------------  Site map -------------------------------------------- */

#sitemap {
	clear:both;
	padding:20px 0px 20px 20px;
	margin-top:30px;
	border-top:3px solid #eee;
	}
	
#sitemap .sitemapList {
	list-style-type:none;
	width:155px;
	float:left;
	margin-right:0px;	
	}
	
#sitemap .sitemapList li{
	padding-bottom:8px;
	}
	
#sitemap .sitemapList .topSitecat {	
	font-weight:bold;
	color:#89174A;
	}
	
#sitemap .sitemapList .topSitecat a {
	color:#89174A;
	}
		
#sitemap .sitemapList .subSitecat a {	
	color:#999999;
	}
	
#sitemap .sitemapList .topSitecat a, #sitemap .sitemapList .subSitecat a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	
/* Social --------------------------------------------------------------------*/	


#social {
background:url(../templateimages/socialBg.gif) no-repeat;
height:39px;
padding-right:15px;
padding-top:10px;
text-align:right;
}

#social a {
padding-left:10px;
}



	
/*---------------------  Footer -------------------------------------------- */

#footer {
	font-size:10px;
	font-weight:bold;
	clear:both;
	height:31px;
	padding:0px 20px;
	margin-top:20px;
	background:url(../templateimages/footer.gif) no-repeat;
	color:#468CAE;
	}

#footer a {
	color:#468CAE;
	text-decoration:none;
	font-size:10px;
	font-weight:bold;
	}

#footer a:hover {
text-decoration:underline;
}	

#footer #credit {
	padding-top:6px;
	text-align:right;
	}
	
	
/* Miscellaoueous --------------------------------------------------------------------*/

.noborder {
	border:none;
	} 
	
.clear {
	clear: both;
	height:1px;
}

.secureLogos {
	margin:20px;
	}









/* topDropDown --------------------------------------------------------------------*/



#navBar {
	position:absolute;
	top:13px;
	right:40px;
	z-index:10;
}

#navBar ul {
	padding-top:4px;
	height:26px;

	background:url(../templateimages/navBar.jpg);
}

	
#navBar ul li ul {
	position:absolute;
	height:auto;
	left:0px;
	top:23px;
	display:none;
	width:135px;
	padding:15px 12px 15px 12px;
	background-color:#fff;
	background-image:none;

}

#navBar ul li ul#ulFirst {
left:-130px;
border-top:3px solid #89174A;
border-left:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
}

#navBar ul li ul#ulSecond {
left:2px;
padding-bottom:15px;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
border-top:3px solid #89174A;
}



#navBar ul li ul li {
display:block;
line-height:1.4em;
float:none;

}

#navBar ul li ul li a {
padding:0px 10px 0 10px;
text-indent:0px;
color:#999;
font-size:11px;
font-weight:bold;

}

#navBar ul li ul li a:hover {
background:none;
background-color:#eee;
text-decoration:none;
color:#333;
}

#navBar ul li:hover ul, #navBar ul li.over ul {
display:block;
float:none;
z-index:100;
}


#navBar ul li {
list-style-type:none;
float:left;
position:relative;

}

#navBar ul li a {

display:block;
height:20px;
text-decoration:none;
	padding:5px 15px;
	color:#89174A;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#navBar ul li a:hover {
text-decoration:underline;
}

#customerServices:hover, #navBar ul li a.customerCurrent {
background:url(../templateimages/topNavOver.gif) no-repeat;
color:#FFFFFF;
text-decoration:none;
}

#navBar ul li.phone {
background:url(../templateimages/phone.gif) no-repeat left;
padding-left:28px;
font-size:16px;
font-weight:bold;
font-style:italic;
color:#999999;
margin-left:20px;
}