/*==================================================*/
/*===================[ General ]===================*/
/*================================================*/

/*===================[ Reset ]===================*/
* {
	margin: 0;
	padding: 0;
}

p {
	margin: 10px 0;
}

img {
	border: none;
}

address {
	font-style: normal;
}

fieldset {
	border: none;
}
select {
	font-size:11px;
}

.search-submit input,
.intl-locations-submit input,
.intl-submit input {
	display: none;
}

h5 {
	font-size: 1em;
}

li {
	list-style: none;
}

a {
	color: #6097CA;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}
h1 {
height:40px;
line-height:50px;
}


/*===================[ General Styling ]===================*/
body {
	color: #000000;
	font-family: helvetica, arial;
	font-size: 12px;
	line-height: 1.5em;
}

#wrapper {
	background: #FFF url(../images/backgrounds/body-gradient.jpg) repeat-x top center;
	padding-top: 35px;
}

#content {
	margin: 0 auto 2em;
	width: 700px;
	zoom: 1;
}

.primary {
	float: left;
	_overflow-x: hidden;
	width: 500px;
	zoom: 1;
}

.additional {
	float: right;
	width: 200px;
}

.wide .primary {
	width: 500px;
}

.wide .additional {
	width: 200px;
}

.module2 {
	padding: 11px 17px 11px 0px;
}

/*===================[ Header ]===================*/
#header {
	height: 100px;
	margin: 0 auto;
	width: 700px;
	zoom: 1;
}

#header h2 {
	padding-top: 30px;
}

#header li {
	float: left;
	margin-right:6px;
}
	padding: 5px 10px;

/*===================[ Footer ]===================*/
#footer {
	border-top: 1px dotted #DADADA;
	position:relative;
	left:0px;
	zoom: 1;
	float:left;
	display:table;
}

#footer div {
	padding: 15px 0;
	width: 700px;
	border-top: 1px dotted #DADADA;
	position:relative;
	left:0px;
	zoom: 1;
	float:left;
	display:table;
}

#footer p,
#footer ul,
#footer li {
	float: left;
}

#footer p {
	margin: 0;
}

#footer ul {
	margin-left: 10px;
}

#footer li {
	border-left: 1px dotted #999;
	padding: 0 5px;
}

#footer .contact {
	border: none;
	padding-left: 0;
}

#footer form ul {
	float: left;
}

#footer form li {
	border: none;
	padding: 0;
}

#footer label {
	float: left;
	margin-right: 8px;
	font-size:12px;
}

#footer select {
	position: relative;
	top: -8px;
	font-size:12px;

}

/*===================[ Default Module Styling ]===================*/
.module {
	margin-bottom: 12px;
	zoom: 1;
}

/*==================================================*/
/*===================[ Sprites ]===================*/
/*================================================*/

#question-topics li span {
	display: none;
}

#whats-my-regimen .also-recommend p a {
	float: right;
	margin-top: 11px;
}

#about-us-items span {
	display: none;
}

/*============================================================*/
/*===================[ Main Content Area ]===================*/
/*==========================================================*/

/*===================[ Flash ]===================*/
#flash,
#flash div{
	display:none;
}


#flash .module2 {
display:none;
}

/*===================[ Skin Library ]===================*/
#skin-library .hd {
	zoom: 1;
}

#skin-library .hd p {
	float: left;
}

#skin-library .hd a {
	float: right;
	text-transform: lowercase;
}

#skin-library ul {
	border-top: 1px solid #DADADA;
	zoom: 1;
}

#skin-library li {
	float: left;
	margin: 15px 0px 0 0;
	width: 45%;
}

#skin-library li img {
	
	margin-right: .5em;
}

#skin-library li a {
	text-transform: lowercase;
}

#search-result-info p {
float:right;
text-align:right;
font-size:1em;
font-weight:normal;
margin:0;
line-height:1em;
}

/*===================[ Understanding Your Skin ]===================*/
#understanding-your-skin {
	background: none;
	_height: 215px;
	margin: 0;
	min-height: 215px;
	padding: 0;
	position: relative;
}

#understanding-your-skin p {
	font-size: 1.5em;
	line-height: 1.5em;
}

#understanding-your-skin span {
	display: none;
}

/*===================[ Remedy Rotator ]===================*/

#remedy-rotator{
	page-break-before:always;
}

#remedy-rotator ul {
	margin-bottom: 15px;
}

#remedy-rotator .hd li {
	float: left;
	padding-right: 10px;
}

#remedy-rotator .hd .prev,
#remedy-rotator .hd .next {
	float: left;
	margin-left: 2px;
}

#remedy-rotator .hd div div span {
	float: left;
	font-weight: bold;
	padding-left: 9px;
}

#remedy-rotator .hd form ul {
	float: right;
}

