/*  
Theme Name: helpforvisionloss.com
Theme URI: http://einsteinindustries.com/
Description: Custom theme for helpforvisionloss.com  based on <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.0
Author: Adam Patten
Author URI: http://einsteinindustries.com/

  Copyright Einstein Industries 2007. Used with Permission.                             
  May not be duplicated or reproduced.
  Please check for cross-browser compatibility prior to making changes
  MINIMUM BROWSER CHECK :: IE5.x/IE6/Firefox/Safari
  CSS Document - layout.css

*/


/*-------------------------------------------------------------------------------------*/
/* undo some default styling of common (X)HTML browsers
/*------------------------------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,html,label,table,tr,td {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,a img,:link img,:visited img {border:0;}
address,caption,cite,code,dfn,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%;}
q:before,q:after {content:'';}

/* ------------------------ GLOBAL ELEMENTS ------------------------ */

/* ------------------------ type selectors ------------------------ */

html {
	background:#1E2D42 url("images/bg-html.jpg") top left repeat-x;
	height:100%;
	}

body { 
	background:url("images/bg-body.jpg") top center repeat-y;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#001D3B;
	height:100%;
	}
.rightcoloumn
{
    margin: 10px 15px 10px 20px;
}
blockquote { margin-left:10px; margin-right:10px; }

h1	{ font-size:1.2em; color:#013E7C; }
h2, .title	{ font-size:1.1em; color:#013E7C; }
h3, h4, h5	{ font-size:1.0em; color:#013E7C; }

h1 span,h2 span,h3 span	{ display:none; }

a:link,a:visited	{ color:#014B97; text-decoration:underline; outline:none; }
a:hover,a:active	{ color:#0B3993; text-decoration:none; outline:none; }

sup {

                position: relative;

                bottom: 0;

                left:.2ex;

                font-size: 80%;

                }

/* ------------------------ classes ------------------------ */
.title	{ font-weight:bold; }
.clear	{ 
	clear:both;
	}

div.clear	{ 
overflow: hidden; height: 0.01em;
	}

img.img-left { 
	float:left; 
	margin:0 5px 0 0;
	}

img.img-right { 
	float:right; 
	margin:0 0 0 5px;
	}

.pdf {
	padding-left:20px;
	background:url("images/pdf-icon-sm.gif") 0 2px no-repeat;
	}
.clinic-title {
	border-top:2px solid #CCC;
	padding-top:5px;
	margin-top:15px;
	clear:both;
	}

.clinic-image { 
	float:right; 
	margin:0 5px 0 0;
	}
.directory-location {
	margin-top:35px;
	font-size:1.5em;
	padding:5px 0;
	margin-bottom:0;
	}

.more-info,
.download,
.view,  
.read-more {
  display:block;
  height:40px;
  width:61px;
}
.more-info span,
.download span,
.view span,  
.read-more span { display:none; }  	

.read-more { background:transparent url("images/btn-read-more.jpg") no-repeat scroll 0%; }
.more-info { background:transparent url("images/btn-more-info.jpg") no-repeat scroll 0%; }
.download { background:transparent url("images/btn-download.jpg") no-repeat scroll 0%; }
.view { background:transparent url("images/btn-view.jpg") no-repeat scroll 0%; }



#column-left p.back-to-top {
	text-align:right;
	display:block;
	width:440px;
	padding-right:15px;
	background:url("images/arrow_up.png") right no-repeat;
	font-size:.80em;
	color:#013E7C;
	
	}


/* ------------------------ form elements ------------------------ */
form { 
	
	}


form label	{ font-size:.95em; } 

form br { line-height:0; height:0; } /* defaults vertical spacing between fields */

input, textarea, select { 
	background-color:#FFF !important; /* to prevent highlighting by Google Toolbar */
	border:1px solid #013E7C;
	color:#001D3B;
	width:195px; /* 5 pixles smaller than form width !important */
	height:18px;
	line-height:18px;
	vertical-align: middle;
	margin-bottom:4px; /* sets vertical spacing between fields */
	padding-top:1px; /* vertically position text in input/textarea field */
	padding-left:4px; /* horizontally position text in input/textarea field */
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:1.0em;
	}

select { width:200px; padding:0; } /* same width as form - !important */

textarea { height:195px; overflow:auto; }

#contact_business { display: none; } /* do not remove */ 


/* ------------------------ main contact form ------------------------ */
#contact-main { margin:20px 0 10px 0; }

#contact-main label { 
	width:220px; 
	position:relative; 
	display:block; 
	text-align:right; 
	margin-bottom:10px;
	font-size:.9em;
	}

#contact-main label input, #contact-main label textarea, #contact-main label select { 
	width:210px;
	position:absolute; 
	left:110%; 
	top:-2px;
	}

#contact-main label select { width:215px; } /* fixes display issue - 5px larger than input field */

#contact-main label textarea { height:100px; overflow:auto; }

input.checkbox {
	width:15px;
	border:none;
	}
input.add {
	width:100px;
	height:17px;
	border:none;
	}
.mandatory { color:#FF0000; }
#contact-main label input.radio, #contact-main label input.checkbox {
	width:5px;
	border:none;
	}
#contact-main label input.phone {
	width:33px;
	}
#contact-main label #fphone2 {
	left:130%
	}
