/* GENERAL */

html {
	min-height: 100%; /* this two rules aligh the background-img to the bottom in Firefox */
	height: auto;
	}

p, li { 
	font-size:11px;
	line-height:130%;
	margin-bottom:.5em;
	}

a { color:#D22159; }

body { 
	background-color: #f1f1f2;  
	font-family:Arial, Helvetica, sans-serif; 
	color:#333;
	}

#stockists td {text-align:left;}

hr {color: #fff; background-color: #fff; border: 1px dotted #000; border-style: none none dotted; }
/* MAIN LAYOUT DIVS */

#page_wrap {
	width:995px;
	margin:auto;
	/*background:url(/images/wrapper_background.png) repeat-y;*/
	min-height:590px; /* delete later */
	padding-bottom:5px;
	background-color:#FFF;
	padding-top:40px;
	}

#header {
	height:109px;
	}

#navigation { height:109px; width:974px; margin-left:3px;  
	margin-bottom:-3px; position:relative;}
#navwrap	{width:930px; height:29px; border-top:6px solid #faf2eb; border-bottom:6px solid #faf2eb; margin-top:5px; padding-top:6px; margin-left:22px;}

#navul {margin-left:5px; width:572px; float:left;}
#navul li{display:inline; font-size:14px; text-transform:uppercase; margin-right:10px;}
#navigation a {text-decoration:none;}
#search_holder {float:right; margin-right:22px; font-size:10px; position:relative;}
#search_holder select {border:1px solid #999;}
#search	{border:1px solid #999; width:120px; position:absolute; top:1px; left:-190px;}
#btn_search {font-size:10px;  border:none; background-color:#fff;}

#navigation a:link			{color:#000;text-decoration:none;}
#navigation a:visited		{color:#000; text-decoration:none;}
#navigation a:hover		{color:#636467;}

.home #navigation li.selected {color:#c45359; text-decoration:none;}
.home #navigation li.selected a {color:#c45359; text-decoration:none;}

.foundation #navigation li.selected1 {color:#c45359; text-decoration:none;}
.foundation #navigation li.selected1 a {color:#c45359; text-decoration:none;}


.makeup #navigation li.selected2 {color:#c45359; text-decoration:none;}
.makeup #navigation li.selected2 a {color:#c45359; text-decoration:none;}

.skincare #navigation li.selected3 {color:#c45359; text-decoration:none;}
.skincare #navigation li.selected3 a {color:#c45359; text-decoration:none;}

.problem #navigation li.selected4 {color:#c45359; text-decoration:none;}
.problem #navigation li.selected4 a {color:#c45359; text-decoration:none;}

.ask #navigation li.selected5 {color:#c45359; text-decoration:none;}
.ask #navigation li.selected5 a {color:#c45359; text-decoration:none;}

.news #navigation li.selected6 {color:#c45359; text-decoration:none;}
.news #navigation li.selected6 a {color:#c45359; text-decoration:none;}

#typelabel {position:absolute; top:7px; left:-62px; }
#joina {position:absolute; top:75px; left:930px; font-size:10px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#joina {position:absolute; top:76px; left:930px; font-size:10px;}}
.content {
	
	width:939px;
	width:930px;
	min-height:442px;
	margin:0 0 20px 20px;
	padding:9px 8px;
	position:relative;
	float:left;
	}

/*.content.pattern { background:url(/images/content_patttern.jpg) no-repeat top left; }*/

#line1 {position:absolute; left:626px; top:3px;}
#line2 {position:absolute; left:631px; top:3px;}
#line3 {position:absolute; left:631px; top:3px;}
#line5 {float:right; margin-right:-10px;}
/* HEADINGS */

h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#D32259;
	font-size:22px;
	font-style:italic;
	margin:10px 0 10px 0;
	font-weight:normal;
	}

#normal h3 { margin-bottom:15px; font-family:Arial, Helvetica, sans-serif; color:#000; font-size:12px; font-style:normal; }

h1.faded { background:url(/images/faded_divider.png) no-repeat left bottom; padding-bottom:10px; }


#product_details h1 {visibility:hidden;}
h2.search_results {
	background:url(/images/search_icon.png) no-repeat 0 -2px ;
	padding-left:35px;
	font-size:14px;
	font-style:italic;
	margin-bottom:.5em;
	color:#333;
	}
	