#remedy-rotator .hd label {
	display: none;
}

#remedy-rotator .hd input {
	border: none;
	color: #B3B3B3;
	height: 14px;
	padding: 5px 10px;
	width: 141px;
	font-size:10
	px;
}

#remedy-rotator .bd ul {
	border-top: 1px solid #CCC;
	zoom: 1;
}

#remedy-rotator .bd li {
	float: left;
	margin: 15px 10px 0 0;
	width: 45%;
	min-height:170px;
	_height:170px;
}

#remedy-rotator li img {
	margin-right: .5em;
}

#remedy-rotator li a {
	font-weight: bold;
	font-size:11px;
}

/*===================[ Articles ]===================*/
#article {
	background: none;
	padding: 0 25px 40px 0;
	margin: 0;
}

#article .hd {
	border-bottom: 1px solid #CCC;
	padding-bottom: 1.5em;
	zoom: 1;
}

#article .hd h2 {
	color: #2A333C;
	float: left;
	line-height: 1em;
	font-size:1.3em;
}

#article .hd ul {
	float: right;
}

#article .hd li {
	float: left;
	font-weight: bold;
	padding-left: 20px;
	text-transform: lowercase;
}

#article img {
	float: right;
	margin: 10px 0 10px 30px;
}

#article p {
	font-size: 1.1em;
}

#article-title {
	padding:12px 0;
	border-bottom:1px solid #cccccc;
}

/*===================[ Your Questions Nav ]===================*/
#question-topics .hd a {
	color: #000;
	float: right;
	font-weight: bold;
	padding-left: 12px;
}

#question-topics ul {
	padding: 15px 15px 15px 0;
	zoom: 1;
	width:100%;
}

#question-topics li {
	float: left;
	font-weight: bold;
	line-height: 30px;
	margin: 10px 15px 10px 0;
	vertical-align: center;
	width:30%;
}

#question-topics li img{
	vertical-align:middle;
}
/*===================[ Your Questions ]===================*/
#your-questions-full {
	background: none;
	margin: 0;
	padding: 0;
}

#your-questions-full h2 {
	color: #2A333C;
	margin: 24px 0 12px 0;
}

#your-questions-full ul {
	border: 1px solid #CCC;
	border-width: 1px 0;
	padding: 12px 0;
}

#your-questions-full li {
	padding: 10px 12px;
}

#your-questions-full .question {
	color: #2A333C;
	font-size: 1.4em;
	font-weight: bold;
}

#your-questions-full .answer {
	font-size: 1.4em;
}

#your-questions-full h4 {
	color: #2A333C;
	margin: 25px 0;
}

#your-questions-full dt {
	font-weight: bold;
}

#your-questions-full .top {
	border-bottom: 1px solid #CCC;
	padding-bottom: 5px;
	text-transform: lowercase;
}

/*===================[ Prescribed Products ]===================*/
#prescribed-products ul {
	border: none;
	overflow: hidden;
	padding: 0;
}

#prescribed-products li {
	float: left;
	margin: 15px 10px 0 0;
	width: 40%;
	min-height:150px
}

#prescribed-products img {
	float: left;
	margin-right: 0.5em;
}

/*===================[ What's My Regimen? ]===================*/
#whats-my-regimen p {
	font-weight: bold;
	margin: 20px 12px;
}

#whats-my-regimen ul {
	overflow: hidden;
	zoom: 1;
}

#whats-my-regimen li {
	float: left;
	margin: 0 6px;
	position: relative;
	text-align: center;
	width: 23%;
	_width: 22%;
}

#whats-my-regimen li div {
	_height: 300px;
	line-height: 300px;
	min-height: 300px;
	position: relative;
	text-align: center;
}

#whats-my-regimen li div img {
	bottom: 0;
	left: 0;
	position: absolute;
}

#whats-my-regimen li h5 {
	margin-top: 10px;
	text-transform: lowercase;
}

#whats-my-regimen li p {
	color: #BCBCBC;
	font-weight: normal;
	margin: 0;
}

#whats-my-regimen ul ul {
	margin: 10px auto;
	overflow: hidden;
	position: relative;
	width: 10em;
}

#whats-my-regimen li li {
	border-left: 1px solid #E5E5E5;
	line-height: 1em;
	font-weight: bold;
	margin: 0 0 0 -1px;
	padding-bottom: 1px;
	text-transform: lowercase;
	width: auto;
}

#whats-my-regimen li li a {
	padding: 0 7px;
}

#whats-my-regimen .also-recommend {
	border-top: 1px solid #E5E5E5;
	margin-top: 5px;
	zoom: 1;
}

#whats-my-regimen .also-recommend li {
	margin-bottom: 30px;
	text-align: left;
	width: 48%;
	_width: 47%;
}

#whats-my-regimen .also-recommend li p {
	border: none;
}

