@charset "UTF-8";

/* CSS Document for Eyes On J*/

/*   normalize for cross browser compatibility   */
body,div,ul,ol,li,dl,dd,dt,form,p,input,img,table,tr,td,h1,h2,h3,h4,h5,h6 {margin:0;padding:0;border:0;}
img {vertical-align:bottom !important;}
a {font-weight:bold;color:#4774B5;text-decoration:none;}
a:hover {text-decoration:underline;}
ul {padding:0 0 0 20px;}
.withTextIndent:focus {-moz-outline:none;outline:none;}/* fixes bug in ff while using img replacement - remove large 1px dotted border around all links */

.bold {font-weight:bold;}

/*   structural markup   */

body {font:12px Arial, Helvetica, sans-serif;margin:0 0 25px 0;} /* put a margin on the bg because IE PC will not give a bottom margin to the wrapper div */

#mainWrapper {background:#A0CF67 url(../images/eyes_bg.gif) 0 0 repeat-y;width:791px;min-height:614px;height:auto !important;height:614px;margin:25px auto 0 auto;position:relative;z-index:1;}
#mainWrapper img.modelbanner {position:absolute;left:0;top:0;float:left;}

#contentWrapper {margin:0 0 0 273px;background:#A0CF67;min-height:614px;height:auto !important;height:614px;}

#mainNav {background:#f15c22;z-index:100;position:relative;}
#mainNav ul {overflow:hidden;margin:0 0 0 25px;padding:5px 0 0 0;width:493px;}
#mainNav ul li {float:left;list-style:none;font-weight:bold;}
#mainNav ul li.current {color:#fff917;padding:0 6px;border-right:2px solid #fff917;}
#mainNav ul li a {color:#fff;text-decoration:none;padding:0 6px;border-right:2px solid #fff917;}
#mainNav ul li a:hover {color:#fff917;}
#mainNav ul li.first a, #mainNav ul li.first {padding-left:0;}
#mainNav ul li.last a, #mainNav ul li.last {padding-right:0;border-right:0;}
#mainNav h3 {font-size:12px;color:#fff916;font-weight:bold;letter-spacing:3px;padding:14px 0 5px 25px;}

#content {margin:25px 35px 0 25px;padding:0 0 10px 0;}
#content h1 {font-size:14px;margin:0 0 17px 0;text-transform:uppercase;}
#content h2 {font-size:12px;}
#content p {margin:0 0 15px 0;line-height:14px;}
#content ul.products {margin:5px 0 15px 0;}

#footer {width:791px;margin:0 auto;text-align:center;}
#footer ul {padding:10px 0;}
#footer ul li {display:inline;list-style:none;padding:0 4px;border-right:2px solid #A0CF67;white-space:nowrap;margin:0 0 10px 0;}
#footer ul li.first {}
#footer ul li.last {padding-right:0;border-right:0;}
#order-link {
	text-align: center;
	font-size: 20px;
	color: #ffffff;
	position: absolute;
	top: 630px;
	width: 233px;
	padding: 20px;
}
#order-link a, #order-link p {
color: #ffffff;
}
/* ~~~~~ Patient Forms ~~~~~~ */

h1#patient {
float: left ;
}

h2#date {
float: right ;
clear: none ;
}

h2#insurance, h2#medical, h2#eye {
float: left ;
clear: none ;
}

form#questionnaire p {
display: inline ;
margin-right: 3px ;
clear: none ;
}

.floatbreaker {
clear: both ;
}

.hr {
clear:both ;
border-bottom: 2px solid #000 ;
margin: 10px 0 ;
}

#systems1 , #systems2 {
padding: 0 ;
text-align: right ;
width: 228px ;
clear: none ;
}

#systems1 {
float: left ;
}

#systems2 {
float: right ;
}

form#feedback input {
margin-left: 5px ;
}

form#feedback p#scale {
margin-left: 30px ; 
}

input#submit {
border: 1px solid #000 ;
padding: 3px 5px ;
background-color: #CCC ;
}

#history1, #history2 {
padding: 0 ;
width: 200px ;
clear: none ;
}

#history1 {
float: left ;
}
#history2 {
float: left ;
}

#feedback img, #questionnaire img {
float: left ;
height: 31px ;
width: 161px ;
margin-bottom: 10px ;
}

div.imgLeft {
	float: left;
	margin-right: 27px;
	margin-bottom: 10px;
	margin-top: 5px;
}