/*==================================================*/
/*===================[ General ]===================*/
/*================================================*/
/*===================[ General Styling ]===================*/
body {
	color: #6a737b;
	font-family: helvetica, arial;
	font-size: .75em;
	line-height: 1.5em;
}



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

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

.wide .primary {
	width: 733px;
}

.wide .additional {
	width: 233px;
}

.module2 {
	padding: 17px;
}

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

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

.intl-submit input {
    display: none;
}

h5 {
    font-size: 1em;
}

li {
    list-style: none;
}

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

a:hover {
    text-decoration: underline;
}
/*===================[ 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;
                }
            #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;
            }
            
#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 .hd {
	padding-bottom: 32px;
	zoom: 1;
}

#popup .hd h3 {
	float: left;
}

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


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

.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: 50px;
	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;
}

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



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

#noFlashNav a, #noFlashNav span {
    display: block;
    text-indent: -9000px;
}