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

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

p {
	margin: 10px 0;
}

img {
	border: none;
}

address {
	font-style: normal;
}

fieldset {
	border: none;
}

input,
option {
	font-family: helvetica, arial;
}

#search {
	outline: 0;
}

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

h5 {
	font-size: 1em;
}

li {
	list-style-type: none;
	list-style-image: none;
}

a {
	color: #5793d6;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/*===================[ General Styling ]===================*/
body {
	color: #6a737b;
	font-family: helvetica, arial;
	font-size: .75em;
	line-height: 1.5em;
	background: url("../assets/images/main-bgr.png") repeat-x scroll left top transparent;
}

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

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

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

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

.wide .primary {
	width: 733px;
}

.wide .additional {
	width: 233px;
}

#medium_primary {
	position:absolute;
	width: 639px;
	z-index:10;
	height: 620px;
}

.medium_additional {
	width: 332px;
	float:right;
}

.module2 {
	padding: 17px;
}

.module {
	margin-bottom: 12px;
	zoom: 1;
}







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

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

#header li {
	float: left;
	padding: 5px 10px;
}

/*===================[ Footer ]===================*/
#footer {
    border-top: 1px dotted #dadada;
    }
    #footer div {
        overflow:hidden;
        width: 988px; height:40px;
        margin:0px auto; padding: 15px 0;
        }
    #footer ul {
       float:left;
       width:auto; height:14px;
       padding:1px 0 0 5px;
        }
        #footer ul li {
            float:left;
            width:auto; height:11px;
            padding:3px 13px 0;
            border-right:1px dotted #999999;
            }
            #footer ul li a {
                float:left;
                width:auto; height:11px;
                color:#717981; font-size:10px; text-decoration:none; text-transform:uppercase; line-height:11px;
                text-indent: 0;
                }
            #footer ul li a:hover {
                color:#5793d6;
                }
        #footer ul li.first {
            padding:3px 23px 0 0;
            border:0px;
            }
             #footer ul li.first a {
                 background:url(../assets/images/signup-bgr-arrow.png) left top no-repeat;
                 padding-left:8px;
                }
            #footer ul li.first a:hover {
                background-position:0 -11px;
                }
        #footer ul li.last {
            height:14px;
            padding-top:0px;
            border:0px;
            }
            #footer ul li ul {
                height:14px;
                padding:0px;
                }
                #footer ul li ul li {
                    width:14px; height:14px;
                    margin-right:14px; padding:0px;
                    border:0px;
                    }
                    #footer ul li ul li a {
                        display:block;
                        width:14px; height:14px;
                        text-indent:-9999px;
                        background:url(../assets/images/footer-sprite.png) no-repeat;
                        cursor:pointer; outline:none;
                        }
                    #footer ul li ul li a.facebook {
                        background-position:-377px 0;
                        }
                    #footer ul li ul li a.facebook:hover {
                        background-position:-377px -14px;
                    }
                    #footer ul li ul li a.twitter {
                        background-position:-393px 0;
                        }
                    #footer ul li ul li a.twitter:hover {
                        background-position:-393px -14px;
                    }
                    #footer ul li ul li a.youtube {
                        background-position:-409px 0;
                        width: 16px;
                        height: 16px;
                        }
                    #footer ul li ul li a.youtube:hover {
                        background-position:-409px -16px;
                    }
                        

    #footer form {
        float: right;
        }
        #footer form label {
            float:left;
            width:auto;
            padding-top:4px;
            color:#717981; font-size:11px; text-decoration:none; text-transform:none; line-height:10px;
            }
        #footer form select {
            margin:-5px 0 0 5px !important; margin:0 0 0 5px;
            }

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

h1.your-skin-title,
h1.about-us-title,
h1.buy-dermalogica-title,
h1.news-title,
h1.for-professionals-title,
h1.privacy-legal,
h1.search-results-title,
h1.contact-us-title,
.professionals .professionals-caption,
#speed-mapping-title h1,
.skin-library a,
.speed-mapping a,
.your-questions a,
.skin-library span,
.speed-mapping span,
.your-questions span,
.our-mission a, 
.our-mission span,
.press a,
.press span,
.open-an-account a,
.open-an-account span,
.careers a,
.careers span,
.dermalogica-foundation a,
.dermalogica-foundation span,
.contact-us a,
.contact-us span,
.privacy-and-legal a,
.privacy-and-legal span,
.newsletter a,
.newsletter span,
.yourSkinNav a,
.yourSkinNav span, 
.ourProductsNav a,
.ourProductsNav span,
.aboutUsNav a,
.aboutUsNav span,
.blogNav a,
.blogNav span,
.buyDermaNav a,
.buyDermaNav span,
.forProfessionalsNav a,
.forProfessionalsNav span,
#your-questions h4,
#skin-library h4,
#speed-mapping h4,
#understanding-your-skin h2,
#understanding-your-skin span,
#remedy-rotator .hd li a,
#remedy-rotator .hd li span,
#remedy-rotator .hd .prev,
#remedy-rotator .hd .next,
#remedy-rotator .hd .disabledprev a,
#remedy-rotator .hd .disablednext a,
#remedy-rotator .hd .disabledprev,
#remedy-rotator .hd .disablednext,
#question-topics .hd h2,
#question-topics li span,
#whats-my-regimen .hd h4,
#whats-my-regimen li span,
#whats-my-regimen .also-recommend h4,
#whats-my-regimen .also-recommend p a,
#concept-spaces .hd h4,
#dermalogica-location .hd h4,
#what-we-do .hd h4,
#your-questions li a span,
#speed-mapping-results h2,
#speed-mapping-results h3,
#speed-mapping-results .module2 div h4,
#professional-care .hd h4,
#find-location .hd h4,
#find-location-small .hd h4,
#tips-for-you .hd h4,
#learn-more .hd h4,
#buy-online .hd h4,
#store-information .hd h4,
#events .hd h4,
#extra-nav a,
#extra-nav span,
#footer-page-nav a,
#footer-page-nav span,
#news .hd h4,
#about-our-mission .hd h4,
#about-dermalogica-foundation .hd h4,
#about-press .hd h4,
#about-our-mission span,
#about-dermalogica-foundation span,
#about-press span,
#categories .hd h4,
#recent-entries .hd h4,
#general-question .hd h4,
#contact .hd h4,
#for-professionals-items .more h5,
#search-products .hd h4,
#search-again .hd h4,
#press .hd h4,
#month-press .hd h4,
#dermalogica-foundation .hd h4,
#giving-back .hd h4,
#dermalogica-foundation h5,
#giving-back h5,
#our-mission .hd h4,
#press h5,
#contact-us .hd h4,
#results .hd h4,
#company-faqs .hd h4,
#open-an-account .hd h4,
#newsletter .hd h4,
#careers .hd h4,
#careers .bg h3,
#search-news-full .hd h4 {
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	text-indent: -9000px;
}

h1.your-skin-title,
h1.about-us-title,
h1.buy-dermalogica-title,
h1.news-title,
h1.for-professionals-title,
h1.privacy-legal,
h1.search-results-title,
h1.contact-us-title {
	background: transparent url(../images/backgrounds/dermalogica_titles.png) no-repeat 0 0;
	height: 26px;
	margin-bottom: 15px;
	width: 100%;
}

h1.your-skin-title {
	background-position: 0 0;
	width: 115px;
	width: 100%;
}

