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;}
/* - - - - - - - - - - GENERAL LINKS - - - - - - - - - - */
a {color:#366f8b;}
a:visited {color:#366f8b;}
a.noVisited:visited {color:#366f8b;}
a:hover, a.noVisited:hover {color:#366f8b;}
/* - - - - - - - - - - BODY - - - - - - - - - - */
body {background:#C0E7F6 url(images/bkgd.gif) repeat-x; margin:0px; font-weight:normal; font-size:12px; color:#000000; line-height:20px; font-style:normal; font-family:"Arial", Verdana, Helvetica, sans-serif; text-decoration:none;}
* #content-tile {background:url(images/content-tile.gif) repeat-y; width:800px; margin:0px auto;}
/* - - - - - - - - - - HEADER - - - - - - - - - - */
* #header {background:url(images/header.jpg) no-repeat; margin:0px auto; width:800px; height:132px;}
* #logo {list-style-type:none;}
#logo a {display:block; width:750px; height:125px; margin:0px 0px 0px 15px;}
#logo .active {cursor:default;}
/* - - - - - - - - - - LEFT MENU - - - - - - - - - - */
* #leftMenu {overflow:hidden; width:800px; margin:0px 0px 0px 0px;}
* #col1 {float:left; width:240px; margin:0px 0px 0px 0px; font-family:"Arial", Verdana, Helvetica, sans-serif; background:url(images/left-menu-background.jpg) no-repeat; height:531px;}
ul#nav {padding:0px 0px 0px 0px; margin:44px 0px 0px 13px; width:226px; list-style-type:none; font-family:"Arial", Verdana, Helvetica, sans-serif;}
* #nav {margin:0px; list-style-type:none; width:226px; height:270px; z-index:999}
#nav a {display:block; overflow:hidden; width:226px; text-indent:-999em; height:28px; font-family:"Arial", Verdana, Helvetica, sans-serif; margin:0px 0px 0px 0px;z-index:999}
#nav ul {margin:5px; list-style-type:none;}
#nav li {list-style-type:none; float:left; clear:both; position:relative;z-index:999}
#nav a:hover {background-position:0px -28px;}
#nav .active {background-position:0px -28px;}
#nav .active {cursor:default;}
#nav ul li a {text-indent:0px; margin:0px;}
#nav li:hover ul, #nav li.sfhover ul {visibility:visible;}
#nav li ul {padding:0px 0px 0px 0px; left:-9999em; position:absolute; top:0px; height:auto; border:solid 2px #aee4fa;}
#nav li ul {visibility:hidden; left:226px; background:#84d6f7; margin:0px 0px 0px 0px; font-family:"Arial", Verdana, Helvetica, sans-serif;}
#nav li ul a:hover {color:#efefd0; font-weight:bold; text-decoration:none; background:#5e502e;}
#nav li:hover ul, #nav li.sfhover ul {visibility:visible;}
#nav li ul a {color:#5e502e; font-weight:bold; text-decoration:none; display:block; width:160px; padding-top:4px; padding-bottom:0px;
padding-left:14px; height:27px;}
/* - - - - - - - - - - LEFT MENU SECTION - - - - - - - - - - */
* #patient-login {background:url(images/nav-patient-login.jpg); width:226px;}
#nav li a#patient-login:hover, #nav li:hover a#patient-login, #nav li.sfhover a#patient-login {background-image:url(images/nav-patient-login.jpg); background-position:bottom;}
* #meet-the-team {background:url(images/nav-meet-the-team.jpg); width:226px;}
#nav li a#meet-the-team:hover, #nav li:hover a#meet-the-team, #nav li.sfhover a#meet-the-team {background-image:url(images/nav-meet-the-team.jpg); background-position:bottom;}
.active #meet-the-team {background-image:url(images/nav-meet-the-team-act.jpg);}
* #about-our-office {background:url(images/nav-about-our-office.jpg); width:226px;}
#nav li a#about-our-office:hover, #nav li:hover a#about-our-office, #nav li.sfhover a#about-our-office {background-image:url(images/nav-about-our-office.jpg); background-position:bottom;}
.active #about-our-office {background-image:url(images/nav-about-our-office-act.jpg);}
* #general-dentistry {background:url(images/nav-general-dentistry.jpg); width:226px;}
#nav li a#general-dentistry:hover, #nav li:hover a#general-dentistry, #nav li.sfhover a#general-dentistry {background-image:url(images/nav-general-dentistry.jpg); background-position:bottom;}
.active #general-dentistry {background-image:url(images/nav-general-dentistry-act.jpg);}
* #pediatric-dentistry {background:url(images/nav-pediatric-dentistry.jpg); width:226px;}
#nav li a#pediatric-dentistry:hover, #nav li:hover a#pediatric-dentistry, #nav li.sfhover a#pediatric-dentistry {background-image:url(images/nav-pediatric-dentistry.jpg); background-position:bottom;}
.active #pediatric-dentistry {background-image:url(images/nav-pediatric-dentistry-act.jpg);}
* #cosmetic-dentistry {background:url(images/nav-cosmetic-dentistry.jpg); width:226px;}
#nav li a#cosmetic-dentistry:hover, #nav li:hover a#cosmetic-dentistry, #nav li.sfhover a#cosmetic-dentistry {background-image:url(images/nav-cosmetic-dentistry.jpg); background-position:bottom;}
.active #cosmetic-dentistry {background-image:url(images/nav-cosmetic-dentistry-act.jpg);}
* #invisalign {background:url(images/nav-invisalign.jpg); width:226px;}
#nav li a#invisalign:hover, #nav li:hover a#invisalign, #nav li.sfhover a#invisalign {background-image:url(images/nav-invisalign.jpg); background-position:bottom;}
.active #invisalign {background-image:url(images/nav-invisalign-act.jpg);}
* #faqs {background-image:url(images/nav-faqs.jpg); width:226px;}
#nav li a#faqs:hover, #nav li:hover a#faqs, #nav li.sfhover a#faqs {background-image:url(images/nav-faqs.jpg); background-position: bottom;}
.active #faqs {background-image:url(images/nav-faqs-act.jpg);}
* #contact-us {background-image:url(images/nav-contact-us.jpg); width:226px;}
#nav li a#contact-us:hover, #nav li:hover a#contact-us, #nav li.sfhover a#contact-us {background-image:url(images/nav-contact-us.jpg); background-position: bottom;}
.active #contact-us {background-image:url(images/nav-contact-us-act.jpg);}
* #home {background-image:url(images/nav-home.jpg); width:226px;}
#nav li a#home:hover, #nav li:hover a#home, #nav li.sfhover a#home {background-image:url(images/nav-home.jpg); background-position: bottom;}
.active #home {background-image:url(images/nav-home-act.jpg);}
/* - - - - - - - - - - LEFT SIDE ADDRESS - - - - - - - - - - */
* #left-side-address {margin:0px 0px 45px 33px;}
#left-side-address p {color:#ffffff; font-weight:bold; line-height:1.5em;}
/* - - - - - - - - - - LEFT SIDE BANNERS - - - - - - - - - - */
#left-box {width:228px; height:150px; margin:-45px 0px 0px 13px;}
* #left-menu-banner {background:url(images/left-menu-banner.jpg) no-repeat; width:200px; height:100px; margin:25px 0px 0px 25px;}
* #left-menu-banner-sub {list-style-type:none; text-indent:-999em;}
#left-menu-banner-sub a {display:block; width:200px; height:100px;}
* #schedule-banner {background:url(images/schedule-banner.jpg) no-repeat; width:372px; height:35px; margin:0px 0px 0px 30px;}
#schedule-banner ul {margin:0px 0px 0px 0px !important;}
* #schedule-banner-sub {list-style-type:none; text-indent:-999em;}
#schedule-banner-sub a {display:block; width:372px; height:35px;}
/* - - - - - - - - - - RIGHT SIDE - - - - - - - - - - */
* .rightSide {width:560px; margin:0px; float:right;}
* #rightColumn {margin:0px 0px 15px 0px; padding:0px 0px 0px 0px; font-size:12px; color:#70643a; font-family:"Arial", Verdana, Helvetica, sans-serif; width:560px; min-height:420px}
* #rightColumn {height:auto !important;}
#rightColumn p {margin:15px 30px 20px 35px; line-height:1.6em;}
#rightColumn ul {margin:7px 30px 20px 65px;}
#rightColumn ol {margin:7px 30px 20px 65px;}
/* - - - - - - - - - - TITLES - - - - - - - - - - */
* #title-welcome {background:url(images/title-welcome.jpg) no-repeat; width:536px; height:62px;}
* #title-meet-dr-cozby {background:url(images/title-meet-dr-cozby.jpg) no-repeat; width:557px; height:65px; margin:0px 0px 0px 0px;}
* #title-meet-dr-cozby-sub {background:url(images/title-meet-dr-cozby-sub.jpg) no-repeat; width:267px; height:41px;}
* #title-meet-the-team {background:url(images/title-meet-the-team.jpg) no-repeat; width:557px; height:65px; margin:0px 0px 0px 0px;}
* #title-what-sets-us-apart {background:url(images/title-what-sets-us-apart.jpg) no-repeat; width:557px; height:65px; margin:0px 0px 0px 0px;}
* #title-office-visits {background:url(images/title-office-visits.jpg) no-repeat; width:557px; height:65px; margin:0px 0px 0px 0px;}
* #title-office-tour {background:url(images/title-office-tour.jpg) no-repeat; width:557px; height:65px; margin:0px 0px 0px 0px;}
* #title-patient-forms {background:url(images/title-patient-forms.jpg) no-repeat; width:557px; height:65px; margin:0px 0px 0px 0px;}
* #title-teeth-for-life {background:url(images/title-teeth-for-life.jpg) no-repeat; width:557px; height:65px; margin:0px 0px 0px 0px;}
* #title-why-see-a-dentist {background:url(images/title-why-see-a-dentist.jpg) no-repeat; width:557px; height:65px; margin:0px 0px 0px 0px;}
* #title-common-procedures {background:url(images/title-common-procedures.jpg) no-repeat; width:557px; height:65px; margin:0px 0px 0px 0px;}
* #title-dentistry-for-children {background:url(images/title-dentistry-for-children.jpg) no-repeat; width:557px; height:65px; margin:0px 0px 0px 0px;}
* #title-smile-gallery {background:url(images/title-smile-gallery.jpg) no-repeat; width:557px; height:65px; margin:0px 0px 0px 0px;}
* #title-sedation-dentistry {background:url(images/title-sedation-dentistry.jpg) no-repeat; width:557px; height:65px; margin:0px 0px 0px 0px;}
* #title-cosmetic-dentistry {background:url(images/title-cosmetic-dentistry.jpg) no-repeat; width:557px; height:65px; margin:0px 0px 0px 0px;}
* #title-invisalign {background:url(images/title-invisalign.jpg) no-repeat; width:557px; height:65px; margin:0px 0px 0px 0px;}
* #title-invisalign-teen {background:url(images/title-invisalign-teen.jpg) no-repeat; width:557px; height:65px; margin:0px 0px 0px 0px;}
* #title-invisalign-costs {background:url(images/title-invisalign-costs.jpg) no-repeat; width:557px; height:65px; margin:0px 0px 0px 0px;}
* #title-invisalign-testimonials {background:url(images/title-invisalign-testimonials.jpg) no-repeat; width:557px; height:65px; margin:0px 0px 0px 0px;}
* #title-invisalign-faq {background:url(images/title-invisalign-faq.jpg) no-repeat; width:557px; height:65px; margin:0px 0px 0px 0px;}
* #title-invisalign-videos {background:url(images/title-invisalign-videos.jpg) no-repeat; width:557px; height:65px; margin:0px 0px 0px 0px;}
* #title-invisalign-before-after {background:url(images/title-invisalign-before-after.jpg) no-repeat; width:557px; height:65px; margin:0px 0px 0px 0px;}
* #title-teeth-whitening {background:url(images/title-teeth-whitening.jpg) no-repeat; width:557px; height:65px; margin:0px 0px 0px 0px;}
* #title-zoom {background:url(images/title-zoom.jpg) no-repeat; width:557px; height:65px; margin:0px 0px 0px 0px;}
* #title-brite-smile {background:url(images/title-brite-smile.jpg) no-repeat; width:557px; height:65px; margin:0px 0px 0px 0px;}
* #title-lumineers {background:url(images/title-lumineers.jpg) no-repeat; width:557px; height:65px; margin:0px 0px 0px 0px;}
* #title-faqs {background:url(images/title-faqs.jpg) no-repeat; width:557px; height:65px; margin:0px 0px 0px 0px;}
* #title-location {background:url(images/title-location.jpg) no-repeat; width:557px; height:65px; margin:0px 0px 0px 0px;}
* #title-appointment-request {background:url(images/title-appointment-request.jpg) no-repeat; width:557px; height:65px; margin:0px 0px 0px 0px;}
* #title-comment-form {background:url(images/title-comment-form.jpg) no-repeat; width:557px; height:65px; margin:0px 0px 0px 0px;}
* #title-refer-a-friend {background:url(images/title-refer-a-friend.jpg) no-repeat; width:557px; height:65px; margin:0px 0px 0px 0px;}
* #title-site-map {background:url(images/title-site-map.jpg) no-repeat; width:557px; height:65px; margin:0px 0px 0px 0px;}
* #title-privacy-policy {background:url(images/title-privacy-policy.jpg) no-repeat; width:557px; height:65px; margin:0px 0px 0px 0px;}
* #title-404-error {background:url(images/title-404-error.jpg) no-repeat; width:557px; height:65px; margin:0px 0px 0px 0px;}
* #title-500-error {background:url(images/title-500-error.jpg) no-repeat; width:557px; height:65px; margin:0px 0px 0px 0px;}
* #title-500-error {background:url(images/title-template.jpg) no-repeat; width:557px; height:65px; margin:0px 0px 0px 0px;}
* #title-sapphire-whitening {background:url(images/title-sapphire.jpg) no-repeat; width:557px; height:65px; margin:0px 0px 0px 0px;}
* #title-botox-and-dermal-fillers {background:url(images/title-botox.jpg) no-repeat; width:557px; height:65px; margin:0px 0px 0px 0px;}
* #title-testimonials {background:url(images/title-testimonials.jpg) no-repeat; width:557px; height:65px; margin:0px 0px 0px 0px;}
* #title-snap-on-smiles {background:url(images/title-snap-on-smiles.jpg) no-repeat; width:557px; height:65px; margin:0px 0px 0px 0px;}
* #title-in-the-news {background:url(images/title-in-the-news.jpg) no-repeat; width:557px; height:65px; margin:0px 0px 0px 0px;}
* #title-meet-dr-coe {background:url(images/title-meet-dr-coe.jpg) no-repeat; width:557px; height:65px; margin:0px 0px 0px 0px;}
* #title-meet-dr-coe-sub {background:url(images/title-meet-dr-cozby-sub.jpg) no-repeat; width:267px; height:41px;}
/* - - - - - - - - - - CONTENT ELEMENTS - - - - - - - - - - */
* .text-top {margin-top:0px !important;}
img.center {display:block; margin:0px auto 15px auto;}
* .logo-links {height:90px;}
* .logo-links-left {float:left; margin-left:35px; border:solid 1px #80d5f7;}
* .logo-links-right {float:right; border:solid 1px #80d5f7; margin-right:55px;}
* .small-tile {background:url(images/sm-tile.gif) repeat-x; width:490px; height:1px; margin-left:35px; margin-bottom:25px; margin-top:10px;}
blockquote {margin-left:25px;}
* .bottom-text {padding:0px 0px 150px 0px;}
img.right {clear:right; float:right; margin:0px 35px 20px 10px;}
* .side-bar {background-color:#c9f0ff; margin-right:55px; margin-left:22px; margin-bottom:25px; border:solid 1px #8b794f;}
.side-bar p {padding-left:0px;}
img.right-img {clear:right; float:right; margin:0px 35px 20px 10px; border:solid 1px #8b794f;}
* .site-map-general-one{float:left; width:280px;}
.site-map-general-one ul {list-style-type:none !important; margin:0px 0px 0px 37px !important;}
.site-map-general-one a {color:#70643a; text-decoration:none !important;}
* .site-map-sub {margin:0px 0px 0px 20px !important;}
/* - - - - - - - - - - PHOTOS - - - - - - - - - - */
* .photo {float:right; margin:5px 30px 20px 15px;}
/* - - - - - - - - - - FLASH - - - - - - - - - - */
* #flash-homepage {height:256px; width:557px;}
* .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; background:url(images/back-flash.jpg) no-repeat; width:559px; height:256px;}
.flash-replaced .alt {display:block; width:0px; height:0px; position:absolute; overflow:hidden;}
* #flash-brushing-and-flossing-dental {margin:0px 0px 0px 35px;}
* #flash-smile-gallery {margin:20px 0px 0px 30px;}
* #video-invisalign {width:320px; height:239px; margin:20px 0px 0px 40px;}
/* - - - - - - - - - - TEETH FOR LIFE - - - - - - - - - - */
* #toggle-content {margin: 0 0 15px 0;}
* #anatomy-of-a-tooth {background: url(images/anatomy-of-a-tooth/anatomy-of-a-tooth-bg.gif); height: 525px; position: relative; width: 300px;}
#anatomy-of-a-tooth a {cursor: help; display: block; position: absolute;}
#anatomy-of-a-tooth a:hover {background: transparent;}
a#bone {height: 20px; left: 30px; top: 380px; width: 40px;}
a#cementum {height: 20px; left: 100px; top: 460px; width: 90px;}
a#dentin {height: 20px; left: 80px; top: 165px; width: 60px;}
a#enamel {height: 20px; left: 165px; top: 135px; width: 60px;}
a#gingiva {height: 30px; left: 20px; top: 275px; width: 60px;}
a#periodontal {height: 30px; left: 205px; top: 440px; width: 70px;}
a#pulp {height: 30px; left: 125px; top: 220px; width: 50px;}
a#print {cursor: pointer; height: 23px; left: 240px; top: 502px; width: 60px;}
#anatomy-of-a-tooth a img {border: none; display: block; height: 0; position: absolute; width: 0;}
#anatomy-of-a-tooth a:hover img {height: 98px; width: 300px;}
a#bone:hover img {left: -30px; top: -380px;}
a#cementum:hover img {left: -100px; top: -460px;}
a#dentin:hover img {left: -80px; top: -165px;}
a#enamel:hover img {left: -165px; top: -135px;}
a#gingiva:hover img {left: -20px; top: -275px;}
a#periodontal:hover img {left: -205px; top: -440px;}
a#pulp:hover img {left: -125px; top: -220px;}
* #flash-know-your-teeth {margin: 15px 0;}
* .hide {display:none;}
/* - - - - - - - - - - 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 40px 13px 35px; font-weight:bold; font-size:13px; font-family:"Arial", Verdana, Helvetica, sans-serif; text-decoration:none; color:#366f8b; line-height:1.5em;}
h3 {margin:0px 40px 13px 35px; font-weight:bold; font-size:13px; font-family:"Arial", Verdana, Helvetica, sans-serif; text-decoration:none; color:#948344; line-height:1.5em;}
h4 {margin:0px 40px 13px 35px; font-weight:bold; font-size:14px; font-family:"Arial", Verdana, Helvetica, sans-serif; text-decoration:none; color:#8a784d; line-height:1.6em;}
/* - - - - - - - - - - FOOTER - - - - - - - - - - */
* #footer {font-family:"Arial", Verdana, Helvetica, sans-serif; font-size:12px; background:url(images/footer.jpg) no-repeat; width:800px; height:245px; margin:0px auto;}
* #footer-menu {text-align:center; color:#366f8b; padding-top:115px;}
#footer-menu a {color:#366f8b; text-decoration:underline; font-weight:bold;}
* #footer-slogan {text-align:center; color:#5e502e; padding-top:9px;}
* #sesame-link {color:#366f8b; text-align:center; padding-top:5px;}
#sesame-link a {color:#366f8b; text-decoration:underline;}
/* - - - - - - - - - - FORMS- - - - - - - - - - */
* .forms {padding-top:25px; height:50px;}
.forms p {margin:0px 0px 0px 0px !important;}
* .forms-sub {float:left !important; width:200px !important;}
/* Global form styles */
div.referral-form, div.appointment-form, div.comments, div.login-form {
width: 85%;
margin-top: 0px !important;
margin-left:30px !important;
border:solid 2px #002544;/*optional, change color to match site*/
background: #ffffff;
}
fieldset {border: 0; padding: 9px 0;color: #002544; margin: 0 18px;}
fieldset div {clear: both;}
* .form-header {color: #002544; border-bottom: 1px solid #002544;/*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 #c6dbed;/*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:#c6dbed;/* customize me! */
border: 1px solid #002544;
text-align:center;
line-height:31px;
color:#002544;/* 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 #002544;}
fieldset input.radio {border: 0;}
fieldset p.verification img {border: 1px solid #002544;}
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%;
}
/* JQuery */
input.error, select.error, textarea.error {border-color: #a52003; background: #fefda1; }
div.error {padding-left: 18px; background: url(../images/validate_error.jpg) 0 0 no-repeat; color: #a52003;
display: block; margin:0 0 9px 47%; font-size: 11px; font-weight: normal; line-height: 18px;}
div.success {padding-left: 18px; background: url(../images/validate_ok.jpg) 0 0 no-repeat; color: #000000;
display: block;margin:0 0 9px 47%;font-size: 11px; font-weight: normal; line-height: 18px;}
.contact-form div.error, .contact-form div.success {margin-left: 0;}
/* referral form */
div.referral-form {
margin: 18px 0;
padding: 10px;
}
.referral-form fieldset {border: 0; }
.referral-form label {/*floats labels left*/
font-size: 12px;
display:block;
font-weight:bold;
width:45%;
float:left;
line-height: 18px;}
.referral-form label span {/*sits below labels; holds instructions*/
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
width:100%;}
.referral-form input, .referral-form textarea {
float:left;
font-size:12px;
padding:0 2px;
width:45%;
margin:9px 0 9px 2%;
background: #ffffff;
position: relative;}
.referral-form p.radio, .referral-form p.verification {
clear: both;
margin: 9px 0 9px 47%;
font-size: 12px;}
.referral-form p.radio-float {
clear: none;
float:left;
width: 45%;
padding:0;
margin:9px 0 9px 2%;}
.referral-form p.verification {margin-top: 0;}
.referral-form p.radio input, .referral-form p.radio-float input {
float: none;
width: auto;
margin: 0 0 0 2%;
padding: 0 2px;
vertical-align: middle;
line-height: 18px;
height: 18px;}
/* appointment form */
* .appointment-form {
margin: 18px 0;
padding: 10px;
}
.appointment-form fieldset {border: 0; }
.appointment-form label {/*floats labels left*/
font-size: 12px;
display:block;
font-weight:bold;
width:45%;
float:left;
margin-top: 9px;
line-height: 18px;
}
.appointment-form label span {/*sits below labels; holds instructions*/
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
width:100%;}
.appointment-form input, .appointment-form select, .appointment-form textarea {
float:left;
font-size:12px;
padding:0 2px;
width:45%;
margin:9px 0 9px 2%;
background: #ffffff;}
.appointment-form p.radio, .appointment-form p.verification {
clear: both;
margin: 9px 0 9px 47%;
font-size: 12px;}
.appointment-form p.radio-float {
clear: none;
float:left;
width: 45%;
padding:0;
margin:9px 0 9px 2%;
vertical-align: middle;
line-height: 18px;}
.appointment-form span#found-other {width: 100%;}
.appointment-form span#found-other input {margin-left: 47%; background: #fff0b2}
.appointment-form p.verification {margin-top: 0;}
.appointment-form p.radio input, .appointment-form p.radio-float input {
float: none;
width: auto;
margin: 0 0 0 2%;
padding: 4px 2px;}
.comments input, .comments textarea {
float:left;
font-size:12px;
padding:0 2px;
width:45%;
margin:9px 0 9px 2%;
background: #ffffff;}
/* edit.com */
ul, ol {
margin-top:0px;
margin-bottom:0px;
}
.NormalText, body, td {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #70643A;
font-weight: normal;
text-decoration: none;
text-transform: none;
font-style: normal;
}
.WhiteText {
color: #FFF;
font-size: 12px;
font-weight: bold;
}
.SubHeader {
color: #366F8B;
font-size: 13px;
font-weight: bold;
}
* .PageTitle {
color: #366F8B;
font-size: 24px;
line-height: 28px;
font-weight: bold;
}
#video { display:block; height:155px; width:302px; background:url(images/invisalign-story-button2.jpg)}
#video:hover { display:block; height:155px; width:302px; background:url(images/invisalign-story-button2.jpg) 0 155px}
#your-own-box {
background-color: #fff;
padding: 4px 0 4px 4px;
border: 1px solid #a8c6d8;
margin: 0 0px 20px 36px;
width: 307px;
display:block;
}
img.right {
float: right;
margin: 0 0 15px 15px;
}
.right-border {
border: solid 1px #333; /* Customize me!! */
float: right;
clear: right;
margin: 0 0 15px 15px;
}
.left-border {
border: solid 1px #333; /* Customize me!! */
float: left;
clear: left;
margin: 0 15px 15px 0;
}
#video-invisalign {
width: 360px;
height: 266px;
display: block;
}
p.flash_notice {
margin: 18px;
padding: 9px;
color: #ff0000;
border: 1px dotted #ff0000;
background: #ffffff;
text-align: center;
}
/* Invisalign Footer */
#invisalign-footer {
background: #fff;
width: 90%;
margin: 30px 0 30px 35px;
padding: 0;
border: solid 1px #333; /* Customize me!! */
font-size: 11px;
-moz-border-radius: 5px; /* Optional - you may customize or remove */
-webkit-border-radius: 5px; /* Optional - you may customize or remove */
clear: both;
}
#invisalign-footer h3 {
background: #97AFC2; /* Customize me!! */
margin: 0;
padding: 8px 15px;
color: #fff; /* Customize me!! */
font-size: 14px;
-moz-border-radius: 5px 5px 0 0; /* Optional - you may customize or remove */
-webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; /* Optional - you may customize or remove */
}
#invisalign-footer ul li img {
margin: 0 10px 0 15px;
float: left;
}
#invisalign-footer p {
padding: 0 15px;
margin: 30px 0 15px 0;
}
#invisalign-footer ul {
margin: 15px;
padding: 0 0 15px 0;
list-style: none;
border: solid 1px #333; /* Customize me!! */
border-width: 0 0 1px 0;
}
#invisalign-footer li {
width: 33%;
float: left;
margin: 0;
padding: 0;
border: none;
background: none;
}
#invisalign-footer li a {
float: left;
}
.invisalign-footer-logo {
margin: 0 30px 0 15px;
float: left;
}
/* Clear Fix */
.clear {clear: both;}
.cf:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.cf {display: inline-block;} /*this trips hasLayout for ie7*/
.cf {display: block;} /*this returns it back to normal*/
* html .cf {height: 1px;}
.right-border {
border: solid 1px #333; /* Customize me!! */
float: right;
clear: right;
margin: 0 36px 15px 15px;
}
img.right {
float: right;
margin: 0 36px 15px 15px;
}
.left-border {
border: solid 1px #000;
margin: 0 15px 15px 0;
float: left;
}
img.left {
margin: 0 15px 15px 0;
float: left;
}
span.indent {
padding-left: 40px;
}
#invisalign-sidebar {
background: #fff;
width: 275px;
margin: 0 36px 15px 15px;
padding: 0;
border: solid 1px #000;
line-height: 18px;
font-size: 11px;
float: right;
clear: right;
}
#invisalign-sidebar a {
color: #036;
}
#invisalign-sidebar h3 {
background: #97AFC2;
margin: 0;
padding: 15px;
color: #fff;
}
#invisalign-sidebar p {
padding: 0 15px;
margin: 15px 0;
}
.thumb {
border: solid 1px #000;
margin: 0 10px 10px 0;
float: left;
clear: left;
}
ul#testimonials {
margin: 0;
padding: 0;
list-style: none;
list-style-image: none;
}
.invisalign-block {
width: 315px;
float: left;
}
/* Invisalign Before and After */
#rightColumn ul#before-after-cycle li img.invisalign { margin:-30 0 0 0px; z-index:1
}
#invisalign-before-after {
width: 488px;
min-height: 335px;
line-height: 18px;
margin: 30px 0 18px 35px; /* Adjust this top margin if needed according to your design */
padding: 10px 0 10px 10px;
background-color: #9FC4D4; /* Customize me */
border: solid 1px #333; /* Customize me */
-moz-border-radius: 5px; /* Optional - you may customize or remove */
-webkit-border-radius: 5px; /* Optional - you may customize or remove */
z-index:1;
}
#rightColumn ul.slideshow {
list-style: none;
margin:0 ;
padding: 0;
}
#rightColumn ul#before-after-cycle {margin:0 0px 0px 0; }
#rightColumn ul#before-after-cycle li img {
width: 232px;
z-index:1;
border: solid 1px #333; /* Customize me */
}
.after-image { float:right; position:relative; right:-10px}
#invisalign-before-after p {
float: left;
width: 50%;
margin: 0 0 10px 0;
}
#invisalign-before-after div.cycle-detail {
min-height: 55px;
clear: both;
background-color: #fff; /* Customize me */
padding: 10px;
margin: 0 10px 0 0;
border: solid 1px #333; /* Customize me */
-moz-border-radius: 5px; /* Optional - you may customize or remove */
-webkit-border-radius: 5px; /* Optional - you may customize or remove */
}
#invisalign-before-after .before-after-nav {
background: #366F8C; /* Customize me */
position:relative;
z-index: 0;
top: -30px;
left: -5px;
padding: 0 3px;
border: solid 1px #333; /* Customize me */
border-width: 1px 1px 0 1px;
-moz-border-radius: 5px 5px 0 0; /* Optional - you may customize or remove */
-webkit-border-top-left-radius: 5px; /* Optional - you may customize or remove */
-webkit-border-top-right-radius: 5px;} /* Optional - you may customize or remove */
#invisalign-before-after .before-after-nav a {
text-decoration: none;
font-size: 12px;
padding: 5px;
margin: 0 3px;
color: #fff;} /* Customize me */
#invisalign-before-after .before-after-nav a.activeSlide {color: #333;} /* Customize me */
div.invisalign-video {
background: url(http://media.sesamehost.com/images/invisalign-pro-package/invisalign-video-bg.jpg) no-repeat;
width: 450px;
height: 250px;
border: solid 1px #333; /* Customize me!! */
margin-bottom: 15px;
text-align: right;
margin-left:35px;
}
div.invisalign-video img {
margin: 30px 50px 0 35px;
}
img.border {
border: solid 1px #333; /* Customize me!! */
}
.left-border {
border: solid 1px #333; /* Customize me!! */
float: left;
clear: left;
margin: 0 15px 15px 35px;
}
.bump-right {
margin-right: 5px;
}
div#language {color: #5E4F2E; margin: 12px 0 0 620px; position: absolute;}
div#language a {color: #5E4F2E; text-decoration: none; font-weight: bold;}
div#language a:hover {color: #33708F;}