/* Elements */
body {
	margin: 0;
	padding: 0;
	background: #FFFFFF;
	color: #000000;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.7em; 
	text-align: center;
}
h1 {text-align: left; display: none; margin: 0; padding: 0; font-size: 1.5em;}
h2 {margin: 0.25em 0 0.25em 0; padding: 0; color: #AC0806; font-size: 2.6em; font-weight: normal;}
h3 {color: #AC0806; font-size: 1.5em; margin: 0 0 0.5em 0; font-weight: normal;}
h4 {color: #AC0806; font-size: 1em; margin: 0 0 0.5em 0; font-weight: bold;}
h5 {color: #000000; font-size: 1em; margin: 0 0 0.5em 0; font-weight: bold;}
form {margin: 0;}
p, div {margin: 0 0 1em 0; padding: 0;}
a {color: #333366; text-decoration: none;} 
a:hover {color: #5A5AAD; text-decoration: underline;}  
a:visited {color: #339999;}



/* Structure */
#container {
	margin: 0 auto;
	width: 760px;
	text-align: left;
	max-width: 1024px;
}
#header {
	height: 90px;  /* prev 102 */
	color: #666666;
	margin: 0;
}
#header input {font-size: 1em; color: #666666;}

#leftcol {
	width: 250px;
	float: left;
	margin: 0;
	padding: 0;
}
#rightcol {
	width: 500px;
	float: right;
	margin: 0 0 20px 0;
	padding: 0;
	background: #FFFFFF;
}
#rightcol p {line-height: 1.4em;}
#rightcol ul {margin: 0 0 1em 2em; padding: 0; list-style-type: square;}
#rightcol ul li {margin-top: 0; margin-bottom: 0.5em;}
#rightcol ol {margin: 0 0 1em 2em; padding: 0;}
#rightcol ol li {margin-top: 0; margin-bottom: 0.5em;}

#rightcol input {font-size: 1em; color: #333366;}
#rightcol select {font-size: 1em; color: #333366;}
#rightcol input.btn {font-size: 1.2em; font-weight: bold; color: #333333; margin: 20px 0;}


#logo {margin: 0; padding: 7px; float: left; width: 260px;}
#headernav {
margin: 0; 
padding: 0; 
float: right; 
text-align: right; 
height: 90px; /* prev 102 */
vertical-align: bottom;
}
#headernav p {margin: 0 0 0.5em 0; padding: 0;}

/* topnav dropdown menu */
#topnav, #topnav ul {
	font-family: Verdana, Tahoma, Arial, Helvetica, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal; /* Added 14072009 - Safari Mac is making topnav bold */
	width: 760px; /* This may have to be larger to accommodate a dropdown for the last LI */
	list-style: none;
	line-height: 1;
	background: #999999;
	height: 25px;
	padding: 0;
	margin: 0;
}

#topnav a {
	display: block;
	width: 11em;
	/* w\idth: 6em; */
	color: #FFFFFF;
	text-decoration: none;
	padding: 0;
	font-weight: normal; /* Added 14072009 - Safari Mac is making topnav bold */
}
#topnav a:hover {color: #E1E1E1; }

#topnav a.parent {
	background: url(images/rightarrow.gif) center right no-repeat;
}
#topnav a.parent:hover {
	background: #D4D4D4 url(images/rightarrow.gif) center right no-repeat;
}

#topnav li {
	/*background: #007BAD;*/
	float: left;
	padding: 0;
	width: 11.5em;
	/*border-right: 1px solid #E1E1E1; */
	height: 25px;
	margin: 0px;
	letter-spacing: 1px;
	background: url("images/bg_topnavdivider.gif") center right no-repeat;
}
#topnav li.home, #topnav a.home {width: 8em;}
#topnav li.advantageclub, #topnav a.advantageclub {width: 13em;}


#topnav li a {padding: 6px 0; text-align: center;} /* 6px 0 0 0 */

#topnav li.navBarLast {background: transparent;}

#topnav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 11.3em;
	/* w\idth: 13.9em; */
	font-weight: normal;
	/* border-bottom: 3px solid #AC0806; this colour should come from db */
	margin: 0;
	padding: 0;
	margin-top: 2px;
	line-height: 1.1em;
}
#topnav li ul.advantageclub2 {
	width: 13.3em;
}

#topnav li li {
	width: 10.3em;  /* 1em less than topnav li ul */
	background: #E1E1E1; /* FFFFCC */
	height: auto;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0px;
	padding-bottom: 0px;
	border-right: none;
}
#topnav li ul.advantageclub2 li {
	width: 12.3em; /* 1em less than topnav li ul.advantageclub2 */
}

