/* Live Chat - Latest Skin*/
/*Font file - need to repalce as per comp*/
@font-face {
    font-family: "HelveticaNeueLTStd45Medium";
    src: url("/media/fonts/helveticaneue/helveticaneuemedium.woff") format("woff"), url("/media/fonts/helveticaneue/helveticaneuemedium.otf") format("otf");
}

@font-face {
    font-family: "HelveticaNeueLTStd45Light";
    src: url("/media/fonts/HelveticaNeueMedium/HelveticaNeue-Light.woff") format("woff"), url("/media/fonts/HelveticaNeueMedium/HelveticaNeue-Light.otf") format("otf");
}

ul.error_messages li {
    background-clip: padding-box;
    background: none;
/*    background-color: #CA5555; */
    border-radius: 3px;
    color: #EF6EA8;
    font-size: 12px;
    line-height: 1.3em;
    margin: 10px 0;
    padding: 4px 1px;
}


/* Temp Fix Header */
#live_chat #header {
   height: auto;
   background: #FFFFFF;
}

#live_chat a:hover, #live_chat a:active {
   text-decoration: none;
}

input#end_chat {
    width: 245px !important;
}

#live_chat .search_btn {
    width: auto;
}

#live_chat_header div.head_logo h3.head {
    margin-right: -8px;
}
/*--*/

/*div#content {
    padding: 0 10px 0 10px;
}*/

.live_chat_home {
   padding: 17px 13px 0;
}

div#content.live_chat_home h3.chat_title span{
    line-height: 36px;
    padding-left: 0px;
}

div#content.live_chat_home h3.chat_title {
    margin-bottom: 15px;
}

ul.technical_skill {
    list-style: disc;
    padding-left: 16px;
}

ul.technical_skill li {
   padding-left: 3px;
}

div#content h3.chat_title {
    margin: 0px;
}

div#content h3.chat_title span {
    font-family: HelveticaNeueLTStd45Light; 
    color: #5db593;
    font-size: 36px;
    font-weight: normal;
}

div#content .chat_title_desc {
    font-family: HelveticaNeueLTStd45Light;
    color: #1f1f1f;
    font-size: 15px;
    font-weight: normal;
    padding: 5px 0 10px;
    line-height: 1.1em;
}

div#contact_form_fields {
    /*padding:0 13px 0 13px; */
}

div#content h3.chat_title span{
    padding-left: 13px;
}

div#chat_unavailable h3.chat_title span{
    padding-left: 0px;
}

div#contact_form_fields span.required {
    color: #5db593;
}

div#contact_form_fields span.label{
    font-family: HelveticaNeueLTStd45Light;
    font-weight: normal;
    font-size: 13px;
    color: #1f1f1f;
    display: inline-block;
    margin-bottom: 5px;
}

#live_chat div#contact_form_fields input[type="text"] {
    font-family: HelveticaNeueLTStd45Light;
    color: #1F1F1F; /*dbdcdd;*/
    font-size: 1.1em;
    height: 30px;
    padding: 3px 5px 3px 10px;
    width: 99%;
    -webkit-appearance: none;
    border-radius: 0;
}

div#contact_form_fields p.footer_space {
    padding-bottom: 15px;
    margin: 0.5em 0 0;
}

body#live_chat div#contact_form_fields select {
    height: 30px; 
    width: 100%; 
    border: 1px solid #dbdcdd;
    border-radius: 0;
    color: #1f1f1f;
    font-family: HelveticaNeueLTStd45Light;
    margin-bottom: 25px;
}

div#contact_content p.email_subscription {
    font-family: HelveticaNeueLTStd45Light;
    color: #121212;
    margin-top: 20px;
    margin-bottom: 20px;
}

input.livechat_input {
    background-color: #5db997;
    font-family: HelveticaNeueLTStd45Light;
    color: #FFF;
    float: left;
    font-size: 15px;
    font-weight: bold;
    height: 35px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: middle;
    margin-bottom: 10px;
    border: none;
    -webkit-appearance: none;
    border-radius: 0;
    letter-spacing: 0.1em;
}
/*Live Chat - Latest Skin*/

/*Landing*/

div.clinique_consultants span.consultants_text {
    color: #1f1f1f;
    font-size: 26px;
    font-family: HelveticaNeueLTStd45Light;;
    line-height: 1;
}

span.chat_beauty_tips {
    color: #1f1f1f;
    font-size: 12px;
    font-family: HelveticaNeueLTStd45Light;
}