#contact-main label #fphone3 {
	left:150%
	}
#contact-main label.fullwidth { 
	width:445px;
	text-align:left;
	}


#how_did_you_hear_about_us {font-size:12px;}
#i_am_a {font-size: 12px;}
/* ------------------------ submit button form elements ------------------------ */

input.submit, input.submit-contact-main { 
	width:60px;
	height:22px;
	cursor:pointer; 
	padding:0; 
	}

input.submit-contact-main
{
    margin: 0px 0px 0px 242px;
} /* defines placement of contact-main submit button */

/* ------------------------ main framework ------------------------ */
#wrap-outer{
	background:#FFF url("images/bg-wrap-outer.jpg") repeat-y;
	width:786px;
	margin:0 auto;
	}

#wrap-gradient{
	background:url("images/bg-wrap-gradient.jpg") top left no-repeat;
	}

#wrap {
	background:url("images/bg-wrap.jpg") repeat-y;
	margin:0px auto;
	width:734px;
	text-align:left;
	}

#index #wrap,
#single #wrap,
#directory #wrap {
	background:url("images/bg-wrap-index.jpg") repeat-y;
}


/* ------------------------ masthead framework ------------------------ */
#masthead {
	position:relative;
	background:url("images/masthead.jpg") no-repeat;
	height:61px;
	}
	/* index page link within #masthead */		
	#masthead a {	position:absolute; }
	#masthead a.home {
		left:12px;
		width:257px;
		top:8px;
		height:51px; 
		}
	#masthead a.default {	
		left:664px;
		width:16px;
		top:38px;
		height:21px; 
		}
	#masthead a.large {	
		left:680px;
		width:20px;
		top:38px;
		height:21px; 
		}
	#masthead a.larger {	
		left:700px;
		width:21px;
		top:38px;
		height:21px; 
		}
		#masthead a.pannel
{
	left: 620px;
	top: 19px;
	height: 21px;
	
	color: #E3B344;
	font:1.0em Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	text-decoration:none;
}

	#masthead a span {
		display:none;
		}
#noflash {
	margin-left:20px;
}

#single-column p,
#single-column h1,
#single-column ul,
#single-column dl {
	margin-bottom:15px;
	}

#single-column h2,
#single-column h3,
#single-column h4 {
	margin:0 0 3px;
	padding-top:15px;
	}
#single-column h2 {
	border-bottom:5px solid #E0AE3F;
	font-size:1.3em;
	line-height:1.4em;
}

