
.a1 {
	font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight:bold;
}
.a1:link {
	color: #FFFFFF;
}
.a1:visited {
	color: #FFFFFF;
}
.a1:active {
	color: #FFFFFF;
}
.a1:hover {
	color: red;
}
.a2 {
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration:none;
}
.a2:link {
	color: #FFFFFF;
	text-decoration:none;
}
.a2:visited {
	color: #FFFFFF;
	text-decoration:none;
}
.a2:active {
	color: #FFFFFF;
	text-decoration:none;
}
.a2:hover {
	color: #FFFFFF;
	text-decoration:none;
}

#leftContainer{
	width:296px;
	height:1064px;
	background:url(../img/general_dermatology/leftContainer.jpg) no-repeat;
}
#rightContainer{
	height:1064px;
	margin:0px;
	padding:0px;
	overflow:hidden;
}

.widgetContainer{
	width:248px;
	margin:auto;
	padding-top:10px;
}
.widget_skin{
	width:248px;
	height:320px;
	background:url(../img/general_dermatology/widget_skin_back.jpg) no-repeat;
}
.widget_melasma{
	width:248px;
	height:160px;
	background:url(../img/general_dermatology/widget2_back.jpg) no-repeat;
}
.widget_dysplastic{
	width:248px;
	height:160px;
	background:url(../img/general_dermatology/widget3_back.jpg) no-repeat;
}
.widget_eczema{
	width:248px;
	height:160px;
	background:url(../img/general_dermatology/widget4_back.jpg) no-repeat;
}
.widget_scabies{
	width:248px;
	height:160px;
	background:url(../img/general_dermatology/widget5_back.jpg) no-repeat;
}
.widget_title{
 	padding-top:5px; padding-left:10px;
}
.widget_title .image{
	float:left; padding-top:4px;
}
.widgetText{
	width:248px; padding-top:5px; font-size:12px; word-spacing:0.09em; letter-spacing:0.01px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif;
}
.widgetText .text{
	width:210px;text-align:left; margin-left:25px;
}
#content_acne_container{
	background:url(../img/general_dermatology/content.jpg) no-repeat;
	padding:315px 0px 0px 80px;
	
}
#content_skin_container{
	background:url(../img/general_dermatology/content_skin.jpg) no-repeat;
	padding:315px 0px 0px 80px;
	
}
#content_melasma_container{
	background:url(../img/general_dermatology/content_melasma.jpg) no-repeat;
	padding:315px 0px 0px 80px;
	
}
#content_eczema_container{
	background:url(../img/general_dermatology/content_eczema.jpg) no-repeat;
	padding:315px 0px 0px 80px;
	
}
#content_scabies_container{
	background:url(../img/general_dermatology/content_scabies.jpg) no-repeat;
	padding:315px 0px 0px 80px;
	
}
#content_dysplastic_container{
	background:url(../img/general_dermatology/content_melanoma.jpg) no-repeat;
	padding:315px 0px 0px 80px;
	
}
.contentTop{
	height:670px;
	width:433px;
}
.contentTop .contentTopLeft{
	width:400px;
	float:left;
	padding-top:20px;
}

.contentTitle{
	width:360px;
	height:45px;
	line-height:30px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
}
.contentTitle2{
	width:360px;
	height:45px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
}
.contentTitle3{
	width:380px;
	height:45px;
	line-height:30px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
}
.contentText{
	width:400px;
	height:560px;
	padding-top:0px;
	overflow:hidden;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	
}
/* scrollable div area */
			/* wrap to make sure that image area is clickable */
			.scroll_wrap {
				float:right;
				width: 9px;
				height: 670px;
				background: transparent url('../img/general_dermatology/scroll_line.jpg') no-repeat bottom left;
				border:0px solid red;
			}
			
			/* top image of track */
			.scroll_track_top {
				position: absolute;
				width: 7px;
				height: 15px;
				background: transparent url('../img/general_dermatology/scroll_line.jpg') no-repeat top left;
				border:0px solid green;
			}
			
			/* vertical track */
			.scroll_track {
				position: absolute;
				width: 9px;
				height: 670px;
			}
			
			/* vertical track handle */
			.scroll_handle {
				width: 7px;
				height: 37px;
				cursor:pointer;
			}
.contect{
	clear:both;
	width:410px;
	height:69px;
	margin-top:10px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
}
#foottop{
	width:1000px;
	height:40px;
	background:url(../img/general_dermatology/foottopback.jpg) no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	
}
#foottop ul{
	float:right;
	margin-right:300px;
	margin-top:10px;
	list-style:none;
}
#foottop ul li{
	float:left;
	margin:0px;
	padding-left:10px;
	padding-right:10px;
	border-left:#FFFFFF 1px solid;
}
#footbottom{
	width:1000px;
	height:36px;
}

/* Only for IE6*/
*html #foottop ul{
	float:right;
	margin-right:150px;
	margin-top:10px;
	list-style:none;
}

/*Only for Safari */
@media all and (min-width: 0px) {
.contentTitle{
	
	width:360px;
	height:45px;
	line-height:30px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
}
}