span.chat_now_h {
    color: #FFF;
    display: inline-block;
    font-family: HelveticaNeueLTStd45Light;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 0;
    margin: 25px 0 15px;
    background-color: #5db593;
    padding: 12px 22px;
    text-transform: uppercase;
}

div.chat_email_queries {
    border-bottom: 1px solid #CCCCCC;
    clear: both;
    background-color: #f4f5f2;
    font-size: 18px;
    padding: 5px 0;
    text-align: center;
    color: #1f1f1f;
}

div.chat_email_queries a {
    text-decoration: underline;
}

div.chat_email_queries a, div.chat_continue_shopping a {
    color: #5db593;
}

span.chat_day_h {
    color: #1f1f1f;
    font-family: HelveticaNeueLTStd45Light;
}
/*Landing */

/* Thank you*/
#chat_unavailable {
    padding:0 19px 20px 15px;
}

/*Chat Unavailable Page*/
#chat_unavailable div.mobile_livechat_freehelp {
    font-family: HelveticaNeueLTStd45Light;
    color: #1f1f1f;
    font-size: 21px;
    line-height: 1em;
    padding-bottom: 24px;
}

#chat_unavailable div.mobile_livechat_help {
    font-family: HelveticaNeueLTStd45Light;
    font-size: 13px;
    padding: 0 0 23px 0;
    color: #231F20;
}

#chat_unavailable p {
    padding: 0 30px 2px 0;
    color: #1f1f1f;
}

.help_phone, .help_mail, .help_sms{
    font-family: HelveticaNeueLTStd45Light;
    padding: 0 0 11px;
}
.phone_icon, .mail_icon, .chat_icon {
    float: left;
    width: 13%;
    clear : left;
}

div.phone_icon img, div.mail_icon img, div.chat_icon img {
    width: 59%;
} 

#chat_unavailable span.highlight, #chat_ended span.highlight, #chat_unavailable a.highlight {
    color: #5db593;
    text-decoration: none;
}

/*#contact_content div.mobile_livechat_freehelp_mail p {
    font-family: HelveticaNeueLTStd45Light;
    padding: 0 50px 10px 25px;    
}*/

#contact_content div.mobile_livechat_freehelp_mail p:nth-child(2) {
    font-family: HelveticaNeueLTStd45Light;
    padding: 0 0 10px 0px;
    margin: 0px;
}

#chat_ended p.user_info {
    font-family: HelveticaNeueLTStd45Light;
    color: #1f1f1f;
    font-size: 13px;
    line-height: 1.2em;
    padding: 1px 25px 10px 19px;
}

div.chat_end_head {
   color: #1f1f1f;
   background-color: -webkit-linear-gradient(top, #f5f5f5 0%, #f5f5f5 100%);
   /*margin-bottom: 15px;*/
   padding: 11px 20px;
   font-size: 16px;
}

/*div.chat_end_head a.close {
  background-image: url(/media/images/mobile/egift/close_arrow.png);
  background-size: 20px;
  background-position: 94% 43%;
  background-repeat: no-repeat;
}*/

div.chat_end_head img {
   position: absolute;
   width: 7%;
   left: 274px;
   top: 145px;
}

#chat_ended div.chat_thankyou_txt {
   font-family: HelveticaNeueLTStd45Light;
   font-size: 21px;
   color: #1f1f1f;
   padding-bottom: 24px;
   line-height: 1.1em;
   padding: 16px 75px 10px 19px;
}

/*Chat Unavilable Page*/

p.chat_day_h {
   color: #1f1f1f;
   font-family: HelveticaNeueLTStd45Light;
   font-size: 12px;
   font-weight: bold;
}

p.chat_beauty_tips {
   color: #1f1f1f;
   font-size: 13px;
   font-family: HelveticaNeueLTStd45Light;
   height: 70px;
   margin: 0px;
   letter-spacing: -0.02em;
}

/*Placeholder*/
::-webkit-input-placeholder {
   color: #dbdcdd;
}

:-moz-placeholder { /* Firefox 18- */
   color: #dbdcdd;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #dbdcdd;  
}

:-ms-input-placeholder {  
   color: #dbdcdd;  
}