#whats-my-regimen .also-recommend li li {
	margin: 0 0 0 -1px;
	width: auto;
}

#whats-my-regimen .also-recommend li ul {
	margin: 5px 0 0 0;
}

#whats-my-regimen .also-recommend li img {
	float: left;
	margin-right: .5em;
}

#whats-my-regimen .also-recommend li h5 {
	margin: 0 0 5px 0;
}

#whats-my-regimen .also-recommend p {
	border-top: 1px solid #E5E5E5;
	zoom: 1;
}

/*===================[ Concept Spaces ]===================*/
#concept-spaces #flash {
	margin-top: 25px;
}

/*===================[ Buy Dermalogica ]===================*/
#dermalogica-location {
	background: none;
}

#dermalogica-location .hd {
	margin-bottom: 25px;
	zoom: 1;
}

#dermalogica-location .hd ul {
	float: right;
}

#dermalogica-location .hd li {
	float: left;
	font-weight: bold;
	margin-left: 30px;
	text-transform: lowercase;
}

#dermalogica-location .hd li li {
	margin: 0;
}

#dermalogica-location .hd label {
	display: none;
}

#concept-spaces{
	width:400px;
}

/*===================[ What We Do ]===================*/
#what-we-do ul {
	margin-top: 15px;
	zoom: 1;
	width:500px;
}

#what-we-do li {
	float: left;
	margin: 8px 6px;
	width: 46%;
	_width: 45w%;
}

#what-we-do li li {
	float: none;
	font-weight: bold;
	margin: 0;
	width: auto;
}

#what-we-do li img {

	margin-right: 0.5em;
}

/*===================[ About Us ]===================*/
.about-us-title {
	margin-bottom: 25px;
	height:30px;
}

#about-us-items {
	background: none;
	zoom: 1;
}

#about-our-mission,
#about-dermalogica-foundation,
#about-press {
	float: left;
	margin-right: 12px;
	width: 223px;
}

#about-press {
	margin-right: 0;
}

#about-our-mission a,
#about-dermalogica-foundation a,
#about-press a {
	text-transform: lowercase;
}


#our-mission .founder{
 	padding: 0 77px 0 0px;
	margin-bottom:19px;
	border-bottom: 1px #c2c2c2 solid;
	height:320px;
	position:relative
}


#our-mission .founder-name{
	padding: 115px 0;
	margin-right:34px;
	float:left;
}

#our-mission .founder-photo{
	float:left;
	clear:right;
	position:absolute;
	bottom:0px;
	left: 367px;
}

#our-mission .founder-photo img{
	vertical-align:bottom;
}

/*===================[ Professionals ]===================*/
#wrapper.professionals {
	background: transparent url(../images/backgrounds/for_pros_main.jpg) no-repeat top center;
}

.professionals .professionals-caption {
	font-size: 2em;
	height: 120px;
	line-height: 1.5em;
	margin: 120px 0 150px 0;
	_overflow: visible;
	_text-indent: 0;
	width: 615px;
}

#for-professionals-items {
	margin: 0 0 30px -12px;
	overflow: hidden;
	zoom: 1;
}

#for-professionals-items li {
	float: left;
	_height: 190px;
	margin: 0 12px;
	min-height: 190px;
	width: 200px;
}

#for-professionals-items li h5,
#for-professionals-items li a {
	font-weight: bold;
	text-transform: lowercase;
}

#for-professionals-items li li {
	_height: auto;
	margin: 5px 0;
	min-height: 0;
	padding-left: 9px;
	width: auto;
}

#for-professionals-items li li a {
	text-transform: none;
}

#for-professionals-items li img {
	display: block;
	margin-bottom: 5px;
}

#for-professionals-items .more {
	border-left: 1px solid #DCDCDC;
	padding-left: 25px;
	width: 200px;
}

.latest-headlines {
	border: 1px solid #F8F8F8;
	border-width: 1px 0;
	zoom: 1;
}

.latest-headlines h5 {
	border-right: 1px solid #E1E1E1;
	float: left;
	margin: 10px 15px 10px 0;
	padding-right: 15px;
	text-transform: uppercase;
}

.latest-headlines p {
	float: left;
}

/*===================[ Search Results ]===================*/
#search-again{
	display:none;
}

#search-result-count p {
	margin: 0;
}

#search-products .hd {
	clear: both;
	display:block;
	margin-bottom:50px;
}

#search-products .hd h4 {
	float: left;
}

#search-products .hd p {
	color: #000;
	float: right;
	font-weight: bold;
	margin: 0;
}

#search-products ol {
	margin: 10px;
}

#search-products .all-results {
	display: block;
	float: left;
	margin: 10px 0 20px 10px;
	padding-left: 15px;
	text-transform: lowercase;
}

