/*
*************************************************

file : screen.css
client : Belen
author : Karl Brightman
date created : 5th June 2007
the music : Air - Run
on this day : 1947 - At a speech at Harvard University, United States Secretary of State George Marshall called for economic aid to war-torn Europe, outlining a recovery program that became known as the Marshall Plan.

*************************************************
*/

/*-------------------------------------------
	Basic Selectors & Global Text Styles
-------------------------------------------*/
* { line-height: 1.4; margin: 0; padding :0; }
body {
	background: #48362b;
	font: normal 62.5% Arial, Helvetica, sans-serif;
	padding-top: 16px;
}

a img { border: 0; }

p { margin-bottom: 1em; }
ul,ol,dl { margin: 0 0 1em 2em 0; }

.discount_price { text-decoration: line-through; }
.total_price { color: #b866a1; font-weight: bold; }
.purple_text { color: #b866a1; }

.clear {
	display: block;
	clear: both;
	height: 1px;
	line-height: 0px;
	font-size: 0px;
	margin-bottom: -1px;
}

#container {
	background: #fff url(../images/core/container_bg.gif) repeat-y 0 0;
	margin: 0 auto;
	width: 1003px;
}

body.home #container {background: #D7CDBB;}
body.home #secondary {background: #F3ECE0;}

a.mailto { 
	color: #b565a4;
	text-decoration: none; 
}
   
a.mailto:hover { 
	color: #872e74;
	text-decoration: underline; 
} 

/*-------------------------------------------
	Primary & Secondary
-------------------------------------------*/
#primary, #secondary { float: left; }
#primary { width: 798px; }
body.home #primary { width: auto; }
#secondary { padding: 20px 20px 0 20px; width: 165px; }

/*-------------------------------------------
	Navigation & Cart information
-------------------------------------------*/
#navcart {
	background: #231711;
	color: #ebdfcb;
	height: auto;
	padding: 20px;
	position: relative;
	z-index: 100;
}

#navcart p {
	padding: 20px;
}

#navcart:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html #navcart {height: 1%;}
/* End hide from IE-mac */

/*-------------------------------------------
	Navigation
-------------------------------------------*/

#navigation { font-size: 1.1em; list-style: none; margin: 0; }
#navigation li {
	display: inline;
	margin-right: 8px;
	position: relative;
	z-index: 50;
}

#navigation li a { padding: 5px 0; color: #ebdfcb; text-decoration: none; }
#navigation li a:hover { color: #fff; }

#navigation li ul * { line-height: 1.4 !Important; }
#navigation li ul {
	background: #E5DDCF;
	height: auto;
	display: block;
	left: -9999px;
	position: absolute;
	top: 21px;
	width: 220px;
	z-index: 100;
}

#navigation li ul li { display: block; margin: 0; padding: 4px 5px; z-index: 120; border-bottom: 1px solid #B4A997; }
#navigation li ul li a {color: #231711; padding: 0;}
#navigation li ul li a:hover {color: #B866A1;}

#navigation li:hover ul, #navigation li.sfhover ul { left: 0; z-index: 150;}




/*-------------------------------------------
	Cart information
-------------------------------------------*/
#cart_info {
	background: url(../images/core/cart_info_bg.gif) no-repeat right top;
	display: block;
	font-size: 1.1em;
	height: 52px;
	padding-right: 10px;
	position: absolute;
	right: 0;
	text-align: right;
	top: 0;
	width: 170px;
	z-index: 10;
}
#cart_info a { color: #ebdfcb; margin-left: 6px; text-decoration: underline; }
#cart_info a:hover { color: #fff; }

/*-------------------------------------------
	Banner
-------------------------------------------*/
#banner {
	background: #460a30 url(../images/core/banner_bg.jpg) no-repeat 0 0;
	color: #a5578e;
	font-size: 1.1em;
	height: 125px;
	position: relative;
	width: 798px;
	z-index: 20;
}
body.home #banner {
	height: 310px;
	width: 1003px;
}

