/* Main Stylesheet */ /* Colours Orange - #ff6f00 Dark Blue - #1f3b9e */ body {margin:0; padding:0; background:#6479bc url('../images/bg_gradient.gif') repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; color:#1f3b9e; line-height:150%;} h1 {font-size:1.5em; margin-top:0; padding-top:0;} h2 {font-size:1.4em;} h3 {font-size:1.3em;} h4 {font-size:1.2em;} h5 {font-size:1.1em;} h6 {color:#fff!important; font-size:12px; font-weight:normal; margin:0; font-family:'Komika Krak', Tahoma, Arial;} img {border:none;} #container {width:1135px; background:url(../images/bg_dots.gif) no-repeat;} #wrap {width:935px; background:url(../images/container_bg.png) repeat-y; margin-left:190px;} #page {width:902px; margin-left:16px;} #flash {width:901px; height:249px; background:url(../images/flash.jpg) no-repeat; position:relative;} #header {width:901px; height:249px; position:relative; z-index:1; background:url(../images/flash.jpg) no-repeat;} #contact_head {position:absolute; right:7px; top:157px; z-index:2;} #contact_head h1 {font-size:1.6em; margin-bottom:0; text-align:right; color:#0000FF;} #contact_head {margin-bottom:0; text-align:right; color:#0000FF;} #contact_head a:link {text-decoration:none; color:#1f3b9e;} #contact_head a:visited {text-decoration:none; color:#1f3b9e;} #contact_head a:hover {text-decoration:none; color:#ff6f00;} #contact_head a:active {text-decoration:none; color:#1f3b9e;} #content_home {margin-top:55px; background:url(../images/content_bg.gif) repeat-y;} #content {margin-top:55px; background:url(../images/content_bg.gif) repeat-y; margin-left:16px;} #navigation {float:left; display:block; width:143px; margin:0; padding:0;} #navigation ul {margin:0 0 0 10px; padding:0;} #navigation li {list-style-type:none; display:block; padding-bottom:15px;} #navigation a:link {text-decoration:none; color:#1f3b9e; font-size:12px; font-weight:bold;} #navigation a:visited {text-decoration:none; color:#1f3b9e; font-size:12px; font-weight:bold;} #navigation a:hover {text-decoration:none; color:#ff6f00; font-size:12px; font-weight:bold;} #navigation a:active {text-decoration:none; color:#1f3b9e; font-size:12px; font-weight:bold;} #rightcol {width:753px; margin-left:147px;} #cms_text {width:528px; padding:0 30px; min-height:530px; height:auto !important; height:530px; text-align:justify;} #cms_text a:link {text-decoration:none; color:#ff6f00;} #cms_text a:visited {text-decoration:none; color:#ff6f00;} #cms_text a:hover {text-decoration:underline; color:#ff6f00;} #cms_textr a:active {text-decoration:none; color:#ff6f00;} #footer {text-align:right; margin-right:30px; margin-bottom:10px; font-size:0.8em; font-weight:bold;} #footer a:link {text-decoration:none; color:#1f3b9e;} #footer a:visited {text-decoration:none; color:#1f3b9e;} #footer a:hover {text-decoration:none; color:#ff6f00;} #footer a:active {text-decoration:none; color:#1f3b9e;} /* ----- Buttons ------- */ #buttons {float:right; width:165px; position:relative;} #buttons ul {margin:0 0 0 8px; padding:0;} #buttons li {list-style-type:none; padding-bottom:5px; width:152px; height:103px;} /* ---- CSS Hover Menu ----*/ #buttons a {display:block; width:152px; height:0; padding-top:103px; overflow:hidden; cursor:hand;} /* hack for older versions of IE with incorrect box model */ * html #buttons a:link, * html #buttons a:visited {height:103px; he\ight:0;} #buttons li.tips {background:transparent url(../images/tips_info_off.jpg) no-repeat;} #buttons li.preventive {background:transparent url(../images/preventive_off.jpg) no-repeat;} #buttons li.whitening {background:transparent url(../images/teeth_whitening_off.jpg) no-repeat;} #buttons li.cosmetic {background:transparent url(../images/cosmetic_off.jpg) no-repeat;} /* Step 8 - Adding the hover images */ #buttons a#tips {background:transparent url(../images/tips_info_on.jpg) -152px -103px no-repeat;} #buttons a#preventive {background:transparent url(../images/preventive_on.jpg) -152px -103px no-repeat;} #buttons a#whitening {background:transparent url(../images/teeth_whitening_on.jpg) -152px -103px no-repeat;} #buttons a#cosmetic {background:transparent url(../images/cosmetic_on.jpg) -152px -103px no-repeat;} /* Step 9 - Adding the :hover style */ #buttons a#tips:hover {background-position:0 0; z-index:50;} #buttons a#preventive:hover {background-position:0 0; z-index:50;} #buttons a#whitening:hover {background-position:0 0; z-index:50;} #buttons a#cosmetic:hover {background-position:0 0; z-index:50;} * html #buttons a:hover {height:103px; he\ight:0;} /* ---------------------------------------------------- */ .contact_table td {background:#DBE7F2;} .head {font-weight:bold;} #tip h6{position:absolute; top:0; left:0; padding:6px 0 0 14px; width:97px; height:65px;} /* FORM styles */ #msg {display:none; position:absolute; z-index:200; background:#1F3B9E; margin-left:7px} #msgcontent {display:block; background:#1F3B9E; font-size:11px; color:#fff; border:1px solid #fff; padding:5px; min-width:160px; max-width:310px;} .submit {background:url('../images/submit.gif') no-repeat center; width:66px; height:21px; border:1px solid #1F3B9E;} .finance-form {width:380px; margin-left:1px;} .finance-form tr td img {float:left!important;} .finance-form-inside tr td {background:#DBE7F2; border-bottom:1px #fff solid;} .finance-form-inside .hdr td {background:#1f3b9e!important; color:#fff;} .finance-form-inside {width:100%;} .finance-form-inside tr td strong, b {font-size:13px!important;} input, textarea {color:#231f20; margin-top:2px; font-size:12px} .style1 {font-style:normal!important;} select, option {font-size:1.0em; color:#231f20; width:175px;}