@import url(ecom.css);
@import url(article.css);
@import url(review.css);
@import url(guide.css);
/***********************************************************************
			ELEMENTS
***********************************************************************/
a {
	color: #333333;
	font-size: 11px;
}

a:hover {
	color: #000000;
}

body {
	background:url(images/background.png) repeat-x #EE1515;
	color: #595959;
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	margin-left: 0;
	margin-top: 20px;
	text-align: center; /* <-- IE does not use margin:auto. HACK */
}

div#content{
	padding-bottom: 12px;
	padding-top: 12px;
}

input {
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	padding-left: 3px;
}

p {
	margin: 0;
	margin-bottom: 7px;
	margin-top: 7px;
	padding: 0;
}

p.overline-thin {
	margin-bottom: 10px;
	margin-top: 10px;
}

/***********************************************************************
			CLASSES
***********************************************************************/

.alt_colour0 {
	background-color: #EEEEEE;
}

.alt_colour1 {
	background-color: #FFFFFF;
}

.alt_colour2 {
	background-color: #E6E6FA;
}

.alt_colour3 {
	background-color: #F0F8FF;
}

.bgcolor1 {
	background-color: #999999;
}

.bgcolor2, .ecom_content_padding {
	background-color: #BBBBB1;
}

.bgcolor3 {
	background-color: #EE1515;
}

.bgcolor4 {
	background-color: #D5D5CB;
}

.bgcolor5 {
	background-color: #E5E5DB;
}

.bgcolor6, .ecom_nav_background {
	background-color: #F6F6EE;
}

.bgcolor7, .bgcolorwhite, .ecom_content_background {
	background-color: #FFFFFF;
}

.border_top{
	background: url(images/gradient_box.jpg) repeat-x #B7B7B2;
	border-top: 10px solid #FFFFFF;
	height: 169px;
	vertical-align: top;
}

.button {
	background-color: #FFB600;
	cursor: pointer;
	font-size: 11px;
}

.button {
	border: 1px #000000 solid;
}

.clearing {
/*
	clear: both;
	margin: 0 !important;
	overflow: visible !important;
	overflow: hidden; /*	line-height: 0;*/
/**/
	clear:both;
	height:0;
	margin:0;
	font-size:1px;
	line-height:0px;
	overflow:hidden;
}

.clearing:after {
	content: ".";
	line-height: 0;
	visibility: hidden;
}

.container_vert_border{
	background-color: #FFFFFF;
	padding-left: 10px;
}

.crumb-text {
	color: #666666;
	font-size: 11px;
}

.crumb-text a {
	color: #666666;
	font-size: 11px;
}

.crumb-text-highlight {
	color: #666666;
	font-size: 11px;
	font-weight: bold;
}

.error {
	color: #FF0000;
	font-size: 11px;
}

.gnav-button-bg {
	background-image: url(images/gnav_button_background.gif);
}

.hide{
	display: none;
}

.linkimage{
	border: 0;
}

.linktext {
	color: #FFFFFF;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration: underline;
	text-transform: none;
}

.linktext10pt {
	color: #FFFFFF;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
}

.overline-thin {
	border-top: 1px solid #CCCCCC;
}

.product-add-to-cart {
	color: #666666;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
}

.product-comment-text {
	color: #CCCCCC;
	font-size: 9px;
}

.product-desc-text {
	color: #333333;
	font-size: 11px;
}

.product-desc-text a {
	color: #666666;
	font-size: 10px;
	font-weight: bold;
}

.product-image-full {
	border: 0px solid #000000;
}

.product-image-thumb {
	border: 0px solid #999999;
}

.product-image-thumb-on {
	border: 0px solid #000000;
}

.product-name {
	color: #666666;
	font-size: 11px;
	font-weight: bold;
}

.product-name a {
	color: #0D6999;
}

.product-option {
	color: #333333;
	font-size: 11px;
}

.product-price {
	color: #999999;
	font-size: 10px;
	font-weight: bold;
}

.search_divider{
	background-image: url(images/vert_dots.gif);
	background-repeat: repeat-y;
	padding-left: 1px;
}

.smalltext {
	font-size: 9px;
}

.snippet{
	padding: 3px 3px 0 3px;
}

.text {
	font-size: 11px;
}

.text a {
	color: #666666;
}

.text h1{
	display: inline;
	font-size: 12px;
	font-weight: bold;
}