h1.about-us-title {
	background-position: 0 -37px;
	width: 108px;
	width: 100%;
}

h1.buy-dermalogica-title {
	background-position: 0 -80px;
	width: 207px;
	width: 100%;
}

h1.news-title {
	background-position: 0 -115px;
	width: 64px;
	width: 100%;
}

h1.for-professionals-title {
	background-position: 0 -160px;
	width: 205px;
	width: 100%;
}

h1.privacy-legal {
	background-position: 0 -200px;
	width: 179px;
	width: 100%;
}

h1.search-results-title {
	background-position: 0 -240px;
	width: 173px;
	width: 100%;
}

h1.contact-us-title {
	background-position: 0 -278px;
	width: 130px;
	width: 100%;
}

#speed-mapping-title h1 {
	background: transparent url(../images/backgrounds/speed_mapping_main.png) no-repeat 0 0;
	height: 38px;
	width: 202px;
	
}

/*===================[ Rounded Corners ]===================*/
.module,
.module1,
.module2 {
	background: transparent url(../images/backgrounds/rounded.gif) no-repeat 0 0;
}

.primary .module {
	background-repeat: repeat-y;
}

.primary .module1 {
	background-position: -698px bottom;
}

.primary .module2 {
	background-position: -1396px top;
}

.additional .module {
	background-position: -2094px top;
	background-repeat: repeat-y;
}

.additional .module1 {
	background-position: -2366px bottom;
}

.additional .module2 {
	background-position: -2638px top;
}

.wide .primary .module {
	background-position: -3182px 0;
	background-repeat: repeat-y;
}

.wide .primary .module1 {
	background-position: -3915px bottom;
}

.wide .primary .module2 {
	background-position: -4648px top;
}

.wide .additional .module {
	background-position: -5381px top;
	background-repeat: repeat-y;
}

.wide .additional .module1 {
	background-position: -5614px bottom;
}

.wide .additional .module2 {
	background-position: -5847px top;
	padding: 15px;
}

#about-us-items .module {
	background-position: -6080px top;
	background-repeat: repeat-y;
}

#about-us-items .module1 {
	background-position: -6303px bottom;
}

#about-us-items .module2 {
	background-position: -6526px top;
	padding:15px;
	min-height:252px;
}

#giving-back li.module {
	background-position: -6749px top;
	background-repeat: repeat-y;
}

#giving-back li .module1 {
	background-position: -6952px bottom;
}

#giving-back li .module2 {
	background-position: -7155px top;
}

#general-question {
	background-position: -7358px top;
	background-repeat: repeat-y;
}

#general-question .module1 {
	background-position: -7748px bottom;
}

#general-question .module2 {
	background-position: -8138px top;
}

#contact {
	background-position: -8528px top;
	background-repeat: repeat-y;
}

#contact .module1 {
	background-position: -8766px bottom;
}

#contact .module2 {
	background-position: -9004px top;
}

#medium_primary.module{
	background: transparent url(../images/backgrounds/locations_find_corners.png) repeat-y -1942px top;
	width:639px;
	height:620px;
}

#medium_primary .module1{
	background: transparent url(../images/backgrounds/locations_find_corners.png) no-repeat -639px bottom;
	width:639px;
	height:620px;
}

#medium_primary .module2{
	padding:0px;
	background: transparent url(../images/backgrounds/locations_find_corners.png) no-repeat 0 top;
	width:639px;
	height:620px;
}

.medium_additional .module, 
.medium_additional .module0 {
	background: transparent url(../images/backgrounds/locations_find_corners.png) repeat-y -2581px top;
}

.medium_additional .module1 {
	background: transparent url(../images/backgrounds/locations_find_corners.png) no-repeat -1610px bottom;
}

.medium_additional .module2 {
	background: transparent url(../images/backgrounds/locations_find_corners.png) no-repeat -1278px top;
}




/*===================[ Gradient Corners ]===================*/
#find-location,
#find-location-small {
	background: #FFF url(../images/backgrounds/small-gradient.jpg) repeat-x bottom center;
	zoom: 1;
	margin-bottom:12px;
}

#find-location .module,
#find-location-small .module {
	margin-bottom:0px;
}

#speed-mapping.module {
	background: transparent url(../images/backgrounds/speedmapping_callout_bkgd.png) no-repeat 0 0;
	height:260px;
	width:273px;
	position:relative;
}

#speed-mapping .module0,
#speed-mapping .module1,
#speed-mapping .module2 {
	background:none;
	
}

/*===================[ Rounded Titles ]===================*/
#question-topics .hd,
#whats-my-regimen .hd,
#concept-spaces .hd,
#what-we-do .hd,
#professional-care .hd,
#find-location .hd,
#find-location-small .hd,
#tips-for-you .hd,
#learn-more .hd,
#buy-online .hd,
#store-information .hd,
#events .hd,
#news .hd,
#about-our-mission .hd,
#about-dermalogica-foundation .hd,
#about-press .hd,
#categories .hd,
#recent-entries .hd,
#general-question .hd,
#contact .hd,
#search-products .hd,
#search-again .hd,
#press .hd,
#month-press .hd,
#dermalogica-foundation .hd,
#giving-back .hd,
#our-mission .hd,
#contact-us .hd,
#results .hd,
#company-faqs .hd,
#careers .hd,
#open-an-account .hd,
#newsletter .hd,
#search-news-full .hd{
	background-image: url(../images/backgrounds/gray_bars.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 16px;
	padding: 9px 12px;
	width: 640px;
}

#find-location .hd,
#find-location-small .hd  {
background-image: url(../images/backgrounds/blue_bars.png);
}

#professional-care .hd,
#find-location .hd,
#find-location-small .hd,
#tips-for-you .hd,
#learn-more .hd,
#buy-online .hd,
#store-information .hd,
#events .hd,
#news .hd,
#categories .hd,
#recent-entries .hd,
#search-again .hd {
	background-position: -670px 0;
	width: 212px;
}

#general-question .hd,
#contact .hd {
	background: transparent url(../images/backgrounds/contact_us_boxes.png) no-repeat 0 0;
	width: 390px;
}

#contact .hd {
	background-position: -415px 0;
	width: 180px;
}

#about-our-mission .hd,
#about-dermalogica-foundation .hd,
#about-press .hd {
	background: transparent url(../images/backgrounds/about_us_items.png) no-repeat 0 0;
	width: 170px;
}

#search-products .hd {
	background-image: url(../images/backgrounds/search_results_blue_bar.png);
}

.wide #what-we-do .hd {
	background: transparent url(../images/backgrounds/buy_derm_locations_grey_bars.png) no-repeat 0 0;
	width: 672px;
}

.wide #store-information .hd,
.wide #events .hd {
	background: transparent url(../images/backgrounds/buy_derm_locations_grey_bars.png) no-repeat 0 -35px;
	width: 179px;
}

#question-topics .hd h2 {
	background: transparent url(../images/backgrounds/your_skin_questions_topics.png) no-repeat 0 0;
	float: left;
	height: 17px;
	width: 49px;
}

#whats-my-regimen .hd h4 {
	background: transparent url(../images/backgrounds/speed_mapping_regimen.png) no-repeat 0 0;
	height: 17px;
	width: 160px;
}

#concept-spaces .hd h4 {
	background: transparent url(../images/backgrounds/buy_dermalogica_graphics.png) no-repeat 0 0;
	height: 17px;
	width: 239px;
}

