/* CSS Document */ /*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------common classes*/ a img {border: none;} h1 {color: #f86713; font-size: 1.8em; line-height: 1.2em; font-weight: normal; margin-top: 0; padding-top: 10px;} h2 {color: #47788b; font-size: 1.6em; line-height: 1.2em; font-weight: normal; margin-top: 0; padding-top: 10px;} h3 {color: #b5b5b5; font-size: 1.0em; line-height: 1.2em; font-weight: normal; margin-top: 0; padding-top: 10px;} h3 a {color: #7398a6; text-decoration: none;} input {font-size: 0.9em; font-family: Verdana, Geneva, sans-serif;} p {line-height: 1.2em; color: #7a7a7a;} h3 a:hover {text-decoration: underline;} ul {margin: 0; padding: 0; color:#7a7a7a;} ol {color:#7a7a7a;} ul.arrow li { padding: 5px 0px 5px 20px; background: url('../images/bullet_arrow.gif') no-repeat 10px 10px; list-style: none; line-height: 1.4em; color:#7a7a7a;} ul.arrow2 li { padding: 0px 0px 0px 20px; background: url('../images/bullet_arrow.gif') no-repeat 10px 5px; list-style: none; line-height: 1.2em; color:#7a7a7a;} .clear {clear: both;} hr {border: none; border-top: 1px solid #ccc; margin-top: 20px;} /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------site.master classes*/ body {background: url('../images/body-background.jpg') repeat-x top #E9E2D0; font: 76% Verdana, Arial, Helvetica, sans-serif; color:#2e2e2e;} .container {margin:0 auto; width:960px; padding:0; overflow:hidden;} .header {width:960px; height:145px; top:28px; position:absolute; background: url('../images/header-background.jpg') no-repeat;} .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:#f86713; border-width:0; width:60px; margin-left:5px; height:20px; font-weight:bold;} .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:621px; height:28px; position:absolute; top:0px; margin-left :339px;} .topmenu ul {padding:0px; margin:0px; height:28px;} .topmenu ul li {display:block; text-indent:-5000px; float:left;} .topmenu ul li a {padding:0px; width:621px; height:28px; display:block; background:url('../images/topmenu.gif') 0 0 no-repeat;} .topmenu a.home {background-position:0 0; width:49px;} .topmenu a.home:hover {background-position:0 -28px;} .topmenu a.howtoorder {background-position:-49px 0; width:97px;} .topmenu a.howtoorder:hover {background-position:-49px -28px;} .topmenu a.healthguide {background-position:-146px 0; width:108px;} .topmenu a.healthguide:hover {background-position:-146px -28px;} .topmenu a.about {background-position:-254px 0; width:72px;} .topmenu a.about:hover {background-position:-254px -28px;} .topmenu a.contact {background-position:-326px 0; width:75px;} .topmenu a.contact:hover {background-position:-326px -28px;} .topmenu a.account {background-position:-401px 0; width:80px;} .topmenu a.account:hover {background-position:-401px -28px;} .topmenu a.login {background-position:-481px 0; width:47px;} .topmenu a.login:hover {background-position:-481px -28px;} .topmenu a.cart{background-position:-528px 0; width:93px;} .topmenu a.cart:hover{background-position:-528px -28px;} .topmenu a.logout {background-position:-621px 0; width:47px;} .topmenu a.logout:hover {background-position:-621px -28px;} .topmenu-spanish {width:621px; height:28px; position:absolute; top:0px; margin-left :339px;} .topmenu-spanish ul {padding:0px; margin:0px; height:28px;} .topmenu-spanish ul li {display:block; text-indent:-5000px; float:left;} .topmenu-spanish ul li a {padding:0px; width:621px; height:28px; display:block; background:url('../es/IMAGES/topmenu.gif') 0 0 no-repeat;} .topmenu-spanish a.home {background-position:0 0; width:46px;} .topmenu-spanish a.home:hover {background-position:0 -28px;} .topmenu-spanish a.howtoorder {background-position:-46px 0; width:72px;} .topmenu-spanish a.howtoorder:hover {background-position:-46px -28px;} .topmenu-spanish a.healthguide {background-position:-118px 0; width:137px;} .topmenu-spanish a.healthguide:hover {background-position:-118px -28px;} .topmenu-spanish a.about {background-position:-255px 0; width:75px;} .topmenu-spanish a.about:hover {background-position:-255px -28px;} .topmenu-spanish a.contact {background-position:-330px 0; width:69px;} .topmenu-spanish a.contact:hover {background-position:-330px -28px;} .topmenu-spanish a.account {background-position:-399px 0; width:59px;} .topmenu-spanish a.account:hover {background-position:-399px -28px;} .topmenu-spanish a.login {background-position:-458px 0; width:47px;} .topmenu-spanish a.login:hover {background-position:-458px -28px;} .topmenu-spanish a.cart{background-position:-505px 0; width:116px;} .topmenu-spanish a.cart:hover{background-position:-505px -28px;} .topmenu-spanish a.logout {background-position:-621px 0; width:47px;} .topmenu-spanish a.logout:hover {background-position:-621px -28px;} .header-left {display:block; background: url('../images/logo-crittercures.gif') no-repeat top; width:352px; height:81px; text-indent:-5000px; float:left;} .calltollfree {float:left; background: url('../images/call-toll-free.gif') no-repeat; width:313px; height:41px; margin:30px 0 0 54px; text-indent:-5000px; position:relative; } .faxtollfree {float:left; background: url('../images/fax-toll-free.gif') no-repeat; width:211px; height:31px; margin:30px 0 0 20px; text-indent:-5000px; position:relative;} .calltollfree-spanish {float:left; background: url('../es/images/call-toll-free.gif') no-repeat; width:313px; height:35px; margin:30px 0 0 54px; text-indent:-5000px; position:relative; } .faxtollfree-spanish {float:left; background: url('../es/images/fax-toll-free.gif') no-repeat; width:211px; height:31px; margin:30px 0 0 20px; text-indent:-5000px; position:relative;} .searchbox {background: url('../images/searchbluebox.gif'); width:290px; height:43px; margin-top:10px; float:left;} .searchbar {border:1px solid #768e34; width:195px; height:19px; margin:12px 0 0 15px; float:left; padding:3px 0 0 5px; } .socialmedia {float:right; padding: 3px 0 5px 5px; height: 15px; width:130px; background-color:#ffffff; } .content { background-color:#ffffff; border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4; width:938px; position:relative; overflow:hidden; padding:10px; margin-top:144px; top: 0px; left: 0px; } .mainnavSubmenu {background:url(../images/mainnav-submenu.gif) no-repeat; width:407px; height:246px; padding:15px; font-size:0.1em;} br {clear: both; line-height:14px;} .mainnavSubmenuDog {float:left; width:190px; background:url(../images/silhouette-dog.gif) no-repeat; height:216px; } .mainnavSubmenuDog p, .mainnavSubmenuFish p, .mainnavSubmenuCat p, .mainnavSubmenuPig p {line-height:13px;} .mainnavSubmenuCat {float:left; width:190px; background:url(../images/silhouette-cat.gif) no-repeat; height:216px;} .mainnavSubmenuPig {float:left; width:190px; background:url(../images/silhouette-pig.gif) no-repeat; height:216px;} .mainnavSubmenuFish {float:left; width:190px; background:url(../images/silhouette-fish.gif) no-repeat; height:216px;} .mainnavSubmenuR {float:left; width:190px; margin-left:7px; padding-top:10px;} .leftnav {float:left; width:240px; margin:20px 0px;} .dog {background-position:0 0; height:50px; width:275px; background:url('../images/2leftnav-top.gif') 0 0 no-repeat; padding:0px; display:block; } .dog:hover {background-position:-275px 0;} .column1 {float:left; margin-top:20px; overflow:hidden; padding-right:10px; width:230px;} .column1-hdr {background-image:url('../images/column1-hdr.gif'); background-repeat:no-repeat; float:left; height:50px; width:240px;} .menu-dogproducts {background-image:url('../images/hdr_dog-products.gif'); background-repeat:no-repeat; height:50px; width:240px;} .menu-catproducts {background-image:url('../images/hdr_cat-products.gif'); background-repeat:no-repeat; height:50px; width:240px;} .menu-smallproducts {background-image:url('../images/hdr_small-products.gif'); background-repeat:no-repeat; height:50px; width:240px;} .menu-farmproducts {background-image:url('../images/hdr_farm-products.gif'); background-repeat:no-repeat; height:50px; width:240px;} .column1-mid {width:238px;background-color:#f7f7f7;border-right:1px #e4e4e4 solid;border-left:1px #e4e4e4 solid; float:left;} .column1-bot {width:275px;background:url('../images/column1-bot.gif') no-repeat;height:9px;float:left;padding-bottom:10px;} .column1-top {width:275px;background:url('../images/column1-top.gif') no-repeat;height:9px;float:left;padding:0px; margin:0;} .column2-bot {width:240px;background-image:url('../images/column2-bot.jpg'); background-repeat:no-repeat;height:8px;float:left;padding-bottom:10px;} .column2-top {width:240px;background:url('../images/column2-top.jpg') no-repeat;height:8px;float:left;padding:0px; margin:0;} .menu-header {background:url('../images/menu-sub.gif') no-repeat;width:200px;height:29px;margin:20px 10px 0 10px;padding:10px;color:white;font-weight:bold;line-height:12px;float:left;} .menu-listing {width:218px;border-left:1px solid #e4e4e4;border-right:1px solid #e4e4e4;padding:10px 0;background:#fdfdfd;float:left; margin-left:10px;} .menu-listing a {text-decoration:none; color:#555555; margin-left:10px;} .menu-listing a:hover {text-decoration:none; color:#999999; margin-left:10px;} .menu-link {text-decoration:none;color:#555555;font-weight:600;font-size:12px;font-family:Arial, Helvetica, sans-serif; margin-left:10px;} a.menu-link:hover {color:#999999;} .hr-menulink {margin:10px 0;} .menu-listing_bot {background:url('../images/menu-listing_bot.gif') no-repeat;width:220px;height:5px; float:left; margin-left:10px;} .rightcontent {float:left; width:680px; background-color:#ffffff; margin:20px 0 0 10px; overflow:hidden;} .footercontainer {width:958px; background-color:#FFFFFF; border:1px #ededed solid; font-size:0.75em; height:120px; } .footerleft {width:440px; padding:20px 0px 0px 0px; float:left; height:100px; background-color:#fbfbfb; } .footermiddle {width:60px; padding:2px 0px 0px 5px; float:left; height:100px; background-color:#fbfbfb; } .footerhead {font-size:1.1em; width:100px;} .footerhead a, .footerhead_sm a {text-decoration:none; color:#47788b;} .footerhead a:hover, footerhead_sm a:hover {text-decoration:underline;} .footertext {padding:0 0 5px 20px; margin-top:-5px; width:80px; } .footerbox{width:90px; float:left;} .footerhead_sm {font-size:1.1em; color:#47788b; width:110px;} .footertext_sm {color:#666666; padding:0 0 5px 20px; margin-top:-5px; width:90px; } .footerbox_sm {width:140px; float:left;} .footerright {width:334px; border-left:1px #ededed solid; padding:10px 10px; float:left; height:100px; color:#666666; background-color:#fbfbfb; } .footerbottom {width:892px; padding:0px 20px 10px 20px; height:35px; color:#666666; float:left; border:1px solid #E4DCC6; background-color:#FDFBF5; margin-top:10px;} .footerbottom p {margin-top:8px;} .footertext a, .footertext_sm a, .footermenu a {color: #999999; text-decoration:none;} .footertext a:hover, .footertext_sm a:hover, .footermenu a:hover {color:#4d4d4d; text-decoration:none;} .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;} .readmore {float:right;} .pharmacyinfo {width:198px; background:url('../images/pharmacyinfo.gif') no-repeat; height:264px;} .trustlogos {width:230px; height:184px; margin-top:10px; background-image:url('../images/professionalstandards.gif'); float:left;} .trustlogos2 {width:600px; 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;} .btn_search2-spanish {border-width:0px; background:url('../es/images/btn_search.gif') no-repeat; width:110px; height:31px; border-width:0px; margin:15px 0 0 46px; cursor:pointer;} .searchbar3 {width:325px; height:16px; margin-top:150px; font-size:12px; padding:10px;} .searchbox2 { background-image:url('../images/drugsearchbox.jpg'); width:410px; height:158px;} .searchbox2-seo { background-image:url('../images/drugsearchbox.jpg'); width:410px; height:158px; background-position:0px -50px} .searchbar3-seo {width:325px; height:11px; margin-top:80px; font-size:12px; padding:10px;} .searchbox2-spanish { background-image:url('../es/images/drugsearchbox.jpg'); width:410px; height:258px;} .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:325px; float:left;} .shopwithconfidencelogos {background-color:#ffffff; border:1px solid #D1EBF4; width:600px; padding:20px; height:300px;} @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 { } /* 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 { padding-left:10px; text-decoration:none; color:#555555; font-weight:600; font-size:12px; font-family:Arial, Helvetica, sans-serif; } /* 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:#7a7a7a;} .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 { } /*-------------Index Page Classes------------------------------*/ .aboutus {text-align:left; width:250px; height:260px; float:left; margin-right:13px; padding:0 10px;} .dogpic {width:125px; height:137px; float:left; margin-top:15px;} .dogtestimonial {width:400px; height:130px; float:left; padding-left:35px; margin:15px 0 0 10px;} .btn_twitter {width:225px;height:30px;float:right;margin-right:20px;cursor:pointer;background:url('../images/btn_twitter.gif') no-repeat;} .btn_twitter2 {width:240px;height:88px;float:left;cursor:pointer;background:url('../images/driver_twitter.gif') no-repeat;} .macfee-index {margin-right:10px;margin-bottom:15px;} .creditcards-index{margin-top:10px;} .index_bottom{margin:10px 0 0 0; padding-bottom:0; height:90px;} .blog {width:600px;height:250px;margin-top:10px; /*margin-top:-280px;*/ /* IE7 HACK */ float:left;} .blog-top {background: url('../images/blog-top.gif') no-repeat;width:640px;height:37px;} .blog-top-spanish {background: url('../es/images/blog-top.gif') no-repeat;width:640px;height:37px;} .blog-mid {background: url('../images/blog-mid.gif') repeat-y;width:640px;float:left;height:200px;} .blog-bot {background:url('../images/blog-bot.gif') no-repeat;width:640px;height:16px;float:left;} .blog-preview {width:280px;height:200px;margin-left:25px;padding-top:10px; float:left;} .blog-preview h2 {font-size:12px;} .blogpost, .blogpostodd {color: #444; width: 268px; padding: 5px 10px; height:200px; } .pharmacybox {float:left;border:1px solid #e4e4e4; background-color:#fcfcfc; width:322px; height:250px; margin:10px 0 0 10px;} .pharmacybox2 {float:left;border:1px solid #e4e4e4; background-color:#fcfcfc; width:235px; height:250px; margin-top:10px;} .subscribe_text {height:28px;border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;background-color:#fcfcfc;width:700px;margin-top:-1px;float:left;padding:10px 0 0 5px;} .subscribe_text-end {background:url('../images/subscribe_box-end.gif') no-repeat;width:9px;height:40px;float:left;margin-top:-1px;} .join-arrow {background:url('../images/join-arrow.gif') no-repeat;float:left;width:219px;height:40px;margin:-1px 0 0 1px;} .join-arrow-spanish {background:url('../es/images/join-arrow.gif') no-repeat;float:left;width:219px;height:40px;margin:-1px 0 0 1px;} .subscribe_name {float:left;height:20px;width:175px;margin:-3px 5px 0 10px;} .subscribe_email {float:left;height:20px;width:175px;margin:-3px 5px 0 0;} .subscribe_btn {background:url('../images/btn_join-now.gif') no-repeat;width:100px;height:21px;border-width:0; cursor:pointer;float:left;} .subscribe_btn-spanish {background:url('../es/images/btn_join-now.gif') no-repeat;width:100px;height:21px;border-width:0; cursor:pointer;float:left;} .driver-blog {background: url('../images/driver_blog.gif') no-repeat;width:240px;height:98px;padding-top:5px;float:left; margin:10px 0;} /*------------------------------------------------------------------------------------------------------------------------------------------------------------How To Order Page Classes--------*/ .howtoorderbox {float:left; width:295px; height:250px; padding:10px; border:1px solid #fdcdb1; margin:0 5px 5px 0; background-color:#FAF6EB; 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:#f86713; border-width:0; width:75px; margin-left:5px; height:20px; padding-bottom:3px; font-weight:bold;} /*------------------------------------------------------------------------------------------------------------------------------------------------------------Login Classes--------*/ .loginleft{float:left; width:425px; padding-bottom:10px; margin-right:10px; } .signupbox {background-color:#fffcf3; border:1px solid #cfcfcf; float:left; width:900px; padding:15px;color:#666666; margin-bottom:10px;} .signupbox2 {background-color:#fffcf3; border:1px solid #cfcfcf; float:left; width:425px; padding:15px;color:#666666; margin-bottom:10px;} .loginbox {background-color:#ffffff; border:1px solid #cfcfcf; float:left; width:395px; 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;} .login-labels3 {width:130px; float:left; margin-bottom:10px;} .login-labels4 {width:75px; float:left; margin-bottom:10px;} .paymentshipping {width:425px; float:left; padding-bottom:10px;} .contact-labels2 {width:110px; float:left; margin-bottom:10px;} .contact-fields {width:200px; float:left; margin-bottom:10px;} .btn_login{background-color:#58569C; width:92px; height:30px; margin:5px 0 10px 165px; border-width:0; color:#ffffff; font-weight:bold;} .btn_continuecheckout { width:182px; height:30px; margin:5px 0 10px 120px; border-width:0; color:#ffffff; font-weight:bold; background-image:url('../images/btn_continuecheckout.gif');} .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; padding-bottom:10px; 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-color:#4699B9;width:650px; height:34px; color:white; font-size:16px; font-weight:bold; float:left;} .hdr_products { background-color:#4699B9; width:700px; height:34px; color:white; font-size:16px; font-weight:bold; float:left;} .productsize {width:400px; float:left; margin-top:10px; margin-left:10px;} .productsize2 {width:200px; float:left; margin-top:10px; margin-left:10px;} .price {width:115px; float:left; text-align:right; margin-top:10px;} .btn_addtocart {width:110px; height:20px; float:left; margin-left:5px; margin-top:5px; border-width:0; background:url('../images/btn_addtocart.gif') no-repeat;} .productlisting {width:648px;border-left:1px solid #7a7a7a;border-right:1px solid #7a7a7a;border-bottom:1px solid #7a7a7a;background-color:#ffffff;float:left; padding-bottom:10px;} .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;} /*------------------------------------------------------*/ /* copied from new design */ .product-box { width:300px; height:132px; background:url('../images/product_box.gif') no-repeat; margin:5px 0 5px 5px; float:left; } .product-box2 {width:210px; height:132px;background:url('../images/product_box2.gif') no-repeat; margin:5px 0 5px 5px;float:left;} .product-pic { margin:15px 5px 0 10px; float:left; width:90px; height:90px; } .product-pic3 {margin:5px 0 30px 1px;float:left; width:90px; height:90px;} .product-name { margin:5px; float:left; width:175px; } .product-name-h2 {margin-bottom:5px; width:175px;} .product-name2 {font-size:14px; font-family:Verdana; font-weight:bold; padding-top:0px;color: #47788b;} .product-name3 {float:left;width:109px;font-size:14px; font-family:Verdana; font-weight:bold; padding-top:0px;text-align:center; margin:15px 0 0 0; line-height:0.9em;} .product-name4 {float:left;width:110px;font-size:14px; padding-top:0px;text-align:center; margin-bottom:0;} .ourprice {color:#f86713; font-size:8pt; margin-top:5px;} .category-pic {margin:5px 0; width:80px; height:80px;} .pharmacyinformation {margin:10px 0 0 60px;} .Subpage-text { margin-top:20px; } .shopby {margin-top:10px;} /*----------------------------------------------------------------------------------------------------------------------------------------------------------------------Cart Page Classes---------------*/ .cart_hdr {width:938px; background-color:#4699B9; 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; padding-bottom:10px; 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_productinfo2 {width:285px; padding-bottom:10px; margin:10px 0 0 20px; float:left;} .cart_productinfo2 a {font-size:14px; float:left;} .cart_productinfo2 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:936px; height:85px; border-left:1px solid #7a7a7a;border-right:1px solid #7a7a7a;background-color:#ffffff; float:left; border-bottom:1px solid #7a7a7a;} .totalbox {width:330px;color:#555555;height:150px; border-right:1px solid #7a7a7a;background-color:#ffffff; float:left;} .totalbox2 {width:586px; padding:10px;color :#555555;height:225px; border-left:1px solid #7a7a7a; border-bottom:1px solid #7a7a7a; background-color:#ffffff; float:left;} .totalbox3 {width:298px; padding:10px;color :#555555;height:225px; border-left:1px solid #7a7a7a; border-bottom:1px solid #7a7a7a; background-color:#ffffff; float:left;} .subtotal {float:left; width:220px; 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:50px; height:23px; margin-top:13px; float:left; border-width:0px; cursor:pointer;} .btn_go-spanish {background: url('../es/images/btn_go.gif') no-repeat; width:50px; height:23px; margin-top:13px; float:left; border-width:0px; } .cart_buttons {background-color:#ffffff; float:left; width:310px; height:75px; padding:10px; border-bottom:1px solid #7a7a7a;border-right:1px solid #7a7a7a;} .btn_continueshopping {width:182px; height:30px; float:right; margin-right:10px; border-width:0; background:url('../images/btn_continueshopping.gif') no-repeat;} .btn_checkout {width:104px; 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:640px; padding:10px;float:left;} .searchresult_img {width:90px; height:90px; float:left; margin-right:10px;} .searchresult_productinfo {width:375px;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_viewproduct.gif') no-repeat; width:140px; height:25px; float:left; margin-top:35px; border-width:0;} .btn_moreinfo-SPANISH {background:url('../es/IMAGES/btn_viewproduct.gif') no-repeat; width:140px; height:25px; 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;} .product1 { background-color:#ecfaff; border:1px solid #def2f9; float:left; height:100px; margin-bottom:10px; padding:10px; position:relative; width:638px;} .product2 { background-color:#fffcf3; border:1px solid #f4e5b9; float:left; height:100px; margin-bottom:10px; padding:10px; position:relative; width:638px;} /*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------Account Page Classes--*/ .userinfo {width:300px; float:left; height:125px; margin-top:10px; text-align:right;} .userinfo2 {text-align:left; width:300px; 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 10px; float:left; font-size:14px ;} .account_productinfo4 {width:65px; height:15px; margin:10px 0 0 10px; float:left; font-size:14px ;} .account_productinfo2 {width:115px; height:15px; margin:10px 0 0 20px; float:left; font-size:14px ;} .account_productinfo3 {width:160px; height:15px; margin:10px 0 0 10px; float:left; font-size:14px ;} .account_orderdate {width:375px; height:15px; margin:10px 0 0 10px; float:left; font-size:14px;} .account_status {width:105px; height:15px; margin:10px 0 0 20px; float:left; font-size:14px;} .acct_totalbox {width:648px; 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:305px; 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;} /*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .testimonials {width:620px; padding:20px; height:150px; margin-bottom:10px;} .indexcontent {margin-top:295px; position:relative;width: 640px; height: 310px;} .TabbedPanelsTopR { width:642px; height:285px; top:30px; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/} .TabbedPanelsTopL { width:282px; height:300px; float:left; margin-bottom:10px; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/} /*---------------------------------------------------------------------------------------------------------------------------------------------------------------------Pet Health Guide--*/ .healthlisttitle { color:#3366FF;font-size:18px; font-weight:bold;} ul.arrow-health li { padding: 5px 0px 5px 20px; background: url('../images/bullet_arrow.gif') no-repeat 10px 10px; list-style: none; line-height: 1.4em; color:#7a7a7a; margin-bottom:15px;} ul.arrow2-health li { padding: 5px 0px 5px 20px; background: url('../images/bullet_arrow.gif') no-repeat 10px 10px; list-style: none; line-height: 1.4em; color:#7a7a7a;} .healthlist-desc {} .guidebox {width:320px; float:left; border:1px solid #c9c9c9; padding:5px; margin-right:5px;} .ailment1 {width:300px; float:left; border-left:1px solid #e9e9e9; border-top:1px solid #e9e9e9; padding:10px 0 0 10px; height:20px; background:white;} .ailment2 {width:300px; float:left; border-left:1px solid #e9e9e9; border-top:1px solid #e9e9e9; border-right:1px solid #e9e9e9; padding:10px 0 0 10px; height:20px; background:white;} .ailment3 {width:300px; float:left; border-left:1px solid #e9e9e9; border-top:1px solid #e9e9e9; padding:10px 0 0 10px; height:20px; background-color:#fcfcfc;} .ailment4 {width:300px; float:left; border-left:1px solid #e9e9e9; border-top:1px solid #e9e9e9; border-right:1px solid #e9e9e9; padding:10px 0 0 10px; height:20px; background-color:#fcfcfc;} .socialbookmarking {width:933px; height:40px; float:left; margin-top:10px;} .socialbookmarking ul {padding:0px; margin:0px; height:40px;} .socialbookmarking ul li {display:block; text-indent:-5000px; float:left;} .socialbookmarking ul li a {padding:0; background-image:url('../images/socialbookmarking.jpg'); background-repeat:no-repeat; height:40px; display:block;} .socialbookmarking a.crcblog {background-position: 0 0; width:239px;} .socialbookmarking a.crcblog:hover {background-position:0 -40px;} .socialbookmarking a.crctwitter {background-position:-239px 0; width:240px;} .socialbookmarking a.crctwitter:hover {background-position:-239px -40px;} .socialbookmarking a.crcfacebook {background-position:-479px 0; width:236px;} .socialbookmarking a.crcfacebook:hover {background-position:-479px -40px;} .socialbookmarking a.crcyoutube {background-position:-715px 0; width:218px;} .socialbookmarking a.crcyoutube:hover {background-position:-715px -40px;} .sitemapbox {width:300px; float:left;} .leftinfo {float:left; width:300px;} .rightinfo {float:left; width:125px;} /*---SEO PAGES CSS-------------------------------------------------------------------------------------------------------------------------*/ .breadcrumbs {width:100%; float:left; margin-bottom:10px; font-weight:bold; font-size:12px; color:#999;} .breadcrumbs a {color:#999; text-decoration:none;} .breadcrumbs a:hover {color:#d69144; text-decoration:none;} .breadcrumbs-inverse {width:100%; float:left; margin-bottom:10px; font-weight:bold; font-size:12px; color:#d69144;} .breadcrumbs-inverse a {color:#d69144; text-decoration:none;} .breadcrumbs-inverse a:hover {color:#999; text-decoration:none;} .redcrumb {color:#d69144;} .alphasearchbox {background-color:#ecf9ff; width:658px; padding:10px; border:1px solid #e6f1f5;} .filterbox {float:right; width:310px; font-size:12px;} .option {width:665px; float:left; margin-bottom:10px; border-bottom:1px solid #555; padding:0 0 5px 5px;} .symbol {width:158px; height:16px; float:left; margin-right:10px;} .optiondrug {float:left; width:335px;} .hdr_chart3 {width:335px; float:left; text-align:center; font-size:14px; color:white; margin-top:5px;} .bdy_chart, .bdy_chart2 {width:678px; float:left; background-color:white; border-left:1px solid #e6f1f5; border-right:1px solid #e6f1f5;border-bottom:1px solid #e6f1f5; padding:5px 0; text-align:center;} .bdy_chart2 {background-color:#ecf9ff;} .grouplinks {width:220px; margin-left:10px; float:right;} .grouplinks-body {width:218px; float:left; border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; padding-bottom:10px;} .hdr_chart2, .hdr_chart2-highlight {width:290px; text-align:center; float:left; vertical-align:middle; font-size:12px;} .hdr_chart2-highlight { width:375px;} .hdr_chart2 a, .hdr_chart2-highlight a {color:white; text-decoration:none;;} .bdy_chart-productset, .bdy_chart-productset-highlight {background-color:#fffcf5; border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; width:300px; padding:10px;float:left; min-height:185px;} .bdy_chart-productset-highlight {background-color:#ecf9ff; width:336px;} .font12 {font-size:12px;} .bg_brand {width:296px; min-height:142px; background-repeat:no-repeat; background-image:url('../images/bg_brand.png'); padding-top:5px;} .bg_generic {background-image:url('../images/bg_generic.png'); background-repeat:no-repeat; width:296px; min-height:142px;} .info1 {width:90px; float:left; margin:0 5px 20px 0; text-align:left; color:#999;} .info2 {width:195px; text-align:left; float:left; margin-bottom:20px; color:#999;} .btn_buy {background-image:url('../images/btn_buy.png'); width:35px; height:20px; float:left; cursor:pointer;} .btn-moreinfo {background-image:url('../images/btn_moreinfo.png'); width:140px; height:25px; float:left; border-width:0; cursor:pointer;}