#topnav li ul a {
	width: 10.3em;  /* 1em less than topnav li ul */
	font-weight: normal;
	color: #333333;
	/* w\idth: 9em; */
	padding: 0.5em;
	text-align: left;
	border-bottom: 1px dashed #AEAEAE;
}
#topnav li ul a:hover { background: #D4D4D4; color: #333333;}

#topnav li ul.advantageclub2 a {
	width: 12.3em;  /* 1em less than topnav li ul */
}

#topnav li ul ul {
	margin: -2.3em 0 0 11.3em;
}

#topnav li:hover ul ul, #topnav li:hover ul ul ul, #topnav li.sfhover ul ul, #topnav li.sfhover ul ul ul {
	left: -999em;
}

#topnav li:hover ul, #topnav li li:hover ul, #topnav li li li:hover ul, #topnav li.sfhover ul, #topnav li li.sfhover ul, #topnav li li li.sfhover ul {
	left: auto;
	background: #E1E1E1;
}

#topnav li:hover, #topnav li.sfhover {
	/*background: #00cc99;*/
}

#topnav li li:hover, #topnav li li.sfhover {
	background: #E1E1E1;  /* F2F2C2 F8FDFF */
}

.topnavActive {background: #019ADC;}  /* 0AB5FE */




#quicklinks ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#quicklinks ul li a, #quicklinks ul li a:visited {
	display: block;
	height: 23px;
	margin: 0;
	padding: 5px 0 0 40px;
	color: #222222;
	border-bottom: 1px dashed #AEAEAE;
}
#quicklinks ul li a:hover {
	text-decoration: none;

}

#quicklinks ul li a.advClub:link, #quicklinks ul li a.advClub:visited {
	background: #FFFFFF url("images/bg_nav_advantageclub.gif") center left no-repeat;
}
#quicklinks ul li a.advClub:hover {text-decoration: none; background: #F7F7F7 url("/images/bg_nav_advantageclub.gif") center left no-repeat;}

#quicklinks ul li a.giftCard:link, #quicklinks ul li a.giftCard:visited {
	background: #FFFFFF url("images/bg_nav_giftcard.gif") center left no-repeat;
}
#quicklinks ul li a.giftCard:hover {text-decoration: none; background: #F7F7F7 url("/images/bg_nav_giftcard.gif") center left no-repeat;}









#newsletter {
	margin-top: 10px;
}
#newsletter input {font-size: 1em; color: #666666;}



#leftnav {margin: 1px 0 0 0; }
#leftnav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#leftnav ul li a {
	display: block;
	height: 23px;
	margin: 1px 0 0 0;
	padding: 5px 0 0 20px;
	color: #333333;
	background: #CCCCCC;
	font-weight: bold;
	font-size: 1.2em;
}

#leftnav ul li a#nav-sleeping {background: #ccc url(images/navicon-sleeping.gif) top left no-repeat; padding: 5px 0 0 35px;}
#leftnav ul li a#nav-bathing {background: #ccc url(images/navicon-bathing.gif) top left no-repeat; padding: 5px 0 0 35px;}
#leftnav ul li a#nav-living {background: #ccc url(images/navicon-living.gif) top left no-repeat; padding: 5px 0 0 35px;}
#leftnav ul li a#nav-treats {background: #ccc url(images/navicon-treats.gif) top left no-repeat; padding: 5px 0 0 35px;}
#leftnav ul li a#nav-christmas {background: #ccc url(images/navicon-christmas.gif) top left no-repeat; padding: 5px 0 0 35px;}

#leftnav ul li a#nav-sleeping:hover  {background: #c9b8b7 url(images/navicon-sleeping.gif) top left no-repeat;}
#leftnav ul li a#nav-bathing:hover  {background: #c9b8b7 url(images/navicon-bathing.gif) top left no-repeat;}
#leftnav ul li a#nav-living:hover  {background: #c9b8b7 url(images/navicon-living.gif) top left no-repeat;} 
#leftnav ul li a#nav-treats:hover {background: #c9b8b7 url(images/navicon-treats.gif) top left no-repeat;}
#leftnav ul li a#nav-christmas:hover {background: #c9b8b7 url(images/navicon-christmas.gif) top left no-repeat;}