h2.product_directory {
	color:#D32259;
	/*background:url(/images/search_icon.png) no-repeat 0 -3px ;
	padding-left:35px;*/
	font-size:14px;
	font-style:italic;
	margin:30px 0 15px 5px;
	margin-left:3px;
	color:#333;
	clear:both;
	min-height:24px;
	}
	
#main_content_inner h2 { 
	margin:0 0 .8em 0;
	color:#D32259;
	font-size:20px;
	font-style:italic;
	font-weight:normal;
	}

h3 { 
	margin:1em 0;
	color:#000;
	font-size:12px;
	font-weight:bold;
	line-height:130%;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	}

/* HOME */
	
#main_home {
	background:url(/images/home_main_image.jpg) no-repeat;
	height:342px;
	width:620px;
	
	
	}

#main_bannner_home {
	width:298px;
	height:298px;
	position:absolute;
	right:7px;
	top:9px;
	/*border-left:1px dotted #000;*/
	}

#main_bannner_home:hover {  }


#secondary_home_banners li { position:absolute;  width:298px; height:98px; }
#secondary_home_banners li:hover {  }


#secondary_home_banners a {
	display:block;
	width:298px;
	height:98px;
	width:298px;
	height:98px;
	}

#e_club { left:8px; top:352px; margin-top:5px; }
#behind_scenes { left:641px; top:352px; /*border-left:1px dotted #000;*/ margin-top:5px;}
#beauty_cake { width:295px; height:100px; left:320px; top:352px; border-left:1px dotted #000; margin-top:5px; padding-right:5px; }


/* Internal pages */

.main_content {
	width:600px;
	padding:10px 10px 10px 10px;
	
	border-bottom:1px dotted #000;
	min-height:340px; /* delete later */
	overflow:auto;
	}

#productContent li {
	/*background:url(../images/general_list_marker.png) no-repeat;*/
	}

#main_content_inner {
	margin:0 0 0 150px;
	padding-bottom:20px;
	}

#main_content_inner h2,
#main_content_inner h3,
#main_content_inner h4,
#main_content_inner p { width:320px; }

#main_bannner {
	width:298px;
	height:256px;
	position:absolute;
	right:8px;
	top:9px;
	
	}

#secondary_banner {
	position:absolute;
	right:8px;
	top:274px;
	
	width:298px;
	height:178px;
	
	}
#secondary_banner_small {
	position:absolute;
	right:8px;
	top:274px;
	
	width:298px;
	height:98px;
	}

/* FOUNDATION */

.foundation_product {
	float:left;
	margin-bottom:10px;
	margin-top:15px;
	width:400px;
	}

.foundation_img {
	float:left;
	width:95px;
	margin-right:20px;
	margin-bottom:10px;
	}

.foundation_product li { margin-bottom:.8em; }

#main_content_inner.foundation h1 {
	font-size:20px;
	margin-bottom:15px;
	}

#main_content_inner.foundation p {
	width:auto;
	}

#main_content_inner .foundation_product h2 {
	font-style:normal;
	font-size:12px;
	width:auto;
	}

/* SKINCARE */

#main_content_inner.normal_skin { background:url(/images/skincare_img_1.jpg) no-repeat 330px 200px; }
#main_content_inner.oily_skin { background:url(/images/skincare_img_2.jpg) no-repeat 330px 195px; }
#main_content_inner.dry_skin { background:url(/images/skincare_img_1.jpg) no-repeat 330px 200px; }



/* MAKEUP-UP */

.img_changer {
	position:absolute;
	left:144px;
	top:10px;
	}

.img_changer1 {
	position:absolute;
	left:10px;
	top:10px;
	}
/* NEWS */

.content#news #main_content { width:600px; padding:10px; overflow:auto; height:420px; }

dl.newslist {
	/*background:url(/images/faded_divider.png) no-repeat top left;*/
	padding:5px 0;
	margin-top:10px;
	clear:both;
	width:579px;
	float:left;
	}

.newslist dt {
	font-size:14px;
	font-style:italic;
	margin-bottom:10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	}

dl.newslist .news_date {
	font-size:10px;
	color:#D32259;
	font-style:italic;
	margin-bottom:10px;
	/*background:url(/images/faded_divider.png) no-repeat top left;*/
	padding-top:5px;
	margin-top:-2px;
	}

.news_image {
	
	width:123px;
	height:104px;
	float:right;
	margin-top:-5px;
	}

.news_main_description {
	width:400px;
	float:left;
	}

