* { margin:0; padding:0; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
blockquote:before,blockquote:after,q:before,q:after{content:'';}
blockquote, q {quotes: "" "";}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {font:13px/1.22 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
/**
 * Bump up IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:99%;}

/**
 * Default line-height based on font-size rather than "computed-value"
 * see: http://www.w3.org/TR/CSS21/visudet.html#line-height
 */
body * {line-height:1.22em;}

/* {font-size:77%;}  renders 10px
   {font-size:85%;}  renders 11px
   {font-size:93%;}  renders 12px 
   {font-size:100%;} renders 13px
   {font-size:108%;} renders 14px
   {font-size:116%;} renders 15px
   {font-size:123.1%;} renders 16px
   {font-size:131%;} renders 17px
   {font-size:138.5%;} renders 18px
   {font-size:146.5%;} renders 19px
   {font-size:153.9%;} renders 20px */ 
 

h1,h2,h3,h4,h5,h6,strong {font-weight:bold;}
em {font-style:italic;} 
th {font-weight:bold; text-align:center; } 
p {margin: 1em 0;}


div#content blockquote,div#content ul,div#content ol,div#content dl {margin:1em;}
div#content ol,div#content ul,div#content dl {margin-left:2em;}
div#content ul li {list-style: disc outside;}
div#content ol li {list-style: decimal outside;}
div#content li    {margin:0.5em 0; }
div#content dl dd {margin-left:1em;}



body { background: #FFF url(../images/bg.png); color:#000; }
a, a:link, a:visited, a:active{	color: #222; }
a:hover { color:#00B3FC; }



/***************** OTHER REPLACEMENTS ***********************/


#leftCard{
	vertical-align:top;
	padding-top:160px;
	}
#centerCard{
	width:766px;
	border-right:1px solid #00AEF9;
	border-left:1px solid #00AEF9;
	vertical-align:top;
	background:#B0E0E6;
	margin:0 auto;
	}
#rightCard{
	vertical-align:top;
	padding-top:160px;
	
}

#innerTop{
	background:url(../images/top_bg.png) repeat-x;
	padding-top:0px;
	height:106px;
	}

#inner_border{
	clear:both;
	overflow:hidden;
	height:12px;
	background:url(../images/inner_top_bg_2.png) repeat-x;
	position:relative;
	}

#leftBg{
	background:url(../images/left_bg.png) repeat-x;	
	width:inherit;
	height:259px;
	}
#rightBg{
	background:url(../images/right_bg.png) repeat-x;
	width:inherit;
	height:259px;
	}

#mainContent{
	clear:both;
	margin:0 auto;
	overflow:hidden;
	
	}

#welcomeImage{
	float:left;
	padding-top:20px;
	padding-left:40px;
	width:157px;
	}	
#welcome{
	
	float:left;
	padding-top:20px;
	padding-left:22px;
	width:545px;
	text-align:left;
	
	}
#welcomeText{
	font:12px Arial, Helvetica, sans-serif;
	clear:both;
	text-align:left;
	padding-top:10px;
	line-height:15px;
	}

#learnMore{
	float:right;
	text-align:right;
	}

.separator{
	clear:both;
	height:10px;
	border-bottom:1px dotted #0697DD;
}
	
.separator2{
	clear:both;
	height:2px;
	border-bottom:1px dotted #1D558D;
}

.separator3{
	height:101px;
	width:2px;
	float:left;
	margin: 0 0 0 20px ;
	border-left:1px dotted #0697DD;
}			
				
#lasikImage{
	float:left;
	padding-top:24px;
	padding-left:40px;
	width:157px;
	}
#lasikContent{
	float:left;
	width:545px;
	padding-left:22px;
	text-align:left;
	padding-top:20px;
	}
#lasik_text{
	float:left;
	width:412px;
	}				
#lasik_cont_text{
	font:12px Arial, Helvetica, sans-serif;
	clear:both;
	text-align:left;
	padding-top:10px;
	line-height:15px;
	}
	
#lasik_button_1{
	float:left;
	padding-left:85px;
	}
#lasik_button_2{
	float:left;
	padding-left:30px;
	}
#lasik_learn{
	padding-top:130px; 
	text-align:center; 
	float:right; 
	padding-right:20px;
	}		