#what-we-do .hd h4 {
	background: transparent url(../images/backgrounds/buy_dermalogica_location_titles.png) no-repeat 0 -59px;
	height: 17px;
	width: 95px;
}

#professional-care .hd h4 {
	background: transparent url(../images/backgrounds/speed_mapping_right_headers.png) no-repeat 0 0;
	height: 17px;
	width: 136px;
}

#find-location .hd h4,
#find-location-small .hd h4 {
	background: transparent url(../images/backgrounds/buy_dermalogica_graphics.png) no-repeat 0 -19px;
	float: left;
	height: 17px;
	width: 112px;
}

.medium_additional #find-location .hd {
	background: transparent url(../images/backgrounds/blue_bars.png) no-repeat -910px 0;
	width:300px;
}

#tips-for-you .hd h4 {
	background: transparent url(../images/backgrounds/speed_mapping_right_headers.png) no-repeat 0 -40px;
	height: 17px;
	width: 91px;
}

#learn-more .hd h4 {
	background: transparent url(../images/backgrounds/speed_mapping_right_headers.png) no-repeat 0 -20px;
	height: 17px;
	width: 85px;
}

#buy-online .module2 {
	padding: 11px 0;
}

#buy-online .hd {
	margin: 0 auto;
}

#buy-online p {
	padding: 10px 17px;
}

#buy-online .hd h4 {
	background: transparent url(../images/backgrounds/buy_dermalogica_graphics.png) no-repeat 0 -40px;
	float: left;
	height: 17px;
	width: 82px;
}

#store-information .hd h4 {
	background: transparent url(../images/backgrounds/buy_dermalogica_location_titles.png) no-repeat 0 -79px;
	height: 17px;
	width: 137px;
}

#events .hd h4 {
	background: transparent url(../images/backgrounds/buy_dermalogica_location_titles.png) no-repeat 0 -98px;
	height: 17px;
	width: 53px;
}

#news .hd h4 {
	background: transparent url(../images/backgrounds/about_right_news_title.png) no-repeat 0 3px;
	height: 17px;
	width: 43px;
}

#about-our-mission .hd h4 {
	background: transparent url(../images/backgrounds/about_us_items.png) no-repeat 0 -40px;
	height: 17px;
	width: 84px;
}

#about-dermalogica-foundation .hd h4 {
	background: transparent url(../images/backgrounds/about_us_items.png) no-repeat 0 -60px;
	height: 17px;
	width: 170px;
}

#about-press .hd h4 {
	background: transparent url(../images/backgrounds/about_us_items.png) no-repeat 0 -77px;
	height: 17px;
	width: 40px;
}

#categories .hd h4 {
	background: transparent url(../images/backgrounds/news_elements.png) no-repeat 0 -20px;
	height: 17px;
	width: 84px;
}

#recent-entries .hd h4 {
	background: transparent url(../images/backgrounds/news_elements.png) no-repeat 0 0;
	height: 17px;
	width: 108px;
}

#general-question .hd h4 {
	background: transparent url(../images/backgrounds/contact_us_titles.png) no-repeat 0 0;
	height: 17px;
	width: 134px;
}

#contact .hd h4 {
	background: transparent url(../images/backgrounds/contact_us_titles.png) no-repeat 0 -18px;
	height: 17px;
	width: 62px;
}

#search-products .hd h4 {
	background: transparent url(../images/backgrounds/search_elements.png) no-repeat 0 0;
	height: 17px;
	width: 86px;
}

#search-products .skin-library h4 {
	background: transparent url(../images/backgrounds/search_elements.png) no-repeat 0 -20px;
	height: 17px;
	width: 99px;
}

#search-again .hd h4 {
	background: transparent url(../images/backgrounds/search_elements.png) no-repeat 0 -40px;
	height: 17px;
	width: 60px;
}

#press .hd h4 {
	background: transparent url(../images/backgrounds/about_us_press_elements.png) no-repeat 0 3px;
	height: 17px;
	width: 43px;
}

#dermalogica-foundation .hd h4 {
	background: transparent url(../images/backgrounds/foundation_titles.png) no-repeat 0 0;
	height: 17px;
	width: 191px;
}

#giving-back .hd h4 {
	background: transparent url(../images/backgrounds/foundation_titles.png) no-repeat 0 -20px;
	height: 17px;
	width: 242px;
}

#open-an-account .hd h4 {
	background: transparent url(../images/backgrounds/title_open_an_account.png) no-repeat 0 0;
}


#newsletter .hd h4 {
	background: transparent url(../images/backgrounds/title_newsletter.png) no-repeat 0 0;
}



/*===================[ Side Nav Sprites ]===================*/
#side-nav a:focus, #side-nav a:active {
	outline:none;
}


#side-nav .skin-library a,
#side-nav .skin-library span {
	background: transparent url(../images/backgrounds/nav_skin_library.png) no-repeat 0 0;
}

#side-nav .speed-mapping a,
#side-nav .speed-mapping span {
	background: transparent url(../images/backgrounds/nav_speed_mapping.png) no-repeat 0 0;
}


#side-nav .your-questions a,
#side-nav .your-questions span {
	background: transparent url(../images/backgrounds/nav_your_questions.png) no-repeat 0 0;
}


#side-nav .our-mission a, 
#side-nav .our-mission span {
	background: transparent url(../images/backgrounds/nav_our_mission.png) no-repeat 0 0;
}

#side-nav .press a,
#side-nav .press span {
	background: transparent url(../images/backgrounds/nav_press.png) no-repeat 0 0;
}

#side-nav .open-an-account a,
#side-nav .open-an-account span {
	background: transparent url(../images/backgrounds/nav_open_an_account.png) no-repeat 0 0;
}


#side-nav .careers a,
#side-nav .careers span {
	background: transparent url(../images/backgrounds/nav_careers.png) no-repeat 0 0;
}

#side-nav .dermalogica-foundation a,
#side-nav .dermalogica-foundation span {
	background: transparent url(../images/backgrounds/nav_dermalogica_foundation.png) no-repeat 0 0;
}

#side-nav .contact-us a,
#side-nav .contact-us span{
	background: transparent url(../images/backgrounds/nav_contact_us.png) no-repeat 0 0;
}
#side-nav .privacy-and-legal a,
#side-nav .privacy-and-legal span {
	background: transparent url(../images/backgrounds/nav_privacy_and_legal.png) no-repeat 0 0;
}

#side-nav .newsletter a,
#side-nav .newsletter span {
	background: transparent url(../images/backgrounds/nav_newsletter.png) no-repeat 0 0;
}

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

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

#side-nav .contact-us {
	border-top: none;
	padding-top: 0;
}

#side-nav .newsletter {
	padding-bottom: 0;
}

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

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

#side-nav li {
	border-top: 1px solid #DADADA;
	padding: 13px 0;
}


#side-nav a:hover {
	background-position:-150px 0;
}

#side-nav span {
	background-position:-150px 0;
}

#side-nav .skin-library span,
#side-nav .speed-mapping span,
#side-nav .your-questions span,
#side-nav .our-mission span,
#side-nav .press span,
#side-nav .open-an-account span,
#side-nav .careers span,
#side-nav .dermalogica-foundation span,
#side-nav .contact-us span,
#side-nav .privacy-and-legal span,
#side-nav .newsletter span{
	background-position:-150px 0;
}