/* ------------------------ column-left framework ------------------------ */
#column-left {
	width:460px;
	float:left;
	display:inline;
	margin:18px 10px 0 20px;
	}
	#clinic #column-left { padding-bottom:25px; }

	#column-left p,
	#column-left h1,
	#column-left ul,
	#column-left dl {
		margin-bottom:15px;
		}

	#column-left h2,
	#column-left h3,
	#column-left h4 {
		margin:0 0 3px;
		padding-top:15px;
		}
	#column-left h2 {
		border-bottom:5px solid #E0AE3F;
		font-size:1.3em;
		line-height:1.4em;
	}
	#site-map #column-left h2, #success #column-left h2, #news #column-left h2 {
		border-bottom:none;
		font-size:inherit;
		line-height:inherit;
	}

	/* fix for IE em bug */
	#column-left p {
		overflow:visible;
		width:460px;
		}
	#column-left form { margin-left:0px; } /* set form margin here */

	/* single column list */
	#column-left ul { padding-left:5px; }
		#column-left ul li { 
			background:transparent url("images/bullet.jpg") 0px 6px no-repeat;
			padding-left:10px;
			margin-bottom:2px;
			}
		#column-left ul li ul { margin:0; }

/* ------------------------ column-right framework ------------------------ */
#column-right {
	width:244px;
	float:left;
	display:inline;
	font-size:.9em;
	}

	#column-right p, #column-right h1, #column-right h2, #column-right h3, #column-right ul, #column-right ol, #column-right dl {
		margin:10px 15px 10px 20px;
		}

	#column-right ol li {
		margin-left:18px;
		list-style-type:decimal;
	}

	#column-right p.video_desc {
		margin-top:0;
	}
	.title-related {
		margin-left:10px;
	}
/* ------------------------ header framework ------------------------ */
#header-graphic {
	height:187px;
	background-repeat:no-repeat;
	background-image:url("images/header-index.jpg");
	color:#FFFFFF;
	}

#single #header-graphic, 
#directory #header-graphic {
	height:184px;
}

#header-graphic p {
	padding:140px 0 0 22px;
	margin:0;
	font-weight:bold;
	font-size:1.8em;
	line-height:1.3em;
	}
/* ------------------------ homepage specific styles ------------------------ */
#index h1 {
	margin:10px 24px 15px;
	}
#index p, #index h2, #index h3 {
	margin-bottom:10px;
	}
#banner {
	height:220px;
	width:490px;
	background:url("images/banner-index.jpg") no-repeat;
	float:left;	
	}
#is-vrt-option {
	height:220px;
	width:244px;
	/*background:url("images/btn-locate-index.jpg") no-repeat;*/
	float:left;	
	}
	/*#is-vrt-option a {
		display:block;
		height:112px;
		padding-top:108px;
		}
	#is-vrt-option a:hover {
		background:url("images/btn-locate-index.jpg") -244px 0 no-repeat;
	}
	#is-vrt-option a span { display:none; }*/
	
	
	
	
	
	
	#is-vrt-option {
	z-index:0;
	height:220px;
	width:244px;
	float:left;	
	}	
	
		#header-phone-number {
		width:244px;
		height:71px;
		position:relative;
		background:url("images/header-phone-number.jpg")   0px 0px no-repeat;
		}
		
		#header-vision-test {
		position:relative;
		width:244px;
		height:66px;
		background:url("images/header-vision-test.jpg")   0px 0px no-repeat;
		}
		
		#header-vision-test a:hover {
		background:url("images/header-vision-test.jpg") -357px -27px no-repeat;
		}
		
		#header-vision-test a {
		position:absolute;
		width:95px;
		height:35px;
		top:27px;
		left:113px;
		}
		
		#header-locate-vrt-center {
		position:relative;
		width:244px;
		height:83px;
		background:url("images/header-locate-vrt-center.jpg")   0px 0px no-repeat;
		}
		
		#header-locate-vrt-center a:hover {
		background:url("images/header-locate-vrt-center.jpg") -284px -40px no-repeat;
		}
		
		#header-locate-vrt-center a {
		position:absolute;
		width:95px;
		height:35px;
		top:40px;
		left:40px;
		}
		
		#header-locate-vrt-center span, #header-vision-test span {display:none;}
		
	
	
	
	
	
	
	
	
	
	
	
	
	
