body { background:url(/images/bg_homepage.png) top left repeat-x; background-color:#fff; } #wrapper { display:block; position:relative; } #header { background:url(/images/home-bg-top.jpg) top left no-repeat; height:312px; } #logo { position:absolute; top:0; left:0; width:313px; height:1px; padding-top:108px; overflow:hidden; } #mainsection { } #middle { background:url(/images/home-bg-middle.gif) bottom left no-repeat; min-height:213px; } #bg-left { background:url(/images/home-bg-left.jpg) top left no-repeat; min-height:201px; width:285px; float:left; } #petbox { padding-top:9px; padding-right:0; } #petnavigation { margin:6px 0 0 1px; } #petnavigation li a { background:none; } #petnavigation li a#petdog { background:url(/images/nav_petCare_dogshome.png) top left no-repeat; width:73px; } #petnavigation li a#petdog:hover { background-position:0 -29px; } #petnavigation li a#petcats { background:url(/images/nav_petCare_catsHome.png) top left no-repeat; width:71px; } #petnavigation li a#petcats:hover { background-position:0 -29px; } #petnavigation li a#petsmallpets { background:url(/images/nav_petCare_smallPetsHome.png) top left no-repeat; width:111px; } #petnavigation li a#petsmallpets:hover { background-position:0 -29px; } #search { margin:0 0 0 12px; } #search td { vertical-align:top; } #search img { padding:8px 5px 0 0; } #search .search-box { background:url(/images/home/search-box.png) top left no-repeat; border:none; height:17px; width:167px; padding:6px 1px 1px 6px; } #bg-right { background:url(/images/home-bg-right.jpg) top left no-repeat; min-height:64px; width:685px; float:left; } #mainnav { position:relative; padding-top:0; margin-top:0; left:15px; top:0; height:64px; } #mainnav li { padding:0; } #mainnav li a { background:none; width:128px; } #mainnav li a#nav_0 { background:url(/images/homenav-ourpetstores.gif) top left no-repeat; } #mainnav li a#nav_1 { background:url(/images/homenav-specials.gif) top left no-repeat; } #mainnav li a#nav_2 { background:url(/images/homenav-communityevents.gif) top left no-repeat; margin-left:7px; } #mainnav li a#nav_3 { background:url(/images/homenav-vipplusmembership.gif) top left no-repeat; margin-left:4px; } #mainnav li a#nav_4 { background:url(/images/homenav-aboutbosleys.gif) top left no-repeat; margin-left:6px; } #mainnav li a#nav_0:hover, #mainnav li a#nav_1:hover, #mainnav li a#nav_2:hover, #mainnav li a#nav_3:hover, #mainnav li a#nav_4:hover, #mainnav li a#nav_0.hover, #mainnav li a#nav_1.hover, #mainnav li a#nav_2.hover, #mainnav li a#nav_3.hover, #mainnav li a#nav_4.hover { background-position:0 -64px; } #ctas { } #ctas ul { margin:0; padding:0; } #ctas li { float:left; margin:0; padding:0; display:block; } #ctas #cta-homevip { background:url(/images/home/CTA_vip-trans.png) top left no-repeat; width:137px; height:79px; padding:106px 0 0 88px; } #ctas #cta-newsletter { background:url(/images/home/CTA_newsletter-trans.png) top left no-repeat; width:58px; height:77px; padding:108px 0 0 141px; } .morelogin { background:transparent url(/images/home/more-login.png) no-repeat scroll left top; display:block; height:1px; overflow:hidden; padding-top:24px; width:93px; } .morelogin:hover { background-position:0 -25px; } .morelink { background:transparent url(/images/content/more-link.gif) no-repeat scroll left top; display:block; height:1px; overflow:hidden; padding-top:22px; width:53px; } .morelink:hover { background-position:0 -23px; } #ctas #cta-share-learn { background:url(/images/home/CTA_blog-trans.png) top left no-repeat; width:111px; height:131px; padding:54px 0 0 123px; } #cta-share-learn li { float:none; display:block; } #cta-share-learn a { padding-left:27px; overflow:hidden; display:block; height:24px; color:#6e6e6e; font-size:12px; text-decoration:none; } #cta-share-learn a:hover { text-decoration:underline; } #cta-share-learn a#cta-dogs { background:url(/images/home/CTA-dog.gif) top left no-repeat; } #cta-share-learn a#cta-dogs:hover { background-position:0 -24px; } #cta-share-learn a#cta-cats { background:url(/images/home/CTA-cat.gif) top left no-repeat; } #cta-share-learn a#cta-cats:hover { background-position:0 -24px; } #cta-share-learn a#cta-small-pets { background:url(/images/home/CTA-smallpet.gif) top left no-repeat; } #cta-share-learn a#cta-small-pets:hover { background-position:0 -24px; } #bottom { background:url(/images/home-bg-bottom.jpg) top left no-repeat; min-height:265px; zoom:1; } #bottom img { z-index:2; } .content-block { float:left; width:286px; padding:39px 10px 0 22px; } .content-block table { margin-top:15px; padding-top:15px; } /*#featured-offers { padding-top:54px; }*/ #whatsnew { width:299px; padding:41px 5px 0 14px; } #featured-offers { width:299px; padding:41px 5px 0 14px; } .content-block td { vertical-align:top; padding:0 7px; } #rotator { padding-top:0; padding-right:0; width:312px; position:relative; } #rotator a { cursor:pointer; } #promo-scroll { } #promo-scroll ul { margin:12px 0 0 0; padding:0; display:block; height:29px; float:right; } #promo-scroll li { float:left; display:inline; padding-right:12px; } #promo-scroll a { display:block; width:27px; height:1px; padding-top:21px; overflow:hidden; } #promo1 { background:url(/images/home/promoScroll_01.gif) top left no-repeat; } #promo2 { background:url(/images/home/promoScroll_02.gif) top left no-repeat; } #promo3 { background:url(/images/home/promoScroll_03.gif) top left no-repeat; } #promo-arrow { background:url(/images/home/promoScroll_arrow.gif) top left no-repeat; } #promo1:hover, #promo2:hover, #promo3:hover, #promo-arrow:hover { background-position:0 -22px; } #promo1.active, #promo2.active, #promo3.active, #promo-arrow.active { background-position:0 -43px; } #promo-img1, #promo-img2, #promo-img3 { position:absolute; top:41px; left:22px; } .sf_wrapper #promo-img1, .sf_wrapper #promo-img2, .sf_wrapper #promo-img3 { position:relative; top:auto; left:auto; }