.textbutton {
	background-color: #FFB600;
	border: 1px #000000 solid;
	font-size: 11px;
}

.top_search_btn{
	height: 16px;
	padding-left: 6px;
	padding-right: 10px;
	width: 32px;
}

.top_search_btn a {
	background: url(images/search_btn.gif) no-repeat left top;
	display: block;
	height: 0 !important;
	overflow: hidden;
	padding-top: 16px;
	text-decoration: none;
	width: 32px;
}

.underline-thin {
	border-bottom-color: #CCCCCC;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: #FFFFFF;
	border-left-style: none;
	border-left-width: 1px;
	border-right-color: #FFFFFF;
	border-right-style: none;
	border-right-width: 1px;
	border-top-color: #FFFFFF;
	border-top-style: none;
	border-top-width: 1px;
}

.underline-thin td{
	border-bottom-color: #CCCCCC;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: #FFFFFF;
	border-left-style: none;
	border-left-width: 1px;
	border-right-color: #FFFFFF;
	border-right-style: none;
	border-right-width: 1px;
	border-top-color: #FFFFFF;
	border-top-style: none;
	border-top-width: 1px;
}

.xfa {
	text-decoration: none;
}

/***********************************************************************
			ID'S
***********************************************************************/

#article_snippet_header {
	background: url(images/article_snippet_header.jpg) no-repeat 3px 3px;
	padding: 30px 3px 4px 70px;
}

#breadcrumb:link {
	color: #999999;
	font-size: 9px;
	font-style: normal;
}

#breadcrumb:visited {
	color: #999999;
	font-size: 9px;
	font-style: normal;
}

#breadcrumb:hover {
	color: #000000;
	font-size: 9px;
	font-style: normal;
}

#breadcrumb:active {
	color: #000000;
	font-size: 9px;
	font-style: normal;
}

#container {
	background-color: #B7B7B2;
	border: 10px solid #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	text-align: left; /* <-- Undo the IE hack */
	width: 717px;
}
#footer_msg{
	width:717px;
	margin: 5px auto;
	text-align:right;
	color:#FFFFFF;
}
#footer_msg a{
	color:#FFFFFF;
	text-decoration:none;
}
#footer_msg a:hover{
	text-decoration:underline;
}

#ecom_snippet_header {
	background: url(images/ecom_snippet_header.jpg) no-repeat 3px 3px;
	padding: 30px 3px 4px 70px;
}

#find_spa_snippet {
	display: none;
}

#find_spa_snippet_header {
	background: url(images/find_spa_snippet_header.jpg) no-repeat 3px 3px;
	display: none; /* Find a spa is not ready */
	padding: 30px 3px 4px 70px;
}

#force-scrollbar {
	bottom: -1px;
	position: absolute;
	top: 0;
	width: 1px;
	z-index: -1;
}

#search_nav_container {
	background: url(images/icon_search_142px.jpg) no-repeat #D9D9D9;
	border: 1px solid #FFFFFF;
	height: 200px;
	padding: 100px 0 0 0;
	vertical-align: top;
	width: 142px;
}

#search_nav_list {
	border: 0;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#search_nav_list li a {
	display: block;
	font-size: 10px;
	height: 14px;
	padding-bottom: 2px;
	padding-left: 10px;
	padding-top: 2px;
	text-decoration: none;
	width: auto;
}

#search_nav_list li a#active {
	background: url(images/icon_arrow_14px.gif) 120px no-repeat #D9D9D9;
}

#search_nav_list li a:hover {
	background-color: #FAFAFA;
}

#top_img_main{
	background-image: url(images/main_bkgnd.jpg); 
	background-repeat: no-repeat;
	border: 1px solid #EE1515;
	height: 605px;
	padding-left: 245px;
	width: 245px;
}

#top_img_site{
	background-image: url(images/home/main_logo.png);
	background-repeat: no-repeat;
	border: 1px solid #EE1515;
	height: 82px;
	padding-left: 245px;
	width: 245px;
}

#top_nav_about{
	background-image: url(images/top_nav_about.gif);
	width: 74px;
}

#top_nav_article{
	background-image: url(images/top_nav_article.gif);
	width: 64px;
}

#top_nav_bar ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#top_nav_bar ul li{
	display: block;
	float: left;
}

#top_nav_bar ul li a{
	display: block;
	height: 0px !important;
	overflow: hidden;
	padding: 26px 0 0 0;
	text-decoration: none;
	width: auto;
}

