@charset "utf-8";
/* CSS Document */

/* added by P.W. - 08-12-2010 for D.O.B. form select*/
select{padding:0px; margin:0px 20px 0px  0px; width:55px; border:1px solid #fff;}


@font-face {
  font-family: Angelina; /* required */
  src: url('../fonts/angelina-webfont.ttf');						/* required */
}

#ss_mainwrap{
float:left;
margin:-19px -17px 0;
}
#ss_maintop{
background:url(../img/skinsense/mainbg_top.png) no-repeat top left;
height:25px;
width:954px;
}
#ss_main{
/*background:url(../img/skinsense/mainbg.jpg) no-repeat top left;*/
float:left;
width:954px;
}
.ss_maincopy_wrap{
float:left;
margin:174px 0 0 75px;
}
.ss_maincopy{
float:left;
width:400px;
}
.ss_maincopy p{
float:left;
margin:0 0 13px;
}
.ss_maincopy p.script{
color:#7c2050;
font:normal 21px Angelina, Georgia, "Times New Roman", Times, serif;
float:left;
letter-spacing:-0.2px;
margin:5px 0;
}
#ss_panelwrap{
float:left;
margin:15px 0 30px 65px;
}
#ss_panel{
/*background:url(../img/skinsense/panel_top.gif) no-repeat top left;*/
float:left;
padding:24px 0 0 0;
width:418px;
}
#ss_panel ul{
margin:0;
padding:0;
}
#ss_panel ul li{
float:left;
}
#ss_bottomwrap{

background:transparent url(../img/skinsense/splitter.gif) no-repeat top center !important;
float:left;
margin:0;
}
#ss_bottom{
background:transparent url(../img/skinsense/win_bg.jpg) no-repeat bottom left !important;
float:left;
padding:10px 0 0 0;
width:954px;
}
.ss_subcopy_wrap{
float:left;
margin:14px 0 120px 75px;
}
.ss_subcopy{
float:left;
width:400px;
}
.ss_subcopy p{
float:left;
margin:0 0 13px;
width:400px;
}
#ss_winimg{
float:left;
margin:0 0 3px -28px;
}
.purpbold{
color:#812856;
font-weight:bold;
}

/*--- FORM ELEMENTS ---*/

#ss_formwrap{
float:left;
margin:42px 0 30px 20px;
}
#ss_form{
float:left;
width:447px;
}
#ss_form ul li{
display:block;
}
#ss_form ul li img{
float:left;
margin:10px 0 0 0;
}
INPUT[type="text"]{
background-color:#FFF;
border:none;
width:285px;
height:20px
}
.ss_field1 {
background:#FFF url(../img/skinsense/form_input1.gif) no-repeat top left;
border:none;
font:normal 14px Arial, Helvetica, sans-serif;
height:16px;
padding:14px 15px 14px 17px;
overflow:hidden;
width:285px;
}
.ss_field2 {
background:#FFF url(../img/skinsense/form_input2.gif) no-repeat top left;
border:none;
font:normal 14px Arial, Helvetica, sans-serif;
height:16px;
padding:13px 15px 13px 17px;
overflow:hidden;
width:285px;
}
.ss_field3 {
background:#FFF url(../img/skinsense/form_input3.gif) no-repeat top left;
border:none;
font:normal 14px Arial, Helvetica, sans-serif;
height:16px;
padding:13px 15px 13px 17px;
overflow:hidden;
width:285px;
}
.ss_field4 {
background:#FFF url(../img/skinsense/form_input4.gif) no-repeat;
border:none;
font:normal 14px Arial, Helvetica, sans-serif;
height:97px;
padding:14px 15px 14px 17px;
margin:-1px 0 0 0;
overflow:hidden;
width:286px;
}
.ss_field4 textarea {
border:none;
height:97px;
width:286px;
}
#ss_formsub{
float:right;
margin:0 40px 0 0;
}

#ss_formsub li{
margin:10px 0 0;

}



#ss_formsub li input[type="submit"]{
background:url(../img/skinsense/form_submit.gif) no-repeat top left;
border:none;
cursor:pointer;
float:right;
height:31px;
margin:10px 0 0;
width:206px;
}
#ss_formsub li input[type="submit"]:active{
background:url(../img/skinsense/form_submit.gif) no-repeat bottom left;
}
#ss_formsub li .checkbox{
background:url(../img/skinsense/checkbox_bg.gif) no-repeat;
clear:left;
display:block;
float:right;
height:21px;
padding:0 4px 0 0;
width:24px;
}
.ss_termscopy{
float:right;
margin:8px 10px 0 0;
}

