/* ---- Reset ---- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0;	border: 0;	outline: 0;}
ul {list-style: none;}
ul.bullets {list-style:disc; margin: 1em 0 2em 2em;}
ul.bullets li {margin:.3em 0; padding-left:.5em;}
blockquote, q {}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup -- */
table {border-spacing: 0;}
.skipToContent {display: none;}
/* ---- End Reset ---- */

h1, h2, h3, h4 {font-weight: normal; font-family: Arial, Helvetica, sans-serif;}
h1 {font-family: "Arial Narrow";}
.primary h1 {font-family: Arial, Helvetica, sans-serif; background: #eff8fc; padding: 12px 20px 12px 30px; color: #666; font-size: 2.6em; margin-left: -30px; margin-right: -3%;}
h1 span {font-size: 0.9em;}
h1 img {float: right; border: 1px solid #ccc; padding: 2px; background: #fff; margin: 0 0 1em 1em;}
h2 {color: #666; font-size: 1.6em;}
.secondary h3 {margin-bottom: 8px; font-size: 1.2em;}
h4 {margin: 0; font-size: 1.2em;}
.home-content h2, .questions h2, .secondary h2 {color: #666; font-size: 1.5em; font-family: "Arial Narrow", Arial; margin-bottom: 0.5em;}
a, a:visited {text-decoration: none; color: #0066cc;}
a:hover, a:hover:visited {text-decoration: underline;}
p {margin: 1em 0; line-height: 1.4em;}
.primary ul {list-style: disc; margin-left: 20px;}
.google-map {margin: 2em 0;}
iframe {border: 1px solid #999;}
.small-link {font-size: 0.85em;}
.vcard .adr {margin-bottom: 1em;}
.vcard .org {font-weight: bold; margin-top: 1em;}


body {background: #ccc; text-align: center; font-size: small; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
.wrapper {background: #fff; width: 67em; min-width: 895px; text-align: left; margin: 0 auto;}
#ha {width: auto;}

/* -- layouts -- */

.main-section {padding: 3px 30px; overflow: hidden;}
.secondary-right .primary {float: left; width: 73%; padding-left: 30px; padding-right: 2%;}
.secondary-right .secondary {float: left; width: 18%; border-left: 1px solid #ccc; padding-left: 25px;}
.secondary-right .main-section {padding-top: 30px;}

.secondary {padding-top: 30px;}

.header {background: #25B4D6 url(header-bg.jpg) no-repeat left top; height: 180px; width:100%; position: relative; color: #fff; overflow: hidden;}
/* Ben removed, as hides bg image in IE7
	.header {background-image: url(header-bg.jpg), url(header-bg-repeat.jpg); background-repeat: no-repeat, repeat-x; background-position: left top, left top; height: 180px;}
*/

img.logo {margin: 36px 0 0 43px;}

.callus {position: absolute; left: 280px; top: 60px; font-family: "Swiss721BT", "Arial Narrow", Arial, Helvetica, sans-serif; font-size: 1.5em;}
.callus span {float: left; width: 50%; text-align: right; padding: 0 15px;}
.callus .tel {width: 30%; border-left: 1px solid #fff;  line-height: 2.5em; text-align: left;}

.main-nav {clear: both; position: absolute; bottom: 0; left: 45px; overflow: hidden;}
.main-nav li {float: left; display: inline; margin-right: 3px; zoom: 1;}
.main-nav li a, .main-nav li a:visited {background: #50bdd7 url(tab-bg.gif) repeat-x top; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; display: block; text-decoration: none; border-left: 1px solid #68d1ea; cursor: pointer; cursor: hand;}
.main-nav li a:hover, .main-nav li a:visited:hover {background: #77cade url(tab-on-bg.gif) repeat-x top;}
.main-nav li a span, .main-nav li a:visited span {background: url(glass-corner-trans.png) no-repeat left top; display: inline-block; padding: 10px 30px; zoom: 1;}

.section1 .main-nav li.section1 a, .section1 .main-nav li.section1 a:visited,
.section2 .main-nav li.section2 a, .section2 .main-nav li.section2 a:visited,
.section3 .main-nav li.section3 a, .section3 .main-nav li.section3 a:visited,
.section4 .main-nav li.section4 a, .section4 .main-nav li.section4 a:visited {background: #fff; color: #333; border-left: 1px solid #0D96C4;}

.section-nav {margin-left: -25px; margin-bottom: 1.5em;}
.section-nav li {zoom: 1;}
.section-nav li a, .section-nav li a:visited {padding: 3px 0 3px 25px; display: block; text-decoration: none;}
.section-nav li a:hover, .section-nav li a:visited:hover {text-decoration: underline;}
.section-nav li.on a, .section-nav li.on a:visited {background: #41a9d5; color: #fff;}
.subsection1 .section-nav li.subsection1 a, .subsection1 .section-nav li.subsection1 a:visited,
.subsection2 .section-nav li.subsection2 a, .subsection2 .section-nav li.subsection2 a:visited,
.subsection3 .section-nav li.subsection3 a, .subsection3 .section-nav li.subsection3 a:visited,
.subsection4 .section-nav li.subsection4 a, .subsection4 .section-nav li.subsection4 a:visited,
.subsection5 .section-nav li.subsection5 a, .subsection5 .section-nav li.subsection5 a:visited,
.subsection6 .section-nav li.subsection6 a, .subsection6 .section-nav li.subsection6 a:visited,
.subsection7 .section-nav li.subsection7 a, .subsection7 .section-nav li.subsection7 a:visited,
.subsection8 .section-nav li.subsection8 a, .subsection8 .section-nav li.subsection8 a:visited,
.subsection9 .section-nav li.subsection9 a, .subsection9 .section-nav li.subsection9 a:visited,
.subsection10 .section-nav li.subsection10 a, .subsection10 .section-nav li.subsection10 a:visited {background: #41a9d5; color: #fff;}

.section-nav li ul li a, .section-nav li ul li a:visited {padding-left: 40px; background: none; font-size: 0.85em; color: #333; display: none; zoom: 1;}

/* Ben edit */
.section-nav li ul li {display:none; zoom: 1;}
.subsection1 .section-nav li.subsection1 ul li,
.subsection2 .section-nav li.subsection2 ul li,
.subsection3 .section-nav li.subsection3 ul li,
.subsection4 .section-nav li.subsection4 ul li,
.subsection5 .section-nav li.subsection5 ul li,
.subsection6 .section-nav li.subsection6 ul li,
.subsection7 .section-nav li.subsection7 ul li,
.subsection8 .section-nav li.subsection8 ul li,
.subsection9 .section-nav li.subsection9 ul li {
	display:block; zoom: 1;
}



.subsection1 .section-nav li.subsection1 ul li a, .subsection1 .section-nav li.subsection1 ul li a:visited,
.subsection2 .section-nav li.subsection2 ul li a, .subsection2 .section-nav li.subsection2 ul li a:visited,
.subsection3 .section-nav li.subsection3 ul li a, .subsection3 .section-nav li.subsection3 ul li a:visited,
.subsection4 .section-nav li.subsection4 ul li a, .subsection4 .section-nav li.subsection4 ul li a:visited,
.subsection5 .section-nav li.subsection5 ul li a, .subsection5 .section-nav li.subsection5 ul li a:visited,
.subsection6 .section-nav li.subsection6 ul li a, .subsection6 .section-nav li.subsection6 ul li a:visited,
.subsection7 .section-nav li.subsection7 ul li a, .subsection7 .section-nav li.subsection7 ul li a:visited,
.subsection8 .section-nav li.subsection8 ul li a, .subsection8 .section-nav li.subsection8 ul li a:visited,
.subsection9 .section-nav li.subsection9 ul li a, .subsection9 .section-nav li.subsection9 ul li a:visited,
.subsection10 .section-nav li.subsection10 ul li a, .subsection10 .section-nav li.subsection10 ul li a:visited {padding: 5px 0 5px 40px; background: #ddf0f8; font-size: 0.85em; color: #333; display: block;}

.banner-container {padding: 0 3px 2px; border-left: 1px solid #eee; border-right: 1px solid #eee; border-bottom: 1px solid #ddd; margin-bottom: 10px;}
.banner {height: 348px; background: url(banner-bg.jpg) repeat-x top; position: relative;}
.banner h1 {height: 348px; background: url(banner-image.jpg) no-repeat left top; text-indent: -9999px;}

ul.banner-links {position: absolute; left: 308px; top: 73px; width: 525px;}
ul.banner-links li {float: left; display: inline; margin-right: 8px; margin-bottom: 6px;}

.book-online {background: url(book-online-bg.jpg) repeat-x top; height: 182px; overflow: hidden;}
.book-online h2 {background: url(book-online-heading.gif) no-repeat left top; width: 736px; height: 38px; text-indent: -9999px; margin-bottom: 5px;}
.book-online ul {overflow: hidden; padding-left: 15px;}
.book-online li {float: left; display: inline; margin-right: 8px;}
.book-online li a, .book-online li a:visited {text-indent: -9999px; display: block; width: 260px; height: 133px;}
.book-online li.one a, .book-online li.one a:visited {background: #fff url(panel1.gif) no-repeat left top;}
.book-online li.one a:hover, .book-online li.one a:visited:hover {background-position: left -133px;}
.book-online li.two {background: #fff url(panel2.gif) no-repeat left top; text-indent: -9999px; display: block; width: 260px; height: 133px;}
.book-online li.three {background: #fff url(panel3.gif) no-repeat left top; text-indent: -9999px; display: block; width: 260px; height: 133px;}

.home-content {padding: 25px; overflow: hidden;}

.blog-latest, .blog-latest-home {padding-right: 4%; margin: 2em 0;}
.blog-latest-home {float: left; width: 56%;}
.testimonials {float: left; width: 38%; margin-top: 2em;}

.blog-latest li, .blog-latest-home li {margin-bottom: 25px; color: #333; line-height: 1.6em;}
.blog-latest p, .blog-latest-home p {font-size: 0.9em; letter-spacing: 0.01em;}
p.author, p.description {margin: 0;}
p.author {color: #666;}
h4 .date {color: #666; font-size: 0.9em;}

.more-posts-link {float: left;}
div.blog-feed {float: right;}
.more-posts-link a {background: url(more-icon.gif) no-repeat left 50%; padding-left: 15px;}
div.blog-feed a {background: url(rss-icon.gif) no-repeat left 50%; padding-left: 15px;}
li.blog-feed a {background: url(rss-icon-footer.gif) no-repeat right 50%; padding-right: 17px;}

.more-posts li {background: url(more-icon.gif) no-repeat left 2px; padding-left: 15px; margin-bottom: 6px; font-size: 0.9em;}

.testimonials-box {background: #e5f2f8; border: 1px solid #c4e1ee; padding: 10px 15px;}
.testimonials-box q {quotes: none; color: #333;}
.testimonials-box li, .side-quotes li {margin-bottom: 15px;}
.testimonials-box cite, .side-quotes cite {display: block; color: #444; font-size: 0.9em;}
.testimonials-box cite span, .side-quotes cite span {color: #444;}
.side-quotes q {font-size: 0.85em;}

.testimonial {margin: 1.5em 0 2em; border-bottom: 1px solid #ddd; margin-right: 3em;}
.testimonial h3 {font-weight: bold;}
.testimonial p {margin-top: 0.4em;}
.testimonial img {border: 1px solid #ccc; padding: 2px; background: #fff; margin: 0;}
.testimonial .patient {float: left; text-align: center; font-size: 0.8em; color: #666; margin: 0 2em 0 0;}
.testimonial h3 cite {font-style: normal;}
.testimonial cite {font-weight: bold;}

.footer {background: #549ebc url(header-bg-repeat.jpg) repeat-x top; text-align: center; padding: 15px 0 20px; color: #333;}
.footer ul {clear: left; margin: 10px 0;}
.footer li {display: inline; padding: 0 15px; border-left: 1px solid #fff;}
.footer li:first-child {border: none;}
.footer a, .footer a:visited {color: #fff; text-decoration: none;}
.footer p {font-size: 0.9em;}
.footer p span {color: #fff;}

/* tables */

.primary table {margin: 1.5em 10%; width: 80%;}
.primary table.wide {margin: 1.5em 0; font-size: 0.88em;}
.primary table thead th {background: #51C1DC url(td-top-left.gif) no-repeat right top; color: #fff; padding: 6px 10px 4px 10px; font-size: 1.4em; font-weight: normal; border-left: 1px solid #35aecf;}
.primary table thead th a, .primary table thead th a:visited {color: #fff;}
.primary table thead th.last {background-image: url(td-top-right.gif); background-position: right top; background-repeat: no-repeat;}
.primary table thead th:first-child {background: #51C1DC url(td-top-left.gif) no-repeat left top; border: none;}
.primary table td {padding: 5px 10px; background: #dde8ed; border-top: 1px solid #fff; border-bottom: 1px solid #dfebf0; border-left: 1px solid #d4e2e8;}
.primary table td:first-child {background-image: url(td-left.gif); background-repeat: repeat-y; background-position: left; border-left: none;}
.primary table td.last {background-image: url(td-right.gif); background-repeat: repeat-y; background-position: right;}
.primary table tr.last td.last {background-image: url(td-bottom-right.gif); background-repeat: no-repeat; background-position: right bottom;}
.primary table tr.last td {border-bottom: none; background-image: url(td-bottom.gif); background-repeat: repeat-x; background-position: bottom; padding-bottom: 8px;}
.primary table tr.last td:first-child {background-image: url(td-bottom-left.gif); background-repeat: no-repeat; background-position: left bottom;}
.primary table tr.odd td {background-color: #eaf6fb;}
.primary table td.center {text-align: center;}

td.yes span {background: url(yes-icon-trans.png) no-repeat; left top; width: 30px; height: 30px; display: block; text-indent: -9999px; margin: 0 auto;}
td.yes-ast span {background: url(yes-ast-icon-trans.png) no-repeat; left top; width: 30px; height: 30px; display: block; text-indent: -9999px; margin: 0 auto;}
td.no span {background: url(no-icon-trans.png) no-repeat; left top; width: 30px; height: 30px; display: block; text-indent: -9999px; margin: 0 auto;}
td.no-2d span {background: url(no-2d-icon-trans.png) no-repeat; left top; width: 45px; height: 30px; display: block; text-indent: -9999px; margin: 0 auto;}
td.yes-limited span {background: url(yes-limited-icon-trans.png) no-repeat; left top; width: 51px; height: 45px; display: block; text-indent: -9999px; margin: 0 auto;}
td.perc {text-align: center; font-size: 1.5em; font-weight: bold; font-family: "Trebuchet MS", Arial; color: #333;}

.footnote {margin-top: 0; font-size: 0.85em; font-style: italic;}

.questions {padding-top: 2em;}
.questions h2 {margin-bottom: 0;}
.questions .instructions {margin: 0; color: #1f7979;}
dl.faq {margin: 1em 0 2em 0em; list-style: disc;}
dl.faq dt {background: url(more-icon.gif) no-repeat left 2px; padding: 0 0 5px 20px;}
dl.faq dd {padding: 0 0 10px 30px;}

#contactForm {background: #e8f4f9; padding: 12px 15px; border: 1px solid #afd6e9; margin: 0 1em 3em 0; overflow: hidden;}
#contactForm h2 {margin: 0 0 5px}
#contactForm p {font-size: 0.8em; color: #999; margin: 0;}
#contactForm dl {margin: 1em 0 1em; overflow: hidden;}
#contactForm dt, #contactForm dd {float: left; margin-bottom: 6px;}
#contactForm dt {clear: left; width: 25%; text-align: right; margin-right: 4%;}
#contactForm dd {width: 70%;}
#contactForm textarea {width: 100%;}
#contactForm dd.email input#email {width: 25em; margin-right: 0.5em; float: left;}
label { position: relative;}
span.required-field {position:absolute; right:-8px; top:0.3em; color:#ff0000; font-weight:bold;}
.formButtons {padding:0em 0 0.5em 29%;}
.formButtons button {cursor:hand; cursor:pointer;}
.formButtons button:hover {}
.submit-button {float: right; margin: 0; padding: 0 0.3em}


dd.invalid input, dd.invalid textarea {border:2px solid #ff0000; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
/*dd.invalid {background:url(cross.gif) no-repeat 80% 4px;}
dd.valid {background:url(tick.gif) no-repeat 80% 4px;}*/
/* -- hitappoint styles -- */

#ha .objectListing li.header {background: #666; height: auto; position: static; padding: 0.2em 0 0.3em 1%; width: 99%; margin: 0; border: none;}
#ha .actionResult li.header {background: #666; height: auto; position: static; padding: 0.2em 0 0.3em 1%; width: 99%; margin: 0; border: none;}
#ha #userInfo {BACKGROUND-COLOR: #fff;}

#ha #sidebar {border: 1px solid #eee; overflow: hidden;}

#ha h2 {padding: 0; font-size: 1.7em; background: #fff; color: #666;}
#ha h3 {color: #666; font-size: 1.4em; padding: 1em 0 0;}
#ha .week h3 {margin: -0.5em 0 4px 0; background: #fff; height: 30px}
#ha .appointmentStatus_Pending {color: #333; border-bottom: 1px solid #666; margin: 0; padding: 0.5em 0 0 0; background: #eaf6fb;}

#ha .dayHours {background: #eef7fb; border: 2px solid #c3dfe8; padding: 2%; width: 88%; padding-left: 7%}
#ha .dayHours p a {background: #fff url(tick.gif) no-repeat 5px 50%; border-left: 1px solid #dfe6e9; border-right: 1px solid #dfe6e9; border-bottom: 2px solid #d6dfe2; padding: 6px 5px 6px 20px; margin-right: 6px; margin-bottom: 8px; color: #0066cc; text-decoration: none;}
#ha .dayHours p a:hover {text-decoration: underline;}
#ha .dayHours p {text-align: center; margin-top: 0; margin-bottom: 1em;}
#ha .dayHours p b {font-weight: normal; font-family: Arial; font-size: 1.2em; color: #666;}

#ha .buttonBar {background: #e8f5fa; border: none;}
#ha .buttonBar a, #ha .buttonBar input {background: url(appoint-button.gif) no-repeat left top; width: 179px; display: block; height: 41px; text-align: center; font-size: 0.9em; line-height: 36px; padding: 0; color: #fff;}
#ha .buttonBar input:first-child {display: none;}
#ha .buttonBar a:hover {color: #fff; text-decoration: underline;}

#ha a.monthCalendarControls {border: none; background: url(month-controls.gif) no-repeat left top; display: block; width: 44px; height: 35px; padding: 0; line-height: 33px; color: #fff; font-weight: bold;}
#ha .monthCalendar {background: #eaf6fb; padding: 3px;}
#ha .monthCalendar .day {}
#ha .monthCalendar .day .nonWorkingDay {background: #cae2ec;}
#ha .monthCalendar .day .dayName {background: #70cde2; font-size: 0.8em; color: #fff; margin-bottom: 2px}

#ha form label {background: #eaf6fb; margin: 0; width: 90%; padding: 0.5em 5%;}
#ha .accepted {background-color: #70cde2;}
#ha ul#appointmentInfoList li {padding-left: 0.5em;}
.callout {background: #E5FF99; padding: 10px}

.sitemap {margin: 1.5em 0;}
.sitemap li {margin: 1em 0;}
.sitemap li ul {margin-top: 1em; margin-bottom: 1em; font-size: 1.2em; font-weight: bold;}
.sitemap li ul li ul {margin-top: 0; font-size: 0.9em; font-weight: normal;}
.sitemap li ul li ul li ul {display: inline; margin: 0; padding: 0}
.sitemap li a, ul.sitemap li ul.section-nav li a {display: inline;}
.sitemap li ul.section-nav li {display: block;}
.sitemap li ul {padding-left: 20px;}
.sitemap li ul li {border-left: 2px solid #70cde2; padding-left: 10px; margin-top: 0.2em; margin-bottom: 0.2em;}
.sitemap li ul li ul li {padding-left: 0; border: none;}

.wizard-status {background: #eaf6fb; float: right; width: 40%; padding: 10px 15px; margin-top: 1.5em; margin-left: 1em; border: 1px solid #ddd; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.wizard-status ul {list-style: none; margin-left: 0;}
.wizard-status li {margin: 5px 0;}
.wizard-status li.unknown {background: url(question-small.gif) no-repeat left center; padding-left: 25px; color: #666;}
.wizard-status li.na {background: none; padding-left: 25px; color: #666;}
.wizard-status li.check {background: url(check-small.gif) no-repeat left center; padding-left: 25px;}
.wizard-status li.check a, .wizard-status li.check a:visited {font-size: 0.8em;}
p.choice {margin: 2em 0;}
.choice-button, .choice-button:visited {border: 1px solid #ccc; background: #eaf6fb url(button-right-arrow.gif) no-repeat right center; padding: 10px 60px 10px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-top: 1em; font-size: 1.2em; color: #339999; font-weight: bold;}
p.recommendation {font-weight: bold;}
.disclaimer {border: 1px solid #ccc; padding: 10px 15px; margin-top: 3em; margin-bottom:1.5em;}
.disclaimer h2 {color: red; font-size: 1.2em;}
.disclaimer p {margin: 0.3em 0;}

a.compare-button, a.compare-button:visited {display: block; width: 277px; height: 47px; text-indent: -9999px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
a.compare-button:hover {background-position: left bottom;}
a.procedures {background: url(compare-procedures-button.jpg) no-repeat left top;}
a.lasers {background: url(compare-lasers-button.jpg) no-repeat left top;}

.print a {padding-left:25px; background:url(printer.png) 0 50% no-repeat;}