#btn-index-click2call {
	height:139px;
	width:244px;
	background:url("images/btn-click2call-index.jpg") no-repeat;
	float:left;	
	}
	#btn-index-click2call a {
		display:block;
		height:139px;
		}
	#btn-index-click2call a:hover {
		background:url("images/btn-click2call-index.jpg") -244px 0 no-repeat;
	}
	#btn-index-click2call a span { display:none; }
	
#is-vrt-option2 {
	height:81px;
	width:244px;
	background:url("images/btn-location2.jpg") no-repeat;
	float:left;	
	}
	#is-vrt-option2 a {
		display:block;
		height:81px;
		}
	#is-vrt-option2 a:hover {
		background:url("images/btn-location2.jpg") -244px 0 no-repeat;
	}
	#is-vrt-option2 a span { display:none; }
	
#news-section {
	float:right;
	width:370px;
	background:url("images/bg-news.jpg") repeat-y;
	margin-bottom:5px;
	}
#news-section #bottom {
	background:url("images/bg-news-bottom.jpg") bottom no-repeat;
	height:8px;
	}
	
#news-section p, #news-section h2 {
	margin:0 15px 0 9px;
	font-size:1em;
	}
	
#news-section h2 {
	margin-right:0;
	padding:8px 9px 2px 0;
	background:url("images/news-section-heading-bg.jpg") right top no-repeat;
}
#intro {
	float:left;
	width:305px;
	margin:0 0 0 24px;
	display:inline;
	}
#process-section {
	float:left;
	width:328px;
	margin:0 0 0 38px;
	display:inline;
	}

#benefits-top {
	clear:both;
	height:20px;
	background:url("images/benefits-top.jpg") no-repeat;
}
#benefits {
	background:url("images/benefits-wrap.jpg") repeat-y;
	color:#FFFFFF;
}
#benefits p {
	margin:0 281px 10px 24px;
	}
#benefits-graphic {
	background:url("images/benefits-graphic.jpg") right bottom no-repeat;
}
#benefits-graphic img {
	float:right;
	margin:0 281px 0 0;
}
#benefits-title {
	height:71px;
	width:266px;
	background:url("images/benefits-title.jpg") no-repeat;
}
#btn-learn-more-vrt {
	display:block;
	height:43px;
	background:url("images/btn-learn-more-vrt.jpg") no-repeat;
	margin-bottom:20px;
	}
	#btn-learn-more-vrt span { display:none; }




#index #faq-list li {
	padding-left:27px;
	padding-bottom:20px;
	background:url("images/bg-faq.jpg") 0 4px no-repeat; }

#success-section {
	float:left;
	width:305px;
	margin:0 0 0 24px;
	display:inline;
	}
#faq-section {
	float:left;
	width:328px;
	margin:0 0 0 38px;
	display:inline;
	}
#benefits {
	clear:both;
	}
#title-what-is-vrt {
	height:30px;
	background:url("images/title-what-is-vrt.jpg") no-repeat;
	}
#index #title-vrt-process {
	height:30px;
	width:345px;
	background:url("images/title-vrt-process.jpg") no-repeat;
	margin:10px 0 0 0;
	text-indent:-9999px;
	}
#index #title-faq {
	height:30px;
	background:url("images/title-faq.jpg") no-repeat;
	margin:0;
	text-indent:-9999px;
	}
#index #title-story-of-success {
	height:30px;
	background:url("images/title-story-of-success.jpg") no-repeat;
	margin:0;
	text-indent:-9999px;
	}
#single-column,
#directory-content {
	padding:15px;
	background:url("images/news-section-heading-bg.jpg") right top no-repeat;
}

/* ------------------------------------- Buttons ---------------------------------------- */
		
#btn-click2call {
		height:81px;
		display:block;
		background:url("images/btn-click2call") no-repeat;
		}
		#btn-click2call:hover {
				background:url("images/btn-click2call") -244px 0 no-repeat;
				}
		#btn-click2call span { display:none; }
		
#btn-locate {
		height:77px;
		display:block;
		background:url("images/btn-locate.jpg") no-repeat;
		}
		#btn-locate:hover {
				background:url("images/btn-locate.jpg") -244px 0 no-repeat;
				}
		#btn-locate span { display:none; }
		
