/* 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: #FFAD37; font-size: 1.8em; line-height: 1.2em; font-weight: normal; margin-top: 0; padding-top: 10px; margin-bottom:4px;} h2 {color: #6044AD; font-size: 1.6em; line-height: 1.2em; font-weight: normal; margin-top: 0; padding-top: 10px;} h3 {color: #B670E4; font-size: 1.0em; line-height: 1.2em; font-weight: normal; margin-top: 0; padding-top: 10px;} h3 a {color: #B670E4; 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 20px; background:url(../IMAGES/bullet2.gif) no-repeat 0px 7px; list-style: none; line-height: 1em;} ul.pillbullet li { padding: 7px 0px 5px 5px; background:url(../IMAGES/pill-bullet.gif) no-repeat 0px 3px; list-style: none; line-height: 0.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:#F0F0F0; font: 76% Arial, Helvetica, sans-serif; color:#4d4d4d; margin:0; padding:10px 10px;} .container {margin:0 auto; width:960px; padding:0; background-color:#ffffff;} .header {width:960px; height:42px; top:0; position:absolute;} .phonenumber {background:url('../images/toll-freenumber.gif') no-repeat; width:198px; height:42px; float:left;} .topnav {float:right; width:762px; height:24px; background-color:#ffffff; padding-top:18px;} .btn_home, .btn_cart, .btn_contact {color:#843030; background-color:#ecebfd; border-width:0;} .btn_home a:hover {color:#ffffff; background-color:#c3c3fc;} .btn_search {color:#ffffff; background-color:#58569C; border-width:0; width:55px; margin-left:5px;} .banner {background:url('../images/topbanner.jpg') no-repeat #ffffff; width:960px; height:157px; text-indent:-5000px; float:left;} .banner2 {background:url('../images/topbanner2.jpg') no-repeat #ffffff; width:960px; height:158px; text-indent:-5000px; float:left;} .topmenu {width:365px; height:24px; float:right; margin-right:1px;} .topmenu ul {padding:0px; margin:0px; height:24px;} .topmenu ul li {display:block; text-indent:-5000px; float:left;} .topmenu ul li a {padding:0px; height:24px; display:block; background:url('../images/topnav3.gif') 0 0 no-repeat;} .topmenu a.home {background-position:0 0; width:42px;} .topmenu a.home:hover {background-position:0 -24px;} .topmenu a.howtoorder {background-position:-42px 0; width:80px;} .topmenu a.howtoorder:hover {background-position:-42px -24px;} .topmenu a.contact {background-position:-122px 0; width:50px;} .topmenu a.contact:hover {background-position:-122px -24px;} .topmenu a.login {background-position:-172px 0; width:44px;} .topmenu a.login:hover {background-position:-172px -24px;} .topmenu a.account {background-position:-216px 0; width:68px;} .topmenu a.account:hover {background-position:-216px -24px;} .topmenu a.cart {background-position:-284px 0; width:81px;} .topmenu a.cart:hover {background-position:-284px -24px;} .topmenu a.logout {background-position:-365px 0; width:44px;} .topmenu a.logout:hover {background-position:-365px -24px;} .searchbar {float:right; width:210px; height:20px; } .socialmedia {float:right; padding: 3px 0 5px 5px; height: 15px; width:130px; background-color:#ffffff; } .content {overflow:hidden; margin-top:32px;} .leftnav {float:right; width:198px; background:url('../images/navbar_hdr.gif') repeat-y top;} .pill {background-position:0 0; height:33px; width:198px; background:url('../images/ourproducts.gif') 0 0 no-repeat; padding:0px; display:block; } .pill:hover {background-position:-198px 0;} .iud { height:31px; width:198px;background:url('../images/ourproducts.gif');background-position:0 -187px; } .iud:hover {background-position:-198px -187px;} .ourproducts {width:198px; height:154px; float:left;} .ourproducts ul {padding:0px; margin:0px; width:198px; height:251px;} .ourproducts ul li {display:block; text-indent:-5000px; float:left;} .ourproducts ul li a {padding:0px; display:block; background:url('../images/ourproducts.gif') 0 0 no-repeat;} .ourproducts a.depo {background-position:0 -33px; height:31px; width:198px;} .ourproducts a.depo:hover {background-position:-198px -33px;} .ourproducts a.implanon {background-position:0 -64px; height:31px; width:198px;} .ourproducts a.implanon:hover {background-position:-198px -64px;} .ourproducts a.nuvaring {background-position:0 -95px; height:31px; width:198px;} .ourproducts a.nuvaring:hover {background-position:-198px -95px;} .ourproducts a.evra {background-position:0 -126px; height:31px; width:198px;} .ourproducts a.evra:hover {background-position:-198px -126px;} .ourproducts a.mirena {background-position:0 -157px; height:30px; width:198px;} .ourproducts a.mirena:hover {background-position:-198px -157px;} .ourproducts a.iud {background-position:0 -187px; height:31px; width:198px;} .ourproducts a.iud:hover {background-position:-198px -187px;} .ourproducts a.planb {background-position:0 -218px; height:31px; width:198px;} .ourproducts a.planb:hover {background-position:-198px -218px;} .ourproducts a.sponge {background-position:0 -249px; height:31px; width:198px;} .ourproducts a.sponge:hover {background-position:-198px -249px;} .ourproducts2 {width:198px; height:31px; float:left;} .ourproducts2 ul {padding:0px; margin:0px; width:198px; height:31px;} .ourproducts2 ul li {display:block; text-indent:-5000px; float:left;} .ourproducts2 ul li a {padding:0px; display:block; background:url('../images/ourproducts.gif') 0 0 no-repeat;} .ourproducts2 a.planb {background-position:0 -218px; height:31px; width:198px;} .ourproducts2 a.planb:hover {background-position:-198px -218px;} .hdr-resources {width:198px; height:42px; background:url('../images/navbar_resources.gif') no-repeat; float:left;} .resources {width:198px; height:251px; float:left;} .resources ul {padding:0px; margin:0px; width:198px; height:251px;} .resources ul li {display:block; text-indent:-5000px; float:left;} .resources ul li a {padding:0px; display:block; background:url('../images/resources.gif') 0 0 no-repeat;} .resources a.order {background-position:0 0; height:33px; width:198px;} .resources a.order:hover {background-position:-198px 0;} .resources a.stats {background-position:0 -33px; height:31px; width:198px;} .resources a.stats:hover {background-position:-198px -33px;} .resources a.chart {background-position:0 -64px; height:45px; width:198px;} .resources a.chart:hover {background-position:-198px -64px;} .resources a.planb {background-position:0 -109px; height:31px; width:198px;} .resources a.planb:hover {background-position:-198px -109px;} .resources a.blog {background-position:0 -140px; height:31px; width:198px;} .resources a.blog:hover {background-position:-198px -140px;} .resources a.fb {background-position:0 -171px; height:41px; width:198px;} .resources a.fb:hover {background-position:-198px -171px;} .resources a.twitter {background-position:0 -212px; height:39px; width:198px;} .resources a.twitter:hover {background-position:-198px -212px;} .rightcontent {float:right; width:742px; padding:10px; background-color:#ffffff;} .footer {width:960px; height:80px;} .footerL{float:left; width:629px; height:50px; padding:10px; border-left:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;} .footerR {float:left; width:288px; height:50px; padding:10px; border-left:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; border-right:1px solid #e4e4e4; color:#6044AD; font-size:11px;} .footerR a {text-decoration:none; color:#6044AD;} .footerR a:hover {text-decoration:none; color:#B670E4;} .indexL{float:left; width:472px; padding:10px;} .indexR {float:left; width:230px; background:url('../images/latest-article-bg.jpg') no-repeat; padding:30px 10px 10px 10px;} .blogpost {width:230px; float:left;} .blogpost p {margin:10px 0 0 0;} .blogtitle {color:#6044AD; font-weight:bold; font-size:11px; margin-top:10px;} .blogpostodd {float:left; margin-top:10px;} .readmore {float:right;} .pharmacyinfo {width:198px; background:url('../images/pharmacyinfo.gif') no-repeat; height:264px;} .trustlogos {width:230px; height:282px; margin-top:10px; background-image:url('../images/professionalstandards.gif'); float:left;} .trustlogos2 {width:700px; height:200px; border:1px solid #d1b1fd; margin-top:10px; float:left; padding:10px;} #fadeshow1 {width:272px; height:275px; background:url('../images/searchbox-pic1.gif') no-repeat; float:left; position:relative; overflow:hidden;} #searchbox {width:197px; height:275px; background:url('../images/searchbox-text0.gif') no-repeat; float:left;} #animation {width:272px; height:275px; background:url('../images/searchbox-pic1.gif') no-repeat; float:left; padding:0; margin:0;} .btn_search2 {border-width:0px; background:url('../images/btn_search.gif') no-repeat; width:104px; height:32px; border-width:0px; margin:15px 0 0 46px; cursor:pointer;} .tertiary_content {padding:10px; float:left; width:940px; background-color:#ffffff;} .chart_head {width:156px; height:20px; margin-top:10px; float:left; text-align:center} .chart_field {width:145px; float:left; text-align:left; padding:5px;border-right:1px solid #b48afe;} .productlisting4 {color:#555555; width:938px; border-left:1px solid #b48afe;border-right:1px solid #b48afe;background-color:#f2eaff; float:left; border-bottom:1px solid #b48afe;} .productlisting5 {color:#555555; width:938px; border-left:1px solid #b48afe;border-right:1px solid #b48afe;background-color:#ffffff; float:left; border-bottom:1px solid #b48afe;} .contact-box {width:370px; float:left;} @charset "UTF-8"; /* SpryCollapsiblePanel.css - Revision: Spry Preview Release 1.4 */ /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */ /* This is the selector for the main CollapsiblePanel container. For our * default style, the CollapsiblePanel is responsible for drawing the borders * around the widget. * * If you want to constrain the width of the CollapsiblePanel widget, set a width on * the CollapsiblePanel container. By default, our CollapsiblePanel expands horizontally to fill * up available space. * * The name of the class ("CollapsiblePanel") used in this selector is not necessary * to make the widget function. You can use any class name you want to style the * CollapsiblePanel container. */ .CollapsiblePanel {float:left;} /* This is the selector for the CollapsiblePanelTab. This container houses * the title for the panel. This is also the container that the user clicks * on to open or close the panel. * * The name of the class ("CollapsiblePanelTab") used in this selector is not necessary * to make the widget function. You can use any class name you want to style an * CollapsiblePanel panel tab container. */ .CollapsiblePanelTab { text-decoration:none; height:33px; width:198px; } .CollapsiblePanelTab2 { text-decoration:none; height:31px; width:198px;background:url('../images/ourproducts.gif');background-position:0 -187px; } .CollapsiblePanelTab2:hover {background-position:-198px -187px;} /* This is the selector for a CollapsiblePanel's Content area. It's important to note that * you should never put any padding on the content area element if you plan to * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate. * * The name of the class ("CollapsiblePanelContent") used in this selector is not necessary * to make the widget function. You can use any class name you want to style a * CollapsiblePanel content container. */ .CollapsiblePanelContent { margin-bottom: 10px; padding-left: 20px; color:#7a7a7a; font-size:12px; font-family:Arial, Helvetica, sans-serif; } .CollapsiblePanelContent a {text-decoration:none; color:#6044AD;} .CollapsiblePanelContent a:hover{Color:#f86713;} /* An anchor tag can be used inside of a CollapsiblePanelTab so that the * keyboard focus ring appears *inside* the tab instead of around the tab. * This is an example of how to make the text within the anchor tag look * like non-anchor (normal) text. */ .CollapsiblePanelTab a { text-decoration:none; color:#555555;} .CollapsiblePanelTab a:hover { text-decoration:none; color:#999999;} /* This is an example of how to change the appearance of the panel tab that is * currently open. The class "CollapsiblePanelOpen" is programatically added and removed * from panels as the user clicks on the tabs within the CollapsiblePanel. */ .CollapsiblePanelOpen .CollapsiblePanelTab { } /* This is an example of how to change the appearance of the panel tab as the * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added * and removed from panel tab containers as the mouse enters and exits the tab container. */ .CollapsiblePanelTabHover, .CollapsiblePanelOpen .CollapsiblePanelTabHover { Color:#999999; } /* This is an example of how to change the appearance of all the panel tabs when the * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed * whenever the CollapsiblePanel gains or loses keyboard focus. */ .CollapsiblePanelFocused .CollapsiblePanelTab { } /*------------------------------------------------------------------------------------------------------------------------------------------------------------How To Order Page Classes--------*/ .howtoorderbox {float:left; width:300px; height:250px; padding:10px; border:1px solid #6044AD; margin:0 25px 25px 0; background-image:url('../images/latest-article-bg.jpg'); background-position:0 -20px;} /*------------------------------------------------------------------------------------------------------------------------------------------------------------Contact Page Classes--------*/ .label {float:left; width:150px; height:20px; margin-bottom:10px;} .textbox {float:left; width:250px; height:20px; margin-bottom:10px;} .textbox2 {float:left; width:450px; height:150px;} .btn_submit {color:#ffffff; background-color:#58569C; border-width:0; width:75px; margin-left:5px; height:20px; padding-bottom:3px;} /*------------------------------------------------------------------------------------------------------------------------------------------------------------Login Classes--------*/ .loginleft{float:left; width:425px; height:525px; margin-right:10px; } .signupbox {background-color:#fffcf3; border:1px solid #cfcfcf; float:left; width:470px; height:500px; 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:110px; 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;} .paymentshipping {width:425px; float:left; height:300px;} .contact-labels2 {width:110px; float:left; margin-bottom:10px;} .contact-fields {width:200px; float:left; margin-bottom:10px;} .btn_login{background-color:#58569C; width:64px; height:30px; margin:5px 0 10px 165px; border-width:0; color:#ffffff; font-weight:bold;} .btn_continuecheckout {background-color:#58569C; width:164px; height:30px; margin:5px 0 10px 120px; border-width:0; color:#ffffff; font-weight:bold;} .validationerror {float:left; color:red; margin-left:5px; width:70px;} /*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------Product Page Classes--------------*/ .productinfo {width:350px; float:left; height:60px;} .productinfo2 {width:250px; float:left; height:40px; margin:10px 10px 0 0;} .productpic {width:180px; height:180px; float:left; margin-right:10px; margin-bottom:10px;} .productpic2 {width:100px; height:90px; float:right;} .ad_productpic {width:90px; height:90px; float:left; margin-left:35px;} .productname {width:350px; float:left;} .fieldname {width:95px; float:left; font-weight:bold; text-align:left; margin-right:5px; margin-bottom:10px;} .fieldinfo {width:225px; float:left; margin-bottom:10px; text-align:left;} .hdr_products2 { background:url('../images/header.gif') no-repeat; width:740px; height:34px; color:white; font-size:16px; font-weight:bold; float:left;} .hdr_products { background:url('../images/header.gif') no-repeat; width:700px; height:34px; color:white; font-size:16px; font-weight:bold; float:left;} .productsize {width:500px; float:left; margin-top:10px; margin-left:10px;} .productsize2 {width:200px; float:left; margin-top:10px; margin-left:10px;} .price {width:75px; float:left; text-align:right; margin-top:10px;} .btn_addtocart {width:110px; height:20px; float:left; margin-left:20px; margin-top:5px; border-width:0; background:url('../images/btn_addtocart.gif') no-repeat;} .productlisting {width:738px;height:30px;border-left:1px solid #7a7a7a;border-right:1px solid #7a7a7a;border-bottom:1px solid #7a7a7a;background-color:#ffffff;float:left;} .acct_productlisting {width:698px;border-left:1px solid #7a7a7a;border-right:1px solid #7a7a7a;border-bottom:1px solid #7a7a7a;background-color:#ffffff; float:left;} .productlisting3 {width:638px;height:85px;border-left:1px solid #7a7a7a;border-right:1px solid #7a7a7a;border-bottom:1px solid #7a7a7a;background-color:#ffffff; float:left;} /*----------------------------------------------------------------------------------------------------------------------------------------------------------------------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:15px; margin:10px 0 0 10px; float:left; margin:10px 0 0 10px;} .cart_productinfo {width:565px; height:60px; margin:10px 0 0 20px; float:left;} .cart_productinfo a {font-size:14px; float:left;} .cart_productinfo p {float:left; width:555px; height:15px; margin-top:0px;} .cart_unitprice {width:100px; 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:16px; height:16px; border-width:0;} .productlisting2 {color:#555555; width:938px; height:85px; border-left:1px solid #7a7a7a;border-right:1px solid #7a7a7a;background-color:#ffffff; float:left; border-bottom:1px solid #7a7a7a;} .totalbox {width:402px;color:#555555;height:122px; border-right:1px solid #7a7a7a;background-color:#ffffff; float:left;} .totalbox2 {width:516px; padding:10px;color :#555555;height:152px; border-left:1px solid #7a7a7a; border-bottom:1px solid #7a7a7a; background-color:#ffffff; float:left;} .subtotal {float:left; width:290px; text-align:right; height:31px; font-weight:bold; font-size:13px; padding:10px 10px 0 0; } .subtotal2 {float:left; width:85px; height:30px; font-weight:bold; text-align:right; font-size:13px; padding-right:15px; padding-top:10px; } .btn_go {background:url('../IMAGES/btn_go.gif')no-repeat; width:25px; height:21px; border-width:0;} .cart_buttons {background-color:#ffffff; float:right; width:382px; height:30px; padding:10px; border-bottom:1px solid #7a7a7a;border-right:1px solid #7a7a7a;} .btn_continueshopping {width:163px; height:30px; float:right; margin-right:10px; border-width:0; background:url('../images/btn_continueshopping.gif') no-repeat;} .btn_checkout {width:130px; height:30px; float:right; margin-right:10px; border-width:0; background:url('../images/btn_checkout.gif') no-repeat;} .sym_prescriptionrequired {margin-top:5px; float:left;} /*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------Search Page Classes--------------*/ .searchresult_product {width:700px; 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:170px; 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:118px; height:30px; float:left; margin-right:10px; margin-top:15px; border-width:0;} /*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------Account Page Classes--*/ .userinfo {width:350px; float:left; height:125px; margin-top:10px; text-align:right;} .userinfo2 {text-align:left; width:350px; float:left; height:125px; 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:360px; height:15px; margin:10px 0 0 20px; float:left; font-size:14px;} .account_status {width:100px; height:15px; margin:10px 0 0 20px; float:left; font-size:14px;} .acct_totalbox {width:698px; height:100px; border-left:1px solid #7a7a7a; border-right:1px solid #7a7a7a; border-bottom:1px solid #7a7a7a; background-color:#ffffff; 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;} .productlisting3 {width:698px;height:30px;border-left:1px solid #7a7a7a;border-right:1px solid #7a7a7a;border-bottom:1px solid #7a7a7a;background-color:#ffffff;float:left;} /*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .index-searchbox {top:200px; position:absolute;} .index-content {margin-top:275px; position:relative;} .productlisting-a {color:#555555; width:680px; border-left:1px solid #cfcfcf;border-right:1px solid #cfcfcf;background-color:#FDF6F6; float:left; border-bottom:1px solid #cfcfcf;} .productlisting-b {color:#555555; width:680px; border-left:1px solid #cfcfcf;border-right:1px solid #cfcfcf;background-color:#ffffff; float:left; border-bottom:1px solid #cfcfcf;} .cart_productinfo2 {width:300px; float:left;margin-top:10px; margin-left:10px;} .cart_unitprice2 {width:110px; height:24px; margin-top:10px;float:left; text-align:right; font-size:14px;} .cart_quantity2 {width:125px; height:24px; margin-top:10px; float:left; text-align:right; font-size:14px;} .cart_price2 {width:125px; height:24px; margin-top:10px; float:left; text-align:right; font-size:14px;} .cart_hdr2 {width:682px; background:url('/Images/header.gif') no-repeat; float:left; height:34px; color:#ffffff; font-size:16px; font-weight:bold; }