#leftnav ul li.leftnavactive a#nav-sleeping {background: #c9b8b7 url(images/navicon-sleeping.gif) top left no-repeat;}
#leftnav ul li.leftnavactive a#nav-bathing {background: #c9b8b7 url(images/navicon-bathing.gif) top left no-repeat;}
#leftnav ul li.leftnavactive a#nav-living {background: #c9b8b7 url(images/navicon-living.gif) top left no-repeat;}
#leftnav ul li.leftnavactive a#nav-treats {background: #c9b8b7 url(images/navicon-treats.gif) top left no-repeat;}
#leftnav ul li.leftnavactive a#nav-christmas {background: #c9b8b7 url(images/navicon-christmas.gif) top left no-repeat;}

#leftnav ul li a:hover {text-decoration: none;}
#leftnav ul ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#leftnav ul li.leftnavactive ul {background: #F2F2F2;}
#leftnav ul ul li a, #leftnav ul li.leftnavactive ul li a, #leftnav ul ul li a:visited {
	display: block;
	height: 20px;
	margin: 0;
	padding: 5px 0 0 40px;
	color: #222222;
	background: #F2F2F2 url("images/bg_leftnavitem.gif") center left no-repeat;
	font-weight: normal;
	font-size: 1em;
	border-bottom: 1px dashed #AEAEAE;
}

#leftnav ul ul li a.current, #leftnav ul li.leftnavactive ul li a.current, #leftnav ul ul li a.current:visited {font-weight: bold;}

#leftnav ul ul li a:hover, #leftnav ul li.leftnavactive ul li a:hover {
	text-decoration: none;
	background: #E9E9E9 url("images/bg_leftnavitem.gif") center left no-repeat;
}


/* WINTER 10 NAV */
p.Winter10 {margin: 0; padding: 0 0 6px 20px; color: #af0800;}
p.Winter10 a, p.Winter10 a:hover {color: #af0800; padding-bottom: 6px; font-size: 1.5em; text-decoration: none;}
#leftnav ul li a.impressions {background: #A42C3C; color: #F1E0E2;}
#leftnav ul li a.suburbanchic {background: #006E6E; color: #D9E9E9;}
#leftnav ul li a.enchantment {background: #492E1E; color: #E4E0DD;}
#leftnav ul li a.hightea {background: #F8BCC9; color: #634B50;}

#leftnav ul li a.impressions:hover {background: #962533; color: #fff;}
#leftnav ul li a.suburbanchic:hover {background: #005E5E; color: #fff;}
#leftnav ul li a.enchantment:hover {background: #3E271A; color: #fff;}
#leftnav ul li a.hightea:hover {background: #F3AFBE; color: #322628;}


/* SPRING 10 NAV */
p.Spring10 {margin: 0; padding: 0 0 6px 20px; color: #af0800;}
p.Spring10 a, p.Spring a:hover {color: #af0800; padding-bottom: 6px; font-size: 1.5em; text-decoration: none;}
#leftnav ul li a.mermaidbeach {background: #f39; color: #fff;}
#leftnav ul li a.valleygrove {background: #B8A6CA; color: #1F1B23;}
#leftnav ul li a.soho {background: #C00000; color: #fff;}
#leftnav ul li a.hayman {background: #71C59F; color: #12211A;}

#leftnav ul li a.mermaidbeach:hover {background: #FF247A; color: #fff;}
#leftnav ul li a.valleygrove:hover {background: #AD99C2; color: #000;}
#leftnav ul li a.soho:hover {background: #B70000; color: #fff;}
#leftnav ul li a.hayman:hover {background: #60BC91; color: #000;}





#leftnav_mapitem {margin: 1px 0 0 0; }
#leftnav_mapitem ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#leftnav_mapitem ul li a {
	display: block;
	height: 23px;
	margin: 1px 0 0 0;
	padding: 5px 0 0 20px;
	color: #333333;
	background: #CCCCCC;
	font-weight: bold;
	font-size: 1.2em;
}
#leftnav_mapitem ul li a:hover {text-decoration: none;}
#leftnav_mapitem ul ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#leftnav_mapitem ul li.leftnavactive ul {background: #F2F2F2;}
#leftnav_mapitem ul ul li a, #leftnav_mapitem ul li.leftnavactive ul li a, #leftnav_mapitem ul ul li a:visited {
	display: block;
	height: 26px;
	margin: 0;
	padding: 8px 0 0 40px;
	color: #222222;
	background: #F2F2F2 url("images/bg_map_grey.gif") center left no-repeat;
	font-weight: normal;
	font-size: 1em;
	border-bottom: 1px dashed #AEAEAE;
}
#leftnav_mapitem ul ul li a:hover, #leftnav_mapitem ul li.leftnavactive ul li a:hover {
	text-decoration: none;
	background: #E9E9E9 url("images/bg_map_grey.gif") center left no-repeat;
}








.panel_advantageclub {
	margin: 20px 0;
	padding: 0;
	border: 1px solid #CCCCCC;
	background: #FFFFFF url("images/bg_advantageclubcard.jpg") bottom right no-repeat;
}
.panel_advantageclub h3 {padding: 5px; margin: 0; color: #AF0800; font-size: 1.2em; font-weight: bold;}
.panel_advantageclub p {padding: 5px; margin: 0 0 1em 0;}


.hometile {
	float: left;
	width: 125px;
	height: 155px;
	margin: 0 0 20px 20px;
	padding: 1px;
}

.hometilePromotion {
	float: left;
	width: 127px;
	height: 155px;
	margin: 0 0 20px 20px;
	padding: 0;
}

.productThumb {margin: 0 10px 10px 0; border: 0;}

#footer {
	border: 1px solid #AC0806;
	margin: 0 0 20px 0;
	padding: 10px;
	color: #6B6B6B;
	vertical-align: middle;
	text-align: left;
}
#footer p {margin: 0; padding: 0;}




/* Promotional stiles */
#promo1 {
	margin: 0 0 2px 0;
	padding: 0;
	background: #FFFFFF url("images/promotions/bg_christmas.jpg") top left no-repeat;
	height: 207px;
}
#promo1 p {
	margin: 0 0 0.5em 0;
	padding: 0;
}