#side-nav a,
#side-nav span{
	height:12px;
	width:150px;
	display:block;
	text-indent:-9000px;
}

#side-nav li a{
	background-repeat:none;
}


/*===================[ Medium Text Sprites ]===================*/
#speed-mapping h4,
#speed-mapping-results .module2 div h4 {
		background: transparent url(../images/backgrounds/about_my_skin.png) no-repeat 0 0;
	height: 20px;
}

#your-questions h4 {
	background: transparent url(../images/backgrounds/your_skin_main_questions_graphis.png) no-repeat 0 0;
	height: 28px;
	width: 190px;
}

#skin-library h4 {
	background-position: 0 0;
	width: 137px;
}

#speed-mapping h4 {
	background: transparent url(../images/backgrounds/your_skin_lib_speedMapping.png) no-repeat 0 0;
	height: 62px;
	width: 121px;
}

#speed-mapping-results .module2 div h4 {
	background: transparent url(../images/backgrounds/about_my_skin.png) no-repeat 0 0;
	width: 115px;
}

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

/*===================[ Flash ]===================*/
#flash {
	/*height: 340px;*/
	/*margin-bottom: 10px;*/
	text-align: center;
}

#flash,
#flash div {
	background-image: none;
}

#flash .module2 {
	padding-top: 25%;
}

/*===================[ Skin Library ]===================*/
#skin-library{
	margin-top:6px;
	_margin-top:12px;
}


#skin-library .hd {
	zoom: 1;
}

#skin-library .hd p {
	float: left;
	margin: 5px 0 0px 0;
}

#skin-library .hd a {
	background: transparent url(../images/backgrounds/arrow.png) no-repeat left;
	float: right;
	font-weight: bold;
	padding-left: 10px;
	text-transform: lowercase;
	margin-top:5px;
}

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

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

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

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

#skin-library h4 {
	background: transparent url(../images/backgrounds/your_skin_main_lib_module.png) no-repeat 0 0;
	height: 28px;
}

/*===================[ Understanding Your Skin ]===================*/
#understanding-your-skin {
	background: none;
	border-bottom: 1px solid transparent; /* Safari hack */
	_border: none;
	_height: 215px;
	margin: 0;
	min-height: 215px;
	padding: 0;
	position: relative;
}

#understanding-your-skin p {
	font-size: 1.5em;
	line-height: 1.5em;
	width: 400px;
	color: #979da3;
}

#understanding-your-skin span {
	background: transparent url(../images/backgrounds/your_skin_main_bkgd.png) no-repeat 0 -57px;
	bottom: -1px;
	height: 270px;
	position: absolute;
	right: 44px;
	width: 220px;
}

#understanding-your-skin h2 {
	background: transparent url(../images/backgrounds/your_skin_main_bkgd.png) no-repeat 0 0;
	height: 37px;
	width: 411px;
}

/*===================[ Remedy Rotator ]===================*/
#remedy-rotator ul {
	margin-bottom: 15px;
	overflow: hidden;
}

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

#remedy-rotator .hd li a,
#remedy-rotator .hd li span {
	background: transparent url(../images/backgrounds/your_skin_lib_remedy_nav.png) no-repeat 0 0;
	height: 28px;
	width: 82px;
}

#remedy-rotator .hd .featured a {
	background-position: 0 0;
}

#remedy-rotator .hd .first a {
	background-position: 0 0;
}

#remedy-rotator .hd .banner li a, #remedy-rotator .hd .banner li span{
text-indent:0px;
	padding-top:5px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	height:23px;
}



#remedy-rotator .hd .banner li a:hover{
	text-decoration:none;
}

#remedy-rotator .hd .first span,
#remedy-rotator .hd .first a:hover {
	background-position: -87px 0;

}

#remedy-rotator .hd .middle a {
	background-position: 0 -30px;
}

#remedy-rotator .hd .middle span,
#remedy-rotator .hd .middle a:hover {
	background-position: -87px -30px;
}

#remedy-rotator .hd .last a {
	background-position: 0 -60px;
}

#remedy-rotator .hd .last span,
#remedy-rotator .hd .last a:hover {
	background-position: -87px -60px;
}


#remedy-rotator .hd .prev a,
#remedy-rotator .hd .next a,
.rich #remedy-rotator .hd fieldset li {
	background: transparent url(../images/backgrounds/your_skin_lib_remedy_elements.png) no-repeat 0 0;
	
}

#remedy-rotator .hd .prev a ,
#remedy-rotator .hd .next a,
#remedy-rotator .hd .disabledprev a,
#remedy-rotator .hd .disablednext a,  
{
	float: left;
	height: 18px;
	margin-left: 2px;
	width: 18px;
}
#remedy-rotator .hd .prev,
#remedy-rotator .hd .next{
	display:inline;

}

#remedy-rotator .hd .prev a{
	background-position: 0 0;
	width:18px;
	height: 18px;
}

#remedy-rotator .hd .disabledprev a,
#remedy-rotator .hd .disabledprev a:hover {
	background: transparent url(../images/backgrounds/your_skin_lib_remedy_elements.png) no-repeat 0 0;
	float: left;
	height: 18px;
	margin-left: 2px;
	width: 18px;
}

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

#remedy-rotator .hd .disabledprev a:focus,
#remedy-rotator .hd .disabledprev a:active,
#remedy-rotator .hd .prev a:focus, 
#remedy-rotator .hd .next a:focus,
#remedy-rotator .hd .prev a:active, 
#remedy-rotator .hd .next a:active{
	outline:none;
}


#remedy-rotator .hd .disabledprev, #remedy-rotator .hd .disablednext{
	display:inline;
}



#remedy-rotator .hd .disablednext a,#remedy-rotator .hd .disablednext a:hover {
	background: transparent url(../images/backgrounds/your_skin_lib_remedy_elements.png) no-repeat 0 -30px;
	float: left;
	height: 18px;
	margin-left: 2px;
	width: 18px;
}

#remedy-rotator .hd .next a{
	background-position: 0 -30px;
}

#remedy-rotator .hd .next a:hover{
	background-position: -20px -30px;
}

#remedy-rotator .hd .prev a:hover{
	background-position: -20px 1px;
	
}

.rich #remedy-rotator .hd fieldset li {
	background-position: 0 -60px;
}

.rich #remedy-rotator .hd fieldset li input {
	background-color: transparent;
}

#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;
}

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

#remedy-rotator .bd li {
	float: left;
	margin: 15px 30px 0 0;
	width: 45%;
}

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

#remedy-rotator .bd li a {
	background:transparent none repeat scroll 0 0;
	font-weight:bold;
	text-indent:0;
	text-transform:lowercase;
}


/*===================[ 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: #2b333a;
	float: left;
	line-height: 1em;
}

#article .hd ul {
	float: right;
	margin-top: 5px;
}

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

#article .bd ul li {
		margin-left: 20px;
		list-style-type: disc;
}

#article .bd ol li {
	list-style-type: decimal;
	margin-left: 20px;
}

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

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


/*===================[ Your Questions Nav ]===================*/
#question-topics .hd a {
	background: transparent url(../images/backgrounds/arrow_white.png) no-repeat left;
	color: #FFF;
	float: right;
	font-weight: bold;
	padding-left: 10px;
	text-transform: lowercase;
}

#question-topics ul {
	padding-top: 15px;
	zoom: 1;
}

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

#question-topics li img{
margin-right: 10px;
}

#question-topics li a{
	position:absolute;
}



