/* main.css Global Stylesheet Created: Creator: Matt Kircher Pixels to Ems ----------------------------------- PX EM PX EM 10 0.625 21 1.313 11 0.689 22 1.375 12 0.750 23 1.438 14 0.875 24 1.500 15 0.938 25 1.563 16 1.000 26 1.625 17 1.064 27 1.688 18 1.125 28 1.750 19 1.188 29 1.813 20 1.250 30 1.875 */ /* Imported Styles --------------------------------------------------------*/ @import url("reset.css"); @import url("clearing.css"); @import url("thickbox.css"); /* General --------------------------------------------------------*/ body{ font-family:Arial, Helvetica, sans-serif; font-size:1em; text-align:center; color:#074265; } a{ color:#F26B1D; font-weight:bold; text-decoration:none; } a:hover{ color:#CF521D; } h1{ font-size:2.0em; } h2{ font-size:1.625em; letter-spacing:-1px; } h3{ font-size:1.25em; letter-spacing:-1px; } h4{ font-size:1em; } h5{ font-size:0.875em; } h6{ font-size:0.75em; } h1, h2, h3, h4, h5, h6{ color:#0D7DBF; text-transform:capitalize; } hr{ border:none; color:#619FC1; background-color:#619FC1; height:1px; width:100%; } p{ margin-bottom:7px; } small{ display:block; margin-bottom:7px; font-size:0.5625em; color:#619FC1; } p small{ display:inline !important; font-size:0.749em !important; } sup, sub{ font-size:0.625em; position:relative; top:-5px; } form{ background-color:#ECF4F9; padding:25px; margin:10px 0px; border:2px solid #CEE3F0; } form label, form .note, form input, form select, form textarea{ font:0.689em Arial, Helvetica, sans-serif; } form input{ padding:2px 3px; } label{ display:block; float:left; width:150px; } fieldset{ padding:15px 0px 10px; } /* Classes --------------------------------------------------------*/ /* colors */ /* general elements */ .subhead{ color:#73AD1E; margin-bottom:5px; letter-spacing:0px !important; text-transform:none !important; } h2.subhead{ font-size:1.125em; } h3.subhead{ font-size:1em; } h4.subhead{ font-size:0.875em; } h5.subhead{ font-size:0.75em; } .two_tone_header{} .two_tone_header span{ color:#619FC1; } .columns2{} .columns2 div.left{ float:left; width:48%; margin-right:2%; } .columns2 div.right{ float:left; width:49%; } .checklist{ margin:7px 0px 7px 20px; } .checklist li{ padding-left:12px; background:url(../images/checklist_mark.jpg) 0px 6px no-repeat #FFF; margin-bottom:10px; line-height:1.45em; } .fancy_checklist{ margin:7px 0px 7px; } .fancy_checklist li{ padding-left:24px; background:url(../images/fancy_checklist_mark.jpg) 0px 5px no-repeat #FFF; padding-bottom:10px; font-size:0.689em !important; line-height:1.5em; } .fancy_checklist b{ display:block; color:#73AD1E; font:1.2em; } a.fancy_button{ float:left; display:block; background:url(../images/fancy_button_bg.jpg) bottom left repeat-x #F26B1D; padding:5px 10px; color:#FFF; } a.fancy_button:hover{ color:#FFDBA6; } p.coupon_button{ margin:20px 0px 20px 0px !important; } .inset_image_left{ float:left; margin:0px 12px 10px 0px; } .inset_image_right{ float:right; margin:0px 0px 10px 12px; } .header_louse{ border:1px solid #F2D479; height:73px; text-align:right; padding-right:7px; letter-spacing:-.025em; height:53px; padding-top:20px; margin-bottom:10px; background:url("../images/content/home_columns_louse(208x73).jpg") top left no-repeat !important; } .callout_module{ padding:0px 12px 12px; margin:10px 0px; border:2px solid #F2D479; } .required_field{ font-weight:bold; color:#CF521D; } .warning{ color:#F00; font-weight:bold; } .note{ font-size:.625em; } fieldset .note{ color:#619FC1; } .movie_clip_link a{ display:block; margin:5px 10px 5px 0px; text-align:center !important; } .designing_spaces a{ padding-top:104px; width:147px; background:url(../images/content/designing_spaces_movie.jpg) top left no-repeat; } /* Wrap --------------------------------------------------------*/ #wrap{ text-align:left; margin:auto; width:900px; padding:0px; } /* Header --------------------------------------------------------*/ #header{ position:relative; z-index:50; } /* Logo --------------------------------------------------------*/ #logo{ float:left; height:135px; width:900px; margin-right:-900px; margin-bottom:-135px; } #logo h1{ float:left; background:url(../images/logo.jpg) top left no-repeat; width:150px; height:100px; position:relative; top:63px; left:39px; } #logo h1 a{ display:block; width:150px; height:100px; text-indent:-1000px; overflow:hidden; } #logo h2{ background:url(../images/client_tagline_bg.jpg) top left no-repeat; width:210px; height:110px; text-indent:-1000px; overflow:hidden; position:relative; top:54px; left:313px; } /* Masthead --------------------------------------------------------*/ #masthead{ width:900px; height:135px; background:url(../images/masthead_bg.jpg) top left no-repeat; margin-bottom:50px; } #masthead_content{} /* Navigation --------------------------------------------------------*/ /* functional-nav */ #functional-nav{ height:28px; padding-top:12px; padding-left:35px; } #functional-nav li{ float:left; margin-right:8px; height:9px; overflow:visible; } #functional-nav li.end_nav{} #functional-nav li a{ font-size:0.689em; display:block; float:left; padding-right:7px; border-right:1px solid #FCDAC6; } #functional-nav li.end_nav a{ padding-right:0px; border-right:none; } #functional-nav li a:hover, #functional-nav li.selected a{} #functional-nav .language-nav a{ color:#0D7DBF; font-size:0.625em; } #hotline_funtional_nav{ font-size:0.75em; color:#F26B1D; font-weight:bold; float:left; margin-left:40px; } .index #hotline_funtional_nav{ margin-left:87px; } #hotline_funtional_nav b{ font-size:0.83em; color:#619FC1; font-weight:normal; } #hotline_funtional_nav{ display:none; } #functional-nav .language-nav{ position:relative; left:210px; } .subpage #functional-nav .language-nav{ left:160px; } /* main-nav */ #main-nav{ float:left; margin-bottom:-47px; position:relative; top:135px; } #main-nav ul{ height:47px; margin-left:20px; } #main-nav li{ float:left; } #main-nav li.end_nav{} #main-nav li a{ display:block; text-indent:-100000px; overflow:hidden; height:47px; background-image:url(../images/main_nav_bg.jpg); background-repeat:no-repeat; } #main-nav li .mn1{ width:115px; background-position:0px 0px; } #main-nav li .mn2{ width:148px; background-position:-115px 0px; } #main-nav li .mn3{ width:115px; background-position:-263px 0px; } #main-nav li .mn4{ width:117px; background-position:-378px 0px; } #main-nav li .mn5{ width:127px; background-position:-495px 0px; } #main-nav li a.mn1:hover, #main-nav li.selected .mn1{ width:115px; background-position:0px -47px; } #main-nav li a.mn2:hover, #main-nav li.selected .mn2{ width:148px; background-position:-115px -47px; } #main-nav li a.mn3:hover, #main-nav li.selected .mn3{ width:115px; background-position:-263px -47px; } #main-nav li a.mn4:hover, #main-nav li.selected .mn4{ width:117px; background-position:-378px -47px; } #main-nav li a.mn5:hover, #main-nav li.selected .mn5{ width:127px; background-position:-495px -47px; } /* sub-nav */ #sub-nav{ float:left; width:140px; padding:20px; margin-right:-180px; position:relative; left:-205px; margin-bottom:-10000px; background:url(../images/sub_nav_bg.jpg) top left repeat-x #FFF; } #sub-nav ul{} #sub-nav li{ margin-bottom:8px; padding-bottom:7px; border-bottom:1px solid #F8E9BC; } #sub-nav li.end_nav{ margin-bottom:0px; padding-bottom:0px; border:none; } #sub-nav li a{} #sub-nav li.selected a{ color:#0D7DBF; } #sub-nav li.selected li a{ color:#F26B1D !important; } #sub-nav li.selected li a:hover{ color:#CF521D !important; } #sub-nav li a:hover{} /* 3rd tier nav */ .tier3-nav{ margin:12px 0px 0px; } .tier3-nav li{ background:url(../images/checklist_mark.jpg) 8px 2px no-repeat; padding-left:20px; margin-bottom:10px; padding-bottom:0px !important; border-bottom:none !important; } .tier3-nav li a{ font-size:1.2em; font-weight:bold; } /* Content --------------------------------------------------------*/ #content{ padding:20px 15px 20px 40px; } #content p, #content li{ font-size:0.75em; margin-bottom:8px; } #content p{ line-height:1.45em; } /* main-content */ #main-content{ float:left; width:625px; } .padded-main-content{ width:440px !important; padding-left:185px; } /* home / home columns */ #home-products-link{ margin:10px 0px; padding-left:25px; } #home-click-save-link{ margin:10px 0px; } #home_columns{ clear:both; margin:35px 0px 20px; } #home_columns div{ float:left; width:200px; margin-right:5px; } #home_columns div.right{ margin-right:0px; } #home_columns div h3{ border:1px solid #F2D479; height:73px; text-align:right; padding-right:7px; letter-spacing:-.025em; height:53px; padding-top:20px; margin-bottom:10px; } #home_columns div.left h3{ background:url("../images/content/home_columns_baby(208x73).jpg") top left no-repeat; } #home_columns div.middle h3{ background:url("../images/content/home_columns_nurse(208x73).jpg") top left no-repeat !important; padding-left:80px; font-size:1.064em; } #home_columns div.right h3{ background:url("../images/content/home_columns_louse(208x73).jpg") top left no-repeat !important; } #home_columns div h4{ font-size:0.75em; } #home_columns div p{ padding-right:10px; font-size:0.689em; margin-bottom:10px; } #home_columns div p a{ font-size:1.09em; } /* hotline */ #hotline{ margin:20px 0px 30px; } #hotline h3{ background:url(../images/hotline_module_header_bg.jpg) top left no-repeat; width:185px; height:92px; overflow:hidden; text-indent:-100000px; margin-bottom:10px; } #hotline p{ margin-bottom:10px; } #hotline_phone, #hotline_email{ padding-left:50px; } #hotline_phone{ color:#F26B1D; font-size:0.95em !important; font-weight:bold; line-height:1em !important; } #hotline_times{ padding-left:50px; } #hotline_phone b, #hotline_email b{ color:#074265; float:left; color:#619FC1; font-size:1.16em; position:relative; left:-50px; margin-right:-50px; margin-bottom:-100px; } #hotline_phone b{ font-size:1em !important; } #hotline_phone span{ display:block; font-size:0.75em; color:#619FC1; font-weight:normal; } #hotline_times b{ display:block; } /* comparison-chart */ #comparison-chart{ margin:12px 0px; border-collapse:separate; } #comparison-chart th{ font-size:0.689em; } #comparison-chart thead th{ font-size:0.75em; color:#FFF; padding:5px; width:20%; text-align:center; background-color:#0D7DBF; } #comparison-chart thead th#licemd{ border-right:none; } #comparison-chart tbody th, #comparison-chart tbody td{ padding-bottom:10px; border-bottom:1px solid #C8DEEA; } #comparison-chart tbody td{ border-left:1px solid #C8DEEA; } #comparison-chart tbody th{ width:33%; padding:10px 15px 10px 5px; text-align:right; } #comparison-chart th.highlighted, #comparison-chart td.highlighted{ background:#FCF6E0; } #comparison-chart tbody td{ overflow:hidden; text-indent:-10000px; background:url(../images/content/red_x.jpg) center center no-repeat #FFF; } #comparison-chart tbody td.checked{ background:url(../images/content/green_check.jpg) center center no-repeat #FFF; } /* product-listing */ #product-listing{} #product-listing div.product{ padding-bottom:12px; margin-bottom:12px; border-bottom:1px solid #0D7DBF; padding-left:165px; } #product-listing img{ display:none; } .product_info div{ border-bottom:none !important; padding-left:0px !important; background:none !important; } .product_info hr{ display:none; } .product_info img{ display:inline !important; margin:0px 15px 15px 0px; } #product-listing #product-creme{ background:url("../images/content/product_creme_rinse(150x172).jpg") top left no-repeat; min-height:172px; } #product-listing #product-comb{ background:url("../images/content/product_2sided_comb(150x270).jpg") top left no-repeat; min-height:270px; } #product-listing #product-spray{ background:url("../images/content/product_control_spray(150x224).jpg") top left no-repeat; min-height:224px; } #product-listing #product-gel{ background:url("../images/content/product_gel_and_comb(150x251).jpg") top left no-repeat; min-height:251px; } #product-listing #product-pf{ background:url("../images/content/product_nixPF(150x273).jpg") top left no-repeat; min-height:273px; } #product-listing #product-complete{ background:url("../images/content/product_complete_kit(150x185).jpg") top left no-repeat; min-height:185px; } #product-quick-jump{ padding-right:50px; } #product-quick-jump a{ /*color:#73AD1E;*/ font-size:1.09em; line-height:1.2em; } .about #product-quick-jump{ margin-top:50px; } /* faq-listing */ #faq-listing{} #faq-listing .section{} #faq-listing .section h3{ background-color:#FFF; font-size:1em !important; } #faq-listing .section h3 a{ display:block; padding:5px 10px 5px 20px; color:#0D7DBF; background:url(../images/faq_arrow.jpg) 5px 7px no-repeat #FFF; } #faq-listing .section h3 a:hover, #faq-listing .section h3.selected a{ color:#FFF; background:url(../images/faq_arrow_down.jpg) 5px 9px no-repeat #79B4D6; } #faq-listing .section > h4{ margin-top:10px !important; } #faq-listing .section h4, #faq-listing .section p{ padding-left:10px; } #faq-listing .section h4{ margin-top:10px; font-size:0.875em; } #faq-listing .section ul{ padding-left:25px; margin:15px 0px 15px; } #faq-listing .section li h4{ margin-top:5px; padding-left:0px; font-size:1em; } #faq-listing .section li h4 a{ display:block; padding:3px 10px; color:#0D7DBF; } #faq-listing .section li h4 a:hover{ color:#FFF; background-color:#79B4D6; } #faq-listing .section li p{ font-size:1em !important; padding-left:10px; } #faq-listing .section li p b.answer_label{ font-weight:bold; color:#F26B1D; } /* retailers */ #retailers{ margin:15px 0px; display:block; } #retailers li{ float:left; width:47%; } #retailers .retailer_icon{ height:70px; margin-bottom:10px; padding-left:0px !important; } #retailers .retailer_icon a{ display:block; float:left; height:70px; width:100%; text-indent:-10000px; position:relative; overflow:hidden; } #retailers li#icon_cvs{ background:url(../images/content/retailer_icon_cvs.jpg) left center no-repeat #FFF; height:36px; } #retailers li#icon_walgreens{ background:url(../images/content/retailer_icon_walgreens.jpg) left center no-repeat #FFF; height:36px; } #retailers li#icon_medicap{ background:url(../images/content/retailer_icon_medicap.jpg) left center no-repeat #FFF; } #retailers li#icon_riteaid{ background:url(../images/content/retailer_icon_riteaid.jpg) 25px center no-repeat #FFF; } #retailers li#icon_drugstore{ background:url(../images/content/retailer_icon_drugstore.jpg) left center no-repeat #FFF; height:40px; } #retailers li#icon_kerrdrug{ background:url(../images/content/retailer_icon_kerrdrug.jpg) left center no-repeat #FFF; height:40px; } #retailers li#icon_drugmart{ background:url(../images/content/retailer_icon_drugmart.jpg) 15px center no-repeat #FFF; } #retailers li#icon_medicineshoppe{ background:url(../images/content/retailer_icon_medicineshoppe.jpg) left center no-repeat #FFF; } #retailers li#icon_pamida{ background:url(../images/content/retailer_icon_pamida.jpg) left center no-repeat #FFF; height:40px; } #retailers li#icon_shopko{ background:url(../images/content/retailer_icon_shopko.jpg) 0px center no-repeat #FFF; height:40px; } /* forms */ #formSubmit{ margin-left:150px; } /*story submissions*/ #storyForm #formStateLabel{ margin-top:5px; } #storyForm #formState{ width:150px; margin-top:5px; } #storyForm #formPermissionLabel{ display:block; width:auto; float:none; margin:0px 100px 0px 150px; } #storyForm #formPermission{ margin:3px 10px 20px 0px; float:left; display:block; } /*contact form*/ #contactForm #formState{ width:40px; } /* site-map */ #site-map{} #site-map h3{ margin-top:15px; font-size:0.875em; padding-bottom:4px; margin-bottom:5px; border-bottom:1px solid #619FC1; } #site-map ul{ padding:8px 0px 5px 25px; list-style:disc; } #site-map li{ font-size:0.689em !important; } #site-map li span{ display:block; margin:2px 0px 10px; } #site-map li span a{ font-weight:normal !important; font-size:0.909em !important; color:#074265 !important; } #site-map ul li ul{ list-style:square; } #site-map li li{ font-size:inherit !important; } #site-map ul li ul li ul{ list-style:circle; } /* IE6 */ * html #site-map li{ font-size:11px !important; } /* IE7 */ * + html #site-map li{ font-size:11px !important; } #site-map-extra-links li{ width:40%; margin-right:5%; float:left; } /* sub-content */ #sub-content{ float:right; width:185px; } .index #sub-content, .site #sub-content{ background:url(../images/mastheads/masthead_home.jpg) top left no-repeat; position:relative; top:-242px; padding-top:241px; margin-bottom:-261px; } .about #sub-content, .contact #sub-content{ background:url(../images/mastheads/masthead_about.jpg) top left no-repeat; position:relative; top:-242px; padding-top:275px; margin-bottom:-261px; } .facts #sub-content{ background:url(../images/mastheads/masthead_facts.jpg) top left no-repeat; position:relative; top:-242px; padding-top:260px !important; margin-bottom:-261px; } .stories #sub-content, .news #sub-content{ background:url(../images/mastheads/masthead_stories.jpg) top left no-repeat; position:relative; top:-242px; padding-top:270px; margin-bottom:-261px; } .where_to_buy #sub-content{ background:url(../images/mastheads/masthead_where_to_buy.jpg) top left no-repeat; position:relative; top:-242px; padding-top:260px !important; margin-bottom:-261px; } .health_professionals #sub-content, .resources #sub-content{ background:url(../images/mastheads/masthead_healthcare.jpg) top left no-repeat; position:relative; top:-242px; padding-top:300px; margin-bottom:-261px; } /* IE6 */ * html .index #sub-content, * html .site #sub-content{ padding-top:260px; } * html .about #sub-content, * html .contact #sub-content{ padding-top:300px; } * html .facts #sub-content{ padding-top:280px !important; } * html .stories #sub-content, * html .news #sub-content{ padding-top:300px; } * html .where_to_buy #sub-content{ padding-top:280px !important; } /* IE7 */ * + html .index #sub-content, * + html .site #sub-content{ padding-top:260px; } * + html .about #sub-content, * + html .contact #sub-content{ padding-top:300px; } * + html .facts #sub-content{ padding-top:280px !important; } * + html .stories #sub-content, * + html .news #sub-content{ padding-top:300px; } * + html .where_to_buy #sub-content{ padding-top:280px !important; } /* Footer --------------------------------------------------------*/ #footer{ padding-bottom:20px; } /* navigation */ #footer-navigation{} /* footer-main-nav */ #footer-main-nav{ text-align:center; height:35px; background:url(../images/footer_nav_bg.jpg) top left no-repeat; } #footer-main-nav ul{ margin:auto; text-align:left; width:600px; padding-left:60px; } #footer-main-nav li{ float:left; padding-right:9px; border-right:1px solid #56A3CF; margin-right:10px; padding-top:4px; } #footer-main-nav li.end_nav{ border-right:none; margin-right:0px; padding-right:0px; } #footer-main-nav li a{ font-size:0.625em; color:#FFF; font-weight:normal; } /* footer-functional-nav */ #footer-functional-nav{ text-align:center; height:35px; padding-top:10px; } #footer-functional-nav ul{ margin:auto; text-align:left; width:300px; padding-left:60px; } #footer-functional-nav li{ float:left; margin-right:15px; } #footer-functional-nav li a{ font-size:0.75em; } /* designed by */ #affiliates{ text-align:center; width:208px; height:32px; margin:auto; margin-top:12px; margin-bottom:12px; } #affiliates li{ display:inline; } #affiliates #parent-company a{ float:left; margin-right:20px; display:block; height:32px; width:65px; background:url(../images/insight_pharma_logo.jpg) top left no-repeat #FFF; overflow:hidden; text-indent:-100000px; } #affiliates #designed-by a{ float:left; display:block; height:32px; width:123px; background:url(../images/mlm_logo.jpg) top left no-repeat #FFF; overflow:hidden; text-indent:-100000px; } /* validation */ #validation{ display:none; } /* copyright */ #copyright{ text-align:center; font-size:0.625em; } #copyright a{ color:#074265; }