#banner #logo {
	background: url(../images/core/logo-inner.jpg) no-repeat 0 0;
	display: block;
	height: 56px;
	left: 45px;
	overflow: hidden;
	position: absolute;
	text-decoration: none;
	text-indent: -9999px;
	top: 18px;
	cursor: pointer;
	width: 158px;
}
body.home #banner #logo {
	background: url(../images/core/logo.jpg) no-repeat 0 0;
	height: 83px;
	left: 45px;
	top: 28px;
	display:block;
	cursor: pointer;
	width: 239px;
}

#banner #slogan {
	background: url(../images/core/slogan-inner.jpg) no-repeat 0 0;
	display: block;
	height: 32px;
	left: 45px;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: 74px;
	cursor: pointer;
	width: 158px;
}
body.home #banner #slogan {
	background: url(../images/core/slogan.jpg) no-repeat 0 0;
	height: 41px;
	left: 69px;
	top: 116px;
	cursor: pointer;
	width: 191px;
}

#banner .banner_location {
	height: 125px;
	position: absolute;
	top: 172px;
	width: 117px;
}

.banner_location {
  display: none;
}

body.home #banner .banner_location#bl-karrinyup {display: block; background: url(../images/core/bl_karrinyup.jpg) no-repeat 0 0; left: 22px; }
body.home #banner .banner_location#bl-gateway {display: block; background: url(../images/core/bl_gateway.jpg) no-repeat 0 0; left: 153px; }
body.home #banner .banner_location#bl-carousel {display: block; background: url(../images/core/bl_carousel.jpg) no-repeat 0 0; left: 282px; }



#banner #skin_care_treatments { display: none; }
body.home #banner #skin_care_treatments {
	display: block;
	left: 422px;
	padding-left: 20px;
	position: absolute;
	top: 46px;
}

#banner #skin_care_treatments h3 {
	background: url(../images/core/banner_skincare_head.jpg) no-repeat 0 0;
	display: block;
	height: 196px;
	left: 0;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: 0;
	width: 15px;
}

#banner #skin_care_treatments ul { list-style: none; margin: 0; }

#banner a#cta {position:absolute;left:590px;top:10px;width:177px;height:133px;display:block;text-indent:-999px;overflow:hidden;background:url(../images/core/cta-book-online-inner.png) no-repeat 0 0;color:#460a30;}

body.home #banner a#cta {top:90px;background:url(../images/core/cta-book-online.jpg) no-repeat 0 0;}

#banner .banner_affiliates {
	position: absolute;
	width: 155px;
}

body.home #banner .banner_affiliates#ba-napoleon {
  background: url(../images/core/ba_napoleon.jpg) no-repeat 0 0;
  border-bottom: 1px solid #5c2749;
  height: 92px;
  left: 825px;
  top: 80px;
}

body.home #banner .banner_affiliates#ba-dermalogica {
  background: url(../images/core/ba_dermalogica.jpg) no-repeat 0 0;
  height: 57px;
  left: 825px;
  top: 180px;
}

/*-------------------------------------------
	Page Image
-------------------------------------------*/
#page_image {
	height: 120px;
	width: 798px;
}
#page_image img { margin: 0; padding: 0; }

/*-------------------------------------------
	Features
-------------------------------------------*/
div#features { background: red; }
div.feature {
	background: #d7cdbb;
	color: #231711;
	float: left;
	font-size: 1.1em;
	height: 180px;
	padding: 8px; padding-bottom: 0;
	position: relative;
	width: 234px;
}

div.feature h2 {
	color: #fff;
	font-size: 1.8em;
	font-style: italic;
	font-weight: normal;
	margin-bottom: .15em;
	text-transform: lowercase;
}

div.feature h3 {
  font-size: 1em;
}

div.feature p {
	padding-bottom: 5px;
	margin: 0;
}

div.feature h5 {
	color: #231711;
	font-size: 1em;
	margin: 0;
}

