/*

Common styles used throughout the site. These are primarily redefinitions of HTML tags.

*/

body { font-family: arial,verdana,sans-serif; font-size: 12px; color: #666; padding: 24px 0 0 0; background-color: #e0dfdc; background-image: url(../images/common/bg_page.gif); background-repeat: repeat-x; margin: 0; }
p { line-height: 16px; margin: 0 0 16px 0; }
img { display: block; border: 0; }
table { padding: 0; border: 0; border-collapse: collapse; }
td, th { font-size: 12px; vertical-align: top; padding: 0; border: 0; }
a { color: #1b8180; text-decoration: underline; }
a:focus, a:hover, a:active { outline: none; }
a:hover { color: #4aa2c3; text-decoration: underline; }
ul, ol { padding: 0; margin: 0; list-style: none; }
li { padding: 0; }
form { padding: 0; margin: 0; }
object { padding: 0; margin: 0; }
embed { padding: 0; margin: 0; }
sup { font-size: 70%; padding: 0; margin: 0; vertical-align: 3px; }

h1 { font-size: 16px; font-weight: bold; color: #1b8180; padding: 0 0 15px 0; border-bottom: 1px solid #f1f1ee; margin: 0 0 15px 0; }
h2 { font-size: 12px; font-weight: bold; color: #1b8180; padding: 0; margin: 0 0 2px 0; }
h3 { font-size: 12px; font-weight: bold; color: #666; padding: 0; margin: 0 0 2px 0; }
h3.inline { display: inline; color: #1b8180; }





/*

Primary layout styles

*/

#page { position: relative; width: 968px; margin-left: auto; margin-right: auto; }
#header { width: 960px; height: 182px; padding: 3px 4px 0 4px; background-image: url(../images/common/bg_header.gif); }
#content { width: 960px; padding: 0 4px 0 4px; background-image: url(../images/common/bg_content.gif); }
#content:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
#footer { width: 960px; padding: 11px 4px 10px 4px; background-image: url(../images/common/bg_footer.gif); background-repeat: no-repeat; }
#footer:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }

#columnLeft { float: left; width: 183px; padding: 0 12px 0 27px; }
#columnMain { float: left; width: 540px; }
#columnRight { float: left; width: 162px; margin: 0 0 0 12px; }

div.wrapper { width: 100%; }
div.wrapper:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }




/*

Header/Footer styles

*/

#header #info { position: absolute; margin: -14px 0 0 547px; }
#header #logo { padding: 28px 0 30px 30px; }
#header #nav { padding: 0 0 0 27px; }
#header #nav #navWrapper { width: 906px; padding: 0 0 0 1px; border-left: 1px solid #e8e8e3; }
#header #nav #navWrapper:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
#header #nav #navWrapper ul li { float: left; padding: 1px 2px 1px 0; border-top: 1px solid #e8e8e3; border-bottom: 1px solid #e8e8e3; background-image: url(../images/nav/bg_navitem.gif); background-position: top right; background-repeat: no-repeat; }

#header #info #facts { position: absolute; }
#header #info #linkForms { position: absolute; margin: 83px 0 0 19px; }
#header #info #linkInsurance { position: absolute; margin: 98px 0 0 19px; }
#header #info #linkMap { position: absolute; margin: 91px 0 0 254px; }

#footer { font-size: 10px; color: #828282; }
#footer a { color: #828282; text-decoration: none; }
#footer a:hover { color: #828282; text-decoration: underline; }
#footer div.privacy { float: left; }
#footer div.copyright { float: right; }





/*

Side navigation styles

*/

#sideNav { width: 179px; padding: 1px; border-top: 1px solid #e8e8e3; border-right: 1px solid #e8e8e3; border-left: 1px solid #e8e8e3; margin: 0 0 13px 0; }
#sideNav:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
#sideNav ul li { float: left; padding: 0 0 2px 0; background-image: url(../images/common/bg_sidenav.gif); background-position: bottom left; background-repeat: no-repeat; }





/*

Bottom navigation styles

*/

#bottomNav { width: 960px; padding: 20px 0 20px 0; background-image: url(../images/common/bg_bottomnav.gif); background-repeat: no-repeat; margin: 35px 0 0 0; }
#bottomNav h2 { margin-bottom: 1px; }
#bottomNav ul li { font-size: 11px; margin: 0 0 1px 0; }
#bottomNav ul li a { color: #828282; text-decoration: none; }
#bottomNav ul li a:hover { color: #1b8180; text-decoration: underline; }
#bottomNav td.visionSource { text-align: center; vertical-align: middle; }
#bottomNav td.visionSource img { display: inline; }





/*

Main Content Area styles

*/

div.intro { margin: 0 0 15px 0; }
div.promo { margin: 0 0 13px 0; }

div.copy { padding: 6px; }
div.copy a { font-weight: bold; }
div.copy ul { margin: 0 0 18px 0; }
div.copy ul li { padding: 0 0 0 7px; background-image: url(../images/common/bullet_copy.gif); background-repeat: no-repeat; background-position: 0px 5px; margin: 0 0 3px 0; }
div.copy ol { list-style: decimal; list-style-position: outside; margin: 0 0 18px 0; }
div.copy ol li { padding: 0 0 0 0px; margin: 0 0 3px 23px; }

p.border { padding: 0 0 17px 0; border-bottom: 1px solid #f1f1ee; margin-bottom: 12px; }
ul.border { padding: 0 0 17px 0; border-bottom: 1px solid #f1f1ee; margin-bottom: 12px; }
div.copy ul.wide li { margin-bottom: 12px; }

table.doctorProfile { border-bottom: 1px solid #f1f1ee; margin: 0 0 10px 0; }
table.doctorProfile td { padding: 10px 13px 10px 0; }

div.pageButton { float: right; }

div.textBlock { border-bottom: 1px solid #f1f1ee; margin: 0 0 15px 0; }
div.textBlock.noBorder { border: none; }

div.copy ul.faq li { font-weight: bold; background-image: none; margin-bottom: 5px; }

table.reorderForm td { padding: 0 5px 10px 0; vertical-align: middle; }
table.reorderForm td.label { font-weight: bold; text-align: right; }
table.reorderForm .required { font-weight: bold; color: #ff7f32; }
table.reorderForm tr.sectionEnd td { padding-bottom: 20px; border-bottom: 1px solid #f1f1ee; }
table.reorderForm td h2 { padding-top: 20px; }

input.text80 { width: 80px; font-family: arial; font-size: 11px; }
input.text125 { width: 125px; font-family: arial; font-size: 11px; }
input.text265 { width: 265px; font-family: arial; font-size: 11px; }
textarea { width: 350px; height: 105px; font-family: arial; font-size: 11px; }

#mapContainer { width: 425px; height: 235px;  border: 1px solid #ccc8b3; }

div.surveyItem { font-weight: bold; margin: 0 0 5px 0; }
div.surveyItem span.optional { font-weight: normal; font-size: 10px; }
div.surveyStars { margin: 0 0 25px 0; }
div.surveyStars input { vertical-align: absbottom; margin-left: 10px; }
div.surveyInfo { margin: 0 0 15px 0; }