/*------------------------------------------------------*/
/*-------------------NEW  skinscence panel bits -----------------------------------------*/
/*------------------------------------------------------*/


/* Menu */
#goodskinsense a span{background: url(../img/new-skin-panels/GoodSkin.png) no-repeat 0 -31px; height: 30px !important; width: 197px;}
#latestnews a span{background: url(../img/new-skin-panels/LatestNews.png) no-repeat 0 -31px; height: 30px !important; width: 197px;}
#meetpanel a span{background: url(../img/new-skin-panels/MeetPanel.png) no-repeat 0 -31px; height: 34px !important; width: 197px;}
#goodskinsense a span:hover, #latestnews a span:hover, #meetpanel a span:hover { background-position: 0 0;}
#subnav ul li { padding: 0 7px !important;}
#subnav ul#skinsense { width:640px; }
#goodskinsense a.active span, #latestnews a.active span, #meetpanel a.active span  { background-position: 0 0;}

.ss_column_left{position:relative; left:9px; float:left; width:637px; margin:0px; padding:0px; display:inline;}
.ss_column_right{position:relative; width:299px; padding:0px; float:left;  }
.ss_full_width{position:relative; left:9px; width:920px; margin-right:21px; padding:0px; }
.preppend-top{margin-top:31px;margin-bottom: 10px;}
.column{float:left; padding:0px;margin:0px;}
.wide{}
.third_over{width:362px}
.third{width:265px}
.meet-the-team-btn{position:relative; top:-24px}
#meet-the-team-player{position:relative; left:5px; _left:5px; top:14px; _top:2px;}
#ss_main_new{
background:url(../img/new-skin-panels/panelbkg.jpg) no-repeat top left;
float:left;
width:954px;

}

#ss_main_new_2{
background:url(../img/new-skin-panels/body_bkg.jpg) no-repeat top left;
float:left;
width:954px;

}

/* Good Skin Sense Panel */
#ss_flashholder #skinkind {cursor: pointer;}
.seeinside {	position: absolute; z-index: 1;}
.chairs {
	position: absolute;left: 210px; top: 427px;
}

/* latest skinsense news */

.latest-skin-sense-news-title{padding-left:5px;}
.an-expert-on-facebook{background:url(../img/new-skin-panels/fb-long-bg.jpg) no-repeat top left; position:relative; height:180px; width:100%;clear:both; top:18px}
.fb-share-story{background:url(../img/new-skin-panels/fb-sidebar.jpg) no-repeat top left; height:180px; margin-top:20px}
.formulation{position:absolute; top:250px; left:20px}
#formulation-video{position:absolute; top:186px; left:326px}
.fragrence{position:absolute; top:400px; left:305px;}
#fragrence-video{position:absolute;top:346px;left:18px}
.fragforev{position:absolute; top:560px; left:20px}
#fragforev-video{position:absolute; top:478px; left:328px}

.fb-share-story-header{position:relative;top:15px;left:10px}
.fb-share-story-body{position:relative; top:20px; width:260px;margin:0px auto;}
.fb-share-story-body p,.an-expert-on-facebook-body p{color:#2679c4; font-size: 13px;}
.fb-share-story-fb-btn{position:relative; top:25px; left:130px;}

.an-expert-on-facebook-header{position:relative; top:15px; left:24px;}
.an-expert-on-facebook-body{position:relative; top:20px; left:26px; width:400px}
.an-expert-on-facebook-btn{position:relative; top:15px; left:328px}


#ss_main_new_news{
background:url(../img/new-skin-panels/latest-news-bkg.jpg) no-repeat top left;
float:left;
width:954px;

}
.overlay-hide { display: none; }

#facebook_update {
	margin: 30px 0 0 240px; 
}

/* Beauty Overlay */
.beauty_overlay{z-index: 900; width:900px; margin:0px auto; }
.beauty_overlay_top{background:url(../img/new-skin-panels/beauty-overlay-top.png) no-repeat top left; height:52px}
.beauty_overlay_top{ _background:url(../img/new-skin-panels/beauty-overlay-top.jpg) no-repeat top left;}
.beauty_overlay_body{background:url(../img/new-skin-panels/beauty-overlay-bg.png)  top left}
.beauty_overlay_body{ _background:url(../img/new-skin-panels/beauty-overlay-bg.jpg)  top left}
.beauty_overlay_body .close-me{ float:right; margin-right:100px; margin-top:-25px;}