#orthoImage{
	float:left;
	padding-top:24px;
	padding-left:40px;
	width:157px;
	}
#ortho_content{
	float:left;
	width:545px;
	padding-left:22px;
	text-align:left;
	padding-top:20px;
	}	

#ortho_text{
	
	font:12px Arial, Helvetica, sans-serif;
	clear:both;
	text-align:left;
	padding-top:10px;
	line-height:15px;	
}

#ortho_learn{
	float:right;
	clear:both;
	text-align:right;
	padding-right:20px;

	}
	
#eyelid_main{
	height:161px;
	overflow:hidden;
	background:url(../images/inner_bg_1.png) repeat-x;
	text-align:left;
	}	
#eyelidImage{

	float:left;
	padding-top:24px;
	padding-left:40px;
	width:157px;
	}
	
#eyelid_content{
	width:422px;
	padding-left:22px;
	text-align:left;
	padding-top:20px;
	float:left;
	}	
#eyelid_text{
	width:400px;
	font:12px Arial, Helvetica, sans-serif;
	text-align:justify;
	padding-top:10px;
	line-height:15px;
	float:left;	
	}	

#eyelid_image_and_learn_more{
	float:left;
	width:125px;
	padding-top:20px;
	}

#eyelid_content_image{
	text-align:center;
	
	}
#eyelid_learn_more{
	float:right;
	clear:both;
	padding-right:20px;
	padding-top:10px;
	 
	}
	
#bottom_1_container{
	background:url(../images/bottom_1_bg.png) repeat-x;
	height:130px;
	padding-top:5px;
	}	
	
#multifocal{
	width:258px;
	padding-left:41px;
	text-align:left;
	float:left;
	
	}

#multi_focal_text{
	font:12px Arial, Helvetica, sans-serif;
	text-align:justify;
	padding-top:10px;
	}
	
#mf_learn_more{
	width:100px;
	float:left;
	padding-left:35px;
	}

#mf_form{
	float:left;

}				
#formHeader{
	float:left;
	vertical-align:middle;
	padding-top:30px;
	padding-left:20px;
	
	}
#form_content{
	padding-left:21px;
	float:left;
	}		
.text_input{
	background:url(../images/input_bg.png) repeat-x;
	height:17px;
	border:1px solid #666666;
	font:10px Arial, Helvetica, sans-serif;
	color:#000000;
	padding-left:5px;
	width:148px;
	margin-top:5px;
	}
	
	
#bottomImage{
	margin:0 auto;
	width:100%;
	}	
	
#bottom_navbar{
	text-align:center;
	padding-right:25px;
	padding-left:25px;
	padding-top:20px;
	padding-bottom:20px;
	}
#bottom_navbar a{
	font:9px Arial, Helvetica, sans-serif;
	border-right:1px dotted #1E445C;
	color:#1E445C;
	padding-right:5px;
	text-decoration:none;
	}
#copyright{
	font:9px Arial, Helvetica, sans-serif;
	border-top:1px dotted #5C6F7C;
	color:#1E445C;
	text-align:center;
	padding-top:15px;
	}	
	

#sec_content{
	font:12px Arial, Helvetica, sans-serif;
	text-align:left;
	padding:10px;
	}

#sec_lasik_header{
	text-align:left;
	padding-left:23px;
	padding-top:33px;
	}

#sec_lasik_image{
	text-align:left;
	padding-left:23px;
	padding-top:12px;
	}	


#sec_ortho_header{
	text-align:left;
	padding-left:23px;
	padding-top:33px;
	}

#sec_ortho_image{
	text-align:left;
	padding-left:23px;
	padding-top:12px;
	}	
		
	
#sec_eyelid_header{
	text-align:left;
	padding-left:23px;
	padding-top:33px;
	}

#sec_eyelid_image{
	text-align:left;
	padding-left:23px;
	padding-top:12px;
	}
	
	
#sec_mfc_header{
	text-align:left;
	padding-left:23px;
	padding-top:33px;
	}

#sec_mfc_image{
	text-align:left;
	padding-left:23px;
	padding-top:12px;
	}	
	
	
	
		