#top_nav_contact{
	background-image: url(images/top_nav_contact.gif);
	width: 83px;
}

#top_nav_find{
	background-image: url(images/top_nav_find.gif);
	width: 72px;
}

#top_nav_home{
	background-image: url(images/top_nav_home.gif);
	width: 46px;
}

#top_nav_review{
	background-image: url(images/top_nav_review.gif);
	height: 26px;
	width: 59px;
}

#top_nav_review{
	background-image: url(images/top_nav_review.gif);
	width: 59px;
}

#top_nav_shop{
	background-image: url(images/top_nav_shop.gif);
	width: 42px;
}
#top_nav_cc{
	background-image: url(images/top_nav_cc.gif);
	width: 117px;
}
#top_right{
	background-color: #EE1515;
	border: 0;
	height: 82px;
	width: 440px;
}

#top_right_padding{
	border-bottom: 10px solid #FFFFFF;
	height: 10px;
}

#top_search{
	border: 0;
	height: 46px;
}
/******************************************CONTACT US ******************************************/
.contact_us_header h3{
	margin-left: 9%;
}
.contact_us_container td{
	padding:0;
}
#contact_us_table {
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
}
#contact_us_table td{
	padding-bottom: 5px;
}

/***********************************************************************************************/
/******************************************* CMS  *********************************************/
.display_cms {
	background-color: #FFFFFF;
/*	min-height: 160px; */
	padding: 10px;
}

* html div.display_cms {
/*	height: 170px; */
}


/********* New Home Page Styles ***********/
#page_contain{
	/* width  is 718px */
	width:697px;
	margin:25px auto 0 auto;
	border:10px solid #FFFFFF;
	text-align:left;
	background:#FFFFFF;
}
#header{
	background:#EE1515 url(images/home/main_logo.png) no-repeat;
	border-bottom:10px solid #FFFFFF;
	height:82px;
}
#header span, #header h1{
	display:none;
}
#main_search{
	width:440px;
	height:46px;
	border-left:10px solid #FFFFFF;
	float:right;
	display:inline;
}
#main_search label{
	margin:19px 0 0 175px;
	float:left;
	display:inline;
}
#main_search input{
	float:left;
	margin:17px 0 0 3px;
	display:inline;
	width:166px;
	border:1px solid #6C6D68;
}
#main_search a{
	background:url(images/home/search_btn.gif) no-repeat;
	width:32px;
	height:16px;
	float:left;
	margin:17px 0 0 5px;
	display:inline;
}
#main_nav{
	clear:both;
	width:440px;
	height:36px;
	border-left:10px solid #FFFFFF;
	float:right;
	margin:0;
	padding:0;
	list-style-type:none;
	display:inline;
}
#main_nav li{
	display:inline;
}
#main_nav li a{
	float:left;
	height:26px;
}
a#main_nav_home{
	background:url(images/home/top_nav_home.gif);	
	width:46px;
}
a#main_nav_reviews{
	background:url(images/home/top_nav_review.gif);	
	width:59px;
}
a#main_nav_articles{
	background:url(images/home/top_nav_article.gif);	
	width:64px;
}
a#main_nav_shop{
	background:url(images/home/top_nav_shop.gif);	
	width:42px;
}
a#main_nav_spa_guide{
	background:url(images/home/top_nav_find.gif);	
	width:72px;
}
a#main_nav_about{
	background:url(images/home/top_nav_about.gif);	
	width:74px;
}
a#main_nav_contact{
	background:url(images/home/top_nav_contact.gif);	
	width:83px;
}
#content_body{
/* 	background:#FFFFFF; */
	min-height:1%;
}
#content_left{
	float:left;
}

#content_right{

}

#home_feature{
	float:left;
	width:492px;
	background:url(images/home/home_feature_repeat.gif) repeat-y;
}
#home_feature h2{
	background:url(images/home/home_feature_top.gif) no-repeat;
	height:27px;
	margin:0;
}
#home_feature h2 span, #home_listing h2 span, #home_treat_yourself h2 span, #home_article h2 span{
	display:none;
}
#home_feature_content{
	background:url(images/home/home_feature_check.jpg) bottom right no-repeat ;
	margin:0 5px 0 5px;
	padding:5px;
	min-height:143px;
}
#home_feature_content h3{
	margin:0;
	font-size:14px;
	color:GREEN;
}
#home_feature_content img{
	float:left;
	margin-right:10px;
	border:0;
}
.feature_detail_link{
	text-align:right;
	padding-right:15px;
}
.feature_detail_link a{
	color:#595959;
	font-weight:bold;
}
* html #home_feature_content{
	height:143px;
}
#home_feature_bottom{
	background:url(images/home/home_feature_bottom.gif) no-repeat;
	height:10px;
	overflow:hidden;
}
#home_listing{
	float:left;
	width:196px;
	margin-left:9px;
	color:#FFFFFF;
	background:#BABAB0;
