/* PACIFIC VISION HOMEPAGE CSS */

/* === HOMEPAGE MAIN NAV AND FLASH CSS === */
#body_homepage
{
	padding:0px;
	margin:0px;
	background-image:url(../images/bg_website.gif);
	background-position:top left;
	background-repeat:repeat-x;
}
#hp_navFlash_holder
{
	float:left;
	width:925px;
	padding:0px 0px 0px 15px;
	margin:5px 0px 0px 0px;
}
#hp_mainNav_holder
{
	width:180px;
	height:412px;
	float:left;	
	background-image:url(../images/bg_hp_mainNav.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding:0px 0px 0px 5px;
	margin:0px; 
	 
}
#hp_mainFlash_holder
{
	width:724px;
	height:412px;
	float:left;
	display:inline;	
}
#hp_logo_holder
{
	width:180px;
	height:202px;	
	float:left;
	display:inline;
	padding:5px 0px 0px 0px;
	margin:0px;
	overflow:hidden;	
}



/* =========================  */

#newsFlashTicket_holder
{
	width:895px;
	height:45px;
	float:left;
	margin:20px 0px 0px 0px;
	padding:0px 0px 0px 15px;
}	

/* === SERVICE FINDER CSS === */
#hp_serviceFinder_holder
{
	float:left;
	height:180px;
	width:910px;
	padding:0px 0px 0px 0px;
	margin:20px 0px 0px 20px;
	display:inline;
}
#hp_serviceFinder_first
{
	width:166px;
	height:180px;
	float:left;
	background-image:url(../images/bg_serviceFinder.gif);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#99c7e3;
	padding:0px 0px 0px 15px;
}
div#hp_serviceFinder_first p
{
	padding:10px 10px 0px 0px;
	margin:0px;
	font:normal 14px arial;
	color:#333333;
}
#hp_serviceFinder_second
{
	width:180px;
	height:155px;
	float:left;	
	background-color:#4c9dce;
}
#hp_serviceFinder_third
{
	width:180px;
	height:155px;
	float:left;	
	background-color:#3590c8;
}
#hp_serviceFinder_fourth
{
	width:179px;
	height:155px;
	float:left;	
	background-color:#1f84c1;
}
#hp_serviceFinder_fifth
{
	width:181px;
	height:155px;
	float:left;	
	background-color:#0073b9;
	background-image:url(../images/bg_hp_results.gif);
	background-position:top right;
	background-repeat:no-repeat;
}
.hp_serviceFinder_inner
{
	width:167px;
	float:left;
	height:125px;
	padding:0px 0px 0px 13px;
	margin:0px;
	color:#FFFFFF;
	font:normal 11px arial;
}
div.hp_serviceFinder_inner h1
{
	color:#FFFFFF;
	font:bold 12px arial;
	padding:5px 0px 0px 0px;
	margin:0px;
}
div.hp_serviceFinder_inner p
{
	padding:0px 0px 0px 0px;
	margin:0px;
	display:block;
	
	clear:both;

}
.radioBtn
{
	padding:0px 0px 0px 0px;
	margin:0px;
	display:block;
	float:left;
	 
	height:20px;
}
div.hp_serviceFinder_inner span
{
	padding:3px 0px 0px 3px;
	margin:0px;
	display:block;
	float:left;
	 
}

.nextLink
{
	float:left;
	clear:both;
	font:normal 12px arial;
	color:#fff;
	margin:0px 0px 0px 17px;
}
a.nextLink:link, a.nextLink:visited, a.nextLink:active 
{
	float:left;
	clear:both;
	font:normal 12px arial;
	color:#fff;
	margin:0px 0px 0px 17px;
	padding:0px 17px 0px 0px;
	background-image:url(../images/link_white_arrow.gif);
	background-position:right 3px;
	background-repeat:no-repeat;	
}

.serviceFinderTable
{
	margin:0px;
	padding:0px;
}
table.serviceFinderTable td
{
	border:0px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.resultsHolder
{
	width:167px;
	float:left;	
	padding:5px 0px 0px 0px;
}
.resultsTitle
{
	font:bold 12px arial;
	color:#fff;
	float:left;
}
.resultsClose
{
	float:left;
	background-image:url(../images/btn_close.gif);
	background-position:right 2px;
	background-repeat:no-repeat;
	padding:0px 15px 0px 0px;
	margin:0px 0px 0px 70px;
	display:inline;
}	
.results
{
	background-image:url(../images/link_white_arrow.gif);
	background-position:left 3px;
	background-repeat:no-repeat;
	padding:0px 0px 0px 20px;
	margin:0px;
}


#serviceFinder_Flash
{
	width:720px;
	float:left;
	height:180px;
	display:none;
}

#serviceFinder_nonFlash
{
	width:720px;
	float:left;
	height:180px;
}

.sf_nonFlash_content
{
	width:252px;
	float:left;	
	display:inline;
	padding:0px 0px 0px 0px;
}
div.sf_nonFlash_content span
{
	display:block;
	float:left;
	width:100px;
	padding:10px 0px 0px 0px;
}
div.sf_nonFlash_content p
{
	display:block;
	float:left;
	width:110px;
	margin:0px;
	padding:10px 0px 0px 10px;

}
.sf_nonFlash_content_img
{
	display:block;
	float:left;	
	margin:50px 0px 0px 0px;
	padding:0px;	
}

.hp_topContactInfo
{
	float:left;
	width:615px;
	height:12px;
	padding:0px 0px 0px 20px;
}
.hp_topContactInfo span
{
	font-size:12px;	
	font-weight:bold;
	
}

a.topContantInfo:link, a.topContantInfo:visited, a.topContantInfo:active, a.topContantInfo:hover
{
	font-weight:bold;
	color:#0073b9;	
}

/* === Updates to the buckets and quiz - 4/3/09 === */

.hp-bucket{background:url(../images/bucket-bg.gif) 0px 0px no-repeat; display:block; width:210px; height:161px; float:left; font-size:11px; margin:0px 10px 0px 0px; padding:10px 10px 10px 10px;}
	.hp-bucket h3{margin:0px 0px 5px 0px;}
		.hp-bucket h3 em{visibility:hidden;}
	.hp-bucket img{float:left; margin:2px 8px 0px 0px;}
	.hp-bucket p{margin:0px 0px 0px 0px;}
		.hp-bucket p img{float:none; margin:2px 0px 0px 5px;}
		
#hp_serviceFinder_holder{position:relative;}

#bucket-quiz{position:absolute; top:0px; left:0px; background:url(../images/quiz-bg-closed.gif) 0px 0px no-repeat; display:block; width:910px; height:181px; float:left; font-size:11px; margin:0px; padding:0px;}
	#bucket-quiz.default a#close-quiz{display:none;}
	#bucket-quiz.default div{display:none;}
	#bucket-quiz.default #intro{display:block;}

#bucket-quiz.closed{width:190px;}
	#bucket-quiz.closed a#close-quiz{display:none;}
	#bucket-quiz.closed div{display:none;}
	#bucket-quiz.closed #intro{display:block;}
		#bucket-quiz.closed #intro span{display:none;}
	#bucket-quiz a#close-quiz{display:block; width:26px; height:26px; position:absolute; top:-10px; right:0px; background:url(../images/quiz-close.gif) 0px 0px no-repeat;}
		#bucket-quiz a#close-quiz em{visibility:hidden;}

#bucket-quiz.open{overflow:visible; background:url(../images/quiz-bg-open.gif) 0px 0px no-repeat;}
	#bucket-quiz.open #intro #quiz-start{background:url(../images/quiz-start.gif) 0px -25px no-repeat; cursor:wait;}
	#bucket-quiz.closed #intro #quiz-start{background:url(../images/quiz-start.gif) 0px 0px no-repeat; cursor:pointer;}
		#bucket-quiz.open #intro span{display:none;}
		#bucket-quiz.open a#close-quiz{display:none;}

	#bucket-quiz div{position:relative; float:left; display:block; width:160px; height:160px; float:left; font-size:11px; margin:0px 0px 0px 0px; padding:10px 10px 10px 10px; color:#313131; font-size:12px;}
		#bucket-quiz div h3{background:url(../images/header_serviceFinder.gif) 0px 0px no-repeat; margin:0px 0px 5px 0px;}
			#bucket-quiz div h3 em{visibility:hidden;}
		#bucket-quiz div label{margin:0px 0px 0px 0px; display:block;}
		#bucket-quiz div fieldset{position:absolute; top:45px; border:0px; margin:0px; padding:0px;}
			#bucket-quiz div fieldset p{margin:0px 0px 0px 0px;}
		#bucket-quiz div ul{display:none; padding:0px; margin:0px;}
		#bucket-quiz span.quiz-loading{position:absolute; top:0px; left:0px; width:180px; height:180px; background:url(../images/ajax-loader.gif) center center no-repeat;}
		

	#bucket-quiz #intro #quiz-start{background:url(../images/quiz-start.gif) 0px -25px no-repeat; display:block; width:151px; height:25px; cursor:wait; margin:0px auto;}
		#bucket-quiz #intro #quiz-start em{visibility:hidden;}
		
	#bucket-quiz #results{}
		#bucket-quiz #results ul{list-style:none; margin:5px 0px 0px 0px;}
		#bucket-quiz #results ul li{background:url(../images/hp_moreArrow.gif) 0px 3px no-repeat; margin:0px 0px 5px 0px; padding:0px 0px 0px 15px;}
		#bucket-quiz #results p.learn-more{font-size:11px; margin:0px 0px 0px 0px;}

#bucket-femtodynamics{margin-left:190px;}
	#bucket-femtodynamics h3{background:url(../images/header_hp_femtoDynamics.gif) 0px 0px no-repeat;}
	#bucket-theinstitute h3{background:url(../images/header_hp_theInstitute.gif) 0px 0px no-repeat;}
	#bucket-ourpatients h3{background:url(../images/header_hp_ourPatients.gif) 0px 0px no-repeat;}
#bucket-ourpatients{margin:0px 0px 0px 0px;}


#hp_infobucket_holder{float:left; height:180px; width:910px; padding:0px 0px 0px 0px; margin:20px 0px 0px 20px; display:inline;}

#bucket-trustedsurgeons{width:345px; float:left; margin:10px 0px 0px 20px; height:135px;}
	#bucket-trustedsurgeons h3{background:url(../images/hp_trustedLasikSurgeons.gif) 0px 0px no-repeat; width:342px; height:50px; display:block; margin:0px 0px 10px 0px;}
		#bucket-trustedsurgeons h3 em{visibility:hidden;}
	#bucket-trustedsurgeons p{font-size:11px; color:#8b8b8b;}

#bucket-lasik{width:490px; float:left; margin:10px 0px 0px 30px;}
	#bucket-lasik h3{background:url(../images/header_hp_lasik-san-francisco.gif) 0px 0px no-repeat; margin:20px 0px 10px 0px;}
		#bucket-lasik h3 em{visibility:hidden;}
	#bucket-lasik p{font-size:11px; color:#8b8b8b; margin:0px 0px 10px 0px;}
	#bucket-lasik div{overflow-y:scroll; height:97px; padding:0px 15px 0px 0px;}


/* === IE6 === */
#bucket-femtodynamics{_margin-left:95px;}
#bucket-quiz{_background:url(../images/quiz-bg-open.gif) 0px 0px no-repeat;}
#bucket-quiz.default{_background:url(../images/quiz-bg-open.gif) 0px 0px no-repeat;}
#bucket-quiz.open{_background:url(../images/quiz-bg-open.gif) 0px 0px no-repeat;}
#bucket-quiz.closed{_background:url(../images/quiz-bg-open.gif) 0px 0px no-repeat;}