html {
	overflow-y:scroll;
}  

body { 
	  	margin:0px;   
	
}
 

.title-size{ 
	margin-top:1px;
	font-size:18px;
	font-weight:bold;
	margin-bottom:15px;
}
.text-title-size{ 
	font-size:14px;
	font-weight:bold;
	line-height:22px;
}

.title-bullet{ 
	padding-left:25px;
	background:  url(../images/topic_bullet.jpg) no-repeat   ;
}

.title-a-bullet{ 
	padding-left:25px;
	background:  url(../images/a_bullet.jpg) no-repeat   ;
}
.title-f-bullet{ 
	padding-left:25px;
	background:  url(../images/f_bullet.jpg) no-repeat   ;
}

.title-r-bullet{ 
	padding-left:25px;
	background:  url(../images/r_bullet.jpg) no-repeat   ;
}

.title-mc-bullet{ 
	padding-left:25px;
	background:  url(../images/mc_bullet.jpg) no-repeat   ;
}

.title-s-bullet{ 
	padding-left:25px;
	background:  url(../images/s_bullet.jpg) no-repeat   ;
}

.sel-title-color{
	color:#6ed2e2;
}

 .qna { margin-bottom:20px;} 
 
 .title-kq-bullet{ 
	margin-left:20px;
	padding-left:20px;
	background:  url(../images/know_q_bullet.jpg) 0 8px no-repeat   ;
}
  
 .title-ka-bullet{ 
	margin-left:20px;
	margin-top:5px;
	padding-left:20px;
	background:  url(../images/know_a_bullet.jpg) 0 8px no-repeat   ;
}
 
 .qa_sep {
	clear:both;
	background:url(../images/qa_sep2.jpg) no-repeat; width:815px;height:30px;
	padding-bottom:10px;
	margin:auto;
 }
 
 .question_panel{
	margin-left:10px;
	background-color:#F3FAFE;padding:10px 10px 10px 10px;
 }
  
 .answer_panel{
 	margin-left:10px;
	background-color:#F3FAFE;padding:10px 10px 10px 10px;
 }
 
 
 
#main{
	width:960px;
	margin:auto;
	
} 
#main_content{
	width:960px; 
    margin:0px 0px 0px 0px;  
	padding:0px; 
}
/* heading */  
#head{ 
	clear:both;
}

 
#logo {  
	cursor:pointer;
	float:left;
	background:  url(../images/derml_logo.jpg) no-repeat   ;
	width:171px;
	height:87px; 
}

#right_head {  padding-top:26px;float:right;}
#right_head #top_right_bar {  clear:both; height:32px;/*IE7 supported*/}


#top_right_bar #social{ float:left;}
#social  div{ padding-left:3px;}
#top_right_bar #lang { float:right;}
 /*
#lang  div{ float:left;margin-left:20px;}

#lang  div a,
#lang  div a:link,
#lang  div a:visited {
	text-decoration:none;
	font-weight:bold;
	color:#686c6d;
}	*/
a.lang_selected {
	background:  url(../images/lang_selected.gif) no-repeat   ;
	height: 13px;
	width:100%;
}

/*
#lang  div a:hover  {
	background:  url(../images/lang_selected.gif) no-repeat   ;
	height: 13px;
	width:100%;
}
*/


#bottom_right_bar {  clear:both;float: right;}

#menu { padding-top:0px;width:100%;float:right; }

.menu_arrow { 
	background:url(../images/dropdown.jpg) no-repeat;

/* 	padding-left:5px; */
	width:7px;
	height:5px;
	float:right;
}


/* nav part */
#nav_bar{  
	clear:both;
 
 
}
 
.nav_bullet { 
	font-size:14px; 
	float:left;padding-left:25px;background:url(../images/nav_bullet.jpg) left top no-repeat; 
}
.nav_sep { float:left;margin-left:10px;margin-top:2px;background:url(../images/nav_sep.jpg) right center no-repeat; width:10px;height:12px; }
.nav_active { 
	font-size:14px;  
	float:left;padding-left:10px;
}

.nav_clickable {
	font-size:14px;  
	float:left;padding-left:10px;
}

.nav_clickable a,
.nav_clickable a:link,
.nav_clickable a:visited{
	font-size:14px;  
	text-decoration:none;
}
.nav_clickable a:hover{
	text-decoration:underline;
}

/* main body */
#body{
	clear:both;
	 
}

/* footer */
#footer{ 
	clear:both; 
 

}

.footer_line { 
	clear:both;
	background:url(../images/footer_line.gif) bottom center repeat-x;
	height:3px; width:100%;
	
}

.footer_left { float:left;}
.footer_right {float:right;}