/* SUBMENU */ 

ul#submenu {
	width:135px;
	margin:-10px 0px 0 -10px;
	float:left;
	min-height:360px;
	
	}

ul#submenu li {
	text-indent:-9999px;
	margin:0;
	padding:0;
	}
	
.hide {  display:none; }
.show {  display:block; }
	
	
ul#submenu li.principal {  min-height:50px; margin:0; padding:0; } 
ul#submenu li a.principal {  height:50px; width:135px;  display:block;   } 


ul#submenu ul li { text-indent:0; font-size:11px; margin-bottom:.6em;  }

#submenu ul {  margin:15px 10px 20px 15px; } /*del */


#submenu li a { display:block; text-decoration:none; color:#333;  }
#submenu li a:hover {	color:#D32259; }
#submenu li a.active {	color:#D32259; cursor:auto; }


/* Makeup */
#submenu li#face { background:url(/images/submenu_face.jpg) no-repeat; }
#submenu li#eyes { background:url(/images/submenu_eyes.jpg) no-repeat; }
#submenu li#lips { background:url(/images/submenu_lips.jpg) no-repeat; }

/* Foundation */
#submenu li#compact { background:url(/images/submenu_compact.jpg) no-repeat; }
#submenu li#liquid { background:url(/images/submenu_liquid.jpg) no-repeat; }
#submenu li#stick { background:url(/images/submenu_stick.jpg) no-repeat; }
#submenu li#powder { background:url(/images/submenu_loose.jpg) no-repeat; }

/* Skincare */
#submenu li#cleanser { background:url(/images/submenu_cleanser.jpg) no-repeat; }
#submenu li#cleaning { background:url(/images/submenu_cleaning.jpg) no-repeat; }
#submenu li#toner { background:url(/images/submenu_toner.jpg) no-repeat; }
#submenu li#softening { background:url(/images/submenu_softening.jpg) no-repeat; }
#submenu li#moisturiser { background:url(/images/submenu_moisturiser.jpg) no-repeat; }
#submenu li#moisturise { background:url(/images/submenu_moisturise.jpg) no-repeat; }
#submenu li#treatment { background:url(/images/submenu_treatment.jpg) no-repeat; }
#submenu li#specialcare { background:url(/images/submenu_specialcare.jpg) no-repeat; }

/* Problem Solvers */
#problem_solvers #submenu li#face { background:url(/images/submenu_prob_face.jpg) no-repeat; }
#problem_solvers #submenu li#eyes { background:url(/images/submenu_prob_eyes.jpg) no-repeat; }



/* Image changer */
#image_changer { width:620px; margin-top:10px; }
#image_changer li { width:203px; height:71px; text-indent:-9999px;  }
#image_changer li a {  display:block; width:203px; height:71px; text-indent:-9999px;  }
#image_changer li a:hover {  }
#image_changer li.active {  }

#image_changer #item_1 { float:left; margin-right:5px; }
#image_changer #item_2 { float:left; border-left:1px dotted #000; margin-right:5px;}
#image_changer #item_3 { float:left; margin-right:-1px; border-left:1px dotted #000;}
 
#foundation #image_changer #item_1 { background:url(/images/SHM1256_Foundation_NormalSkin.jpg) no-repeat; }
#foundation #image_changer #item_2 { background:url(/images/SHM1256_Foundation_OilySkin.jpg) no-repeat;}
#foundation #image_changer #item_3 { background:url(/images/SHM1256_Foundation_DrySkin.jpg) no-repeat; }

#skincare #image_changer #item_1 { background:url(/images/skincare_Normal_Skin.jpg) no-repeat; }
#skincare #image_changer #item_2 { background:url(/images/skincare_Oily_Skin.jpg) no-repeat; }
#skincare #image_changer #item_3 { background:url(/images/skincare_Dry_Skin.jpg) no-repeat; }

/* for makeup background images on the <a> */
#makeup #image_changer #item_1 a { background:url(/images/makeup_CityChic.jpg) no-repeat; }
#makeup #image_changer #item_2 a { background:url(/images/makeup_PerfectPout.jpg) no-repeat; }
#makeup #image_changer #item_3 a { background:url(/images/makeup_Brighteyes_107.jpg) no-repeat; }