/*===================[ Your Questions ]===================*/
#your-questions-full {
	background: none;
	margin: 0;
	padding: 0;
}

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

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

#your-questions-full .textlist li {
	background: transparent url(../images/backgrounds/arrow.png) no-repeat 0 50%;

}

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

#your-questions-full .question {
color: #2b333a;
font-size: 1.4em;
font-weight: bold;
padding-top: 20px;
padding-bottom: 20px;
}
#your-questions-full .answer {
font-size: 1.4em;
padding-bottom: 20px;
}

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

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

#your-questions-full .top {
border-bottom: 1px solid #CCC;
padding-bottom: 4px;
padding-top: 10px;
text-transform: lowercase;
font-weight: bold;
}

#your-questions h4 {
	background-position: 0 0;
}

#your-questions li a span {
	background: transparent url(../images/backgrounds/your_questions_icons.png) no-repeat 0 0;
}

#your-questions .dry-skin a span {
	background-position: 0 0;
}

#your-questions .aging-skin a span {
	background-position: 0 0px;
}

#your-questions .hyperpigmentation a span {
	background-position: 0 0px;
}

#your-questions .sensitive-skin a span {
	background-position: 0 0px;
}

#your-questions .exfoliation a span {
	background-position: 0 0px;
}

#your-questions .adult-acne a span {
	background-position: 0 0px;
}

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

#prescribed-products li {
	float: left;
	margin: 15px 30px 0 0;
	width: 40%;
}

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

/*===================[ What's My Regimen? ]===================*/

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

#whats-my-regimen td{
	padding: 0 6px;
}

#whats-my-regimen td ul{
	width:115px;
}

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

#whats-my-regimen .also-recommend li div {
	float: left;
	_height: 0;
	line-height: 1.5em;
	min-height: 0;
	position: static;
	text-align: left;
	width: 155px;
}


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

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

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


#whats-my-regimen li {
	float: left;
}

#whats-my-regimen li a {
	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  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: 45%;
	_width: 47%;
}

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

#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 -7px;
}

#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;
	margin: 20px 0;
	zoom: 1;
}

#whats-my-regimen li span {
	background-image: url(../images/backgrounds/speed_mapping_regimen.png);
	height: 30px;
	margin: 0 auto;
}

#whats-my-regimen .cleanse span {
	background-position: 0 -80px;
	width: 90px;
}

#whats-my-regimen .exfoliate span {
	background-position: 0 -110px;
	width: 90px;
}

#whats-my-regimen .moisturize span {
	background-position: 0 -140px;
	width: 100px;
}

#whats-my-regimen .target span {
	background-position: 0 -170px;
	width: 82px;
}

#whats-my-regimen .also-recommend h4 {
	background: transparent url(../images/backgrounds/speed_mapping_regimen.png) no-repeat 0 -20px;
	height: 12px;
	margin: 20px 15px;
	width: 143px;
}

#whats-my-regimen .also-recommend p a {
	background: transparent url(../images/backgrounds/speed_mapping_regimen.png) no-repeat 0 -40px;
	float: right;
	height: 29px;
	margin-top: 11px;
	width: 119px;
}

.also-recommend #lazer-gun td p {
	border:none;
	margin: 10px 0;
}

#lazer-gun td ul{
	width: 160px;
	margin: 10px 0 10px -7px;
}

#lazer-gun td li a{
}
/*===================[ 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;
}

#dermalogica-location .hd fieldset {
	*width: 1%;
}

#dermalogica-location .hd h4 {
	background-position: 0 0;
	float: left;
	height: 21px;
}

#dermalogica-location .hd h4 {
	background: transparent url(../images/backgrounds/buy_dermalogica_location_titles.png) no-repeat 0 0;
	width: 238px;
}

#dermalogica-location .hd h4.new-york {
	background-position: 0 0;
}

#dermalogica-location .hd h4.los-angeles {
	background-position: 0 -31px;
}

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

#what-we-do table{
	margin-top:23px;
}

#what-we-do td{
	vertical-align:top;
}

#what-we-do li {
	float: left;
	margin: 8px 6px;
	width: 48%;
	_width: 47%;
	zoom: 1;
}

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

#what-we-do li img {
	float: left;
	margin-right: 0.5em;
}

#what-we-do li div {
	float: left;
	width: 150px;
}

#what-we-do li p {
	margin: 5px 0;
}

#what-we-do li ul {
	margin-top: 0;
}

#what-we-do li li a {
	text-transform: lowercase;
}

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

#about-us-items {
	background: none;
	zoom: 1;
	margin-top:6px;
}

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

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

#about-our-mission a,
#about-dermalogica-foundation a,
#about-press a {
	text-transform: lowercase;
}
#about-our-mission span,
#about-dermalogica-foundation span,
#about-press span {
	background: transparent url(../images/backgrounds/about_us_items.png) no-repeat 0 0;
	border-bottom: 1px solid #CECED0;
	height: 125px;
	width: 195px;
}

#about-our-mission span {
	background: transparent url(../images/backgrounds/aboutUs_ourMission.png) no-repeat 25px 10px;
}

#about-dermalogica-foundation span {
	background-position: 0 -235px;
}

#about-press span {
	background-position: 0 -372px;
}

#our-mission .founder{
	padding-top:17px;
	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;
}


#our-mission a{
	font-weight:bold;
	padding-top: 12px;
	display:block;
}

#our-mission .our-mission-copy{
	width:650px;
}

#our-mission .hd h4{
	background:transparent url(../images/backgrounds/title_our_mission.png) no-repeat scroll 0 0;
}

/*
#open-an-account {
	overflow:hidden;
	height:1280px;
}
*/


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

#flashHeader{
	clear:both;
	height:477px;
	overflow:hidden;
	text-align:center;
	width:100%;
	z-index:0;
	position:relative;
	margin-top:-35px;
}

.professionals #content{
	position:relative;
	z-index:1;
	padding-top:30px;
}


.professionals .professionals-caption {
	background: transparent url(../images/backgrounds/for_pros_text.png) no-repeat 0 0; /* This can be a 24-bit PNG, as IE6 will get normal text */
	font-size: 2em;
	height: 120px;
	line-height: 1.5em;
	margin: 120px 0 150px 0;
	_overflow: visible;
	_text-indent: 0;
	_background:none;
	width: 615px;
}



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

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

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

#for-professionals-items li li {
	background: transparent url(../images/backgrounds/arrow.png) no-repeat 0 5px;
	_height: auto;
	margin: 5px 0;
	min-height: 0;
	padding-left: 9px;
	width: auto;
	float:none;
}

#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;
}

#for-professionals-items .more h5 {
	background:transparent url(../images/backgrounds/for_pros_more.png) no-repeat 0 0;
	height: 16px;
	width: 58px;
}

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

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

.latest-headlines p {
	float: left;
	margin:0px;
}

/*===================[ Search Results ]===================*/
#search-products.module {
	margin-bottom:0px;
}

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

#search-products .hd {
	clear: both;
}

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

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

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

#search-products .all-results {
	background: transparent url(../images/backgrounds/plus.png) no-repeat 0 50%;
	display: block;
	margin: 10px 0px 20px 0px;
	padding-left: 15px;
	text-transform: lowercase;
}

#search-result-info {
	background: transparent url(../images/backgrounds/search_results_corners.png) repeat-y 0 0;
	width: 663px;
}

