/*------------------------- tattoo-ins.com filename: ppib-main_2.3.css version: 2.3 date: 3-26-09 Professional Program Insurance Brokerage (PPIB) Websites located at: http://www.tattoo-ins.com http://www.medispa-ins.com http://www.laserinsurance.com http://www.face-body.com Programming (c) 2004-2009 by Product 9 DESIGN http://www.product9.com Design (c) 2004-2009 by ArtGirl http://www.artgirldesign.com All Rights Reserved. --------------------------*/ /*---- TAGS -----*/ body {background:#E2ECF4; color:#000000; margin:0; padding:0; font-family:Arial, Verdana, Helvetica, sans-serif;} img {border:0; display:block;} p, td, h1, h2, h3, h4, h5, ol, ul, li {margin:0; padding:0;} a {text-decoration:none;} /******** 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:805px; margin:0 auto auto 0; background:#FFFFFF;} /* HEADER */ #header {width:805px; height:1%;} #header_left {width:185px; float:left;} #logo {width:185px; background-color:#FFFFFF;} #header_right {margin-left:185px; height:1%;} #tagline {background-color:#8A1D8A;} * html #header_right{margin: 0 -3px;} /* TOP NAVIGATION */ /* Each item has three states, current page, normal and hover */ #navtop {background-color:#FFFFFF; border-top:solid #ffffff 2px; height:17px; border-left:2px solid #ffffff;} #contact .navtop_item_1 a, #contact .navtop_item_1 a:hover {float:left; width:85px; height:17px; display:block; border-right:2px solid #ffffff; background:url(../images/global/navtop/navtop_contact.gif) center 20px; text-decoration:none;} .navtop_item_1 a {float:left; width:85px; height:17px; display:block; border-right:2px solid #ffffff; background:url(../images/global/navtop/navtop_contact.gif) center 0; text-decoration:none;} .navtop_item_1 a:hover {float:left; width:85px; height:17px; display:block; border-right:2px solid #ffffff; background:url(../images/global/navtop/navtop_contact.gif) center 40px; text-decoration:none;} #links .navtop_item_2 a, #links .navtop_item_2 a:hover {float:left; width:65px; height:17px; display:block; border-right:2px solid #ffffff; background:url(../images/global/navtop/navtop_links.gif) center 20px; text-decoration:none;} .navtop_item_2 a {float:left; width:65px; height:17px; display:block; border-right:2px solid #ffffff; background:url(../images/global/navtop/navtop_links.gif) center 0; text-decoration:none;} .navtop_item_2 a:hover {float:left; width:65px; height:17px; display:block; border-right:2px solid #ffffff; background:url(../images/global/navtop/navtop_links.gif) center 40px; text-decoration:none;} #clientforms .navtop_item_3 a, #clientforms .navtop_item_3 a:hover {float:left; width:130px; height:17px; display:block; border-right:2px solid #ffffff; background:url(../images/global/navtop/navtop_clientforms.gif) center 20px; text-decoration:none;} .navtop_item_3 a {float:left; width:130px; height:17px; display:block; border-right:2px solid #ffffff; background:url(../images/global/navtop/navtop_clientforms.gif) center 0; text-decoration:none;} .navtop_item_3 a:hover {float:left; width:130px; height:17px; display:block; border-right:2px solid #ffffff; background:url(../images/global/navtop/navtop_clientforms.gif) center 40px; text-decoration:none;} #brochures .navtop_item_4 a, #brochures .navtop_item_4 a:hover {float:left; width:118px; height:17px; display:block; border-right:2px solid #ffffff; background:url(../images/global/navtop/navtop_brochures.gif) center 20px; text-decoration:none;} .navtop_item_4 a {float:left; width:118px; height:17px; display:block; border-right:2px solid #ffffff; background:url(../images/global/navtop/navtop_brochures.gif) center 0; text-decoration:none;} .navtop_item_4 a:hover {float:left; width:118px; height:17px; display:block; border-right:2px solid #ffffff; background:url(../images/global/navtop/navtop_brochures.gif) center 40px; text-decoration:none;} #staff .navtop_item_5 a, #staff .navtop_item_5 a:hover {float:left; width:70px; height:17px; display:block; border-right:2px solid #ffffff; background:url(../images/global/navtop/navtop_staff.gif) center 20px; text-decoration:none;} .navtop_item_5 a {float:left; width:70px; height:17px; display:block; border-right:2px solid #ffffff; background:url(../images/global/navtop/navtop_staff.gif) center 0; text-decoration:none;} .navtop_item_5 a:hover {float:left; width:70px; height:17px; display:block; border-right:2px solid #ffffff; background:url(../images/global/navtop/navtop_staff.gif) center 40px; text-decoration:none;} #press .navtop_item_6 a, #press .navtop_item_6 a:hover {float:left; width:140px; height:17px; display:block; background:url(../images/global/navtop/navtop_press.gif) center 20px; text-decoration:none;} .navtop_item_6 a {float:left; width:140px; height:17px; display:block; background:url(../images/global/navtop/navtop_press.gif) center 0; text-decoration:none;} .navtop_item_6 a:hover {float:left; width:140px; height:17px; display:block; background:url(../images/global/navtop/navtop_press.gif) center 40px; text-decoration:none;} /* TOP NAVIGATION 2 */ /* Each item has three states, current page, normal and hover */ #navtop2 {background-color:#FFFFFF; border-top:2px solid #ffffff; height:17px; border-left:2px solid #ffffff;} #contact .navtop2_item_1 a, #contact .navtop2_item_1 a:hover {float:left; width:76px; height:17px; display:block; border-right:2px solid #ffffff; background:url(../images/global/navtop2/navtop_contact.gif) center 20px; text-decoration:none;} .navtop2_item_1 a {float:left; width:76px; height:17px; display:block; border-right:2px solid #ffffff; background:url(../images/global/navtop2/navtop_contact.gif) center 0; text-decoration:none;} .navtop2_item_1 a:hover {float:left; width:76px; height:17px; display:block; border-right:2px solid #ffffff; background:url(../images/global/navtop2/navtop_contact.gif) center 40px; text-decoration:none;} #links .navtop2_item_2 a, #links .navtop2_item_2 a:hover {float:left; width:55px; height:17px; display:block; border-right:2px solid #ffffff; background:url(../images/global/navtop2/navtop_links.gif) center 20px; text-decoration:none;} .navtop2_item_2 a {float:left; width:55px; height:17px; display:block; border-right:2px solid #ffffff; background:url(../images/global/navtop2/navtop_links.gif) center 0; text-decoration:none;} .navtop2_item_2 a:hover {float:left; width:55px; height:17px; display:block; border-right:2px solid #ffffff; background:url(../images/global/navtop2/navtop_links.gif) center 40px; text-decoration:none;} #partners .navtop2_item_3 a, #partners .navtop2_item_3 a:hover {float:left; width:83px; height:17px; display:block; border-right:2px solid #ffffff; background:url(../images/global/navtop2/navtop_partners.gif) center 20px; text-decoration:none;} .navtop2_item_3 a {float:left; width:83px; height:17px; display:block; border-right:2px solid #ffffff; background:url(../images/global/navtop2/navtop_partners.gif) center 0; text-decoration:none;} .navtop2_item_3 a:hover {float:left; width:83px; height:17px; display:block; border-right:2px solid #ffffff; background:url(../images/global/navtop2/navtop_partners.gif) center 40px; text-decoration:none;} #clientforms .navtop2_item_4 a, #clientforms .navtop2_item_4 a:hover {float:left; width:115px; height:17px; display:block; border-right:2px solid #ffffff; background:url(../images/global/navtop2/navtop_clientforms.gif) center 20px; text-decoration:none;} .navtop2_item_4 a {float:left; width:115px; height:17px; display:block; border-right:2px solid #ffffff; background:url(../images/global/navtop2/navtop_clientforms.gif) center 0; text-decoration:none;} .navtop2_item_4 a:hover {float:left; width:115px; height:17px; display:block; border-right:2px solid #ffffff; background:url(../images/global/navtop2/navtop_clientforms.gif) center 40px; text-decoration:none;} #brochures .navtop2_item_5 a, #brochures .navtop2_item_5 a:hover {float:left; width:97px; height:17px; display:block; border-right:2px solid #ffffff; background:url(../images/global/navtop2/navtop_brochures.gif) center 20px; text-decoration:none;} .navtop2_item_5 a {float:left; width:97px; height:17px; display:block; border-right:2px solid #ffffff; background:url(../images/global/navtop2/navtop_brochures.gif) center 0; text-decoration:none;} .navtop2_item_5 a:hover {float:left; width:97px; height:17px; display:block; border-right:2px solid #ffffff; background:url(../images/global/navtop2/navtop_brochures.gif) center 40px; text-decoration:none;} #staff .navtop2_item_6 a, #staff .navtop2_item_6 a:hover {float:left; width:55px; height:17px; display:block; border-right:2px solid #ffffff; background:url(../images/global/navtop2/navtop_staff.gif) center 20px; text-decoration:none;} .navtop2_item_6 a {float:left; width:55px; height:17px; display:block; border-right:2px solid #ffffff; background:url(../images/global/navtop2/navtop_staff.gif) center 0; text-decoration:none;} .navtop2_item_6 a:hover {float:left; width:55px; height:17px; display:block; border-right:2px solid #ffffff; background:url(../images/global/navtop2/navtop_staff.gif) center 40px; text-decoration:none;} #press .navtop2_item_7 a, #press .navtop2_item_7 a:hover {float:left; width:125px; height:17px; display:block; background:url(../images/global/navtop2/navtop_press.gif) center 20px; text-decoration:none;} .navtop2_item_7 a {float:left; width:125px; height:17px; display:block; background:url(../images/global/navtop2/navtop_press.gif) center 0; text-decoration:none;} .navtop2_item_7 a:hover {float:left; width:125px; height:17px; display:block; background:url(../images/global/navtop2/navtop_press.gif) center 40px; text-decoration:none;} /* CONTENT */ #content {width:auto; clear:both; position:relative;} #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 */ #content_right {margin:0 0 0 205px; height:452px; position:relative;} /* these sections (from sidenav) have a background at right */ #home #content_right {padding:0 190px 0 0; background:url(../images/global/bkg/home_bkg.jpg) no-repeat right 0;} #tattoo #content_right {padding:0 190px 0 0; background:url(../images/global/bkg/tattoo_bkg.jpg) no-repeat right 0;} #permanentcosmetics #content_right {padding:0 190px 0 0; background:url(../images/global/bkg/permcos_bkg.jpg) no-repeat right 0;} #beauty #content_right {padding:0 190px 0 0; background:url(../images/global/bkg/beauty_bkg.jpg) no-repeat right 0;} #laser #content_right {padding:0 190px 0 0; background:url(../images/global/bkg/laser_bkg.jpg) no-repeat right 0;} #tanning #content_right {padding:0 190px 0 0; background:url(../images/global/bkg/tanning_bkg.jpg) no-repeat right 0;} #brokers #content_right {padding:0 190px 0 0; background:url(../images/global/bkg/brokersagents_bkg.jpg) no-repeat right 0;} /* these sections (from topnav) have NO background at right, link/forms pg overflow to scroll */ #contact #content_right {} #links #content_right {} #newsevents #content_right {} #brochures #content_right {} #newsletters #content_right {} #press #content_right {} #clientforms #content_right {} #staff #content_right {} #privacy #content_right {} #sitemap #content_right {} /* CONTENT RIGHT LIST */ #content_right ul {font-size:0.72em; padding:6px 0 0 15px; margin:0 0 7px 15px;} #content_right li {list-style-image:url(/images/global/btn/list_bullet.gif); padding:0 0 4px 5px; margin:0 0 0 7px;} #content_right li div {color:#000000;} /* CONTENT LEFT */ #content_left {width:185px; float:left; position:relative;} #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;} #tattoo .nav_item_2 a, #tattoo .nav_item_2 a:hover {background:url(../images/global/nav/nav_tattoo.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_tattoo.gif) 0 0;} .nav_item_2 a:hover {width:185px; height:65px; display:block; text-decoration:none; background:url(../images/global/nav/nav_tattoo.gif) 370px 0;} #permanentcosmetics .nav_item_3 a, #permanentcosmetics .nav_item_3 a:hover {background:url(../images/global/nav/nav_permcos.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_permcos.gif) 0 0;} .nav_item_3 a:hover {width:185px; height:65px; display:block; text-decoration:none; background:url(../images/global/nav/nav_permcos.gif) 370px 0;} #beauty .nav_item_4 a, #beauty .nav_item_4 a:hover {background:url(../images/global/nav/nav_beauty.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_beauty.gif) 0 0;} .nav_item_4 a:hover {width:185px; height:65px; display:block; text-decoration:none; background:url(../images/global/nav/nav_beauty.gif) 370px 0;} #laser .nav_item_5 a, #laser .nav_item_5 a:hover {background: url(../images/global/nav/nav_laser.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_laser.gif) 0 0;} .nav_item_5 a:hover {width:185px; height:65px; display:block; text-decoration:none; background: url(../images/global/nav/nav_laser.gif) 370px 0;} #tanning .nav_item_6 a, #tanning .nav_item_6 a:hover {background: url(../images/global/nav/nav_tanning.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.gif) 0 0;} .nav_item_6 a:hover {width:185px; height:65px; display:block; text-decoration:none; background: url(../images/global/nav/nav_tanning.gif) 370px 0;} #brokers .nav_item_7 a, #brokers .nav_item_7 a:hover {background:url(../images/global/nav/nav_brokers.gif) 185px 0; text-decoration:none;} .nav_item_7 a {width:185px; height:62px; display:block; text-decoration:none; background:url(../images/global/nav/nav_brokers.gif) 0 0;} .nav_item_7 a:hover {width:185px; height:62px; display:block; text-decoration:none; background:url(../images/global/nav/nav_brokers.gif) 370px 0;} /* FOOTER */ #footer_wrapper {clear:both; background-color:#6095C1; color:#FFFFFF; height:78px; border-top:3px solid #ADC6DE;} #footer_right {margin:0 0 0 710px; background-color:#6095C1;} #footer_left {width:708px; float:left; background-color:#6095C1;} #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:#B1D5F8; 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 ********/ /* global text styles */ .center {text-align:center;} .green {color:#008C99;} .greenbold {color:#008C99; font-weight:bold;} .center {text-align:center;} .purple {color:#8A1D8A;} /* button - INSURANCE */ #insurance_btns { height:70px; padding:15px 0 0 0; position:absolute; top:340px; width: 200px; } #insurance_btns div {height:35px;} #pricingapp_btn_wrapper {height:35px; padding:15px 0 0 0; position:absolute; top:360px; width:250px; left: -1px; } #pricingapp_btn_wrapper div {height:35px;} #pricing_app_btn a {display:block; height:30px; width:230px; text-decoration:none; background: url(../images/global/btn/btn_dl_pr.gif) top left no-repeat;} #pricing_app_btn a:hover {background: url(../images/global/btn/btn_dl_pr.gif) bottom left no-repeat;} #pricingapp_btn_wrapper2 {height:35px; padding:15px 0 0 0; position:absolute; top:370px; width:300px; left: -1px; } #pricingapp_btn_wrapper2 div {height:35px;} /* button - PRICING */ #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;} #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;} /* text footer - tag_lead on medispa*/ #industry {margin:0; top:435px; position:absolute; width:405px;} #industry p {color:#007576; font-size:.65em; font-weight:bold;} /* global tagline */ #tag_lead {font-size:0.67em; font-weight:bold; color:#008C99; top:430px; left:0px; position:absolute; z-index:99;} /* LIST */ #list_center {margin:6px 0 12px 0; padding:0; position:relative; width:350px; height:165px;} #list_left {position:absolute; top:0; left:0; width: 175px;} #list_right {position:absolute; top:0; left:175px; width:175px;} /* NEWS FLASH */ #news_flash {position:absolute; top:120px; left:230px; width:170px; } #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; cursor:pointer; overflow:visible; } .news_flash_txt {width:200px; display:block; padding:10px; background:#FFFFFF; font-size:0.82em; border:2px solid #8A1D8A; color:#000000; line-height:1.15em;} /* IN PAGE AD (only one per page) */ #in_page_qe {position:relative;} #in_page_qe a {display:block; position:relative; height:55px; width:225px; text-decoration:none; z-index:1;} #in_page_qe a span {display:none; position:absolute; top:0px; left:200px; width:300px; font-size:0.8em; color:#000000; background:#FFFFFF; padding:5px; border:2px solid #8A1D8A;} #in_page_qe a:hover span {display:block;} #in_page_qee {position:relative;} #in_page_qee a {display:block; position:relative; width:225px; text-decoration:none; top:60px;} #in_page_qee a span {display:none; position:absolute; left:200px; width:300px; font-size:0.8em; color:#000000; background:#FFFFFF; padding:9px; border:2px solid #8A1D8A; z-index:1; } #in_page_qee a:hover span {display:block;} /******** PAGES ********/ /* LASER TREATMENTS */ #laser #list_center {height:225px;} #laser #content_right ul {margin:0 0 3px 15px;} #laser #content_right li {padding:0 0 1px 5px;} #laser #insurance_btns {height:35px; position:absolute; top:375px;} #laser_btns {position:relative; width:400px; height:30px; margin-top:4px;} #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;} /* TANNING */ #tanning #content_right ul {margin:0 0 3px 15px;} #tanning #content_right li {padding:0 0 1px 5px;} /* BROKERS AGENTS */ #brokers #content_right ul {} #brokers #content_right li {padding-bottom:12px;} #brokers_list {position:relative; padding-top:3px; width:300px;} #brokers_btns {height:70px; padding:0; position:absolute; top:25px; 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/elements/btn_industry_news.gif) top left no-repeat;} #brokers #btn_industry_news a:hover {background:url(../images/elements/btn_industry_news.gif) bottom left no-repeat;} #brokers h4 {margin:0; padding:0;} #brokers h3 {padding:5px 0 0 0; margin:0;} #brokers h3 a {color:#8A1D8A;} #brokers h3 a:visited {color:#8A1D8A;} #industry_news {} /* CREDITS */ h3.video_link {position:relative; z-index:0;} h3.video_link a span {display:none;} h3.video_link a:hover span {display:block;} .credits {display:block; font-size:10px; width:237px; position:absolute; top:-37px; left:180px; background:#B2DCE0; padding:11px; z-index:5; text-decoration:none; color:#000000;} /* 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;} #list_right_contact p {margin: 0 0 7px 50px; padding: 5px 0 0 0; line-height:1.45em;} #list_right_contact img {border: 0;} #contact h2 {color:#008C99; font-size:0.9em; padding:15px 0 0 0;} #contact #content p {padding:0; margin:0; font-size:0.74em;} #contact_wrapper {} .contact_btn {position:relative; height:45px;} .contact_btn 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_btn a:hover {background:#ffffff url(../images/global/btn/btn_emailus.gif) bottom left no-repeat; text-decoration:none;} .contact_btn a {top:-7px; left:135px;} #chat {margin:10px 0 0 0;} #home #chat {margin:10px 0 0 220px;} /* note here to make file bigger and not crash anymore */ /* LINKS */ #links_container {position:absolute; width:582px; overflow:auto; height:360px; padding:15px 10px 0 0;} #clientforms #tag_lead {font-size:0.67em; color:#008C99; top:430px; left:0px; position:absolute;} #links_container div {background:url(../images/global/btn/clickme_off.jpg) no-repeat; margin:0 0 0 0; padding:0 0 0 33px;} #links_container a {color:#007576; text-decoration:none; font-size:1.25em;} #links_container a:hover {color:#007576; text-decoration:underline;} #links_container p {margin: 0 0 6px 0; padding: 0; line-height:1.3em; font-size:0.76em;} /* CLIENT FORMS */ #clientforms_container {position:absolute; width:595px; overflow:auto; height:360px; padding:15px 0 0 0;} #clientforms_left {width:260px;} #clientforms_right {position:absolute; width:260px; left:275px; top: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;} /* BROCHURES */ #brochure_container {height:427px; } #brochure_left {width:300px; float:left;} #content #brochure_container h1 {padding:15px 0 5px 0;} #content .brochure h3 {color:#008C99; text-transform:uppercase; margin:0; padding:3px 0 0 0;} .brochure {width:100%; margin:0; padding: 0 0 0 0; height:90px;} .brochure img {margin:0; float:right;} .brochure p {margin:0; padding:0; line-height:1.35em;} .brochure a {color:#8B1D8A; text-decoration:none;} .brochure a:hover {color:#BD5EBD; text-decoration:underline;} #newsletter_right {margin-left:330px; margin-right:35px; height:420px; background:url(../images/pages/brochures/newsletter_icon.jpg) bottom right no-repeat;} #content .newsletter h3 {color:#008C99; text-transform:uppercase; margin:0; padding:3px 0 0 0;} .newsletter {width:100%; margin:0; padding: 0 0 10px 0; height:38px;} .newsletter p {margin:0; padding:0; line-height:1.35em; text-transform:uppercase;} .newsletter a {margin:0; padding:0; color:#8B1D8A; text-decoration:none;} .newsletter a:hover {color:#BD5EBD; text-decoration:underline;} /* STAFF */ #staff_container {position:absolute; width:600px; overflow:auto; height:375px; 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;} /* PRESS */ #content p.press {padding:6px 0 3px 0; font-size:0.8em;} #press #content h1 {padding:20px 0 3px 0; font-size:1.3em; color:#008e95;} #press_container {position:absolute; width:582px; overflow:auto; height:408px; padding:0 10px 0 0;} #press_left {width:390px;} #video_box_wrapper {position:absolute; top:0; left:395px;} #video_box {width:170px; border:2px solid #bbbbbb; margin-top:22px;} #content #video_box h1 {padding:9px; margin:0;} #video_box p {padding:6px 9px 6px 15px; margin:0; font-size:12px; background:url(/images/global/btn/list_bullet.gif) 3px center no-repeat;} #video_box h3 {padding:6px 9px 6px 15px; margin:0; background:url(/images/global/btn/list_bullet.gif) 3px center no-repeat;} .video_box_item {position:relative; display:block;} .video_box_txt {display:block; font-size:10px; width:150px; position:absolute; top:30px; left:4px; background:#B2DCE0; padding:11px; z-index:5; text-decoration:none; color:#000000; } .video_box_item a span.video_box_txt {display:none;} .video_box_item a:hover span.video_box_txt {display:block;} #video_playback {} #video_content {width:430px; height:350px; margin:0 auto; padding:15px;} #video_playback p {font-size:12px; padding:20px 0 6px 0px;} /*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;} /* BEAUTY */ #move_up {padding:0 0 3px 0; margin:0;} /* 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;} /* ultimate image ad*/ #ultimate_image { position:absolute; top:320px; width: 419px; } /* 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_dl_pr.gif) top left no-repeat;} #btn_wrapper_pricing .btn_item a:hover {background: url(../images/global/btn/btn_dl_pr.gif) bottom left no-repeat;} #btn_wrapper_beauty .btn_item a {background: url(../images/global/btn/btn_beauty.gif) top left no-repeat;} #btn_wrapper_beauty .btn_item a:Hover {background: url(../images/global/btn/btn_beauty.gif) bottom left no-repeat;} /* PARTNERS #partners_container {position:absolute; width:582px; overflow:auto; height:360px; padding:15px 10px 0 0;} #clientforms #tag_lead {font-size:0.67em; color:#008C99; top:430px; left:0px; position:absolute;} #partners_container div {background:url(../images/global/btn/clickme_off.jpg) no-repeat; margin:0 0 0 0; padding:0 0 0 33px;} #partners_container a {color:#007576; text-decoration:none; font-size:1.25em;} #partners_container a:hover {color:#007576; text-decoration:underline;} #partners_container p {margin: 0 0 6px 0; padding: 0; line-height:1.3em; font-size:0.76em;}*/ /* PARTNERS */ #content p.partners {padding:12px 10px 3px 0; font-size:0.8em;} #partners_container {position:absolute; width:588px; overflow:auto; height:373px; 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;}