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

file : screen.css
client : Advanced Cosmeceuticals
author : Karl Brightman
date created : 21st May 2007
the music : Nitemare - The WORLD (Death Note OST)
on this day : 1894 - The Manchester Ship Canal was officially opened, linking the city of Manchester to the Irish Sea.

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

/*-------------------------------------------
	Basic Selectors
-------------------------------------------*/
* { line-height: 1.5; margin: 0; padding: 0; }
body {
	background: #dae9ed;
	color: #687073;
	font: normal 62.5% Verdana, Tahoma, sans-serif;
	padding: 20px 0;
}

p { margin-bottom: 2em; }
a img { border: 0; }

#primary li a { 
	font: normal 62.5% Verdana, Tahoma, sans-serif;
	font-size: 1.1em;
}

hr {
	border: 0;
	border-bottom: 1px solid #a9d9db;
	margin: 15px 0;
	height: 1px;
}

.clearplz {
	clear: both;
	display: block;
	height: 0;
	line-height: 0;
}

#container {
	background: #fff;
	margin: 0 auto;
	width: 770px;
}

/*-------------------------------------------
	Header
-------------------------------------------*/
#header {
	height: 100px;
	position: relative;
}

#header #logo a {
	background: url(../images/core/logo.jpg) no-repeat 0 0;
	display: block;
	height: 69px;
	left: 14px;
	overflow: hidden;
	position: absolute;
	text-decoration: none;
	text-indent: -9999px;
	top: 14px;
	width: 265px;
}

/*-------------------------------------------
	Navigation
-------------------------------------------*/
#navigation {
	font-size: 1.1em;
	list-style: none;
	margin: 1em 0;
	margin-left: 5px;
}
#navigation li { display: inline; }

#navigation li a { color: #9aabaf; padding:0 8px; text-decoration: none; }

#navigation li a:hover, 
body.home #navigation li#nHome a, 
body.profile #navigation li#nCompanyProfile a, 
body.skinceuticals #navigation li#nSkinCeuticals a, 
body.physicianssurgeons #navigation li#nPhysiciansSurgeons a, 
body.sapphire #navigation li#nSapphire a, 
body.algoane #navigation li#nAlgoane a, 
body.skinn #navigation li#nSkinn a, 
body.skindinavia #navigation li#nSkindinavia a, 

body.faqs #navigation li#nFaqs a, 
body.contact #navigation li#nContact a { color: #252727; }

/*-------------------------------------------
	Flash + banner
-------------------------------------------*/
#flash {
	background: #639cad;
	height: 261px;
	margin-bottom: 25px;
	display: none; 
}
body.home #flash { display: block; }
#banner { width: 770px; height: 200px; display: block; margin-bottom: 25px; }
body.home #banner { display: none; visibility: hidden; }
body.skinceuticals #banner { background: url('../images/core/banner1.jpg') no-repeat 0 0; }
body.physicianssurgeons #banner { background: url('../images/core/banner2.jpg') no-repeat 0 0; }
body.sapphire #banner { background: url('../images/core/banner3.jpg') no-repeat 0 0; }
body.algoane #banner { background: url('../images/core/banner4.jpg') no-repeat 0 0; }
body.faqs #banner { background: url('../images/core/banner5.jpg') no-repeat 0 0; }
body.skinn #banner { background: url('../images/core/banner8.jpg') no-repeat 0 0; }
body.skindinavia #banner { background: url('../images/core/banner9.jpg') no-repeat 0 0; }
body.contact #banner { background: url('../images/core/banner6.jpg') no-repeat 0 0; }

/*-------------------------------------------
	Primary/Secondary
-------------------------------------------*/
#primary,#secondary { display: inline; float: right; margin-bottom: 1em; }

/*-------------------------------------------
	Primary
-------------------------------------------*/
#primary {
	font-size: 1.1em;
	padding: 0 18px 40px 18px;
	width: 416px;
}

#primary.colx1 { width: 700px; }

#container.submenu #primary { width: 494px; }

#primary h2 {
	color: #86acb5;
	font-size: 1.8em;
	font-weight: normal;
	margin-bottom: 1.0em;
}

#primary h3 {
	color: #86acb5;
	font-size: 1.4em;
	font-weight: normal;
	margin-bottom: .5em;
	margin-top: 1.5em;
}

#primary h4, #primary dl dt {
	color: #86acb5;
	font-size: 1.2em;
	font-weight: normal;
	margin-bottom: 0;
}

#primary h5 {
	color: #687073;
	font-size: 1.2em;
	font-weight: normal;
	margin-bottom: 0;
}

#primary a { color: #252727; text-decoration: underline; }
#primary a:hover { color: #227b7b; }

#primary ul, #primary ol { margin-bottom: 1em; margin-left: 2em; }
#primary dl { margin-bottom: 1em; }

#primary .back_to_top { display: block; text-align: right; }