div.feature .phone { color: #b565a4; }

div.feature h5 a { color: #231711; text-decoration: underline; }
div.feature h5 a:hover { color: #000; }

div.feature .side_image {
	float: left;
	height: 91px;
	margin-right: 8px;
	width: 95px;
}

div.feature .feature_content {
	float: left;
	width: 147px;
}

div.feature .feature_footer {
	bottom: 0;
	clear: both;
	display: block;
	list-style: none;
	position: absolute;
	right: 0;
	text-align: right;
}
div.feature .feature_footer li { display: inline; }

div.feature .feature_footer li a {
	color: #fff;
	display: block;
	float: left;
	padding: 6px 8px;
	text-decoration: none;
}

.InputBuyNow {
	color: #fff;
	display: block;
	float: left;
	padding: 6px 8px;
	text-decoration: none;
}

div.feature .feature_footer li.more_info a { background: #9f9481; }
div.feature .feature_footer li.more_info a:hover { background: #7a6e59; }

div.feature .feature_footer li.buy_now a { background: #b4a997; }
div.feature .feature_footer li.buy_now a:hover { background: #8b7c64; }

div.feature#f-current_special {
	background: #e5ddcf;
}

div.feature#f-featured_product, div.feature#f-gift_vouchers { background: #e5ddd0; }

/*-------------------------------------------
	Content
-------------------------------------------*/
#content {
	background: #fafafa;
	color: #231711;
	font-size: 1.3em;
	padding: 10px;
}
body.home #content { background: #fafafa; }

#content h1 {
	background: #d7cdbb;
	color: #fff;
	display: block;
	font-size: 1.8em;
	font-style: italic;
	font-weight: normal;
	margin-bottom: .5em;
	padding: 10px;
}

.smallBreadcrumb {
	background: #d7cdbb;
	color: #000000;
	
	font-size: .7em;
	font-style: italic;
	font-weight: bold;
}

#content h2 {
	color: #231711;
	font-size: 1.7em;
	font-style: italic;
	font-weight: normal;
	margin-bottom: .5em;
}

#content h3 {
	color: #702f59;
	font-size: 1.4em;
	font-style: italic;
	font-weight: normal;
	margin-bottom: .5em;
}

#content h4 {
	color: #231711;
	font-size: 1.2em;
	font-weight: normal;
	margin-bottom: .5em;
}

#content h5 {
	color: #231711;
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 0;
}

#content a.block_link { background: #d7cdbb; color: #fff; font-weight: bold; padding: 4px; text-decoration: none; }
#content a.block_link:hover { background: #b29f7c; }

#content ul { list-style: square; }
#content ol { list-style: decimal; }
#content ul,
#content ol { margin-left: 2em; margin-bottom: 1em; }

/*-------------------------------------------
	Shop Online
-------------------------------------------*/
#first_level_list { list-style: none; }
#first_level_list li {
	display: block;
	float: left;
	height: 160px;
	margin: 0 12px 12px 0;
	padding: 10px;
	text-align: center;
	width: 160px;
}

#first_level_list li a img { border: 1px solid #fff; }
#first_level_list li a:hover img { border: 1px solid #d7cdbb; }

#second_level_list { list-style: none !important;}
#second_level_list li {
	float: left;
	margin: 0 12px 12px 0;
}

#second_level_list li a {
	border: 1px solid #fff;
	color: #231711;
	display: block;
	height: 160px;
	overflow: hidden;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	width: 160px;
}
#second_level_list li a:hover { border: 1px solid #d7cdbb; }

#second_level_list li a img { margin-bottom: .5em; }

.product_listing, .product_listing_no_image {
	border: 1px solid #d7cdbb;
	clear: both;
	margin-bottom: 1em;
	padding: 10px;
}

.product_listing h3, .product_listing_no_image h3 {
	color: #231711;
	font-size: 1.4em;
	font-style: italic;
	font-weight: bold;
}

.product_listing img.product_image {
	float: left;
	height: 120px;
	margin-right: 10px;
	width: 120px;
}

.product_listing .content {
	float: left;
	width: 625px;
}

.product_listing_no_image img.product_image { display: none; }
.product_listing_no_image .content {
	float: left;
	width: 755px;
}