#problem_solvers #image_changer #item_1 a { background:url(/images/makeup_CityChic.jpg) no-repeat; }
#problem_solvers #image_changer #item_2 a { background:url(/images/makeup_PerfectPout.jpg) no-repeat; }
#problem_solvers #image_changer #item_3 a { background:url(/images/makeup_Brighteyes_107.jpg) no-repeat; }


/* SEARCH RESULTS */

.foundation1 {font-size:14px; color:#D32259; padding:2px 0 2px 4px; background-color:#f5e0dc;}
#results_wrap {
	margin:0px 0 00px 5px;
	overflow:hidden;
	}

.product_holder {
	width:153px;
	float:left;
	margin:0 10px 10px 0;
	padding:10px;
	height:270px;
	background-color:#fff;
	}
.product_spacer {
	width:276px;
	float:left;
	margin:0 10px 10px 0;
	padding:10px;
	height:100px;
	overflow:hidden;
	}
.product_holder ul { margin-left:130px; height:140px; overflow:hidden;  }

.product_img {
	width:130px;
	
	}

.product_title {
	font-size:12px;
	font-weight:bold;
	margin-bottom:5px;
	color:#000;
	margin-left:0px;
	line-height:140%;
	}

.product_price {
	font-size:10px;
	font-weight:bold;
	margin-bottom:10px;
	color:#D32259;
	margin-left:0px;
	}

.product_description {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0 0 10px 130px;
	margin-left:130px;
	}

p.more {
	background:url(/images/more_btn.png) no-repeat;
	position:absolute;	
	width:52px;
	height:23px;
	text-indent:-9999px;
	}

p.more a { display:block; width:52px; height:23px;  }

/* PRODUCT DETAILS */

#product_details {
	margin:6px 0 0 130px;
	}
#product_details h1 { display:none;}

ul#product_info {
	margin-left:220px;
	list-style-type:disc;
	}
	
ul#product_info li {
	margin-bottom:10px;
	/*background:url(/images/general_list_marker.png) no-repeat 0 5px;*/
	padding-left:0px;
	}
	
#product_image {
	width:300px;
	height:380px;
	float:left;
	}

#secondary_product_image { }

ul#pricing { margin:0 0px 20px 220px; }

ul#pricing li {
	color:#D32259;
	margin-bottom:0px;
	font-size:12px
	}

/* ASK THE EXPERT */


#expert_form_holder {
	width:300px;
	min-height:300px;
	position:absolute;
	right:8px;
	top:9px;
	background:url(../images/expert_form_background.jpg) bottom;
	}

#expert_form_holder h2 {
	text-indent:-9999px;
	background:url(../images/expert_form_heading.png) no-repeat;
	width:180px;
	height:52px;
	margin:20px 0 10px 25px;
	}

#expert_form {
	margin-left:10px;
	}

#expert_form p {
	margin:0 15px 10px 60px;
	}

#expert_form label {
	font-style:italic;
	color:#D32259;
	font-size:12px;
	text-align:right;
	width:50px;
	display:block;
	float:left;
	padding:4px 10px 0 0;
	}

#expert_form input {
	width:200px;
	margin-bottom:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	}

#expert_form textarea {
	width:200px;
	margin-bottom:6px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	height:85px;
	}

#expert_send {
	background:url(../images/send_btn.png) no-repeat;
	width:47px;
	height:21px;
	border:0;
	margin-left:59px;
	}

/* FAQ */

.main_content#faq { height:400px; overflow:auto; }

/* PRIVACY POLICY */

#privacy_policy {
	list-style-type:decimal;
	margin-left:22px;
	}

#privacy_policy ul {
	margin-top:10px;
	}

#privacy_policy ul li{
	background:url(/images/general_list_marker.png) no-repeat 0 5px;
	padding-left:15px;
	}

/* CONTACT US */

span {color:#bc3064;}
#joincheck	{position:absolute; left:159px; top:280px;}
#joinlabel	{position:absolute; left:311px; top:280px;}
#joinhr		{width:353px; margin-left:164px;}
.ie8 #joinhr		{width:353px; margin-left:86px;}
#joinimg	{position:absolute; left:165px; top:-77px;}

.main_content#contact_us { background:url(/images/contactform_background.jpg) no-repeat; height:400px; }
.main_content#contact_us1 { background:url(/images/contactform_background2.jpg) no-repeat; height:400px; }
.main_content#contact_us2 { background:url(/images/contactform_background3.jpg) no-repeat; height:400px; }
.main_content#contact_us4 { background:url(/images/contactform_background4.jpg) no-repeat; height:400px; }
#centrehr	{width:440px; margin-left:164px;}

#contact_text {
	width:137px;
	margin:0 0 0 0px;
	float:left;
	}