/* common */
.left_col { float:left;}
.right_col {float:left;}
.right_col .text {padding-left:16px;}


.product_menu {
	clear:both;
}

.derml_sel {
	float:left;
}
 
.derml-a {
	float:left;
	background:url(../images/derml-a_sel.jpg) no-repeat;
	width:75px;
	height:75px;
}
.derml-f {
	float:left;
	background:url(../images/derml-f_sel.jpg) no-repeat;
	width:75px;
	height:75px;
}

.derml-mc {
	float:left;
	background:url(../images/derml-mc_sel.jpg) no-repeat;
	width:75px;
	height:75px;
}
.derml-r {
	float:left;
	background:url(../images/derml-r_sel.jpg) no-repeat;
	width:75px;
	height:75px;
}

.derml-s {
	float:left;
	background:url(../images/derml-s_sel.jpg) no-repeat;
	width:75px;
	height:75px;
}

.derml {
	/* margin-right:20px; */
	float:left;
	background:url(../images/derml_back.jpg) no-repeat;
	width:324px;
	height:75px;
}
.derml-all {
	float:left;
	background: url(../images/derml_all_back.jpg) no-repeat;
	width:419px;
	height:71px;
}
 
			
.derml .text{
	 padding-top:18px;
	 padding-left:18px;
	 line-height:20px;
	 background:transparent;
	 font-size:16px;
}
			
.derml-all .text{
	 padding-top:23px;
	 padding-left:45px;
	 line-height:28px;
	 background:transparent;
	 font-size:19px;
}
 
.derml_icon {float:left;display:flex;}
.derml_icon div { float:left;padding-right:25px;}
.derml_icon a { display:block; width : 58px;height:75px;
    padding-right: 25px;}
.derml_icon .icon-a{
	background:url(../images/icon_a.jpg) no-repeat;
}
.derml_icon .icon-a:hover{
	background:url(../images/icon_a_f2.jpg) no-repeat;
}
 
.derml_icon .icon-f{
	background:url(../images/icon_f.jpg) no-repeat;
}
.derml_icon .icon-f:hover{
	background:url(../images/icon_f_f2.jpg) no-repeat;
}
.derml_icon .icon-mc{
	background:url(../images/icon_mc.jpg) no-repeat;
}
.derml_icon .icon-mc:hover{
	background:url(../images/icon_mc_f2.jpg) no-repeat;
}
 
.derml_icon .icon-r{
	background:url(../images/icon_r.jpg) no-repeat;
}
.derml_icon .icon-r:hover{
	background:url(../images/icon_r_f2.jpg) no-repeat;
}
 
.derml_icon .icon-s{
	background:url(../images/icon_s.jpg) no-repeat;
}
.derml_icon .icon-s:hover{
	background:url(../images/icon_s_f2.jpg) no-repeat;
}
 
.derml_icon_all  { float:left; background:transparent; } 
  
.derml_icon_all div  { float:left;padding-right:25px; background:transparent; } 
 
 .diagram-wrap {
	 clear:both;
	 width : 718px;
 }
 /* contact from */
 .required {color:#e66868}
 .page-contact  .right_col { width: 100%;}
 .required_div { clear:both;background:transparent;}
 input { background-color:#fff;border:#b8d3dc 1px solid;font-size:14px;}
 textarea { background-color:#fff;border:#b8d3dc 1px solid;font-size:14px;}
.normal { width:357px; 	height:20px; }
.normal_select { width:157px; 	 }
.normal_select_input { width:192px; 	  height:20px;}
 
.error { background-color:#f1fdff; border:#ff9d9d 1px solid;} 
.error_msg {  display:none;}

.form-wrapper {
    margin-bottom: 50px;
    background-color: #f0fdff;
    padding: 20px;
}
.contac_text {
    display: flex;
    flex-wrap: wrap;
}
.contact_text_left, .contact_text_right {
	width:50%;
}
.contact_text_left input[type="text"] {
    width: 100%;
    max-width: 357px;
}
.contact_text_right textarea{
   /* max-width: 436px;*/
	width : 100%;
    width: calc(100% - 10px);
    height: 172px;
}
.form-wrapper div {
    background-color: transparent;
}

.contact_text_left input[type="text"]{
	-moz-appearance: none; 
	-webkit-appearance: none;
}

.form-wrapper select {
 background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat;
	-moz-appearance: none; 
	-webkit-appearance: none; 
  border: #b8d3dc 1px solid;
    height: 24px;
    background-color: #fff;
    color: #686c6d;
    background-position: top right;
    background-size: 40px 26px;
	width: 100%;
    max-width: 357px;
	font-size: 12px;
}



 #custom-tweet-button a {
   background: url('../images/twitter_share_button.jpg')  no-repeat;
   display: block;
   width: 17px;
   height: 15px;
}
#custom-tweet-button a:hover {
   background: url('../images/twitter_share_button.jpg')  no-repeat;
}
#custom-tweet-button a:active {
   background: url('../images/twitter_share_button.jpg')   no-repeat;
}



.other_diagram {
 background: url('../images/other_diagram.jpg')   no-repeat;
width:719px;height:402px;
}
 
#hidden_link { display:none}	 
 
 .egftable {
 border:#e5e5e5 1px solid;
 }
 
.egftable .head td{	
	text-align:center;
	background-color:#68cad7;
	color:#fff;
	line-height:18px;
}
  
.egftable  td{	
	text-align:center;
	background-color:#F3FAFE;
	 
}
 
/* 
JAMES EDIT 
HOME PAGE SLIDER 
*/

#slider_home{
	width: 970px;
	height: 645px;
	margin: 0 auto;
	display: block;
	position: relative;
	overflow: hidden;	
}
#slider_home #slider_wrapper{
	width: 9999px;
	height: 645px;
	position: absolute;
	top: 0;
	left: 0px;
}
#slider_home .slider_item{
	width: 960px;
	height: 610px;
