/* catalina global structure stylesheet start: 6.29.09 blue #3a6a9b darker blue #0a4e8f green #8DC540 darker green #80B337 light grey #d6d6d6 ---------------------------------------- */ /* GLOBAL RESET & STYLE ———————————————————————————————————————————————————————————————————————————————————— */ *,html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a, abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,input,kbd,q,s,samp,small, strike,strong,sub,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label, legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline; line-height:20px; } body { font-family:Verdana, sans-serif; font-size:12px; color:#222; } ul { list-style:none;} ol { padding:0 0 0 35px; margin-bottom:15px; } ol li { list-style-type:disc; } blockquote,q{ quotes:none;} blockquote:before,blockquote:after,q:before,q:after { content:'';content:none; } :focus { outline:0; } address { margin:0 0 20px; display:block; } ins { text-decoration:none; } del { text-decoration:line-through; } table { border-collapse:collapse;border-spacing:0; } img { border:none; } a { text-decoration: none; } .clear { clear:both; } .small { font-size:75%; } p span { color:#454545; font-weight:bold; } .red { color:red; } .alignright { text-align:right; padding-right:5px; } .note { font-size:75%; margin-top:-12px; } .strong {font-weight:bold;} /* GLOBAL STRUCTURE ———————————————————————————————————————————————————————————————————————————————————————— */ html { background:url(../new_images/bg.gif) 0px 0px repeat;} #container { width:920px; min-height:768px;margin:0 auto; margin-top: 10px; position:relative; background:url(../new_images/bg_shadow.gif) 0px 0px repeat-y;} #header { width:900px; padding:35px 10px 0 10px; position:relative;background:url(../new_images/bg_curves.gif) 0px 0px no-repeat;} #sidebar { position:absolute; top: 430px; left: 0px; width:275px; float:left; height:250px!important; } #main {min-height:725px; height:auto!important;overflow:hidden; position:relative; margin-left: 35px;} #home_nav {width:630px; float:right;margin-right:21px;} #nav {float:left; z-index: 50; position:relative;width:630px;} #content {float:left; width: 594px; min-height: 600px; padding: 30px 0px 0px 20px; background:url(../new_images/content_bg.gif) 0px 0px repeat-x; position:relative;} #footer {border-top:2px solid #ABABAB; width:842px; padding:15px 0 30px; clear:both; overflow:hidden; margin:0 auto; } /* IMAGE HOLDER ————————————————————————————————————————————————————————————————————————————————————————————— */ #imageholder img {float:left;} /* SOLUTIONS BOX ————————————————————————————————————————————————————————————————————————————————————————————— */ #solutionsblock {background:url(../images/bg.png) no-repeat; width:305px; height:auto; position:absolute; overflow:visible; top:75px; right:38px; z-index:2; } #solutionsblockall {padding:10px;} #solutionsblock p {font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:13px; color:#0a4e8f; border-bottom: 1px solid gray; margin:5px 5px 0px 5px; } #solutionsblock ul {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; color:#0a4e8f; } #solutionsblock p.specialp { font-family:Arial, Helvetica, sans-serif; font-style:normal; border:none; text-transform:uppercase; letter-spacing:2px; margin-top:10px; margin-bottom:0px; padding-bottom:0; font-weight:bold; font-size:11px; color:#333333; } #solutionsblock ul a {text-decoration:none; color:#0a4e8f; cursor:pointer; display:block; padding-left:5px; padding:0; margin:0; line-height:default; padding-left:5px; } #solutionsblock ul a:hover { color:#FFFFFF; background-color:#0a4e8f; } /* HEADINGS —————————————————————————————————————————————————————————————————————————————————————————————————— */ #header h1 a { width:245px; height:30px; margin-left:30px; display:block; float:left; background:url(../new_images/logo.gif) transparent no-repeat 0 5px; text-indent:-9999px; } h2 { margin-bottom:20px; font-size:215%; color:#3a6a9b; font-weight:normal; } h2 sup { font-size:41%; } h3 { text-transform:uppercase; color:#3A6A9B; padding:15px 0 0 10px; font-size:115%;} h4 { text-transform:uppercase; letter-spacing:1px; margin-top:-60px; padding:60px 0 10px 0;font-size:80%; color:#333;} h6 { padding-bottom: 5px; font-size:90%; color:#3A6A9B; } h5 { color:#828282; padding-bottom:10px; clear:both;} #header img.quote { position:relative; left: 40px; margin-bottom:16px;} /*NAVIGATION _______________________________________________________________________________________________ */ /*main items*/ /*#nav ul { float:left;height:38px; } #nav ul li { float:left; overflow:hidden; text-align:center; } #nav ul li a {display:block; padding: 9px 0; color:#fff; font-size:12px;background:url(../new_images/nav_bg.gif) 0 0 repeat-x; } #nav ul li a:xhover { color:#0a4e8f;} #nav a.currentsection { background:url(../new_images/nav_bg_hov.gif) 0px 0px repeat-x; } #nav ul li.home {width:88px;} #nav ul li.solutions {width:110px; } #nav ul li.products { width:106px;} #nav ul li.benefits { width:106px;} #nav ul li.about { width:93px;} #nav ul li.contact {width:102px; } subnav items #nav .subnav_wrap {position:relative;} #nav ul li ul { position:absolute; top:0; left:0; background:#65a112; display:none; z-index:10; height:auto;} #nav ul li ul li { float:none; border-bottom: 1px solid #4e8600; text-align:left;} #nav ul li ul li a { color:#fff; font-size:11px; display:block; padding: 5px 5px 5px 15px; width:174px;background:#65a112;} #nav ul li ul li a:hover {background:#4e8600; display:block; } #nav .currentpage a {font-weight:normal;color:#0a4e8f;} */ /*ie6 dropdown nav fix #nav ul li ul, { width:174px; z-index:10; } #nav ul li ul li, { padding-top:15px; } #nav ul li ul li a, { margin-top:20px;display:inline; } */ #nav{overflow:visible;height:auto;} #nav ul li.mainnav{position:relative;overflow:visible;float:left;} #nav ul li.mainnav a{display:block; padding: 9px 0px 9px 1px; text-align:center; color:#fff; font-size:12px;background:url(../new_images/nav_bg.gif) 0 0 repeat-x;} #nav ul li.mainnav a.currentsection{background:url(../new_images/nav_bg_hov.gif) 0 0 repeat-x; } #nav ul li.home {width:88px;} #nav ul li.solutions {width:110px; } #nav ul li.products { width:106px;} #nav ul li.benefits { width:106px;} #nav ul li.about { width:93px;} #nav ul li.contact {width:110px; } sup {font-size:9px; vertical-align:top;display:inline-block;margin-top:-5px;} #nav ul li.mainnav ul{display:none;position:absolute;width:195px;top:38px;} #nav ul li ul{position:relative;top:0px;} #nav ul li ul li{margin:0px;padding:0px;border-bottom: 1px solid #4e8600;} #nav ul li.mainnav ul li a{padding:5px 0px 5px 10px;margin:0px;background:#65a112;float:left;width:195px;text-align:left;} #nav ul li.mainnav ul li a:hover{background-color:#4e8600;} #nav .subnav{z-index:100;position:absolute;} #nav .subnav li{margin:0;float:left;clear:both} /* SIDEBAR ————————————————————————————————————————————————————————————————————————————————————————————————— */ /*pharma brand sidebar box*/ .sidebox { width:219px; background:#fff; float: left; font-weight:bold; font-size:115%; left:-230px;position:absolute;top:390px;} .sidebox p { color:#80B337; padding: 15px; } .sidebox p.cta { display:block; width:190px; background:url(../images/sbblue.gif) bottom left no-repeat; color:#fff;} .sidebox a { color:#fff; } .sidebox a:hover{ text-decoration:underline; } .sidebox > a { display:block; margin-right:15px; float:right; padding:0 4px; background:#8DC540;color:#fff; text-transform: uppercase; font-size:65%; } /*pharma brand sidebar box*/ #sidebar div { width:219px; background:#fff; } #sidebar ul { margin:10px 0 0 15px; } /*view product listing*/ #vprod { width:200px; background:url(../images/plist.png) no-repeat 0 0; } #vprod li a { display:block; width:200px; height:30px; text-indent:-9999px;} #vprod_item1 a { background:url(../images/plist.png) no-repeat 0 -170px; } #vprod_item2 a { background:url(../images/plist.png) no-repeat 0px -207px; } #vprod_item3 a { background:url(../images/plist.png) no-repeat 0 -240px; } #vprod_item4 a { background:url(../images/plist.png) no-repeat 0 -271px; } #vprod_item5 a { background:url(../images/plist.png) no-repeat 0 -305px; } #vprod_item1 a:hover { background:url(../images/plist.png) no-repeat 0 0; } #vprod_item2 a:hover { background:url(../images/plist.png) no-repeat 0px -37px; } #vprod_item3 a:hover { background:url(../images/plist.png) no-repeat 0 -70px; } #vprod_item4 a:hover { background:url(../images/plist.png) no-repeat 0 -101px; } #vprod_item5 a:hover { background:url(../images/plist.png) no-repeat 0 -135px; } /*GLOBAL PAGE STYLES ——————————————————————————————————————————————————————————————————————————————————————— */ p { padding-bottom:15px; } p a { color:#80B337; display:inline; background:none; padding:0; float:none; text-transform: none; font-weight:bold;} #main p a:hover { text-decoration:underline; } /*tabs (mini div switcher) */ #tabsblock {float:right; width:275px; margin-left:20px;} #tabs { width:275px; margin:0 0 0px 25px; padding:5px 0 20px 0; float:right; text-indent:20px; } #tabsblock h4 {font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; color:#333333; text-transform:none; font-weight:normal; letter-spacing:normal; font-style:italic; margin-left:20px; border-bottom:1px solid #0a4e8f;} #tabs li { width:230px; } #tabs li a { display:block; font-weight:bold; color:#989898; font-size:85%; } #tabs li a:hover{text-decoration:underline;} #tabs li a:active,#tabs li a.active{ color:#0a4e8f; background:url(../images/bluearrow.gif) no-repeat 2px; } /*listing (green callout) boxes */ ul.listing { width:500px; margin-bottom:15px; background:url(../images/altgreenbg.png) repeat 0 0; overflow:hidden; padding:0 0 0 12px;} ul.listing li { font-size:85%; padding:12px 12px 0px 12px; height:110px; } ul.listing li p, .listing li span, .listing li a, .listing li p a, .listing li sup, .listing li em { line-height:17px; } ul.listing li p { padding-bottom:0px !important;} /*listing anchor (block)*/ ul.listing a { display:block; float:right; padding:0 4px; background:#0a4e8f;color:#fff; text-transform: uppercase;} ul.listing a:hover { text-decoration: underline; } ul.listing h6 { font-size:85%; padding:9px 0 0 0; margin-bottom:-10px; } /*listing anchor (inline)*/ ul.listing p a { display:inline; float:none; padding:0px; background:none;color:#222; text-transform: inherit; } ul.listing p a:hover { text-decoration: underline; } /*listing (green callout) boxes */ .listing2 {position:relative; font-size:85%; padding:12px 12px 0px 12px; height:110px; width:500px; margin-bottom:15px; background:url(../images/altgreenbg.png) repeat 0 0; overflow:hidden;} .listing2 p { padding-bottom:0px !important;} /*listing anchor (block)*/ .listing2 a { display:block;position:absolute; right:10px; bottom:10px; padding:0 4px; background:#0a4e8f;color:#fff; text-transform: uppercase; } .listing2 a:hover { text-decoration: underline; } .listing2 h6 { font-size:85%; padding:9px 0 0 0; margin-bottom:-10px; } /*listing anchor (inline)*/ .listing2 p a { display:inline; float:none; padding:0px; background:none;color:#222; text-transform: inherit; } .listing2 p a:hover { text-decoration: underline; } /*listing (2 coloumn order list)*/ /*listing (1 coloumn order list)*/ ul.listingfull2 { padding:10px 0 0 20px; margin-left:20px; float:left; } ul.listingfull2 li { list-style-type:disc;zoom:1; width:100% !important; float:none;} /* HOMEPAGE ———————————————————————————————————————————————————————————————————————————————————————————————— */ /*home page content*/ #home_top {height:335px;} #hometext { float:left; width:100%; position:relative; margin-bottom:20px;} #hometext #lcol {float:left;width:545px; margin-right: 40px;background: url(../new_images/header_bg.gif) repeat-x 0 0; padding-top:40px;} #hometext #lcol h5 {color:#0f4a83; font-size:15px;} #hometext #lcol p {padding:10px0 0 0; display:block; float:left; } #hometext #lcol a {color: #0f4a83;} #hometext #rcol {float:left; width:260px;} #hometext #rcol h5 {padding-left: 10px; color:#646464; font-size:13px;background: url(../new_images/header_bg.gif) repeat-x 0 0;} #hometext #rcol ul {padding-top: 10px;} #hometext #rcol ul li {padding:5px;cursor:pointer;} #hometext #rcol ul li p {margin:0; padding:0; font-size: 11px;display:none;cursor:text;} img.home_photo {position:absolute; top:0px; z-index:1;} /*flash homepage chooser*/ #flash { clear:both; } #flash, { height:320px; } #flash object { position:absolute; top:365px; margin-left:-10px; } /*BENEFITS - PATIENT PAGE ——————————————————————————————————————————————————————————————————————————————————— */ #patientgraph { width:383px; height:153px; background:url(../images/bargraph2.png) no-repeat transparent; } #patientgraph li { width:100%; height:30px; padding:6px 0 0 10px; color:#fff; font-weight:bold;} /*greenbox table chart*/ ul.box { width:100%; margin-bottom:20px; color:#fff; margin-bottom:10px;overflow:hidden;height:100%;} ul.box li { display:block; float:left; padding:10px; background: #999999; width:270px; margin:0 1px 1px 0;} ul.boxad { width:100%; margin-bottom:20px; color:#fff; margin-bottom:10px;overflow:hidden;height:100%;} ul.boxad li { display:block; float:left; padding:10px; background: #999999; width:270px; margin:0 1px 1px 0;} .item1 { width:50%; background:#8cc63e; margin-bottom:1px;} .item2 { width:40%; background:#a4d266; margin:0 0 1px 1px;} .item3 { width:50%; background:#a4d266; } .item4 { width:40%; background:#8cc63e; margin-left:1px; } /*PRODUCT PAGE*/ ul.products {width:500px;} ul.products li {float:left;width:240px;} ul.products li a{display:block; float:left;width:240px;height:37px; text-indent:-9999px;} /*view product listing*/ .patientlink a { background:url(../images/plist2.png) no-repeat 0 -282px; } .checkoutrx a { background:url(../images/plist2.png) no-repeat 0px -321px; } .adrewards a { background:url(../images/plist2.png) no-repeat 0 -360px; } .pharmaware a { background:url(../images/plist2.png) no-repeat 0 -400px; } .rxconx a { background:url(../images/plist2.png) no-repeat 0 -438px; } .genericlink a { background:url(../images/plist2.png) no-repeat 0 -477px; } .nutrientnews a { background:url(../images/plist2.png) no-repeat 0 -516px; } .patientlink a:hover { background:url(../images/plist2.png) no-repeat 0 -3px; } .checkoutrx a:hover { background:url(../images/plist2.png) no-repeat 0px -42px; } .adrewards a:hover { background:url(../images/plist2.png) no-repeat 0 -81px; } .pharmaware a:hover { background:url(../images/plist2.png) no-repeat 0 -121px; } .rxconx a:hover { background:url(../images/plist2.png) no-repeat 0 -159px; } .genericlink a:hover { background:url(../images/plist2.png) no-repeat 0 -198px; } .nutrientnews a:hover { background:url(../images/plist2.png) no-repeat 0 -237px; } /*PRODUCT PAGES TITLE SWAP*/ #titleswap_checkout, #titleswap_patient, #titleswap_rx, #titleswap_pharma, #titleswap_pharml, #titleswap_adher { display:block; width:525px; height:50px; margin:0 0 10px 0;text-indent:-9999px; background:url(../images/producttitles_lg.png); } #titleswap_checkout, #titleswap_patient, #titleswap_rx, #titleswap_pharma, #titleswap_pharml, #titleswap_adher { display:block; width:525px; height:50px; margin:0 0 10px 0;text-indent:-9999px; background:url(../images/producttitles_lg.gif); } #titleswap_checkout { background-position: 0 -160px;} #titleswap_patient { background-position: 0 -215px; height:45px!important; } #titleswap_rx { background-position: 0 0px;} #titleswap_adher { background-position: 0 -108px;} #titleswap_pharma { background-position: 0 -54px;} #titleswap_pharml { background-position: 0 2px;} /*PRODUCTS - PHARMACY LINE ——————————————————————————————————————————————————————————————————————————————————— */ #product_flash { margin:0 0 20px 0; width:541px; background:#fff;} /*PRODUCTS - PATIENT LINK ——————————————————————————————————————————————————————————————————— */ #patientgraph_lg { width:550px; height:443px; background:url(../images/bargraph2_lg.gif) no-repeat transparent; } #patientgraph_lg li { font-size:9px; height:30px; padding:6px 0 0 10px; color:#fff; font-weight:normal; display:block; width:100%; float:left; position:relative; } #patientgraph_lg span { display:block; color:#0A4E8F; position:absolute; font-weight:bold;} #stat1 span { margin:-19px 0 0 535px; } #stat2 span { margin:-19px 0 0 485px; } #stat3 { width:86% !important; margin:6px 0 10px 5px; padding:0 0 0 5px !important; height:20px !important; color:#fff !important; } #stat3 span { margin:-19px 0 0 453px; } #stat4 span { margin:-19px 0 0 434px; } #stat5 span { margin:-19px 0 0 378px; } #stat6 span { margin:-19px 0 0 378px; } #stat7 span { margin:-19px 0 0 343px; } #stat8 span { margin:-19px 0 0 324px; } #stat9 span { margin:-19px 0 0 275px; } #stat10 span { margin:-19px 0 0 275px; } #stat11 span { margin:-19px 0 0 236px; } #stat12 span { margin:-19px 0 0 236px; } /*ie7 fix*/ #stat1 span, { margin:-5px 0 0 460px; } #stat2 span, { margin:-5px 0 0 415px; } #stat3, { width:85% !important; margin:6px 0 10px 5px; padding:0 0 0 5px !important; height:20px !important; color:#fff !important; } #stat3 span, { margin:-5px 0 0 260px; } #stat4 span, { margin:-5px 0 0 263px; } #stat5 span, { margin:-5px 0 0 145px; } #stat6 span, { margin:-5px 0 0 16px; } #stat7 span, { margin:-5px 0 0 38px; } #stat8 span, { margin:-5px 0 0 45px; } #stat9 span, { margin:-5px 0 0 9px; } #stat10 span, { margin:-5px 0 0 35px; } #stat11 span, { margin:-5px 0 0 66px; } #stat12 span, { margin:-5px 0 0 114px; } /*CONTACT PAGE —————————————————————————————————————————————————————————————————————————————————————————————— */ form { width:555px; } form label { width:100px; display:block; float:left; clear:left; } form input[type="text"] { width:350px; margin:0 0 10px 5px; border:thin solid #d6d6d6; } form input[type="checkbox"] {padding:0px 4px; display:inline-block;} form select { float:left; margin:0 10px 20px 0; border:thin solid #d6d6d6; } form p { display:block; clear:both; padding:20px 0 ; } form > span { display:block; margin:-5px 0 15px; overflow:hidden; } form > span input {} form > span label { width:92px; margin-left:5px; float:left; } form > div { margin-bottom:15px; overflow:hidden; } form div span { width:230px; float:left; clear:left;} form div span label { width:200px; padding-left:5px; } .formsubmit { background:#2588CB 0 0;border:1px solid #1D6B9F;color:#E6E6E6;padding:2px 5px 4px; } .formsubmithov { background:#d6d6d6 0 0;border:1px solid #1D6B9F;color:#2588CB;} #recaptcha_widget_div { clear:both; } #recaptcha_response_field, #recaptcha_table, #recaptchatable, #recaptcha_theme_clean { margin-left:0px; border:2px solid #d6d6d6 !important;} .shortinput { width:165px !important; } .KT_field_error { color:#FF0000; font-style:italic; } ul.productchecks li {height:30px; padding:0px 0px;} ul.productchecks li sup {} .captchasub {clear:both;} /* FOOTER —————————————————————————————————————————————————————————————————————————————————————————————————— */ #footer p {display:block; text-align:center; font-size:80%; line-height:10px; padding-bottom:0px;} #footer p a { color:#222; text-decoration:underline; } #footer p a:hover { color:#3a6a9b; } /*sidebox*/ #sidebar2 { width:275px; padding:400px 0 0 35px; float:left;} .sidebox2 { width:216px; background:#fff; font-weight:bold; font-size:115%;} .sidebox2 p { color:#80B337; padding: 15px; } .sidebox2 p.cta { display:block; width:190px; background:url(../images/sbblue.gif) bottom left no-repeat; color:#fff;} .sidebox2 p.cta2 { display:block; width:216px; height:55px; background:url(../images/contact.jpg) top left no-repeat; color:#fff; font-size: 15px; padding:0px; font-weight:normal; margin-bottom:1px;} .sidebox2 p.cta2 a { display:block; width:170px; padding:8px 0px 5px 60px; font-size: 15px; line-height: 1.2em; text-decoration:underline; font-weight:normal;} .sidebox2 a { color:#fff; margin-bottom:15px; } .sidebox2 a:hover{ text-decoration:underline; } .sidebox2 > a { display:block; width:117px; padding:0 4px; margin-right:80px; margin-left:17px; background:#0a4e8f;color:#fff; text-transform: uppercase; font-size:65%;} /*POWERED BY*/ #poweredby{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333333; padding:15px; width:auto; overflow:auto;} #poweredby p{float:left;margin-top:10px;} #poweredby img{float:left;} /*CONTACT FORM*/ .contactbox { width:216px; font-weight:bold; font-size:115%; margin-left:380px; margin-top:-60px;position:absolute;} .contactbox p.cta2 { display:block; width:216px; height:55px; background:url(../images/contact.jpg) top left no-repeat; color:#fff; font-size: 15px; padding:0px; font-weight:normal; margin-bottom:1px;} .contactbox p.cta2 a { display:block; width:170px; padding:8px 0px 5px 60px; font-size: 15px; line-height: 1.2em; text-decoration:underline; font-weight:normal;} .contactbox a { color:#fff; } .contactbox a:hover { text-decoration:underline; } .contact_form { background: url(../images/contact_bg.gif) repeat-y top left; z-index:4; width:204px;margin-left:12px; display:none;} .contact_form p { color: #FFFFFF; font-weight: normal; font-size: 12px; margin:0px 10px 7px 10px; padding:0px} .contact_form input[type="text"] {border:1px solid #b4b4b4;background:#296ca1;width:170px;color:#FFF; margin:0; } .contact_form input[type="submit"] { border:thin outset #91c966;background: #91c966; margin-top: 10px; display:inline; padding:0px 15px; margin:15px 0px 10px 10px; clear:left; } .contact_form input[type="submit"]:hover { border:thin outset #91c966;background:#9fd176; margin-top: 10px; display:inline; padding:0px 15px; margin:15px 0px 10px 10px; clear:left; } .contact_form input[type="radio"] {float:left; margin-right:5px; margin-top:3px;} .contact_form label {float:none; display:inline;} .contact_form ul {} .contact_form ul li {color:#FFFFFF; font-weight:normal; float:left; margin-left:10px; width:90px; margin-top:-5px;} /* LIGHTBOX */ .lightbox_catalina { list-style:none; margin-right:118px; padding:0px; float:right; } .lightbox_catalina li { float:left; } .lightbox_catalina a { display:block; background-color:#0a4e8f; padding-left:4px; padding-right:2px; color:#ffffff; text-transform: uppercase; font-size:65%;} #myformfield {display: none;}