#contact_text p, #contact_text address {
	font-size:11px;
	line-height:120%;
	margin-bottom:14px;
	}

#contact_text address {
	font-style:italic;
	}

#contact_text strong { color:#D32259; font-style:italic; }

#centre_text1 h2 {
	font-size:26px;
	/*margin:15px 0 15px 30px;*/
	font-weight:normal;
	
	color:#D32259;
	position:absolute;
	top:-49px;
	left:163px;
	}

#contact_form {
	margin:0px 0 0 165px;
	width:400px;
	}

#contact_form label {
	display:block;
	margin-bottom:5px;
	color:#D32259;
	font-size:12px;
	font-style:italic;
	}

#contact_form input {
	margin-bottom:5px;
	color:#333;
	font-size:12px;
	width:196px;
	border:1px solid #F3B9B9;
	font-family:Arial, Helvetica, sans-serif;
	}
#join_form {
	margin:-30px 0 0 165px;
	width:400px;
	}

#join_form label {
	display:block;
	margin-bottom:5px;
	color:#000;
	font-size:10px;
	width:80px;
	}

#join_form input {
	margin-bottom:5px;
	color:#333;
	font-size:12px;
	border:1px solid #CCC;
	font-family:Arial, Helvetica, sans-serif;
	width:240px;
	}
	
#join_form button {
	background:url(/images/submit_btn.png) no-repeat;
	width:62px;
	height:24px;
	text-indent:-9999px;
	border:none;
	clear:right;
	display:block;
	margin-top:24px;
	}
	
#receivelabel{
	float:left;
	color:#D32259;
	font-size:12px;
	font-style:italic;
	}
	
#contact_form textarea {
	width:242px;
	border:1px solid #F3B9B9;
	color:#333;
	min-height:110px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}

#contact_form button {
	background:url(/images/submit_btn.png) no-repeat;
	width:62px;
	height:24px;
	text-indent:-9999px;
	border:none;
	clear:right;
	display:block;
	margin-top:12px;
	}

/* PRIVACY POLICY */
 
#centre_text2 {
	 margin-left:160px;
	 
 	}

#centre_text {
	 position:relative;
	 margin-top:100px;
 	}

#centre_text1 {
	 position:relative;
	 margin-top:50px;
 	}	

#centre_text1 p {margin-left:164px}
	
#stockistimg {position:absolute; left:163px; top:-76px;}	
/* FOOTER */

#footer {
	/*background:url(/images/base_background.png) no-repeat;*/
	background-color:#FFF;
	width:1014px;
	width:995px;
	min-height:40px; /* delete later */
	margin:auto;
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	}

#footer ul { margin:0px 0 0px 25px; width:556px; margin:auto; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
#footer ul { margin:0px 0 0px 25px; width:655px; margin:auto;}
}
#footer ul li { font-family:Arial, Helvetica, sans-serif; display:inline; margin-right:25px; font-size:11px; }
#footer ul li a { color:#666; text-decoration:none; }
#footer ul li a:hover { text-decoration:none; color:#C45359; }

#results_wrap .product_holder ul {
	margin: 5px;
	padding: 5px;
	}

#stockists {
	margin-left:165px;
	}
	
#join {
	padding:10px;
	border-spacing:10px;
}




/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
 /* .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }*/
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
/*@media screen {
    .sIFR-active .newslist dt {
    visibility: hidden;
	font-size:16px;
	margin:10px 0 0 0!important;
	padding-top:4px;
    }*/
	
	/*.sIFR-active h1.faded {
    visibility: hidden;
	margin-bottom:15px!important;
    }*/

	
	/*.sIFR-active h1 {
    visibility: hidden;
	font-size:28px;
	margin:10px 0 -10px 0 !important;
	padding:0!important;
    }*/
	
	
	/*.sIFR-active h2.product_directory {
	   margin-bottom:0!important;
    }*/

	
	/*.sIFR-active h2 {
    visibility: hidden;
	font-size:22px;
	margin:20px 0 10px 5px!important;
    }*/
	

	
	/*
.sIFR-active #contact_text h2 {
    visibility: hidden;
	font-size:26px;
	margin:0!important;
	padding:0!important;
    }*/

	
	
	


}