#primary img.bordered_right { border: 1px solid #c6d9dd; float: right; margin: 1em; padding: 2px; }
#primary img.bordered_left { border: 1px solid #c6d9dd; float: left; margin: 1em; padding: 2px; }

/* product template */
#product_container hr {
	border: 0;
	border-top: 1px solid #a9d9db;
	height: 0;
	line-height: 0;
	margin: 1em 0 1em;
}

#product_container .primary {
	float: left;
	width: 318px;
}

#product_container .secondary {
	float: right;
	margin-left: 10px;
	padding-left: 10px;
	width: 150px;
}

#product_container .secondary img {
	padding-bottom: 20px;
	background: url(../images/zoom.gif) center bottom no-repeat;
}

.thumbnail {
	padding-bottom: 20px;
	background: url(../images/zoom.gif) center bottom no-repeat;
	float:right;
}

#product_container a.add_to_cart_link {
	background: #a0d4d8;
	color: #fff;
	float: left;
	font-weight: bold;
	padding: 10px 13px;
	text-decoration: none;
}
#product_container a.add_to_cart_link:hover { background: #699fa3; }

#product_container ul.product_info { list-style: none; margin-bottom: 1em; margin-left: 0; }
#product_container ul.product_info li {
	display: inline;
	margin-right: 15px;
}

#product_container ul.product_info li strong { color: #c2d6db; }


.wide {width: 700px;}

/* skin regime links */
.skin_regime_links { list-style: none; margin-left: 0 !important; }
.skin_regime_links li {
	display: none;
	margin-bottom: -1px;
	padding: 4px 0;
}
.skin_regime_links li.expanded { display: block; }

.skin_regime_links li a.top_link { display: block; text-decoration: none; }
.skin_regime_links li.expanded a.top_link { color: #c2d6db !important; font-size: 1.4em; font-weight: normal !important; margin-bottom: .5em; }

.skin_regime_links li div { display: none; }
.skin_regime_links li.expanded div { display: block; }

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

.regime_step {display: inline-block;}

/* Hides from IE-mac \*/
* html .regime_step {height: 1%;}
.regime_step {display: block;}
/* End hide from IE-mac */

.regime_step_number {
	background: url(../images/core/step_number_bg.gif) no-repeat 0 0;
	color: #fff;
	float: left;
	font-weight: bold;
	height: 40px;
	line-height: 40px;
	margin: 0 14px 14px 0;
	text-align: center;
	width: 40px;
}

/* skin science links */
.skin_science_links { list-style: none; margin-bottom: 1em !important; margin-left: 0 !important; width: 278px; }
.skin_science_links li {
	float: left;
	margin-bottom: -1px;
	position: relative;
	width: 278px;
}

.skin_science_links li a {
	background: #dae9ed;
	border: 1px solid #a9d9db;
	color: #687073;
	display: block;
	padding: 5px;
	text-decoration: none;
	width: 266px;
}
.skin_science_links li a:hover { background: #e6f2f5; }

.skin_regime_areas { list-style: none; margin-left: 0 !important; }
.skin_regime_areas li {
	display: none;
	margin-bottom: -1px;
	padding: 4px 0;
}
.skin_regime_areas li.expanded { display: block; }

.skin_regime_areas li h3 { margin-bottom: 0 !important; }
.skin_regime_areas li.expanded h3 { margin-bottom: .5em; }

.skin_regime_areas li div { display: none; }
.skin_regime_areas li.expanded div { display: block; }

/* faq */
.faq { margin-bottom: 0; }
.faq dt { font-weight: bold; }
.faq dd { margin-bottom: 2.5em; }

/* stockists */
#stockists_map {
	background: url(../images/stockists_map.jpg) no-repeat 0 0;
	height: 318px;
	margin-bottom: 1em;
	position: relative;
	width: 415px;
}

#stockists_map .stockists { list-style: none; margin-left: 0 !important; }
#stockists_map .stockists li {
	background: url(../images/stockists_icon.gif) no-repeat 50% 50%;
	height: 5px;
	overflow: visible;
	position: absolute;
	width: 5px;
}

#stockists_map .stockists li a {
	display: block;
	height: 13px;
	left: -5px;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: -5px;
	width: 13px;
}

.contact_details { list-style: none; margin-left: 0 !Important; }
.contact_details li strong { margin-right: 12px; }

/* table */
h4.product-heading {color:#105cb5!important;font-weight:bold!important;padding:0 0 10px 0;}
.green {color:#86c837;font-weight:bold;text-transform:uppercase;margin:0;padding:0;}
table.skindinavia {border-collapse:collapse;}
table.skindinavia-products td {padding:0 0 10px 0;}
.product-block {padding:0 0 30px 0!important;}

/*-------------------------------------------
	Secondary
-------------------------------------------*/
#secondary {
	border-right: 1px solid #a9d9db;
	font-size: 1.1em;
	padding: 0 18px 0 21px;
	width: 278px;
}

#container.submenu #secondary { width: 200px !important; }

#secondary h2 {
	color: #c2d6db;
	font-size: 1.5em;
	font-weight: normal;
}

