/*---- Common ---- */ * { padding:0px; margin:0px; } body { background:#c9e2eC; font:normal 13px/19px Arial, Helvetica, sans-serif; color:#333; } .holder, .innerholder { width:987px; margin:auto; } .floatLeft, .fL, .fLeft, .sm, .Leftfloat { float:left; } .floatRight, .fR { float:right; } .clear { clear:both; display:block; } a { text-decoration:underline; color:#0E6E87; } a:hover { text-decoration:none; } /*---- Header ---- */ #Header .holder { background:url(../images/header-bg.gif) left top no-repeat; height:96px; } #Header h1.logo { width:184px; height:88px; background:url(../images/top-logo.png) left top no-repeat; float:left; padding-left:30px; margin-top:4px; } #Header h1.logo a { display:block; text-indent:-9999px; overflow:hidden; width:185px; height:88px; } #Header .fL { width:400px; height:88px; background:url(../images/top.png) left top no-repeat; margin-top:4px; } #Header .fR { width:280px; padding-top:40px; } #Header .fR li { display:inline; } #Header .fR li a { float:left; display:block; padding-bottom:6px; margin-right:20px; text-indent:-9999px; overflow:hidden; height:12px; } #Header .fR li a:hover { padding-bottom:3px; border-bottom:3px solid #46166b; } #Header .fR li a.about { background:url(../images/about.png) left top no-repeat; width:55px; } #Header .fR li a.faq { background:url(../images/faq.png) left top no-repeat; width:28px; } #Header .fR li a.finance { background:url(../images/finance.png) left top no-repeat; width:58px; } #Header .fR li a.contact { background:url(../images/contact.png) left top no-repeat; width:68px; margin-right:0px; } /*---- Nav ---- */ #Nav { background:#002223; } #Nav .holder { height:47px; } #Nav li { display:inline; } #Nav li a { border-bottom:6px solid #002223; float:left; display:block; padding-top:17px; padding-bottom:12px; height:12px; text-indent:-9999px; overflow:hidden; margin-right:49px; } #Nav li a:hover, #Nav li a.sel { border-bottom:6px solid #C9E2EC; } #Nav li a.home span { background:url(../images/home.gif) center top no-repeat; width:44px; height:12px; display:block; overflow:hidden; } #Nav li a.cosmatic span { background:url(../images/cosmetic.gif) center top no-repeat; width:59px; height:12px; display:block; overflow:hidden; } #Nav li a.sidetion span { background:url(../images/sedation.gif) center top no-repeat; width:67px; height:12px; display:block; overflow:hidden; } #Nav li a.family span { background:url(../images/family.gif) center top no-repeat; width:51px; height:12px; display:block; overflow:hidden; } #Nav li a.children span { background:url(../images/childrens.gif) center top no-repeat; width:76px; height:12px; display:block; overflow:hidden; } #Nav li a.implants span { background:url(../images/implants.gif) center top no-repeat; width:59px; height:12px; display:block; overflow:hidden; } #Nav li a.technology span { background:url(../images/technology.gif) center top no-repeat; width:87px; height:12px; display:block; overflow:hidden; } #Nav li a.testimonial span { background:url(../images/testimonials.gif) center top no-repeat; width:194px; height:12px; display:block; overflow:hidden; } #Nav li a.testimonial { margin-right:0px; } #dropmenudiv{ position:absolute; border:0px; border-bottom-width: 0; font:normal 12px Arial, Helvetica, sans-serif; line-height:30px; z-index:100; margin-top:0px; filter:alpha(opacity=95); -moz-opacity:.95; opacity:.95; } #dropmenudiv a{ width: 100%; display: block; text-indent: 6px; border-bottom: 1px solid #4D6773; padding: 1px 0; text-decoration: none; color:#fff; } #dropmenudiv a:hover{ /*hover background color*/ background-color: #4D6773; color:#fff; } /*---- Banner ---- */ #Banner .holder { height:318px; } /*background:url(../images/banner.jpg) left top no-repeat;*/ /*---- Content ---- */ #Content { background:url(../images/footer-top.gif) left bottom repeat-x; } #Content .holder { padding-bottom:20px; } #Content .innerholder { padding-top:14px; padding-bottom:20px; } #Content .main { background:#fff; border:10px solid #EFF5F9; padding:20px 10px 10px 10px; } #Content .floatLeft { width:480px; padding-right:10px; } #Content .Leftfloat { width:710px; } #Content .Leftfloat .floatRight { margin-left:15px; margin-bottom:10px; } #Content .floatLeft .floatRight { border:8px solid #EFF5F9; margin-left:15px; margin-bottom:10px; } #Content .fL { width:224px; padding-left:10px; border-left:1px solid #DEEDF3; } #Content .fR { width:203px; padding-left:10px; border-left:1px solid #DEEDF3; } #Content .adv { padding-top:20px; } #Content .advSpace { height:110px; border-bottom:0px; background:url(../images/adv.gif) left top no-repeat; position:relative; width:940px; } #Content .advSpace .name { position:absolute; background:#fff; padding:0px 6px; color:#666; left:36px; top:-10px; font:normal 17px "Times New Roman", Times, serif; } /* Easy Slider */ #slider { margin-left:-40px;text-align:center; } #slider ul, #slider li{ margin:0; padding:0; list-style:none; } #slider, #slider li{ /* define width and height of container element and list item (slide) list items must be the same size as the slider area */ width:990px; height:110px; overflow:hidden; } #slider li{ font:normal 11px/17px Arial, Helvetica, sans-serif; color:#000; } #slider li .area { margin:19px 40px 0px 10px; } #slider .floatLeft { width:280px; height:182px; } #slider .fL { padding-right:20px; } #slider .fL h2 { color:#2270be; font:bold 13px Arial, Helvetica, sans-serif; margin:10px 0px; } #slider .txtScroll { height:84px; } span#prevBtn { background:url(../images/previous.gif) left top no-repeat; position:absolute; left:-10px; top:0px; } span#prevBtn a, span#nextBtn a { display:block; height:110px; width:32px; text-indent:-9999px; overflow:hidden; } span#nextBtn{ background:url(../images/next.gif) left top no-repeat; position:absolute; left:922px; top:0px; } #Content h3 { display:block; font:bold 22px/24px "Times New Roman", Times, serif; color:#46166b; height:30px; margin-bottom:14px; background:url(../images/h-divider.gif) left bottom repeat-x; } #Content h4 { display:block; font:normal 17px/17px "Times New Roman", Times, serif; color:#46166b; height:30px; padding-left:0px; } #Content h5 { display:block; font:normal 17px/17px "Times New Roman", Times, serif; color:#46166b; height:23px; padding-left:0px; background:url(../images/h-divider.gif) left bottom repeat-x; } #Content p { margin-bottom:14px; } #Content .fL li { padding:7px 0px 7px 30px; list-style-type:none; font-size:13px; background:url(../images/fl-li.gif) left 9px no-repeat; } #Content .sm { background:url(../images/sm-img.gif) left top; display:block; width:21px; height:16px; margin-left:5px; margin-top:4px; } #Content .fR .inputBox, #Content .fR textarea { padding:3px; border:1px solid #C9E2EC; width:192px; margin-bottom:6px; font:normal 12px Arial, Helvetica, sans-serif; } #Content .fR .rightTxt { padding-right:3px; text-align:right; } #Content .fR .formArea { margin-bottom:1px; } #Content .hBox { margin-top:10px; background:url(../images/h-divider.gif) left top repeat-x; } #Content .hBox img { margin-top:15px; } #Content .floatLeft a { font-weight:bold; } #Content h3 span.homepage { background:url(../images/left-des.gif) 5px top no-repeat; width:70px; float:left; height:20px; } #Content h3 span.homepagel { background:url(../images/right-des.gif) right top no-repeat; width:65px; float:left; height:20px; } #Content .fR .menu { height:436px; position:relative; } #Content .fR .menuarea { position:absolute; top:0px; left:-20px; width:222px; background:url(../images/border.gif) -5px 231px repeat-x #fff; padding-bottom:26px; } #Content .fR .blMenu { background:url(../images/menu-bg.gif) left top repeat-y; padding:10px 0px; } #Content .fR .blMenu li { display:inline; } #Content .fR .blMenu li a { display:block; color:#333; font:normal 14px/36px Arial, Helvetica, sans-serif; text-decoration:none; padding-left:8px; float:left; width:180px; } #Content .fR .blMenu li a:hover { background:url(../images/menu-hover.gif) left top no-repeat; } #Content .fR .blMenu li a.current { background:url(../images/menu-hover.gif) left top no-repeat; } #Content .borImg { background:url(../images/border.gif) -5px top repeat; height:1px; overflow:hidden; } /*---- ################ changes ############# ---- */ #Content .fR .blMenu li.styel2 a { display:block; color:#333; font:normal 14px/36px Arial, Helvetica, sans-serif; text-decoration:none; padding-left:8px; float:left; width:180px; } #Content .fR .blMenu li.styel2 a:hover { background:url(../images/menu_hover_new.gif) left top no-repeat; } #Content .fR .blMenu li.styel2 a.current { background:url(../images/menu_hover_new.gif) left top no-repeat; } /*---- ################ changes ############# ---- */ /*---- Footer ---- */ #Footer { background:#002223 url(../images/footer-bg.gif) left top repeat-x; } #Footer .top { padding:0px 15px 15px 15px; color:#91BFD6; font:normal 13px/18px Arial, Helvetica, sans-serif; } #Footer .top a { color:#fff; text-decoration:underline; } #Footer .top a:hover { text-decoration:none; } #Footer .top a.email { line-height:29px; background:url(../images/email.gif) left top no-repeat; padding-left:40px; display:block; float:left; } #Footer .top p { padding-left:15px; } #Footer .top .fR a img { border:10px solid #043E40; } #Footer .top .fR a:hover img { border:10px solid #125254; } #Footer .top h2 { display:block; margin-bottom:12px; background:url(../images/h-footer.gif) left bottom repeat-x; color:#fff; font:normal 17px/30px Tahoma, Arial, Helvetica, sans-serif; padding-left:15px; } #Footer .top p.bigText { margin-bottom:15px; font:normal 23px/31px Arial, Helvetica, sans-serif; color:#fff; } #Footer .floatLeft, #Footer .floatRight, #Footer .fL { height:160px; } #Footer .floatLeft, #Footer .fL { background:url(../images/v-footer.gif) right top repeat-y; } #Footer .floatLeft { width:220px; padding-right:30px; } #Footer .fL { width:365px; padding-left:18px; padding-right:15px; } #Footer .floatRight { width:285px; padding-right:3px; } #Footer .bottom { color:#fff; font:normal 12px/18px Tahoma, Arial, Helvetica, sans-serif; padding:20px 60px; background:url(../images/h-footer.gif) left top repeat-x; } #Footer .bottom p { margin-bottom:20px; } #Footer .bottom a { color:#fff; text-decoration:none; } #Footer .bottom a:hover { text-decoration:underline; } /*---- Changes ---- */ .img-left { float:left; margin:2px 10px 0px 0px; border:2px solid #927D98; } .img-left-index { float:left; margin:2px 10px 0px 0px; } .img-right-docs { float:right; margin:0px 30px 10px 10px; } .img-right { float:right; margin:0px 30px 0px 10px; } /* definition list */ #Content dl { padding-left:5px; padding-bottom:15px; } #Content dl dt { font-weight:bold; } #Content dl dd { background:transparent url("../images/img-bullet.jpg") 0px 4px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */ padding-left:10px; /* pushes text to the right to display bg img */ margin-left:5px; } #Content ul { padding-left:25px;} #Content ul li { padding:1px; } p.back-to-top { text-align:right; display:block; padding-right:44px; } /* ------------------------ form elements ------------------------ */ .label { font-size:.95em; } form_data{ background-color:#FFFFFF !important; /* to prevent highlighting by Google Toolbar */ border:1px solid #000000; color:#000000; width:155px; /* 5 pixles smaller than form width !important */ height:18px; line-height:18px; vertical-align: middle; margin-bottom:4px; /* sets vertical spacing between fields */ padding-top:1px; /* vertically position text in input/textarea field */ padding-left:4px; /* horizontally position text in input/textarea field */ font-family: Arial, Helvetica, sans-serif; font-size:1.0em; } select { width:150px; padding:0; } /* same width as form - !important */ textarea { height:72px; overflow:auto; } textarea.right { float:right; } .Listing{ margin-top:0px; padding:0px; } .Listing ul{ margin-left: 0px; margin-top:0px; padding-left: 0px; padding-top:0px; list-style-type: none; line-height: 16px; } .Listing li{ background-image: url(../images/arrow.jpg); background-repeat: no-repeat; background-position:0% .3em; padding-left: 2.1em;padding-bottom:2px;} .Listing li p{ padding-left:20px;}