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,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0; margin:0; padding:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:"Arial", Verdana, Helvetica, sans-serif}
/* - - - - - - - - - - BODY - - - - - - - - - - */
body {background:#b9975a url(images/background.jpg) repeat-x; margin:0px; font-weight:normal; font-size:12px; color:#435364; line-height:20px; font-style:normal; font-family:"Arial", Verdana, Helvetica, sans-serif; text-decoration:none;}
/* - - - - - - - - - - GENERAL LINKS - - - - - - - - - - */
a {color:#2a578c; text-decoration:none;}
a:visited {color:#2a578c;}
a.noVisited:visited {color:#2a578c;}
a:hover, a.noVisited:hover {color:#2a578c;}
/* - - - - - - - - - - HEADER - - - - - - - - - - */
h1.logo {margin:0px; overflow:hidden; text-indent:-999em;}
h1.logo a {display:block; width:270px; height:100px; margin:46px 0px 0px 20px;}
#head {margin:0px 0px 0px 0px; width:759px; height:211px; background:url(images/header.jpg) no-repeat;}
.logo-aao {background:url(images/aao.gif) no-repeat; border:solid 1px #00909f; width:183px; height:62px; margin-left:20px; float:left;}
h1.aao {margin:0px; overflow:hidden; text-indent:-999em;}
h1.aao a {display:block; width:183px; height:62px; margin:0px 0px 0px 0px;}
.logo-abo {background:url(images/abo.gif) no-repeat; border:solid 1px #00909f; width:183px; height:62px; margin-left:20px; float:left;}
h1.abo {margin:0px; overflow:hidden; text-indent:-999em;}
h1.abo a {display:block; width:183px; height:62px; margin:0px 0px 0px 0px;}
.logo-ada {background:url(images/ada.gif) no-repeat; border:solid 1px #00909f; width:183px; height:62px; margin-left:20px; float:left;}
h1.ada {margin:0px; overflow:hidden; text-indent:-999em;}
h1.ada a {display:block; width:183px; height:62px; margin:0px 0px 0px 0px;}
.logo-links {height:70px;}
.logo-links-left {float:left; margin-left:20px; border:solid 1px #00909f;}
.logo-links-right {float:right; border:solid 1px #00909f; margin-right:47px;}
#container-tile {background:url(images/back-tile.jpg) repeat-y; margin:0px 0px 0px 120px;}
#container-image {background:url(images/back-img.jpg) no-repeat; margin:0px 0px 0px 0px;}
#container {margin:0px 0px 0px 13px; width:759px; background:url(images/content-tile.gif) repeat-y;}
/* - - - - - - - - - - TOP MENU SITE MAP CONTACT US HOME - - - - - - - - - - */
#log-nav a:hover {background-position:0px -32px;}
#log-nav .active {background-position:0px -32px;}
#log-nav li:hover ul {left:auto; top:32px;}
#log-nav li.sfhover ul {left:auto; top:32px;}
#log-nav .active {cursor:default;}
#log-nav ul {padding:0px; margin:0px; list-style-type:none;}
#log-nav ul li {float:none;}
#log-nav li ul {padding:0px 0px 0px 0px; left:-9999em; position:absolute; height:auto; margin:0px 0px 0px 0px; border:solid 1px #339ba6;}
#log-nav ul li a {padding:3px 20px 3px 14px; font-size:11px; margin:0px; color:#00909f; text-indent:0px; height:20px; text-decoration:none; font-family:"Arial", Verdana, Helvetica, sans-serif; font-weight:bold; background:#ffffff; width:135px;}
#log-nav ul li a:hover {color:#ffffff; font-weight:bold; background:#63c3cf;}
ul#log-nav {list-style-type:none; position:absolute; top:45px;}
#log-nav a {display:block; overflow:hidden; text-indent:-999em;}
#log-nav {margin:0px 0px 0px 600px; padding:0px; z-index:200; width:125px; height:85px;}
#log-nav li {margin-top: 10px;}
/* - - - - - - - - - - SUB MENU SITE MAP CONTACT US HOME - - - - - - - - - - */
#patient-login {background:url(images/top-nav-patient-login.jpg) no-repeat 0px 0px; text-indent:-999em; line-height:0; letter-spacing:-1000em; width:124px; height:32px;}
#log-nav li a#patient-login:hover, #log-nav li:hover a#patient-login, #log-nav li.sfhover a#patient-login {background-image:url(images/top-nav-patient-login.jpg); background-position:bottom;}
#doctor-login {background:url(images/top-nav-doctor-login.jpg) no-repeat 0px 0px; text-indent:-999em; line-height:0; letter-spacing:-1000em; width:124px; height:32px;}
#log-nav li a#doctor-login:hover, #log-nav li:hover a#doctor-login, #log-nav li.sfhover a#doctor-login {background-image:url(images/top-nav-doctor-login.jpg); background-position:bottom;}
/* - - - - - - - - - - GENERAL TOP MENU - - - - - - - - - - */
#sidebar {}
#navigation ul {list-style-type:none; position:absolute; top:159px; width:759px; margin:0px 0px 0px 0px;}
#navigation ul {margin:0px 0px 0px 0px; padding:0px; z-index:200;}
#navigation ul a:hover {background-position:0px -33px;}
#navigation ul .active {background-position:0px -33px;}
#navigation ul li:hover ul {left:auto; top:33px;}
#navigation ul li.sfhover ul {left:auto; top:33px;}
#navigation ul .active {cursor:default;}
#navigation ul ul {padding:0px; margin:0px; list-style-type:none; width:200px;}
#navigation ul ul li {float:none;}
#navigation ul li ul {padding:0px 0px 0px 0px; left:-9999em; position:absolute; height:auto; margin:0px 0px 0px 0px; background:#416ea3;}
#navigation ul ul li a {padding:3px 20px 3px 20px; font-size:12px; margin:0px; color:#ffffff; text-indent:0px; height:20px; text-decoration:none; font-family:"Arial", Verdana, Helvetica, sans-serif; font-weight:normal;}
#navigation ul ul li a:hover {color:#ffffff; font-weight:normal; background:#002d62;}
#navigation ul a {display:block; overflow:hidden; text-indent:-999em;}
#navigation ul li {float:left;}
/* - - - - - - - - - - GENERAL SUB MENU - - - - - - - - - - */
#our-office {background:url(images/top-nav-about-our-office.jpg) no-repeat 0px 0px; text-indent:-999em; line-height:0; letter-spacing:-1000em; width:96px; height:33px;}
#navigation li a#our-office:hover, #navigation li:hover a#our-office, #navigation li.sfhover a#our-office {background-image:url(images/top-nav-about-our-office.jpg); background-position:bottom;}
.active #our-office {background-image:url(images/top-nav-about-our-office-act.jpg);}
#new-patients {background:url(images/top-nav-for-new-patients.jpg) no-repeat 0px 0px; text-indent:-999em; line-height:0; letter-spacing:-1000em; width:149px; height:33px;}
#navigation li a#new-patients:hover, #navigation li:hover a#new-patients, #navigation li.sfhover a#new-patients {background-image:url(images/top-nav-for-new-patients.jpg); background-position:bottom;}
.active #new-patients {background-image:url(images/top-nav-for-new-patients-act.jpg);}
#orthodontics {background:url(images/top-nav-about-orthodontics.jpg) no-repeat 0px 0px; text-indent:-999em; line-height:0; letter-spacing:-1000em; width:148px; height:33px;}
#navigation li a#orthodontics:hover, #navigation li:hover a#orthodontics, #navigation li.sfhover a#orthodontics {background-image:url(images/top-nav-about-orthodontics.jpg); background-position:bottom;}
.active #orthodontics {background-image:url(images/top-nav-about-orthodontics-act.jpg);}
#treatments {background:url(images/top-nav-treatment-options.jpg) no-repeat 0px 0px; text-indent:-999em; line-height:0; letter-spacing:-1000em; width:166px; height:33px;}
#navigation li a#treatments:hover, #navigation li:hover a#treatments, #navigation li.sfhover a#treatments {background-image:url(images/top-nav-treatment-options.jpg); background-position:bottom;}
.active #treatments {background-image:url(images/top-nav-treatment-options-act.jpg);}
#contact {background:url(images/top-nav-contact-us.jpg) no-repeat 0px 0px; text-indent:-999em; line-height:0; letter-spacing:-1000em; width:106px; height:33px;}
#navigation li a#contact:hover, #navigation li:hover a#contact, #navigation li.sfhover a#contact {background-image:url(images/top-nav-contact-us.jpg); background-position:bottom;}
.active #contact {background-image:url(images/top-nav-contact-us-act.jpg);}
#home {background:url(images/top-nav-home.jpg) no-repeat 0px 0px; text-indent:-999em; line-height:0; letter-spacing:-1000em; width:94px; height:33px;}
#navigation li a#home:hover, #navigation li:hover a#home, #navigation li.sfhover a#home {background-image:url(images/top-nav-home.jpg); background-position:bottom;}
.active #home {background-image:url(images/top-nav-home-act.jpg);}
/* - - - - - - - - - - FLASH - - - - - - - - - - */
#flash-homepage {margin:-19px 0px -6px 8px;}
.backflashplayer {line-height:1.5em; font-family:"Arial", Verdana, Helvetica, sans-serif; font-size:11px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; color:#000000;}
.back-flash {border:solid 1px #006699; background:#b6ebf4; width:600px; height:150px;}
.flash-replaced .alt {display:block; width:0px; height:0px; position:absolute; overflow:hidden;}
.hide {display:none;}
#flash-brushing-and-flossing-ortho {width:500px; height:300px; margin-left:12px; margin-bottom:25px;}
#flash-types-of-braces {margin:15px 0px 0px 12px;}
#flash-types-of-appliances {margin:15px 0px 0px 12px;}
#flash-palatal-expander {margin:15px 0px 0px 25px; width:200px; height:150px; border:solid 1px #7f5d2b;}
#flash-braces-diagram {margin:15px 0px 0px 12px;}
#flash-patient-care {margin:0px 0px 0px 12px;}
#flash-color-your-retainer {margin:15px 0px 0px 110px;}
#flash-emergency-care {margin:15px 0px 0px 12px;}
#flash-common-treatments {margin:15px 0px 0px 12px;}
#flash-before-after {margin:15px 0px 0px 12px;}
#video-invisalign {margin:15px 0px 0px 45px;}
#video-the-damon-system {padding:10px 0px 0px 25px;}
#video-the-damon-system-2 {padding:15px 0px 0px 45px;}
#video-ibraces-1 {margin:75px 0px 15px 25px;}
#flash-office-tour {margin:15px 0px 0px 12px;}
.site-map-one {float:left; width:240px;}
.site-map-one ul {margin-left:25px!Important; list-style-type:none;}
.site-map-one a {text-decoration:underline;}
.site-map-two {float:left;}
.site-map-two ul {list-style-type:none;}
.site-map-two a {text-decoration:underline;}
.one {margin-bottom:15px;}
.one-sub {margin:0px 0px 15px 20px !Important;}
.one-map {margin:0px 0px 0px 20px !Important;}
.retainers-sub {list-style-type:none; margin-left:25px !Important;}
.retainers-sub li {background: url(images/bullet.jpg) no-repeat; padding-left:20px;}
.left {
float:left;
margin:0 10px 10px 0;}
img.right {
float:right;
margin:0 0 10px 10px;}
.clear {
clear:both;}
#damon-bracket {
display:block;
margin:0 auto 10px auto;}
#damon-wrap {
width:400px;
margin:0 auto;}
#damon-left {
float:left;
width:175px;
margin-right:20px;}
#damon-right {
float:left;
width:170px;}
#flash-damon-system-comparison {
margin:0 auto;
width:250px;}
#video-the-damon-system {
margin: 0 15px 15px 0;
width: 240px;
height: 206px;
float: left;
clear: left;}
#video-the-damon-system-2 {
margin: 0 15px 15px 0;
width: 400px;
height: 330px;
float: left;
clear: left;}
h2.media-center {
background:#305d92;
color:#FFF;
margin:0;
padding:5px;
margin-left:25px;}
div.media-center {
background:#eccb84;
color:#FFF;
display:inline-block;
margin-bottom:10px;
margin-left:25px;
overflow:auto;
padding:10px;}
div.media-center a {
color:#FFF;}
div.media-center img {
border:1px solid #FFF;}
.flash {
border: solid 1px #ccc;}
#flash-ibraces-1 {
width: 320px;
height: 266px;}
#flash-ibraces-2, #flash-ibraces-3 {
width: 352px;
height: 266px;}
/* - - - - - - - - - - CONTENT ELEMENTS - - - - - - - - - - */
.text-top {margin-top:0px !important;}
.text {padding-top:0px !important;}
.small-table {height:200px;}
.address-text {margin:30px 0px 0px 45px; font-family:"Arial", Verdana, Helvetica, sans-serif; font-size:12px; color:#7f5d2b;}
.address-text p {padding:13px 0px 0px 0px; line-height:1.6em;}
.address-text p a {color:#ce9747 !important; text-decoration:none;}
/* - - - - - - - - - - LEFT MENU - - - - - - - - - - */
#content {overflow:hidden; width:759px; margin:0px 0px 0px 0px !important; padding:0px 0px 0px 0px !important; background:url(images/left-side-img-bottom.jpg) no-repeat bottom right;}
#right-section {float:right; width:246px; margin:0px 0px 0px 0px; font-family:"Arial", Verdana, Helvetica, sans-serif;}
ul#nav {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; width:246px; list-style-type:none; font-family:"Arial", Verdana, Helvetica, sans-serif;}
#nav {margin:0px; list-style-type:none; width:246px;}
/* - - - - - - - - - - LEFT SIDE BANNERS - - - - - - - - - - */
#left-side-banners {background:url(images/left-side-banners.jpg) no-repeat; width:246px; height:367px; margin:0px 0px 0px 0px;}
#left-side-banners ul {list-style-type:none;}
#address-banner {display:block; width:179px; height:90px; margin:0px 0px 0px 0px; text-indent:-999em;}
#call-for-banner a {display:block; width:197px; height:40px; margin:16px 0px 0px 30px; text-indent:-999em;}
/* - - - - - - - - - - RIGHT SIDE - - - - - - - - - - */
.right-side {width:513px; margin:0px; margin-top:0px; float:left; font-size:12px; background:url(images/right-side-back.jpg) no-repeat;}
#right-column {margin:0px 0px 15px 0px; padding:0px 0px 0px 0px; font-size:12px; color:#7f5d2b; font-family:"Arial", Verdana, Helvetica, sans-serif; float:right; width:513px;}
#right-column {height:auto !important;}
#right-column p {margin:13px 15px 17px 25px; line-height:1.6em;}
#right-column ul {margin:7px 30px 15px 60px; line-height:1.5em;}
#right-column ol {margin:7px 30px 20px 50px; font-size:11px !important;}
/* - - - - - - - - - - PATIENT FORMS - - - - - - - - - - */
.downloadList {background-color:#eccb84; width:460px; margin:0px 0px 25px 33px; padding:0px 0px 0px 0px;}
.downloadList h4 {background-color:#305d92; padding:6px 10px; color:#fff; font-size:12px; font-family:"Tahoma"; font-weight:bold; margin:0px 0px 0px 0px !important;}
/* - - - - - - - - - - PHOTO - - - - - - - - - - */
.photo {margin:0px 7px 0px 10px; float:right;}
.small-tile {background:url(images/sm-tile.gif) repeat-x; width:480px; height:1px; margin-left:23px; margin-bottom:15px; margin-top:20px; clear:both;}
/* - - - - - - - - - - FOOTER - - - - - - - - - - */
#footer {font-family:"Arial", Verdana, Helvetica, sans-serif; background:url(images/footer.jpg) no-repeat; width:785px; height:117px; margin:0px 0px 0px 120px;}
#footer-menu {text-align:center; color:#ffffff; padding-top:15px; font-size:12px; font-weight:normal;}
#footer-menu a {color:#ffffff; text-decoration:none; font-weight:normal;}
.foot-menu {display:inline; padding-right:4px; list-style-type:none;}
.foot-menu-sub {display:inline; background:url(images/footer-bullet.jpg) no-repeat; padding-left:8px; padding-right:4px; list-style-type:none;}
/* - - - - - - - - - - TITLES - - - - - - - - - - */
#title-welcome {background:url(images/titles/title-welcome.jpg) no-repeat; width:491px; height:59px; margin:0px 0px 0px 8px;}
#title-meet-dr-bicknell {background:url(images/titles/title-meet-dr-bicknell.jpg) no-repeat; width:491px; height:59px; margin:0px 0px 0px 8px;}
#title-meet-the-team {background:url(images/titles/title-meet-the-team.jpg) no-repeat; width:491px; height:59px; margin:0px 0px 0px 8px;}
#title-office-tour {background:url(images/titles/title-office-tour.jpg) no-repeat; width:491px; height:59px; margin:0px 0px 0px 8px;}
#title-testimonials {background:url(images/titles/title-testimonials.jpg) no-repeat; width:491px; height:59px; margin:0px 0px 0px 8px;}
#title-appointment-request-form {background:url(images/titles/title-appointment-request-form.jpg) no-repeat; width:491px; height:59px; margin:0px 0px 0px 8px;}
#title-new-patients {background:url(images/titles/title-new-patients.jpg) no-repeat; width:491px; height:59px; margin:0px 0px 0px 8px;}
#title-life-with-braces {background:url(images/titles/title-life-with-braces.jpg) no-repeat; width:491px; height:59px; margin:0px 0px 0px 8px;}
#title-types-of-braces {background:url(images/titles/title-types-of-braces.jpg) no-repeat; width:491px; height:59px; margin:0px 0px 0px 8px;}
#title-types-of-appliances {background:url(images/titles/title-types-of-appliances.jpg) no-repeat; width:491px; height:59px; margin:0px 0px 0px 8px;}
#title-under-armour-mouth-guard {background:url(images/titles/title-under-armour-mouth-guard.jpg) no-repeat; width:491px; height:59px; margin:0px 0px 0px 8px;}
#title-palatal-expander {background:url(images/titles/title-palatal-expander.jpg) no-repeat; width:491px; height:59px; margin:0px 0px 0px 8px;}
#title-braces-diagram {background:url(images/titles/title-braces-diagram.jpg) no-repeat; width:491px; height:59px; margin:0px 0px 0px 8px;}
#title-oral-care-video {background:url(images/titles/title-oral-care-video.jpg) no-repeat; width:491px; height:59px; margin:0px 0px 0px 8px;}
#title-retainers {background:url(images/titles/title-retainers.jpg) no-repeat; width:491px; height:59px; margin:0px 0px 0px 8px;}
#title-color-your-retainer {background:url(images/titles/title-color-your-retainer.jpg) no-repeat; width:491px; height:59px; margin:0px 0px 0px 8px;}
#title-faq {background:url(images/titles/title-faq.jpg) no-repeat; width:491px; height:59px; margin:0px 0px 0px 8px;}
#title-emergency-care {background:url(images/titles/title-emergency-care.jpg) no-repeat; width:491px; height:59px; margin:0px 0px 0px 8px;}
#title-orthodontic-treatments {background:url(images/titles/title-orthodontic-treatments.jpg) no-repeat; width:491px; height:59px; margin:0px 0px 0px 8px;}
#title-before-and-afters {background:url(images/titles/title-before-and-after-gallery.jpg) no-repeat; width:491px; height:59px; margin:0px 0px 0px 8px;}
#title-invisalign {background:url(images/titles/title-invisalign.jpg) no-repeat; width:491px; height:59px; margin:0px 0px 0px 8px;}
#title-damon-system {background:url(images/titles/title-damon-system.jpg) no-repeat; width:491px; height:59px; margin:0px 0px 0px 8px;}
#title-incognito {background:url(images/titles/title-incognito.jpg) no-repeat; width:491px; height:59px; margin:0px 0px 0px 8px;}
#title-location {background:url(images/titles/title-location.jpg) no-repeat; width:491px; height:59px; margin:0px 0px 0px 8px;}
#title-comment-form {background:url(images/titles/title-comment-form.jpg) no-repeat; width:491px; height:59px; margin:0px 0px 0px 8px;}
#title-site-map {background:url(images/titles/title-site-map.jpg) no-repeat; width:491px; height:59px; margin:0px 0px 0px 8px;}
#title-404-error {background:url(images/titles/title-404-error.jpg) no-repeat; width:491px; height:59px; margin:0px 0px 0px 8px;}
#title-500-error {background:url(images/titles/title-500-error.jpg) no-repeat; width:491px; height:59px; margin:0px 0px 0px 8px;}
#title-what-sets-us-apart {background:url(images/titles/title-what-sets-us-apart.jpg) no-repeat; width:491px; height:59px; margin:0px 0px 0px 8px;}
/* - - - - - - - - - - H1, H2, H3, H4 - - - - - - - - - - */
h1 {padding-right: 0px; padding-left:0px; padding-bottom:0px; padding-top:0px; margin:0px; text-indent:-999em; background-repeat:no-repeat;}
h2 {margin:0px 20px 10px 24px; font-weight:bold; font-size:14px; font-family:"Arial", Verdana, Helvetica, sans-serif; text-decoration:none; color:#3c699e; line-height:1.6em;}
h3 {margin:0px 50px 10px 24px; font-weight:bold; font-size:12px; font-family:"Arial", Verdana, Helvetica, sans-serif; text-decoration:none; color:#003e7e; line-height:1.5em;}
h4 {margin:0px 30px 15px 25px; font-weight:bold; font-size:12px; font-family:"Arial", Verdana, Helvetica, sans-serif; text-decoration:none; color:#7f5d2b; line-height:1.5em;}
h5 {text-align:center; color:#ffffff; padding-top:50px; line-height:1.5em; font-weight:bold; font-size:12px;}
/* - - - - - - - - - - FORMS- - - - - - - - - - */
.forms {padding-top:25px; height:50px;}
.forms p {margin:0px 0px 0px 0px !important;}
.forms-sub {float:left !important; width:180px !important;}
/* Global form styles */
div.referral-form, div.appointment-form, div.comments, div.login-form {
width: 89%;
margin-top: 0px;
margin-left:20px !Important;
border:solid 2px #7f5d2b;/*optional, change color to match site*/
background: #ffffff;
}
fieldset {border: 0; padding: 9px 0;color: #7f5d2b; margin: 0 18px;}
fieldset div {clear: both;}
.form-header {color: #7f5d2b; border-bottom: 1px solid #7f5d2b;/*optional, change color to match site*/}
.form-header h3 {margin: 0 0 9px;}
.form-header p {margin: 0 0; padding-bottom: 18px;}
.form-footer {padding-top: 18px; text-align: center; border-top: 1px solid #7f5d2b;/*optional, change color to match site*/}
.form-footer button {/*these styles control the look of the button, change as necessary*/
clear:both;/*do not change, forces button to sit below floated elements*/
margin: 9px auto;/*do not change, controls positioning*/
display: block;
width:125px;
height:31px;
background:#dfcba5;/* customize me! */
border: 1px solid #7f5d2b;
text-align:center;
line-height:31px;
color:#7f5d2b;/* customize me! */
font-size:12px;
font-weight:bold;}
fieldset input, fieldset textarea, fieldset select {line-height: 18px; height: 18px; padding: 4px 9px 5px 9px; border: 1px solid #7f5d2b;}
fieldset input.radio {border: 0;}
fieldset p.verification img {border: 1px solid #7f5d2b;}
fieldset label {margin-top: 9px;}
fieldset label, label span {text-align: left; line-height: 18px; height: 18px;}
label.required {background: url(../images/required_note.gif) 100% 0 no-repeat;}
p.required-note {font-weight: bold;}
p.required-note img {display: inline;}
p.radio-float, p.radio-float input {line-height: 27px; vertical-align: middle;}
/* comment form */
div.comments {
margin: 0px 0;
padding: 10px;
}
.comments li {font-weight: bold; margin: 0;}
.comments label {/*floats labels left*/
font-size: 12px;
display:block;
font-weight:bold;
width:45%;
float:left;}
.comments label span {/*sits below labels; holds instructions*/
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
width:100%;}
.comments .label-block label {float: none; clear: both; width: 100%; text-align: left;}
.comments input, .comments textarea {
float:left;
font-size:12px;
padding:0 2px;
width:45%;
margin:9px 0 9px 2%;
background: #ffffff;}
.comments textarea {width: 95%;}
.comments p.verification {
clear: both;
margin: 9px 0 9px 47%;
font-size: 12px;}
.comments p.radio-float {
clear: none;
float:left;
width: 45%;
padding:0;
margin:9px 0 9px 0;
vertical-align: middle;
line-height: 18px;}
.comments p.verification {margin-top: 0;}
.comments p.radio input, .comments p.radio-float input {
float: none;
margin: 0 0 0 0;
padding: 4px 2px;
width: auto;}
.comments p.radio span {padding: 0 2% 0 0;}
.comments .radio {text-align: left; font-weight: normal;}
.comments .comments-box label {float: none; font-weight: normal; display: block; text-align: left;}
.comments .comments-box textarea {float: none; margin-left: 0; width:95%;}
/*-----------------------------------------------
Forms
*/
/* Global form styles */
div.referral-form, div.appointment-form, div.comments {
width: 90%;
margin-top: 18px;
letter-spacing: normal;
}
fieldset {border: 0; padding: 9px 0;margin: 0 18px;}
fieldset h2 {margin: 0 0 9px;}
fieldset p {margin: 0 0 18px;}
fieldset p.disclaimer {font-size: 90%; font-style: italic; margin: 0;}
fieldset dl {}
fieldset dl dt {font-size: 16px; clear: both; margin: 9px 0 0;}
fieldset dd ul {margin: 9px 0;}
fieldset dd ul li, fieldset dd ol li {list-style: none;}
fieldset dd li {
clear: both;
margin: 3px 0;
padding: 5px 0 4px 10%;
overflow: auto;
height: auto;
position: relative;
}
fieldset dd li:hover {background: #d5e0eb;/* customize me - this is the hover color change of li */}
fieldset dd li input:hover, fieldset dd li input:focus,
fieldset dd li select:hover, fieldset dd li select:focus,
fieldset dd li textarea:hover, fieldset dd li textarea:focus {
background: #f1f1f1;/* customize me - this is the hover color change of form fields*/
outline-color: #537197;/* customize me */
}
fieldset li h3 {font-size: 12px; line-height: 18px; margin: 0;}
fieldset li div {float: left; display: inline-block; width: 40%; position: relative; padding-right: 5%;}
fieldset li div.input-street {width: 85%;}
fieldset li div.input-city {width: 60%;}
fieldset li div.input-full-name {width: 85%;}
fieldset li div.input-phone-full {width: 85%;}
fieldset li div.input-email {width: 85%;}
fieldset li div.input-zip {width: 20%;}
fieldset li div.content-switch, fieldset li div.radio, fieldset li div.checkbox {width: 85%;}
fieldset li div.radio input {border: none;}
fieldset li div.radio label {padding-right: 9px; font-size: 90%;}
/*fieldset li div.hidden-content, fieldset li.hidden-content {display: none;}*/
fieldset li div.input-select-full {width: 85%;}
fieldset li div.input-comments {width: 85%;}
li div.input-comments textarea {height: 63px; overflow: auto;}
fieldset li div.input-captcha {width: 50%;}
fieldset li div.verification {width: 35%;}
li div.verification img {
border: 1px solid;
margin-top: 9px;
-moz-border-radius: 4px; /*for Moz, optional*/
-webkit-border-radius: 4px; /*for Webkit Browsers, optional*/
}
fieldset li div label {
line-height: 18px;
font-weight: bold;
margin-bottom: 9px;
font-size: 80%;
color: #537197;/*override to match site*/
}
fieldset li div input, fieldset li div textarea, fieldset li div select {
display: block;
line-height: 18px;
width: 100%;
border: 1px solid;
padding: 4px 0 3px;
text-indent: 4px;
margin-top: 9px;
-moz-border-radius: 4px; /*for Moz, optional*/
-webkit-border-radius: 4px; /*for Webkit Browsers, optional*/
}
fieldset li div select {height: 25px;}
fieldset li div.radio input {display: inline; width: auto; margin-right: 4px;}
fieldset li div div {width: 100%;}
fieldset dl dd.form-footer button {/*these styles control the look of the button, change as necessary*/
clear:both;/*do not change, forces button to sit below floated elements*/
display: block;
width: 125px;
height: 34px;
text-align: center;
margin: 0;
background:#cfdae4;/* customize me! */
border: 1px solid #537197;
line-height: 34px;
color:#537197;/* customize me! */
font-size:12px;
font-weight:bold;
-moz-border-radius: 4px; /*for Moz, optional*/
-webkit-border-radius: 4px; /*for Webkit Browsers, optional*/
}
/* appointment form
* Styles only for the appointment request form
*/
/* comment form
* Styles only for the comments form
*/
/*numbering added by jQuery*/
fieldset ol li span.comment-number {
font-size: 150%;
color: #537197;/* customize me*/
position: absolute;
left: 9px;
top: 9px;
}
/* referral form
* Styles only for the referral form
*/
.referral-form fieldset li div.radio {width: 40%;}
/* JQuery */
input.error, select.error, textarea.error {border-color: #a52003; background: #fefda1;}
div.error {
background: url(../images/validate_error.gif) 0 0 no-repeat;
color: #a52003;
width: 18px;
height: 18px;
position: absolute;
top: 0;
right: 0;
overflow: hidden;
display: block;
margin: 12px -2% 0 0;
text-indent: -999em;}
div.success {
background: url(../images/validate_ok.gif) 0 0 no-repeat;
width: 18px;
height: 18px;
position: absolute;
top: 0;
right: 0;
overflow: hidden;
display: block;
margin: 12px -2% 0 0;
text-indent: -999em;}
.contact-form div.error, .contact-form div.success {margin-left: 0;}
#videos {width:400px; text-align:center; margin:0 auto;}
#videos h2 {margin:20px 0; padding: 0 0 0 0; text-align:left;}
#videos h3 {margin:30px 0 10px 0; padding: 0 0 0 0; text-align:center;}