/* Created by: Innis Maggiore - Date Created: 2/8/2011 */ /* bring in the reset css */ @import url("PurellResets.css"); html, body{background: url("/images/purell/Layout/Background2.jpg") no-repeat fixed center top #FFFFFF; color:#666666; font:normal 12px Arial, Tahoma, Helvetica, sans-serif; text-align:center; height: 100%} /* base styles _______________________________________________________*/ h1, h2, h3, h4, h5, h6 {font-family:Tahoma, Geneva, sans-serif;font-weight:normal;} h1{font-size:40px; color: #77c044; margin-bottom: 25px;} h2{font-size:18px;} h3{font-size:16px;} h4{font-size:14px;} h5{font-size:12px;} h6{font-size:10px;} .PurellBlue {color: #01529e;} .fourteen {font-size: 14px;} .sixteen {font-size: 16px;} blockquote{margin:20px;} sup {font-size:85%; margin:0 0.1em 0 0.2em; position:relative; top:-0.9ex;} p{margin:0 0 14px 0;} strong{ font-weight:bold;} em, i{font-style:italic;} textarea{color:#333;font:normal 11px Arial, Helvetica, sans-serif;} a:link, a:visited{color:#01529e; text-decoration:none;} a:hover{text-decoration:underline;} .floatLeft{ float:left;} .floatRight{float:right;} .clearFix{clear: both; display: block; font-size: 0;height: 0;visibility: hidden;} .clearFix:after {content: " ";} * html .clearFix {zoom: 1;} /* IE6 */ *:first-child+html .clearFix {line-height:0; zoom: 1;} /* IE7 */ header, footer, article, section, nav, menu, hgroup {display: block;} /* end base styles __________________________________________________*/ @media screen { #extender {display:block; position:relative; top:25px; padding-bottom:30px;} /* container */ #pContainer {margin:0 auto -32px; min-height: 100%; padding: 0 0 32px 12px; position: relative; text-align:left; top: 32px; width: 1023px;} /* blue bar top */ #pBlueBarTop {background: #0345a0; color: #00AEEF; font-size: 11px; height: 32px; position: fixed; right: 0; top: 0; width: 100%; z-index: 9999;} #pBlueBarTop a {color: #ffffff; font-size: 11px; text-decoration: none;} #pBlueBarTop a:hover {text-decoration: underline;} .pBlueBarContentWrap {height: 32px; margin: 0 auto; width: 1023px;} #pHeaderTopProfessionals {float: right; height: 32px; padding: 0 30px 0 0 ; position: relative; z-index: 10;} #pHeaderTopProfessionalsCopy {color: #FFFFFF; cursor: pointer; float: left; font-size: 12px; font-weight: bold; margin: 0 7px 0; position: relative; top: 10px;} #pHeaderTopProfessionalsArrow {background: url("/images/purell/professionalDropdown/professionalarrow.png") no-repeat scroll 0 0 transparent; cursor: pointer; float: left; height: 29px; position: relative; top: 3px; width: 34px;} #pHeaderTopLinks {float: right; letter-spacing: 1px; padding: 0 22px 0 0 ; position: relative; top: 11px; z-index: 10;} /* PROFESSIONALS DROPDOWN */ #pProfesionalsDropdownContainer {color: #666666; display: none; position: absolute; top: 32px; left: -20px; text-align: left; width: 361px; z-index: 6000} #pProfesionalsDropdownBody {background: url("/images/purell/professionalDropdown/dropdownbody.png") repeat-y scroll 0 0 transparent; float: left; padding: 28px;} #pProfesionalsDropdownBodyContent {position: relative; float:left;} #pProfesionalsDropdownBottom {background: url("/images/purell/professionalDropdown/bottomshadow.png") no-repeat scroll 0 0 transparent; height: 13px; position: relative; float:left; width: 361px} #pProfesionalsDropdownBody div {float: left; height: 22px; position: relative; width: 152px;} #pProfesionalsDropdownBody div span {float: left; margin: 0 0 6px 20px; position: relative; top: 2px;} #pProfesionalsDropdownBody div span a {color: #01539f;} #pProfesionalsDropdownBody div span a:hover {text-decoration: underline;} /* blue bar bottom */ #pBlueBarBottom {background: #0345a0; bottom: 0; color: #fff; font-size: 11px; height: 32px; position: fixed; right:0; width: 100%; z-index: 9999} #pBlueBarBottomContent {float: left; left: 45px; position: relative; top: 8px; width: 943px;} #pBlueBarBottomContent a {color: #fff; font-size: 11px;} #pBlueBarBottomContent a.facebook {padding-left: 10px} #pBlueBarBottomContent a:hover {text-decoration: underline} #pStayConnected {float: left; font-size: 14px; font-weight: bold;} #pStayConnectedTextbox {background: url("/images/purell/stayconnected/textboxbackground.png") no-repeat scroll left top #FFFFFF; float: left; height: 21px; left: 10px; position: relative; top: -2px; width: 204px;} #pStayConnectedGo {float: left; left: 15px; position: relative; top: -5px;} #pSocialMedia {float: right; position: relative; top:-3px;} #pStayConnected .StayConnected {border: medium none; color: #333333; left: -3px; position: relative; top: 2px; width: 185px;} /* header */ #pHeader {height: 93px; position: relative; width: 100%; z-index: 6000;} #pPrintHeader {display:none;} /* HEADER TOP NOT USED #pHeaderTop {display: none; background: #0345a0; color: #00aeef; font-size: 11px; height: 32px; width: 100%; z-index: 10} #pHeaderTop a {color: #ffffff; font-size: 11px; text-decoration: none;} #pHeaderTop a:hover {text-decoration: underline;} #pHeaderTopProfessionals {float: right; position: relative; right: 433px; z-index: 10;} */ #pHeaderBottom {background: #fff url('/images/purell/Layout/HeaderBottomBackground.jpg') top left no-repeat; height: 93px; width: 100%; z-index: 6000;} #pLogo {float: left; left: 42px; position: relative; top: 15px;} /* Main Navigation */ #pMainNavigation {float: left; left: 45px; position: relative; top: 38px; z-index: 6000;} #pMainNavigation a {color: #01529E;} #pShopProducts {float: left;} #pShopProducts a.topLink {background: #fff url('/images/purell/layout/MainNavDropdowns_Sprite.png') no-repeat; float: left; height: 35px; width: 147px;} #pShopProductsDropDown {display: none; float: left; position: absolute; top: 35px; width: 147px; z-index: 6000;} #pShopProductsDropDownBody {background: url('/images/purell/mainnavdropdowns/ShopProductsDDBody.png') repeat-y; float: left; width: 147px;} #pShopProductsDropDownBody div {float: left; height: 22px; left: 10px; position: relative; width: 127px;} #pShopProductsDropDownBody span {float: left; margin: 0 0 6px 6px; position: relative; top: 2px;} #pShopProductsDropDownBottom {background: url('/images/purell/layout/MainNavDropdowns_Sprite.png') 0 -141px no-repeat; float: left; height: 11px; width: 147px;} #pStayWell {float: left;} #pStayWell a.topLink {background: #fff url('/images/purell/layout/MainNavDropdowns_Sprite.png') 0 -71px no-repeat; float: left; height: 35px; width: 106px;} #pStayWellDropDown {display: none; float: left; position: absolute; top: 35px; width: 147px; z-index: 6000;} #pStayWellDropDownBody {background: url('/images/purell/mainnavdropdowns/ShopProductsDDBody.png') repeat-y; float: left; width: 147px;} #pStayWellDropDownBody div {float: left; height: 22px; left: 10px; position: relative; width: 127px;} #pStayWellDropDownBody span {float: left; margin: 0 0 6px 6px; position: relative; top: 2px;} #pStayWellDropDownBottom {background: url('/images/purell/layout/MainNavDropdowns_Sprite.png') 0 -141px no-repeat; float: left; height: 11px; width: 147px;} #pGetCoupon {float: left;} #pGetCoupon a.topLink {background: #fff url('/images/purell/layout/MainNavDropdowns_Sprite.png') 0 -153px no-repeat; float: left; height: 35px; width: 133px;} #pSweepstakes {float: left;} #pSweepstakes a.topLink {background: #fff url('/images/purell/layout/MainNavDropdowns_Sprite.png') 0 -223px no-repeat; float: left; height: 35px; width: 175px;} /* BODY */ #pBody{background: #fff; position: relative; width: 1023px;} #pBodySub{background: #fff; position: relative; width: 1023px; min-height: 896px;} /* SPLASH BANNERS */ #pSplashBanners {float: left; height: 581px; margin-bottom: -209px; position: relative; width: 1023px;} #pDotNav{height: 12px; left: 850px; position: absolute; top: 308px; width: 100px; z-index: 50;} #pDotNav ul li {float: left; margin-right: 5px;} #pDotNav ul li a {background: url('/images/purell/Banners/DotNavOff.png') top left no-repeat; height: 13px; float:left; width: 12px;} #pDotNav ul li.activeSlide a {background: url('/images/purell/Banners/DotNavOn.png') top left no-repeat; float:left; height: 13px; width: 12px;} #slideshow{width: 1023px; height: 582px;} #pSplashBanner1{width: 1023px; height: 581px;} #pSplashBanner2{width: 1023px; height: 581px;} #pSplashBanner3{width: 1023px; height: 581px;} #pSplashBanner4{width: 1023px; height: 581px;} /* banner drop down */ .pBannerDropdownContainer {float: left; left: 610px; position: absolute; top: 207px; width: 387px; z-index: 5000;} .pBannerDropdownButton {color: #044b8a; font-weight: bold; cursor: pointer; position: relative; width: 387px;} .pBannerDropdownButtonTop {background: url('/images/purell/bannerdropdown/bannerdropdowntop.png') top left no-repeat; float: left; position: relative; width: 387px; height: 14px} .pBannerDropdownButtonMiddle {background: url('/images/purell/bannerdropdown/bannerdropdowntopmiddle.png') top left repeat-y; float: left; position: relative; width: 387px;} .pBannerDropdownButtonBottom {background: url('/images/purell/bannerdropdown/bannerdropdowntopbottom.png') top left no-repeat; float: left; position: relative; width: 387px; height: 15px;} .pBannerDropdownButton .active{background: url('/images/purell/bannerdropdown/bannerdropdowntopbottomover.png') top left no-repeat;} .pBannerDropdownButtonCopy {float: left; padding: 0 0 0 20px;} .pBannerDropdownButtonArrow {background: url("/images/purell/bannerdropdown/bannerdropdownarrow.png") no-repeat scroll left top transparent; float: right; height: 11px; position: relative; right: 19px; top: 6px; width: 12px;} .pBannerDropdown {display: none; position: relative; left: -1px} .pBannerDropdownMiddle {background: url('/images/purell/bannerdropdown/bannerdropdownmiddle.png') top left repeat-y; float: left; position: relative; width: 387px} .pBannerDropdownMiddle ul li {line-height: 20px;} .pBannerDropdownMiddle a {color: #044b8a;} .pBannerDropdownCopy {float: left; padding: 0 0 0 20px;} .pBannerDropdownBottom {background: url('/images/purell/bannerdropdown/bannerdropdownbottom.png') top left no-repeat; float: left; position: relative; width: 387px; height: 15px} /* banner link */ .pBannerLinkContainer {left: 610px; position: absolute; top: 207px; width: 387px; z-index: 5000;} .pBannerLinkTop, .pBannerLinkMiddle, .pBannerLinkBottom {background:url('/images/purell/BannerLink/bannerLink_SPRITE.png') 0 0 repeat-y; height:15px; box-sizing-border-box; -moz-box-sizing-border-box; -webkit-box-sizing-border-box;} .pBannerLinkMiddle {background-position:-387px 0; padding-left:20px;} .pBannerLinkBottom {background-position:-774px 0} .pBannerLinkMiddle a {color: #044b8a; display:block; padding-top:2px} /* MAIN CONTENT */ #pMainContent {padding-bottom: 32px; position: relative; right: 0; width: 1023px; z-index: 5001;} /* SPLASH PRODUCTS */ ul.pSplashProducts {float: left; height: 206px; padding: 0 0 0 55px; position: relative;} ul.pSplashProducts li {float: left; padding-right: 30px;} ul.pSplashProducts li a {float: left; width: 100%;} ul#mycarousel {float: left; height: 206px; padding: 0 0 0 55px; position: relative;} ul#mycarousel li {float: left; padding-right: 5px;} ul#mycarousel li a {float: left; width: 100%;} ul.pSplashProducts li.Buy {position: relative; top: 57px;} .pTooltipContainer {display: none; position: absolute; top: 0; width: 236px; z-index: 9000;} .pTooltipTop {background: url("/images/purell/tooltip/tooltiptop.png") no-repeat transparent; width: 236px; height: 18px; float: left} .pTooltipMiddle {background: url("/images/purell/tooltip/tooltipmiddle.png") repeat-y transparent; width: 236px; float: left;} .pTooltipBottom {background: url("/images/purell/tooltip/tooltipbottom.png") no-repeat transparent; width: 236px; height: 24px; float: left} .pTooltipContent {padding: 20px;} .pTooltipContainer .pTooltipArrow {background: url("/images/purell/tooltip/tooltipArrow.png") no-repeat scroll 0 0 transparent; float: left; height: 35px; left: 49px; position: relative; top: -14px; width: 33px; z-index: 9900;} /* SPLASH TWITTER */ #pSplashTwitter {background: url("/images/purell/layout/SplashTwitterBackground.png") repeat scroll 0 0 #fff; float: left; height: 153px; position: relative; width: 1023px;} #pSplashTwitterHeader {color: #044B8A; font-weight: bold; height: 57px; width: 100%;} #pSplashTwitterHeader .SplashTwitterLogo {left: 41px; position: relative; top: 15px;} #pSplashTwitterHeader .SplashTwitterContent {border-right: 1px solid #00AEEF; height: 33px; left: 57px; padding: 3px 10px; position: relative;} #pSplashTwitterHeader .SplashTwitterLink {left: 63px; position: relative;} #pSplashTwitterHeader .SplashTwitterLink a {color: #00aeef;} #pSplashTwitterHeader .SplashTwitterLink a:hover {text-decoration: underline; cursor: pointer;} #pSplashTwitterContent {font-size: 11px; height: 60px; left: 40px; overflow: hidden; position: relative; top: 8px; width: 983px;} .pSplashTwitterRow {background: transparent; height:100%;} .pSplashTwitterItem1 {float: left; height:100%; margin-right:25px; width: 310px;} .pSplashTwitterItem2 {float: left; height:100%; margin-right:30px; width: 290px;} .pSplashTwitterItem3 {float: left; height:100%; width: 285px;} /* WAVE */ #pWaveTopMiddle {background: url("/images/purell/layout/wavemiddle.png") no-repeat scroll 0 0 transparent; display: none; height: 49px; position: absolute; right: 0; top: 326px; width: 1023px; z-index: 100;} #pWaveTopLeft {background: url("/images/purell/layout/waveleft.png") no-repeat scroll 0 0 transparent; float: left; height: 63px; left: -215px; position: absolute; top: 333px; width: 215px; z-index: 100;} #pWaveTopRight {background: url("/images/purell/layout/waveright.png") no-repeat scroll 0 0 transparent; float: left; height: 93px; position: absolute; right: -202px; top: 254px; width: 202px; z-index: 100;} #pWaveLeft {background: url("/images/purell/layout/wavedot.png") repeat scroll 0 0 transparent; float: left; left: -215px; position: absolute; top: 396px; width: 215px; z-index: 100;} #pWaveRight {background: url("/images/purell/layout/wavedot.png") repeat scroll 0 0 transparent; float: left; position: absolute; right: -202px; top: 347px; width: 202px; z-index: 100;} /* FOOTER */ #pFooter{background: none repeat scroll 0 0 #FFFFFF; color: #03459F; float: left; font-size: 10px; padding: 7px 0; position: relative; width: 1023px;} #pPrintFooter {display: none;} #pFooter a {color: #03459f; font-size: 10px;} #pFooter a:hover {text-decoration: underline;} #pFooterLeft {float: left; left: 40px; position: relative;} #pFooterRight {float: right} /* SUB PAGES */ #pMainContentSub {background: #fff url("/images/purell/layout/subBodyBackground.jpg") no-repeat; min-height: 461px; padding-bottom: 32px; position: relative; right: 0; top: 0; width: 1023px; z-index: 5001;} #pLeftColumn {float: left; position: relative; padding: 16px 0 0 ; width: 317px;} #pLeftColumn .module {float:left; padding: 0 95px 46px 43px; position:relative; width:100%; width:179px !important;} #pLeftColumn .module .header {color: #01529e; display: block; font-size: 14px; font-weight: bold; padding: 0 0 4px;} /* SIDE NAVIGATION */ #pLeftColumn .module #pSideNavigation {font-size: 12px;} #pLeftColumn .module #pSideNavigation li {margin-bottom:6px;} #pLeftColumn .module #pSideNavigation li a {color: #666666;} #pLeftColumn .module #pSideNavigation li.main a {font-weight: bold;} #pLeftColumn .module #pSideNavigation li.active a {color: #77c044; font-weight: bold;} #pLeftColumn .module #pSideNavigation li.last {margin-bottom: 10px;} #pLeftColumn .module #pSideNavigation li.sub a {display:block; margin-left:10px; width:169px;} #pRightColumn {float: left; min-height: 400px; padding: 16px 0 30px; width: 706px;} /* BREAD CRUMB */ #pBreadCrumb {font-size: 12px; padding: 0 43px 7px 0;} #pBreadCrumb a:link, #pBreadCrumb a:visited {color: #666666; text-decoration: underline;} #pBreadCrumb a:hover {text-decoration: none;} #pMainCopy {font-size: 12px; padding: 0 43px 0 0;} #pMainCopy ul {list-style: disc outside none; margin: 20px 0 20px 20px;} #pMainCopy ul li {line-height: 18px;} #pMainCopy ol {list-style:decimal; margin:20px 0 20px 20px;} #pMainCopy ol li {margin-bottom:15px;} /* HEADER IMAGE */ #pHeaderImage {background: url("/images/purell/layout/Shadow_Wide.png") no-repeat bottom left;} #pHeaderImage img {padding: 0 0 40px 0;} /* CATEGORY LANDING */ #pMainCopy .pCategoryProductListingRow {float: left; padding: 35px 0 10px; width: 100%;} #pMainCopy .pCategoryProductListingItem {float: left; text-align: center; width: 215px;} #pMainCopy .pCategoryProductListingItem a {color: #01529e; font-weight: bold;} #pMainCopy .pCategoryProductListingRow .last {float: left; width: 215px;} #pMainCopy .pCategoryProductListingItem a.product {padding: 0 0 5px;} #pMainCopy .pCategoryProductListingItem a.buy {display: block; margin: 0 auto; padding: 5px 0 0; width: 74px;} /* PRODUCT DETAIL */ #pProductDetail {float: left; width: 706px; padding: 20px 0 0 0;} #pProductDetailImage {float: left;} #pProductDetailInfoContainer {float: left; width: 451px; margin: 0 0 0 25px;} #pProductDetailInfoTop {background: url("/images/purell/productDetail/productdetailboxtop.png") no-repeat; height: 18px; width: 451px;} #pProductDetailInfoMiddle {background: url("/images/purell/productDetail/productdetailboxmiddle.png") repeat-y; width: 451px;} #pProductDetailInfoCopy {padding:10px 30px;} #pProductDetailInfoCopy h1 {font-size:34px;} #pProductDetailInfoBottom {background: url("/images/purell/productDetail/productdetailboxbottom.png") no-repeat; height: 19px; width: 451px;} #pProductDetailInfoCopy ul {list-style: disc outside none; margin: 20px 0 20px 20px} #pProductDetailInfoCopy ul li {line-height: 18px} /* SEARCH CONTAINER */ #pSearch {float: right; position: relative; right: 22px; top: 2px;} #pSearch .cart {float:right; margin-top:18px; position:relative;} #pSearch .pSocialMediaTop {float:right;} /* SHOPPING CART POPUP */ #pCart {display:none; position:absolute; /* right:70px; */ right:10px; top:25px; width:456px; z-index:6000} #pCart .top, #pCart .middle, #pCart .bottom {background:url(/images/purell/Layout/cartBG_SPRITE.png) 0 0 repeat-y} /* remove if they add search back */ #pCart .top {background-position:-1368px 0; height:55px;} /* if they add search back */ /* #pCart .top {background-position:0 0; height:55px} */ #pCart .middle {background-position:-456px 0; padding:0 6px; width:456px; width:444px !important;} #pCart .bottom {background-position:-912px 100%; height:32px;} #pCart h2 {color:#333; font:26px Arial, Helvetica, sans-serif; border-bottom:solid 1px #e0e0e0; margin-bottom:26px; padding:0 30px 12px;} #pCart table {color:#666; margin:0 auto 10px; width:415px;} #pCart th {color:#01529e; font:bold 14px Tahoma, Geneva, sans-serif; padding:0 15px 8px;} #pCart th:first-child {width:220px; width:200px !important} #pCart td {padding:12px 15px;} #pCart input[type=text] {width:17px;} #pCart .delete {padding:12px 0;} #pCart .delete a:link, #pCart .delete a:visited {color:#ff0000; font-weight:bold;} #pCart a.drugstore:link, #pCart a.drugstore:visited {background:url(/images/purell/Layout/drugstoreBTN_SPRITE.png) 0 0 no-repeat; float:right; height:32px; margin-right:14px; width:259px;} #pCart a.drugstore:active, #pCart a.drugstore:hover {background-position:0 -33px;} #pCart a.recalculate:link, #pCart a.recalculate:visited {background:url(/images/purell/Layout/drugstoreBTN_SPRITE.png) 0 -67px no-repeat; float:left; height:33px; margin:1px 0 0 14px; width:143px;} #pCart a.recalculate:active, #pCart a.recalculate:hover {background-position:0 -100px;} /* Shop Products */ .pShopProducts {float: left; padding: 25px; text-align: center; width: 170px;} .pShopProductsTop {height: 190px} .pShopProductsTop img {bottom: 0; padding-bottom: 10px; position: relative} .pShopProductsBottom {} .pShopProducts a:link, .pShopProducts a:visited {color: #01529e;} .pShopProducts a:hover {} .pShopProducts a.viewAll:link, .pShopProducts a.viewAll:visited {background:url(/images/purell/shopproducts/viewall.png) 0 0 no-repeat; display: block; height: 30px; margin: 0 auto; width: 89px;} .pShopProducts a.viewAll:hover {background:url(/images/purell/shopproducts/viewall_Over.png); width: 89px; height: 30px;} /* stay well */ .pStayWellItem {float: left; margin-bottom: 50px; width: 660px;} .pStayWellImage {background:url(/images/purell/layout/Shadow_Narrow.png) no-repeat bottom left; float: left;} .pStayWellImageDetail {background:url(/images/purell/layout/Shadow_Narrow.png) no-repeat bottom left; float: left; margin-bottom: 5px; padding: 0 20px 0 0;} .pStayWellImageDetail img {padding-bottom: 10px;} .pStayWellCopy {float: right; width: 460px;} .pStayWellItem img {padding-bottom: 10px} .pStayWellItem a:link, .pStayWellItem a:visited {text-decoration: underline;} .pStayWellItem a:hover {text-decoration: none;} .pStayWellItem ul li {line-height: 19px;} .footnote {font-size: 10px; color: #666666; font-style: italic;} /* Featured Products */ #pFeaturedProducts {float: left; height: 120px; overflow: hidden; margin-top: 20px; width: 100%} #pFeaturedProducts #arrow {background: url("/images/purell/featuredproducts/arrow.png") no-repeat scroll 0 0 transparent; cursor: pointer; height: 63px; left: -29px; position: absolute; top: 65px; width: 32px;} #pFeaturedProductsContent {float: left; width: 100%} .pFeaturedProduct {float: left; width: 100%} .pFeaturedProduct img {float: left; margin-right: 30px;} .pFeaturedProductCopy {float: left; margin-top: 10px;} .pFeaturedProductCopy ul li {line-height: 17px;} .pFeaturedProductCopy a.buy:link, .pFeaturedProductCopy a.buy:visited {background:url(/images/purell/featuredproducts/buy.png) 0 0 no-repeat; width: 75px; height: 32px; display: block;} .pFeaturedProductCopy a.buy:hover {background:url(/images/purell/featuredproducts/buyOver.png) 0 0 no-repeat;} /* VIEW CART BUTTON, TWITTER, FACEBOOK UPDATE - Moved to the top - 03-18-11 */ #pSocialMediaTop {float:right; position:relative; margin-right:60px; top:15px; width:180px; left:65px;} #pSocialMediaTop span {color:#000; display:inline-block; padding-right:6px; position:relative; top:-4px; font-size:8pt;} #smtTwitter {float:left; margin-right:10px;} #smtFaceBook {float:left;} #pSearch a.viewcart:link, #pSearch a.viewcart:visited {color:#fff; font-weight:bold; background:url(/images/purell/layout/greenBTN_SPRITE.png) 0 0 no-repeat; display:block; height:31px;} #pSearch a.viewcart:active, #pSearch a.viewcart:hover { text-decoration:none;} #pSearch .viewcart .middle {background:url(/images/purell/layout/greenBTN_SPRITE.png) 0 -31px repeat-x; cursor:pointer; float:left; margin-left:22px; padding:8px 0 9px;} #pSearch .viewcart .last {background:url(/images/purell/layout/greenBTN_SPRITE.png) 0 -62px no-repeat; float:left; height:31px; width:22px;} } @media print { body {font:normal 12px Arial, Tahoma, Helvetica, sans-serif; width: 100%;} /* container */ #pContainer {margin:0 auto -32px; min-height: 100%; padding: 0 0 32px 12px; position: relative; text-align:left; top: 32px; width: 650px;} /* blue bar top */ #pBlueBarTop {display: none;} /* blue bar bottom */ #pBlueBarBottom {display: none;} /* header */ #pPrintHeader {display:block; border-bottom: solid 1px #333; float: none; padding-bottom: 20px;} #pHeader {display: none;} /* BODY */ #pBody{position: relative; width: 650px;} /* SPLASH BANNERS */ #pSplashBanners {display: none;} /* MAIN CONTENT */ #pMainContent {padding-bottom: 32px; position: relative; right: 0; width: 650px; z-index: 5001;} /* SPLASH PRODUCTS */ ul.pSplashProducts {float: none; height: 215px; position: relative; width: 650px;} ul.pSplashProducts li {float: none;} ul.pSplashProducts li a {float: none;} /* SPLASH TWITTER */ #pSplashTwitter {display: none;} /* FOOTER */ #pFooter{display: none;} #pPrintFooter {display:block; border-top: solid 1px #333; float: none; padding-top: 10px; font-size: 10px; width: 650px} /* SUB PAGES */ #pMainContentSub {background: #fff url("/images/purell/layout/subBodyBackground.jpg") no-repeat; float: none; min-height: 461px; padding-bottom: 20px; position: absolute; right: 0; top: 0; width: 650px; z-index: 5001;} #pLeftColumn {display: none;} #pRightColumn {float: none; padding: 32px 0 30px 0; width: 650px;} /* BREAD CRUMB */ #pBreadCrumb {display: none;} #pMainCopy {font-size: 12px;} /* CATEGORY LANDING */ #pMainCopy .pCategoryProductListingRow {float: none; padding: 35px 0 10px; width: 650px;} #pMainCopy .pCategoryProductListingItem {float: none; margin-bottom: 30px;} /* PRODUCT DETAIL */ #pProductDetail {float: none; width: 650px; padding: 20px 0 0 0;} #pProductDetailImage {float: none;} #pProductDetailInfoContainer {float: none; width: auto; margin: 0 0 0 4px;} #pProductDetailInfoCopy ul {list-style: disc inside none; padding: 20px 0;} .pProductDetailList li {line-height: 18px;} /* SHOPPING CART POPUP */ #pCart {display:none;} /* Shop Products */ .pShopProducts {float: none; padding: 25px; text-align: center; width: 115px;} /* stay well */ .pStayWellItem {float: none; margin-bottom: 50px; width: 650px;} .pStayWellCopy {float: none; width: auto;} .pStayWellItem img {float: none;} .pStayWellItem ul li {line-height: 19px;} /* TWITTER, FACEBOOK UPDATE - Moved to the top - 03-18-11 */ #pSocialMediaTop {display:none;} }