/*** link text için örnek ***/
a#hubbard_henslee_eye_center {
	display:block; position:relative;
	width: 706px; height: 106px;
	margin:0; padding:0;
	overflow:hidden;
	cursor:pointer;
}
a#hubbard_henslee_eye_center span, span.hubbard_henslee_eye_center {
	position: absolute;	top:0; left:0;
	width:706px; height:106px;
	background: url(../images/hubbard_henslee_logo.jpg) left top no-repeat;
	cursor:pointer;
}

/******************/

a#lm {
	display:block; position:relative;
	width: 100px; height: 26px;
	margin:0; padding:0;
	overflow:hidden;
	cursor:pointer;
}
a#lm span, span.btn_learn_more {
	position: absolute;	top:0; left:0;
	width:100px; height:26px;
	background: url(../images/lm.png) left top no-repeat;
	cursor:pointer;
}
a#lm:hover span { background-position:left bottom; }


/*****************/




a#lm2 {
	display:block; position:relative;
	width: 100px; height: 26px;
	margin:0; padding:0;
	overflow:hidden;
	cursor:pointer;
}
a#lm2 span, span.btn_learn_more {
	position: absolute;	top:0; left:0;
	width:100px; height:26px;
	background: url(../images/lm2.png) left top no-repeat;
	cursor:pointer;
}
a#lm2:hover span { background-position:left bottom; }


/*****************/


a#btn_learn_more {
	display:block; position:relative;
	width: 99px; height: 26px;
	margin:0; padding:0;
	overflow:hidden;
	cursor:pointer;
}
a#btn_learn_more span, span.btn_learn_more {
	position: absolute;	top:0; left:0;
	width:99px; height:26px;
	background: url(../images/btn_learn_more.png) left top no-repeat;
	cursor:pointer;
}
a#btn_learn_more:hover span { background-position:left bottom; }
/***/
a#learn_more_sec {
	display:block; position:relative;
	width: 99px; height: 26px;
	margin:17px 0 0 0; padding:0;
	overflow:hidden;
	cursor:pointer;
}
a#learn_more_sec span, span.learn_more_sec {
	position: absolute;	top:0; left:0;
	width:99px; height:26px;
	background: url(../images/learn_more_sec.png) left top no-repeat;
	cursor:pointer;
}
a#learn_more_sec:hover span { background-position:left bottom; }

/******************/
a#btn_faq {
	display:block; position:relative;
	width: 81px; height: 46px;
	margin:0; padding:0;
	overflow:hidden;
	cursor:pointer;
}
a#btn_faq span, span.btn_faq {
	position: absolute;	top:0; left:0;
	width:81px; height:46px;
	background: url(../images/btn_faq.png) left top no-repeat;
	cursor:pointer;
}
a#btn_faq:hover span { background-position:left bottom; }



/******************/
a#btn_audio {
	display:block; position:relative;
	width: 194px; height: 48px;
	margin:0; padding:0;
	overflow:hidden;
	cursor:pointer;
}
a#btn_audio span, span.btn_faq {
	position: absolute;	top:0; left:0;
	width:194px; height:48px;
	background: url(../images/audio_learnin_center.png) left top no-repeat;
	cursor:pointer;
}
a#btn_audio:hover span { background-position:left bottom; }
/********************/



/********************/



a#btn_submit {
	display:block; position:relative;
	width: 62px; height: 26px;
	margin:0; padding:0;
	overflow:hidden;
	cursor:pointer;
}
a#btn_submit span, span.btn_submit {
	position: absolute;	top:0; left:0;
	width:62px; height:26px;
	background: url(../images/btn_submit.png) left top no-repeat;
	cursor:pointer;
}
a#btn_submit:hover span { background-position:left bottom; }

/*** text için örnek ***/
#txt_welcome { 
	position:relative;
	width: 115px; height: 18px;
	margin:0; padding:0;
	overflow:hidden;
}
#txt_welcome span, span.txt_welcome {
	position: absolute;	top:0; left:0;
	width:115px; height:18px;
	background: url(../images/txt_welcome.png) left top no-repeat;
}