/*===================[ Press ]===================*/
#press .hd {
	margin-bottom: 20px;
}

#press label {
	display: none;
}

#press h5 {
	float: left;
	font-size: 14px;
	font-weight: normal;
	margin-right: 25px;
	text-transform: lowercase;
}

#press li {
	float: left;
	margin-right: 10px;
	text-transform: lo
}

#press input {
	text-transform: lowercase;
}

#press .press-submit input {
	display: none;
}

/*===================[ Month Press ]===================*/
#month-press.module{
	width:700px;
}

#month-press .hd {
	margin-bottom: 10px;
}

#month-press li {
	margin: 25px 0;
	zoom: 1;
	display:block;
	height:200px;
	width:100%;
}

#month-press li img {
	float: left;
	margin-right: 22px;
}



#month-press li li {
	margin: 10px 0;
	max-height:120px;
}

#month-press li div {
	float: left;
	text-transform: lowercase;
	width: 200px;
}

#month-press li .quote {
	border-left: 1px solid #E0E0E0;
	_height: 180px;
	min-height: 180px;
	padding: 0 25px;
}

#month-press .quote h4 {
	color: #2A333C;
	font-size: 2em;
}

#month-press .quote span {
	color: #999EA2;
}

#month-press .quote blockquote {
	text-transform: none;
}

#press li {
	float: left;
	margin-right: 8px;
	text-transform: lo
}

/*===================[ Dermalogica Foundation ]===================*/
#dermalogica-foundation .hd {
	margin-bottom: 10px;
}

#dermalogica-foundation h5 {
	display:none;
}

/*===================[ Giving Back ]===================*/
#giving-back .hd {
	margin-bottom: 10px;
}

#giving-back ul {
	zoom: 1;
}

#giving-back li {
	float: left;
	margin: 6px;
}

#giving-back li .module2 {
	_height: 200px;
	min-height: 200px;
	overflow-x: hidden;
	padding: 15px 25px;
	width: 153px;
}

#giving-back h5 {
	display:none;
}

#giving-back li a {
	font-weight: bold;
	text-transform: lowercase;
}

/*===================[ Privacy and Leagal ]===================*/


#privacyandlegal h2{
padding: 10px 0px;
font-size: 1em;
font-weight:normal;
}
#privacyandlegal h3{
padding: 10px 0px;
font-weight:bold;
font-size: 1em;
}
#privacyandlegal h4{
padding: 10px 0px;
font-size: 1.2em;
font-wight: bold;
}
#privacyandlegal .indent{
padding-left:40px;
}
#privacyandlegal .privacy-legal-list li{
list-style-type:disc;
list-style-position:inside;
}

#privacyandlegal .privacy-legal-list{
padding: 10px 0;
}

#footer .privacylegal{
position:absolute;
}
/*===================[ Product Detial Printable ]===================*/

#product-detail-print #header{
	width:700px;
	/*margin: 32px auto 25px auto;*/
	text-align:left;
	height:100px;
	position:absolute;
	top:0px;
	left:0px;
	
}
#product-detail-print .productInfo{
	color:#000000;
	float:left;
}

#product-detail-print #wrapper{
	width:100%;
	border-top: 1px #e5e5e5 solid;
	border-bottom: 1px #e5e5e5 solid;
	background:none;
	padding-bottom:72px;
	position:relative;
	top:75px;
	display:block;
}

#product-detail-print #content{
	width:700px;
	margin: 0px auto 0 0px;
	color:#000000;
	
}

#product-detail-print #youMayAlsoLike{
	width:700px;
	margin: 25px auto 0px 0px;
	text-align:left;
	position:relative;
	top:100px;
	page-break-before:always;
	display:block;
	}
.text p{
	font-size:.9em;
	color:#000000;
	
}

#content .product{
	display:inline;
	width:300px;
	float:left;
	height:690px;
	overflow:hidden;
}

#content .product img{
	max-height:690px;
}

#content .text{
	display:inline;
	width:350px;
}

#content .mainInfo {
	margin-bottom:28px;
	
}

#content .howToUse {
	margin-bottom: 15px;
}

#content .sizes{
	border-top: 1px #e5e5e5 solid;
	padding:31px 0 31px 0;
}

.text .IconNew{
	width:33px;
	height:34px;
	float:left;
	padding-top:4px;
}
.text .productInfo {
	padding: 8px 0 0 6px;
	width:310px;
	float:right;
}

.mainInfo h1{
	font-size:1.5em;
	color:#000000;
	font-weight:normal;
	line-height:1.5em;
}

.mainInfo font{
	color:#979da3;
	padding:12px 0;
}
.mainInfo p{
}

.howToUse h2{
	padding:15px 0 15px 0px;
	color:#000000;
	font-weight:bold;
	font-size:1.4em;
	border-top: 1px #e5e5e5 solid;
}

