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;
}
* .no-flash {
margin-top: 30px;
width: 540px;
height:243px;
border: 1px solid #CCCCCC;
font-size: 11px;
display:block;
}
body {
background-image:url(images/bg.jpg);
}
a {
color: #197e14;
}
a:hover {
color:#406767;
}
h3 {
font-size: 15px;
padding-bottom: 5px;
padding-top: 10px;
color:#1e7908;
}
h2 {
font-size: 18px;
padding-bottom: 5px;
padding-top: 15px;
color:#000
}
h1 {
background-repeat: no-repeat;
margin-top: 20px;
margin-bottom: 0px;
height: 30px;
overflow: hidden;
text-indent: -999em;
width: 300px;
}
p {
font-size: 12px;
line-height: 20px;
margin-top:10px
}
hr {
border:1px solid #66CCCC;
background-color:#66CCCC;
height:1px
}
* .pixline {height: 1px; background-color:#9BCDFF;}
* .ml10 {
margin-left:10px
}
* .pxline {
height:1px;
background-color:#000;
}
* .h10 {
height:10px
}
* .sub-content {
font-size: 12px;
padding-left:20px;
_height:450px;
padding-bottom: 50px;
min-height:450px;
}
/*subpages specific classes*/
* .resources {
list-style-type:none;
line-height: 30px;
}
* .fleft {float:left}
* .fright {
float: right;
}
* .sub-photo {position: relative;
top: 7px;
left: -15px;}
* .cboth {
clear:both;
margin-left: 10px;
}
* .mt0 {
margin:0px
}
* .p10 {
padding: 10px;
}
img.right {
float:right;
margin:10px 0 10px 10px;
}
h2.media-center {
background:#000033;
color:#FFF;
margin:0;
padding:5px;
}
div.media-center {
background:#336699;
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;
}
div#sesame-game {
background: #000;
line-height: 0;
margin: 10px auto;
text-align: center;
width: 400px
}
ul#sesame-games {
list-style: none;
margin: 0;
padding: 0
}
ul#sesame-games li {
clear: both;
display: block
}
ul#sesame-games img {
border: 0;
margin: 0 0 10px 10px
}
ul#sesame-games a.button {
float:right;
height:85px;
width:200px
}
ul#sesame-games p {
padding-bottom: 1em
}
/*-------------------------*/
.sub-content ul, ol {
font-size:12px;
list-style-position:inside;
padding-top: 10px;
padding-bottom: 10px;
margin-left: 20px;
}
/* Patient Forms ------------------------------------------------------------------------*/
* .downloadList {
float: right;
background-color: #bddcf4;
width: 240px;
margin: 15px 0px 6px 10px;
color: #445c70;
padding-bottom: 10px;
clear:both;
}
.downloadList h3 {
background-color: #79b0db;
padding: 6px 10px;
color: white
}
.downloadList p {
padding: 0px 10px 0px 10px;
}
.downloadList ul {
padding: 0px 10px 2px 16px;
}
.downloadList ul li {
margin-bottom: 6px;
}
.downloadList a, .downloadList a:visited {
color: #001025;
}
.downloadList a:hover {
color: #349beb;
}
* #flash-common-treatments {
margin-bottom: 1px;
}
* #flash-home {
z-index: 20
}
* .main {
border: 1px solid #999999;
background-color: #b7dcf6;
background-image:url(images/bg_main.gif);
background-position: left bottom;
background-repeat: no-repeat;
margin-left:auto;
margin-right:auto;
width:831px;
}
* .head-logo {
padding:0;
width:780px;
margin-left:35px;
height:184px;
}
/*layout*/
* .rightside {
width: 537px;
float:left;
position: relative;
left: 42px;
top: -10px;
}
.rightside ul {
list-style-position:outside
}
* .leftside {
float: left;
width: 200px;
}
/*main menu */
* .active {
}
/*hover*/
* .top-menu {
background-image:url(images/top-menu-bg.gif);
background-repeat:no-repeat;
background-position:top;
height: 91px;
width: 250px;
position:relative;
left: 540px;
top: -11px;
padding-top:9px;
}
.top-menu ul {
text-indent:-999em;
list-style-type:none;
position: relative;
left: 61px;
}
.top-menu li a {
height:40px;
display:block;
background-position:top;
}
* #nav {
background-image: url(images/nav-bg.jpg);
height: 275px;
background-repeat:no-repeat;
position:relative;
top: -4px;
left: 36px;
z-index:100;
width:174px;
}
#nav li {
text-indent:-999em;
list-style-type:none;
height:31px;
width:170px;
position:relative;
left: 2px;
top:28px;
float:left;
clear:both;
}
#nav li ul {
visibility:hidden;
position:absolute;
background-color: #e1e1e1;
border: 1px solid #636262;
left: 170px;
top:0px;
}
#nav li ul li {
text-indent: 0;
width: 168px;
margin:0px;
padding:0px;
top: 0px;
left:0px;
height: auto;
}
#nav li ul a {
color: #333333;
text-decoration: none;
font-size: 12px;
display:block;
width:158px;
padding: 10px 5px 10px 5px;
height: auto;
}
#nav li ul a:hover {
color: #fff;
background-color:#898989;
}
#nav li:hover ul, #nav li.sfhover ul {
visibility: visible;
}
.sub-content ul.innernav {
font-size: 12px;
line-height: 10px;
padding:0px;
margin-top:20px;
margin-left:0px;
list-style-position: inside;
}
* .innernav {
}
.innernav p {
text-align: center;
white-space:nowrap
}
.innernav a {
text-decoration:none;
color:#1a3333;
white-space:nowrap;
}
.innernav a:hover {
text-decoration:underline;
color:#1a3333;
}
.innernav li {
float:left;
margin-right: 5px;
color:#1a3333;
margin-bottom:5px;
margin-top: 0;
list-style-type:none;
}
#nav li a {
height:31px;
display:block;
background-position:top;
}
* #patient-login {
background-image:url(images/nav-patient-login.jpg);
background-repeat:no-repeat;
position:relative;
left:2px;
}
* #doctor-login {
background-image:url(images/nav-doctor-login.jpg);
background-repeat:no-repeat;
position: relative;
top: -40px;
left: -124px;
}
.top-menu li a#patient-login:hover, .top-menu li:hover a#patient-login, .top-menu li.sfhover a#patient-login {
background-image:url(images/nav-patient-login.jpg);
background-position: bottom;
}
.top-menu li a#doctor-login:hover, .top-menu li:hover a#doctor-login, .top-menu li.sfhover a#doctor-login {
background-image:url(images/nav-doctor-login.jpg);
background-position: bottom;
}
* #home {
background-image:url(images/nav-home.jpg);
background-repeat:no-repeat;
position:relative;
top: -40px;
left: -60px;
width: 248px;
}
.top-menu li a#home:hover, .top-menu li:hover a#home, .top-menu li.sfhover a#home {
background-image:url(images/nav-home.jpg);
background-position: bottom;
}
* #patient-forms {
background-image:url(images/nav-patient-forms.jpg);
background-repeat:no-repeat;
}
#nav li a#patient-forms:hover, #nav li:hover a#patient-forms, #nav li.sfhover a#patient-forms {
background-image:url(images/nav-patient-forms.jpg);
background-position: bottom;
}
* #meet-the-orthodontist {
background-image:url(images/nav-meet-the-orthodontist.jpg);
background-repeat:no-repeat;
}
#nav li a#meet-the-orthodontist:hover, #nav li:hover a#meet-the-orthodontist, #nav li.sfhover a#meet-the-orthodontist {
background-image:url(images/nav-meet-the-orthodontist.jpg);
background-position: bottom;
}
* #about-orthodontics {
background-image:url(images/nav-about-orthodontics.jpg);
background-repeat:no-repeat;
}
#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;
}
* #braces-101 {
background-image:url(images/nav-braces-101.jpg);
background-repeat:no-repeat;
}
#nav li a#braces-101:hover, #nav li:hover a#braces-101, #nav li.sfhover a#braces-101 {
background-image:url(images/nav-braces-101.jpg);
background-position: bottom;
}
* #treatment-options {
background-image:url(images/nav-treatment-options.jpg);
background-repeat:no-repeat;
}
#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;
}
* #patient-forms {
background-image:url(images/nav-patient-forms.jpg);
background-repeat:no-repeat;
}
#nav li a#patient-forms:hover, #nav li:hover a#patient-forms, #nav li.sfhover a#patient-forms {
background-image:url(images/nav-patient-forms.jpg);
background-position: bottom;
}
.active #patient-forms {
background-image:url(images/nav-patient-forms-act.jpg);
}
* #fun-n-games {
background-image:url(images/nav-fun-n-games.jpg);
background-repeat: no-repeat;
}
#nav li a#fun-n-games:hover, #nav li:hover a#fun-n-games, #nav li.sfhover a#fun-n-games {
background-image:url(images/nav-fun-n-games.jpg);
background-position: bottom;
}
* #contact-us {
background-image:url(images/nav-contact-us.jpg);
background-repeat:no-repeat
}
#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;
}
#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 #meet-the-orthodontist {
background-image:url(images/nav-meet-the-orthodontist-act.jpg);
}
.active #about-orthodontics {
background-image:url(images/nav-about-orthodontics-act.jpg);
}
.active #braces-101 {
background-image:url(images/nav-braces-101-act.jpg);
}
.active #treatment-options {
background-image:url(images/nav-treatment-options-act.jpg);
}
.active #fun-n-games {
background-image:url(images/nav-fun-n-games-act.jpg);
}
.active #contact-us {
background-image:url(images/nav-contact-us-act.jpg);
}
.active #home {
background-image:url(images/nav-home-act.jpg);
}
#holliday-card {
margin-top: 200px;
}
/*contact Form*/
* .contactform {
width: 160px;
padding-top:30px;
padding-left:30px;
margin-bottom:30px;
clear: both
}
.contactform input {
border:solid 1px #CCCCCC;
margin-top: 3px;
color:#666666;
font-size: 10px;
padding:1px;
width: 139px
}
/*footer */
* .footer {
clear:both;
text-align: center;
color:#413d3d;
font-size: 11px;
line-height:16px;
}
.footer strong {
font-weight:bold;
color:#1a3333;
}
.footer p.innernav {
font-size: 11px;
line-height: 10px;
padding:0px;
text-align: center;
color:#413d3d;
}
.footer p.innernav a {
color: #1a3333;
}
* .logo-header {
background-image:url(images/logo-header.jpg);
height: 184px;
width:829px;
background-repeat:no-repeat;
margin: 1px;
z-index: 150;
}
* .img-left {
border: solid 1px #000;
margin: 0 15px 20px 0;
float: left;}
span.indent {
padding-left: 40px;}
* #sidebar {
background: #fff;
width: 275px;
margin: 20px 0 15px 15px;
padding: 0;
border: solid 1px #000;
float: right;
clear: right;}
#sidebar a {
color: #036;}
#sidebar h3 {
background: #97AFC2;
margin: 0;
padding: 15px;
color: #fff;}
* .thumb {
border: solid 1px #000;
margin: 0 10px 10px 0;
float: left;
clear: left;}
#sidebar p {
padding: 0 15px;
margin: 15px 0;}
* .clear {clear: both;}
* .img-right {
margin: 10px 0 15px 15px;
float: right;
clear: right;}
* #flash-clarity-smart-clip {
width: 520px;
height: 450px;
margin: 130px auto 0px auto;
clear: both;}
* .left {
float:left;
margin:0px 10px 10px 0px;
}
h2.media-center {
background:#000033;
color:#FFF;
margin:0;
padding:5px;}
div.media-center {
background:#336699;
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;}
* .flash {
border: solid 1px #ccc;}
* #flash-ibraces-1 {
width: 320px;
height: 266px;}
* #flash-ibraces-2, * #flash-ibraces-3 {
width: 352px;
height: 266px;}
/* edit.com visible styles */
BODY, TD, .NormalText { text-decoration: none; font-weight: normal; font-style: normal; color: #000; font-size: 12px; font-family: Arial, Helvetica, sans serif, Verdana; line-height: 20px; }
.Title { color: #2C334D; font-size: 24px; font-weight: normal; font-family: Arial; font-style: italic; }
.Header { color: #000000; font-size: 18px; font-weight: normal; font-family: Arial; }
.Subheader { color: #1E7908; font-size: 15px; font-weight: normal; font-family: Arial; }
.Green { color: #1E7908; }
.Blue { color: #2C334D; }
.Black { color: #000000; }
.White { color: #FFFFFF; }
.SmallText { font-size: 10px; }
.MediumText { font-size: 16px; line-height: 1em; }
.LargeText { font-size: 24px; line-height: 1em; }
IMG.FloatLeft { float: left; margin: 0 10px 10px 0; }
IMG.FloatRight { float: right; margin: 0 0 10px 10px; }
* .img-border {
border: solid 3px #8D9D9D;
}
.video { display: block; /* Add more nifty stuff in here if you like */ }