.product_listing .total_price, .product_listing_no_image .total_price { font-size: 120%; }
.product_listing .size, .product_listing_no_image .size { color: #48362b; font-size: 75%; margin: 0; }

.product_listing a.add_to_cart, .product_listing_no_image a.add_to_cart { background: #d7cdbb; color: #fff; font-weight: bold; padding: 4px; text-decoration: none; }
.product_listing a.add_to_cart:hover, .product_listing_no_image a.add_to_cart:hover { background: #b29f7c; }
.addButton { background: #d7cdbb; color: #fff; font-weight: bold; padding: 4px; text-decoration: none; border: none; width: 80px; height: 26px;}
.addButtonOver, form.cmxform li input.addButtonOver { background: #b29f7c; color: #fff; font-weight: bold; padding: 4px; text-decoration: none; border: none; width: 80px; height: 26px;}
.addButton2, form.cmxform li input.addButton2 { background: #d7cdbb; color: #fff; font-weight: bold; padding: 4px; text-decoration: none; border: none; width: 130px; height: 26px;}
.addButtonOver2, form.cmxform li input.addButtonOver2 { background: #b29f7c; color: #fff; font-weight: bold; padding: 4px; text-decoration: none; border: none; width: 130px; height: 26px;}
.addSample { background: #d7cdbb; color: #fff; font-weight: bold; padding: 4px; text-decoration: none; border: none; width: 90px; height: 26px;}
.addSampleOver { background: #b29f7c; color: #fff; font-weight: bold; padding: 4px; text-decoration: none; border: none; width: 90px; height: 26px;}
.addChangeSample { background: #FFFFFF; font-weight: bold; color: #b29f7c; text-decoration: none; border: none; height: 20px; width: 110px; text-align: left;}
.addChangeSampleOver { background: #FFFFFF; font-weight: bold; color: #990066; text-decoration: none; border: none; height: 20px; width: 110px; text-align: left;}
.arrows { color: #990066; text-decoration: none; font-weight: bold; border: none; height: 20px; width: 110px; text-align: left; font-size: 12px;}

/*-------------------------------------------
	Secondary
-------------------------------------------*/
#secondary {
	color: #231711;
	font-size: 1.2em;
}

#secondary h2 {
	color: #d7cdbb;
	font-size: 2em;
	font-style: italic;
	font-weight: normal;
	line-height: 1;
	margin-bottom: .8em;
}

#secondary h5 {
	color: #231711;
	font-size: 1em;
	font-weight: bold;
	margin: 0;
}

#secondary a {
	color: #b866a1;
	text-decoration: underline;
}
#secondary a:hover { color: #793566; }

#secondary ul {
	margin-bottom: 10px;
}

#secondary li {
	margin-left: 14px;
	list-style: square;
}

/*-------------------------------------------
	Shopping & Secure
-------------------------------------------*/
#shopping_secure {
	background: #231711;
	clear: both;
	color: #6c564c;
	font-size: 1.1em;
	height: 52px;
}
#shopping_secure p { margin: 0; }

#shopping_secure a { color: #6c564c; text-decoration: underline; }
#shopping_secure a:hover { color: #c8b4aa; }

#shopping_help {
	background: url(../images/core/shopping_help_bg.jpg) no-repeat left top;
	float: left;
	height: 12px;
	padding: 20px 0;
	padding-left: 150px;
}

#secure_online_shopping {
	background: url(../images/core/secure_bg.jpg) no-repeat right top;
	float: right;
	height: 12px;
	padding: 20px 0;
	padding-right: 25px;
}

/*-------------------------------------------
	Footer
-------------------------------------------*/
#footer {
	background: url(../images/core/footer_bg.jpg) repeat-x 0 0;
	color: #8d786c;
	font-size: 1.1em;
	height: 52px;
	margin: 0 auto;
	padding: 2em 5px;
	position: relative;
	width: 993px;
}

#footer a { color: #8d786c; text-decoration: underline; }
#footer a:hover { color: #fff; }

#footer #footer_navigation { display: inline; list-style: none; margin: 0; margin-bottom: 1em; margin-right: 10px; }
#footer #footer_navigation li {
	border-right: 1px solid #8d786c;
	display: inline;
	padding: 0 4px 3px 5px;
}
#footer #footer_navigation li.last { padding-right: 14px; }

#footer #copyright { display: inline; }

#footer #site_created_by {
	background: url(../images/core/site_created_by.jpg) no-repeat 0 0;
	display: block;
	float: right;
	height: 52px;
	overflow: hidden;
	position: absolute;
	right: 5px;
	text-indent: -9999px;
	top: 0;
	width: 72px;
}