.howItWorks h2{
	padding:15px 0 15px 0px;
	color:#000000;
	font-weight:bold;
	font-size:1.4em;
	border-top: 1px #e5e5e5 solid;
}

.howItWorks,
.howToUse,
.sizes,
.icons,
#youMayAlsoLike {
	color:#000000;
}

.howItWorks h2 img, 
.howToUse h2 img {
	vertical-align:middle;
	margin-right:10px;
}

.howItWorks ul{
	margin-bottom:15px;
}

.howItWorks li{
	margin:12px 0 31px 0;
	list-style-type:disc;
	list-style-position:outside;
	color:#000000;
	margin:3px 14px;
	font-size:.9em;
}


#content .icons li{
	width:75px;
	text-align:center;
	float:left;
}

.suggestedProducts{
	width:650px;
}


.suggestedProducts td{
	text-align:center;
	width:25%;
	padding: 0 5px 5px 5px;
}
.suggestedProducts td.text{
	font-size:1em;
}

.suggestedProducts td font{
	color:#000000;
	font-size:1em;
	
}


/*============================================================*/
/*===================[ Side Content Area ]===================*/
/*==========================================================*/

/*===================[ Side Nav ]===================*/
/*#side-nav li {
	border-top: 1px dotted #DADADA;
	padding: 13px 0;
}

#side-nav li.skin-library {
	border-top: none;
	padding-top: 0;
}

#side-nav li.your-questions {
	padding-bottom: 0;
}

*/


#side-nav{
	display:none;
}
/*===================[ Your Questions ]===================*/
#your-questions li {
	border-top: 1px solid #E5E5E5;
	line-height: 25px;
	padding: 5px;
}

#your-questions li a span {
	display: none;
}

#your-questions .module2 a {
	margin-right: 5px;
	padding-left: 10px;
	text-transform: lowercase;
}

#your-questions .dry-skin {
	border-top: none;
}

/*===================[ Speed Mapping ]===================*/
#speed-mapping-title {
	margin-bottom: 25px;
	zoom: 1;
}

#speed-mapping .module1 span {
	display: none;
}

#speed-mapping-title h1 {
	float: left;
}

#speed-mapping-title ul {
	float: right;
}

#speed-mapping-title li {
	float: left;
	margin: 12px 0 0 12px;
}

#speed-mapping a {
	font-weight: bold;
	text-transform: lowercase;
}

/*===================[ Speed Mapping Results ]===================*/
#speed-mapping-results .module2 {
	_height: 360px;
	min-height: 360px;
	position: relative;
}
	
#speed-mapping-results #flash {
	bottom: 0;
	height: 320px;
	position: absolute;
	right: 0;
	width: 200px;
}

#speed-mapping-results #flash p {
	font-size: 1em;
	width: auto;
}

#speed-mapping-results h4,
#speed-mapping-results p {
	font-size: 1.5em;
	line-height: 1.5em;
	width: 500px;
}

#speed-mapping-results h4 {
	margin-top: 15px;
}

#speed-mapping-results .module2 div {
	margin-top: 25px;
}

#speed-mapping-results h3 {
	float: left;
	margin-right: 15px;
}

#speed-mapping-results ol {
	overflow: hidden;
	padding-left: 1.5em;
	_padding-left: 2em;
	zoom: 1;
}

#speed-mapping-results ol li {
	list-style-type: decimal;
	padding: 5px 0;
}


#aboutMySkin li{
	list-style:decimal inside;
}









/*===================[ Tips For You ]===================*/
#tips-for-you li,
#tips-for-you a {
	color: #2A333C;
}

#tips-for-you li {
	background: ;
	height: 50px;
	margin: 25px 0;
	padding-left: 60px;
}

#tips-for-you .sunblock {
	background-position: 0 0;
}

#tips-for-you .dehydrated {
	background-position: 0 0;
}

#tips-for-you .control {
	background-position: 0 0;
}

#tips-for-you .cause {
	background-position: 0 0;
}

#tips-for-you a {
	background: ;
	padding-left: 10px;
	text-decoration: underline;
	text-transform: lowercase;
}

/*===================[ Learn More ]===================*/
#learn-more h5 {
	color: #2A333C;
	margin: 20px 0 5px 0;
}

#learn-more li {
	margin-top: 15px;
	overflow: hidden;
	zoom: 1;
}

#learn-more li img {
	float: left;
}

#learn-more li a {
	background: ;
	color: #7D7D7D;
	display: block;
	float: left;
	margin: 5px 0 5px 10px;
	padding-left: 30px;
	width: 140px;
	zoom: 1;
}

/*===================[ Professional Care ]===================*/
#professional-care img {
	margin-top: 20px;
}

