/* CSS Document */ /*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------common classes*/ html, body, div, span, p, h1, h2, h3, a, em, font, img, ol, ul, li{ outline: 0;} .flRightimg {float:right;} .flLeftimg {float:left;} a img {border: none;} h1 {color: #843030; font-size: 1.8em; line-height: 1.2em; font-weight: normal; margin-top: 0; padding-top: 10px; margin-bottom:4px;} h2 {color: #58778e; font-size: 1.6em; line-height: 1.2em; font-weight: normal; margin-top: 0; padding-top: 10px;} h3 {color: #686868; font-size: 1.0em; line-height: 1.2em; font-weight: normal; margin-top: 0; padding-top: 10px;} h3 a {color: #686868; text-decoration: none;} input {font-size: 0.9em; font-family: Verdana, Geneva, sans-serif;} p {line-height: 1.2em;} h3 a:hover {text-decoration: underline;} ul {margin-bottom: 10px; padding: 0;} ul.bullet li { padding: 7px 0px 5px 5px; background:url(../images/bullet.gif) no-repeat 0px 3px; list-style: none; line-height: 0.2em;} ul.bullet3 li { padding: 0px 0px 0px 5px; background:url(../images/bullet.gif) no-repeat 0px 3px; list-style: none; line-height: 1em;} ul.bullet2 li { padding: 7px 0px 5px 30px; background:url(../images/bullet2.gif) no-repeat 20px 12px; list-style: none; line-height: 1.2em;} ol li {padding:7px 0px 5px 5px; line-height:1em;} .clear {clear: both;} hr {border: none; border-top: 1px solid #ccc; margin-bottom: 15px;} /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------site.master classes*/ body {/*background-color:#7d2221;*/ background-image:url('../images/body-background.png'); background-repeat:repeat-x; font: 76% Arial, Helvetica, sans-serif; color:#333333; margin:0; padding:10px 10px;} .logo {width:250px; height:74px; background:url('../images/logo.gif') no-repeat; float: left; margin-top: 12px;} .logo a {width:250px; height:74px; } .tollfreenumbers {float: right; margin-top: 30px; background:url('../images/tollfreenumbers.gif') no-repeat; width:289px; height:47px;} .container {margin:0 auto; width:960px; padding:0; overflow:hidden;} .header {width:960px; top:0; position:absolute; height:173px; background-image:url('../images/header-background.gif'); background-repeat:no-repeat; background-color:#7d2221;} .topmenu {width:841px; height:35px; margin-left:130px; float:left;} .topmenu ul{padding:0px; margin:0px; height:35px;} .topmenu ul li {display:block; text-indent:-5000px; float:left;} .topmenu ul li a {padding:0px; height:35px; display:block; background:url('../images/topnav3.gif') 0 0 no-repeat;} .topmenu a.howtoorder {background-position:0 0 ; width:106px;} .topmenu a.howtoorder:hover {background-position:0 -35px ;} .topmenu a.safety {background-position:-106px 0 ; width:70px;} .topmenu a.safety:hover {background-position:-106px -35px ;} .topmenu a.affordability {background-position:-176px 0 ; width:98px;} .topmenu a.affordability:hover {background-position:-176px -35px ;} .topmenu a.faq {background-position:-274px 0 ; width:60px;} .topmenu a.faq:hover {background-position:-274px -35px;} .topmenu a.contact {background-position:-334px 0 ; width:76px;} .topmenu a.contact:hover {background-position:-334px -35px;} .topmenu a.aboutus {background-position:-410px 0 ; width:97px;} .topmenu a.aboutus:hover {background-position:-410px -35px;} .topmenu a.myaccount {background-position:-507px 0; width:103px;} .topmenu a.myaccount:hover {background-position:-507px -35px;} .topmenu a.customerlogin {background-position:-610px 0 ; width:111px;} .topmenu a.customerlogin:hover {background-position:-610px -35px;} .logout_text {text-decoration: none; font-size: 11px; text-align: center; height:24px; padding-top:13px; line-height:10px; font-weight:bolder;} .topmenu a.viewcart {background-position:-721px 0 ; width:105px;} .topmenu a.viewcart:hover {background-position:-721px -35px;} .topmenu a.logout {background-position:-841px 0 ; width:110px; text-indent: 0px; text-align:center; color: #818181; text-decoration:none;} .topmenu a.logout:hover {background-position:-841px -35px; text-indent: 0px; text-align:center; color: #a70505; text-decoration:none; } .topsearch {width:285px; height:26px; margin-top:40px; float:left; margin-left:25px;} .topsearchbar {width:180px; height:20px; float:left; margin-right:5px; color:#9f9f9f; padding:5px 0 0 25px; font-size:16px; border-width:0; font-weight:bold; border:1px solid #AAAAAA;} .btn_topsearch {background:url('../images/btn_search.gif') no-repeat; width:70px; height:26px; float:left; border-width:0;} .content {width:940px; position:relative; overflow:hidden; padding:10px; margin-top:173px; background-color:#ffffff;} .mainnav {width:822px; height:37px; float:left; margin-top:25px;} .mainnav ul {padding:0px; margin:0px; height:37px;} .mainnav ul li {display: block; text-indent:-5000px; float:left;} .mainnav ul li a {padding:0px; background:url('../images/mainnav.png') 0 0 no-repeat; height:37px; display:block;} .mainnav a.home {background-position:0 0 ; width:73px;} .mainnav a.home:hover {background-position:0 -37px ;} .mainnav a.prescriptiondrugs {background-position:-73px 0 ; width:153px;} .mainnav a.prescriptiondrugs:hover {background-position:-73px -37px ;} .mainnav a.overthecounterdrugs {background-position:-226px 0 ; width:182px;} .mainnav a.overthecounterdrugs:hover {background-position:-226px -37px ;} .mainnav a.petmedications {background-position:-408px 0 ; width:124px;} .mainnav a.petmedications:hover {background-position:-408px -37px ;} .mainnav a.placerefillorder {background-position:-532px 0 ; width:150px;} .mainnav a.placerefillorder:hover {background-position:-532px -37px ;} .mainnav a.patientservices {background-position:-682px 0 ; width:140px;} .mainnav a.patientservices:hover {background-position:-682px -37px ;} .socialmedia {width:138px; height:37px; background:url('../images/mainnav.gif') no-repeat; background-position:-822px 0; margin-top:25px; float:left;} .footer {width:960px; height:180px; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; background-color:#ffffff;} .footerL {width:300px; height:160px; border-right:1px solid #ebebeb; padding:10px 10px 10px 10px; color:#555555; font-size:11px; float:left;} .footerL a, .footerlinks a {color:#555555; text-decoration:none;} .footerL a:hover, .footerlinks a:hover {color:#902929; text-decoration:none;} .footerlinks a {text-decoration:underline;} .footerR {width:615px; height:160px; padding:10px; color:#555555; font-size:9px; float:left;} .socialbookmarks {float:left; width:265px; height:20px; margin-top:10px;} /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------index classes----*/ .bar_shipping {background:url('../images/bar_freeshipping.gif') no-repeat; width:920px; height:15px; padding:10px;} .leftcontent {width:640px; margin-right:20px; overflow:hidden; float:left;} .leftcontent2 {width:640px; margin-left:20px; overflow:hidden; float:left;} .rightcontent {width:280px; float:left;} #fadeshow1{width:250px; height:255px;float:left;} #fadeshow2{width:390px; height:119px;} #fadeshow3 {width:325px; height:216px; float:left; margin:0 10px 10px 0;} .banner {width:640px; background:url('../images/banner.gif') no-repeat; height:255px; position:relative; overflow:hidden;} .searchbox {width:240px; height:64px; float:right; margin-top:10px; margin-right:90px;} .searchbox2 {width:240px; height:75px; float:right; margin-top:10px; margin-right:100px;} .searchbar2 {background:url('../images/searchbar2.gif') no-repeat; width:209px; height:30px; float:left; padding-left:30px; font-size:16px; border-width:0;} .searchbar3 {background:url('../images/searchbar2.gif') no-repeat; width:239px; height:31px; float:left; padding-left:30px; font-size:16px; border-width:0; } .btn_searchnow {background:url('../images/btn_searchnow.gif') no-repeat; width:130px; height:30px; margin-top:15px; margin-left:55px; float:left; border-width:0;} .btn_searchnow2 {background:url('../images/btn_searchnow.gif') no-repeat; width:130px; height:30px; margin-top:5px; margin-left:55px; border-width:0;} .btn_searchnow3 {background:url('../images/btn_searchnow.gif') no-repeat; width:130px; height:30px; margin-top:5px; margin-left:55px; float:left; border-width:0; cursor:pointer;} .blogbox {width:189px; height:128px; float:left; padding:10px;} .blogbox h3 {color:#58778e; font-weight:bold; padding-top:0px;} .blogbox a {color:#843030;} .referafriend {width:290px; padding:10px 0 10px 10px;float:left;height:100px;margin-bottom:15px;} .referafriend-index {width:296px; padding:10px;float:left;height:100px;margin-bottom:15px;} .referafriend-bg {background:url('../images/driver-gold.gif') no-repeat; width:316px; height:125px; float:left; margin:10px 8px 0 0;} .referafriend-bg2 {background:url('../images/driver_background.gif') no-repeat; width:600px; height:125px; float:left; margin:10px 0;} .referafriend3 {width:300px; padding:10px;float:left;margin-top:10px;height:100px;margin-bottom:15px;border:1px solid #cfcfcf;} .referafriend a, .referafriend2 a, .referafriend-index a {text-decoration:none;} .referafriend2 {width:260px; padding:10px; background-color:#fffcf3;border:1px solid #cfcfcf; height:125px;} .freeshipping {width:280px; height:148px; background:url('../images/driver_freeshipping.gif') no-repeat; margin-bottom:10px;} .newsearch {width:280px; height:200px; background-image:url('../images/searchnewpages.png'); background-repeat:no-repeat; border:0px; margin-bottom:10px; text-decoration:none;} .referafriend4 {width:260px; padding:10px; background-color:#fffcf3;border:1px solid #cfcfcf;} .affiliateprogram-bg {background:url('../images/driver-red.gif') no-repeat; width:316px; height:125px; float:left; margin-top:10px;} .affiliateprogram {width:290px;padding:10px 0 10px 10px;float:left; height:100px;margin-bottom:15px;} .affiliateprogram a {text-decoration:none;} .referafriend h1, .referafriend-index h1, .referafriend2 h1, .affiliateprogram h1 {font-size:13px;font-weight:bold;padding-top:3px;} .driver_background {background:url('../images/driver_background.gif') no-repeat; width:640px; height:125px; margin-top:10px;} .indexcontent {margin-top:200px; padding-top: 10px; } .driver_deal {background:url('../images/driver_deal.gif') no-repeat; width:260px; height:237px; padding:10px; margin-top:15px;} .btn_buynow {background:url('../images/btn_buynow.gif') no-repeat; width:94px; height:30px; margin-left:79px; border-width:0; float:left;} .hdr_otherdeals { background:url('../images/hdr_otherdeals.gif') no-repeat; width:280px; height:24px; color:white; font-weight:bold; text-align:center; padding-top:10px; font-size:14px; margin-top:10px;} .deal_1 {border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; width:238px; height:10px; padding:10px 20px 10px 20px; color:#555555; background-color:#fffcf3;} .deal_1 a { color:#9a2d2d; text-decoration:none;} .deal_drugname {width:175px; float:left;} .deal_drugprice {width:60px; float:left; text-align:right;} .driver_mailinglist {border:1px solid #cfcfcf; background-color:#f4f4f4; width:260px; height:155px; padding:10px; margin-top:10px; color:#333333; float:left;} .driver_mailinglist2 {border:1px solid #cfcfcf; background-color:#f4f4f4; width:294px; padding:10px; margin-top:10px; color:#333333; float:left;} .textbox_mailinglist {width:175px; margin-left:30px; padding:0px 10px; height:15px;} .btn_mailinglist {background:url('../images/btn_joinnow.gif') no-repeat; width:134px; height:32px; margin-left:60px; margin-top:10px; border-width:0;} .trustbox {border:1px solid #cfcfcf; padding:10px; width:260px; height:225px; margin-top:10px; background-color:#ffffff;} .trustbox2 {border:1px solid #cfcfcf; padding:10px; width:615px; height:225px; margin-top:10px; background-color:#ffffff;} .pharmacyinfo {background-color:#f4f7fa; border:1px solid #e1e4ea; width:260px; color:#555555; padding:10px; margin-top:10px;} .pharmacyinfo2 {background-color:#f4f7fa; border-left:1px solid #e1e4ea; border-right:1px solid #e1e4ea; border-bottom:1px solid #e1e4ea; width:260px; color:#666666; padding:10px; font-size:11px;} .driver_deal-price {width:75px; padding:0; margin-left:110px; margin-top:-10px; float:left;} .driver_deal-h3 {width:200px;padding:0; margin-left:50px; float:left;} /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------ContactUs Page Classes-------------*/ .contactbox {width:315px; float:left; margin-right:10px; border-right:1px solid #999999; padding-right:15px; margin-top:25px;} .contactbox3 {width:615px; margin-top:25px; border:1px solid #cfcfcf; background-color:#fffcf3; height:500px; padding:11px;} .contact-labels {width:90px; float:left; margin-bottom:10px;} .contact-labels2 {width:110px; float:left; margin-bottom:10px;} .contact-fields {width:194px; float:left; margin-bottom:10px;} .contact-fields2 {width:200px; float:left; margin-bottom:10px; margin-right:200px;} .contact-fields3 {width:205px; float:left; margin-bottom:10px;} .contact-fields4 {width:174px; float:left; margin-bottom:10px;} .contact-btn_submit {width:130px; height:30px; background:url('../images/btn_submit.gif') no-repeat; margin-top:5px; margin-right:40px; float:right; border-width:0;} .contactbox2 {width:295px; float:left; margin-top:25px;} .fieldbox {float: left; width: 296px; height: 40px;} .validationerror2 {margin-left:90px; float:left; margin-top:-10px;} /*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------Search Page Classes--------------*/ .searchresult_product {width:620px; height:100px; padding:10px;float:left;} .searchresult_img {width:90px; height:90px; float:left; margin-right:10px;} .searchresult_productinfo {width:400px;float:left; margin-right:10px; height:100px;} .searchresult_productinfo a { text-decoration:none;} .searchresult_productinfo a:hover {text-decoration:underline;} .btn_moreinfo {background:url('../images/btn_moreinfo.gif') no-repeat; width:100px; height:30px; float:left; margin-top:35px; border-width:0;} .recentsearches {width:618px; height:100px; padding:10px; float:left; background-color:#ffffff; border:1px solid #c0c0c0;} .btn_clearsearch {background:url('../images/btn_clearsearch.gif') no-repeat; width:125px; height:30px; float:left; margin-right:10px; margin-top:35px; border-width:0;} /*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------Product Page Classes--------------*/ .productinfo {width:450px; float:left;} .productinfo2 {width:250px; float:left; margin:10px 10px 0 0;} .productpic {width:90px; height:90px; float:left; margin-right:10px;} .productpic2 {width:100px; height:150px; float:right;} .ad_productpic {width:90px; height:90px; float:left; margin-left:35px;} .productname {width:440px; float:left;} .fieldname {width:95px; float:left; font-weight:bold; text-align:left; margin-right:5px; margin-bottom:10px;} .fieldinfo {width:350px; float:left; margin-bottom:10px; text-align:left;} .fieldinfo2 {width:150px; float:left; margin-bottom:10px; text-align:left;} .ads_fieldinfo {width:150px; float:left; margin-bottom:10px; text-align:left;} .hdr_products { width:640px; height:34px; color:white; font-size:16px; font-weight:bold; float:left; background:url('../images/header.gif') no-repeat;} .hdr_products2 {width:660px; height:34px; color:white; font-size:16px; font-weight:bold; float:left; background:url('../images/header.gif') no-repeat;} .productsize {width:400px; float:left; margin-top:10px; margin-left:10px; font-size:14px;} .productsize2 {width:200px; float:left; margin-top:10px; margin-left:5px;font-size:14px;} .productsize3 {width:300px; float:left; margin-top:10px; margin-left:15px;font-size:14px;} .productsize4 {width:340px; float:left; margin-top:10px; margin-left:10px;font-size:14px;} .price {width:100px; float:left;text-align:right; margin-top:10px;font-size:14px;} .btn_addtocart {width:110px; height:20px; float:left; margin-left:10px; background:url('../images/btn_addtocart.gif') no-repeat; margin-top:5px; border-width:0;} .productlisting {width:638px;padding:5px 0;border-left:1px solid #cfcfcf;border-right:1px solid #cfcfcf;border-bottom:1px solid #cfcfcf;background-color:#fffcf3;color:#555555; float:left;} .acct_productlisting {width:638px;padding:5px 0;border-left:1px solid #cfcfcf;border-right:1px solid #cfcfcf;border-bottom:1px solid #cfcfcf;background-color:#fffcf3;color:#555555; float:left;} .productlisting3 {width:638px;padding:5px 0; border-left:1px solid #cfcfcf;border-right:1px solid #cfcfcf;border-bottom:1px solid #cfcfcf;background-color:#fffcf3;color:#555555; float:left;} .product {padding-top:30px;} .productdose {width:100px; float:left; margin:10px 0 0 10px; font-size:14px;} .productqty {width:100px; float:left; margin-top:10px; font-size:14px; text-align:right;} /*----------------------------------------------------------------------------------------------------------------------------------------------------------------------Cart Page Classes---------------*/ .cart_hdr {width:940px; background:url('../images/header.gif') no-repeat; float:left; height:34px; color:#ffffff; font-size:16px; font-weight:bold; } .cart_remove {width:60px; height:24px; margin:10px 0 0 10px; float:left; margin:10px 0 0 10px;} .cart_productinfo {width:565px; margin:10px 0 0 20px; float:left;} .cart_productinfo a {font-size:14px; float:left;} .cart_productinfo p {float:left; width:555px; height:15px;} .cart_unitprice {width:80px; height:24px; margin-top:10px;float:left; text-align:right;} .cart_quantity {width:100px; height:24px; margin-top:10px; float:left; text-align:right;} .cart_price {width:65px; height:24px; margin-top:10px; float:left; text-align:right;} .btn_x {background:url('../images/btn_x.gif') no-repeat; width:22px; height:15px; border-width:0;} .productlisting2 {color:#555555; width:938px; padding:5px 0; border-left:1px solid #cfcfcf;border-right:1px solid #cfcfcf;background-color:#fffcf3; float:left; border-bottom:1px solid #cfcfcf;} .btn_generic {background:url('../images/btn_genericavailable.gif') no-repeat; width:130px; height:30px;margin:5px 0 0 10px; border-width:0;} .totalbox {width:312px;color:#555555;height:126px; border-right:1px solid #cfcfcf;background-color:#fffcf3; float:right;} .totalbox2 {width:606px; padding:10px;color :#555555;height:200px; border-left:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; background-color:#fffcf3; float:left;} .totalbox3 {width:306px; padding:10px;color :#555555;height:200px; border-left:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; background-color:#fffcf3; float:left;} .subtotal {float:right; width:200px; text-align:right; height:31px; font-weight:bold; font-size:13px; padding:10px 10px 0 0;border-left:1px solid #cfcfcf;border-right:1px solid #cfcfcf;border-bottom:1px solid #cfcfcf; } .subtotal2 {float:right; width:85px; height:31px; font-weight:bold; text-align:right; font-size:13px; padding-right:15px; padding-top:10px; border-bottom:1px solid #cfcfcf; } .btn_go {background:url('../images/btn_go.gif')no-repeat; width:25px; height:21px; border-width:0;} .cart_buttons {background-color:#fffcf3; float:right; width:302px; height:74px; padding:10px 5px; border-bottom:1px solid #cfcfcf;border-right:1px solid #cfcfcf; cursor:pointer;} .btn_continueshopping {background:url('../images/btn_continueshopping.gif') no-repeat; width:163px; height:30px; float:right; border-width:0; cursor: pointer;} .btn_checkout {background:url('../images/btn_checkout.gif') no-repeat; width:130px; height:30px; float:right; margin-left:5px; border-width:0; cursor:pointer;} .sym_prescriptionrequired {margin-top:5px; float:left;} /*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------Login Page Classes----------*/ .loginleft{float:left; width:425px; height:475px; margin-right:10px; } .signupbox {background-color:#fffcf3; border:1px solid #cfcfcf; float:left; width:470px; padding:15px;color:#666666; margin-bottom:10px;} .loginbox {background-color:#ffffff; border:1px solid #cfcfcf; float:left; width:395px; height:200px; padding:15px;color:#666666; } .btn_login{background:url('../images/btn_login.gif')no-repeat; width:64px; height:30px; margin:5px 0 10px 165px; background:url('../images/btn_login.gif') no-repeat; border-width:0;} .login-labels {width:125px; float:left; margin-bottom:10px;} .login-labels2 {width:280px; float:left; margin-bottom:10px;} .btn_continuecheckout { width:163px; height:30px; margin-left:116px; background:url('../images/btn_continuecheckout.gif') no-repeat; border-width:0; float:left;} .btn_createaccount { width:171px; height:30px; margin-left:112px; background:url('../images/btn_createaccount.gif') no-repeat; border-width:0; float:left;} .paymentshipping {width:425px; float:left;} /*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------Account Page Classes--*/ .userinfo {width:315px; float:left; height:120px; margin-top:10px;} .userinfo2 {text-align:left; width:315px; float:left; height:120px; margin-top:10px; font-size:16px; font-weight:bold;} .userinfo2 a {color:#555555; text-decoration:none; font-size:13px;} .userinfo2 a:hover {color:#902929; text-decoration:none;} .userinfo3 {width:210px; float:left; height:100px; margin-top:10px;} .userinfo4 {text-align:right; width:210px; float:left; height:100px; margin-top:10px; font-size:16px; font-weight:bold;} .userinfo4 a {color:#555555; text-decoration:none; font-size:13px;} .userinfo4 a:hover {color:#902929; text-decoration:none;} .account_price {width:75px; float:left; text-align:right; margin-top:10px;} .account_productinfo {width:100px; height:15px; margin:10px 0 0 20px; float:left; font-size:14px ;} .account_productinfo4 {width:60px; height:15px; margin:10px 0 0 20px; float:left; font-size:14px ;} .account_productinfo2 {width:110px; height:15px; margin:10px 0 0 20px; float:left; font-size:14px ;} .account_productinfo3 {width:160px; height:15px; margin:10px 0 0 20px; float:left; font-size:14px ;} .account_orderdate {width:125px; height:15px; margin:10px 0 0 20px; float:left; font-size:14px;} .account_status {width:125px; height:30px; margin:10px 0 0 20px; float:left; font-size:14px;} .account_action {width:185px; height:50px; margin:10px 0 0 20px; float:left; font-size:14px; } .acct_totalbox {width:638px; height:100px; border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; background-color:#fffcf3; float:left;} .acct_total {width:318px; float:left;} .acct_total2 {width:298px; float:left; padding:10px;} .acct_subtotal {width:138px; float:left; text-align: right; font-weight:bold; font-size:14px; padding:10px; height:10px;} .acct_subtotal2 {width:138px; float:left; text-align:left; padding:10px; font-size:14px; height:10px;} .login_captcha {float:left; margin-bottom:10px;} /*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .btn_submit {background:url('../images/btn_submit.gif') no-repeat; width:130px; height:30px; float:left; margin:-3px 0 0 10px; border-width:0;} .btn_apply {background:url('../images/btn_apply.gif') no-repeat; width:66px; height:30px; float:left; margin:-3px 0 0 10px; border-width:0;} .drugsearch { width:440px; height:256px; margin:20px 0; text-align:center; background:url('../images/banner.gif') no-repeat; background-position:-125px; border:1px solid #cfcfcf;} .affiliateinfo { width:288px; height:99px; float:left; margin-right:10px; margin-bottom:10px; border: 1px solid #cfcfcf; padding:10px; background:url('../images/bannertext0.gif')no-repeat;} .affiliateinfo2 { width:298px; height:99px; float:left; margin-bottom:10px; border: 1px solid #cfcfcf; padding:10px; background:url('../images/bannertext0.gif')no-repeat;} .affiliatebox a {color:#843030; text-decoration:none; font-weight:bold;} .affiliatebox a:hover {text-decoration:underline;} .OTCcategory {width:618px;border:1px solid #cfcfcf; height:910px; padding:10px; background-color:#fffcf3;} .OTCcategory a {color:#843030; text-decoration:none;} .OTCcategory a:hover {text-decoration:underline;} .otccolumn {width:206px; float:left; } .otccolumn h2 {font-size:14px; font-weight:bold; margin:5px; padding:0px;} .petbox {width:308px; height:96px; border:1px solid #cfcfcf; background:#ffffff; color:#666666; float:left; padding:5px; margin-bottom:10px;} .petbox a {color:#843030; text-decoration:none;margin-left:15px; font-size:16px;} .petbox a:hover {text-decoration:underline;} .petboxtext {width:182px; float:left;} .referafriendbox {background-color:#fffcf3; border:1px solid #cfcfcf; float:left; width:608px; height:400px; padding:15px;color:#666666;} .orderingpolicies a {color:#843030; text-decoration:none;} .orderingpolicies a:hover {text-decoration:underline;} .orderingpolicies {margin-top:10px;} .ad_leftcolumn {width:260px; float:left; height:165px; margin-bottom:10px;} .ad_rightcolumn {width:680px; float:left; height:165px; margin-bottom:10px;} .ad_symprescription {float:right; margin:10px 5px 0 0;} .ad_notmadeby {margin:10px 0px 20px 0; float:left;} .validationerror {float:left; color:red; margin-left:5px; width:70px;} .bigvalidationerror {width:450px; margin-bottom:10px; color: red;} .invalid {border: solid 3px red;} .accreditation p, h3 {margin:5px 0 0 0; padding:0;} .accreditation {width:394px; float:left; height:125px;} .logos {width:246px; float:left;} @charset "UTF-8"; @charset "UTF-8"; /* SpryTabbedPanels.css - Revision: Spry Preview Release 1.4 */ /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */ /* Horizontal Tabbed Panels * * The default style for a TabbedPanels widget places all tab buttons * (left aligned) above the content panel. */ /* This is the selector for the main TabbedPanels container. For our * default style, this container does not contribute anything visually, * but it is floated left to make sure that any floating or clearing done * with any of its child elements are contained completely within the * TabbedPanels container, to minimize any impact or undesireable * interaction with other floated elements on the page that may be used * for layout. * * If you want to constrain the width of the TabbedPanels widget, set a * width on the TabbedPanels container. By default, the TabbedPanels widget * expands horizontally to fill up available space. * * The name of the class ("TabbedPanels") used in this selector is not * necessary to make the widget function. You can use any class name you * want to style the TabbedPanels container. */ .TabbedPanels { margin: 0px; padding: 0px; width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/ } /* This is the selector for the TabGroup. The TabGroup container houses * all of the tab buttons for each tabbed panel in the widget. This container * does not contribute anything visually to the look of the widget for our * default style. * * The name of the class ("TabbedPanelsTabGroup") used in this selector is not * necessary to make the widget function. You can use any class name you * want to style the TabGroup container. */ /* This is the selector for the TabGroup. The TabGroup container houses * all of the tab buttons for each tabbed panel in the widget. This container * does not contribute anything visually to the look of the widget for our * default style. * * The name of the class ("TabbedPanelsTabGroup") used in this selector is not * necessary to make the widget function. You can use any class name you * want to style the TabGroup container. */ .TabbedPanelsTabGroup { margin: 0px; padding: 0px; } /* This is the selector for the TabbedPanelsTab. This container houses * the title for the panel. This is also the tab "button" that the user clicks * on to activate the corresponding content panel so that it appears on top * of the other tabbed panels contained in the widget. * * For our default style, each tab is positioned relatively 1 pixel down from * where it wold normally render. This allows each tab to overlap the content * panel that renders below it. Each tab is rendered with a 1 pixel bottom * border that has a color that matches the top border of the current content * panel. This gives the appearance that the tab is being drawn behind the * content panel. * * The name of the class ("TabbedPanelsTab") used in this selector is not * necessary to make the widget function. You can use any class name you want * to style this tab container. */ .TabbedPanelsTab { position: relative; top: 1px; float: left; padding: 4px 10px; margin: 0px 1px 0px 0px; font: bold 13px sans-serif; background-color: #DDD; background:url('../images/tab.gif') no-repeat; list-style: none; border-left: solid 1px #cfcfcf; border-bottom: solid 1px #cfcfcf; border-top: solid 1px #cfcfcf; border-right: solid 1px #cfcfcf; -moz-user-select: none; -khtml-user-select: none; cursor: pointer; color:#999999; width:178px; height:22px; text-align:center; } /* This selector is an example of how to change the appearnce of a tab button * container as the mouse enters it. The class "TabbedPanelsTabHover" is * programatically added and removed from the tab element as the mouse enters * and exits the container. */ .TabbedPanelsTabHover { background-color: #FFFFFF; border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf; border-top:1px solid #cfcfcf; } /* This selector is an example of how to change the appearance of a tab button * container after the user has clicked on it to activate a content panel. * The class "TabbedPanelsTabSelected" is programatically added and removed * from the tab element as the user clicks on the tab button containers in * the widget. * * As mentioned above, for our default style, tab buttons are positioned * 1 pixel down from where it would normally render. When the tab button is * selected, we change its bottom border to match the background color of the * content panel so that it looks like the tab is part of the content panel. */ .TabbedPanelsTabSelected { background-color: #fbfbfb; border-bottom: 1px solid #fbfbfb; color:#8c3d3d; background:url('../images/tab_selected.gif') no-repeat; } /* This selector is an example of how to make a link inside of a tab button * look like normal text. Users may want to use links inside of a tab button * so that when it gets focus, the text *inside* the tab button gets a focus * ring around it, instead of the focus ring around the entire tab. */ .TabbedPanelsTab a { color: black; text-decoration: none; } /* This is the selector for the ContentGroup. The ContentGroup container houses * all of the content panels for each tabbed panel in the widget. For our * default style, this container provides the background color and borders that * surround the content. * * The name of the class ("TabbedPanelsContentGroup") used in this selector is * not necessary to make the widget function. You can use any class name you * want to style the ContentGroup container. */ .TabbedPanelsContentGroup { clear: both; border-left: solid 1px #cfcfcf; border-bottom: solid 1px #cfcfcf; border-top: solid 1px #cfcfcf; border-right: solid 1px #cfcfcf; background-color: #fbfbfb; } /* This is the selector for the Content panel. The Content panel holds the * content for a single tabbed panel. For our default style, this container * provides some padding, so that the content is not pushed up against the * widget borders. * * The name of the class ("TabbedPanelsContent") used in this selector is * not necessary to make the widget function. You can use any class name you * want to style the Content container. */ .TabbedPanelsContent { padding: 4px; height:160px; } .TabbedPanelsContent2 { padding: 15px; } /* This selector is an example of how to change the appearnce of the currently * active container panel. The class "TabbedPanelsContentVisible" is * programatically added and removed from the content element as the panel * is activated/deactivated. */ .TabbedPanelsContentVisible { } /* Vertical Tabbed Panels * * The following rules override some of the default rules above so that the * TabbedPanels widget renders with its tab buttons along the left side of * the currently active content panel. * * With the rules defined below, the only change that will have to be made * to switch a horizontal tabbed panels widget to a vertical tabbed panels * widget, is to use the "VTabbedPanels" class on the top-level widget * container element, instead of "TabbedPanels". */ /* This selector floats the TabGroup so that the tab buttons it contains * render to the left of the active content panel. A border is drawn around * the group container to make it look like a list container. */ .VTabbedPanels .TabbedPanelsTabGroup { float: left; width: 10em; height: 20em; background-color: #EEE; position: relative; border-top: solid 1px #999; border-right: solid 1px #999; border-left: solid 1px #CCC; border-bottom: solid 1px #CCC; } /* This selector disables the float property that is placed on each tab button * by the default TabbedPanelsTab selector rule above. It also draws a bottom * border for the tab. The tab button will get its left and right border from * the TabGroup, and its top border from the TabGroup or tab button above it. */ .VTabbedPanels .TabbedPanelsTab { float: none; margin: 0px; border-top: none; border-left: none; border-right: none; } /* This selector disables the float property that is placed on each tab button * by the default TabbedPanelsTab selector rule above. It also draws a bottom * border for the tab. The tab button will get its left and right border from * the TabGroup, and its top border from the TabGroup or tab button above it. */ .VTabbedPanels .TabbedPanelsTabSelected { background-color: #EEE; border-bottom: solid 1px #999; } /* This selector floats the content panels for the widget so that they * render to the right of the tabbed buttons. */ .VTabbedPanels .TabbedPanelsContentGroup { clear: none; float: left; padding: 0px; width: 30em; height: 20em; } ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- @charset "UTF-8"; /* SpryTabbedPanels.css - version 0.4 - Spry Pre-Release 1.6.1 */ /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */ /* Horizontal Tabbed Panels * * The default style for a TabbedPanels widget places all tab buttons * (left aligned) above the content panel. */ /* This is the selector for the main TabbedPanels container. For our * default style, this container does not contribute anything visually, * but it is floated left to make sure that any floating or clearing done * with any of its child elements are contained completely within the * TabbedPanels container, to minimize any impact or undesireable * interaction with other floated elements on the page that may be used * for layout. * * If you want to constrain the width of the TabbedPanels widget, set a * width on the TabbedPanels container. By default, the TabbedPanels widget * expands horizontally to fill up available space. * * The name of the class ("TabbedPanels") used in this selector is not * necessary to make the widget function. You can use any class name you * want to style the TabbedPanels container. */ .pd-TabbedPanels { margin: 0px; padding: 0px; float: left; clear: none; width: 100%; padding-top: 20px; padding-left: 5px; padding-right:4px; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/ } /* This is the selector for the TabGroup. The TabGroup container houses * all of the tab buttons for each tabbed panel in the widget. This container * does not contribute anything visually to the look of the widget for our * default style. * * The name of the class ("TabbedPanelsTabGroup") used in this selector is not * necessary to make the widget function. You can use any class name you * want to style the TabGroup container. */ .pd-TabbedPanelsTabGroup { margin: 0px; padding: 0px; padding-top: 15px; padding-left: 0px; padding-right: 0px; width: 650px; } /* This is the selector for the TabbedPanelsTab. This container houses * the title for the panel. This is also the tab "button" that the user clicks * on to activate the corresponding content panel so that it appears on top * of the other tabbed panels contained in the widget. * * For our default style, each tab is positioned relatively 1 pixel down from * where it wold normally render. This allows each tab to overlap the content * panel that renders below it. Each tab is rendered with a 1 pixel bottom * border that has a color that matches the top border of the current content * panel. This gives the appearance that the tab is being drawn behind the * content panel. * * The name of the class ("TabbedPanelsTab") used in this selector is not * necessary to make the widget function. You can use any class name you want * to style this tab container. */ .pd-TabbedPanelsTab { position: relative; top: 0px; padding-top: 6px; left: 0px; float: left; font-family:Tahoma; font: bold 1.5em sans-serif; list-style: none; border-left: solid 0px #CCC; border-bottom: solid 0px #999; border-top: solid 3px #999; border-right: solid 0px #999; -moz-user-select: none; -khtml-user-select: none; cursor: pointer; width: 130px; height: 28px; background-image:url('file:///C|/Source%20Code/Web%20UI/PharmaPassportNew/Images/tabbedpanels-1-dark.gif'); } /* This selector is an example of how to change the appearnce of a tab button * container as the mouse enters it. The class "TabbedPanelsTabHover" is * programatically added and removed from the tab element as the mouse enters * and exits the container. */ .pd-TabbedPanelsTabHover { background-image:url('file:///C|/Source%20Code/Web%20UI/PharmaPassportNew/Images/tabbedpanels-1-hover.gif'); } /* This selector is an example of how to change the appearance of a tab button * container after the user has clicked on it to activate a content panel. * The class "TabbedPanelsTabSelected" is programatically added and removed * from the tab element as the user clicks on the tab button containers in * the widget. * * As mentioned above, for our default style, tab buttons are positioned * 1 pixel down from where it would normally render. When the tab button is * selected, we change its bottom border to match the background color of the * content panel so that it looks like the tab is part of the content panel. */ .pd-TabbedPanelsTabSelected { background-image:url('file:///C|/Source%20Code/Web%20UI/PharmaPassportNew/Images/tabbedpanels-1-light.gif') ; } /* This selector is an example of how to make a link inside of a tab button * look like normal text. Users may want to use links inside of a tab button * so that when it gets focus, the text *inside* the tab button gets a focus * ring around it, instead of the focus ring around the entire tab. */ .pd-TabbedPanelsTab a { color: black; text-decoration: none; } /* This is the selector for the ContentGroup. The ContentGroup container houses * all of the content panels for each tabbed panel in the widget. For our * default style, this container provides the background color and borders that * surround the content. * * The name of the class ("TabbedPanelsContentGroup") used in this selector is * not necessary to make the widget function. You can use any class name you * want to style the ContentGroup container. */ .pd-TabbedPanelsContentGroup { clear: both; border-left: solid 0px #CCC; border-bottom: solid 0px #CCC; border-top: solid 0px #999; border-right: solid 0px #999; background: url(file:///C|/Source%20Code/Web%20UI/PharmaPassportNew/images/featured-products-tabbedpanel-background.gif) no-repeat top; height: 116px; width: 650px; } /* This is the selector for the Content panel. The Content panel holds the * content for a single tabbed panel. For our default style, this container * provides some padding, so that the content is not pushed up against the * widget borders. * * The name of the class ("TabbedPanelsContent") used in this selector is * not necessary to make the widget function. You can use any class name you * want to style the Content container. */ .pd-TabbedPanelsContent { padding: 4px; } /* This selector is an example of how to change the appearnce of the currently * active container panel. The class "TabbedPanelsContentVisible" is * programatically added and removed from the content element as the panel * is activated/deactivated. */ .pd-TabbedPanelsContentVisible { } /* Vertical Tabbed Panels * * The following rules override some of the default rules above so that the * TabbedPanels widget renders with its tab buttons along the left side of * the currently active content panel. * * With the rules defined below, the only change that will have to be made * to switch a horizontal tabbed panels widget to a vertical tabbed panels * widget, is to use the "VTabbedPanels" class on the top-level widget * container element, instead of "TabbedPanels". */ /* This selector floats the TabGroup so that the tab buttons it contains * render to the left of the active content panel. A border is drawn around * the group container to make it look like a list container. */ .pd-VTabbedPanels .TabbedPanelsTabGroup { float: left; width: 10em; height: 20em; background-color: #EEE; position: relative; border-top: solid 0px #999; border-right: solid 0px #999; border-left: solid 0px #CCC; border-bottom: solid 0px #CCC; } /* This selector disables the float property that is placed on each tab button * by the default TabbedPanelsTab selector rule above. It also draws a bottom * border for the tab. The tab button will get its left and right border from * the TabGroup, and its top border from the TabGroup or tab button above it. */ .pd-VTabbedPanels .TabbedPanelsTab { float: none; margin: 0px; border-top: none; border-left: none; border-right: none; } /* This selector disables the float property that is placed on each tab button * by the default TabbedPanelsTab selector rule above. It also draws a bottom * border for the tab. The tab button will get its left and right border from * the TabGroup, and its top border from the TabGroup or tab button above it. */ .pd-VTabbedPanels .TabbedPanelsTabSelected { background-color: #EEE; border-bottom: solid 0px #999; } /* This selector floats the content panels for the widget so that they * render to the right of the tabbed buttons. */ .pd-VTabbedPanels .TabbedPanelsContentGroup { clear: none; float: left; padding: 0px; width: 30em; height: 20em; } /*---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .contentsearch {top:60px; position:absolute; width:640px; left: 10px;} .breadcrumbs {background-color:#fffcf5; border:1px solid #d0cfcd; padding:5px; margin-bottom:10px;} .breadcrumbs a, .linkmargin a {color:#6a6f73; text-decoration:none; font-weight:bold;} .breadcrumbs a:hover, .redcrumb, .linkmargin a:hover {color:#7e402b;} .linkmargin {font-size:14px; color:#6a6f73;} .filterbox {width:300px; float:right;} .btn_gofilter {float:right;} .searchoptionbox {width:620px; height:30px; background-image:url('../images/hdr-gold.png'); padding:10px; float:left; margin-bottom:10px;} .option {width:640px; float:left; margin-bottom:10px; border-bottom:1px solid #D0CFCD; padding-bottom:5px;} .symbol {width:30px; float:left;} .optiondrug {width:480px; float:left; padding:5px 0 0 10px;} .btn_druginfo { width:110px; float:left;} .hdr_chart3, .bdy_chart-short {width:300px; float:left; text-align:center; font-size:16px; color:#686868; margin-top:5px;} .font12 {font-size:12px;} .hdr_chart2, .hdr_chart2-highlight {width:290px; text-align:center; /*padding:5px 0;*/ float:left; vertical-align:middle} .hdr_chart2-highlight {width:330px;} .bdy_chart-productset, .bdy_chart-productset-highlight {background-color:#fffcf5; border-left:1px solid #D0CFCD; border-right:1px solid #D0CFCD; border-bottom:1px solid #D0CFCD; width:290px; padding:10px; float:left; min-height:185px;} .bdy_chart-productset-highlight {background-color:#e2e2e2; width:306px; background-image:url('../images/highlight.png'); background-repeat:no-repeat;} .bdy_chart, .bdy_chart2 {width:638px; float:left; background-color:#ffffff; border-left:1px solid #D0CFCD; border-right:1px solid #D0CFCD; border-bottom:1px solid #D0CFCD; padding:5px 0; text-align:center;} .bdy_chart2 {background-color:#fffcf5;} .grouplinks {width:250px; margin-left:10px; float:right;} .box_head {background-image:url('../images/hdr_otherdeals.gif'); width:230px; padding:5px 10px; color:white; font-weight:bold; } .grouplinks-body {border-left:1px solid #D0CFCD; border-right:1px solid #D0CFCD; border-bottom:1px solid #D0CFCD; float:left; width:248px;} .btn_buy {background-image:url('../images/BTN_BUY.png'); width:25px; height:20px; float:left;} .bg_brand, .bg_generic {width:296px; min-height:142px; background-image:url('../images/bg_brand.png'); background-repeat:no-repeat; padding-top:5px;} .bg_generic { background-image:url('../images/bg_generic.png');} .info1 {width:90px; float:left; margin:0 5px 20px 0; text-align:left;} .info2 {width:195px; text-align:left; float:left; margin-bottom:20px;} .btn-moreinfo {background-image:url('../images/btn_productinfo.png'); width:100px; height:20px; float:left; border-width:0;} .newsearch-links {float:left; margin:50px 5px 0 45px; text-align:left; width:275px; font-weight:bold;} .newsearch-links a {color:#61738b; text-decoration:none;} .newsearch-links a:hover {color:#7b2121;} .fb-likebtn {float:left; width:70px; height:70px; padding:20px 0 0 20px;} a.tooltip {outline:none; } a.tooltip strong {line-height:30px;} a.tooltip:hover {text-decoration:none;} a.tooltip span { z-index:10;display:none; padding:14px 20px; margin-top:-30px; margin-left:-300px; width:240px; line-height:16px; } a.tooltip:hover span{ display:inline; position:absolute; color:#111; border:1px solid #DCA; background:#fffAF0;} .callout {z-index:20;position:absolute;top:25px;border:0;left:279px;} /*CSS3 extras*/ a.tooltip span { border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-box-shadow: 5px 5px 8px #CCC; -webkit-box-shadow: 5px 5px 8px #CCC; box-shadow: 5px 5px 8px #CCC; } .fiximage{ position:fixed; bottom:0px; left:30%; z-index:100000 }