body { font:13px/1.22 arial, helvetica, clean, sans-serif; *font-size:small; *font:x-small; } /**************************************************************************************************************************** * Reset css start ****************************************************************************************************************************/ html { } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, blockquote, th, td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset, img { border:0; } address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; } li { list-style:none; } caption, th { text-align:left; } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; } q:before, q:after { content:''; } abbr, acronym { border:0; font-variant:normal; } sup { vertical-align:text-top; } sub { vertical-align:text-bottom; } input, textarea, select { font-family:inherit; font-size:inherit; font-weight:inherit; } input, textarea, select { *font-size:100%; margin:0; padding:0; } legend { color:#000; } /**************************************************************************************************************************** * New Body >> css ****************************************************************************************************************************/ body { background:#243c54 url('../images/bg-sub.png') repeat-x; text-align:center; font-family:Arial; } div.mainContainer { width:940px; min-height:1000px; margin:auto; text-align:left; border-top:0px; } div.logo { width:410px; height:144px; float:left; display:inline; } div.logoR {width:530px; height:144px; float:right; display:inline; } div.address { width:370px; height:35px; text-align:center; font-size:14px; font-family:Arial; font-style:italic; color:#fff; padding-top:10px; } div.nav { width:530px; height:46px; } div.search { width:255px; height:46px; float:left; display:inline; background: url('../images/search.png') no-repeat; } input.search { width:118px; height:16px; font-size:11px; border:0px; background-color:#a4c3d5; border:1px solid #003d68; } input.ok { width:40px; height:19px; border:0px; } div.nav1 { width:275px; height:46px; float:right; display:inline; margin-top:-20px; } div.nav2 { width:530px; height:53px; clear:both; overflow:hidden; } div.header { width:940px; height:280px; } *html div.header { margin-top:-3px; } div.nav3 { width:214px; height:280px; float:left; display:inline; } div.flash { width:726px; height:280px; float:right; display:inline; } div.callouts { width:940px; height:139px; clear:both; font-size:14px; color:#243c54; overflow:hidden; } div.tips { width:274px; min-height:139px; float:left; display:inline; background: url('../images/tips.png') no-repeat; } p.tips { margin:40px 15px 10px 45px; } div.appts { width:354px; min-height:139px; float:right; display:inline; background: url('../images/appts.png') no-repeat; } p.appts { margin:40px 45px 10px 35px; } div.exams { width:312px; min-height:139px; float:left; display:inline; background: url('../images/exams.png') no-repeat; } p.exams { margin:40px 15px 10px 35px; } div.bar1 { width:940px; height:12px; clear:both; } div.main { width:940px; min-height:86px; background: url('../images/bg-main.png') repeat-y; } *div.main {height:120px;} .main a { color:fff; text-decoration:underline; font-weight:bold; line-height:24px; } .main a:hover { color:#fff; text-decoration:none; font-weight:bold; } h2 { color:#fff; font-weight:bold; font-size:16px; font-family:Arial; padding:0px 0px 10px 46px; } p.main { color:#fff; margin:0px 34px 0px 46px; font-size:14px; line-height:15px; } div.copy { width:940px; min-height:579px; font-size:14px; background: url('../images/bg-main.png') repeat-y; } div.copyL { width:367px; min-height:527px; float:left; display:inline; } div.boxL { background: url('../images/bg-boxL2.gif') repeat-y; padding:10px 40px 10px 60px; color:#243c54; } div.copyR { width:338px; min-height:527px; float:right; display:inline; } div.boxR { background: url('../images/bg-boxR2.gif') repeat-y; padding:10px 65px 10px 15px; color:#243c54; } div.copyM { width:235px; min-height:527px; float:left; display:inline; } div.boxM1 { width:235px; height:130px; background: url('../images/bg-boxM0.gif') no-repeat; padding:65px 15px 0px 15px; color:#243c54; text-align:center; } div.boxM2 { background: url('../images/bg-boxM2.gif') repeat-y; padding:10px 26px 10px 15px; color:#243c54; width:176px; } div.bar2 { width:940px; height:14px; clear:both; } div.footer-top { width:940px; height:9px; clear:both; } div.footer { width:857px; min-height:24px; color:#fff; text-align:center; font-size:10px; background: url('../images/footer.png') repeat-y; padding:7px 55px 7px 39px;} .footer a { color:#fff; text-decoration:none; font-size:10px; font-weight:bold; line-height:24px; margin:6px; } .footer a:hover { color:#9ccef8; text-decoration:underline; font-weight:bold; } div.footer-bottom { width:940px; height:11px; } div.copyright { width:940px; height:30px; color:#fff; text-align:center; font-size:10px; padding-top:10px; } .copyright a { color:#fff; text-decoration:none; font-weight:normal; line-height:24px; } .copyright a:hover { color:#9ccef8; text-decoration:underline; font-weight:normal; } a:link.btn1, a:visited.btn1 { display:block; width:140px; height:32px; padding-right:10px; background:transparent url(../images/btn-clickhere.gif) no-repeat top left; background-position: 0px 0px; } a:hover.btn1 { background-position: 0px -32px; } a:link.btn2, a:visited.btn2 { display:block; width:140px; height:32px; padding-right:10px; background:transparent url(../images/btn-learnmore.gif) no-repeat top left; background-position: 0px 0px; } a:hover.btn2 { background-position: 0px -32px; } a:link.btn3, a:visited.btn3 { display:block; width:140px; height:32px; float:left; background:transparent url(../images/btn-clickhere.gif) no-repeat top left; background-position: 0px 0px; } a:hover.btn3 { background-position: 0px -32px; } a:link.btn4, a:visited.btn4 { display:block; width:140px; height:32px; background:transparent url(../images/btn-learnmore2.gif) no-repeat top left; background-position: 0px 0px; } a:hover.btn4 { background-position: 0px -32px; } a:link.btn5, a:visited.btn5 { display:block; width:140px; height:32px; padding-right:30px; background:transparent url(../images/btn-clickhere2.gif) no-repeat top left; background-position: 0px 0px; } a:hover.btn5 { background-position: 0px -32px; } a:link.btn6, a:visited.btn6 { display:block; width:140px; height:32px; padding-right:10px; background:transparent url(../images/btn-learnmore3.gif) no-repeat top left; background-position: 0px 0px; } a:hover.btn6 { background-position: 0px -32px; } a:link.btn7, a:visited.btn7 { display:block; width:140px; height:32px; padding-right:30px; background:transparent url(../images/btn-clickhere3.gif) no-repeat top left; background-position: 0px 0px; } a:hover.btn7 { background-position: 0px -32px; } a:link.btn8, a:visited.btn8 { display:block; width:143px; height:32px; margin:0 16px 0 28px; background:transparent url(../images/btn_testimonial.png) no-repeat top left; background-position: 0px 0px; float:left } *html a:link.btn8, a:visited.btn8 {margin:0 16px 0 14px;} a:hover.btn8 { background-position: 0px -32px; } a:link.btn9, a:visited.btn9 { display:block; width:142px; height:32px; margin:10px 0 0 -6px; background:transparent url(../images/btn_testimonial2.png) no-repeat top left; background-position: 0px 0px; } a:hover.btn9 { background-position: 0px -32px; } /**************************************************************************************************************************** * Secondary Page >> css ****************************************************************************************************************************/ div.subMain { width:940px; min-height:1060px; clear:both; background: url('../images/bg-main.png') repeat-y; } div.subLeft { width:214px; min-height:807px; float:left; display:inline; overflow:hidden; } div.nav4 { width:214px; height:280px; } div.subCopyL { width:214px; min-height:527px; } div.subCallout1 { color:#fff; width:154px; height:140px; background: url('../images/bg-subCallout1.png') no-repeat; padding:50px 15px 0px 45px; } div.subCallout2 { color:#fff; width:154px; height:166px; background: url('../images/bg-subCallout2.png') no-repeat; padding:50px 15px 0px 45px; } div.subCallout3 { color:#fff; width:154px; height:182px; background: url('../images/bg-subCallout3.png') no-repeat; padding:50px 15px 0px 45px; } div.subCallout4 { width:219px; height:133px; background: url('../images/backgroung-image.png') no-repeat; padding:9px 15px 0px 45px;margin-top:10px; } div.subCallout4 .inputbox2-1{ width:123px; height:17px; position:relative; right:11px; top:43px; } div.subCallout4 .inputbox2-2{ width:123px; height:17px; position: relative; right:11px; top:46px; } div.subCallout4 .submit1-1 { width:35px; height:28px; position:relative; right:10px; top:40px; } div.subRight { width:726px; min-height:1070px; float:right; display:inline; overflow:hidden; font-size:14px; } div.subHeader { width:726px; height:141px; } div.bar3 { width:726px; height:17px; } div.subCopyR { width:644px; min-height:777px; color:#fff; overflow:hidden; background: url('../images/bg-subCopyR.png') no-repeat left top; padding:0px 50px 10px 32px; } h3 { color:#aed856; font-weight:bold; font-size:16px; font-family:Arial; } p.subCopyR { color:#fff; } .subCopyR a { color:#aed856; text-decoration:none; font-weight:normal; line-height:24px; } .subCopyR a:hover { color:#fff; text-decoration:underline; font-weight:normal; } div.subRight blockquote,div.subRight ul,div.subRight ol,div.subRight dl { margin:0px 0px 10px 18px; } div.subRight ol,div.subRight ul,div.subRight dl { margin-left:18px; } div.subRight ul li {list-style: disc inside;} div.subRight ol li {list-style: decimal outside;} div.subRight li {margin:1px 0; } div.subRight dl dd { margin-left:10px; } .subCopyR h3 {font-size:13px;line-height:1.22;font-weight:bold; margin:0 0 16px 0;} .subCopyR img {border:1px solid #DEDEDE;} .btn_resize { background:transparent url(../images/btn-resize.gif) no-repeat scroll 0 0; display:block; float:right; height:23px; position:relative; width:209px; } a.font_resize3 { display:block; height:20px; left:143px; position:absolute; top:0px; width:22px; z-index:9999; } a.font_resize2 { display:block; height:20px; left:166px; position:absolute; top:0px; width:22px; z-index:9999; } a.font_resize1 { display:block; height:20px; left:129px; position:absolute; top:0px; width:22px; z-index:9999; } a.font_resize4 { display:block; height:20px; left:150px; position:absolute; top:0px; width:22px; z-index:9999; } .slider-wrapper { width:644px; height:335px; margin:0 0 20px 0;} .slider-wrapper .slider-links-wrapper { left:20px; top:20px; } .slider-wrapper .slider-links { } .slider-wrapper .slider-links li { background-color:#000; width:152px; height:53px; margin:10px 0; } .slider-wrapper .slider-links li a { border:1px solid #FFF; } .slider-wrapper .slider-links li a, .slider-links a span { width:150px; height:51px; } .slider-wrapper .slider-items-wrapper { width:644px; height:335px; background:url(../images/panel.png) left top no-repeat; } .slider-wrapper .slider-items { width:520px; height:279px; margin:28px auto; } .slider-wrapper .slider-items li { width:520px; height:279px; } .slider-wrapper .slider-previous, .slider-wrapper .slider-next { width:51px; height:47px; top:130px; background-image:url(../images/arrows.jpg); } .slider-wrapper .slider-previous { background-position:0 0; left:0px; } .slider-wrapper .slider-next { background-position:-51px 47px; left:593px; } .slider-wrapper .slider-previous:hover { background-position:-51px 0; left:0px; } .slider-wrapper .slider-next:hover { background-position:-51px -47px; left:593px; } .slider-items-wrapper img { border:0; margin:0 0 20px 0;} .slider-items-wrapper h3 { padding:0; margin:0 0 10px 0; color:#243c54; font-size:13pt; font-weight:bold;} .slider-items-wrapper p { padding:0; margin:0; color:#243c54; font-size:10pt;} .slider-wrapper { position:relative; overflow:hidden; } .slider-wrapper * { margin:0; padding:0; } .slider-links-wrapper { clear:both; position:absolute; overflow:hidden; z-index:960; } .slider-links { position:relative; } .slider-links li {list-style:none; } .slider-links li a { text-decoration:none } .slider-links li a, .slider-links a span {display:block; position:relative; overflow:hidden; cursor:pointer; } .slider-links a span { position:absolute; left:0; top:0; opacity: 0.60; -khtml-opacity: 0.6; -moz-opacity:0.60; filter: alpha(opacity=60); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; } /*filter: alpha(opacity=6); -khtml-opacity: 0.6; -moz-opacity: 0.6; opacity: 0.6; */ .slider-links .slider-link-active a span, .slider-links a:hover span, span.slider_link_span_oo { opacity: 1.0; -khtml-opacity: 1.0; -moz-opacity:1.0; filter: alpha(opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .slider-items-wrapper { clear:both; overflow:hidden; z-index:950;} .slider-items { position:relative; } .slider-items li { display:block; overflow:hidden;; position:absolute; left:0; top:0; list-style:none; text-align:left; } .slider-items li .slider-item-info { position:absolute; -webkit-border-top-left-radius: 10px; -khtml-border-radius-topleft: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; opacity: 0.9; -khtml-opacity: 0.9; -moz-opacity:0.90; filter: alpha(opacity=90); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } .slider-previous, .slider-next { display:block; position:absolute; overflow:hidden; z-index:980; background-repeat:no-repeat; } .slider-previous { } .slider-next { } .slider-previous:hover { } .slider-next:hover { } a#botox_video_btn{ left:0px; top:0px;} a#botox_video_btn, #botox_video_btn span, span.click_to_talk_span {width:269px;height:84px;display:block; position:relative; overflow:hidden;} a#botox_video_btn span, span.click_to_talk_span { position:absolute; left:0; top:0; background:url(../images/botox_video_btn.jpg) no-repeat 0 0;} #cosmeticContainer {background:url(../images/6_steps_to_slow_down.jpg) no-repeat 0 0; width:650px; height:619px; position:relative;} a#cosmetic1, #cosmetic1 span, span.cosmetic1_span {width:205px;height:99px;display:block; position:absolute; overflow:hidden; cursor:pointer; top:0;} a#cosmetic1 span, span.cosmetic1_span { position:absolute; left:0; top:0; background:url(../images/6_steps_to_slow_down_btns.jpg) no-repeat 0 0;} a#cosmetic1:hover span, span.cosmetic1_span_oo { background-position:-205px 0; cursor:pointer;} a#cosmetic2, #cosmetic2 span, span.cosmetic2_span {width:205px;height:96px;display:block; position:absolute; overflow:hidden; cursor:pointer; top:99px;} a#cosmetic2 span, span.cosmetic2_span { position:absolute; left:0; top:0; background:url(../images/6_steps_to_slow_down_btns.jpg) no-repeat 0 -99px;} a#cosmetic2:hover span, span.cosmetic2_span_oo { background-position:-205px -99px; cursor:pointer;} a#cosmetic3, #cosmetic3 span, span.cosmetic3_span {width:205px;height:95px;display:block; position:absolute; overflow:hidden; cursor:pointer; top:195px;} a#cosmetic3 span, span.cosmetic3_span { position:absolute; left:0; top:0; background:url(../images/6_steps_to_slow_down_btns.jpg) no-repeat 0 -195px;} a#cosmetic3:hover span, span.cosmetic3_span_oo { background-position:-205px -195px; cursor:pointer;} a#cosmetic4, #cosmetic4 span, span.cosmetic4_span {width:205px;height:96px;display:block; position:absolute; overflow:hidden; cursor:pointer; top:290px;} a#cosmetic4 span, span.cosmetic4_span { position:absolute; left:0; top:0; background:url(../images/6_steps_to_slow_down_btns.jpg) no-repeat 0 -290px;} a#cosmetic4:hover span, span.cosmetic4_span_oo { background-position:-205px -290px; cursor:pointer;} a#cosmetic5, #cosmetic5 span, span.cosmetic5_span {width:205px;height:96px;display:block; position:absolute; overflow:hidden; cursor:pointer; top:386px;} a#cosmetic5 span, span.cosmetic5_span { position:absolute; left:0; top:0; background:url(../images/6_steps_to_slow_down_btns.jpg) no-repeat 0 -386px;} a#cosmetic5:hover span, span.cosmetic5_span_oo { background-position:-205px -386px; cursor:pointer;} a#cosmetic6, #cosmetic6 span, span.cosmetic6_span {width:205px;height:101px;display:block; position:absolute; overflow:hidden; cursor:pointer; top:482px;} a#cosmetic6 span, span.cosmetic6_span { position:absolute; left:0; top:0; background:url(../images/6_steps_to_slow_down_btns.jpg) no-repeat 0 -482px;} a#cosmetic6:hover span, span.cosmetic6_span_oo { background-position:-205px -482px; cursor:pointer;} #socialIcons{width:73px; height:32px; float:right; margin:-30px 60px 20px 0;} #socialIcons ul,li{float:left;} #facebook{background:url(../images/socialIcons.png) no-repeat; margin-right:5px; display:block; background-position:0 0; width:32px; height:0; padding-top:32px; overflow:hidden;} #facebook:hover{background-position:0 -32px;} #twitter{background:url(../images/socialIcons.png) no-repeat; display:block; background-position:-35px 0; width:32px; height:0; padding-top:32px; overflow:hidden;} #twitter:hover{background-position:-35px -32px;}