.beauty_overlay_header{position:relative; left:91px}
.beauty_overlay_btm{background:url(../img/new-skin-panels/beuty-overlay-btm.png) no-repeat   -15px 0px; height:40px}
.beauty_overlay_btm{ _background:url(../img/new-skin-panels/beuty-overlay-btm.jpg) no-repeat   -15px 0px;}
.beuaty_overlay_panelist{position:relative; left:120px; height:160px; top:-30px; background:url(../img/new-skin-panels/beauty-overlay-sep.png) no-repeat top left;}
.beuaty_overlay_panelist_img{position:relative; top:-5px;left:-5px; height:160px; overflow-x: hidden; float:left; }
.beauty_overlay_cont{position:relative; top:30px; left:10px; width:500px; _width: 400px; *width: 400px;}
.beauty_image{position:relative;top:-120px; left:550px; width:150px;}
.beauty_overlay_container{ width:900px; margin:0px auto; position: relative; }
#close-beauty-overlay {position: absolute;top: 31px; _top: 0px; right: 53px;}


.news-content{height:543px}
#beauty_overlay h1,#beauty_overlay h2{color:#d94192}
#beauty_overlay h1{font-size: 17px}
#beauty_overlay h2{font-size: 13px}
/*///////////////////////////////*/
.box{margin:8px;}
.box p{margin-bottom: 30px;  font-size: 12px}
.append-bottom{padding-bottom:10px;}

