/* CSS Document */ /* --------------------------------------------- 01. main/default elements --------------------------------------------- */ body { background:#222120; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#2A313C} a:link, a:visited {color:#1C62A9; text-decoration: underline;} a:hover {color:#1C62A9; text-decoration:underline} p { font-size:14px; line-height:1.3em} /*h1 { font-size:35px; color:#66677C;}*/ h1 { color:midnightblue; font-weight:bold; font-size:28px;} h2 { font-size:17px; color:#BABAC6} h3 { font-size:17px; color:#1C62A9;} h6 { font-size:10px; color:#AFB3B9} /* --------------------------------------------- 02. wrapper --------------------------------------------- */ #wrapper { width:998px; margin:0 auto} /* --------------------------------------------- 03. shadows --------------------------------------------- */ #shadowtop { width:998px; float:left; height:11px; background:url(/100105/images/tpl/shadow_top.gif) no-repeat top center; overflow:hidden} #shadowmiddle { width:950px; float:left; background:url(/100105/images/tpl/shadow_middle.gif) repeat-y top center; padding-left:24px; padding-right:24px;} #shadowbottom { width:998px; float:left; height:32px; background:url(/100105/images/tpl/shadow_bottom.gif) no-repeat top center; padding-bottom:40px} /* --------------------------------------------- 04. content --------------------------------------------- */ /*#content { width:950px; float:left; background:url(/100105/images/tpl/bg_content.jpg) no-repeat top left}*/ #content { width:950px; float:left;} /* --------------------------------------------- 05. leftpanel --------------------------------------------- */ #leftpanel { width:260px; float:left; padding:44px 15px 40px 15px;} /* --------------------------------------------- 05.1 leftpanel - logo --------------------------------------------- */ #leftpanel .logo { width:260px; height:206px; background:url(/100105/images/tpl/metronyc-logo.png) no-repeat top left; float:left;} #leftpanel .logo-link {position: absolute; width:260px; height:86px;} .nodisplay { display: none} /* --------------------------------------------- 05.2 leftpanel - sidenav --------------------------------------------- */ #leftpanel .sidenav { width:215px; float:left; padding-left:15px; padding-bottom:30px;} #leftpanel .sidenav ul { width:210px; float:left} #leftpanel .sidenav ul li { width:210px; float:left; margin:0 0 12px 0; } #leftpanel .sidenav ul li a { width:210px; display:block; color:#fff; text-decoration:none; border-bottom: 1px solid #fff; padding-bottom:4px;} #leftpanel .sidenav ul li a:hover { width:210px; display:block; color:#aaa; text-decoration:none; border-bottom: 1px solid #aaa; } #leftpanel .sidenav ul li a.selected { width:210px; display:block; color:#fff; text-decoration:none; border-bottom: 1px solid #fff; font-weight:bold; } #leftpanel .sidenav ul li a.smile { background: url(/100105/images/tpl/leftnav_smile.png) no-repeat top left} #leftpanel .sidenav ul li a.smile:hover { background: url(/100105/images/tpl/leftnav_smile_hover.png) no-repeat top left} #leftpanel .sidenav ul li a.smile_selected { background: url(/100105/images/tpl/leftnav_smile_hover.png) no-repeat top left} #leftpanel .sidenav ul li a.fullmouth { background: url(/100105/images/tpl/leftnav_fullmouth.png) no-repeat top left} #leftpanel .sidenav ul li a.fullmouth:hover { background: url(/100105/images/tpl/leftnav_fullmouth_hover.png) no-repeat top left} #leftpanel .sidenav ul li a.fullmouth_selected { background: url(/100105/images/tpl/leftnav_fullmouth_hover.png) no-repeat top left} #leftpanel .sidenav ul li a.sameday { background: url(/100105/images/tpl/leftnav_sameday.png) no-repeat top left} #leftpanel .sidenav ul li a.sameday:hover { background: url(/100105/images/tpl/leftnav_sameday_hover.png) no-repeat top left} #leftpanel .sidenav ul li a.sameday_selected { background: url(/100105/images/tpl/leftnav_sameday_hover.png) no-repeat top left} #leftpanel .sidenav ul li a.crowns { background: url(/100105/images/tpl/leftnav_crowns.png) no-repeat top left} #leftpanel .sidenav ul li a.crowns:hover { background: url(/100105/images/tpl/leftnav_crowns_hover.png) no-repeat top left} #leftpanel .sidenav ul li a.crowns_selected { background: url(/100105/images/tpl/leftnav_crowns_hover.png) no-repeat top left} #leftpanel .sidenav ul li a.tmj { background: url(/100105/images/tpl/leftnav_tmj.png) no-repeat top left} #leftpanel .sidenav ul li a.tmj:hover { background: url(/100105/images/tpl/leftnav_tmj_hover.png) no-repeat top left} #leftpanel .sidenav ul li a.tmj_selected { background: url(/100105/images/tpl/leftnav_tmj_hover.png) no-repeat top left} #leftpanel .sidenav ul li a.implants { background: url(/100105/images/tpl/leftnav_implants.png) no-repeat top left} #leftpanel .sidenav ul li a.implants:hover { background: url(/100105/images/tpl/leftnav_implants_hover.png) no-repeat top left} #leftpanel .sidenav ul li a.implants_selected { background: url(/100105/images/tpl/leftnav_implants_hover.png) no-repeat top left} #leftpanel .sidenav ul li a.inlays { background: url(/100105/images/tpl/leftnav_inlays.png) no-repeat top left} #leftpanel .sidenav ul li a.inlays:hover { background: url(/100105/images/tpl/leftnav_inlays_hover.png) no-repeat top left} #leftpanel .sidenav ul li a.inlays_selected { background: url(/100105/images/tpl/leftnav_inlays_hover.png) no-repeat top left} #leftpanel .sidenav ul li a.invisalign { background: url(/100105/images/tpl/leftnav_invisalign.png) no-repeat top left} #leftpanel .sidenav ul li a.invisalign:hover { background: url(/100105/images/tpl/leftnav_invisalign_hover.png) no-repeat top left} #leftpanel .sidenav ul li a.invisalign_selected { background: url(/100105/images/tpl/leftnav_invisalign_hover.png) no-repeat top left} #leftpanel .sidenav ul li a.gum { background: url(/100105/images/tpl/leftnav_gum.png) no-repeat top left} #leftpanel .sidenav ul li a.gum:hover { background: url(/100105/images/tpl/leftnav_gum_hover.png) no-repeat top left} #leftpanel .sidenav ul li a.gum_selected { background: url(/100105/images/tpl/leftnav_gum_hover.png) no-repeat top left} #leftpanel .sidenav ul li a.dentures { background: url(/100105/images/tpl/leftnav_dentures.png) no-repeat top left} #leftpanel .sidenav ul li a.dentures:hover { background: url(/100105/images/tpl/leftnav_dentures_hover.png) no-repeat top left} #leftpanel .sidenav ul li a.dentures_selected { background: url(/100105/images/tpl/leftnav_dentures_hover.png) no-repeat top left} #leftpanel .sidenav ul li a.teethwhitening { background: url(/100105/images/tpl/leftnav_teethwhitening.png) no-repeat top left} #leftpanel .sidenav ul li a.teethwhitening:hover { background: url(/100105/images/tpl/leftnav_teethwhitening_hove.png) no-repeat top left} #leftpanel .sidenav ul li a.teethwhitening_selected { background: url(/100105/images/tpl/leftnav_teethwhitening_hove.png) no-repeat top left} #leftpanel .sidenav ul li a.hygiene { background: url(/100105/images/tpl/leftnav_hygiene.png) no-repeat top left} #leftpanel .sidenav ul li a.hygiene:hover { background: url(/100105/images/tpl/leftnav_hygiene_hover.png) no-repeat top left} #leftpanel .sidenav ul li a.hygiene_selected { background: url(/100105/images/tpl/leftnav_hygiene_hover.png) no-repeat top left} #leftpanel .sidenav ul li a.foryourconfort { background: url(/100105/images/tpl/leftnav_foryourconfort.png) no-repeat top left} #leftpanel .sidenav ul li a.foryourconfort:hover { background: url(/100105/images/tpl/leftnav_foryourconfort_hove.png) no-repeat top left} #leftpanel .sidenav ul li a.foryourconfort_selected { background: url(/100105/images/tpl/leftnav_foryourconfort_hove.png) no-repeat top left} #leftpanel .sidenav .bloghead { width:210px;margin:12px 0 6px 0;clear:both;float:none; color:#aaa; } /* --------------------------------------------- 05.3 leftpanel - left navigation --------------------------------------------- */ #leftpanel .leftnav { width:210px; float:left; margin-left:22px} #leftpanel .leftnav ul { width:210px; float:left} #leftpanel .leftnav ul li { float:left; padding-bottom:10px} #leftpanel .leftnav ul li a.appoinment { width:210px; height:35px; float:left; background:url(/100105/images/tpl/leftnav_appointment.gif) no-repeat top left} #leftpanel .leftnav ul li a:hover.appoinment { width:210px; height:35px; float:left; background:url(/100105/images/tpl/leftnav_appointment_hover.gif) no-repeat top left} #leftpanel .leftnav ul li a.appoinment_selected { width:210px; height:35px; float:left; background:url(/100105/images/tpl/leftnav_appointment_hover.gif) no-repeat top left} #leftpanel .leftnav ul li a.forms { width:210px; height:35px; float:left; background:url(/100105/images/tpl/leftnav_forms.gif) no-repeat top left} #leftpanel .leftnav ul li a:hover.forms { width:210px; height:35px; float:left; background:url(/100105/images/tpl/leftnav_forms_hover.gif) no-repeat top left} #leftpanel .leftnav ul li a.forms_selected { width:210px; height:35px; float:left; background:url(/100105/images/tpl/leftnav_forms_hover.gif) no-repeat top left} #leftpanel .leftnav ul li a.newsletter { width:210px; height:35px; float:left; background:url(/100105/images/tpl/leftnav_newsletter.gif) no-repeat top left} #leftpanel .leftnav ul li a:hover.newsletter { width:210px; height:35px; float:left; background:url(/100105/images/tpl/leftnav_newsletter_hover.gif) no-repeat top left} #leftpanel .leftnav ul li a.newsletter_selected { width:210px; height:35px; float:left; background:url(/100105/images/tpl/leftnav_newsletter_hover.gif) no-repeat top left} #leftpanel .leftnav ul li a.blog { width:210px; height:35px; float:left; background:url(/100105/images/tpl/leftnav_blog.gif) no-repeat top left} #leftpanel .leftnav ul li a:hover.blog { width:210px; height:35px; float:left; background:url(/100105/images/tpl/leftnav_blog_hover.gif) no-repeat top left} #leftpanel .leftnav ul li a.blog_selected { width:210px; height:35px; float:left; background:url(/100105/images/tpl/leftnav_blog_hover.gif) no-repeat top left} #leftpanel .leftnav ul li a.insurance { width:210px; height:35px; float:left; background:url(/100105/images/tpl/leftnav_insurance.png) no-repeat top left} #leftpanel .leftnav ul li a:hover.insurance { width:210px; height:35px; float:left; background:url(/100105/images/tpl/leftnav_insurance_hover.png) no-repeat top left} #leftpanel .leftnav ul li a.insurance_selected { width:210px; height:35px; float:left; background:url(/100105/images/tpl/leftnav_insurance.png) no-repeat top left} #leftpanel .leftnav ul li a.facebook { width:103px; height:36px; float:left; margin-top:40px; background:url(/100105/images/tpl/facebook.png) no-repeat top left} #leftpanel .leftnav ul li a:hover.facebook { width:103px; height:36px; float:left; background:url(/100105/images/tpl/facebook-hover.png) no-repeat top left} #leftpanel .leftnav ul li a.twitter { width:103px; height:36px; float:left; margin-left: 4px; margin-top:40px; background:url(/100105/images/tpl/twitter.png) no-repeat top left} #leftpanel .leftnav ul li a:hover.twitter { width:103px; height:36px; float:left; margin-left: 4px; background:url(/100105/images/tpl/twitter-hover.png) no-repeat top left} /* --------------------------------------------- 06. rightpanel --------------------------------------------- */ #rightpanel { width:660px; float:left; padding-bottom:0px} /* --------------------------------------------- 06.1 rightpanel - topnav --------------------------------------------- */ #rightpanel .topnav { width:660px; height:50px; float:left; background:#333333 url(/100105/images/tpl/bg_topnav.gif) repeat-x top right} #rightpanel .topnav ul { width:660px; float:left} #rightpanel .topnav ul li { width: auto; height:50px; float:left; background:url(/100105/images/tpl/divider_topnav.gif) no-repeat right center; padding-right:2px} #rightpanel .topnav ul li.nodivider {background:none; padding:0px} #rightpanel .topnav ul li a.home { width:70px; height:50px; float:left; background:url(/100105/images/tpl/topnav_home.gif) no-repeat top left} #rightpanel .topnav ul li a:hover.home { width:70px; height:50px; float:left; background:url(/100105/images/tpl/topnav_home_hover.gif) no-repeat top left} #rightpanel .topnav ul li a.home_selected { width:70px; height:50px; float:left; background:url(/100105/images/tpl/topnav_home_hover.gif) no-repeat top left} #rightpanel .topnav ul li a.meetthedoctors { width:155px; height:50px; float:left; background:url(/100105/images/tpl/topnav_meetthedoctors.gif) no-repeat top left} #rightpanel .topnav ul li a:hover.meetthedoctors { width:155px; height:50px; float:left; background:url(/100105/images/tpl/topnav_meetthedoctors_hover.gif) no-repeat top left} #rightpanel .topnav ul li a.meetthedoctors_selected { width:155px; height:50px; float:left; background:url(/100105/images/tpl/topnav_meetthedoctors_hover.gif) no-repeat top left} #rightpanel .topnav ul li a.smilegallery { width:126px; height:50px; float:left; background:url(/100105/images/tpl/topnav_smilegallery.gif) no-repeat top left} #rightpanel .topnav ul li a:hover.smilegallery { width:126px; height:50px; float:left; background:url(/100105/images/tpl/topnav_smilegallery_hover.gif) no-repeat top left} #rightpanel .topnav ul li a.smilegallery_selected { width:126px; height:50px; float:left; background:url(/100105/images/tpl/topnav_smilegallery_hover.gif) no-repeat top left} #rightpanel .topnav ul li a.services { width:83px; height:50px; float:left; background:url(/100105/images/tpl/topnav_solutions.gif) no-repeat top left} #rightpanel .topnav ul li a:hover.services { width:83px; height:50px; float:left; background:url(/100105/images/tpl/topnav_solutions_hover.gif) no-repeat top left} #rightpanel .topnav ul li a.services_selected { width:83px; height:50px; float:left; background:url(/100105/images/tpl/topnav_solutions_hover.gif) no-repeat top left} #rightpanel .topnav ul li a.contactus { width:105px; height:50px; float:left; background:url(/100105/images/tpl/topnav_contactus.gif) no-repeat top left} #rightpanel .topnav ul li a:hover.contactus { width:105px; height:50px; float:left; background:url(/100105/images/tpl/topnav_contactus_hover.gif) no-repeat top left} #rightpanel .topnav ul li a.contactus_selected { width:105px; height:50px; float:left; background:url(/100105/images/tpl/topnav_contactus_hover.gif) no-repeat top left} #rightpanel .topnav ul li a.officetour { width:111px; height:50px; float:left; background:url(/100105/images/tpl/topnav_officetour.gif) no-repeat top left} #rightpanel .topnav ul li a:hover.officetour { width:111px; height:50px; float:left; background:url(/100105/images/tpl/topnav_officetour_hover.gif) no-repeat top left} #rightpanel .topnav ul li a.officetour_selected { width:111px; height:50px; float:left; background:url(/100105/images/tpl/topnav_officetour_hover.gif) no-repeat top left} /* --------------------------------------------- 06.2 rightpanel - banner --------------------------------------------- */ #rightpanel .banner { width:660px; float:left} /* --------------------------------------------- 06.3 rightpanel - conent --------------------------------------------- */ #rightpanel .content { width:590px; float:left; padding:35px 20px 0px 50px;} #rightpanel .content h1 { padding-bottom:10px} #rightpanel .content p { margin:24px 0 24px 0} #rightpanel .content p.first { margin:0px 0 24px 0} #rightpanel .content ul { display: block; list-style-type: disc; margin: 24px 0 24px 24px; } #rightpanel .content ol { display: block; list-style-type: decimal; margin: 24px 0 24px 24px; } #rightpanel .content li { display: list-item; margin:8px 0 8px 0; } #rightpanel .content ul ul, #rightpanel .content ol ul { list-style-type: circle } #rightpanel .content ol ol ul, #rightpanel .content ol ul ul, #rightpanel .content ul ol ul, #rightpanel .content ul ul ul { list-style-type: square } h1.homepage { color:midnightblue; font-weight:bold; font-size:20px; padding:0;} /* --------------------------------------------- 06.3.1 rightpanel - conent - news --------------------------------------------- */ #rightpanel .content .news { width:590px; float:left; margin-top:24px;} #rightpanel .content .news h2 { font-weight:bold; border-bottom:1px solid #BABAC6; padding-bottom:1px; margin-bottom:12px} #rightpanel .content .news h2 a { color:#BABAC6; text-decoration:none} #rightpanel .content .news h2 a:hover {color:#1C62A9; text-decoration:none} #rightpanel .content .news h3 { font-weight:bold; padding-bottom:3px} #rightpanel .content .news h3 a { text-decoration:none} #rightpanel .content .news h3 a:hover { text-decoration: underline} #rightpanel .content .news h6 { padding-bottom:10px; text-transform:uppercase;} #rightpanel .content .news p { font-size:13px; margin:0 0 24px 0;} /* --------------------------------------------- 07. footer --------------------------------------------- */ #footer { width:950px; float:left; text-align:center; padding-top:15px} #footer p { color:#FFFFFF; font-size:15px; } #footer p.credit { color:#999; font-size:11px;padding:12px 0 22px 0; } #footer p.credit a { color:#999; text-decoration:none; } #footer p.credit a:hover { color:#999; text-decoration:underline; } /* --------------------------------------------- 08. innerpage - smile gallery --------------------------------------------- */ /* #rightpanel .gallery { width:550px; float:left; background:#98A5B3; padding:30px 20px; padding-bottom:10px; margin-bottom:30px; margin-top:12px} */ #rightpanel .gallery { width:550px; float:left; background:#fff; padding:30px 20px; padding-bottom:10px; margin-bottom:30px; margin-top:12px} #rightpanel .before { width:270px; float:left;} #rightpanel .after { width:260px; float: right;} #rightpanel .photo { width:auto; float:left;} #rightpanel .button { width:22px; float:left; padding-top:2px; padding-right:2px} #rightpanel .gallery p { width:236px; float:left; padding:0px; padding-top:6px; text-align:center} #rightpanel .border { border:4px solid #fff} #rightpanel .ba_label { padding:8px 0 8px 0; color:#66677C; } #rightpanel .navigation a {text-decoration: none;} /* --------------------------------------------- 08.1 innerpage - beforeafter --------------------------------------------- */ #rightpanel .beforeafter { width:590px; float:left; padding-bottom:32px} #rightpanel .beforeafter .before { width:292px; float:left} #rightpanel .beforeafter .after { width:294px; float: right} /* --------------------------------------------- 08.2 innerpage - blog --------------------------------------------- */ #rightpanel #blog { width:575px; float:left; padding-bottom:50px} #rightpanel #blog h1 { font-size:21px; color:#0078c2; margin-bottom:10px} #rightpanel #blog h3 { font-size:14px; margin-bottom:15px;} #rightpanel #blog p { font-size:13px; color:#000; margin:0px 0 20px 0; line-height:1.5em; padding-bottom:0;} #rightpanel #blog .postedby { width:575px; height:19px; float:left;border-top:1px dotted #CCCCCC; border-bottom:1px dotted #CCCCCC; padding-top:5px; font-size:10px; color:#525252; margin-bottom:15px; text-transform:uppercase} #rightpanel #blog .postedby a { color:#1C62A9; text-decoration:none} #rightpanel #blog .postedby .left { width:auto; float:left} #rightpanel #blog .postedby .right { width:auto; float: right} #rightpanel #blog .postcomment { width:575px; float:left; padding-bottom:10px} #rightpanel #blog .postcomment h4 { float:left;} #rightpanel #blog .postcomment p {float:right; text-align:right; margin:0; padding:0; padding-bottom:0;} #rightpanel #blog .postcomment p a:hover { text-decoration:none} #rightpanel #blog .commentbox { width:555px; float:left; background:#f7f7f7; padding:10px; border:1px solid #cccccc; margin-bottom:25px} #rightpanel #blog .commentbox p { padding-bottom:5px} #rightpanel #blog .poster { font-size:12px; float:left; font-weight: normal; padding-bottom:5px; text-align:left; color:#555555} #rightpanel #blog .date { font-size:11px; float:right; font-weight: normal; text-align:right; color:#555555} #rightpanel #blog .comment { width:520px; float:left; font-weight: normal; color:#555555; padding-top:10px; padding-bottom:5px} #rightpanel #blog .name_blue { color:#1C62A9; font-weight:bold} #rightpanel #blog .name_grey { color:#555555; font-weight:bold} #rightpanel #blog fieldset { margin:0; padding:0; border:none; padding-bottom:20px} #rightpanel #blog fieldset .left { width:190px; float:left; margin:0; padding:0; border:none} #rightpanel #blog fieldset .left .input { width:160px; padding:5px; background:url(/level9digital/images/template/bg_input.gif) no-repeat top left; border:1px solid #bbbbbb; color:#7f7f7f; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; margin-bottom:15px} #rightpanel #blog fieldset .right { width:380px; float: right; margin:0; padding:0; border:none} #rightpanel #blog fieldset .right .textarea { width:370px; height:165px; padding:5px; background:url(/level9digital/images/template/bg_input.gif) no-repeat top left; border:1px solid #bbbbbb; color:#7f7f7f; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; margin-bottom:15px} #rightpanel #blog fieldset .button_submit { float:left} .spacer { width:590px; float:left; height:80px}