/*@import url("reset.css");*/

/* Set Dermalogica Colour Palette

Alternative Black		#2a333a
Text (Grey)				#6a737b
Logo (Grey)				#989ea5

Blue					#5992ce
Orange					#e79326	(20%: #fae9d1)

Alt Grey #1 			#b5b9bd
Alt Grey #2				#e2e4e4
Alt Grey #3				#f8f8fa

*/

/* Layout */
* 									{margin:0; padding:0;}

body 								{font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:62.5%; color:#6a737b; background:url(/images/theFaceSkin/body-bg.gif) repeat-x #fff;}
#wrapper							{position:relative; margin:0 auto; width:960px; border:1px solid #eee;}
#content							{background-color:#FFF; padding:20px;}
#content.home						{}


#content #mainContent				{}
#content #subContent				{position:relative; top:-10px;}
#content #subContent #borderedCont	{border:1px solid #f1f1f1; padding:15px 15px; margin-bottom:20px; background-color: rgb(100%, 100%, 100%);  background-color: rgba(100%, 100%, 100%, 0.95); *background-color:#fff; _background-color:#fff /* background-image:url(/images/theFaceSkin/pixel_semi-trans.png)*/}

/* Product Page */
#content.product					{}
#content.product #mainContent		{float:left; width:680px; padding-right:20px;}
#content.product #subContent		{float:left; width:218px;}

/* Product Listing Page */
#content.productList				{}
#content.productList #mainContent	{width:698px; padding-left:25px; float:right;}
#content.productList #subContent	{width:197px; float:right;}

/* Info Page */
#content.infoPage					{}
#content.infoPage #mainContent		{width:698px; padding-left:25px; float:right;}
#content.infoPage #subContent		{width:197px; float:right;}

/* Accounts */
#content.accounts					{}
#content.accounts #mainContent		{float:left; width:660px; /*padding-left:40px; */}
#content.accounts #subContent		{float:left; width:218px;}

/* 2 col when #mainContent is full width*/

div.cols							{overflow:hidden; width:940px;}
div.cols .col1, div.cols .col2		{float:left; width:440px;}
div.cols .col1 						{margin-right:40px;}


/* elements */
h1, h2, h3							{color:#2a333a; font-weight:normal;}
h1									{font-size:2.5em; padding-bottom:15px;}
h2									{font-size:1.5em; padding-bottom:10px;}
h3									{font-size:1.5em; padding-bottom:10px;}
p									{font-size:1.2em; line-height:1.5em; padding-bottom:10px;}
a									{text-decoration:none; color:#6a737b;}
ol, ul 								{list-style-type:none; list-style-position:outside;}
ul									{font-size:1.2em;}


input								{padding:1px 2px 2px 2px;}
select								{}
option								{padding-right:10px;}
small								{font-size:90%;}
table 								{border-collapse: collapse; border-spacing: 0;}
img									{border:0;}

/* clearfix */
.clearfix:after					{visibility:hidden;display:block;font-size:0;content: " ";clear:both;height:0;}
* html .clearfix            	{zoom:1;}/* IE6 */
*:first-child+html .clearfix 	{zoom:1;}/* IE7 */

p.leadingCopy						{font-size:1.5em; padding-bottom:40px;}
.imgBlock 							{display:block; height:0; overflow:hidden;}
.price								{color:#e79326;}
.green {color:#0E8108;}
/* header */

#header								{padding-top:10px; padding-left:20px;  height:116px;}
#header #dermalogica-logo 			{float:left; padding-top:101px; margin-right:55px; width:187px; background: url(/images/theFaceSkin/the-face-beauty-logo.gif);}
/* quick fix */ #header #dermalogica-logo 	{margin-right:45px;}
/* #header #dermalogica-shipping		{float:left; width:365px; padding-top:83px; margin-top:3px; background:url(/images/theFaceSkin/free-next-day-hdr-promo.png); } */
/* quick fix */#header #dermalogica-shipping		{float:left; width:388px; position:relative; top:-18px; padding-top:115px; margin-top:9px; background:url(/images/theFaceSkin/free-next-day-hdr-promo-4.png); }			
#dermalogica						{position:absolute; left:663px; top:25px; width:300px; padding-top:37px; background:url(/images/theFaceSkin/dermalogica-logo.gif);}


/* mini basket */
#mini_basket						{position:absolute; left:780px; top:75px; display:block; width:170px; height:40px; }
#mini_basket p			    		{text-transform:lowercase; color:#2a333a; padding-bottom:0px; text-align:right;}
#mini_basket p.shoppingBag			{background:url(/images/theFaceSkin/shopping-bag-ico2.gif) 0 2px no-repeat; padding-left:20px;}			
#mini_basket span					{float:right;}
#mini_basket p.shoppingBag span		{float:left; text-align:left;}
#mini_basket .bag_total				{color:#5992ce;}
#mini_basket  a						{color:#6a737b; text-decoration:underline;}
#mini_basket  a:hover				{text-decoration:none; color:#5992ce;}
#mini_basket .bag_total a, #mini_basket .bag_total span	{float:left;}
#mini_basket .bag_total span		{width:122px;text-align:right;}
#mini_basket p#myAccount			{position:absolute; margin-left:-110px; background:url(/images/theFaceSkin/user-login-ico.gif) 0px 3px no-repeat; padding-left:17px;}

/* menu */
#nav								{height:33px; background:url(/images/theFaceSkin/nav-bg.gif) top right no-repeat #5992ce;}
#nav ul								{background:url(/images/theFaceSkin/nav-bg.gif) 0 -33px no-repeat #5992ce; width:90%; padding-top:8px; font-size:1.5em;}
#nav ul li							{display:inline; margin-left:20px;}
#nav ul li a						{color:#FFF;}
#nav ul li a:hover					{position:relative; top:-1px;}

/* search */
#search						{position:absolute; top:131px; right:0px;}
#search form				{padding:0px;}
#search form p				{padding:0px;}
#search form label			{display:none !important;}
#search	#search_text		{width:135px; border:none; font-size:12px; padding:3px 5px 4px 22px; height:17px; margin-right:20px; background:url(/images/theFaceSkin/search-bg.png) top center no-repeat;}
#search #search_button		{position:absolute; top:2px; right:20px; display:none;}

/* errors */
.systems-messages 			{font-size:1.5em; margin-bottom:15px}
.systems-messages td		{padding:10px;}

.systems-messages td.messageStackError			{background-color:#FCC; color:#900;}
.systems-messages td.messageStackWarning		{background-color:#FF9; color:#F60;}
.systems-messages td.messageStackSuccess		{background-color:#CFC; color:#390;}


/* crumbtrail */ 
/* ul#crumbtrail 					{font-size:1.1em; padding-bottom:10px; text-transform:lowercase;}
ul#crumbtrail li					{display:block; margin-right:10px; float:left; background:url(/images/theFaceSkin/breadcrumb-part1.png) no-repeat;}
ul#crumbtrail li a 					{display:block; padding:5px 17px 6px 7px; background:url(/images/theFaceSkin/breadcrumb-part2.png) right no-repeat;}
ul#crumbtrail li a:hover			{color:#5992ce;}
ul#crumbtrail li.active 			{background:none; height:auto; padding-top:4px;} */

ul#crumbtrail 						{font-size:1.2em; padding-bottom:20px; padding-top:2px; text-transform:lowercase;}
ul#crumbtrail li					{display:inline; padding-right:10px; color:#b5b9bd}
ul#crumbtrail li a 					{margin-right:10px;}
ul#crumbtrail li a:hover			{text-decoration:underline; color:#5992ce;}
ul#crumbtrail li.active 			{background:none; height:auto; padding-top:4px; color:#5992ce; color:#6a737b}

/* footer  */
#footer								{clear:both; background-color:#e2e4e5; padding:20px 20px 15px 20px;}
#footer p							{padding-bottom:0px;}
#salonInfo							{padding-bottom:15px;}
#salonInfo ul						{float:left; width:225px;}
#salonInfo ul li					{line-height:1.5em;}
#salonInfo h5						{font-size:1.3em; color:#2a333a; font-weight:normal; padding-top:11px; padding-bottom:15px;}
#availableTreatments, #openingTimes, #address	{float:left;}
	#availableTreatments				{width:480px;}
	#availableTreatments h5				{line-height:1.3em;}
	#availableTreatments ul				{}
	#address							{width:230px;  padding-top:75px; background:url(/images/theFaceSkin/the-face-beauty-logo-opening-times.gif) 0 0 no-repeat;}
	#openingTimes						{}
	#openingTimes ul					{width:190px;}
	#openingTimes h5					{text-transform:capitalize; }