#professional-care h5 {
	color: #2A333C;
	margin: 5px 0;
	text-transform: lowercase;
}

#professional-care li {
	background: ;
	height: 25px;
	margin: 10px 0;
	padding: 5px 0 0 40px;
}

#professional-care .dermalogica {
	background-position: 0 0;
}

#professional-care .microzone {
	background-position: 0 0;
}

#professional-care a {
	font-weight: bold;
	text-transform: lowercase;
}

/*===================[ Find a Location ]===================*/
#find-location form li {
	margin: 5px 0;
	zoom: 1;
}

#find-location form label {
	display: block;
	float: left;
	text-transform: lowercase;
	width: 35%;
}

#find-location form input {
	float: left;
	width: 60%;
}

#find-location form .dermalogica-circle {
	padding-left: 35%;
}

#find-location form .dermalogica-circle input {
	float: left;
	margin: .25em .25em 0 0;
	width: auto;
}

#find-location form .dermalogica-circle label {
	float: left;
	width: auto;
}

#find-location form .location-submit {
	margin-top: 25px;
}

#find-location form .location-submit input {
	color: #979EA6;
	display: block;
	height: 31px;
	margin: 0 auto;
	text-transform: lowercase;
	width: 233px;
}

/*===================[ Buy Online ]===================*/
#buy-online p {
	background: transparent;
	padding-bottom: 175px;
}

/*===================[ Store Information ]===================*/
#store-information h5 {
	margin-top: 15px;
	text-transform: lowercase;
}

#store-information address {
	margin-bottom: 10px;
}

#store-information address span {
	display: block;
}

#store-information a {
	font-weight: bold;
	text-transform: lowercase;
}

#store-information dl {
	zoom: 1;
}

#store-information dt {
	clear: left;
	float: left;
	width: 35%;
}

#store-information dd {
	clear: right;
	float: right;
	width: 65%;
}

/*===================[ Events ]===================*/
#events h5 {
	margin-top: 10px;
}

#events dt {
	float: left;
	padding-right: .5em;
}

#events a {
	font-weight: bold;
	text-transform: lowercase;
}

/*===================[ Extra Nav ]===================*/
#extra-nav li {
	border-top: 1px dotted #ACACAC;
	padding: 10px 0;
}

#extra-nav .our-mission {
	border-top: none;
	padding-top: 0;
}

#extra-nav .dermalogica-foundation {
	padding-bottom: 0;
}

#extra-nav li a {
	height: 13px;
}

/*===================[ News ]===================*/
#news ol {
	overflow: hidden;
}

#news li {
	border-top: 1px solid #E5E5E5;
	margin-top: -1px;
	padding: 12px 0;
	zoom: 1;
}

#news li a {
	clear: left;
	float: left;
	font-weight: bold;
}

#news-articles.module{
	width:500px;
}

/*===================[ News Articles ]===================*/
#news-articles {
	background: none;
}

#news-articles .entry .hd {
	zoom: 1;
}

#news-articles .entry .hd div {
	background: transparent url(../images/backgrounds/blue_circle.png) no-repeat 0 0;
	color: #FFF;
	float: left;
	font-weight: bold;
	height: 47px;
	margin-right: 13px;
	padding-top: 5px;
	text-align: center;
	text-transform: uppercase;
	width: 52px;
}

#news-articles .entry .hd div span {
	font-size: 1.8em;
	display: block;
}

#news-articles .entry .hd h3 {
	font-size: 1.8em;
	padding-top: 15px;
}

#news-articles .entry {
	border-bottom: 1px solid #CCC;
	padding: 25px 0;
}

#news-articles .categories {
	font-weight: bold;
}

#news-articles .older {
	background: none;
	display: block;
	float: left;
	font-weight: bold;
	margin-top: 35px;
	padding-left: 5px;
}

/*===================[ Search News ]===================*/
#search-news ul {
	margin-top: 10px;
}

#search-news label {
	display: none;
}

#search-news input {
	width: 128px;
}

#search-news li {
	float: left;
	width: 60%;
}

#search-news li.search-news-submit {
	width: 40%;
}

#search-news li.search-news-submit input {
	color: #9FA2A7;
	height: 31px;
	margin-top: -5px;
	text-transform: lowercase;
	width: 76px;
}

/*===================[ Archive ]===================*/
#archive ul {
	overflow: hidden;
}

#archive li {
	border-top: 1px solid #E5E5E5;
	font-weight: bold;
	margin-top: -1px;
	padding: 10px 0;
}

/*===================[ Categories ]===================*/
#categories ul {
	overflow: hidden;
}

#categories li {
	border-top: 1px solid #E5E5E5;
	font-weight: bold;
	margin-top: -1px;
	padding: 10px 0;
}

/*===================[ Recent Entries ]===================*/
#recent-entries ul {
	overflow: hidden;
}

