/*------------------------- Medispa-Ins.com filename: medispa_3.0.css version: 1.3 date: 3-02-07 date: 4-24-07 date: 9-27-07 date: 3-24-08 date: 12-15-08 date: 3-10-09 date: 4-22-09 copyright 2007-2009 PPIB, html/css/php/aspx: product 9 design, design: artgirl design --------------------------*/ /*---- TAGS -----*/ body {color:#000000; margin:0; padding:0; background:#E1F1F1; font-family:Arial, Helvetica, sans-serif; font-size:100.01%; line-height:1.0em;} img {border:0;} p, td, h1, h2, h3, h4, h5 {margin:0; padding:0;} /*---- LINKS -----*/ a {color:#008C99; text-decoration:underline;} a:visited {color:#666666; text-decoration:underline;} a:hover {color:#70D2DA; text-decoration:underline;} /*---- LAYOUT -----*/ #page_wrapper {width:804px; margin:0 auto auto 0; background:#FFFFFF;} /* HEADER */ #header {width:804px; height:1%;} #header_left {width:180px; float:left;} #logo {width:180px; background-color:#FFFFFF;} #header_right {margin-left:180px; height:1%;} #tagline {background-color:#000000;} * html #header_right{margin: 0 -3px;} /* TOP NAVIGATION */ /* Each item has three states, current page, normal and hover */ #navtop2 {background-color:#FFFFFF; border-top:solid #ffffff 3px; height:17px;} /* default link look */ #contact .navtop2_item_1 a, #contact .navtop2_item_1 a:hover, #press .navtop2_item_2 a, #press .navtop2_item_2 a:hover, #clientforms .navtop2_item_3 a, #clientforms .navtop2_item_3 a:hover, #partners .navtop2_item_4 a, #partners .navtop2_item_4 a:hover, #about .navtop2_item_5 a, #about .navtop2_item_5 a:hover, #staff .navtop2_item_6 a, #staff .navtop2_item_6 a:hover, #links .navtop2_item_7 a, #links .navtop2_item_7 a:hover {float:left; height:17px; display:block; border-right:2px solid #ffffff; text-decoration:none;} #links .navtop2_item_7 a, #links .navtop2_item_7 a:hover {border-right:none;} /* link control */ .navtop2_item_1 a, .navtop2_item_2 a, .navtop2_item_3 a, .navtop2_item_4 a, .navtop2_item_5 a, .navtop2_item_6 a, .navtop2_item_7 a {float:left; height:17px; display:block; border-right:2px solid #ffffff;} .navtop2_item_7 a {border-right:none;} /* hover states */ .navtop2_item_1 a:hover, .navtop2_item_2 a:hover, .navtop2_item_3 a:hover, .navtop2_item_4 a, .navtop2_item_5 a:hover, .navtop2_item_6 a:hover, .navtop2_item_7 a:hover {float:left; width:89px; height:17px; display:block; border-right:2px solid #ffffff;} .navtop2_item_7 a:hover {border-right:none;} /* each nav item with bkg */ #contact .navtop2_item_1 a, #contact .navtop2_item_1 a:hover {width:80px; background:url(../images/global/navtop/navtop2_contact.gif) center -40px no-repeat; } .navtop2_item_1 a {width:80px; background:url(../images/global/navtop/navtop2_contact.gif) center 0 no-repeat;} .navtop2_item_1 a:hover {width:80px; background:url(../images/global/navtop/navtop2_contact.gif) center -20px no-repeat;} #press .navtop2_item_2 a, #press .navtop2_item_2 a:hover {width:132px; background:url(../images/global/navtop/navtop2_press.gif) center -40px no-repeat;} .navtop2_item_2 a {width:132px; background:url(../images/global/navtop/navtop2_press.gif) center 0 no-repeat; } .navtop2_item_2 a:hover {width:132px; background:url(../images/global/navtop/navtop2_press.gif) center -20px no-repeat;} #clientforms .navtop2_item_3 a, #clientforms .navtop2_item_3 a:hover {width:116px; background:url(../images/global/navtop/navtop2_clientforms.gif) center -40px;} .navtop2_item_3 a {width:116px; background:url(../images/global/navtop/navtop2_clientforms.gif) center 0 no-repeat;} .navtop2_item_3 a:hover {width:116px; background:url(../images/global/navtop/navtop2_clientforms.gif) center -20px no-repeat;} #partners .navtop2_item_4 a, #partners .navtop2_item_4 a:hover {width:89px; background:url(../images/global/navtop/navtop2_partners.gif) center -40px no-repeat;} .navtop2_item_4 a {width:89px; background:url(../images/global/navtop/navtop2_partners.gif) center 0 no-repeat;} .navtop2_item_4 a:hover {width:89px; background:url(../images/global/navtop/navtop2_partners.gif) center -20px no-repeat;} #about .navtop2_item_5 a, #about .navtop2_item_5 a:hover {width:90px; background:url(../images/global/navtop/navtop2_aboutus.gif) center -40px no-repeat;} .navtop2_item_5 a {width:90px; background:url(../images/global/navtop/navtop2_aboutus.gif) center 0 no-repeat;} .navtop2_item_5 a:hover {width:90px; background:url(../images/global/navtop/navtop2_aboutus.gif) center -20px no-repeat;} #staff .navtop2_item_6 a, #staff .navtop2_item_6 a:hover {width:53px; background:url(../images/global/navtop/navtop2_staff.gif) center -40px no-repeat;} .navtop2_item_6 a {width:53px; background:url(../images/global/navtop/navtop2_staff.gif) center 0 no-repeat;} .navtop2_item_6 a:hover {width:53px; background:url(../images/global/navtop/navtop2_staff.gif) center -20px no-repeat;} #links .navtop2_item_7 a, #links .navtop2_item_7 a:hover {width:51px; background:url(../images/global/navtop/navtop2_links.gif) center -40px no-repeat;} .navtop2_item_7 a {width:51px; background:url(../images/global/navtop/navtop2_links.gif) center 0 no-repeat;} .navtop2_item_7 a:hover {width:51px; background:url(../images/global/navtop/navtop2_links.gif) center -20px no-repeat;} /* CONTENT */ #content {width:auto; clear:left; text-align:left;} #content p {padding:3px 0 3px 0; font-size:0.74em;} #content h1 {padding:20px 0 7px 0; font-size:1.3em; color:#008e95;} #content h2 {padding:5px 0; font-size:1.1em;} #content h3 {padding:5px 0; font-size:.85em;} #content h4 {padding:7px 0 3px 0; font-size:.74em; color:#008C99;} #content h5 {padding:15px 0 0 0; font-size:.74em; color:#008C99;} #content_right ul {font-size:0.72em; padding:0 0 0 15px; margin:0 0 7px 15px;} #content_right li {list-style-image:url(../images/global/btn/list_bullet.gif); padding:0 0 0 7px; margin:0 0 0 7px;} #content_right li div {color:#000000;} /* CONTENT RIGHT */ #content_right {margin:0 0 0 205px; height:517px; position:relative; } /* these sections (from sidenav) have a background at right */ #home #content_right {padding:0 190px 0 0; background:url(../images/global/bkg2/medispa-ins_bkg.jpg) no-repeat right 0;} #fillers #content_right {padding:0 190px 0 0; background:url(../images/global/bkg2/dermal_fillers_botox_bkg.jpg) no-repeat right 0;} #laser #content_right {padding:0 190px 0;} #peels #content_right {padding:0 190px 0 0; background:url(../images/global/bkg2/medical_strength_peels_bkg.jpg) no-repeat right 0;} #sclerotherapy #content_right {padding:0 190px 0 0; background:url(../images/global/bkg2/sclerotherapy_bkg.jpg) no-repeat right 0;} #tanbeauty #content_right {padding:0 190px 0 0; background:url(../images/global/bkg2/tanning_beauty_bkg.jpg) no-repeat right 0;} #beauty #content_right {padding:0 190px 0 10px;} #private_label #content_right {padding:0 190px 0 0; background:url(../images/global/bkg2/private_label_bkg.jpg) no-repeat right 0;} #brokers #content_right {padding:0 190px 0 0; background:url(../images/global/bkg2/brokers_agents_bkg.jpg) no-repeat right 0;} /* these sections (from topnav) have NO background at right, link/forms pg overflow to scroll */ #contact #content_right {} #press #content_right {} #clientforms #content_right {} #about #content_right {padding:0 38px 0 0;} #riskmgt #content_right {} #privacy #content_right {} #sitemap #content_right {} /* CONTENT LEFT */ #content_left {background-color:#A8A9AD;width:180px;height:517px; padding:0px 0px 0px 0px; float:left; position:relative; background:url(../images/global/bkg2/laser_treatments_bkg.jpg) no-repeat right 0;} #content_left a {text-decoration:none;} /* SIDE NAVIGATION */ /* Each item has three states, current page, normal and hover */ #nav {width:185px; background-color:#ffffff;} #home .nav_item_1 a, #home .nav_item_1 a:hover {background:url(../images/global/nav/nav_home.gif) 185px 0; text-decoration:none;} .nav_item_1 a {width:185px; height:65px; display:block; text-decoration:none; background:url(../images/global/nav/nav_home.gif) 0 0;} .nav_item_1 a:hover {width:185px; height:65px; display:block; text-decoration:none; background:url(../images/global/nav/nav_home.gif) 370px 0;} #fillers .nav_item_2 a, #fillers .nav_item_2 a:hover {background:url(../images/global/nav/nav_dermal_fillers_botox.gif) 185px 0; text-decoration:none;} .nav_item_2 a {width:185px; height:65px; display:block; text-decoration:none; background:url(../images/global/nav/nav_dermal_fillers_botox.gif) 0 0;} .nav_item_2 a:hover {width:185px; height:65px; display:block; text-decoration:none; background:url(../images/global/nav/nav_dermal_fillers_botox.gif) 370px 0;} #laser .nav_item_3 a, #laser .nav_item_3 a:hover {background:url(../images/global/nav/nav_laser_treatments.gif) 185px 0; text-decoration:none;} .nav_item_3 a {width:185px; height:65px; display:block; text-decoration:none; background:url(../images/global/nav/nav_laser_treatments.gif) 0 0;} .nav_item_3 a:hover {width:185px; height:65px; display:block; text-decoration:none; background:url(../images/global/nav/nav_laser_treatments.gif) 370px 0;} #peels .nav_item_4 a, #peels .nav_item_4 a:hover {background:url(../images/global/nav/nav_medical_strength_peels.gif) 185px 0; text-decoration:none;} .nav_item_4 a {width:185px; height:65px; display:block; text-decoration:none; background:url(../images/global/nav/nav_medical_strength_peels.gif) 0 0;} .nav_item_4 a:hover {width:185px; height:65px; display:block; text-decoration:none; background:url(../images/global/nav/nav_medical_strength_peels.gif) 370px 0;} #sclerotherapy .nav_item_5 a, #sclerotherapy .nav_item_5 a:hover {background: url(../images/global/nav/nav_sclerotherapy.gif) 185px 0; text-decoration:none;} .nav_item_5 a {width:185px; height:65px; display:block; text-decoration:none; background: url(../images/global/nav/nav_sclerotherapy.gif) 0 0;} .nav_item_5 a:hover {width:185px; height:65px; display:block; text-decoration:none; background: url(../images/global/nav/nav_sclerotherapy.gif) 370px 0;} #tanbeauty .nav_item_6 a, #tanbeauty .nav_item_6 a:hover {background: url(../images/global/nav/nav_tanning_beauty.gif) 185px 0; text-decoration:none;} .nav_item_6 a {width:185px; height:65px; display:block; text-decoration:none; background: url(../images/global/nav/nav_tanning_beauty.gif) 0 0;} .nav_item_6 a:hover {width:185px; height:65px; display:block; text-decoration:none; background: url(../images/global/nav/nav_tanning_beauty.gif) 370px 0;} #beauty .nav_item_6b a, #beauty .nav_item_6b a:hover {background: url(../images/global/nav/nav_beauty.gif) 185px 0; text-decoration:none;} .nav_item_6b a {width:185px; height:65px; display:block; text-decoration:none; background: url(../images/global/nav/nav_beauty.gif) 0 0;} .nav_item_6b a:hover {width:185px; height:65px; display:block; text-decoration:none; background: url(../images/global/nav/nav_beauty.gif) 370px 0;} #private_label .nav_item_7 a, #private_label .nav_item_7 a:hover {background: url(../images/global/nav/nav_private_label.gif) 185px 0; text-decoration:none;} .nav_item_7 a {width:185px; height:65px; display:block; text-decoration:none; background: url(../images/global/nav/nav_private_label.gif) 0 0;} .nav_item_7 a:hover {width:185px; height:65px; display:block; text-decoration:none; background: url(../images/global/nav/nav_private_label.gif) 370px 0;} #brokers .nav_item_8 a, #brokers .nav_item_8 a:hover {background:url(../images/global/nav/nav_brokers_agents.gif) 185px 0; text-decoration:none;} .nav_item_8 a {width:185px; height:62px; display:block; text-decoration:none; background:url(../images/global/nav/nav_brokers_agents.gif) 0 0;} .nav_item_8 a:hover {width:185px; height:62px; display:block; text-decoration:none; background:url(../images/global/nav/nav_brokers_agents.gif) 370px 0;} /* FOOTER */ #footer_wrapper {clear:both; background-color:#A8A9AD; color:#FFFFFF; height:78px; border-top:3px solid #CCCCCC;} #footer_right {margin:0 0 0 710px; background-color:#A8A9AD;} #footer_left {width:708px; float:left; background-color:#A8A9AD;} #footer {font-size:0.70em; text-align:center; line-height:1.15em;} #footer_nav {padding:7px 0;} #footer a {color:#ffffff; text-decoration:none;} #footer a:hover {color:#666666; text-decoration:underline;} #backnext {height:30px; padding:24px 10px 0 15px; position:relative; margin:0;} #backnext a {display:block; width:30px; height:30px; text-decoration:none;} #back, #next {position:absolute; top:25px; width:30px; height:30px;} #backnext #back {background:url(../images/global/btn/btn_back.gif) bottom left no-repeat; left:15px;} #backnext #back a {background:url(../images/global/btn/btn_back.gif) top left no-repeat;} #backnext #back a:hover {background:url(../images/global/btn/btn_back.gif) bottom left no-repeat;} #backnext #next {background:url(../images/global/btn/btn_next.gif) bottom left no-repeat; left:50px;} #backnext #next a {background:url(../images/global/btn/btn_next.gif) top left no-repeat;} #backnext #next a:hover {background:url(../images/global/btn/btn_next.gif) bottom left no-repeat;} #home #backnext #back {background:none; left:15px;} /*---- ELEMENTS -----*/ #insurance_btns {height:70px; padding:15px 0 0 0; position:absolute; top:408px;} #insurance_btns div {height:35px;} #pricing_info a {display:block; height:30px; width:200px; text-decoration:none; background:url(../images/global/btn/btn_pricing.gif) top left no-repeat;} #pricing_info a:hover {background:url(../images/global/btn/btn_pricing.gif) bottom left no-repeat;} #linktomain p {height:70px; margin-left:100px; padding:15px 200px 0 100px; position:absolute; top:408px;} #download_app a {display:block; height:30px; width:200px; text-decoration:none; background:url(../images/global/btn/btn_dl_app.gif) top left no-repeat;} #download_app a:hover {background:url(../images/global/btn/btn_dl_app.gif) bottom left no-repeat;} #request_app a {display:block; height:30px; width:200px; text-decoration:none; background:url(../images/global/btn/btn_req_app.gif) top left no-repeat;} #request_app a:hover {background:url(../images/global/btn/btn_req_app.gif) bottom left no-repeat;} /* global tagline */ #tag_lead {font-size:0.67em; font-weight:bold; color:#008C99; top:500px; left:0px; position:absolute;} .greenbold {color:#008e95; font-weight:bold;} /* scroll page content_right, add div tag around all content, just under c_r tag */ #scroll {overflow:auto; height:452px;} /* NEWS FLASH */ #news_flash {position:absolute; top:200px; left:230px; width:100px;} #news_flash a {display:block; height:30px; width:90px; text-decoration:none; background: url(/images/elements/btn_news_flash.gif) top left no-repeat;} #news_flash a:hover {background: url(/images/elements/btn_news_flash.gif) bottom left no-repeat;} #news_flash a span {display:none;} #news_flash a:hover span {display:block; position:absolute; top:30px; left:0;} .news_flash_txt {width:200px; display:block; padding:10px; background:#FFFFFF; font-size:0.82em; border:2px solid #008C99; color:#000000; line-height:1.15em;} /*---- PAGES -----*/ /* CLIENT FORMS */ #clientforms_container {position:absolute; width:595px; overflow:auto; height:435px; padding:15px 0 0 0;} #clientforms_left {width:260px; padding-bottom:15px;} #clientforms_right {position:absolute; width:260px; left:275px; top:15px; padding-bottom:15px;} /*#clientforms #tag_lead {font-size:0.67em; color:#008C99; top:430px; left:0px; position:absolute;}*/ #clientforms #content_right a {color:#000000; text-decoration:none;} #clientforms #content_right a:hover {color:#000000; text-decoration:underline;} #clientforms #content_right li {padding:0 0 4px 0;} #clientforms h5 {padding:0;} /* STAFF */ #staff_container {position:absolute; width:600px; overflow:auto; height:455px; padding:0 0 0 0;} #staff_left {width:260px; padding-bottom:15px;} #staff_right {position:absolute; width:260px; left:275px; top:0; padding-bottom:15px;} /*#staff #tag_lead {font-size:0.67em; color:#008C99; top:430px; left:0px; position:absolute;}*/ #staff #content_right a {color:#000000; text-decoration:none;} #staff #content_right a:hover {color:#000000; text-decoration:underline;} #staff #content_right li {padding:0 0 4px 0;} #staff h5 {padding:12px 0 0 0; margin:0;} #staff p {padding:0 0 4px 0; margin:0;} /* BROKERS AGENTS */ #brokers ul {} #brokers #content_right li {padding-bottom:12px;} #brokers_list {position:relative; padding-top:15px; width:300px;} #brokers_btns {height:70px; padding:0; position:absolute; top:35px; left:260px; width:110px;} #learn_more a {display:block; height:30px; width:110px; text-decoration:none; background:#ffffff url(../images/global/btn/btn_learnmore.gif) top left no-repeat;} #learn_more a:hover {background:url(../images/global/btn/btn_learnmore.gif) bottom left no-repeat;} #download_broker a {display:block; height:30px; width:110px; text-decoration:none; background:#ffffff url(../images/global/btn/btn_dl_lg.gif) top left no-repeat;} #download_broker a:hover {background:url(../images/global/btn/btn_dl_lg.gif) bottom left no-repeat;} #brokers #content_right {position:relative;} #brokers #btn_industry_news {position:absolute; top:270px; left:440px; height:60px; width:120px;} #brokers #btn_industry_news a {height:60px; width:120px; display:block; background:url(../images/global/btn/btn_industry_news_medi.gif) top left no-repeat;} #brokers #btn_industry_news a:hover {background:url(../images/global/btn/btn_industry_news_medi.gif) bottom left no-repeat;} /* CONTACT */ #list_center_contact {margin:0; padding:0; position:relative;} #list_left_contact {position:absolute; margin:0; padding:0; top:0; left:0;} #list_right_contact {position:absolute; margin:0; padding:0; top:0; left:280px; width:280px;} #contact #content p {padding:0; margin:0; font-size:0.74em;} #contact_btn {} #contact_existing, #contact_prospects {position:relative; height:45px;} #contact_existing a, #contact_prospects a {display:block; height:30px; width:110px; position:absolute; text-decoration:none; background:#ffffff url(../images/global/btn/btn_emailus.gif) top left no-repeat;} #contact_existing a:hover, #contact_prospects a:hover {background:#ffffff url(../images/global/btn/btn_emailus.gif) bottom left no-repeat; text-decoration:none;} #contact_existing a {top:-7px; left:135px;} #contact_prospects a {top:-7px; left:135px;} /* LASER */ #laser #list_center {height:225px;} #laser_btns {position:relative; width:410px; height:30px; margin-top:15px;} #laser_quote, #laser_app {position:absolute; top:0; left:60px; width:125px; height:30px;} #laser_quote a {display:block; height:30px; width:125px; text-decoration:none; background:#ffffff url(../images/global/btn/btn_pricing.gif) top left no-repeat;} #laser_quote a:hover {background:#ffffff url(../images/global/btn/btn_pricing.gif) bottom left no-repeat;} #laser_app {left:200px;} #laser_app a {display:block; height:30px; width:125px; text-decoration:none; background:#ffffff url(../images/global/btn/btn_dl_app.gif) top left no-repeat;} #laser_app a:hover {background:#ffffff url(../images/global/btn/btn_dl_app.gif) bottom left no-repeat;} /* BEAUTY */ /* list */ #beauty #list_center {margin:6px 0 6px 0; padding:0; position:relative; width:350px; height:155px;} #beauty #list_left {position:absolute; top:0; left:0; width: 175px;} #beauty #list_right {position:absolute; top:0; left:175px; width:175px;} /* btns */ #btn_wrapper_pricing, #btn_wrapper_beauty {height:35px; padding:6px 0 5px 0; width:250px;} .btn_item a {display:block; height:30px; width:230px; text-decoration:none; background: url(../images/global/btn/btn_dl_pr.gif) top left no-repeat;} .btn_item a:hover {background: url(../images/global/btn/btn_dl_pr.gif) bottom left no-repeat;} #btn_wrapper_pricing .btn_item a {background: url(../images/global/btn/btn_price_app.gif) top left no-repeat;} #btn_wrapper_pricing .btn_item a:hover {background: url(../images/global/btn/btn_price_app.gif) bottom left no-repeat;} #btn_wrapper_beauty .btn_item a {background: url(../images/global/btn/btn_single_op.gif) top left no-repeat;} #btn_wrapper_beauty .btn_item a:Hover {background: url(../images/global/btn/btn_single_op.gif) bottom left no-repeat;} /* PRESS */ #content p.press {padding:12px 10px 3px 0; font-size:0.8em;} #press_container { position:absolute; width:582px; overflow:auto; height:370px; padding:0 10px 0 0;} #press_container2 {position:absolute; width:588px; overflow:auto; height:482px; padding:0 10px 0 0;} #video_box_wrapper {position:absolute; top:0; left:403px; width:170px;} #video_box {width:165px; border:1px solid #bbbbbb; margin-top:18px; background:#FFFFFF;} #video_box h1 {padding:9px; margin:0;} #video_box p {padding:6px 9px; margin:0; font-size:11px; } #video_box h3 {padding:6px 9px; margin:0;} #video_playback {} #video_content {width:430px; height:350px; margin:0 auto; padding:15px;} #video_playback p {font-size:12px; padding:20px 0 6px 0px;} /* LINKS */ #content p.links {padding:12px 10px 3px 0; font-size:0.8em;} #content p.links_logo_a {padding:12px 10px 6px 125px; font-size:0.8em; background: url(/images/pages/links/logo_imaj.jpg) 30px center no-repeat;} #content p.links_logo_b {padding:12px 10px 3px 125px; font-size:0.8em; background: url(/images/pages/links/logo_aap.jpg) left center no-repeat;} #links_container {position:absolute; width:588px; overflow:auto; height:455px; padding:0 10px 0 0;} /*SITEMAP*/ #sitemap #list_center {margin:12px 0 6px 0; padding:0; position:relative; width:580px;} #sitemap #list_left {position:absolute; top:0; left:0; width:275px;} #sitemap #list_right {position:absolute; top:0; left:290px; width:275px;} /* PARTNERS */ #content p.partners {padding:12px 10px 3px 0; font-size:0.8em;} #partners_container {position:absolute; width:588px; overflow:auto; height:440px; padding:0 10px 0 0;} .partners_item { overflow:visible; clear:left; padding:9px 0 10px 0;} .partners_logo {padding:5px 0; float:left; width:125px;} .partners_item p {margin-left:135px;} /* HOME */ /* CHAT */ #chat {margin:0 0 0 0;} #home #chat {position:absolute; top:415px; left:450px; width:100px;} /*#home #chat {margin:0 0 0 0; position:absolute; top:351px; left:267px;}*/ #home #facebook {position:absolute; top:483px; left:440px;} #home #facebook a {display:block; background:url(/images/global/btn/btn_facebook.gif) center 0 no-repeat; height:22px; width:58px;} #home #facebook a:hover {background:url(/images/global/btn/btn_facebook.gif) center -22px no-repeat;} #blog {position:absolute; top:483px; left:475px; } #blog a {display:block; background:url(/images/global/btn/btn_blog.gif) center 0 no-repeat; height:25px; width:88px;} #blog a:hover {background:url(/images/global/btn/btn_blog.gif) center -25px no-repeat;}