#btn-brochure {
		height:93px;
		display:block;
		background:url("images/btn-brochure.jpg") no-repeat;
		}
		#btn-brochure:hover {
				background:url("images/btn-brochure.jpg") -244px 0 no-repeat;
				}
		#btn-brochure span { display:none; }

.btn-details {
		height:24px;
		width:61px;
		display:block;
		background:url("images/btn-details.jpg") no-repeat;
		margin-top:5px;
		}
		.btn-details:hover {
				background:url("images/btn-details.jpg") -61px 0 no-repeat;
				}
		.btn-details span { display:none; }
		
		
		
		
		
		#btn-vision-test {
		position:relative;
		width:244px;
		height:77px;
		background:url("images/btn-vision-test-inside.jpg") no-repeat;
		}
		#btn-vision-test a:hover {
				background:url("images/btn-vision-test-inside.jpg") -299px -30px no-repeat;
				}
		#btn-vision-test span { display:none; }
		
		#btn-vision-test a {
		position:absolute;
		width:95px;
		height:35px;
		top:30px;
		left:55px;
		}
		
		
		
		
		
		
		
		/*
		
		#btn-locate:hover {
				background:url("images/btn-locate.jpg") -244px 0 no-repeat;
				}
		#btn-locate span { display:none; }
		
		
		*/
		
		
		

/* ------------------------ bottom-wrap framework ------------------------ */
/* ------------ must have below column-left and column-right to clear the float ------------ */
#bottom-wrap {
	background:url("images/bottom-wrap.jpg") no-repeat;
	width:100%; /* fix for Safar */
	height:89px;
	clear:both; /* important - do not remove */
	}

	#index #bottom-wrap,
	#single #bottom-wrap,
	#directory #bottom-wrap {
		background:url("images/bottom-wrap-index.jpg") left bottom no-repeat;
		height:44px;
	}
/* ------------------------footer framework ------------------------ */
#footer {
	width:786px;
	margin:0 auto;
	text-align:center;
	color:#fff;
	padding:0 0 15px;
	background:url("images/bg-footer.jpg") 0 0 repeat-y;
	}

#footer p {
	margin:0 26px 10px;
	}

#footer a:link, #footer a:visited {
	color:#fff;
	text-decoration:none;
	}
#footer a:hover, #footer a:active { color:#fff; text-decoration:underline;}

	#footer ul { 
		margin-bottom:10px;
		padding-top:10px;
		}
	#footer li {
		display: inline;
		padding:0 5px 0 7px;
		border-left: 1px solid #fff;
		}
	#footer li.first { border: none; }
	
	#footer ul li ul {
		display:inline;
		margin:0;
		}
	
	#footer .vcard {
		margin-bottom:10px;
	}
	#footer .vcard .fn {
		font-weight:bold;
	}
	#footer .street-address {
		border-right:1px solid #FFF;
		margin-right:3px;
		padding:0pt 4px 0pt 6px;
	}	
	#footer .tel {
		border-left:1px solid #FFF;
		margin-left:3px;
		font-weight:bold;
		padding:0pt 4px 0pt 6px;
	}	

	#footer .copyright_text {
		font-size:.9em;
	}

#nav { 
	background:url("images/nav.jpg") no-repeat; 
	height:41px; 
	margin:0;
	padding:0; 
	}

#nav span { display: none; }

#nav li, #nav a { height:41px; display:block; 	z-index:10; } /* change height here also */

#nav li {
	float:left;
	list-style:none;
	_display:inline;
	position:relative;
	margin:0;
	}

#nav-01 { width: 60px;}
#nav-02 { width: 108px;}
#nav-03 { width: 100px;}
#nav-04 { width: 101px;}
#nav-05 { width: 111px;}
#nav-06 { width: 63px;}
#nav-07 { width: 105px;}
#nav-08 { width: 86px;}