/* live chat */
#live_chat div#content h2 {padding:10px 0 7px;border-bottom:2px solid #E2E2DF;margin-bottom:10px;}
#live_chat div#content h2.pg_head p{font-size:17px;color:#9fa617;font-weight:bold;padding:0 14px;letter-spacing: -0.06em;line-height: 20px;}
#live_chat div#content h2.pg_head p.live_expert{color:#666666;font-size:15px;}
/*div#contact_form_fields{display: block;padding:0 14px; }*/
div#contact_form_fields label.error {color: #B50404;padding-left:0px;}
div#contact_form_fields label {color: #000000; display: block; margin: 13px 0 5px;}
div#contact_content p.subcontent {color: #737373;margin-top: 15px; margin-bottom:10px; font-weight: bold;}
div#contact_content p.chat_special {color: #888888; margin-top:-2px;}
/*div#chat_unavailable p {font-size:14px; color:#000000; margin-bottom:15px; line-height: 20px; }*/
div#chat_unavailable a {text-decoration:underline; }
#chat_window { 
    height: 320px;   
    margin-bottom: 10px;
    overflow: auto;
    padding: 18px 0 0;
}
#live_chat .chat_buttons { 
    background-color:#F5F5F5;
    border-bottom: 1px solid #D5D5D5;
    border-top: 1px solid #D5D5D5;
    padding: 14px 12px;
    position: relative;
}
div.chat_buttons input#chat_input {display: inline;float: left;width: 73%!important; border: 1px solid #c1c0c1; height: 30px;margin-top: 0px; border-radius:0; -webkit-border-radius: 0px;}
div#cust_serv_content h3#Live_Chat { margin-top: 4px;}
#live_chat div#content h3.pg_head {margin-bottom:10px; border-bottom: 2px solid #000000;}
div#chat_container{position: relative; overflow: auto;}
div.end_chat_win {clear: left; margin: 20px;}
div#contact_content input.form-submit{margin-top:0px;}
div.chat_buttons input[type="image"] {float: right; margin-top: 2px;}
div.chat_buttons input[type="text"] {height:17px;}
/*.end_chat_bt:hover{background: url("/media/images/mobile/end_off.gif") no-repeat scroll 0 0 transparent;  display: block; height: 22px; width: 54px; margin-top:10px;}*/
.end_chat_bt {float:left;}
div.end_chat_live{margin-top:30px;padding:0 20px;}
#chat_container, #chat_unavailable, #chat_ended { display: none; }
/*#live_chat  #contact_content { padding: 11px;}*/
body#live_chat div.client {
    background-image: url("/media/images/livechat/mobile/chat_client_ballon.png");
    background-position: right 15px;
    background-repeat: no-repeat;
    color: #000000;
    font-family: helvetica;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    margin-bottom: 15px;
    margin-left: 47px;
    margin-right: 15px;
    padding-right: 8px;
} 
body#live_chat div.server{
    border: 1px solid #DBDCDD;
    color: #1F1F1F;
    font-family: helvetica;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    margin-bottom: 15px;
    margin-left: 22px;
    margin-right: 47px;
    padding-left: 15px;
}

body#live_chat div.client .text {
    background-color: #c2ebdb;
    background-position: right 15px;
    background-repeat: no-repeat;
    display: inline-block;
    padding: 14px;
    width: 100%;
}

body#live_chat div.server .text {
    background-image: url("/media/images/livechat/mobile/chat_server_ballon.png");
    background-position: left 15px;
    background-repeat: no-repeat;
    display: inline-block;
    margin-left: -23px;
    padding: 13px 14px 14px 22px;
    width: auto;
}


body#live_chat div.server .text > span {
   color: #000000 !important;
}

body#live_chat div.client .text > span {
   color: #FFFFFF !important;
}

/* body#live_chat div.end_chat_win {height: 29px; margin-top: 26px;} */
body#live_chat div.end_chat_win input#end_chat{float:right !important; margin:10px;}
/*#chat_ended{height:150px; color:#545454; font-family: arial; font-size: 16px; padding: 0px 0px 35px; }*/
.cart-dialog {
   background: none repeat scroll 0 0 #ffffff;
   /* border: 3px solid  #9FB6AD;*/
    /* border-radius: 9px 9px 9px 9px; */
    color: #FFFFFF;
    font-family: HelveticaNeueLTStd45Light;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    /* opacity: 0.8; */
    padding: 20px 10px;
    position: absolute;
    text-align: center;
    width: 270px;
    z-index: 1000;
	border-radius:0;
}