#promo2 {
	margin: 0 0 2px 0;
	padding: 0;
	background: #ED1648 url("images/promotions/bg_januarysale.jpg") top left no-repeat;
	height: 205px;
}
#promo2 p {
	margin: 0 0 0.5em 0;
	padding: 0;
	color: #FFFFFF;
}
#promo2 a {color: #FFFFFF; text-decoration: underline;}
#promo2 a:hover {color: #FFFFFF; text-decoration: underline;}

.promoHeader_prewintersale {
	margin: 0;
	padding: 0;
	background: #EE6BB0 url("images/promotions/bg_prewintersale.jpg") top left repeat-x;
	border-bottom: 2px solid #FFFFFF;
}
.promoHeader_winter {
	margin: 0;
	padding: 0;
	background: #AF0800 url("images/promotions/bg_wintersale.jpg") top left repeat-x;
	border-bottom: 2px solid #FFFFFF;
}

.promoHeader_mothersday {
	margin: 0;
	padding: 0;
	background: #73218C url("images/promotions/bg_mothersdaysale.jpg") top left repeat-x;
	border-bottom: 2px solid #FFFFFF;
}

.promo4_row1 {
	margin: 0;
	padding: 0;
	background: #CC3399 url("images/promotions/bg_februarysale.jpg") top left repeat-x;
	border-bottom: 2px solid #FFFFFF;
}
.promo5_row1 {
	margin: 0;
	padding: 0;
	background: #0090CC url("images/promotions/bg_marchsale.jpg") top left repeat-x;
	border-bottom: 2px solid #FFFFFF;
}
.promo4_row1 p, .promo5_row1 p, .promoHeader_prewintersale p, .promoHeader_mothersday p, .promoHeader_winter p {color: #FFFFFF; padding: 0 10px; margin: 0;}
.promo4_row1 a, .promo5_row1 a, .promoHeader_prewintersale a, .promoHeader_mothersday a, .promoHeader_winter a {color: #FFFFFF; text-decoration: underline;}
.promo4_row1 h2, .promo5_row1 h2, .promoHeader_prewintersale h2, .promoHeader_mothersday h2, .promoHeader_winter h2 {color: #FFFFFF; padding: 10px 10px 0.5em 10px; margin: 0;}
.promo4_row1 ul, .promo5_row1 ul, .promoHeader_prewintersale ul, .promoHeader_mothersday ul, .promoHeader_winter ul {color: #FFFFFF; padding: 0 5px 0 0; margin: 0 0 0.5em 2em; list-style-type: square;}


.promo4_row2 {background: #C3DEF9 url("images/promotions/bg_promo4_row2.jpg") top left repeat-x; border-bottom: 2px solid #FFFFFF;}
.promo4_row2 p {padding: 0 10px; margin: 0; color: #000000;}
.promo4_row2 h2 {padding: 10px 10px 0.5em 10px; margin: 0;}
.promo4_row2 ul {padding: 0 5px 0 0; margin: 0 0 0.5em 2em; list-style-type: square;}

.promo_mothersday2 {background: #FFCCCC url("images/promotions/bg_mothersdaysale2.jpg") top left repeat-x; border-bottom: 2px solid #FFFFFF;}
.promo_mothersday2 p {padding: 0 10px; margin: 0; color: #000000;}
.promo_mothersday2 h2 {padding: 10px 10px 0.5em 10px; margin: 0;}
.promo_mothersday2 ul {padding: 0 5px 0 0; margin: 0 0 0.5em 2em; list-style-type: square;}


.promo1_row1 {
	background: #2E8C00 url("images/promotions/bg_3.gif"); /* AF0800  339933 */
	border-bottom: 2px solid #FFFFFF;
	margin: 0;
	padding: 0;
}
.promo1_row1 h3 {
	color: #FFFFFF;
	font-size: 1.5em;
	padding: 0;
	margin: 0 0 0.5em 0;
}
.promo1_row1 p {padding: 0 10px; margin: 0.5em 0 0.5em 0; color: #FFFFFF;} /*  padding: 0 5px 1em 5px */

.promo1_special {padding: 8px; margin: 0; color: #FFFFFF; background: #999999; font-weight: bold; text-align: center;}

.promo1_row2 {
	background: #FFCC67 url("images/promotions/bg_2.gif");
	border-bottom: 2px solid #FFFFFF;
	margin: 0;
	padding: 0;
}
.promo1_row2 h3 {
	color: #9A0000;
	font-size: 1.5em;
	padding: 0;
	margin: 5px;
}



#promo2_row1 {background: #FFEA78 url("images/promotions/bg_promo2_row1.jpg") top left repeat-x; border-bottom: 2px solid #FFFFFF;}
#promo2_row2 {background: #AF0800 url("images/promotions/bg_promo2_row2.jpg") top left repeat-x; border-bottom: 2px solid #FFFFFF;}
#promo2_row3 {background: #BFBF7D url("images/promotions/bg_promo2_row3.jpg") top left repeat-x; border-bottom: 2px solid #FFFFFF;}

#promo2_row1 p {padding: 0 10px; margin: 0 0 0.5em 0; color: #000000;}
#promo2_row1 ul {padding: 10px; margin: 0 0 0.5em 2em; list-style-type: square;}

#promo2_row2 p {padding: 0 10px; margin: 0 0 0.5em 0; color: #FFFFFF;}
#promo2_row2 ul {padding: 0 10px 10px 0; margin: 0 0 0.5em 2em; list-style-type: square; color: #FFFFFF;}
#promo2_row2 h3 {color: #FFFFFF; font-size: 1.2em; font-weight: bold; padding: 10px 10px 0 10px; margin: 0;}

#promo2_row3 p {padding: 0 10px; margin: 0 0 0.5em 0; color: #000000;}
#promo2_row3 ul {padding: 10px; margin: 0 0 0.5em 2em; list-style-type: square;}


.product_tile {
	padding: 0 5px;
	border-right: 1px dashed #AEAEAE;
}
.product_tile p {margin: 0 0 0.5em 0;}


.hidden {display: none; }
.firstpara {font-size: 1.3em; line-height: 1.5em; margin-bottom: 2em;}
.nolink {color: #999999;}

.helpitems {
	margin-top: 0;
	margin-bottom: 1em;
	padding-left: 2em;
	list-style-image:  url(../images/bullet_help.gif); 
}

.tblForm {padding: 3px 0; border-bottom: 1px solid #E5E5E5;}
.tblForm2line {padding: 3px 0; border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5;}
.errormessage {font-weight: bold; color: #CC0000;}



#lyr1 {display: none;}
#lyr2 {display: none;}
#lyr3 {display: none;}
#lyr4 {display: none;}
#lyr5 {display: none;}
#lyr6 {display: none;}
#lyr7 {display: none;}
#lyr8 {display: none;}
#lyr9 {display: none;}

#publicMessageBox {width: 450px; padding: 30px; margin: 70px auto; border: 1px solid #333366;}

h2.promotitle {color: #AC0806; font-size: 3em; margin: 0 0 0.5em 0; font-weight: normal;}


/* LIGHTBOX */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(lightbox_images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(lightbox_images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{font-size: 1.2em; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


/* The following hack can only be read by Safari */
@media screen and (-webkit-min-device-pixel-ratio:0){
#topnav, #topnav ul {font-size: 10px;}
}