/*-------------------------------------------
	Cart
-------------------------------------------*/
#cart { margin-bottom: 1em; }
#cart th {
	border-bottom: 1px solid #231711;
	font-style: italic;
	font-weight: bold;
	padding: 2px;
	text-align: left;
}

#cart table table td {
	padding: 2px;
	border-bottom: 1px dashed #DCD2DB;
}

#cart .right { text-align: right; }

#cart table table table td { border-bottom: 0; }

#cart td.totalprice {
	text-align: right;
	font-weight: bold;
	padding: 8px 0;
}

#cart td.buttons {
	padding-top: 10px;
	text-align: right;
}

/*-------------------------------------------
	Checkout
-------------------------------------------*/
form.form fieldset,
form.form ol, 
form.form li, 
form.form legend {
	margin: 0;
	padding: 0;
}
form.form { margin-bottom: 1em; }

form.form fieldset { border: 0; }

form.form ol { list-style: none; }

form.form li { margin-bottom: 5px; }
form.form li.button { margin-top: 15px; }

form.form label {
	display: inline-block;
	width: 150px;
}

form.form input, form.form select, form.form textarea {
	width: 250px;
	padding: 3px;
	border: 1px solid #ddd;
	background: #fff;
	font: normal 13px/13px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}

form.form select {
	padding: 0;
	width: auto;
}

.contact_form input.submit_btn{
	width: 100px;
}


form.form input.postcode,
form.form input.cc { width: 50px; }

form.form input.ccexpiry { width: 30px; }

form.form li.button input {
	width: auto;
	border: 0;
	background: #b29f7c;
	color: #fff;
	cursor: pointer;
}

form.form fieldset legend {
	font-weight: normal;
	font-style: italic;
	font-size: 1.6em;
	_margin: 0 -7px ; /* IE Win fix */
	margin-bottom: .5em;
}

/* IE Mac legend fix */
form.form legend {
  display: inline-block;
}

/*-------------------------------------------
	Contact
-------------------------------------------*/
#contact_locations_container { margin: 0 auto; width: 755px; }
.contact_location {
	border: 1px solid #d7cdbb;
	float: left;
	margin-bottom: 1em;
	padding: 10px;
	width: 345px;
	height:510px;
}
.contact_location#cl-karrinyup { margin-right: 20px; }

.contact_form td { padding-bottom: .25em; }

.contact_form_submit {
	width: auto;
	border: 0;
	background: #b29f7c;
	color: #fff;
	padding: 4px;
	cursor: pointer;
}

.contact_form select, .contact_form input {
	width:200px;
}
.contact_form textarea{
	width:225px;
}

/* Added Celine Chung 04/03/2008 */
.hidden { display: none; }
ul.staff { text-align: center; }
ul.staff li { width: 110px; float: left; margin: 0px !important; list-style-type: none !important; }

form.cmxform li { list-style-type: none !important; }
form.cmxform label.giftvoucher { width: 450px;	vertical-align: top; }
form.cmxform li.giftvoucher_button a { margin-left: 630px; }

hr { border: none; border-top: 1px solid #999999; margin: 20px 0; }
div.gift-display table a.add_to_cart { margin-left: 20px; }
div.gift-display td { padding: 5px; }
div.gift-display td.title { font-weight: bold; }

div#serviceList { width:240px; float:left; color:#000000; height: 100%; clear:both; }
div#serviceList ul li { list-style: none; margin: 0; }

/* gift vouchers */
#VoucherAmount { width: 240px; }
.addButton2,.addButtonOver2 { width: 258px !important; }