#secondary a { color: #687073; text-decoration: underline; }
#secondary a:hover { color: #252727; }

/* logos */
#secondary_logos img { margin-bottom: 1em; }

/* for more information */
#for_more_information { margin: 3em 0 0 0; padding: 10px 10px; background: url(../images/core/bg-more-inner.gif) top left no-repeat; }
#for_more_information p {
	margin-bottom: 10px;
}
#for_more_information h3 {
	font-size:14px; margin-bottom: 20px;
}
#for_more_information strong { color: #007DA7; margin-right: .3em; }

body.home #for_more_information { margin-top: 3em; padding: 15px 25px 25px 25px; background: url('../images/core/bg-more.gif') no-repeat 0 0;; }




/* ------------  skincare product nav --------------- */
#skincare_categories, #skincare_categories ul {
	list-style: none; /* hide bullet points */
	margin: 0;
	padding: 0;
	width : 200px; /* set for base nav width */
}

#skincare_categories li {
	float : left;
	line-height : 1.25em;
	margin-bottom : 0px; /* collapse borders */
	position : relative; /* required - used to position subs */
	width: 200px; /* set to same width as base list */
}

#skincare_categories li ul {
	left: -9999em;
	margin-left : 200px;
	position : absolute; /* required - positions subs in parent list item */
	top: -1px; /* align to top */
	width: 200px;
}

#skincare_categories li ul ul {
	margin-left: 201px;
	top: 0px;
}

#skincare_categories li a {
	background-color : #fff;
	border-bottom : 1px solid #a9d9db;
	color : #687073;
	display : block;
	font-size: 12px;
	text-decoration : none;
	padding : 5px;
	width: 190px; /* set to base width minus padding (example: 200px - 5px -5px = 190px) */
}	
#skincare_categories li a:hover { background-color : #e6f2f5; }	

#skincare_categories li li {
	margin-bottom: -1px; 
}

#skincare_categories li li a {
	border : 1px solid #a9d9db;
	width: 190px;
}

/* hide subs on current list */
#skincare_categories li:hover ul ul, #skincare_categories li:hover ul ul ul, #skincare_categories li.sfhover ul ul, #skincare_categories li.sfhover ul ul ul {
	left: -9999em;
}

/* show subs on hover */
#skincare_categories li:hover ul, #skincare_categories li li:hover ul, #skincare_categories li li li:hover ul, #skincare_categories li.sfhover ul, #skincare_categories li li.sfhover ul, #skincare_categories li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}






/* cart status */
#cart_status {
	background: #ebf3f5;
	padding: 8px;
	float: right;
	width: 180px;
}

#cart_status a.checkout_cart_link, 
#product_container a.checkout_cart_link {
	background: #b7d1d8;
	color: #fff;
	float: left;
	font-weight: bold;
	margin-right: 10px;
	padding: 5px 8px;
	text-decoration: none;
}

#cart_status a.checkout_cart_link:hover, 
#product_container a.checkout_cart_link:hover { background: #719ab3; }


/*-------------------------------------------
	Footer
-------------------------------------------*/
#footer {
	background: #dae9ed;
	clear: both;
	color: #819ea7;
	height: 50px;
	font-size: 1.1em;
	padding: 1em;
}

#footer #footer_navigation { list-style: none; }
#footer #footer_navigation li {
	border-left: 1px solid #99b4bc;
	display: inline;
}
#footer #footer_navigation li.first { border: 0; }

#footer #footer_navigation li a { color: #819ea7; padding: 0 3px; text-decoration: underline; }
#footer #footer_navigation li a:hover { color: #4d6e78; }

#site_created_by {
	background: url(../images/core/webfirm_createdby.gif) no-repeat 0 0;
	display: block;
	float: right;
	height: 40px;
	overflow: hidden;
	text-decoration: none;
	text-indent: -9999px;
	width: 201px;
}



/*---------------------------------------------   
    dynamic (RTE) text area
----------------------------------------------*/
div.dynamic td {
  border: 0;
  border-bottom: 1px solid #E2E2DF;
  border-right: 1px solid #E2E2DF;
  vertical-align: top;
  padding: 3px;
}

div.dynamic table {
  border: 1px solid #E2E2DF;
  border-right: 0;
  border-bottom: 0;
  margin: 25px 0;
}

div.dynamic h1, 
div.dynamic h2, 
div.dynamic h3, 
div.dynamic h4, 
div.dynamic h5 { color: #86acb5 !important; font-weight: normal !important; }
div.dynamic h1 { font-size: 18px !important; }
div.dynamic h2 { font-size: 17px !important; }
div.dynamic h3 { font-size: 16px !important; }
div.dynamic h4 { font-size: 15px !important; }
div.dynamic h5 { font-size: 14px !important; }


/*extra*/



/*---------------------------------------------   
    print settings
----------------------------------------------*/
.printshow { display: none; }