/* 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 0 0 0; padding: 0; font-size: 1.2em;}
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;
	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;
}
#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: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;
}

/* SUMMER 07-08 NAV */
#leftnav ul li a.seascape {background: #74c7ba; color: #fff;}
#leftnav ul li a.shimmer {background: #62194b; color: #fff;}
#leftnav ul li a.inspire {background: #e4d3a5; color: #666;}
#leftnav ul li a.paradise {background: #f2797e; color: #fff;}

#leftnav ul li a.seascape:hover {background: #70d7c3; color: #fff;}
#leftnav ul li a.shimmer:hover {background: #7b175f; color: #fff;}
#leftnav ul li a.inspire:hover {background: #eae0b6; color: #427768;}
#leftnav ul li a.paradise:hover {background: #f67f87; color: #fff;}



#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;}