.cart-dialog p {
    font-family: HelveticaNeueLTStd45Light;
	margin-bottom: 16px;
	color:#545454;
}
.cart-dialog img {
    border-radius: 4px 4px 4px 4px;
}
.cart-dialog .block-button {
    background: none;
    display: block;
	margin-right: 13px;
    height: 32px;
    width: 115px;	
}
.cart-dialog .checkout-btn {
    float: none;
    margin:0;
}
.cart-dialog .continue-button, .cart-dialog checkout-btn {
    background: none;
    display: block;
    height: 34px;
/*    margin-left: 17px;*/
    width: 100%;	
    padding-bottom: 12px;
}
.overlay {
    background: none repeat scroll 0 0 #000000;
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: absolute;
    text-align: center;
    top: 0;
    visibility: visible;
    width: 100%;
    z-index: 1000;
}
.bb-cart-dialog {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 5px solid #FFFFFF;
    color: #AAAAAA;
    margin-bottom: 15px;
}
.bb-cart-dialog .bb-dialog-close {
    cursor: pointer;
    float: right;
    padding-bottom: 50px;
    padding-left: 30px;
}
.bb-checkout-btn {
    margin: 5px 0 0;
}
.bb-cart-dialog .header {
    color: #000000;
    font-family: 'TradeGothicLight1';
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}
#chat_window .server span.by,.client span.by {font-weight:normal; display: none;}
.dialog-btn {
    margin: 15px 0 0;
}
#live_chat .chat_select {
    width: 288px;
}
#live_chat .chat_radio {
    padding: 0;
    width: auto;
	margin-top: 9px;
}
img.live_chat_icon {
	float: left;
	position: relative;
	top: 11px;
	left: 7px;
}
#live_chat_txt{
	padding-left: 30px;
}
#live_chat_content {
	margin: 0px;
	color: #000000;
	font-family: arial,HelveticaNeueLTStd45Light,sans-serif;
	font-weight: normal;
	background:#fff;
	float:left;
	width:100%;
}
#chat_customer_landing {
	margin: 0px;
	background:#fff;
}
input.start_chat{
	float:left;
}
/*input.end_chat{
	clear:both;
	float:left;
} */
img.live_person {
	float: right;
	padding-top: 5px;
}
div.chat_buttons input#chat_submit {
	position:absolute;
	right:15px;
	padding:0px 0px 1px 0px;
	width: 22%;
}

/* body#live_chat input[type='submit']{background:grey; color:black;} */

.prechat_survey {
    display: none;
}

div#agent_login_type {height:auto;}
.text > span {
    color: #FFFFFF !important;
    font-family: helvetica !important;
    font-size: 14px !important;
}

div#chat_window span.text a {color: #ffffff; word-break:break-word;}
div.thankyou_back {float:right; margin-top:60px;}
div.thankyou_back input.button2 {color:#ffffff; border:none;}

/* For Android & Iphone device */
@media only screen and (max-width: 480px){
	
	div.chat_buttons input#chat_input {	width: 74%; }
}

@media only screen and (max-width: 320px) {

div.chat_buttons input#chat_input {	width: 60%; }
span.email_form { display: block;  float: left;}
span.label__form { display: block;  float: left;  margin-bottom: 9px; width: 266px;}

div.prechat_survey input[type='image'] { -webkit-border-radius: 0px; }
}

.agent_typing { 
    clear: left;
    color: #000000;
    display: none;
    font-size: 12px;
    margin-bottom: 5px;
    margin-left: 1px;
}

p.mobile_live_chat_required{padding:0 0 0 17px;color:#737373;}
.mobile_live_chat_button{margin: 20px 0 20px;width: 100%;float: left;}
#live_chat .promo-message{display:none;}
/*#chat_unavailable{padding:10px 20px 20px;}*/
div#chat_unavailable h3.pg_head{font-size:17px;font-weight:bold;margin-bottom:10px; border-bottom: 0px!important; text-transform: none;color:#7f9e90;}
/*#chat_unavailable div.mobile_livechat_freehelp{font-size:13px;color:#737373;}*/
#chat_unavailable div.mobile_livechat_freehelp a{color:#7f9e90;text-decoration:none;}
p.chat_thankyou_txt {text-align: center; margin: 60px 0;}
input#chat_submit, input#close_chat {
	background-color: #5DB593;
	color: #FFF;
        border: 0px;
        border-radius: 0px;
	cursor: pointer;
	float: left;
	font-size: 13px;
	font-weight: normal;
	height: 30px;	
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	vertical-align: middle;
	width: 48%;
        font-weight: bold;
	margin-bottom: 10px;
}
input.live_person {
	height: 21px;
    margin-left: 10px;
    width: 141px;
	float: right;
    margin-top: 4px;
}
div.end_chat_win input#close_chat {
 margin-top: 8px;
 }