#search-result-info .module1 {
	background: transparent url(../images/backgrounds/search_results_corners.png) no-repeat -1326px bottom;
}

#search-result-info .module2 {
	background: transparent url(../images/backgrounds/search_results_corners.png) no-repeat -663px top;
	padding: 9px 17px;
	zoom: 1;
}

#search-result-info h5 {
	float: left;
	font-size: 1.5em;
	font-weight: normal;
	text-transform: lowercase;
}

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

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

#press label {
	display: none;
}

#press h5 {
	width:270px;
	height:20px;
	background: transparent url(../images/backgrounds/press_saying.png) no-repeat scroll 0 0;
	margin-right: 10px;
	margin-left:12px;
	text-transform: lowercase;
	height: 20px;
	float:left;
}

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

#press li.press-submit{
	margin-right:0px;
	float:left;
}

#press input {
	text-transform: lowercase;
}

#press .press-submit input {
	background: transparent url(../images/backgrounds/about_us_press_elements.png) no-repeat 0 -40px;
	border: none;
	color: #9FA2A7;
	height: 31px;
	position: relative;
	text-transform: lowercase;
	text-indent:-9000px;
	top: -5px;
	width: 74px;
}

#press #month-drop-down {
	min-width:98px;
	margin-left:20px;
}

#press #year-drop-down{
	min-width:62px;
}
/*===================[ Month Press ]===================*/
#month-press .hd {
	margin-bottom: 10px;
}

#month-press li {
	margin: 25px 0;
	zoom: 1;
}

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


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

#month-press li .product{
	width:75px;
	height:75px;
}

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

#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: 2px 25px;
}

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

#month-press .quote span {
	color: #979da3;
}

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

#month-press .hd h4 {
	background: transparent url(../images/backgrounds/press_months.png) no-repeat 0 -240px;
	height: 17px;
	width:100px;
}

#month-press .january h4 {
	background-position: 0 0;
}

#month-press .february h4 {
	background-position: 0 -19px;
}

#month-press .march h4 {
	background-position: 0 -40px;
}

#month-press .april h4 {
	background-position: 0 -60px;
}

#month-press .may h4 {
	background-position: 0 -80px;
}

#month-press .june h4 {
	background-position: 0 -100px;
}

#month-press .july h4 {
	background-position: 0 -120px;
}

#month-press .august h4 {
	background-position: 0 -140px;
}

#month-press .september h4 {
	background-position: 0 -160px;
}

#month-press .october h4 {
	background-position: 0 -180px;
}

#month-press .november h4 {
	background-position: 0 -200px;
}

#month-press .december h4 {
	background-position: 0 -220px;
}


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

#dermalogica-foundation h5 {
	background: transparent url(../images/backgrounds/derm_foundation_logo.png) no-repeat 0 0;;
	float: left;
	height: 145px;
	margin-right: 20px;
	width: 145px;
}

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

#giving-back ul {
	zoom: 1;
}

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

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

#giving-back h5 {
	height: 112px;
	width: 160px;
}

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

#giving-back li h5 {
	background: transparent url(../images/backgrounds/foundation_logos.png) no-repeat 0 0;
}

#giving-back .childbirth-connection h5 {
	background-position: 0 0;
}

#giving-back .sojourn-services h5 {
	background-position: 0 -110px;
}

#giving-back .step-up h5 {
	background-position: 0 -220px;
}

#giving-back .sova h5 {
	background-position: 0 -330px;
}

#giving-back .stuart-house h5 {
	background-position: 0 -440px;
}

#giving-back .lamp h5 {
	background-position: 0 -550px;
}

#giving-back .bienvenidos h5 {
	background-position: 0 -660px;
}

#giving-back .camp-harmony h5 {
	background-position: 0 -770px;
}

#giving-back .mar-vista h5 {
	background-position: 0 -875px;
}

#giving-back .everychild h5 {
	background-position: 0 -980px;
}

#giving-back .childrens-skin h5 {
	background-position: 0 -1090px;
}

#giving-back .skincare h5 {
	background-position: 0 -1200px;
}

#giving-back .cats h5 {
	background-position: 0 -1330px;
}

#giving-back .aviva h5 {
	background-position: 0 -1440px;
}

#giving-back .ourhouse h5 {
	background-position: 0 -1530px;
}



/*===================[ Product Detial Printable ]===================*/

#product-detail-print #header{
	width:700px;
	margin: 32px auto 25px auto;
	text-align:left;
	height:65px;
}


#product-detail-print #wrapper{
	width:100%;
	border-top: 1px #e5e5e5 solid;
	border-bottom: 1px #e5e5e5 solid;
	background:none;
}

#product-detail-print #content{
	width:700px;
	margin: 31px auto 72px auto;
}

#product-detail-print #youMayAlsoLike{
	width:700px;
	margin: 25px auto 0px auto;
	text-align:left;
	padding-bottom:48px;
}

#content .product{
	display:inline;
	width:350px;
	float:left
}

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

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

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

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

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

.mainInfo h1{
	font-size:2.1em;
	color:#6a737b;
	margin: 0 0 17px 0;
	font-weight:normal;
}

.mainInfo font{
	color:#979da3;
	font-size:1.1em;
}
.mainInfo p{
	font-size:1.1em;
}

.text hr{
	width:100%;
	color:#e5e5e5;
	height:1px;
	border:0px;
}

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

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

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

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

.howItWorks li{
	margin:12px 0 31px 0;
	list-style-type:disc;
	list-style-position:outside;
	color:#6a737b;
	margin:3px 14px;
}


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

#youMayAlsoLike .text{
	text-align:center;
}

.suggestedProducts td{
	text-align:center;
	width:25%;
	padding:5px;
}

.suggestedProducts td font{
	color:#c2c2c2;
}

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



/*===================[ Your Questions ]===================*/
#your-questions ul {
}

#your-questions li {
	border-top: 1px solid #E5E5E5;
	line-height: 25px;
	padding: 5px;
}

#your-questions li img{
	vertical-align:middle;
}

#your-questions li a span {
	float: left;
	height: 25px;
	margin-right: 15px;
	width: 25px;
}

#your-questions a {
	background: transparent url(../images/backgrounds/arrow.png) no-repeat left;
	font-weight: bold;
	padding-left: 10px;
	text-transform: lowercase;
	padding-left: 10px;
	text-transform: lowercase;
}

#your-questions li a {
	background: none;
	color: #6C7477;
	padding-left: 0;
	line-height:30px;
}

#your-quesions .module2 li a {
	background
}

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

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

#speed-mapping-title li a {
	height: 31px;
	width: 152px;
}

#speed-mapping-title .email-results a {
	background: transparent url(../images/backgrounds/speed_mapping_main.png) no-repeat 0 -40px;
}

#speed-mapping-title .print-results a {
	background: transparent url(../images/backgrounds/speed_mapping_main.png) no-repeat 0 -80px;
}

#speed-mapping .module1 span {
	background: transparent url(../images/backgrounds/your_skin_lib_speedMapping.png) no-repeat 0 -72px;
	bottom: 0;
	height: 257px;
	right: 15px;
	overflow: hidden;
	position: absolute;
	text-indent: -900px;
	width: 137px;
}

#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 .module2 {
	padding-top:60px;
}

#speed-mapping h4 {
	margin-bottom: 5px;
}

#speed-mapping p {
	width: 50%;
}