/*****************************/
#txt_lasik { 
	position:relative;
	width: 52px; height: 18px;
	margin:0; padding:0;
	overflow:hidden;
}
#txt_lasik span, span.txt_lasik {
	position: absolute;	top:0; left:0;
	width:52px; height:18px;
	background: url(../images/txt_lasik.png) left top no-repeat;
}
/**********************/
#txt_ortho_keratology { 
	position:relative;
	width: 227px; height: 18px;
	margin:0; padding:0;
	overflow:hidden;
}
#txt_ortho_keratology span, span.txt_ortho_keratology {
	position: absolute;	top:0; left:0;
	width:227px; height:18px;
	background: url(../images/txt_ortho_keratology.png) left top no-repeat;
}
/***************/

#txt_eyelid_plastic_surgery { 
	position:relative;
	width: 253px; height: 18px;
	margin:0; padding:0;
	overflow:hidden;
}
#txt_eyelid_plastic_surgery span, span.txt_eyelid_plastic_surgery {
	position: absolute;	top:0; left:0;
	width:253px; height:18px;
	background: url(../images/txt_eyelid_plastic_surgery.png) left top no-repeat;
}

/**********/
#txt_new_multifocal_lens { 
	position:relative;
	width: 258px; height: 14px;
	margin:0; padding:0;
	overflow:hidden;
}
#txt_new_multifocal_lens span, span.txt_new_multifocal_lens {
	position: absolute;	top:0; left:0;
	width:258px; height:14px;
	background: url(../images/txt_new_multifocal_lens.png) left top no-repeat;
}
/***********/

#txt_ask_question { 
	position:relative;
	width: 76px; height: 42px;
	margin:0; padding:0;
	overflow:hidden;
}
#txt_ask_question span, span.txt_ask_question {
	position: absolute;	top:0; left:0;
	width:76px; height:42px;
	background: url(../images/txt_ask_question.png) left top no-repeat;
}
/*****************/



#txt_lasik_sec { 
	position:relative;
	width: 41px; height: 12px;
	margin:0; padding:0;
	overflow:hidden;
}
#txt_lasik_sec span, span.txt_lasik_sec {
	position: absolute;	top:0; left:0;
	width:41px; height:12px;
	background: url(../images/txt_lasik_sec.png) left top no-repeat;
}
/**/

#txt_ortho_keratology_sec { 
	position:relative;
	width: 155px; height: 12px;
	margin:-16px 0 9px 0; padding:0;
	overflow:hidden;
}
#txt_ortho_keratology_sec span, span.txt_ortho_keratology_sec {
	position: absolute;	top:0; left:0;
	width:155px; height:12px;
	background: url(../images/txt_ortho_keratology_sec.png) left top no-repeat;
}
/**/

#txt_eyelid_surgery_sec { 
	position:relative;
	width: 178px; height: 12px;
	margin:-14px 8px 0 -10px; padding:0;
	overflow:hidden;
	z-index: 99;
}
#txt_eyelid_surgery_sec span, span.txt_eyelid_surgery_sec {
	position: absolute;	top:0; left:0;
	width:178px; height:12px;
	background: url(../images/txt_eyelid_surgery_sec.png) left top no-repeat;
}
/**/

#txt_new_multifocal_sec { 
	position:relative;
	width: 166px; height: 27px;
	margin:-18px 0 18px -10px; padding:0;
	overflow:hidden;
	z-index: 99;
}
#txt_new_multifocal_sec span, span.txt_new_multifocal_sec {
	position: absolute;	top:0; left:0;
	width:166px; height:27px;
	background: url(../images/txt_new_multifocal_sec.png) left top no-repeat;
}
/**/

#txt_ask_question_sec { 
	position:relative;
	width: 147px; height: 13px;
	margin:-18px 0 0 0; padding:0;
	overflow:hidden;
}
#txt_ask_question_sec span, span.txt_ask_question_sec {
	position: absolute;	top:0; left:0;
	width:147px; height:13px;
	background: url(../images/txt_ask_question_sec.png) left top no-repeat;
}



div#sec_content blockquote,div#sec_content ul,div#sec_content ol,div#sec_content dl {margin:1em;}
div#sec_content ol,div#sec_content ul,div#sec_content dl {margin-left:2em;}
div#sec_content ul li {list-style: disc outside;}
div#sec_content ol li {list-style: decimal outside;}
div#sec_content li {margin:0.5em 0; }
div#sec_content dl dd {margin-left:1em;}