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:#732e26;}
a:visited {color:#732e26;}
a.noVisited:visited {color:#732e26;}
a:hover, a.noVisited:hover {color:#732e26;}
/* - - - - - - - - - - BODY - - - - - - - - - - */
body {background:#e8c586 url(images/bg.jpg) no-repeat; 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:896px; margin:0px 0px 0px 69px;}
/* - - - - - - - - - - HEADER - - - - - - - - - - */
h1.logo {margin:0px; overflow:hidden; text-indent:-999em;}
h1.logo a {display:block; width:245px; height:50px; margin:50px 0px 0px 7px;}
#head {width:896px; height:131px; background:url(images/header.jpg) no-repeat;}
.hide {display:none;}
/* - - - - - - - - - - LEFT MENU - - - - - - - - - - */
#leftMenu {overflow:hidden; width:896px; margin:0px 0px 0px 0px;}
#col1 {float:left; width:231px; margin:0px 0px 0px 0px; font-family:"Arial", Verdana, Helvetica, sans-serif; background:url(images/left-menu-background.jpg) no-repeat; height:699px;}
ul#nav {padding:0px 0px 0px 0px; margin:18px 0px 0px 23px; width:191px; list-style-type:none; font-family:"Arial", Verdana, Helvetica, sans-serif; font-size:12px;}
#nav {margin:0px; list-style-type:none; width:191px; height:410px;}
#nav a {display:block; overflow:hidden; width:191px; text-indent:-999em; height:26px; font-family:"Arial", Verdana, Helvetica, sans-serif; margin:0px 0px 4px 0px;}
#nav ul {margin:5px; list-style-type:none;}
#nav li {list-style-type:none; float:left; clear:both; position:relative;}
#nav a:hover {background-position:0px -26px;}
#nav .active {background-position:0px -26px;}
#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;}
#nav li ul {visibility:hidden; left:174px; margin:-10px 0px 0px 0px; font-family:"Arial", Verdana, Helvetica, sans-serif;}
#nav li ul a:hover {color:#ffffff; font-weight:bold; text-decoration:none; background:#5b4531;}
#nav li:hover ul, #nav li.sfhover ul {visibility:visible; left:174px; z-index:1000}
#nav li ul a {color:#732e26; font-weight:bold; text-decoration:none; display:block; height:22px; padding-top:0px; padding-left:10px; margin:4px 0px 0px 0px; width:180px !Important;}
.pop-up-about-our-office {background:url(images/pop-up-about-our-office.gif) no-repeat !Important; width:191px !Important; height:63px !Important; padding-top:4px !Important;}
.pop-up-for-new-patients {background:url(images/pop-up-for-new-patients.gif) no-repeat !Important; width:191px !Important; height:66px !Important; padding-top:4px !Important;}
.pop-up-about-orthodontics {background:url(images/pop-up-about-orthodontics.gif) no-repeat !Important; width:191px !Important; height:120px !Important; padding-top:4px !Important;}
.pop-up-about-braces {background:url(images/pop-up-about-braces.gif) no-repeat !Important; width:191px !Important; height:222px !Important; padding-top:4px !Important;}
.pop-up-treatment-options {background:url(images/pop-up-treatment-options.gif) no-repeat !Important; width:192px !Important; height:145px !Important; padding-top:4px !Important;}
.pop-up-invisalign {background:url(images/pop-up-invisalign.gif) no-repeat !Important; width:192px !Important; height:195px !Important; padding-top:4px !Important;}
.pop-up-contact-us {background:url(images/pop-up-contact-us.gif) no-repeat !Important; width:191px !Important; height:143px !Important; padding-top:4px !Important;}
.pop-up-pt-login {background:url(images/pop-up-patient-login.gif) no-repeat !Important; width:191px !Important; height:121px !Important; padding-top:4px !Important;}
#nav li ul.pop-up-pt-login {left: 174px;margin: 19px 0px 0px 0px}
/* - - - - - - - - - - LEFT MENU SECTION - - - - - - - - - - */
#patient-login {background:url(images/nav-patient-login.jpg); width:191px; margin:25px 0px 0px 0px !Important; width:191px !Important; height:39px !Important;}
#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;}
#about-our-office {background:url(images/nav-about-our-office.jpg);}
#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);}
#for-new-patients {background:url(images/nav-for-new-patients.jpg);}
#nav li a#for-new-patients:hover, #nav li:hover a#for-new-patients, #nav li.sfhover a#for-new-patients {background-image:url(images/nav-for-new-patients.jpg); background-position:bottom;}
.active #for-new-patients {background-image:url(images/nav-for-new-patients-act.jpg);}
#about-orthodontics {background:url(images/nav-about-orthodontics.jpg);}
#nav li a#about-orthodontics:hover, #nav li:hover a#about-orthodontics, #nav li.sfhover a#about-orthodontics {background-image:url(images/nav-about-orthodontics.jpg); background-position:bottom;}
.active #about-orthodontics {background-image:url(images/nav-about-orthodontics-act.jpg);}
#faqs {background-image:url(images/nav-faqs.jpg); width:191px;}
#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);}
#about-braces {background-image:url(images/nav-about-braces.jpg);}
#nav li a#about-braces:hover, #nav li:hover a#about-braces, #nav li.sfhover a#about-braces {background-image:url(images/nav-about-braces.jpg); background-position: bottom;}
.active #about-braces {background-image:url(images/nav-about-braces-act.jpg);}
#treatment-options {background-image:url(images/nav-treatment-options.jpg);}
#nav li a#treatment-options:hover, #nav li:hover a#treatment-options, #nav li.sfhover a#treatment-options {background-image:url(images/nav-treatment-options.jpg); background-position: bottom;}
.active #treatment-options {background-image:url(images/nav-treatment-options-act.jpg);}
#invisalign {background-image:url(images/nav-invisalign.jpg);}
#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);}
#emergency-care {background-image:url(images/nav-emergency-care.jpg); width:191px;}
#nav li a#emergency-care:hover, #nav li:hover a#emergency-care, #nav li.sfhover a#emergency-care {background-image:url(images/nav-emergency-care.jpg); background-position: bottom;}
.active #emergency-care {background-image:url(images/nav-emergency-care-act.jpg);}
#contact-us {background-image:url(images/nav-contact-us.jpg);}
#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:191px;}
#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 0px 0px; text-indent:-999em; height:225px;}
/* - - - - - - - - - - LEFT SIDE BANNERS - - - - - - - - - - */
.left-menu-banners {margin:0px 0px 0px 0px !important;}
.oao-banner {list-style-type:none; text-indent:-999em;}
.oao-banner a {display:block; width:85px; height:35px; margin:0px 0px 0px 70px;}
.abo-banner {list-style-type:none; text-indent:-999em;}
.abo-banner a {display:block; width:85px; height:35px; margin:7px 0px 0px 70px;}
.links-line {margin:0px 0px 15px 22px !important; list-style-type:none !important;}
#social-icons {margin:0 auto; width:191px; text-align:center;}
#social-icons img, #social-icons a {display:inline; margin:0; padding:0;}
/* - - - - - - - - - - RIGHT SIDE - - - - - - - - - - */
.rightSide {width:665px; margin:0px; float:right; background:url(images/right-side-top-img.jpg) no-repeat;}
#rightColumn {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-size:12px; color:#362215; font-family:"Arial", Verdana, Helvetica, sans-serif; float:right; width:665px;}
#rightColumn {height:auto !important;}
#rightColumn p {margin:15px 35px 20px 17px; line-height:1.6em;}
#rightColumn ul {margin:7px 30px 20px 50px;}
#rightColumn ol {margin:7px 30px 20px 65px;}
/* - - - - - - - - - - CONTENT HOME BANNERS - - - - - - - - - - */
.right-column-banners {width:600px; height:100px; margin:0px 0px 0px 55px !important;}
.free-banner {background:url(images/free-banner.jpg) no-repeat; width:207px; height:90px; float:left;}
.free-banner ul {margin:0px 0px 0px 0px !important;}
.free-banner-sub {list-style-type:none; text-indent:-999em;}
.free-banner-sub a {display:block; width:207px; height:90px;}
.invisalign-banner {background:url(images/invisalign-banner.jpg) no-repeat; width:145px; height:90px; float:left; margin:0px 0px 0px 15px;}
.invisalign-banner ul {margin:0px 0px 0px 0px !important;}
.invisalign-banner-sub {list-style-type:none; text-indent:-999em;}
.invisalign-banner-sub a {display:block; width:145px; height:85px; margin:6px 0px 0px 0px;}
.ibraces-banner {background:url(images/ibraces-banner.jpg) no-repeat; width:145px; height:90px; float:left; margin:0px 0px 0px 15px;}
.ibraces-banner ul {margin:0px 0px 0px 0px !important;}
.ibraces-banner-sub {list-style-type:none; text-indent:-999em;}
.ibraces-banner-sub a {display:block; width:145px; height:85px; margin:6px 0px 0px 0px;}
/* - - - - - - - - - - TITLES - - - - - - - - - - */
#title-welcome {background:url(images/title-welcome.jpg) no-repeat; width:653px; height:59px;}
#title-meet-dr-frydenlund {background:url(images/title-meet-dr-frydenlund.jpg) no-repeat; width:653px; height:59px;}
#title-the-game-room {background:url(images/title-the-game-room.jpg) no-repeat; width:653px; height:59px;}
#title-your-first-visit {background:url(images/title-your-first-visit.jpg) no-repeat; width:653px; height:59px;}
#title-patient-forms {background:url(images/title-patient-forms.jpg) no-repeat; width:653px; height:59px;}
#title-for-children-and-adults {background:url(images/title-for-children-and-adults.jpg) no-repeat; width:653px; height:59px;}
#title-why-braces {background:url(images/title-why-braces.jpg) no-repeat; width:653px; height:59px;}
#title-two-phase-treatment {background:url(images/title-two-phase-treatment.jpg) no-repeat; width:653px; height:59px;}
#title-ortho-dictionary {background:url(images/title-ortho-dictionary.jpg) no-repeat; width:653px; height:59px;}
#title-faqs {background:url(images/title-faqs.jpg) no-repeat; width:653px; height:59px;}
#title-life-with-braces {background:url(images/title-life-with-braces.jpg) no-repeat; width:653px; height:59px;}
#title-patient-care-videos {background:url(images/title-patient-care-videos.jpg) no-repeat; width:653px; height:59px;}
#title-types-of-braces {background:url(images/title-types-of-braces.jpg) no-repeat; width:653px; height:59px;}
#title-braces-diagram {background:url(images/title-braces-diagram.jpg) no-repeat; width:653px; height:59px;}
#title-brace-painter {background:url(images/title-brace-painter.jpg) no-repeat; width:653px; height:59px;}
#title-types-of-appliances {background:url(images/title-types-of-appliances.jpg) no-repeat; width:653px; height:59px;}
#title-retainer-instructions {background:url(images/title-retainer-instructions.jpg) no-repeat; width:653px; height:59px;}
#title-color-your-retainer {background:url(images/title-color-your-retainer.jpg) no-repeat; width:653px; height:59px;}
#title-orthodontic-treatments-video {background:url(images/title-orthodontic-treatments-video.jpg) no-repeat; width:653px; height:59px;}
#title-invisalign {background:url(images/title-invisalign.jpg) no-repeat; width:653px; height:59px;}
#title-invisalign-teen {background:url(images/title-invisalign-teen.jpg) no-repeat; width:653px; height:59px;}
#title-invisalign-costs {background:url(images/title-invisalign-costs.jpg) no-repeat; width:653px; height:59px;}
#title-invisalign-faq {background:url(images/title-invisalign-faq.jpg) no-repeat; width:653px; height:59px;}
#title-invisalign-testimonials {background:url(images/title-invisalign-testimonials.jpg) no-repeat; width:653px; height:59px;}
#title-invisalign-videos {background:url(images/title-invisalign-videos.jpg) no-repeat; width:653px; height:59px;}
#title-invisalign-before-and-after {background:url(images/title-invisalign-before-and-after.jpg) no-repeat; width:653px; height:59px;}
#title-dentofacial-orthopedics {background:url(images/title-dentofacial-orthopedics.jpg) no-repeat; width:653px; height:59px;}
#title-surgical-orthodontics {background:url(images/title-surgical-orthodontics.jpg) no-repeat; width:653px; height:59px;}
#title-emergency-care {background:url(images/title-emergency-care.jpg) no-repeat; width:653px; height:59px;}
#title-location {background:url(images/title-location.jpg) no-repeat; width:653px; height:59px;}
#title-appointment-request {background:url(images/title-appointment-request.jpg) no-repeat; width:653px; height:59px;}
#title-comment-form {background:url(images/title-comment-form.jpg) no-repeat; width:653px; height:59px;}
#title-refer-a-friend {background:url(images/title-refer-a-friend.jpg) no-repeat; width:653px; height:59px;}
#title-404-error {background:url(images/title-404-error.jpg) no-repeat; width:653px; height:59px;}
#title-500-error {background:url(images/title-500-error.jpg) no-repeat; width:653px; height:59px;}
#title-site-map {background:url(images/title-site-map.jpg) no-repeat; width:653px; height:59px;}
/* - - - - - - - - - - CONTENT ELEMENTS - - - - - - - - - - */
.text-top {margin-top:0px !important; padding-top:0px !important;}
.logo-links-map {height:200px; width:600px;}
.logo-links-sub {height:100px; width:600px;}
.logo-links {height:85px;}
.logo-links-left {float:left; margin-left:17px; border:solid 1px #c97c25;}
.logo-links-right {float:right; border:solid 1px #c97c25; margin-right:55px;}
.small-tile {background:url(images/sm-tile.gif) repeat-x; width:616px; height:1px; margin-left:15px; margin-bottom:15px; margin-top:20px;}
img.right {clear:right; float:right; margin:0px 35px 20px 10px; border:solid 1px #c97c25;}
img.right {
border: solid 1px #c97c25;
margin:0px 35px 20px 10px;
float: right;
clear: right;}
.img-left {
border: solid 1px #c97c25;
margin: 0 15px 20px 0;
float: left;}
span.indent {
padding-left: 40px;}
#sidebar {
background: #fff;
width: 275px;
margin: 0 35px 20px 20px;
padding: 0;
border: solid 1px #c97c25;
float: right;
clear: right;}
#sidebar a {
color: #036;}
#sidebar h3 {
background: #97AFC2;
margin: 0;
padding: 15px;
color: #fff;}
.thumb {
border: solid 1px #c97c25;
margin: 0 10px 10px 0;
float: left;
clear: left;}
#sidebar p {
padding: 0 15px;
margin: 15px 0;}
.clear {clear: both;}
blockquote {margin-left:25px;}
.map-one {float:left; width:220px;}
.map-one ul {list-style-type:none !important; margin:0px 0px 0px 17px !important;}
.map-one-sub {padding:0px 0px 15px 20px !important;}
.map-two-sub {padding:0px 0px 15px 0px !important;}
.map-sub {padding:0px 0px 0px 20px !important;}
.map-two {float:left; width:220px;}
.map-two ul {list-style-type:none !important; margin:0px 0px 0px 0px !important;}
.map-three {float:left; width:200px;}
.map-three ul {list-style-type:none !important; margin:0px 0px 0px 0px !important;}
/* - - - - - - - - - - PHOTOS - - - - - - - - - - */
#photo {width:634px; height:182px; margin:37px 0px 0px 0px;}
/* - - - - - - - - - - THE GAME ROOM - - - - - - - - - - */
div#sesame-game {background:#000000; line-height:0; margin:10px auto 30px auto; text-align:center; width:400px;}
ul#sesame-games {list-style:none; margin:0 0px 0 0; padding:0;}
ul#sesame-games li {clear:both; display:block;}
ul#sesame-games img {border:0; float:right; margin:0 0 10px 10px;}
ul#sesame-games a.button {float:right; height:85px; width:200px;}
ul#sesame-games p {padding-bottom:1em;}
/* - - - - - - - - - - FLASH - - - - - - - - - - */
#flash-homepage {width:634px; height:182px; margin:37px 0px 0px 0px;}
.backflashplayer {line-height:1.5em; font-family:"Arial", Verdana, Helvetica, sans-serif; font-size:11px; padding:12px 0px 0px 15px; margin:0px 0px 0px 0px; color:#000000;}
.flash-replaced .alt {display:block; width:0px; height:0px; position:absolute; overflow:hidden;}
.flash-back {background:url(images/flash-back.jpg) no-repeat; width:634px; height:182px;}
#flash-office-tour {margin:0px 0px 0px 19px;}
#flash-brushing-and-flossing-ortho {width:500px; height:300px; margin:20px auto;}
#flash-patient-care {margin:0px 0px 0px 70px;}
#flash-types-of-braces {margin:10px 0px 0px 70px;}
#flash-braces-diagram {margin:10px 0px 0px 70px;}
#flash-brace-painter {margin:10px 0px 0px 70px;}
#flash-types-of-appliances {margin:10px 0px 0px 70px;}
#flash-color-your-retainer {margin:10px 0px 0px 160px;}
#flash-common-treatments {margin:10px 0px 0px 70px;}
#video-invisalign {width:320px; height:239px; margin:10px 0px 0px 19px;}
#flash-emergency-care {margin:10px 0px 0px 70px;}
/* - - - - - - - - - - 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 17px; font-weight:bold; font-size:13px; font-family:"Arial", Verdana, Helvetica, sans-serif; text-decoration:none; color:#e0b460; line-height:1.5em;}
h3 {margin:0px 40px 13px 17px; font-weight:bold; font-size:13px; font-family:"Arial", Verdana, Helvetica, sans-serif; text-decoration:none; color:#a24a48; line-height:1.5em;}
h4 {margin:0px 35px 13px 17px; font-weight:bold; font-size:12px; font-family:"Arial", Verdana, Helvetica, sans-serif; text-decoration:none; color:#e0b460; line-height:1.6em;}
/* - - - - - - - - - - FOOTER - - - - - - - - - - */
#footer {font-family:"Arial", Verdana, Helvetica, sans-serif; background:url(images/footer.jpg) no-repeat; width:896px; height:151px; margin:0px 0px 0px 69px;}
#footer-menu {text-align:center; color:#ffffff; padding-top:10px; font-size:11px;}
#footer-menu a {color:#ffffff; text-decoration:none; font-weight:normal;}
#footer-slogan {text-align:center; color:#f3c685; padding-top:47px; font-size:12px; font-weight:bold;}
#sesame-link {color:#d0a354; text-align:center; padding-top:6px;}
#sesame-link a {color:#d0a354; text-decoration:none; font-size:11px;}
/* - - - - - - - - - - FORMS- - - - - - - - - - */
.forms {padding-top:25px; height:50px;}
.forms p {margin:0px 0px 0px 0px !important;}
.forms-sub {float:left !important; width:240px !important;}
/* Global form styles */
div.referral-form, div.appointment-form, div.comments, div.login-form {
width: 85%;
margin-top: 0px;
margin-left:20px !Important;
border:solid 2px #8b1503;/*optional, change color to match site*/
background: #ffffff;
}
fieldset {border: 0; padding: 9px 0;color: #231f20; margin: 0 18px;}
fieldset div {clear: both;}
.form-header {color: #231f20; border-bottom: 1px solid #8b1503;/*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 #8b1503;/*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:#f5ce95;/* customize me! */
border: 1px solid #8b1503;
text-align:center;
line-height:31px;
color:#231f20;/* 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 #8b1503;}
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;}
/* 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:#777777;
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;}
/* 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;}
/* 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%;}
/* 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;}
/* 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;}
.left-border {
border: solid 1px #333; /* Customize me!! */
float: left;
clear: left;
margin: 0 15px 15px 0;
}
ul#testimonials {
margin: 0;
padding: 0;
list-style: none;
list-style-image: none;
list-style-position:inside;
margin:0px 15px;
}
ul#testimonials p {
margin: 0;
padding: 0;
}
.invisalign-block {
width: 415px;
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;}
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;
}
div.invisalign-video img {
margin: 30px 50px 0;
}
img.border {
border: solid 1px #333; /* Customize me!! */
}
.left-border {
border: solid 1px #333; /* Customize me!! */
float: left;
clear: left;
margin: 0 15px 15px 0;
}
.bump-right {
margin-right: 5px;
}
/* Invisalign Videos */
.invisalign-video {
margin:0px 15px;
}
#video-invisalign {
width: 360px;
height: 266px;
display: block;
}
#video-invisalign-best-friends, #video-invisalign-news-travels-fast {
width: 320px;
height: 206px;
display: block;
}
#video-invisalign-lobby {
width: 320px;
height: 266px;
display: block;
}
.left-video-border{
border: solid 1px #333; /* Customize me!! */
float: left;
clear: left;
margin:10px 15px;
}
/* Invisalign Before and After */
ul#before-after-cycle li img.invisalign {
height: 265px;
}
#invisalign-before-after {
width: 568px;
min-height: 335px;
line-height: 18px;
margin: 30px 0 18px; /* Adjust this top margin if needed according to your design */
padding: 10px 0 10px 10px;
background-color: #ffd696; /* 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 */
position: relative;
margin-left:25px;
}
ul.slideshow {
list-style: none;
margin: 0px;
padding: 0px;
}
ul#before-after-cycle li img {
width: 232px;
float: left;
margin-right: 10px;
border: solid 1px #333; /* Customize me */
}
#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: #f3c686; /* Customize me */
position: absolute;
z-index: 50;
top: -19px;
left: 11px;
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 */