/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
@font-face {
font-family: 'Myriad';
src: url('fonts/Myriad.otf');
}
/* typography */
body {font-size:75%;color:#222;background:#fff;font-family:Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:2em;line-height:1;margin-bottom:0.5em;font:italic bold 1.75em Myriad, Arial,Helvetica,sans-serif;color:#6D1D53}
h1.home {font-size:2.45em;margin-bottom:0}
.phone-big{font-size:2em;line-height:.7;margin-bottom:0.6em;font:italic bold 1.75em Myriad, Arial,Helvetica,sans-serif;color:#6D1D53}
h2 {font-size:1.5em;margin-bottom:0.75em;}
h3, dt {font-size:1.2em;line-height:1;margin-bottom:1em;}
h3 {line-height:1.2em}
h4 {font-size:1em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal; margin-left:2em;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#c79fba;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}
* .small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
* .large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
* .quiet {color:#666;}
* .loud {color:#000;}
* .highlight {background:#ff0;}
* .added {background:#060;color:#fff;}
* .removed {background:#900;color:#fff;}
* .first {margin-left:0;padding-left:0;}
* .last {margin-right:0;padding-right:0;}
* .top {margin-top:0;padding-top:0;}
* .bottom {margin-bottom:0;padding-bottom:0;}
h1.for-kids { text-indent:-999em; background:url(images/title-for-kids.jpg); width:318px; height:51px; overflow:hidden; display:block}
/* grid */
* #container, * .container {width:770px;margin:0 auto;}
body {margin:0;}
div.column {float:left;margin-right:0;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
* .clearfix:after, * .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
* .clearfix, * .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
* .clearfix, * .container {display:block;}
* .clear {clear:both;}
/*custom*/
* .image {
border:#471f3a 1px solid;
padding: 4px;
margin: 0 10px 20px 0;
}
* .image-reg {
border:#471f3a 1px solid;
padding: 4px;
margin: 0 0 0 0;
}
* .image-pdf {
border: 0;
padding: 0;
margin: 0 0 0 0;
}
* .image-left {
border:#471f3a 1px solid;
padding: 4px;
float: left;
margin: 0 20px 20px 0;
}
* .image-right {
border:#471f3a 1px solid;
padding: 4px;
float: right;
margin: 0 0 20px 20px;
}
img {behavior: url(iepngfix.htc);}
.map
{border:#471f3a 1px solid;
padding: 4px;
}
/* Image Replacement -- add class="replace" to root element, i.e. and add a bg image*/
* .replace { letter-spacing : -1000em; }
/* Just for Opera, but hide from MacIE */
/*\*/html>body .replace { letter-spacing : normal; text-indent : -999em; overflow : hidden;}
/* End of hack */
.replace ul, .replace ul li {letter-spacing: 0; text-indent: 0; overflow: auto;}
body {
font-size: 14px;
line-height:18px;
color: #382f1f;
font-family: Verdana, Arial, Helvetica, sans-serif;
background: #A1B6AF url(images/bg.png) top left repeat-x;
}
p{
margin-top: 2px;
margin-bottom:15px;
color: #382f1f;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
line-height:18px;
font-weight: normal;
}
li.text,.text li{
color: #382f1f;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
margin-left: 32px;
list-style: disc outside;
line-height:19px;
}
ul.text,.text ul{
margin-bottom:15px;
}
a:link{
color: #107861;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
text-decoration: underline;
}
a:visited{
color: #107861;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
text-decoration: underline;
}
a:hover{
color: #6d174f;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
text-decoration: underline;
}
.left-link a{
color: #107861;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: underline;
}
.left-link a:visited{
color: #107861;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: underline;
}
.left-link a:hover{
color: #6d174f;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: underline;
}
* #ft {
text-align:center;
padding: 20px 0 10px 0;
background: #4F2942 url(images/bg-footer.jpg) repeat-x;
}
#ft .left-address {
margin-top: 5px;
}
* .title{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #fff;
line-height:17px;
font-weight: bold;
}
* .title2{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #fff;
line-height:14px;
font-weight: bold;
}
* .address{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #382f1f;
font-weight: normal;
}
* .greenbold{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #17453a;
font-weight: bold;
text-decoration: none;
}
* .greenbold:hover{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #17453a;
font-weight: bold;
text-decoration: none;
}
* .design{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
line-height:11px;
color: #fff;
font-weight: normal;
}
.design a:link{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
line-height:11px;
color: #fff;
font-weight: normal;
text-decoration:none;
}
.design a:visited{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #fff;
line-height:11px;
font-weight: normal;
text-decoration:none;
}
.design a:hover{
color: #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
line-height:11px;
font-weight: normal;
text-decoration:underline;
}
* .design-flash{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8px;
color: #000;
font-weight: bold;
}
.design-flash a:link{
color: #000;
text-decoration:none;
}
.design-flash a:visited{
color: #000;
text-decoration:none;
}
.design-flash a:hover{
color: #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration:underline;
}
* .footer-link{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #fff;
font-weight: normal;
}
.footer-link a:link{
color: #fff;
font-size: 12px;
text-decoration:underline;
}
.footer-link a:visited{
color: #fff;
font-size: 12px;
text-decoration:underline;
}
.footer-link a:hover{
color: #fff;
font-size: 12px;
text-decoration:none;
}
* #mini-menu{
width:285px; float:left;
height:51px; display:inline;
}
#mini-menu a{
font-size: 10.56px;
}
h1 span{
background-repeat: no-repeat;
height: 100%;
}
h2{
color: #17453a;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 19px;
font-weight: bold;
}
h3{
color: #17453a;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 14px;
font-weight: bold;
}
h4{
color: #17453a;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
}
/*
a#home {background: url(images/nav-home.jpg); width:104px;}
a#doc-login {background: url(images/nav-doctor-login.jpg); width:173px;}
a#patient-login {background: url(images/nav-patient-login.jpg); width:164px;}
*/
a#may-we-suggest {
cursor: pointer;
height:34px;
text-indent: -999em;
background: url(images/may-we-suggest.jpg);
width:156px;}
* #may-we-suggest:hover {background-position:0 -34px;}
/* Image Replacement */
#container{width: 973px; background:url(images/bg-grad.jpg) repeat-y;}
#container-bg{
background:url(images/bg-header.png) no-repeat;
}
* #hd {
text-align:left;
height:250px;
}
* #bd {
background-color:#dcecf3;
padding-top:20px;
}
* #content {
width: 500px;
}
* #content.home {margin-top: 55px;}
* #sidebar {
width:250px;
}
#sidebar div {background: 10px 3px no-repeat; padding-left:72px; margin-bottom:25px; position:relative;}
#sidebar .beverly-hills {background-image: url(images/office-thumb-bh.jpg)}
#sidebar .santa-monica {background-image: url(images/office-thumb-sm.jpg)}
#sidebar .la {background-image: url(images/office-thumb-la.jpg)}
#sidebar .inglewood-imperial {background-image: url(images/office-thumb-inglewood-imperial.jpg)}
#sidebar .inglewood-locust {background-image: url(images/office-thumb-inglewood-locust.jpg)}
#sidebar .left-info1 {
color:#471f3a;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
margin-bottom: 0;
}
#sidebar .left-info2 {
color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:15.3px;
}
#sidebar a.fancybox {
width:53px;
height:53px;
display:block;
position: absolute;
top: 0;
left: 10px;
}
#content ul, #content ol {
font-size: 14px;
line-height:18px;
color: #382f1f;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding-left: 20px;
}
* #lower-nav{
margin-top: 155px;
width:441px;
height:36px;
float:right;
z-index:0;
}
* #login {
width:441px;
height:46px;
float:right;
overflow: hidden;
}
* #nav-login {
list-style:none;
margin:18px 0 0;
}
#nav-login a {
font:bold 1.4em Rockwell,Arial,Helvetica,sans-serif;
color:#42203b;
display: block;
padding: 0;
height: 36px;
overflow: hidden;
margin: 0 20px;text-decoration:none;
text-shadow: 1px 2px 3px #849692;
filter: dropshadow(color=#849692, offx=1, offy=2);
}
#nav-login a:hover {text-decoration:underline;}
#nav-login ul {
font-size: 11px;
list-style:none;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
ul#nav-login a {
display: block;
}
ul#nav-login li {
position: relative;
float: left;
}
#nav-login li:hover ul, #nav-login li.sfhover ul {
left: auto;
}
* #nav-contain {
width:770px;
float:right;
z-index:2;
}
* #nav { list-style:none; margin:0;}
ul#nav, #nav ul {
margin: 0;
font-size: 13px;
list-style:none;
font-family: Verdana, Arial, Helvetica, sans-serif; z-index:2;
}
ul#nav a {
text-decoration:none;
color:#1c483b;
font-size: 11px;
font-weight: bold;
height: 20px;
line-height: 11px;
padding: 13px 5px 13px;
position: relative;
top: 8px;
text-shadow: 0px 0px 6px #ffffff;
filter: dropshadow(color=#ffffff, offx=0, offy=0);
}
ul#nav li {
position: relative;
float: left; z-index:3;
height:38px;
}
ul#nav li ul {
position: absolute;
left: -999em;
top: 37px;
width:210px;
z-index:3;
padding-bottom:15px;
background:#420923;
}
ul#nav li ul li{text-indent:0; height:26px;}
ul#nav ul li a {
background:#420923;
color: #fff!important;
display: block;
line-height: 1em;
padding: 7px 5px;
text-decoration: none!important;
z-index: 3;
text-shadow: 0px 0px 0 #ffffff;
filter: dropshadow(color=#ffffff, offx=0, offy=0);
width:200px;
height:auto;
font-weight:normal
}
ul#nav ul li a:hover {
color: #1c483b!important;
background: #d1dad8;
text-decoration:underline;
z-index:3;
}
#nav li:hover ul, #nav li.sfhover ul {
left: auto;
}
/* 2nd sub nav */
ul#nav li ul li ul {
position: absolute;
top: 0px;
left:50px!important;
z-index:-1; margin:0; padding:0; visibility:hidden;
}
ul#nav ul ul li a {
background:#76586d;
padding:6px;
color: #fff;
text-decoration: none;
width:160px;
z-index:-1;
display:block;
}
ul#nav ul ul li a:hover {
color: #17453a;
background: #d1dad8;
text-decoration:underline;
z-index:-1;
width:160px;
display:block; visibility:visible; right:0;
}
#nav ul li:hover ul li, #nav ul li.sfhover ul li{
left: auto; padding-left:160px; visibility:visible;
}
/* Shift the image position up to show the active state */
#nav a:hover, #nav li.active a {
color:#000;text-decoration:underline;
}
#nav-login a:hover, #nav-login li.active a {
background-position:0 -36px;
}
#nav .active, #nav-login li.active a {
cursor: default;
}
* #subnav, .subnav-two {margin-bottom: 30px;}
#subnav ul, .subnav-two ul {margin:0;}
#subnav ul ul {margin-left:10px;}
.site-map #content ul {margin:0;}
.site-map #content ul ul {margin-left:10px;}
/* -- */
* #flash-home{
position:relative;
top:-10px;
left: 12px;
margin-bottom: 20px;
padding: 0;}
#flash h2 {
visibility:hidden;}
#flash p {
background:#FFFF99;
padding:5px;}
/* games */
div#sesame-game {background: #000; line-height: 0; margin: 10px auto 30px auto; text-align: center; width: 400px}
ul#sesame-games {list-style: none; margin: 0 18px 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}
* .left {
float:left;
margin:0 10px 10px 0;}
img.right {
float:right;
margin:0 0 10px 10px;}
* .clear {
clear:both;}
h2.media-center {
background:#17453a;
color:#FFF;
margin:0;
padding:5px;}
div.media-center {
background:#aabbb7;
color:#FFF;
display:inline-block;
margin-bottom:10px;
overflow:auto;
padding:10px;}
div.media-center a {
color:#FFF;}
div.media-center img {
border:1px solid #FFF;}
/* Global form styles */
fieldset {border: none; padding: 9px 0;}
fieldset div {clear: both;}
* .form-header {/*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; /*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:35px;
background:#471f3a;/* customize me! */
/* customize me! */
text-align:center;
line-height:31px;
color:#ffffff;/* customize me! */
font-size:12px;
font-weight:bold;}
/* comment form */
* .comments {
margin: 0 0 18px;
width: 400px;
padding: 10px;
/*optional, change color to match site*/
}
.comments li {font-weight: bold;}
.comments label {/*floats labels left*/
font-size: 12px;
display:block;
font-weight:bold;
text-align:right;
width:200px;
float:left;
padding-top: 4px;}
.comments label span {/*sits below labels; holds instructions*/
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:200px;}
.comments .label-block label {float: none; clear: both; width: 100%; text-align: left;}
.comments input, .comments textarea {
float:left;
font-size:12px;
padding:4px 2px;
/* customize me! */
width:200px;
margin:9px 0 9px 10px;
background: #ffffff;}
.comments p.verification {
clear: both;
margin: 9px 0 9px 210px;
font-size: 12px;}
.comments p.radio-float {
clear: none;
float:left;
width: 200px;
padding:0;
margin:9px 0 9px 0;}
.comments p.verification {margin-top: 0;}
.comments p.verification img {}/* customize me! */
.comments p.radio input, .comments p.radio-float input {
float: none;
margin: 0 0 0 10px;
padding: 4px 2px;
width: auto;}
.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%;}
/* edit.com */
ul, ol {
margin-top:0px;
margin-bottom:0px;
}
.NormalText, body, td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 18px;
color: #382F1F;
font-weight: normal;
text-decoration: none;
text-transform: none;
font-style: normal;
}
.SidebarText {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 15px;
color: #000;
font-weight: normal;
}
.SidebarHeader {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #471F3A;
font-weight: bold;
}
.SubjectHeader {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #17453A;
font-weight: bold;
}
.FooterText {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #fff;
line-height:17px;
font-weight: bold;
}
.PageTitle {
font-family: Rockwell, Arial, Helvetica, sans-serif;
font-size: 26px;
line-height: 24px;
color: #3A273A;
font-weight: bold;
}
td.GrayBorderTop {border-top: solid 1px #DDD; padding-top: 20px;}
img.FloatLeft {float: left; margin-right: 10px; margin-bottom: 10px;}
#teen-video { width:150px; height:112px; overflow:hidden; text-indent:-999em; display:block; background:url(video/bg-video-teen.gif)}
#teen-video:hover { background:url(video/bg-video-teen.gif) -150px 0}
.gold {
background:url(images/box-bg.jpg) repeat-x #ADBDBC;
display:block;
padding:10px;
border:2px solid #b7c6c3;
display: block;
margin: 20px 20px 30px;
text-decoration: none !important;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px; width:440px; }
.gold:hover {background:url(images/box-bg-hov.jpg) repeat-x #b0c2c0;}
.quote{margin-left: 20px;}
.new-patients{width:60px;text-indent:-5px;margin:-2px 0 0 4px; line-height:12px}
.accelerated-orthodontics{width:90px;text-indent:-5px;margin:-2px 0 0 4px; line-height:12px}
.about-orthodontics{width:88px;text-indent:-5px;margin:-2px 0 0 4px; line-height:12px}
.lingual-braces{width:55px;text-indent:-5px;margin:-2px 0 0 4px; line-height:12px}
.lingual-braces li {margin:0}
#contact-us-btn{width:202px;height:79px;display:block; margin:-10px 0 28px 28px; text-indent:-5000px; background:url(images/contact-btn.jpg); margin-left: 28px;}
#contact-us-btn:hover{background:url(images/contact-btn.jpg) 0 79px;}
#home-callout td a{ background: url("images/box-bg.jpg") repeat-x scroll 0 0 #ADBDBC;
border: 3px solid #B6C7C1;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
display: block;
height: 128px;
margin: 6px 4px 10px;
padding: 9px 7px;
text-decoration: none !important;
-webkit-box-shadow: 0 0px 0px 1px #C8D8D5;
-moz-box-shadow: 0 0px 0px 1px #C8D8D5;
box-shadow: 0 0px 0px 1px #C8D8D5}
#home-callout h3{font-size:1.5em; Font-family:calibri, verdana, courier, sans-serif; color:#6d1d53;text-decoration:none!important;text-align:center;font-style:italic; margin-bottom:13px; font-weight:bold;}
#home-callout li{font:12px Myriad;line-height:22px; color: #6D1D53; font-weight:normal; font-style:normal; font-family:Arial, Helvetica, sans-serif;}
#home-callout ul{margin: -6px 0;}
#home-callout td a:hover{background:url(images/box-bg-hov.jpg) repeat-x #b0c2c0;}
.bottom-sub-nav{margin:24px 20px 30px;}
.bottom-sub-nav a{text-decoration:none!important}
.bottom-sub-nav .active a{color:#000!important;text-decoration:underline!important}
.subnav-two .accelerated-orthodontics, #subnav .accelerated-orthodontics{width:auto;text-indent:0;margin:0;line-height:1.2em}
#nav ul li.accelerated-orthodontics{width:auto;text-indent:0;margin:0;line-height:auto}
.social-icons a{margin:0 4px 10px 4px;display:inline-block}
.invis-teen-logo{background: none repeat scroll 0 0 #FFFFFF;
border: 2px solid #EEF2F1;
margin: 9px 0 0 20px;
padding: 5px;}
.invis-logo{margin-left:60px}
.incog-logo{background: none repeat scroll 0 0 #FFFFFF; border: 2px solid #EEF2F1; padding: 5px; margin: 0 0 20px 20px;}
.accel-logo{margin-left: 20px;}
#home-logo-link{width:256px;height:163px;display:block; position:relative;top:25px;left:-40px;text-indent:-5000px}
/* Reset */
#pro-pack {
position: relative;
font-size: inherit;
line-height: inherit;
}
#pro-pack img {
display: block;
}
#pro-pack a, #pro-pack img, #pro-pack object {
border:none;
outline:none;
}
/* Global Styles ------------------- */
#pro-pack .border {
border: solid 1px #333; /* Customize me!! */
}
#pro-pack .right {
float: right;
margin: 0 0 15px 15px;
}
#pro-pack .left {
margin: 0 15px 15px 0;
float: left;
}
#pro-pack .right-border {
border: solid 1px #333; /* Customize me!! */
float: right;
clear: right;
margin: 0 0 15px 15px;
}
#pro-pack .left-border {
border: solid 1px #333; /* Customize me!! */
float: left;
clear: left;
margin: 0 15px 15px 0;
}
#pro-pack img.border {
border: solid 1px #333; /* Customize me!! */
}
/* Invisalign Videos ------------------- */
#pro-pack div.invisalign-flash {
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;
}
#pro-pack div.invisalign-flash img {
margin: 30px 50px 0;
float: right;
}
#pro-pack .bump-right {
margin-right: 5px;
}
#pro-pack #video-invisalign-best-friends, #pro-pack #video-invisalign-news-travels-fast {
width: 320px;
height: 206px;
display: block;
}
#pro-pack #video-invisalign-lobby {
width: 320px;
height: 266px;
display: block;
}
/* Invisalign Footer -------------------- */
#pro-pack #invisalign-footer {
background: #fff;
width: 100%;
margin: 30px 0;
padding: 0;
border: solid 1px #333; /* Customize me!! */
font-size: 11px;
-moz-border-radius: 5px; /* Optional - you may customize or remove - Does not work in IE */
-webkit-border-radius: 5px; /* Optional - you may customize or remove - Does not work in IE */
clear: both;
}
#pro-pack #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 - Does not work in IE */
-webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; /* Optional - you may customize or remove - Does not work in IE */
}
#pro-pack #invisalign-footer ul li img {
margin: 0 10px 0 15px;
float: left;
}
#pro-pack #invisalign-footer p {
padding: 0 15px;
margin: 30px 0 15px 0;
}
#pro-pack #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;
}
#pro-pack #invisalign-footer li {
width: 33%;
float: left;
margin: 0;
padding: 0;
border: none;
background: none;
}
#pro-pack #invisalign-footer li a {
float: left;
}
#pro-pack .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;}
/* Invisalign Before and After */
#pro-pack #invisalign-before-after {
width: 488px;
min-height: 335px;
line-height: 18px;
margin: 0 0 18px 0;
padding: 10px 0 10px 10px;
background-color: #a1b6af; /* Customize me */
border: solid 1px #333; /* Customize me */
-moz-border-radius: 5px; /* Optional - you may customize or remove - Does not work in IE */
-webkit-border-radius: 5px; /* Optional - you may customize or remove - Does not work in IE */
}
#pro-pack #invisalign-before-after ul.slideshow {
list-style: none;
margin: 0;
padding: 0;
width: 488px;
height: 270px;
overflow: hidden;
}
#pro-pack ul#before-after-cycle li img {
width: 232px;
height: 265px;
float: left;
margin-right: 10px;
border: solid 1px #333; /* Customize me */
}
#pro-pack #invisalign-before-after p {
float: left;
width: 50%;
margin: 0 0 10px 0;
}
#pro-pack #invisalign-before-after div.cycle-detail {
_width: 478px;
min-height: 55px;
_height: 75px;
line-height: 18px;
clear: both;
background-color: #fff; /* Customize me */
color: #333; /* 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 - Does not work in IE */
-webkit-border-radius: 5px; /* Optional - you may customize or remove - Does not work in IE */
}
#pro-pack #invisalign-before-after div.before-after-nav {
background: #fff; /* Customize me */
_width: 478px;
margin: 0 10px 10px 0;
padding: 5px 3px;
border: solid 1px #333; /* Customize me */
-moz-border-radius: 5px 5px 0 0; /* Optional - you may customize or remove - Does not work in IE */
-webkit-border-top-left-radius: 5px; /* Optional - you may customize or remove - Does not work in IE */
-webkit-border-top-right-radius: 5px; /* Optional - you may customize or remove - Does not work in IE */
}
#pro-pack #invisalign-before-after .before-after-nav a {
text-decoration: none;
font-size: 12px;
padding: 5px;
margin: 0 3px;
outline: none;
color: #333; /* Customize me */
}
#pro-pack #invisalign-before-after .before-after-nav a.activeSlide, #pro-pack #invisalign-before-after .before-after-nav a:hover {color: #009EC7;} /* Customize me */
/* Invisalign Testimonials ------------------ */
#pro-pack ul#testimonials {
margin: 0;
padding: 0;
list-style: none;
list-style-image: none;
}
#pro-pack .invisalign-block {
width: 315px;
float: left;
}
p.footer-info{color: #DDDDDD;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 16px;
margin-bottom: -10px;
margin-top: 2px;}
#comparison-table{
background:url(images/box-bg.jpg) repeat-x #ADBDBC;
display:block;
padding:4px;
border:2px solid #b7c6c3;
display: block;
margin: 20px 20px 30px;
text-decoration: none !important;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px; width:440px;
}
#comparison-table .table-sub-title{font-weight:bold;font-style:italic;text-align:left;color:#6D1D53;}
#comparison-table td{border:1px #97a7a6 solid;font-size:1em;text-align:center}
#comparison-table th{border:1px solid #e1e7e7;border-bottom:2px solid #8d9c9b;background:#f4f6f6;text-align:center;padding:11px;font-size:1.1em }
.test-box{clear:both;background:url(images/box-bg.jpg) repeat-x #ADBDBC;display:block;padding:10px; border:2px solid #b7c6c3; -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
display: block;
margin: 20px 3px 30px;height:112px}
.test-box img{padding:0;margin-top:0px}
.test-box p{font-size:.9em!important;}
.test-box .right{margin-top:0px}
.before-after-box{background:url(images/box-bg.jpg) repeat-x #ADBDBC;display:block;padding:10px; border:2px solid #b7c6c3; -webkit-border-radius: 8px;
-moz-border-radius: 8px;
display: block;
margin: 20px 3px 30px;height:145px}
.subnav-two ul{width:230px;float:left;padding:15px 0 30px;border-top:1px solid #aaa}