#recent-entries li {
	border-top: 1px solid #E5E5E5;
	font-weight: bold;
	margin-top: -1px;
	padding: 10px 0;
}

/*===================[ Contact Us ]===================*/
#contact-us {
	background: none;
}

#contact-us a {
	font-weight: bold;
}

#contact-us h5 {
	margin-top: 25px;
}

#contact-items {
	background: none;
	zoom: 1;
}

#general-question,
#contact {
	float: left;
	
}

#general-question .module2,
#contact .module2 {
	_height: 350px;
	min-height: 350px;
}

#general-question {
	margin-left: 0;
}

#contact .module2 {
	width: 204px;
}

#general-question .module2 {
	width: 356px;
}

#general-question li {
	margin: 5px;
}

#general-question label {
	float: left;
	text-transform: lowercase;
	width: 20%;
}

#general-question select {
	text-transform: lowercase;
}

#general-question input,
#general-question select,
#general-question textarea {
	width: 78%;
}

#general-question .contact-submit input {
	color: #9FA2A7;
	height: 31px;
	margin-left: 20%;
	text-transform: lowercase;
	width: 143px;
}

#contact address {
	margin-bottom: 15px;
}

#contact address span {
	display: block;
}

#contact a {
	font-weight: bold;
	text-transform: lowercase;
}

/*===================[ Corporate Offices ]===================*/
#corp-offices {
	background: none;
}

#corp-offices ul {
	margin: 0 0 25px -13px;
	overflow: hidden;
	zoom: 1;
}

#corp-offices li {
	float: left;
	font-weight: bold;
	margin-left: -2px;
	padding: 0 10px 0 15px;
}

#corp-offices form label {
	display: none;
}

#corp-offices form ul {
	margin: 0;
	overflow: visible;
}

#corp-offices form li {
	margin: 0;
	padding: 0 5px 0 0;
	text-transform: lowercase;
}

#corp-offices form .country-submit input {
	color: #9FA2A7;
	height: 31px;
	margin-top: -5px;
	text-transform: lowercase;
	width: 54px;
}

/*===================[ Search Again ]===================*/
#search-again p,
#search-again ul {
	margin: 10px;
}

#search-again label {
	display: none;
}

#search-again ul {
	margin: 0 10px;
	zoom: 1;
}

#search-again li {
	float: left;
}

#search-again input {
	width: 125px;
}

#search-again .search-again-submit input {
	color: #9FA2A7;
	display: block;
	float: left;
	height: 31px;
	margin: -5px 0 0 7px;
	text-transform: lowercase;
	width: 76px;
}
/***********************************************/

.rightP{
	float:right;
	margin-top:5px;
}

#contact-us {
	background: none;
}

#contact-us a {
	font-weight: bold;
}

#contact-us h5 {
	margin-top: 25px;
}

#contact-items {
	background: none;
	zoom: 1;
}

#contact-us-long font,
#contact-us-short font{
	font-size:13px;
	font-weight:bold;
	color:#5793d6;
}

#contact-long.additional,
#contact-short.additional{
 	margin-top:41px;
 }

#contact-long-header,
#contact-short-header{
	display:block;
	float:left;
	clear:both;
	width:640px;
	margin-bottom:15px;
}

.contact-text{
	margin-bottom:34px;
}

.contact-us-title{
	height:21px;
}

.rightP{
	float:right;
	margin-top:5px;
}
#contact-us-long,
#contact-us-short{
	width:645px;
}

#contact-us-short{
	min-height:350px;
}

#contact-header{
}

#general-question,
#contact {
	float: left;
	
}

#general-question .module2,
#contact .module2 {
	_height: 350px;
	min-height: 350px;
}

#general-question {
	margin-left: 0;
}

#contact .module2 {
	width: 200px;
	padding:0px;
}

#general-question .module2 {
	width: 300px;
	padding:0px;
}

#general-question li {
	margin: 5px;
}

#general-question label {
	float: left;
	text-transform: lowercase;
	width: 20%;
}

#general-question select {
	text-transform: lowercase;
}

#general-question input,
#general-question select,
#general-question textarea {
	width: 78%;
}

#general-question #radio{
	width:16px;
	margin-right:7px;
	line-height:13px;
}

#general-question .contact-submit input {
	background: transparent url(../images/backgrounds/contact_us_buttons.png) no-repeat 0 0;
	border: none;
	color: #9FA2A7;
	cursor: pointer;
	height: 31px;
	margin-left: 20%;
	text-transform: lowercase;
	width: 143px;
}

#contact address {
	margin-bottom: 15px;
}

#contact address span {
	display: block;
}

#contact a {
	font-weight: bold;
	text-transform: lowercase;
}


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


/*=================================================*/
/*===================[ Pop Up ]===================*/
/*===============================================*/