div.live_chat_bar {
	border-bottom: 2px solid #9FB6AD;
	background-image: -webkit-linear-gradient(top, #EEF5F5 0%, #ffffff 100%);					  
} 
div#chat_container h3.head, div#unavailable_header h3.head, div#chat_ended h3.head {
    border-bottom: 1px solid #DCDDDD;
    border-top: 1px solid #DCDDDD;
    font-family: HelveticaNeueLTStd45Light;
    font-size: 15px;
    font-weight: normal;
    line-height: 15px;   
    padding: 14px 22px;
    background: none repeat scroll 0 0 #F5F5F5;
    color: #1F1F1F;
    margin-bottom: 0px;
}

.head span.close {
    background-image: url("/media/images/livechat/mobile/btn_chat_close.png");    
    background-repeat: no-repeat;   
    cursor: pointer;   
    float: right;
    height: auto;
    text-indent: -70000px;
    width: 15px;
}

input.live_popupchat {
    background-color: #5db997;
    border: 0 solid #666666;
    /*border-radius: 3px 3px 3px 3px;*/
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-size: 13px;
    font-weight: bold;
    height: 30px;
    margin-bottom: 10px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: middle;    
}
div#product_queries, div#technical_queries {
	/* text-align: center; 
	width: 85%;*/
	margin: 0 auto;
	padding-top: 5px;
}
div#live_chat_header {
	/*border-bottom: 2px solid #9FB6AD;*/
	background-image: -webkit-linear-gradient(top, #EEF5F5 0%, #ffffff 100%);
	padding-top: 10px;
}
/*div.chat_product_queries, div.chat_technical_queries,*/ div.chat_email_queries, div#live_chat_section, div.chat_continue_shopping {
    border-bottom: 1px solid #CCCCCC;
    padding: 10px 0;
    text-align: center;
}
/*span.chat_beauty_tips {
    color: #333333;
    font-size: 13px;
	font-family: Arial;
}*/
/*span.chat_now_h {
    color: #FFF;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 0;
	margin: 25px 0 15px;
	background-color: #7F9E90;
	padding: 5px 22px;
	border-radius: 5px;
	text-transform: uppercase;
}
span.chat_day_h{
	color: #000101;
	font-family: Arial;
}*/
span.chat_time_h {
	color: #000000;
	font-size: 11px;
}
/*div.chat_email_queries{
	border-bottom: 1px solid #CCCCCC;
	clear:both;
	background-color: #f4f5f2;
	font-size: 18px;
	padding: 5px 0;
	text-align:center;
}*/
/*div.chat_email_queries a, div.chat_continue_shopping a {
	color: #7F9E90;
}
div.chat_email_queries a{
	text-decoration: underline;
}*/
div.chat_continue_shopping a {
	font-size:13px;
}
body#live_chat #header span > a{
	text-transform: uppercase
}
div#live_chat_header h3.head img {
	margin: 0 20px;
}
/*div.clinique_consultants span.consultants_text {
    color: #000000;
    font-size: 22px;
	font-family: HelveticaNeue Light;
	line-height: 1;
}*/
.head_logo{
	float:left;
}
.chat_items .chat_product_queries{
	float: left;
	width: 46%;
	text-align: left;
	font-size: 12px;
	border-right: 2px dotted #CCCCCC;
	margin-right: 10px;
	margin-left: 10px;
	padding: 26px 5px 15px 0;
}
div.chat_items div.chat_technical_queries{
	padding: 26px 0 0 0;
	float: left;
	width: 47%;
}
div.chat_items{
	padding-bottom: 20px;
	line-height: 1;
	clear:both;
}
div.chat_items h4{
    color: #5dba98;
    font-size:12px;
    font-weight: bold;
    height: 25px;
}
div.chat_items p{
    color: #000000;
    font-size:12px;
}
#live_chat #chat_unavailable div.mobile_livechat_help {
    padding: 20px 0 10px 0;
}
.liveChat .block img, .head_logo img {
    width: 100%;
    display: block;
}
.liveChat .border {
    border-top: 2px solid #dcdcdc;
    border-bottom: 2px solid #dcdcdc;
}

.newsletter-signup {
   display: block !important;
   }

.footer-top-mobile-v1 .social-links {
  padding-left: 105px!important;
  }