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:"Tahoma", Arial, Verdana, Helvetica, sans-serif;}
/* - - - - - - - - - - GENERAL LINKS - - - - - - - - - - */
a {color:#778f11;}
a:visited {color:#778f11;}
a.noVisited:visited {color:#778f11;}
a:hover, a.noVisited:hover {color:#778f11;}
/* - - - - - - - - - - BODY - - - - - - - - - - */
body {background:#aac635 url(images/background-tile.jpg) repeat-x; margin:0px; font-weight:normal; font-size:12px; color:#000000; font-style:normal; font-family:"Tahoma", Arial, Verdana, Helvetica, sans-serif; text-decoration:none; height:100%;}
#container {background:url(images/content-tile.gif) repeat-y; width:983px; margin:0px auto;}
#background-img {background:url(images/background.jpg) no-repeat center top;}
/* - - - - - - - - - - HEADER - - - - - - - - - - */
h1.logo {margin:0px; overflow:hidden; text-indent:-999em;}
h1.logo a {display:block; width:340px; height:110px; margin:120px 0px 0px 0px;}
#header {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:983px; height:279px; background:url(images/header.jpg) no-repeat;}
/* - - - - - - - - - - TOP MENU - - - - - - - - - - */
#top-navigation ul a:hover {background-position:0px -79px;}
#top-navigation ul .active {background-position:0px -79px;}
#top-navigation ul li:hover ul {left:auto; top:79px;}
#top-navigation ul li.sfhover ul {left:auto; top:79px;}
#top-navigation ul .active {cursor:default;}
#top-navigation ul ul {padding:0px; margin:0px; list-style-type:none;}
#top-navigation ul ul li {float:none;}
#top-navigation ul {list-style-type:none; position:absolute; top:15px;}
#top-navigation ul a {display:block; overflow:hidden; text-indent:-999em;}
#top-navigation ul {width:226px; margin:0px 0px 0px 750px; padding:0px; z-index:200;}
#top-navigation ul li {float:left;}
/* - - - - - - - - - - TOP MENU PATIENT LOGIN, DOCTOR LOGIN CONTACT US HOME - - - - - - - - - - */
#free-exam {background:url(images/free-exam.jpg) no-repeat 0px 0px; text-indent:-999em; line-height:0; letter-spacing:-1000em; width:226px; height:79px;}
#top-navigation li a#free-exam:hover, #top-navigation li:hover a#free-exam, #top-navigation li.sfhover a#free-exam {background-image:url(images/free-exam.jpg); background-position:bottom;}
/* - - - - - - - - - - SUB MENU - - - - - - - - - - */
.sub-menu {display:inline; padding-right:3px; list-style-type:none; line-height:20px;}
.sub-menu a {text-decoration:none;}
.sub-menu-sub {display:inline; background:url(images/sub-bullet.jpg) no-repeat; padding-left:9px; padding-right:3px; list-style-type:none;}
.sub-menu-sub a {text-decoration:none; color:#363636 !important;}
.menu-sub ul {margin:0px 0px 0px 7px !important;}
.menu-sub a {font-weight:bold !important; color:#363636 !important;}
.menu-sub {margin-bottom:15px;}
.activ-sub {!important; font-weight:bold !important; color:#363636 !important; text-decoration:underline !important;}
/* - - - - - - - - - - LEFT SIDE ADDRESS - - - - - - - - - - */
.left-header p {text-indent:-999em; height:0px !Important;}
.left-side-banners {margin:10px 0px 0px 0px;}
.best-of {list-style-type:none; text-indent:-999em;}
.best-of a {display:block; width:135px; height:175px; margin:24px 0px 0px 60px;}
.schedule-your {list-style-type:none; text-indent:-999em;}
.schedule-your a {display:block; width:150px; height:80px; margin:0px 0px 0px 55px;}
.why-so-many-kinds {list-style-type:none; text-indent:-999em;}
.why-so-many-kinds a {display:block; width:150px; height:80px; margin:37px 0px 0px 55px;}
.inv-home {list-style-type:none; text-indent:-999em;}
.inv-home a {display:block; width:150px; height:40px; margin:17px 0px 0px 55px;}
.face-home {list-style-type:none; text-indent:-999em;}
.face-home a {display:block; width:150px; height:55px; margin:10px 0px 0px 55px;}
.aao-home-logo {list-style-type:none; text-indent:-999em;}
.aao-home-logo a {display:block; width:165px; height:60px; margin:15px 0px 0px 45px;}
/* - - - - - - - - - - LEFT MENU - - - - - - - - - - */
#left-menu {overflow:hidden; width:983px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
#sidebar {float:left; width:247px; margin:0px 0px 0px 0px; font-family:"Tahoma", Arial, Verdana, Helvetica, sans-serif; background:url(images/left-menu-background.gif) no-repeat; height:968px;}
#navigation {width:231px; margin:0px 0px 0px 8px; padding:0px 0px 0px 0px; height:340px;}
#navigation ul {margin:0px; list-style-type:none; width:231px;}
#navigation ul a {display:block; overflow:hidden; text-indent:-999em; height:41px; font-family:"Tahoma", Arial, Verdana, Helvetica, sans-serif; margin:0px 0px 0px 0px; font-size:11px; font-weight:bold; text-align:center;}
#navigation ul ul {margin:5px; list-style-type:none; z-index:1000;}
#navigation ul li {list-style-type:none; float:left; clear:both; position:relative;}
#navigation ul a:hover {background-position:0px -41px;}
#navigation ul .active {background-position:0px -41px;}
#navigation ul .active {cursor:default;}
#navigation ul ul li a {text-indent:0px; margin:0px;}
#navigation ul li:hover ul, #nav li.sfhover ul {visibility:visible;}
#navigation ul li ul {padding:0px 0px 0px 0px; left:-9999em; position:absolute; top:0px; height:auto;}
#navigation ul li ul {visibility:hidden; left:230px; margin:0px 0px 0px 0px; font-family:"Tahoma", Arial, Verdana, Helvetica, sans-serif; width:280px;}
#navigation ul li ul a:hover {color:#ffffff; font-weight:bold; text-decoration:none; background:url(images/sub-menu-img.jpg) no-repeat;}
#navigation ul li:hover ul, #navigation ul li.sfhover ul {visibility:visible;}
#navigation ul li ul a {color:#ffffff; font-weight:bold; text-decoration:none; display:block; padding-top:6px; padding-bottom:0px; padding-left:0px; height:23px; width:280px;}
.about-us-sub {z-index:1000 !Important;}
.for-new-patients-sub {z-index:100 !Important;}
.about-orthodontics-sub {z-index:50 !Important;}
.orthodontic-treatments-sub {z-index:30 !Important;}
.braces-sub {z-index:15 !Important;}
.contact-sub {z-index:10 !Important;}
.meet-dr-name-sub {background:url(images/about-us-sub.jpg) no-repeat !Important; width:280px !Important; height:174px !Important;}
.faqs-sub {background:url(images/for-new-patients-sub.jpg) no-repeat !Important; width:280px !Important; height:145px !Important;}
.sub-about-orthodontics {background:url(images/about-orthodontics-sub.jpg) no-repeat !Important; width:280px !Important; height:232px !Important;}
.life-with-braces-sub {background:url(images/braces-sub.jpg) no-repeat !Important; width:280px !Important; height:232px !Important;}
.contact-us-sub {background:url(images/contact-us-sub.jpg) no-repeat !Important; width:280px !Important; height:232px !Important;}
/* - - - - - - - - - - LEFT MENU SECTION - - - - - - - - - - */
#about-us {background:url(images/nav-about-us.jpg); width:231px;}
#navigation li a#about-us:hover, #navigation li:hover a#about-us, #navigation li.sfhover a#about-us {background-image:url(images/nav-about-us.jpg); background-position:bottom;}
.active #about-us {background-image:url(images/nav-about-us-act.jpg);}
#for-new-patients {background:url(images/nav-for-new-patients.jpg); width:231px;}
#navigation li a#for-new-patients:hover, #navigation li:hover a#for-new-patients, #navigation 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); width:231px;}
#navigation li a#about-orthodontics:hover, #navigation li:hover a#about-orthodontics, #navigation 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);}
#braces {background:url(images/nav-braces.jpg); width:231px;}
#navigation li a#braces:hover, #navigation li:hover a#braces, #navigation li.sfhover a#braces {background-image:url(images/nav-braces.jpg); background-position:bottom;}
.active #braces {background-image:url(images/nav-braces-act.jpg);}
#emergency-care {background:url(images/nav-emergency-care.jpg); width:231px;}
#navigation li a#emergency-care:hover, #navigation li:hover a#emergency-care, #navigation 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:url(images/nav-contact-us.jpg); width:231px;}
#navigation li a#contact-us:hover, #navigation li:hover a#contact-us, #navigation 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:url(images/nav-home.jpg); width:231px;}
#navigation li a#home:hover, #navigation li:hover a#home, #navigation li.sfhover a#home {background-image:url(images/nav-home.jpg); background-position:bottom;}
.active #home {background-image:url(images/nav-home-act.jpg);}
/* - - - - - - - - - - RIGHT SIDE - - - - - - - - - - */
#right-side {width:736px; margin:0px; float:right; background:url(images/right-side-back.jpg) no-repeat;}
#right-column {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-size:12px; color:#464646; font-family:"Tahoma", Arial, Verdana, Helvetica, sans-serif; float:right; width:700px;}
#right-column {height:auto !important;}
#right-column p {margin:5px 55px 15px 7px; line-height:1.4em;}
#right-column ul {margin:7px 55px 20px 40px;}
#right-column ol {margin:7px 55px 20px 40px;}
#content-body {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-size:12px; color:#464646; font-family:"Tahoma", Arial, Verdana, Helvetica, sans-serif; float:left; width:490px; background:#fcfbcb url(images/right-subnav-border-long.jpg) no-repeat; background-position: top right; }
#content-body {height:auto !important;min-height:965px;}
* html #content-body {height: 965px;}
#content-body p {margin:5px 55px 15px 7px; line-height:1.4em;}
#content-body ul {margin:7px 55px 20px 40px;}
#content-body ol {margin:7px 55px 20px 40px;}
#right-subnav {float:right; width:175px; margin-top:27px; margin-right:35px;}
/* - - - - - - - - - - HOME BANNERS - - - - - - - - - - */
.home-banners {margin:30px 0px 0px 80px;}
.logo-aao {background:url(images/aao.jpg) no-repeat; width:184px; height:74px; margin:0px 0px 15px 35px; float:left; border:solid 1px #92ab28;}
h1.aao {margin:0px; overflow:hidden; text-indent:-999em;}
h1.aao a {display:block; width:184px; height:74px; margin:0px 0px 0px 0px; clear:both;}
.logo-ada {background:url(images/ada.jpg) no-repeat; width:184px; height:74px; margin:0px 0px 0px 25px; float:left; border:solid 1px #92ab28;}
h1.ada {margin:0px; overflow:hidden; text-indent:-999em;}
h1.ada a {display:block; width:184px; height:74px; margin:0px 0px 0px 0px; clear:both;}
.logo-abo {background:url(images/abo.jpg) no-repeat; width:184px; height:74px; margin:18px 0px 18px -80px; float:left; border:solid 1px #92ab28;}
h1.abo {margin:0px; overflow:hidden; text-indent:-999em;}
h1.abo a {display:block; width:184px; height:74px; margin:0px 0px 0px 0px; clear:both;}
.logo-best-of-gwinnett-2007 {background:url(images/best-of-gwinnett-2007.jpg) no-repeat; width:100px; height:158px; margin:0px 0px 15px 35px; float:left; border:solid 1px #92ab28;}
h1.best-of-gwinnett-2007 {margin:0px; overflow:hidden; text-indent:-999em;}
h1.best-of-gwinnett-2007 a {display:block; width:100px; height:158px; margin:0px 0px 0px 0px; clear:both;}
.logo-best-of-gwinnett-2008 {background:url(images/best-of-gwinnett-2008.jpg) no-repeat; width:100px; height:158px; margin:0px 0px 15px 45px; float:left; border:solid 1px #92ab28;}
h1.best-of-gwinnett-2008 {margin:0px; overflow:hidden; text-indent:-999em;}
h1.best-of-gwinnett-2008 a {display:block; width:100px; height:158px; margin:0px 0px 0px 0px; clear:both;}
.logo-best-of-gwinnett-2009 {background:url(images/best-of-gwinnett-2009.jpg) no-repeat; width:100px; height:158px; margin:0px 0px 15px 45px; float:left; border:solid 1px #92ab28;}
h1.best-of-gwinnett-2009 {margin:0px; overflow:hidden; text-indent:-999em;}
h1.best-of-gwinnett-2009 a {display:block; width:100px; height:158px; margin:0px 0px 0px 0px; clear:both;}
.logo-care-credit {background:url(images/care-credit.jpg) no-repeat; width:184px; height:74px; margin:0px 0px 15px 15px; float:left; border:solid 1px #92ab28;}
h1.care-credit {margin:0px; overflow:hidden; text-indent:-999em;}
h1.care-credit a {display:block; width:184px; height:74px; margin:0px 0px 0px 0px; clear:both;}
/* - - - - - - - - - - TITLES - - - - - - - - - - */
#title-welcome {background:url(images/titles/title-welcome.jpg) no-repeat; width:680px; height:88px; margin:0px 0px 0px 0px;}
#title-meet-dr-cardenas {background:url(images/titles/title-meet-dr-cardenas.jpg) no-repeat; width:416px; height:73px; margin:0px 0px 0px -10px;}
#title-meet-the-staff {background:url(images/titles/title-meet-the-staff.jpg) no-repeat; width:416px; height:73px; margin:0px 0px 0px -10px;}
#title-office-tour {background:url(images/titles/title-office-tour.jpg) no-repeat; width:416px; height:73px; margin:0px 0px 0px -10px;}
#title-newsletter {background:url(images/titles/title-newsletter.jpg) no-repeat; width:416px; height:73px; margin:0px 0px 0px -10px;}
#title-events-and-contests {background:url(images/titles/title-events-and-contests.jpg) no-repeat; width:416px; height:73px; margin:0px 0px 0px -10px;}
#title-grayson-smile-gallery {background:url(images/titles/title-grayson-smile-gallery.jpg) no-repeat; width:416px; height:73px; margin:0px 0px 0px -10px;}
#title-your-first-visit {background:url(images/titles/title-your-first-visit.jpg) no-repeat; width:416px; height:73px; margin:0px 0px 0px -10px;}
#title-payment-and-office-policies {background:url(images/titles/title-payment-and-office-policies.jpg) no-repeat; width:416px; height:73px; margin:0px 0px 0px -10px;}
#title-free-consultation-appointment-request {background:url(images/titles/title-free-consultation-appointment-request.jpg) no-repeat; width:416px; height:73px; margin:0px 0px 0px -10px;}
#title-new-patient-forms {background:url(images/titles/title-new-patient-forms.jpg) no-repeat; width:416px; height:73px; margin:0px 0px 0px -10px;}
#title-testimonials {background:url(images/titles/title-testimonials.jpg) no-repeat; width:416px; height:73px; margin:0px 0px 0px -10px;}
#title-before-and-after {background:url(images/titles/title-before-and-after.jpg) no-repeat; width:416px; height:73px; margin:0px 0px 0px -10px;}
#title-why-braces {background:url(images/titles/title-why-braces.jpg) no-repeat; width:416px; height:73px; margin:0px 0px 0px -10px;}
#title-for-children-teens-and-adults {background:url(images/titles/title-for-children-teens-and-adults.jpg) no-repeat; width:416px; height:73px; margin:0px 0px 0px -10px;}
#title-two-phase-treatment {background:url(images/titles/title-two-phase-treatment.jpg) no-repeat; width:416px; height:73px; margin:0px 0px 0px -10px;}
#title-orthodontic-treatment-video {background:url(images/titles/title-orthodontic-treatment-video.jpg) no-repeat; width:416px; height:73px; margin:0px 0px 0px -10px;}
#title-invisalign {background:url(images/titles/title-invisalign.jpg) no-repeat; width:416px; height:73px; margin:0px 0px 0px -10px;}
#title-in-ovation {background:url(images/titles/title-in-ovation.jpg) no-repeat; width:416px; height:73px; margin:0px 0px 0px -10px;}
#title-ortho-dictionary {background:url(images/titles/title-ortho-dictionary.jpg) no-repeat; width:416px; height:73px; margin:0px 0px 0px -10px;}
#title-faqs {background:url(images/titles/title-faqs.jpg) no-repeat; width:416px; height:73px; margin:0px 0px 0px -10px;}
#title-life-with-braces {background:url(images/titles/title-life-with-braces.jpg) no-repeat; width:416px; height:73px; margin:0px 0px 0px -10px;}
#title-types-of-braces {background:url(images/titles/title-types-of-braces.jpg) no-repeat; width:416px; height:73px; margin:0px 0px 0px -10px;}
#title-braces-diagram {background:url(images/titles/title-braces-diagram.jpg) no-repeat; width:416px; height:73px; margin:0px 0px 0px -10px;}
#title-types-of-appliances {background:url(images/titles/title-types-of-appliances.jpg) no-repeat; width:416px; height:73px; margin:0px 0px 0px -10px;}
#title-oral-care-video {background:url(images/titles/title-oral-care-video.jpg) no-repeat; width:416px; height:73px; margin:0px 0px 0px -10px;}
#title-palatal-expander {background:url(images/titles/title-palatal-expander.jpg) no-repeat; width:416px; height:73px; margin:0px 0px 0px -10px;}
#title-retainers {background:url(images/titles/title-retainers.jpg) no-repeat; width:416px; height:73px; margin:0px 0px 0px -10px;}
#title-brace-painter {background:url(images/titles/title-brace-painter.jpg) no-repeat; width:416px; height:73px; margin:0px 0px 0px -10px;}
#title-emergency-care {background:url(images/titles/title-emergency-care.jpg) no-repeat; width:416px; height:73px; margin:0px 0px 0px -10px;}
#title-office-location {background:url(images/titles/title-office-location.jpg) no-repeat; width:416px; height:73px; margin:0px 0px 0px -10px;}
#title-comment-form {background:url(images/titles/title-comment-form.jpg) no-repeat; width:416px; height:73px; margin:0px 0px 0px -10px;}
#title-referrals {background:url(images/titles/title-referrals.jpg) no-repeat; width:416px; height:73px; margin:0px 0px 0px -10px;}
#title-site-map {background:url(images/titles/title-site-map.jpg) no-repeat; width:416px; height:73px; margin:0px 0px 0px -10px;}
#title-404-error {background:url(images/titles/title-404-error.jpg) no-repeat; width:416px; height:73px; margin:0px 0px 0px -10px;}
#title-500-error {background:url(images/titles/title-500-error.jpg) no-repeat; width:416px; height:73px; margin:0px 0px 0px -10px;}
.site-map {margin:0px 0px 0px 10px !important; list-style-type:none !important;}
.site-map a {text-decoration:none !important;}
.site-map li {list-style-type:none !important;}
.site-map li ul li a {color:#464646 !important; text-decoration:none !important;}
/* - - - - - - - - - - CONTENT ELEMENTS - - - - - - - - - - */
.text-top {margin-top:0px !important;}
.small-tile {background:url(images/sm-tile.gif) repeat-x; width:450px; height:1px; margin-left:7px; margin-bottom:10px; margin-top:10px; clear:both;}
.small-tile-test {background:url(images/sm-tile.gif) repeat-x; width:450px; height:1px; margin-left:7px; margin-bottom:10px; margin-top:10px; clear:both;}
blockquote {margin-left:45px;}
#toggle-content {margin: 0 0 15px 35px;}
img.right {clear:right; float:right; margin:0px 40px 20px 20px;}
sup {font-size: 80%;}
/* - - - - - - - - - - PHOTOS - - - - - - - - - - */
.photo {float:right; margin:30px 40px 20px 10px;}
.photo-sub {margin:0px 0px 25px 35px;}
.photo-small {float:right; margin:30px 40px 20px 10px; border:solid 1px #93ad29; clear:right;}
/* - - - - - - - - - - FLASH - - - - - - - - - - */
#photo-homepage {width:736px; height:294px; background:url(images/home-page-photo.jpg) no-repeat;}
.flash-replaced .alt {display:block; width:0px; height:0px; position:absolute; overflow:hidden;}
.hide {display:none;}
#flash-common-treatments {margin:0px 0px 0px 0px;}
#braces-diagram {margin:0px 0px 0px 0px;}
#flash-patient-care {margin:0px 0px 0px 0px;}
#flash-brace-painter {margin:0px 0px 0px 0px;}
#flash-emergency-care {margin:0px 0px 0px 70px;}
#video-in-ovation {margin:0px 0px 0px 20px;}
img.left {
float: left;
clear: left;
margin: 5px 15px 15px 15px;
border: solid 1px #333;}
img.left-photo {
float: left;
clear: left;
margin: 5px 15px 15px 15px;
}
/* Clear Fix */
.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;}
.left {
float: left;
margin: 0 10px 10px 0;}
img.right {
float: right;
margin: 0 20 10px 10px;}
.clear {
clear: both;}
div.comparison {
background: #fff;
border: 1px solid #a0b606;
display: inline-block;
margin-bottom: 10px;
clear: both;
padding: 5px;}
div.comparison div {
float: left;
width: 49%;}
#video-in-ovation {
width: 320px;
height: 266px;}
/*
#braces-diagram {background: url(images/braces-diagram/braces-diagram-bg.gif); height: 374px; position: relative; width: 425px}
#braces-diagram a {cursor: help; display: block; position: absolute}
#braces-diagram a:hover {background: transparent}
*/
p.flash_notice {
margin: 18px;
padding: 9px;
color: #ff0000;
border: 1px dotted #ff0000;
background: #ffffff;
text-align: center;
}
a#elastic-tie {height: 20px; left: 90px; top: 100px; width: 65px}
a#loop-archwire {height: 20px; left: 150px; top: 80px; width: 100px}
a#archwire {height: 20px; left: 190px; top: 100px; width: 65px}
a#bracket {height: 20px; left: 230px; top: 120px; width: 60px}
a#headgear-tube {height: 20px; left: 335px; top: 100px; width: 90px}
a#coil-spring {height: 20px; left: 150px; top: 300px; width: 65px}
a#tie-wire {height: 20px; left: 235px; top: 325px; width: 65px}
a#band {height: 20px; left: 270px; top: 300px; width: 40px}
a#hook {height: 20px; left: 315px; top: 280px; width: 35px}
a#elastic {height: 40px; left: 355px; top: 280px; width: 45px}
a#print {cursor: pointer; height: 23px; left: 365px; top: 351px; width: 60px}
#braces-diagram a img {border: none; display: block; height: 0; position: absolute; width: 0}
#braces-diagram a:hover img {height: 74px; width: 425px}
a#elastic-tie:hover img {left: -90px; top: -100px}
a#loop-archwire:hover img {left: -150px; top: -80px}
a#archwire:hover img {left: -190px; top: -100px}
a#bracket:hover img {left: -230px; top: -120px}
a#headgear-tube:hover img {left: -335px; top: -100px}
a#coil-spring:hover img {left: -150px; top: -300px}
a#tie-wire:hover img {left: -235px; top: -325px}
a#band:hover img {left: -270px; top: -300px}
a#hook:hover img {left: -315px; top: -280px}
a#elastic:hover img {left: -355px; top: -280px}
/* - - - - - - - - - - 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 55px 5px 7px; font-weight:normal; font-size:20px; font-family:"Tahoma", Arial, Verdana, Helvetica, sans-serif; text-decoration:none; color:#383838; line-height:1.5em;}
h3 {margin:0px 55px 5px 7px; font-weight:bold; font-style:italic; font-size:17px; font-family:"Tahoma", Arial, Verdana, Helvetica, sans-serif; text-decoration:none; color:#556a00; line-height:1.5em;}
h4 {margin:0px 40px 5px 5px; font-weight:bold; font-style:italic; font-size:14px; font-family:"Tahoma", Arial, Verdana, Helvetica, sans-serif; text-decoration:none; color:#93b01a; line-height:1.6em;}
h5 {text-align:center; font-size:15px; font-family:"Tahoma", Arial, Verdana, Helvetica, sans-serif; text-decoration:none; color:#ffffff; line-height:1.8em; font-weight:bold; padding:40px 0px 0px 0px;}
h6 {margin:0px 0px 5px 5px; font-weight:bold; font-style:italic; font-size:14px; font-family:"Tahoma", Arial, Verdana, Helvetica, sans-serif; text-decoration:none; color:#93b01a; line-height:1.6em;}
/* - - - - - - - - - - FOOTER - - - - - - - - - - */
#footer {font-family:"Arial", Verdana, Helvetica, sans-serif !Important; background:url(images/footer.jpg) no-repeat; width:983px; height:255px; margin:0 auto;}
#footer-menu {text-align:center; color:#ffffff; padding-top:15px; font-size:14px; font-weight:normal;}
#footer-menu a {color:#ffffff; font-weight:normal;}
#footer-menu ul {padding-top:10px;}
#footer-slogan {text-align:center; color:#ffffff; padding-top:25px; font-size:14px; font-weight:normal;}
#footer-slogan a {color:#ffffff; font-weight:normal;}
.foot-menu {display:inline; padding-right:3px; list-style-type:none;}
.foot-menu-sub {display:inline; background:url(images/footer-bullet.jpg) no-repeat; padding-left:9px; padding-right:3px; list-style-type:none;}
/* Global form styles */
div.referral-form, div.appointment-form, div.comments {
width: 97%;
margin-top: 18px;
letter-spacing: normal;
}
fieldset {border: 0; padding: 9px 0;margin: 0 18px;}
fieldset h2 {margin: 0 0 9px;}
fieldset p {margin: 0 0 18px;}
fieldset p.disclaimer {font-size: 90%; font-style: italic; margin: 0;}
fieldset dl {}
fieldset dl dt {font-size: 18px; clear: both; margin: 9px 0 0; font-weight:bold;}
fieldset dd ul {margin: 9px 0;}
fieldset dd ul li, fieldset dd ol li {list-style: none; background:none!Important;}
fieldset dd li {
clear: both;
margin: 3px 0;
padding: 5px 0 4px 10%;
overflow: auto;
height: auto;
position: relative;
}
fieldset dd li:hover {background: #d5e0eb;/* customize me - this is the hover color change of li */}
fieldset dd li input:hover, fieldset dd li input:focus,
fieldset dd li select:hover, fieldset dd li select:focus,
fieldset dd li textarea:hover, fieldset dd li textarea:focus {
background: #f1f1f1;/* customize me - this is the hover color change of form fields*/
outline-color: #537197;/* customize me */
}
fieldset li h3 {font-size: 12px; line-height: 18px; margin: 0;}
fieldset li div {float: left; display: inline-block; width: 40%; position: relative; padding-right: 5%;}
fieldset li div.input-street {width: 85%;}
fieldset li div.input-city {width: 60%;}
fieldset li div.input-full-name {width: 85%;}
fieldset li div.input-phone-full {width: 85%;}
fieldset li div.input-email {width: 85%;}
fieldset li div.input-zip {width: 20%;}
fieldset li div.content-switch, fieldset li div.radio, fieldset li div.checkbox {width: 85%;}
fieldset li div.radio input {border: none;}
fieldset li div.radio label {padding-right: 9px; font-size: 90%;}
/*fieldset li div.hidden-content, fieldset li.hidden-content {display: none;}*/
fieldset li div.input-select-full {width: 85%;}
fieldset li div.input-comments {width: 85%;}
li div.input-comments textarea {height: 63px; overflow: auto;}
fieldset li div.input-captcha {width: 50%;}
fieldset li div.verification {width: 35%;}
li div.verification img {
border: 1px solid;
margin-top: 9px;
-moz-border-radius: 4px; /*for Moz, optional*/
-webkit-border-radius: 4px; /*for Webkit Browsers, optional*/
}
fieldset li div label {
line-height: 18px;
font-weight: bold;
margin-bottom: 9px;
font-size: 80%;
color: #537197;/*override to match site*/
}
fieldset li div input, fieldset li div textarea, fieldset li div select {
display: block;
line-height: 18px;
width: 100%;
border: 1px solid;
padding: 4px 0 3px;
text-indent: 4px;
margin-top: 9px;
-moz-border-radius: 4px; /*for Moz, optional*/
-webkit-border-radius: 4px; /*for Webkit Browsers, optional*/
}
fieldset li div select {height: 25px;}
fieldset li div.radio input {display: inline; width: auto; margin-right: 4px;}
fieldset li div div {width: 100%;}
fieldset dl dd.form-footer button {/*these styles control the look of the button, change as necessary*/
clear:both;/*do not change, forces button to sit below floated elements*/
display: block;
width: 125px;
height: 34px;
text-align: center;
margin: 0;
background:#cfdae4;/* customize me! */
border: 1px solid #537197;
line-height: 34px;
color:#537197;/* customize me! */
font-size:12px;
font-weight:bold;
-moz-border-radius: 4px; /*for Moz, optional*/
-webkit-border-radius: 4px; /*for Webkit Browsers, optional*/
}
/* appointment form
* Styles only for the appointment request form
*/
/* comment form
* Styles only for the comments form
*/
/*numbering added by jQuery*/
fieldset ol li span.comment-number {
font-size: 150%;
color: #537197;/* customize me*/
position: absolute;
left: 9px;
top: 9px;
}
/* referral form
* Styles only for the referral form
*/
.referral-form fieldset li div.radio {width: 40%;}
/* JQuery */
input.error, select.error, textarea.error {border-color: #a52003; background: #fefda1;}
div.error {
background: url(../images/validate_error2.gif) 0 0 no-repeat;
color: #a52003;
width: 18px;
height: 18px;
position: absolute;
top: 0;
right: 0;
overflow: hidden;
display: block;
margin: 12px -2% 0 0;
text-indent: -999em;}
div.success {
background: url(../images/validate_ok2.gif) 0 0 no-repeat;
width: 18px;
height: 18px;
position: absolute;
top: 0;
right: 0;
overflow: hidden;
display: block;
margin: 12px -2% 0 0;
text-indent: -999em;}
.contact-form div.error, .contact-form div.success {margin-left: 0;}