/* NEWS FEED */
.ss_news_feed_top{background:url(../img/new-skin-panels/news-feed-top_v4.jpg) no-repeat top left; width:100%;}
.ss_news_feed_mid{background:url(../img/new-skin-panels/news-feed-bg_v4.jpg) repeat-y;}
.ss_news_feed_btm{background:url(../img/new-skin-panels/news-feed-bottom_v2.jpg) no-repeat bottom left; height:42px;width:299px;}
.ss_news_feed_btm_no_petal{background:url(../img/new-skin-panels/news-panel-btm-no-petal_v2.jpg) no-repeat bottom left; height:24px}
.news-feed-title{padding:20px 40px 0px}
.ss_news_item{width:247px;height:157px; margin:0 auto;}
.ss_news_item{color:#424242;}
.ss_news_item p{ height:25px; overflow:hidden;}
.read-more-btn{position:relative; left:115px; top:8px; padding-bottom: 8px; }
.ss_news_sep{padding:15px 0px;}
.ss_news_item h2{color:#424242; font-size: 13px; font-weight:bold}
.ss_news_date{color:#6f6f6f;font-size: 10px;text-transform: uppercase; margin-bottom:10px; display:block;}
.panel-banner{width:300px; position:relative; left:10px; margin-top:-22px;}
.skin-kind-banner{padding-top:23px; position:relative; left:15px}

/* SkinKind comp banner dmall */
.ss_small_promo_main{background:url(../img/new-skin-panels/free_pink-mid.jpg) repeat-y left top; height: 80px; }
.ss_small_promo_btm{background:url(../img/new-skin-panels/free-pink-btm.jpg) no-repeat bottom left; width:100%; height:15px}
.ss_small_promo_cont{padding:0px 20px;position:relative; color:#5c2d3c; font-size:19px;}
.ss_small_promo_cont p{color:#5c2d3c;font-size: 12px;}
.ss_small_button{padding:5px; position:relative; left:137px;top: -6px;}


/* giveaway-banner */

.giveaway-banner{clear:both; padding-top: 16px}
.beauty-secrets-banner{clear:both; padding-top: 18px; }
.giveaway-banner #free-products{width:362px;float:left; }
.giveaway-banner .giveaway-mid{background:url(../img/new-skin-panels/sk_givaway_bg.jpg) no-repeat 0px 2px; width:231px;float:left; height:171px; }
.giveaway-banner .giveaway-end{background:url(../img/new-skin-panels/sk_giveaway_large_end.jpg) no-repeat 0px 2px; width:16px; height:171px; float:left; }
.giveaway-banner .givaway-btn{padding:5px; position:relative; top:20px; left:100px; clear:both; }
.giveaway-banner .giveaway-cnt{position:relative; top:17px; width:210px;color:#5c2d3c; font-size:21px;margin:0 auto}

/* FRAGRENCE EXPERT */
.ss_expert_top{background:url(../img/new-skin-panels/the-panel/fragrance_expert_top.jpg) no-repeat top left; width:100%; height:138px;}
.ss_expert_btm{background:url(../img/new-skin-panels/the-panel/fragrance_expert_btm.jpg) no-repeat bottom left; height:20px;width:100%}
.ss_expert_main{background:url(../img/new-skin-panels/expert_body.jpg) no-repeat bottom left; width:100%}
.ss_expert_content{padding:10px 20px 0px}
.ss_expert_content p {padding-bottom: 10px;}
#ss_expert_video{padding-bottom:10px;}
/* SKINKIND OVERLAY */

.skinKind_overlay_container{width:817px; margin:100px auto;position:relative;  }
.skinKind_overlay_container{_width:766px;}
.skinKind_overlay_top{background:url(../img/new-skin-panels/overlay-top-bkg.png) no-repeat top left; width:100%; height:50px}
.skinKind_overlay_top{_background:url(../img/new-skin-panels/overlay-top-bkg.jpg) no-repeat 8px 4px; _height:5px}
.skinKind_overlay_btm{background:url(../img/new-skin-panels/overlay_btm-bkg.png) no-repeat bottom left; width:100%; height:48px}
.skinKind_overlay_btm{_background:url(../img/new-skin-panels/overlay_btm-bkg.jpg) no-repeat 8px 0; _height:5px}
.otitle{position:relative;left:2px}
.skinKind_overlay_content{background:url(../img/new-skin-panels/overlay_bkg.png) repeat-y; padding:0px 34px}
.skinKind_overlay_content{_background:url(../img/new-skin-panels/overlay_bkg.jpg) repeat-y 8px 0; _padding:0px 10px}
.oproduct{position:absolute;left:408px; _left:390px; top:-8px; _top:-40px;}
#skinKind_overlay{background:url(../img/new-skin-panels/overlay_bg_solid.png);width:100%;height:100%; z-index: 100; position:absolute; top:0px ;left:0px; display:none;}
.overlay-intro{position:relative; left:140px; width:550px; font-size: 18px; color:#747474;}
.overlay-intro p {padding-bottom:10px}
.pink{color:#ba0e68; font-weight: bold;}
.overlay-form{padding:20px; width:750px}

.name-field,.email-field{background:url(../img/new-skin-panels/textoverlay_texti.jpg) no-repeat top left; width:100%; height:25px; padding:10px;}
.dob-field{background:url(../img/new-skin-panels/textoverlay_dob.jpg) no-repeat top left; width:100%; height:25px; padding:10px;}
/*.name-field,.email-field,.dob-field{background:url(../img/new-skin-panels/textoverlay_texti.jpg) no-repeat top left; width:100%; height:25px; padding:10px;}*/


.address-field{background:url(../img/new-skin-panels/overlay_testa1.jpg) no-repeat top left; width:100%; height:150px; padding:10px;  width:230px; }
.address-field textarea{width:225px;height:100px; border:0px}
.name-label{background:url(../img/new-skin-panels/o_fname.jpg) no-repeat top left; text-indent: -9999px}
.address-label{background:url(../img/new-skin-panels/o_address.jpg) no-repeat -10px 0px; text-indent: -9999px; width:90px; }
.email-label{background:url(../img/new-skin-panels/o_email.jpg) no-repeat top left; text-indent: -9999px}
.dob-label{background:url(../img/new-skin-panels/dob.png) no-repeat top left; text-indent: -9999px}
.issues-label{background:url(../img/new-skin-panels/issues.png) no-repeat top left; text-indent: -9999px;height:100px}
.tip-label{background:url(../img/new-skin-panels/tips.png) no-repeat top left; text-indent: -9999px;height:100px}
.tip-field,.issues-field{background:url(../img/new-skin-panels/overlay_texta2.jpg) no-repeat top left; width:100%; height:100px; padding:10px}
.form-footer{clear:both; width:700px;}
.overlay-send{_background:url(../img/new-skin-panels/send.jpg)no-repeat top left; background:url(../img/new-skin-panels/send.png)no-repeat top left;  width:120px; height:40px; text-indent: -9999px;border:0px;}
.send-btn{float:right; }
.skinKind_overlay_container .left{width:340px}
.skinKind_overlay_container .right{width:380px}
.termsandcon{ margin-left: 433px; padding-top:8px;}
.label{width:115px;}
.field{width:205px;}
.fullarea{width:560px}
.fullarea textarea{width:550px; height:70px; border:none;}
.full{width:100%}
.overlay-main-area{background:url(../img/new-skin-panels/overlay-btm-bg.jpg) bottom left no-repeat;}
.skinKind_overlay_container input[type=text]{width:200px;}
#close-overlay {position: absolute;top: 46px; _top: 11px; right: 26px; _right: 38px;}
.close-overlay {position: absolute;bottom:224px;left:540px;}

#close-beauty-overlay {position: absolute; top:40px;left:700px;}