#speed-mapping a {
	background: transparent url(../images/backgrounds/arrow.png) no-repeat left;
	bottom: 1em;
	font-weight: bold;
	padding-left: 10px;
	position: absolute;
	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;
	margin-bottom:1px;
}

#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 {
	/*background: transparent url(../images/backgrounds/about_my_skin.png) no-repeat 0 0;*/
	margin-top: 15px;
}

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

#speed-mapping-results h3 {
	float: left;
	margin-right: 15px;
}
#speed-mapping-results .module2 .face {
display:inline;
}
#speed-mapping-results .module2 .text{
display:inline;
position:absolute;
margin-left:20px;
margin-top:0px
}

#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;
}

#speed-mapping-results h2 {
	background: transparent url(../images/backgrounds/speed_mapping_results.png) no-repeat 0 0;
	height: 39px;
	width: 430px;
}

#speed-mapping-results h3 {
	background: transparent url(../images/backgrounds/speed_mapping_results.png) no-repeat 0 -38px;
	height: 110px;
	width: 110px;
}

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

#tips-for-you li {
	background: transparent url(../images/backgrounds/speed_mapping_tips_for_you.png) no-repeat 0 0;
	height: 50px;
	margin: 25px 0;
	padding-left: 60px;
}

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

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

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

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

#tips-for-you a {
	font-weight: bold;
	text-transform: lowercase;
}

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

#learn-more li {
	margin-top: 15px;
	overflow: hidden;
	zoom: 1;
	_height: 65px;
	min-height:60px;
}

#learn-more li img {
	float: left;
	margin-right:10px;
}

#learn-more li a {
	display:block;
	float:left;
	font-weight:bold;
	margin:0 0 3px 5px;
	width:140px;
	_height:20px;
}
#learn-more .module2{
}
/*===================[ Professional Care ]===================*/
#professional-care img {
	margin-top: 10px;
}

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

#professional-care li {
	height: 25px;
	margin: 10px 0;
}
#professional-care li div{
	display:inline;
	height: 35px;
	line-height:30px;
}
#professional-care li img {
	margin-top:0px;
	vertical-align:middle;
	padding-right: 8px;
}

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

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

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

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

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

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

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

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

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

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

#find-location form .location-submit input{
	background: transparent url(../images/backgrounds/buy_dermalogica_graphics.png) no-repeat 0 -60px;
	border: none;
	color: #979EA6;
	cursor: pointer;
	display: block;
	height: 31px;
	margin: 0 0 0 32px;
	text-transform: lowercase;
	width: 233px;
}

#find-location-small form .location-submit input {
	background: transparent url(../images/backgrounds/buy_dermalogica_graphics.png) no-repeat 0 -60px;
	border: none;
	color: #979EA6;
	cursor: pointer;
	display: block;
	height: 31px;
	margin: 0 0 0 2px;
	text-transform: lowercase;
	width: 233px;
}

#results .hd h4{
	background: transparent url(../images/backgrounds/title_results.png) no-repeat scroll 0 0;
	width:;
	height:;
}

#results .hd {
	background:transparent url(../images/backgrounds/gray_bars.png) no-repeat scroll -910px 0;
	margin-bottom:12px;
}

#divMap {
	position:relative;
	height: 867px;
	z-index:1;
	width:636px;
	border:1px solid #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	overflow:hidden;
}

/*===================[ Buy Online ]===================*/
#buy-online p {
	background: transparent url(../images/backgrounds/buy_online_bkgd.png) no-repeat bottom;
	padding-bottom: 175px;
}

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

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

#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;
}



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

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

#news li a {
	clear: left;
	float: left;
	font-weight: bold;
}
#news-articles img {
	float:left;
	margin: 3px 12px 8px 0;
}

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

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

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



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

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

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

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

#news-articles li {
	list-style-type: disc;
	margin-left: 30px;
}

.categories a{
	font-weight:normal;
}

#news-articles .older {
	background: transparent url(../images/backgrounds/arrow_back.png) no-repeat 0 50%;
	display: block;
	float: left;
	font-weight: bold;
	margin-top: 35px;
	padding-left: 8px;
}

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

#search-news h4{
	font-size:1em;
}

#search-news label {
	display: none;
}

#search-news input, 
#search-news-full input {
	background-color:transparent;
	border:medium none;
	color:#B3B3B3;
	height:14px;
	padding:5px 10px;
	width:118px;
	
}

#search-news li, 
#search-news-full li {
	float: left;
	background:transparent url(../images/backgrounds/news_search_input_bkgd.png) no-repeat scroll 0 0;
	height:25px;
	width:135px;
}

#search-news li.search-news-submit, 
#search-news-full li.search-news-submit {
	width:76px;
	background:none;
}

#search-news li.search-news-submit input,
#search-news-full li.search-news-submit input {
	background: transparent url(../images/backgrounds/news_elements.png) no-repeat 0 -40px;
	border: 0;
	color: #9FA2A7;
	cursor: pointer;
	height: 31px;
	position: relative;
	text-transform: lowercase;
	top: -5px;
	width: 76px;
}


#search-news-full .hd h4 {
	background:transparent url(../images/backgrounds/search_elements.png) no-repeat scroll 0 -40px;
	width:60px;
}

#search-news-full h5{
	font-weight:normal;
	display:inline;
	padding: 3px 12px 0 0;
	float:left;
	font-size:1.3em;
}

#search-news-full .bd {
	margin:15px 0px;
}

#search-news-full ul, 
#search-news-full form{
	display:inline;
	
}

#search-news-full li {
	padding-right:12px;
}



/*===================[ 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;
}

/*===================[ News Authors ]===================*/
#news-authors ul {
	overflow: hidden;
}

#news-authors 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 .hd h4{
	background: transparent url(../images/backgrounds/title_contact_us.png) no-repeat scroll 0 0;
	height:17px;
}

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

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

#contact-us font {
	font-size:13px;
	font-weight:bold;
	color:#6A737B;
}

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

#contact-long-header,
#contact-short-header{
	display:block;
	float:left;
	clear:both;
	width:100%;
}

#contact-long-header div,
#contact-short-header div{
	float:left;
}

.contact-text{
}

.contact-us-title{
	float:left;
}

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

#contact-us-short{
}

#contact-us.module {
	float:left;
}

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

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

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

#contact .module2 {
	width: 204px;
}

#general-question .module2 {
	background-position: -10142px top;
	width: 411px;
}
#general-question .module1 {
	background-position: -9693px bottom;
}

#general-question.module {
	background-position: -9242px bottom;
}

#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 textarea{
	font-family:helvetica, arial, sans serif;
	font-size:1em;
}

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

#general-question .contact-submit input {
	background: transparent url(../images/backgrounds/button_submit.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;
}

/*===================[ 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 {
	background: transparent url(../images/backgrounds/contact_us_buttons.png) no-repeat 0 -40px;
	border: none;
	color: #9FA2A7;
	cursor: pointer;
	height: 31px;
	position: relative;
	text-transform: lowercase;
	top: -5px;
	width: 54px;
}

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

#search-again label {
	display: none;
}

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

#search-again li {
	float: left;
}

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

#search-again .search-again-submit input {
	background: transparent url(../images/backgrounds/search_elements.png) no-repeat 0 -60px;
	border: none;
	color: #9FA2A7;
	cursor: pointer;
	display: block;
	float: left;
	height: 31px;
	margin-left: 7px;
	position: relative;
	text-transform: lowercase;
	top: -6px;
	width: 76px;
}
/*======================[ Privacy and Leagal ]===========================*/
.privacy-legal h1{

}