/*-------------- (-79px) X position of button / (-30px) height of image from above ------------- */
#nav-01 a:hover { background:url("images/nav.jpg")  0px -41px no-repeat; }
#nav-02 a:hover { background:url("images/nav.jpg") -60px -41px no-repeat; }
#nav-03 a:hover { background:url("images/nav.jpg") -168px -41px no-repeat; }
#nav-04 a:hover { background:url("images/nav.jpg") -268px -41px no-repeat; }
#nav-05 a:hover { background:url("images/nav.jpg") -369px -41px no-repeat; }
#nav-06 a:hover { background:url("images/nav.jpg") -480px -41px no-repeat; }
#nav-07 a:hover { background:url("images/nav.jpg") -543px -41px no-repeat; }
#nav-08 a:hover { background:url("images/nav.jpg") -648px -41px no-repeat; }


/*-------------- Keeps the hover state on each page based on body id ------------- */
#ctl00_DynamicHeader1_menu #nav-01  				{ background:url("images/nav.jpg")  0px -41px no-repeat; }
#ctl00_DynamicHeader1_2 #nav-02  							{ background:url("images/nav.jpg") -60px -41px no-repeat; }
#ctl00_DynamicHeader1_3 #nav-03  			{ background:url("images/nav.jpg") -168px -41px no-repeat; }
#ctl00_DynamicHeader1_4 #nav-04  					{ background:url("images/nav.jpg") -268px -41px no-repeat; }
#ctl00_DynamicHeader1_5 #nav-05  				{ background:url("images/nav.jpg") -369px -41px no-repeat; }
#ctl00_DynamicHeader1_6 #nav-06  							{ background:url("images/nav.jpg") -480px -41px no-repeat; }
#ctl00_DynamicHeader1_7 #nav-07  { background:url("images/nav.jpg") -543px -41px no-repeat; }
#ctl00_DynamicHeader1_8 #nav-08  					{ background:url("images/nav.jpg") -648px -41px no-repeat; }

/* ------------------------ son of suckerfish: horizontal sprite nav ------------------------ */
#nav li ul {
	position:absolute;
	left:-9999px;
	padding-right:1px;
	margin:0;
	background-color:#003F82;
	}

#nav li ul li { 
	height:26px;
	border:1px solid #074D94;
	border-top:none;
	}	

#nav li ul li a {
	width:100%;
	height:26px;
	line-height:26px;
	}

#nav li ul li a span {
	display:block;
	padding-left:5px;
	}

/* Drop down link styles */
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	font-size:1.0em;
	color:#FFFFFF;
	text-decoration:none;
	}

#nav li:hover ul, #nav li.sfHover ul	{ left: auto; }

/* Hover styles for drop down items */
#nav-02 ul a:hover, #nav-03 ul a:hover, #nav-04 ul a:hover, #nav-05 ul a:hover, #nav-06 ul a:hover, #nav-07 ul a:hover { 
	background-image:none;
	background-color:#E5BC4A;
	color:#05418B;
	text-decoration:none;
	}

/* width of drop down nav - choose width that allows items to display on one line */
#nav-02 ul, #nav-02 li { width:202px; }		
#nav-03 ul, #nav-03 li { width:195px; }		
#nav-04 ul, #nav-04 li { width:94px; }
#nav-05 ul, #nav-05 li { width:200px; }
#nav-06 ul, #nav-06 li { width:252px; }
#nav-07 ul, #nav-07 li { width:190px; }


ol {margin-left:20px; font-size:0.75em; list-style-type: decimal;}

#index ol {margin:0 40px 0 40px; font-size:0.70em; list-style-type: decimal;}

#index ol li {padding:0; margin:0;}



#index #process-section ol {list-style-type:none; font:1.0em Verdana,Arial,Helvetica,sans-serif;}

#index #process-section ol li {
	padding-left:27px;
	margin-bottom:20px;
	}

#action-01 { background:url("images/bg-action-01.jpg") 0 3px no-repeat; }
#action-02 { background:url("images/bg-action-02.jpg") 0 3px no-repeat; }
#action-03 { background:url("images/bg-action-03.jpg") 0 3px no-repeat; }
#action-04 { background:url("images/bg-action-04.jpg") 0 3px no-repeat; }

.fix {color:red; text-decoration:blink;}

.indexbackground
{
    background-image: url(Images/bg-wrap-index.jpg);
    background-repeat: repeat-y;
}