/*	font-size:10px;*/
}
#home_listing a{
	color:#FFFFFF;
}
#home_listing h2{
	margin:0;
	padding:0;
	background:url(images/home/listings_top.gif) no-repeat;
	height:43px;
}
#home_listing ul{
	list-style-type:none;
	min-height:135px;
	margin:-5px 0 0 0;
	background:url(images/home/listings_bottom.gif) no-repeat bottom;
	padding:0 0 7px 0;
}
* html #home_listing ul{
	height:135px;
}

#home_listing ul li{
	padding:0 12px 0 12px;
	padding-bottom:7px;
}
#home_treat_yourself{
	float:left;
	margin-left:42px;
	width:241px; 
	border-top:10px solid #FFFFFF;
	background:#EE1515 url(images/home/treat_yourself_bottom.gif) no-repeat bottom;
}
#home_treat_yourself h2{
	margin:0;
	background:url(images/home/treat_yourself_top.gif) no-repeat;
	height:43px;
}
#home_treat_yourself ul, #home_article ul{
	list-style-type:none;
	margin:0;
	padding:0 0 7px 0;
}
#home_treat_yourself ul li{
	background:#FFFFFF url(images/home/treat_yourself_item_top.gif) no-repeat;
	margin-left:5px;
	width:230px;
	margin-top:5px;
}
#home_treat_yourself ul li div{
	background:url(images/home/treat_yourself_item_bottom.gif) no-repeat bottom;
	padding:5px;
}

#home_treat_yourself img{
	border:0;
	float:left;
}
#home_treat_yourself ul li div h4{
	margin:0 0 0 48px;
	font-size:11px;
}
#home_treat_yourself ul li div p{
	margin:5px 0 5px 48px;
}
#home_treat_yourself ul li div p.treat_item_price{
	text-align:right;
	margin:0;
}
p.treat_item_price a{
	float:right;
	background:url(images/home/ecom_snippet_buy.jpg) no-repeat;
	width:32px;
	height:14px;
	margin-left:4px;
}
p.treat_item_price a span{
	display:none;
}
#home_welcome{
	width:340px;
	margin:0 0 0 10px;
	float:left;

}
* html #home_welcome{
	padding-top:10px;
}
#home_welcome .display_cms{
	margin:0;
	padding:0;
}
#home_welcome h2{
	font-size:14px;
	margin:10px 0 5px 0;
}
#home_article{
	float:left;
	width:196px;
	background:#BABAB0 url(images/home/home_article_bottom.gif) no-repeat bottom;
	margin:10px 0 0 9px;
}
#home_article h2{
	background:url(images/home/home_article_top.gif) no-repeat;
	height:43px;
	margin:0;
}
#home_article h2 span{
	display:none;
}
#home_article ul li{
	background:#FFFFFF url(images/home/home_article_item_top.gif) no-repeat top;
	margin:5px 0 0 5px;
	width:186px;
}
#home_article ul li div{
	background:url(images/home/home_article_item_bottom.gif) no-repeat bottom;
	padding:5px;
}
#home_article ul li div h4{
	font-size:11px;
	margin:0 0 5px 0;
}
#home_article ul li div span{
	font-size:10px;
}
#home_article ul li div p{
	text-align:right;
	margin:5px 0 0 0;
}
#home_article ul li div a{
	color:#595959;
	text-decoration:none;
}
#home_article ul li div a:hover{
	text-decoration:underline;
}
#home_article ul li div p a{
	float:right;
	background:url(images/home/article_more_btn.png) no-repeat;
	width:45px;
	height:14px;
}
#home_article ul li div a span{
	display:none;
}
#footer{
	width:717px;
	margin:0 auto 25px auto;
	padding:5px 0 0 0;
	color:#FFFFFF;
	text-align:right;
}
#footer a{
	color:#FFFFFF;
}