#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{
	padding-left: 10px;
	background: transparent url(../images/backgrounds/bulletpoint.png) no-repeat 0 5px;
}

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

#privacyandlegal h5{
	font-size:1.5em;
	text-align:center;
	margin:18px 0;
}

/*======================[ Company FAQs ]===========================*/

#company-faqs .hd h4{
	background: transparent url(../images/backgrounds/title_company_faqs.png) no-repeat 0 0;
}

/*======================[ Careers ]===========================*/

#careers .hd h4 {
	background: transparent url(../images/backgrounds/text_careers.png) no-repeat 0 -28px;
	margin-top:2px;
}

#careers .bg h3 {
	background: transparent url(../images/backgrounds/text_careers.png) no-repeat 0 0;
	height:27px;
	margin-top: 21px;
}

#careers img{
	margin-top:15px;
}

#careers p {
	margin:16px 0 20px;
}


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

#popup-wrapper {
	height: 0;
	position: absolute;
	width: 100%;
	z-index: 10;
	display:none;
	text-align:center;
}

#popup-container {
	background-color:transparent;
	margin:150px auto 0 auto;
	-webkit-box-shadow:0px 0px 50px #000000;
	-webkit-border-radius:5px;
	width:575px;
	text-align:left;
}

#top-border{
	background:transparent url(../images/backgrounds/popup_background.png) no-repeat scroll 0 0;
	padding-top:25px;
}

#bottom-border{
	background:transparent url(../images/backgrounds/popup_background.png) no-repeat scroll -600px bottom;
	padding-bottom:10px;
}

#popup-content{
	background-color:#ffffff;
	padding: 0 25px 25px 35px;
	border-left: 1px #e2e2e2 solid;
	border-right: 1px #e2e2e2 solid;
}

#popup-content form label,
#popup-content h3{
	text-transform:lowercase;
}


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

#popup .hd h3 {
	float: left;
	font-size:1.15em;
	font-weight:bold;
}

#popup input{
	width:200px;
} 
#popup textarea {
	width:203px;
	font-family: helvetica, arial;
	font-size:1em;
}

#popup .hd a {
	background: transparent url(../images/backgrounds/pop_up_close.png) no-repeat right 3px;
	float: right;
	font-weight: bold;
	/* margin-right: 35px; */
	padding-right: 15px;
	text-transform: uppercase;
}


#popup .bd {
	_height: 300px;
	max-height: 300px;
	overflow-y: auto;
	padding-right: 30px;
}

#popup .events-detail{
	_height: 300px;
	max-height: 300px;
	overflow-y: auto;
	padding-right: 30px;
}

#popup .newsletter-submit input {
	background: transparent url(../images/backgrounds/button_submit.png) no-repeat 0 0;
	border: none;
	color: #9FA2A7;
	cursor: pointer;
	height: 31px;
	width: 143px;
	margin-top:14px;
	margin-bottom:25px;
}

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

#popup h5{
	font-size:1.3em;
	font-weight:normal;
	margin-bottom:4px;
	text-transform:lowercase;
}

#popup.event-list li{
	font-size:1.05em;
}

#popup td {
	vertical-align:top;
	padding-bottom: 30px;
	padding-right:15px;
}

#popup td p{
	margin-bottom:0px;
}

#popup td a{
	font-weight:bold;
}

.events-detail h4{
	font-weight:normal;
	font-size:1.3em;
	margin-bottom: 8px;
}

#popup img {
	margin: 8px 0 12px 8px;
}

.events-detail img{
	margin:8px 0 0 0;
	max-width:505px;
}


#rb,
#general-question input#rb,
#formNewsletter input#rb {
	width:13px;
}

#vt_header{
	color:#979da3;
	font-size:1em;
}

#vt_title {
	width:;
	height:;
	float:left;
	color:2b333a;
	font-size:1.6em;
}

#vt {
	margin: -6px 0 0 -12px;
}

/*===================[ Home No Flash]===================*/
#HomeNoFlash{
	background:transparent url(../images/HomeNoFlash.jpg) no-repeat scroll 0 0;
	width:1280px;
	margin:-35px auto 0 auto;
	padding-top:550px;
	text-align:center;
}

#HomeNoFlash{
	margin-bottom: 100px;
}

#HomeNoFlash a img{
vertical-align:middle;
margin:12px;
}

#noFlashNav li{
	float:left;
	height:12px;
	padding:0 12px 0 0;
}
.yourSkinNav a{
	text-indent:-9000px;
}

ul#noFlashNav {
	float:left;
	margin: 58px 0 22px 70px;
}

#header h2.noFlash {
	text-indent:-9000px;
	float:left;
	width: 245px;
	overflow:hidden;
	margin: 34px 0 22px 0;
	background: transparent url(../images/derma_logo_gray.png) no-repeat scroll 0 0;
}
#noFlashNav a:hover,
#noFlashNav span{
	background-position: -102px 0;
}



.yourSkinNav a, 
.yourSkinNav span {
	background:transparent url(../images/backgrounds/noFlashYourSkin.png) no-repeat scroll 0 0;
	width:55px;
}
.ourProductsNav a,
.ourProductsNav span {
	background:transparent url(../images/backgrounds/noFlashProducts.png) no-repeat scroll 0 0;
	width:75px;
}

.aboutUsNav a,
.aboutUsNav span {
	background:transparent url(../images/backgrounds/noFlashAboutUs.png) no-repeat scroll 0 0;
	width:49px;
}

.blogNav a, 
.blogNav span {
	background:transparent url(../images/backgrounds/noFlashNews.png) no-repeat scroll 0 0;
	width:30px;
}
.forProfessionalsNav a,
.forProfessionalsNav span {
	background:transparent url(../images/backgrounds/noFlashForPros.png) no-repeat scroll 0 0;
	width:102px;
}

.buyDermaNav a,
.buyDermaNav span {
	background:transparent url(../images/backgrounds/noFlashBuyDerma.png) no-repeat scroll 0 0;
	width:102px;
}

.searchNav .search-news-submit{	
	display:none;

}

.searchNav li {
	
}
.searchNav input{
	background-color:transparent;
	border:medium none;
	color:#B3B3B3;
	height:16px;
	width:118px;
}
#noFlashNav li.searchNav{
	margin-top:-7px;
	float: left;
	background:transparent url(../images/backgrounds/news_search_input_bkgd.png) no-repeat scroll 0 0px;
	height:29px;
	width:135px;
}
.searchNav form{
	margin-left:6px;
	margin-top:3px;
}





/*===================[ 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,
#what-we-do li:after,
#speed-mapping-title:after,
#learn-more li a:after,
#find-location form li:after,
#find-location-small 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,
#search-result-info .module2:after,
#month-press li:after,
#giving-back ul:after,
#popup-wrapper .events li:after {
	clear: both;
	content: '.';
	display: block;
	height: 0;
	visibility: hidden;
}

/* 
 =HTML 
 fixing headers on pages reused in html version
*/
body.html h1.your-skin-title, 
body.html h1.about-us-title, 
body.html h1.buy-dermalogica-title, 
body.html h1.news-title, 
body.html h1.for-professionals-title, 
body.html h1.privacy-legal, 
body.html h1.search-results-title, 
body.html h1.contact-us-title {
    margin-top: 0px;
}