#popup-wrapper {
	display:none;
}

#popup {

	background-color: #FFF;
	border: 1px solid #DADADA;
	border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#popup .hd {
	padding-bottom: 15px;
	zoom: 1;
}

#popup .hd h3 {
	float: left;
}

#popup .hd a {
	display: none;
}

#popup-wrapper .events h3 {
	text-transform: uppercase;
}

#popup-wrapper .events li {
	margin-bottom: 25px;
	zoom: 1;
}

#popup-wrapper .events li img {
	float: left;
	margin-right: 12px;
}

#popup-wrapper .events li div {
	float: left;
	width: 310px;
}

#popup-wrapper .events li h5 {
	font-size: 1.2em;
	text-transform: lowercase;
}

#popup-wrapper .events li dt {
	float: left;
	font-weight: bold;
	margin-right: 5px;
}

#popup-wrapper .events li a {
	font-weight: bold;
	text-transform: lowercase;
}


/*****************SMR PRINTABLE***********************/

#printLogo{
	padding:32px 0 17px 0; 
	text-align:left;
}

#viewyourresults{
	padding:44px 0 17px 0; 
	text-align:right;
}

#printGradient{
	width:100%; 
	page-break-after:always;
}

#SMRresultprint{
	padding:18px 0; 
	font-size: 12px; 
	font-family:helvetica, arial;
}

#SMRTitle{
	padding:13px 0 22px 30px; 
	border-left:1px #c0c0c0 solid; 
	border-right:1px #c0c0c0 solid; 
	text-align:left;
}

#printResults{
	padding:5px 30px 34px 30px; 
	border-left:1px #c0c0c0 solid; 
	border-right:1px #c0c0c0 solid; 
	font-size:18px; color:#2b333a; 
	line-height:24px; 
	text-align:left;
}
#printAboutMySkin{
	 width:75%; 
	 font-size:12px; 
	 text-align:left;  
	 border-right:1px #c0c0c0 solid; 
	 line-height:30px;
}

#printAboutMySkin li{
	list-style:decimal inside;
}

#whatsMyRegimenWhite{
	font-size: 12px; 
	font-family:helvetica, arial; 
	color:#2b333a; 
	padding-bottom: 18px;
}

#whatsMyRegimen{
	padding:0 14px; 
	border-left:1px #c0c0c0 solid; 
	border-right:1px #c0c0c0 solid;
}

#regimenDiscription{
	padding:12px 30px; 
	border-left:1px #c0c0c0 solid; 
	border-right:1px #c0c0c0 solid; 
	font-size:12px;  
	text-align:left;
}

#productdiscriptions {
	text-align:center; 
	vertical-align:top;  
	line-height:20px; 
	font-size:12px;
	font-weight:bold;
}

#productdiscriptions font{
	font-weight:normal;
}

#alsoRecomendProducts {
	border-right:1px #c0c0c0 solid; 
	border-left:1px #c0c0c0 solid; 
	padding:0px 18px 20px 18px; 
	line-height:20px;
}

#alsoRecomendTitle{
	border-right:1px #c0c0c0 solid; 
	border-left:1px #c0c0c0 solid; 
	padding:18px; 
	text-align:left;
}

#alsoRecomendTitle div {
	border-top:1px #c0c0c0 solid;
	padding-top:15px;
}

#alsoRecomendImage{
	text-align:center; 
	width:130px; 
	vertical-align:top;
	padding-bottom:12px;
}

#alsoRecomendText{
	width:200px;  
	vertical-align:top; 
	font-size:12px; 
	line-height:20px; 
	text-align:left;
	font-weight:bold;
	padding-bottom:12px;
}

#alsoRecomendText font{
	font-weight:normal
}

#learnMoreBuy{
	text-align:center;
}
/*===================[ Clear Fix ]===================*/
#header:after,
#content:after,
.primary:after,
.additional:after,
#footer:after,
#footer ul:after,
#popup .hd:after,
#skin-library ul:after,
#skin-library .hd:after,
#remedy-rotator ul:after,
#remedy-rotator .hd:after,
#remedy-rotator .bd ul:after,
#whats-my-regimen .also-recommend:after,
#article .hd:after,
#question-topics ul:after,
#dermalogica-location .hd:after,
#what-we-do ul:after,
#speed-mapping-title:after,
#learn-more li a:after,
#find-location form li:after,
#store-information dl:after,
#news li:after,
#about-us-items:after,
#news-articles .entry .hd:after,
#contact-items:after,
#corp-offices ul:after,
#for-professionals-items:after,
.latest-headlines:after,
#search-again ul:after,
#month-press li:after,
#giving-back ul:after,
#popup-wrapper .events li:after {
	clear: both;
	content: '.';
	display: block;
	height: 0;
	visibility: hidden;
}