/* 	box-shadow: 10px 15px 0px #b4b4b4; */
	overflow: hidden;
	float: left;
	display: block;
	position: relative;
	margin-right: 110px;
}
#slider_home .slider_item .slider_image{
	width: 960px;
	height: 610px;
	overflow: hidden;
	float: left;
	position: relative;	
}
#slider_home .slider_item .slider_image img{
	float: left;
	min-width: 960px;
	min-height: 600px;
}
#slider_home .slider_item .slider_buttons{
	top: 300px;	
	left:0px;
	position: absolute;
	width: 960px;
}
#slider_home .slider_item .slider_buttons .button_left{
	width: 50px;
	height: 50px;
	background-color: #6fd3e3;
	left: 0;
	position: absolute;
	cursor: pointer;
}
#slider_home .slider_item .slider_buttons .button_left img,
#slider_home .slider_item .slider_buttons .button_right img{
	margin-top: 8px;
	margin-left: 10px;
}
#slider_home .slider_item .slider_buttons .button_right{
	width: 50px;
	height: 50px;
	background-color: #6fd3e3;
	/* right: 0; */
	left:910px;
	position: absolute;
	cursor: pointer;
}
#slider_home .slider_item .slider_list_wrapper{
	width: 960px;
	position: absolute;
	display: block;
	overflow: hidden;
	left: 780px;
	bottom: 0;
	background-color:transparent;
 
}
#slider_home .slider_item .slider_list{
	text-align: center;	
	background-color:transparent;
	margin-bottom: 30px;
	

}
#slider_home .slider_item .slider_list ul{
	background-color:transparent;
	list-style: none;	 
}
#slider_home .slider_item .slider_list ul li{
	font-family:arial;
	font-size:12px;
	display: block;
	width:20px;
	float:left;
  	padding: 5px 5px;
	margin: 0 2px; 
	background-color: white;
	color: #6fd3e3;
	cursor: pointer;
	border:#6fd3e3 1px solid;
}
#slider_home .slider_item .slider_list ul li.active,
#slider_home .slider_item .slider_list ul li:hover{
	background-color: #6fd3e3;
	color: white;
}

.knowledge_bullet { 
	font-size:14px; 
	float:left;padding-left:25px;background:url(../images/nav_bullet.jpg) left top no-repeat; 
	clear:both;
	padding-bottom:20px;
}

.knowledge_title { 
  	font-size:15px;  
	padding-left:40px;
	padding-top:10px;
	background:url(../images/aknow_bar.png) left top no-repeat; 
	width:717px;
	height:40px;
	
	
}
.knowledge_derml_title { 
  	font-size:15px;  
	padding-left:40px;
	padding-top:10px;
	background:url(../images/derml_bar.png) left top no-repeat; 
	height:40px;
	
	
}

.knowledge_stitle { 
  	font-size:15px;  
}

.knowledge_content { 
 clear:both;
 padding-bottom:50px;
 
}

.knowledge_li li {
	margin-bottom:18px;
}

.knowledge_content.indent {
	padding-left:25px;

}
.whatsapp-float {
    width: 45px;
    height: 45px;
    position: fixed;
    bottom: 70px;
    right: 30px;
    z-index: 90;
    text-indent: -99999px;
    text-align: center;
    line-height: 45px;
    text-indent: 0;
}