/* Copyright 2009 Community Shopper, Inc. */ /***** Main Template **phil***/ html { min-width: 945px; } /*IE7*/ body { color: #393733; margin: 0; padding: 0 20px; /* text-align: center;*/ background: #FFFFFF; } body, td, th, textarea, input, select, h2, h3, h4, h5, h6 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; } .orange{color:#FF9900;} .suffix { color:#FF9933;} .left{ float:left;} img { border:none;} .upper{ text-transform:uppercase;} .errorExplanation{ color:#FF0000; padding-left:25px;} #container{ width:960px;margin:0 auto;} .clearfix{clear:both;} .clearfix-left{clear:left;} /********* TYPOGRAPHY ************************/ /************ MAIN LINKS ********************/ a{ color:#FF9933; text-decoration: underline;} #contents a.clear{ } a:hover{ text-decoration: none; color:#333333;} /*************HEADER************************/ #h{ background:url(/images/bgHeaderPeople.png) no-repeat left top; height:233px; width:960px; } #h.header-vendor{ background:url(/images/header-vendor-bg.png) no-repeat left top; margin: -5px 0px 0px 0px; position:relative; border:none; } #h.header-buyer{ background:url(/images/header-buyer-bg.png) no-repeat left top; margin: -5px 0px 0px 0px; position:relative; border:none; } #h a{ color:#FF9933; text-decoration:none; font-weight:bold; font-size:.8em;} #login a{margin-left:8px;} #h a:hover{ text-decoration:underline; color:#FFFFFF;} #h h1 a{ width:373px; height:43px; background:url(/images/powerToTheCommunity.png) no-repeat top left; float:left; margin-left:45px; position:relative; display:inline; } #h.header-vendor h1 a{ background:transparent url(/images/power-to-sell.png) no-repeat scroll left top; float:left; height:43px; margin-left:0; margin-top:-10px; width:396px; position:relative; display:inline; } #shop-together{ width:457px; height:94px; float:right; border-width:2px; border-color:#FF9933; border-style:solid; background:url(/images/333333_bg.png) repeat; clear:both; position:relative; display:inline; margin-top:-3px; } #shop-together h1{ text-align:center; font-size:16px; font-weight:bold; color:#FFFFFF; line-height:.25em;} #shop-together h1.vendor{ margin-left:0px; font-size:14px;} #header-share-this{ float:right; margin-top:51px; position:relative; display:inline; margin-bottom:0px;} /*#header-share-this a.stico_default{ background:url(/images/share-this-header.png) left top no-repeat; display:block; width:158px; height:21px; text-indent:-9999px; float:left;}*/ #how-it-works{ width:170px; float:left; position:relative; display:inline; } #how-it-works ul{ list-style:none; list-style-position:inside; margin-top:5px; margin-left:-15px;} #how-it-works li{float:left; list-style-type:none; padding-right:6px; position:relative; display:inline; } #how-it-works #alertMe a div{ background: url(/images/alertMe.png) left top no-repeat; width: 26px; height:26px;} #how-it-works #dontDigIt a div{ background:url(/images/DontDigIt.png) left top no-repeat; width: 26px; height:26px;} #how-it-works #favorite div{ background: url(/images/addToFavorites.png) left top no-repeat; width: 26px; height:26px;} #how-it-works #digIt div{ background: url(/images/iDigIt.png) top left no-repeat; width: 26px; height:26px;} #how-it-works #image a{ background:url(/images/seeHotItWorks.png) top left no-repeat; display:block; text-indent:-9999px; width:140px; height:25px; margin-top:37px; margin-left:12px; } #how-it-works #image a:hover{ background:url(/images/seeHotItWorks-roll.png) top left no-repeat;} #join{ width:175px; float:left; position:relative; display:inline; } #join img{margin-left:15px; margin-top:2px;} #join h2{ color:#FFFFFF; margin-top:15px; margin-bottom:3px; text-align:center;font-weight:bold; font-size:14px;} #login { float:left; width:100px; position:relative; display:inline; } #login div{background:url(/images/loginPeople.png) no-repeat; width:65px; height:56px; margin-left:23px; margin-top:-19px;} #h #login a{ background:url(/images/Login.png) top left no-repeat; height:25px; width:73px; display:block; text-indent:-9999px;} #h #login a:hover{ background:url(/images/Login-roll.png) top left no-repeat; } #h #join a{background:url(/images/ClickToJoin.png) top left no-repeat; display:block; margin-left:14px; text-indent:-9999px; width:140px; height:25px; margin-top:5px;} #h #join a:hover{background:url(/images/ClickToJoin-roll.png) top left no-repeat;} #result-text{clear:left; font-weight:bold; text-align:center; width:100%;} #cs-logo a { background:url(/images/cs_logo_2_line.png) top left no-repeat; float:left; display:inline; position:relative; font-size:0px; text-indent:-9999px; width:204px; height:61px; margin-top:-20px; margin-left:10px;} #header-links { float:left; margin-left:10px; color:#FF9933; font-weight:bold; width:480px; clear:both; text-align:left; text-transform:uppercase; position:relative; display:inline; } .search-bar {float:left; height:70px; width:460px; text-align:left; margin-top:-30px; margin-left:5px; position:relative; display:inline; } .search-bar label{ color:#FFFFFF; font-weight:bold;} #top-keywords {margin-left:20px; width:243px; background:url(/images/searchTextBg.png) left top repeat-x; height:13px; border-color:#000000; border-width:1px; font-size:10px;} .search-bar #c{ width:127px; height:17x; border-color:#000000; border-width:1px;font-size:12px;} #top-search-image { margin-bottom:-10px; margin-left:10px;} #welcome-back { clear:left; float:left; position:relative; display:inline; } #welcome-back img { width:64px; height:64px; float:left; margin-top:-20px; margin-left:8px; position:relative; display:inline; } #welcome-back #avatar-clip { background:url(/images/avatar-clip.png) left top no-repeat; width:64px; height:64px; float:left; margin-left:-64px; margin-top:-20px; position:relative; display:inline; } #my-account { background:url(/images/my-account.png) top left no-repeat; width:144px; height:21px; text-indent:-9999px; cursor:pointer; margin-left:90px; float:left; margin-top:51px; position:relative; display:inline; } #h.header-vendor #my-account{margin-left:103px;} #logged-in-as {float: left; color: rgb(255, 255, 255); font-weight: bold; font-size: 12px; margin-left: 95px; position:relative; display:inline; } #shop-together #my-offers{ background:url(/images/see-my-offers.png) left top no-repeat; height:25px; width:118px; text-indent:-9999px; margin-left:10px; margin-top:23px; float:left; position:relative; display:inline; } #shop-together #my-offers:hover{ background:url(/images/see-my-offers_roll.png) left top no-repeat; position:relative; display:inline; } #shop-together #section-profile { background:url(/images/edit-my-profile.png) left top no-repeat; height:25px; width:153px; text-indent:-9999px; float:left; margin-top:23px; margin-left:5px; position:relative; display:inline; } #shop-together #section-profile:hover { background:url(/images/edit-my-profile_roll.png) left top no-repeat; } #shop-together #log-out { background:url(/images/log-out.png) top left no-repeat; height:25px; width:74px; text-indent:-9999px; float:left; margin-top:23px; margin-left:5px; position:relative; display:inline; } #shop-together #log-out:hover { background:url(/images/log-out_roll.png) top left no-repeat; } #alert-shop-header{float:right; margin-top:-83px; margin-right:-3px; position:relative; display:inline; } #alert-shop-header a{ background: url(/images/alert-shop-header.png) left top no-repeat; width:41px; height:41px; text-indent:-9999px; display:block;} #alert-shop-header a.profile-shopper{background: url(/images/alert-shop-header-shopper.png) left top no-repeat; margin-right:10px; } #alert-shop-header a.profile-curious{background: url(/images/alert-shop-header-curious.png) left top no-repeat; } #alert-shop-header-vendor{ float:right; margin-top:-83px; margin-right:-3px; position:relative; display:inline; } #alert-shop-header-vendor a{ background: url(/images/alert-shop-header-vendor.png) left top no-repeat; width:48px; height:48px; display:block; text-indent:-9999px; margin-right:5px; } /************************** FOOTER SECTION ************************************/ #footer { background:url(/images/footer_bottom.png) bottom left no-repeat; height:131px; width:960px; clear:both;} #footer #footer-people{ background: url(/images/footer_people.png) top left no-repeat; width:471px; height:49px; float:left;} #footer .copyright{ color:#000066; width:489px; font-size:12px; height:49px; text-align:right; float:left; vertical-align:bottom; padding-top:30px; margin-bottom:-30px; position:relative; display:inline; } #footer #footer-body{ background:url(/images/333333_bg.png) repeat; height:71px; width:960px; clear:both; float:left; position:relative; display:inline; } #footer #footer-logos { float:left; width:500px; position:relative; display:inline; } #footer #footer-logos ul { list-style-position:inside; list-style-type:none; margin-top:15px; margin-left:-30px;} #footer #footer-logos li { list-style-position:inside; list-style-type:none; float:left; margin-left:5px; position:relative; display:inline; } #footer #footer-logos #logo {margin-top:-7px;} #footer #footer-links { width:430pxpx; color:#FF9933; float:right; text-align:right; padding-top:38px; padding-right:6px; position:relative; display:inline; } #footer #footer-links a{ color:#FF9933; font-weight:bold; text-decoration:none; font-size:0.7em;} #footer #footer-links a:hover{ text-decoration:underline; color:#FFFFFF;} #footer p{font-size: x-small; float: left; width: 960px; text-align: center; color:#999999; padding-top: 10px; position:relative; display:inline; margin-right:-3px} #footer a{ color:#FF9933;} #footer a:hover{ color:#999999;} /*************************** CONTENTS *****************************************/ #contents{ background:url(/images/bottom-wrapper-blank.png) bottom no-repeat; margin-bottom:10px; padding-bottom:12px;} #wrapper { border-style:solid; border-width:0 1px; background:url(/images/contents-top.png) top left no-repeat; float:left; width:958px; margin-top:-18px; position:relative; display:inline; } /**************************** OFFERS *****************************************/ /* OFFER TOP OLD .offer-top{ width:185px; float:left;} .offer-top .offer-options a{ color:#006699; text-decoration: none; font-size:12px;} .offer-top .offer-options a:hover{ text-decoration: underline;} .offer-top .offer-price{font-size: 12px; font-weight: bold; color: rgb(0, 153, 0); padding-left: 3px; float: left;} .offer-top .offer-image-small { float:left;} .offer-top .offer-image-small img{ border:none;} .offer-top .offer-longname {font-weight: bold; clear: both; float: left; font-size: 12px;} .offer-top .offer-long-description {float: left; font-size: 12px; color: rgb(153, 153, 153); text-align: left;} */ /**************************** OFFER DETAILS ********************************/ .offer-detail hr{ color:#333333; height:4px; background-color:#333333; margin-top:28px;} .offer-options { float:left; padding-left:11px; margin-top:-25px; width:958px; position:relative; display:inline; } .offer-options a.details { display: block; background:url(/images/offer-detail.png) left top; text-indent:-9999px; height:35px; width:218px; float:left; position:relative; display:inline; } .offer-options a.specifications { float:left; margin-top:18px; font-size:14px; color:#FF9933; padding-left:8px; font-weight:bold; text-decoration:none; position:relative; display:inline; } .offer-options a.terms { float:left; margin-top:18px; font-size:14px; color:#FF9933; padding-left:8px; font-weight:bold; text-decoration:none; position:relative; display:inline; } .offer-options a.acceptance { float:left; margin-top:18px; font-size:14px; color:#FF9933; padding-left:8px; font-weight:bold; text-decoration:none; position:relative; display:inline; } .offer-options a:hover{ color:#000000;} .offer-options .seperator{float:left; margin-top:18px; font-size:14px; color:#FF9933; padding-left:8px; font-weight:bold; text-decoration:none; position:relative; display:inline; } .offer-body hr { background-color:#999999; color:#999999; height:307px; float:left; width:2px; margin-top:15px; position:relative; display:inline; } .offer-body .section-1 { width:310px; float:left; position:relative; display:inline; } .offer-body .section-2 { width:312px; float:left; padding-top:25px; position:relative; display:inline; } .offer-body .section-3 { width:310px; float:left; position:relative; display:inline; } .offer-body .section-1 .offer-longname { color:#005696; font-weight:bold; padding-left:5px; float:left; text-align:left; font-size:14px; padding-top:5px; position:relative; display:inline; } .offer-body .section-1 .offer-price{ color:#009900; font-weight:bold; float:left; text-align:left; padding-left:5px; clear:left; position:relative; display:inline; } .offer-body .section-1 .offer-units-remaining{ color:#006699; font-weight:bold; float:left; text-align:left; padding-left:5px; position:relative; display:inline; } .offer-body .section-1 .offer-units-remaining .orange { font-size:18px; color:#FF9933;} .offer-body .section-2 .still-needed{color:#006699; font-weight:bold; text-align:center; width:100%;} .offer-body .section-2 .still-needed .orange{font-size:18px;} .offer-body .section-2 .offerHeat { background:url(/images/thermometer-large.png) left top no-repeat; width:258px; height:52px; margin-left:22px; margin-top:15px;} .offer-body .section-2 .offerHeat img { margin-top:4px; float:left; position:relative; display:inline; } .offer-body .section-2 .offer-time-remaining { padding-top:25px; color:#005696; font-size:12px; font-weight:bold; text-align:center; width:100%;} .offer-body .section-2 .offer-time-remaining .time{ color:#006699;} .offer-body .section-2 .offer-time-remaining .label { color:#FF9933; font-size:12px; font-style:italic;} .offer-body .section-2 .offer-actions .offer-status{ -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background-attachment:scroll; background-color:transparent; background-image:url(/images/btn-not-available-60.png); background-position:center top; background-repeat:no-repeat; color:#006699; font-weight:bold; height:75px; padding-top:65px; width:100%; font-size:12px; } .offer-body .section-2 .offer-actions .anonymous-actions .interested a{ margin-left:12px; font-weight:bold; padding-top:68px; text-decoration:none; color:#006699; float:left; background:url(/images/offer-details-alertme.png) left top no-repeat; vertical-align:bottom; width:63px; font-size:12px; position:relative; display:inline; } .offer-body .section-2 .offer-actions .anonymous-actions .interested a:hover{ background:url(/images/offer-details-alertme-roll.png) left top no-repeat;} .offer-body .section-2 .offer-actions .anonymous-actions .out a{ margin-left:12px; font-weight:bold; padding-top:68px; text-decoration:none; color:#006699; float:left; background:url(/images/offer-details-imout.png) left top no-repeat; vertical-align:bottom; width:60px; font-size:12px; position:relative; display:inline; } .offer-body .section-2 .offer-actions .anonymous-actions .out a:hover{ background:url(/images/offer-details-imout-roll.png) left top no-repeat;} .offer-body .section-2 .offer-actions .buyer-actions .interested a { margin-left:12px; font-weight:bold; padding-top:68px; text-decoration:none; color:#006699; float:left; background:url(/images/offer-details-alertme.png) left top no-repeat; vertical-align:bottom; width:63px; font-size:12px; position:relative; display:inline; } .offer-body .section-2 .offer-actions .buyer-actions .interested a:hover{background:url(/images/offer-details-alertme-roll.png) left top no-repeat;} .offer-body .section-2 .offer-actions .buyer-actions .out a { margin-left:12px; font-weight:bold; padding-top:68px; text-decoration:none; color:#006699; float:left; background:url(/images/offer-details-imout.png) left top no-repeat; vertical-align:bottom; width:60px; font-size:12px; position:relative; display:inline; } .offer-body .section-2 .offer-actions .buyer-actions .out a:hover{background:url(/images/offer-details-imout.png) left top no-repeat;} .offer-body .section-2 .offer-actions { margin-top:15px; text-align:center; width:100%;} .offer-body .section-2 .offer-actions .anonymous-actions .curious a { margin-left:12px; font-weight:bold; padding-top:68px; text-decoration:none; color:#006699; float:left; background:url(/images/offer-details-ilikeit.png) left top no-repeat; vertical-align:bottom; width:60px; font-size:12px; position:relative; display:inline; } .offer-body .section-2 .offer-actions .anonymous-actions .curious a:hover{background:url(/images/offer-details-ilikeit-roll.png) left top no-repeat; } .offer-body .section-2 .offer-actions .anonymous-actions .shopper a { margin-left:12px; font-weight:bold; padding-top:76px; margin-top:-8px; text-decoration:none; color:#006699; float:left; background:url(/images/offer-details-imin.png) left top no-repeat; vertical-align:bottom; width:75px; font-size:12px; position:relative; display:inline; } .offer-body .section-2 .offer-actions .anonymous-actions .shopper a:hover{background:url(/images/offer-details-imin-roll.png) left top no-repeat;} .offer-body .section-2 .offer-actions .buyer-actions .curious a { margin-left:12px; font-weight:bold; padding-top:68px; text-decoration:none; color:#006699; float:left; background:url(/images/offer-details-ilikeit.png) left top no-repeat; vertical-align:bottom; width:60px; font-size:12px; position:relative; display:inline; } .offer-body .section-2 .offer-actions .buyer-actions .curious a:hover{background:url(/images/offer-details-ilikeit-roll.png) left top no-repeat;} .offer-body .section-2 .offer-actions .buyer-actions .shopper a { margin-left:12px; font-weight:bold; padding-top:76px; margin-top:-8px; text-decoration:none; color:#006699; float:left; background:url(/images/offer-details-imin.png) left top no-repeat; vertical-align:bottom; width:75px; font-size:12px; position:relative; display:inline; } .offer-body .section-2 .offer-actions .buyer-actions .shopper a:hover{background:url(/images/offer-details-imin-roll.png) left top no-repeat; } .offer-body .section-2 .offer-actions .interested div.grayedout { margin-left:12px; font-weight:bold; padding-top:68px; text-decoration:none; color:#006699; float:left; background:url(/images/offer-details-alertme-grey.png) left top no-repeat; vertical-align:bottom; width:63px; font-size:12px; position:relative; display:inline; } .offer-body .section-2 .offer-actions .curious div.grayedout { margin-left:12px; font-weight:bold; padding-top:68px; text-decoration:none; color:#006699; float:left; background:url(/images/offer-details-ilikeit-grey.png) left top no-repeat; vertical-align:bottom; width:60px; font-size:12px; position:relative; display:inline; } .offer-body .section-2 .offer-actions .shopper div.grayedout { margin-left:12px; font-weight:bold; padding-top:76px; margin-top:-8px; text-decoration:none; color:#006699; float:left; background:url(/images/offer-details-imin-grey.png) left top no-repeat; vertical-align:bottom; width:75px; font-size:12px; position:relative; display:inline; } .offer-body .section-2 .offer-actions .out div.grayedout { margin-left:12px; font-weight:bold; padding-top:68px; text-decoration:none; color:#006699; float:left; background:url(/images/offer-details-imout-grey.png) left top no-repeat; vertical-align:bottom; width:60px; font-size:12px; position:relative; display:inline; } .offer-body .section-2 .offer-actions .vendor-actions .not-editable{-moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background-attachment:scroll; background-color:transparent; background-image:url(/images/btn-edit-offer-inactive.png); background-position:center top; background-repeat:no-repeat; display:block; height:25px; text-indent:-9999px;} .offer-body .section-2 .offer-actions .vendor-actions a{-moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background-attachment:scroll; background-color:transparent; background-image:url(/images/btn-edit-offer.png); background-position:center top; background-repeat:no-repeat; display:block; height:25px; text-indent:-9999px;} .offer-body .section-2 .offer-actions .vendor-actions a:hover{background-image:url(/images/btn-edit-offer-roll.png);} .offer-body .section-2 .offer-interest-leves {clear:left; float:left; font-weight:bold; text-align:center; padding-left:80px; position:relative; display:inline; } .offer-body .section-2 .offer-interest-leves div{float:left; width:68px; font-size:12px; position:relative; display:inline; } .offer-body .section-2 .offer-interest-leves div.shoppers{float:left; width:95px; position:relative; display:inline; } .offer-body .section-2 .offer-time-remaining { color:#006699; font-weight:bold; margin-top:12px;} .offer-body .section-2 .offer-time-remaining span.upper{ font-size:10px;} .offer-body .section-2 .offer-time-remaining .suffix { font-size:12px; color:#FF9933; font-style: italic;} .offer-body .offer-image-medium img{ border:none; margin-top:10px; padding-left:5px;} .offer-body .offer-image-medium { height:250px; margin-bottom:10px;} .offer-body .section-3 { text-align:left; padding-left:10px; padding-right:8px; margin-top:15px;} .offer-body .section-3 #header-share-this{ float:left; width:200px; margin-top:0; position:relative; display:inline; } .offer-body .section-3 .offer-longname { color:#000000; float:left; font-weight:bold; font-size:14px; width:200px; margin-top:8px; position:relative; display:inline; } .offer-body .section-3 .offer-price{ color:#009900; font-weight:bold; float:left; width:200px; margin-top:5px;} .offer-body .section-3 .offer-vendor{float:right; width:75px; position:relative; display:inline; } .offer-body .section-3 .offer-vendor img{ padding-left:5px;} .offer-body .section-3 .offer-long-description { font-size:12px; color:#666666; float:left; overflow:auto; text-align:justify; margin-top:10px; position:relative; display:inline; } .offer-body .section-3 .offer-terms { font-size:12px; color:#666666; float:left; overflow:auto; text-align:justify; margin-top:10px; position:relative; display:inline; } .offer-body .section-3 .offer-specifications { font-size:12px; color:#666666; float:left; overflow:auto; text-align:justify; margin-top:10px; position:relative; display:inline; } .offer-body .section-3 .offer-flash-error { font-size:12px; color:#cc3300; float:left; overflow:auto; text-align:justify; margin-top:10px; position:relative; display:inline; } /****************************** OFFERS MIDDLE SECTION *******************************/ .middle { width:180px; float:left; border-right:solid 2px #999999; text-align:justify; padding-right:4px; padding-left:4px; margin-top:5px; position:relative; display:inline; } .middle img{ border:none;} .last{ border:none;} .middle .offer-image-small { float:left; width:120px; position:relative; display:inline; } .middle .offer-actions { float:left; width:45px; margin-left:7px; position:relative; display:inline; } .middle .offer-actions .anonymous-actions { float:left; position:relative; display:inline; } .middle .offer-actions .anonymous-actions a.iLikeIt{background:url(/images/btn-ilikeit-small.png) top center no-repeat; font-size:12px; text-align:center; margin-left:3px; font-weight:bold; padding-top:35px; height:35px; color:#006699; float:left; text-decoration:none; width:50px; margin-bottom:-18px; position:relative; display:inline; } .middle .offer-actions .anonymous-actions a.alertMe{background:url(/images/btn-alertme-small.png) top center no-repeat; font-size:12px; text-align:center; margin-left:3px; font-weight:bold; padding-top:35px; height:35px; color:#006699; float:left; text-decoration:none; width:50px; margin-bottom:-18px; position:relative; display:inline; } .middle .offer-actions .anonymous-actions a.imIn{background:url(/images/btn-imin-small.png) top center no-repeat; font-size:12px; text-align:center; margin-left:3px; font-weight:bold; padding-top:35px; height:35px; color:#006699; float:left; text-decoration:none; width:50px; margin-bottom:-18px; position:relative; display:inline; } .middle .offer-body .offer-longname { font-size:12px; font-weight:bold; float:left; color:#000000; clear:left; position:relative; display:inline; } .middle .offer-body .offer-price { font-size:12px; font-weight:bold; float:left; color:#009900; } .middle .offer-body .offer-short-description { color:#999999; font-size:12px; clear:left;} .middle .offer-body .offer-units-remaining-percent { font-size:16px; font-weight:bold; color:#005596; float:left; position:relative; display:inline; } .middle .offer-body .offer-units-remaining .orange { font-size:16px; color:#FF9900; font-weight:bold; padding-left:4px;} .middle .offer-body .offer-time-remaining { font-size:12px; font-weight:bold; color:#003366;} .middle .offer-body .offer-time-remaining .orange { font-style:italic; color:#FF9900;} div.popup_details { white-space: pre-line; } .offer-top { width:180px; float:left; border-right:solid 2px #999999; padding-right:4px; padding-left:4px; margin-top:5px; position:relative; display:inline; } .offer-top img{ border:none;} .offer-top .offer-image-small { float:left; width:120px; height:120px; position:relative; display:inline; } .offer-top .offer-actions { float:left; width:45px; margin-left:7px; position:relative; display:inline; } .offer-top .offer-actions .anonymous-actions { float:left; position:relative; display:inline; } .offer-top .offer-actions .vendor-actions .not-editable{ -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background-attachment:scroll; background-color:transparent; background-image:url(/images/btn-edit-offer-50-inactive.png); background-position:center top; background-repeat:no-repeat; display:block; height:50px; text-indent:-9999px; width:50px; } .offer-top .offer-actions .vendor-actions a{ -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background-attachment:scroll; background-color:transparent; background-image:url(/images/btn-edit-offer-50.png); background-position:center top; background-repeat:no-repeat; display:block; height:50px; text-indent:-9999px; width:50px; } .offer-top .offer-actions .vendor-actions a:hover{ background-image:url(/images/btn-edit-offer-50-roll.png); } .offer-top .offer-actions .anonymous-actions .curious a{ font-size:8px; background:url(/images/btn-ilikeit-small-33.png) top center no-repeat; text-align:center; margin-left:3px; font-weight:bold; padding-top:35px; height:35px; color:#006699; float:left; text-decoration:none; width:50px; margin-bottom:-18px; position:relative; display:inline; } .offer-top .offer-actions .anonymous-actions .curious a:hover{ background:url(/images/btn-ilikeit-small-33-roll.png) top center no-repeat;} .offer-top .offer-actions .anonymous-actions .curious div.grayedout{ font-size:8px; background:url(/images/btn-ilikeit-small-33-grey.png) top center no-repeat; text-align:center; margin-left:3px; font-weight:bold; padding-top:35px; height:35px; color:#006699; float:left; text-decoration:none; width:50px; margin-bottom:-18px; position:relative; display:inline; } .offer-top .offer-actions .anonymous-actions .interested a{ font-size:8px; background:url(/images/btn-alertme-small-33.png) top center no-repeat; font-size:12px; text-align:center; margin-left:3px; font-weight:bold; padding-top:35px; height:35px; color:#006699; float:left; text-decoration:none; width:50px; margin-bottom:-18px; position:relative; display:inline; } .offer-top .offer-actions .anonymous-actions .interested a:hover{ background:url(/images/btn-alertme-small-33-roll.png) top center no-repeat; } .offer-top .offer-actions .anonymous-actions .interested div.grayedout{ font-size:8px; background:url(/images/btn-alertme-small-33-grey.png) top center no-repeat; text-align:center; margin-left:3px; font-weight:bold; padding-top:35px; height:35px; color:#006699; float:left; text-decoration:none; width:50px; margin-bottom:-18px; position:relative; display:inline; } .offer-top .offer-actions .anonymous-actions .shopper a{ font-size:8px; background:url(/images/btn-imin-small-33.png) top center no-repeat; font-size:12px; text-align:center; margin-left:3px; font-weight:bold; padding-top:35px; height:35px; color:#006699; float:left; text-decoration:none; width:50px; margin-bottom:-18px; position:relative; display:inline; } .offer-top .offer-actions .anonymous-actions .shopper a:hover{ background:url(/images/btn-imin-small-33-roll.png) top center no-repeat;} .offer-top .offer-actions .anonymous-actions .shopper div.grayedout{ font-size:8px; background:url(/images/btn-imin-small-33-grey.png) top center no-repeat; text-align:center; margin-left:3px; font-weight:bold; padding-top:35px; height:35px; color:#006699; float:left; text-decoration:none; width:50px; margin-bottom:-18px; position:relative; display:inline; } .offer-top .offer-actions .buyer-actions .curious a{ background:url(/images/btn-ilikeit-small-33.png) top center no-repeat; font-size:8px; text-align:center; margin-left:3px; font-weight:bold; padding-top:35px; height:35px; color:#006699; float:left; position:relative; display:inline; text-decoration:none; width:50px; margin-bottom:-18px;} .offer-top .offer-actions .buyer-actions .curious a:hover{ background:url(/images/btn-ilikeit-small-33-roll.png) top center no-repeat;} .offer-top .offer-actions .buyer-actions .curious div.grayedout{background:url(/images/btn-ilikeit-small-33-grey.png) top center no-repeat; font-size:8px; text-align:center; margin-left:3px; font-weight:bold; padding-top:35px; height:35px; color:#006699; float:left; position:relative; display:inline; text-decoration:none; width:50px; margin-bottom:-18px;} .offer-top .offer-actions .buyer-actions .interested a{ background:url(/images/btn-alertme-small-33.png) top center no-repeat; font-size:8px; text-align:center; margin-left:3px; font-weight:bold; padding-top:35px; height:35px; color:#006699; float:left; position:relative; display:inline; text-decoration:none; width:50px; margin-bottom:-18px;} .offer-top .offer-actions .buyer-actions .interested a:hover{ background:url(/images/btn-alertme-small-33-roll.png) top center no-repeat; } .offer-top .offer-actions .buyer-actions .interested div.grayedout{ font-size:8px; background:url(/images/btn-alertme-small-33-grey.png) top center no-repeat; text-align:center; margin-left:3px; font-weight:bold; padding-top:35px; height:35px; color:#006699; float:left; text-decoration:none; width:50px; margin-bottom:-18px;} .offer-top .offer-actions .buyer-actions .shopper a{ background:url(/images/btn-imin-small-33.png) top center no-repeat; font-size:8px; text-align:center; margin-left:3px; font-weight:bold; padding-top:35px; height:35px; color:#006699; float:left; position:relative; display:inline; text-decoration:none; width:50px; margin-bottom:-18px;} .offer-top .offer-actions .buyer-actions .shopper a:hover{ background:url(/images/btn-imin-small-33-roll.png) top center no-repeat;} .offer-top .offer-actions .buyer-actions .shopper div.grayedout{ font-size:8px; background:url(/images/btn-imin-small-33-grey.png) top center no-repeat; text-align:center; margin-left:3px; font-weight:bold; padding-top:35px; height:35px; color:#006699; float:left; position:relative; display:inline; text-decoration:none; width:50px; margin-bottom:-18px;} .offer-top .offer-body .offer-longname { font-size:12px; font-weight:bold; float:left; position:relative; display:inline; color:#000000; clear:left;} .offer-top .offer-body .offer-price { font-size:10px; font-weight:bold; float:left; position:relative; display:inline; color:#009900; } .offer-top .offer-body .offer-short-description { color:#999999; font-size:12px; clear:left; padding-bottom:5px;} .offer-top .offer-body .offer-units-remaining-percent { font-size:14px; font-weight:bold; color:#005596; float:left; padding-left:28px} .offer-top .offer-body .offer-units-remaining .orange { font-size:14px; color:#FF9900; font-weight:bold; padding-left:4px;} .offer-top .offer-body .offer-time-remaining { font-size:10px; font-weight:bold; color:#003366; text-align:center; width:100%;} .offer-top .offer-body .offer-time-remaining .orange { font-style:italic; color:#FF9900;} .offer-top .offer-body .offer-time-remaining .suffix { font-size:10px; color:#FF9900; font-weight:bold; } .offer-top-last { width:180px; float:left; position:relative; display:inline; text-align:justify; padding-right:4px; padding-left:4px; margin-top:5px;} .offer-top-last img{ border:none;} .offer-top-last .offer-image-small { float:left; position:relative; display:inline; width:120px; height:120px;} .offer-top-last .offer-actions { float:left; position:relative; display:inline; width:45px; margin-left:7px;} .offer-top-last .offer-actions .anonymous-actions { float:left; position:relative; display:inline; } .offer-top-last .offer-actions .anonymous-actions .curious a{ background:url(/images/btn-ilikeit-small-33.png) top center no-repeat; font-size:8px; text-align:center; margin-left:3px; font-weight:bold; padding-top:35px; height:35px; color:#006699; float:left; position:relative; display:inline; text-decoration:none; width:50px; margin-bottom:-18px;} .offer-top-last .offer-actions .anonymous-actions .curious a:hover{ background:url(/images/btn-ilikeit-small-33-roll.png) top center no-repeat;} .offer-top-last .offer-actions .anonymous-actions .curious div.grayedout{ font-size:8px; background:url(/images/btn-ilikeit-small-33-grey.png) top center no-repeat; font-size:12px; text-align:center; margin-left:3px; font-weight:bold; padding-top:35px; height:35px; color:#006699; float:left; position:relative; display:inline; text-decoration:none; width:50px; margin-bottom:-18px;} .offer-top-last .offer-actions .anonymous-actions .interested a{ background:url(/images/btn-alertme-small-33.png) top center no-repeat; font-size:8px; text-align:center; margin-left:3px; font-weight:bold; padding-top:35px; height:35px; color:#006699; float:left; position:relative; display:inline; text-decoration:none; width:50px; margin-bottom:-18px;} .offer-top-last .offer-actions .anonymous-actions .interested a:hover{ background:url(/images/btn-alertme-small-33-roll.png) top center no-repeat; } .offer-top-last .offer-actions .anonymous-actions .interested div.grayedout{ font-size:8px; background:url(/images/btn-alertme-small-33-grey.png) top center no-repeat; font-size:12px; text-align:center; margin-left:3px; font-weight:bold; padding-top:35px; height:35px; color:#006699; float:left; position:relative; display:inline; text-decoration:none; width:50px; margin-bottom:-18px;} .offer-top-last .offer-actions .anonymous-actions .shopper a{ t background:url(/images/btn-imin-small-33.png) top center no-repeat; font-size:8px; text-align:center; margin-left:3px; font-weight:bold; padding-top:35px; height:35px; color:#006699; float:left; position:relative; display:inline; text-decoration:none; width:50px; margin-bottom:-18px;} .offer-top-last .offer-actions .anonymous-actions .shopper a:hover{ background:url(/images/btn-imin-small-33-roll.png) top center no-repeat;} .offer-top-last .offer-actions .anonymous-actions .shopper div.grayedout{ font-size:8px; background:url(/images/btn-imin-small-33-grey.png) top center no-repeat; font-size:12px; text-align:center; margin-left:3px; font-weight:bold; padding-top:35px; height:35px; color:#006699; float:left; position:relative; display:inline; text-decoration:none; width:50px; margin-bottom:-18px;} .offer-top-last .offer-actions .buyer-actions { float:left; position:relative; display:inline; } .offer-top-last .offer-actions .buyer-actions .curious a{ background:url(/images/btn-ilikeit-small-33.png) top center no-repeat; font-size:8px; text-align:center; margin-left:3px; font-weight:bold; padding-top:35px; height:35px; color:#006699; float:left; position:relative; display:inline; text-decoration:none; width:50px; margin-bottom:-18px;} .offer-top-last .offer-actions .buyer-actions .curious a:hover{ background:url(/images/btn-ilikeit-small-33-roll.png) top center no-repeat;} .offer-top-last .offer-actions .buyer-actions .curious div.grayedout{background:url(/images/btn-ilikeit-small-33-grey.png) top center no-repeat; font-size:8px; text-align:center; margin-left:3px; font-weight:bold; padding-top:35px; height:35px; color:#006699; float:left; position:relative; display:inline; text-decoration:none; width:50px; margin-bottom:-18px;} .offer-top-last .offer-actions .buyer-actions .interested a{background:url(/images/btn-alertme-small-33.png) top center no-repeat; font-size:8px; text-align:center; margin-left:3px; font-weight:bold; padding-top:35px; height:35px; color:#006699; float:left; position:relative; display:inline; text-decoration:none; width:50px; margin-bottom:-18px;} .offer-top-last .offer-actions .buyer-actions .interested a:hover{ background:url(/images/btn-alertme-small-33-roll.png) top center no-repeat; } .offer-top-last .offer-actions .buyer-actions .interested div.grayedout{ font-size:8px; background:url(/images/btn-alertme-small-33-grey.png) top center no-repeat; font-size:12px; text-align:center; margin-left:3px; font-weight:bold; padding-top:35px; height:35px; color:#006699; float:left; position:relative; display:inline; text-decoration:none; width:50px; margin-bottom:-18px;} .offer-top-last .offer-actions .buyer-actions .shopper a{ background:url(/images/btn-imin-small-33.png) top center no-repeat; font-size:8px; text-align:center; margin-left:3px; font-weight:bold; padding-top:35px; height:35px; color:#006699; float:left; position:relative; display:inline; text-decoration:none; width:50px; margin-bottom:-18px;} .offer-top-last .offer-actions .buyer-actions .shopper a:hover{ background:url(/images/btn-imin-small-33-roll.png) top center no-repeat;} .offer-top-last .offer-actions .buyer-actions .shopper div.grayedout{ font-size:8px; background:url(/images/btn-imin-small-33-grey.png) top center no-repeat; font-size:12px; text-align:center; margin-left:3px; font-weight:bold; padding-top:35px; height:35px; color:#006699; float:left; position:relative; display:inline; text-decoration:none; width:50px; margin-bottom:-18px;} .offer-top-last .offer-body .offer-longname { font-size:12px; font-weight:bold; float:left; position:relative; display:inline; color:#000000; clear:left;} .offer-top-last .offer-body .offer-price { font-size:10px; font-weight:bold; float:left; position:relative; display:inline; color:#009900; } .offer-top-last .offer-body .offer-short-description { color:#999999; font-size:12px; clear:left; padding-bottom:5px;} .offer-top-last .offer-body .offer-units-remaining-percent { font-size:14px; font-weight:bold; color:#005596; float:left; position:relative; display:inline; padding-left:28px} .offer-top-last .offer-body .offer-units-remaining .orange { font-size:14px; color:#FF9900; font-weight:bold; padding-left:4px;} .offer-top-last .offer-body .offer-time-remaining { font-size:10px; font-weight:bold; color:#003366; text-align:center; width:100%;} .offer-top-last .offer-body .offer-time-remaining .orange { font-style:italic; color:#FF9900;} .offer-top-last .offer-body .offer-time-remaining .suffix {font-size:10px; color:#FF9900; font-weight:bold; } .offer-top-seperator { width: 958px; clear:both; padding-top:30px; text-align:center;} .offer-top-seperator img{ margin-bottom:40px; display:block; text-indent:-9999px; margin-top:-21px; margin-left:375px; } .offer-top-seperator hr{ height:4px; color:#333333; background-color:#333333;} .offer-top-last .offer-actions .vendor-actions .not-editable{ -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background-attachment:scroll; background-color:transparent; background-image:url(/images/btn-edit-offer-50-inactive.png); background-position:center top; background-repeat:no-repeat; display:block; height:50px; text-indent:-9999px; width:50px; } .offer-top-last .offer-actions .vendor-actions a{ -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background-attachment:scroll; background-color:transparent; background-image:url(/images/btn-edit-offer-50.png); background-position:center top; background-repeat:no-repeat; display:block; height:50px; text-indent:-9999px; width:50px; } .offer-top-last .offer-actions .vendor-actions a:hover{background-image:url(/images/btn-edit-offer-50-roll.png);} #vendor-top #middle-top-wrapper{display:none;} #vendor-top #middle{ width:790px; border-right:13px solid #333333; min-height:150px;} #middle-top-wrapper { background:url(/images/offers-middel-clip-top.png) left no-repeat; height:36px; width:958px;} #vendor-top #middle-bottom-wrapper { background:url(/images/middle-clip-2-section.png) left no-repeat; height:25px; width:958px;} #vendor-top #middle-bottom-wrapper2 { background:url(/images/middle-clip-3-section.png) left no-repeat; height:25px; width:958px;} #middle-bottom-wrapper { background:url(/images/offers-middle-clip-bottom.png) left no-repeat; height:45px; width:958px;} #middle { width:792px; float:left; position:relative; display:inline; } #middle-join-now { width:166px; background:#333333; float:left; position:relative; display:inline; height:400px;} #middle-join-now #join-bg { margin:-8px auto 0; width:152px; height:216px; background:url(/images/join-now-right-bg.png) no-repeat left top;} #middle-join-now #join-bg img {margin-left:4px; margin-top:10px;} #middle-join-now #join-bg #join-now-txt { font-size:10px; font-weight:bold; color:#FFFFFF; padding:5px;} #middle-join-now #join-bg a {margin-left:30px; margin-top:40px; background:url(/images/join-now-go.png) no-repeat left top; display:block; text-indent:-9999px; width:41px; height:33px;} #middle-join-now #join-bg a:hover { background:url(/images/join-now-go-roll.png) no-repeat left top; } #middle-join-now #join-bottom { margin:0 auto; color:#FFFFFF; text-align:center; padding-top:15px; font-weight:bold;} #middle-join-now #join-bottom .large{ font-size:18px; } #middle-join-now #join-bottom a{margin-left:5px; margin-top:7px; height:34px; width:153px; display:block; background:url(/images/btn-see-how-works.png); text-indent:-9999px;} #middle-join-now #join-bottom a:hover{ background:url(/images/btn-see-how-works-roll.png);} #middle hr { color:#333333; background-color:#333333; height:4px; clear:left;} #middle .filter{ float:left; position:relative; display:inline; margin-top:-20px; margin-bottom:20px; margin-left:-50px;} #middle .filter #filter-today {float:left} #middle .filter #filter-today a{ margin-left:-615px; text-indent:-9999px; background: url(/images/header-todays-offers.png); display:block; height:35px; width:162px;} #middle .filter #filter-hot{float:left} #middle .filter #filter-hot a{ margin-left:-545px; text-indent:-9999px; display:block; height:28px; width:199px; background:url(/images/offers-hot-offers.png) top left no-repeat;} #middle .filter #filter-active{float:left} #middle .filter #filter-active a{ margin-left:-435px; text-indent:-9999px; display:block; height:28px; width:199px; background:url(/images/offers-most-active.png) top left no-repeat; } #middle .filter #filter-expiring{float:left} #middle .filter #filter-expiring a{ margin-left:-320px; text-indent:-9999px; display:block; height:28px; width:199px; background:url(/images/offers-expiring-soon.png) top left no-repeat; } #middle .filter #filter-almost{float:left} #middle .filter #filter-almost a{ margin-left:550px; text-indent:-9999px; display:block; height:28px; width:199px; background:url(/images/offers-almost-done.png) top left no-repeat;} #middle .filter-buyer{ float:left; position:relative; display:inline; margin-top:-20px; margin-bottom:20px; margin-left:-50px;} #middle .filter-buyer #filter-today {float:left} #middle .filter-buyer #filter-today a{ margin-left:-605px; text-indent:-9999px; background: url(/images/header-todays-offers-roll.png); display:block; height:35px; width:162px;} #middle .filter-buyer #filter-today a:hover{ background: url(/images/header-todays-offers.png);} #middle .filter-buyer #filter-today.offer-filter-selected a{background: url(/images/header-todays-offers.png);} #middle .filter-buyer #filter-hot{float:left} #middle .filter-buyer #filter-hot a{ margin-left:-545px; text-indent:-9999px; display:block; height:28px; width:199px; background:url(/images/offers-hot-offers.png) top left no-repeat;} #middle .filter-buyer #filter-hot a:hover{background:url(/images/offers-hot-offers-roll.png) } #middle .filter-buyer #filter-hot.offer-filter-selected a{background:url(/images/offers-hot-offers-roll.png);} #middle .filter-buyer #filter-active{float:left} #middle .filter-buyer #filter-active a{ margin-left:-430px; text-indent:-9999px; display:block; height:28px; width:199px; background:url(/images/offers-most-active.png) top left no-repeat; } #middle .filter-buyer #filter-active.offer-filter-selected a{background:url(/images/offers-most-active-roll.png)} #middle .filter-buyer #filter-expiring{float:left} #middle .filter-buyer #filter-expiring a{ margin-left:-310px; text-indent:-9999px; display:block; height:28px; width:199px; background:url(/images/offers-expiring-soon.png) top left no-repeat; } #middle .filter-buyer #filter-expiring a:hover{background:url(/images/offers-expiring-soon-roll.png) } #middle .filter-buyer #filter-expiring.offer-filter-selected a{background:url(/images/offers-expiring-soon-roll.png) } #middle .filter-buyer #filter-almost{float:left} #middle .filter-buyer #filter-almost a{ margin-left:540px; text-indent:-9999px; display:block; height:28px; width:199px; background:url(/images/offers-almost-done.png) top left no-repeat;} #middle .filter-buyer #filter-almost a:hover{background:url(/images/offers-almost-done-roll.png)} #middle .filter-buyer #filter-almost.offer-filter-selected a{background:url(/images/offers-almost-done-roll.png)} #middle .filter{ float:left; position:relative; display:inline; margin-top:-20px; margin-bottom:20px; margin-left:0px;} #middle .filter #filter-all {float:left} #middle .filter #filter-all a{ margin-left:-445px; text-indent:-9999px; background: url(/images/btn-filter-v-all.png); display:block; height:28px; width:81px;} #middle .filter #filter-all a:hover{ background: url(/images/btn-filter-v-all-roll.png);} #middle .filter #filter-all.offer-filter-selected a{ background: url(/images/btn-filter-v-all-roll.png);} #middle .filter #filter-active{float:left} #vendor-top #middle .filter #filter-active a{ margin-left:-405px; text-indent:-9999px; display:block; height:28px; width:121px; background:url(/images/btn-filter-v-active.png) top left no-repeat;} #vendor-top #middle .filter #filter-active a:hover{ background:url(/images/btn-filter-v-active-roll.png) top left no-repeat;} #vendor-top #middle .filter #filter-active.offer-filter-selected a{ background:url(/images/btn-filter-v-active-roll.png) top left no-repeat;} #middle .filter #filter-pending{float:left} #middle .filter #filter-pending a{ margin-left:-300px; text-indent:-9999px; display:block; height:28px; width:121px; background:url(/images/btn-filter-v-pending.png) top left no-repeat; } #middle .filter #filter-pending a:hover{background:url(/images/btn-filter-v-pending-roll.png) top left no-repeat; } #middle .filter #filter-pending.offer-filter-selected a{background:url(/images/btn-filter-v-pending-roll.png) top left no-repeat; } #middle .filter #filter-closed{float:left} #middle .filter #filter-closed a{ margin-left:-215px; text-indent:-9999px; display:block; height:28px; width:v; background:url(/images/btn-filter-v-closed.png) top left no-repeat; width:128px;} #middle .filter #filter-closed a:hover{ background:url(/images/btn-filter-v-closed-roll.png) top left no-repeat; } #middle .filter #filter-closed.offer-filter-selected a{ background:url(/images/btn-filter-v-closed-roll.png) top left no-repeat; } #middle .filter #filter-expired{float:left} #middle .filter #filter-expired a{ margin-left:470px; text-indent:-9999px; display:block; height:28px; width:121px; background:url(/images/btn-filter-v-expired.png) top left no-repeat;} #middle .filter #filter-expired a:hover{background:url(/images/btn-filter-v-expired-roll.png) top left no-repeat;} #middle .filter #filter-expired.offer-filter-selected a{background:url(/images/btn-filter-v-expired-roll.png) top left no-repeat;} #middle .filter-buyer{ float:left; position:relative; display:inline; margin-top:-20px; margin-bottom:20px; margin-left:0px;} #middle .filter-buyer #filter-all {float:left} #middle .filter-buyer #filter-all a{ margin-left:-350px; text-indent:-9999px; background: url(/images/btn-filter-v-all.png); display:block; height:28px; width:81px;} #middle .filter-buyer #filter-all a:hover{ background: url(/images/btn-filter-v-all-roll.png);} #middle .filter-buyer #filter-all.offer-filter-selected a{ background: url(/images/btn-filter-v-all-roll.png);} #middle .filter-buyer #filter-active{float:left} #vendor-top #middle .filter-buyer #filter-active a{ margin-left:-305px; text-indent:-9999px; display:block; height:28px; width:121px; background:url(/images/btn-filter-v-active.png) top left no-repeat;} #vendor-top #middle .filter-buyer #filter-active a:hover{ background:url(/images/btn-filter-v-active-roll.png) top left no-repeat;} #vendor-top #middle .filter-buyer #filter-active.offer-filter-selected a{background:url(/images/btn-filter-v-active-roll.png) top left no-repeat;} #middle .filter-buyer #filter-active a:hover{ background:url(/images/offers-most-active-roll.png) top left no-repeat;} #middle .filter-buyer #filter-active.offer-filter-selected a{ background:url(/images/offers-most-active-roll.png) top left no-repeat;} #middle .filter-buyer #filter-closed{float:left} #middle .filter-buyer #filter-closed a{ margin-left:-220px; text-indent:-9999px; display:block; height:28px; width:v; background:url(/images/btn-filter-v-closed.png) top left no-repeat; width:128px;} #middle .filter-buyer #filter-closed a:hover{ background:url(/images/btn-filter-v-closed-roll.png) top left no-repeat; } #middle .filter-buyer #filter-closed.offer-filter-selected a{ background:url(/images/btn-filter-v-closed-roll.png) top left no-repeat; } #middle .filter-buyer #filter-expired{float:left} #middle .filter-buyer #filter-expired a{ margin-left:420px; text-indent:-9999px; display:block; height:28px; width:121px; background:url(/images/btn-filter-v-expired.png) top left no-repeat;} #middle .filter-buyer #filter-expired a:hover{background:url(/images/btn-filter-v-expired-roll.png) top left no-repeat;} #middle .filter-buyer #filter-expired.offer-filter-selected a{background:url(/images/btn-filter-v-expired-roll.png) top left no-repeat;} #vendor-top #middle-vendor-nav { width:150px; float:left; position:relative; display:inline; } #vendor-top #middle-vendor-nav img.iwantto{margin-left:12px; margin-top:-15px; float:left; position:relative; display:inline; } #vendor-top #middle-vendor-nav hr { color:#333333; background-color:#333333; height:4px; width:155px; margin: 9px 0px 0px 0px; border:0px; } #vendor-top #middle-vendor-nav a.nav-element{ background:transparent url(/images/nav-blob.png) no-repeat scroll left top; display:block; font-size:12px; font-weight:bold; height:25px; margin-top:30px; padding-left:22px; text-decoration:none; margin-left:3px;} /*************** OFFERS ---- MIDDLE ***********************/ #middle .offer-middle .offer-body{ width:250px; float:left; position:relative; display:inline; border-right:1px solid #999999; padding:5px;} #middle .offer-middle .offer-body .offer-image-small{ float:left; position:relative; display:inline; width:180px; min-height:150px;} #middle .offer-middle .offer-body .offer-actions{ float:left; position:relative; display:inline; width:45px; margin-left:7px;} #middle .offer-middle .offer-body .anonymous-actions .curious a{ text-indent:-9999px; background:url(/images/btn-ilikeit-small-44.png) top center no-repeat; font-size:12px; text-align:center; margin-left:3px; font-weight:bold; padding-top:43px; height:43px; color:#006699; float:left; position:relative; display:inline; text-decoration:none; width:50px; margin-bottom:-18px;} #middle .offer-middle .offer-body .anonymous-actions .curious a:hover{ background:url(/images/btn-ilikeit-small-44-roll.png) top center no-repeat;} #middle .offer-middle .offer-body .anonymous-actions .curious div.grayedout{ text-indent:-9999px; background:url(/images/btn-ilikeit-small-44-grey.png) top center no-repeat; font-size:12px; text-align:center; margin-left:3px; font-weight:bold; padding-top:43px; height:43px; color:#006699; float:left; position:relative; display:inline; text-decoration:none; width:50px; margin-bottom:-18px;} #middle .offer-middle .offer-body .anonymous-actions .interested a{ text-indent:-9999px; background:url(/images/btn-alertme-small-44.png) top center no-repeat; font-size:12px; text-align:center; margin-left:3px; font-weight:bold; padding-top:43px; height:43px; color:#006699; float:left; position:relative; display:inline; text-decoration:none; width:50px; margin-bottom:-18px;} #middle .offer-middle .offer-body .anonymous-actions .interested a:hover{ background:url(/images/btn-alertme-small-44-roll.png) top center no-repeat; } #middle .offer-middle .offer-body .anonymous-actions .interested div.grayedout{ text-indent:-9999px; background:url(/images/btn-alertme-small-44-grey.png) top center no-repeat; font-size:12px; text-align:center; margin-left:3px; font-weight:bold; padding-top:43px; height:43px; color:#006699; float:left; position:relative; display:inline; text-decoration:none; width:50px; margin-bottom:-18px;} #middle .offer-middle .offer-body .anonymous-actions .shopper a{ text-indent:-9999px; background:url(/images/btn-imin-small-44.png) top center no-repeat; font-size:12px; text-align:center; margin-left:3px; font-weight:bold; padding-top:43px; height:43px; color:#006699; float:left; position:relative; display:inline; text-decoration:none; width:50px; margin-bottom:-18px;} #middle .offer-middle .offer-body .anonymous-actions .shopper a:hover{ background:url(/images/btn-imin-small-44-roll.png) top center no-repeat;} #middle .offer-middle .offer-body .anonymous-actions .shopper div.grayedout{ text-indent:-9999px; background:url(/images/btn-imin-small-44-grey.png) top center no-repeat; font-size:12px; text-align:center; margin-left:3px; font-weight:bold; padding-top:43px; height:43px; color:#006699; float:left; position:relative; display:inline; text-decoration:none; width:50px; margin-bottom:-18px;} #middle .offer-middle .offer-body .vendor-actions a{ margin-left:-45px; background:url(/images/btn-edit-offer.png) top center no-repeat; text-indent:-9999px; text-align:center; font-weight:bold; padding-top:43px; height:25px; float:left; position:relative; display:inline; text-decoration:none; width:87px; } #middle .offer-middle .offer-body .vendor-actions a:hover{ background:url(/images/btn-edit-offer-roll.png) top center no-repeat;} #middle .offer-middle .offer-body .vendor-actions .not-editable{ margin-left:-45px; background:url(/images/btn-edit-offer-inactive.png) top center no-repeat; text-indent:-9999px; text-align:center; font-weight:bold; padding-top:43px; height:25px; float:left; position:relative; display:inline; text-decoration:none; width:87px; } #middle .offer-middle-last .offer-body .vendor-actions a{ margin-left:-45px; background:url(/images/btn-edit-offer.png) top center no-repeat; text-indent:-9999px; text-align:center; font-weight:bold; padding-top:43px; height:25px; float:left; position:relative; display:inline; text-decoration:none; width:87px; } #middle .offer-middle-last .offer-body .vendor-actions a:hover{ background:url(/images/btn-edit-offer-roll.png) top center no-repeat;} #middle .offer-middle-last .offer-body .vendor-actions .not-editable{ margin-left:-45px; background:url(/images/btn-edit-offer-inactive.png) top center no-repeat; text-indent:-9999px; text-align:center; font-weight:bold; padding-top:43px; height:25px; float:left; position:relative; display:inline; text-decoration:none; width:87px; } #middle .offer-middle .offer-body .buyer-actions .curious a{ background:url(/images/btn-ilikeit-small-44.png) top center no-repeat; font-size:12px; text-align:center; margin-left:-6px; font-weight:bold; padding-top:43px; height:43px; color:#006699; float:left; position:relative; display:inline; text-decoration:none; width:65px; margin-bottom:-18px;} #middle .offer-middle .offer-body .buyer-actions .curious a:hover{ background:url(/images/btn-ilikeit-small-44-roll.png) top center no-repeat;} #middle .offer-middle .offer-body .buyer-actions .curious div.grayedout{ background:url(/images/btn-ilikeit-small-44-grey.png) top center no-repeat; font-size:12px; text-align:center; margin-left:-6px; font-weight:bold; padding-top:43px; height:43px; color:#006699; float:left; position:relative; display:inline; text-decoration:none; width:65px; margin-bottom:-18px;} #middle .offer-middle .offer-body .buyer-actions .interested a{ background:url(/images/btn-alertme-small-44.png) top center no-repeat; font-size:12px; text-align:center; margin-left:-6px; font-weight:bold; padding-top:43px; height:43px; color:#006699; float:left; position:relative; display:inline; text-decoration:none; width:65px; margin-bottom:-18px;} #middle .offer-middle .offer-body .buyer-actions .interested a:hover{ background:url(/images/btn-alertme-small-44-roll.png) top center no-repeat; } #middle .offer-middle .offer-body .buyer-actions .interested div.grayedout{ background:url(/images/btn-alertme-small-44-grey.png) top center no-repeat; font-size:12px; text-align:center; margin-left:-6px; font-weight:bold; padding-top:43px; height:43px; color:#006699; float:left; position:relative; display:inline; text-decoration:none; width:65px; margin-bottom:-18px;} #middle .offer-middle .offer-body .buyer-actions .shopper a{ background:url(/images/btn-imin-small-44.png) top center no-repeat; font-size:12px; text-align:center; margin-left:-6px; font-weight:bold; padding-top:43px; height:43px; color:#006699; float:left; position:relative; display:inline; text-decoration:none; width:65px; margin-bottom:-18px;} #middle .offer-middle .offer-body .buyer-actions .shopper a:hover{ background:url(/images/btn-imin-small-44-roll.png) top center no-repeat;} #middle .offer-middle .offer-body .buyer-actions .shopper div.grayedout{ background:url(/images/btn-imin-small-44-grey.png) top center no-repeat; font-size:12px; text-align:center; margin-left:-6px; font-weight:bold; padding-top:43px; height:43px; color:#006699; float:left; position:relative; display:inline; text-decoration:none; width:65px; margin-bottom:-18px;} #middle .offer-middle .offer-body .offer-longname { font-size:12px; font-weight:bold; float:left; position:relative; display:inline; color:#000000; clear:left;} #middle .offer-middle .offer-body .offer-price { font-size:12px; font-weight:bold; float:left; position:relative; display:inline; color:#009900; } #middle .offer-middle .offer-body .offer-short-description { color:#999999; font-size:12px; clear:left; padding-bottom:5px;} #middle .offer-middle .offer-body .offer-units-remaining-percent { margin-left:75px; font-size:14px; font-weight:bold; color:#005596; float:left; position:relative; display:inline; } #middle .offer-middle .offer-body .offer-units-remaining .orange { padding-left:5px; font-style:italic; color:#FF9900;} #middle .offer-middle .offer-body .offer-time-remaining {clear:both; font-size:12px; font-weight:bold; color:#003366; width:100%; text-align:center;} #middle .offer-middle .offer-body .offer-time-remaining .suffix{font-size:12px; color:#FF9900; font-weight:bold; } #middle .offer-middle .offer-body .offer-price { clear:left;} #middle .offer-middle .offer-body .offerHeat { background:url(/images/thermometer-large.png) left top no-repeat; width:258px; height:52px; margin-left:22px; margin-top:15px;} #middle .offer-middle .offer-body .offerHeat img { margin-top:4px; float:left; position:relative; display:inline; } #middle .offer-middle-last .offer-body{ width:250px; float:left; position:relative; display:inline; padding:5px;} #middle .offer-middle-last .offer-body .offer-image-small{ float:left; position:relative; display:inline; width:180px; min-height:150px;} #middle .offer-middle-last .offer-body .offer-actions{ float:left; position:relative; display:inline; width:45px; margin-left:7px;} #middle .offer-middle-last .offer-body .anonymous-actions .curious a{ background:url(/images/btn-ilikeit-small-44.png) top center no-repeat; font-size:12px; text-align:center; margin-left:3px; font-weight:bold; padding-top:43px; height:43px; color:#006699; float:left; position:relative; display:inline; text-decoration:none; width:65px; margin-bottom:-18px;} #middle .offer-middle-last .offer-body .anonymous-actions .curious a:hover{ background:url(/images/btn-ilikeit-small-44-roll.png) top center no-repeat;} #middle .offer-middle-last .offer-body .anonymous-actions .curious div.grayedout{ text-indent:-9999px; background:url(/images/btn-ilikeit-small-44-grey.png) top center no-repeat; font-size:12px; text-align:center; margin-left:3px; font-weight:bold; padding-top:43px; height:43px; color:#006699; float:left; position:relative; display:inline; text-decoration:none; width:50px; margin-bottom:-18px;} #middle .offer-middle-last .offer-body .anonymous-actions .interested a{ background:url(/images/btn-alertme-small-44.png) top center no-repeat; font-size:12px; text-align:center; margin-left:3px; font-weight:bold; padding-top:43px; height:43px; color:#006699; float:left; position:relative; display:inline; text-decoration:none; width:65px; margin-bottom:-18px;} #middle .offer-middle-last .offer-body .anonymous-actions .interested a:hover{ background:url(/images/btn-alertme-small-44-roll.png) top center no-repeat; } #middle .offer-middle-last .offer-body .anonymous-actions .interested div.grayedout{ text-indent:-9999px; background:url(/images/btn-alertme-small-44-grey.png) top center no-repeat; font-size:12px; text-align:center; margin-left:3px; font-weight:bold; padding-top:43px; height:43px; color:#006699; float:left; position:relative; display:inline; text-decoration:none; width:65px; margin-bottom:-18px;} #middle .offer-middle-last .offer-body .anonymous-actions .shopper a{ background:url(/images/btn-imin-small-44.png) top center no-repeat; font-size:12px; text-align:center; margin-left:3px; font-weight:bold; padding-top:43px; height:43px; color:#006699; float:left; position:relative; display:inline; text-decoration:none; width:65px; margin-bottom:-18px;} #middle .offer-middle-last .offer-body .anonymous-actions .shopper a:hover{ background:url(/images/btn-imin-small-44-roll.png) top center no-repeat;} #middle .offer-middle-last .offer-body .anonymous-actions .shopper div.grayedout{ text-indent:-9999px; background:url(/images/btn-imin-small-44-grey.png) top center no-repeat; font-size:12px; text-align:center; margin-left:3px; font-weight:bold; padding-top:43px; height:43px; color:#006699; float:left; position:relative; display:inline; text-decoration:none; width:65px; margin-bottom:-18px;} #middle .offer-middle-last .offer-body .buyer-actions .curious a{ background:url(/images/btn-ilikeit-small-44.png) top center no-repeat; font-size:12px; text-align:center; margin-left:3px; font-weight:bold; padding-top:43px; height:43px; color:#006699; float:left; position:relative; display:inline; text-decoration:none; width:65px; margin-bottom:-18px;} #middle .offer-middle-last .offer-body .buyer-actions .curious a:hover{ background:url(/images/btn-ilikeit-small-44-roll.png) top center no-repeat;} #middle .offer-middle-last .offer-body .buyer-actions .curious div.grayedout{ background:url(/images/btn-ilikeit-small-44-grey.png) top center no-repeat; font-size:12px; text-align:center; margin-left:3px; font-weight:bold; padding-top:43px; height:43px; color:#006699; float:left; position:relative; display:inline; text-decoration:none; width:65px; margin-bottom:-18px;} #middle .offer-middle-last .offer-body .buyer-actions .interested a{ background:url(/images/btn-alertme-small-44.png) top center no-repeat; font-size:12px; text-align:center; margin-left:3px; font-weight:bold; padding-top:43px; height:43px; color:#006699; float:left; position:relative; display:inline; text-decoration:none; width:65px; margin-bottom:-18px;} #middle .offer-middle-last .offer-body .buyer-actions .interested a:hover{ background:url(/images/btn-alertme-small-44-roll.png) top center no-repeat; } #middle .offer-middle-last .offer-body .buyer-actions .interested div.grayedout{ background:url(/images/btn-alertme-small-44-grey.png) top center no-repeat; font-size:12px; text-align:center; margin-left:3px; font-weight:bold; padding-top:43px; height:43px; color:#006699; float:left; position:relative; display:inline; text-decoration:none; width:65px; margin-bottom:-18px;} #middle .offer-middle-last .offer-body .offer-actions .offer-status {background:url(/images/btn-offer-not-available-44.png) top center no-repeat; font-size:10px; text-align:center; margin-left:3px; padding-top:43px; height:129px; color:#006699; float:left; position:relative; display:inline; text-decoration:none; width:65px; margin-bottom:-18px;} #middle .offer-middle .offer-body .offer-actions .offer-status {background:url(/images/btn-offer-not-available-44.png) top center no-repeat; font-size:10px; text-align:center; margin-left:3px; padding-top:43px; height:129px; color:#006699; float:left; position:relative; display:inline; text-decoration:none; width:65px; margin-bottom:-18px;} #middle .offer-middle-last .offer-body .buyer-actions .shopper a{ background:url(/images/btn-imin-small-44.png) top center no-repeat; font-size:12px; text-align:center; margin-left:3px; font-weight:bold; padding-top:43px; height:43px; color:#006699; float:left; position:relative; display:inline; text-decoration:none; width:65px; margin-bottom:-18px;} #middle .offer-middle-last .offer-body .buyer-actions .shopper a:hover{ background:url(/images/btn-imin-small-44-roll.png) top center no-repeat;} #middle .offer-middle-last .offer-body .buyer-actions .shopper div.grayedout{ background:url(/images/btn-imin-small-44-grey.png) top center no-repeat; font-size:12px; text-align:center; margin-left:3px; font-weight:bold; padding-top:43px; height:43px; color:#006699; float:left; position:relative; display:inline; text-decoration:none; width:65px; margin-bottom:-18px;} #middle .offer-middle-last .offer-body .offer-longname { font-size:12px; font-weight:bold; float:left; position:relative; display:inline; color:#000000; clear:left;} #middle .offer-middle-last .offer-body .offer-price { font-size:12px; font-weight:bold; float:left; position:relative; display:inline; color:#009900; clear:left; } #middle .offer-middle-last .offer-body .offer-short-description { color:#999999; font-size:12px; clear:left; padding-bottom:5px} #middle .offer-middle-last .offer-body .offer-units-remaining-percent { margin-left:75px; font-size:14px; font-weight:bold; color:#005596; float:left;} #middle .offer-middle-last .offer-body .offer-units-remaining .orange { padding-left:5px; font-style:italic; color:#FF9900;} #middle .offer-middle-last .offer-body .offer-time-remaining {clear:both; font-size:12px; font-weight:bold; color:#003366; width:100%; text-align:center;} #middle .offer-middle-last .offer-body .offer-time-remaining .suffix{font-size:12px; color:#FF9900; font-weight:bold;} /************** OFFERS ---- MIDDLE-EXtRA *****************************/ #middle-extra {background:transparent url(/images/bottom-border-right.png) repeat-y scroll right top; float:left; position:relative; display:inline; width:803px; min-height:350px;} #middle-extra hr {background-color:#999999; clear:left; color:#999999; float:left; position:relative; display:inline; height:2px; margin-bottom:20px; margin-left:20px; margin-top:20px; width:750px;} #middle-extra .offer-middle .offer-body{ width:185px; float:left; position:relative; display:inline; border-right:1px solid #999999; padding:5px;} #middle-extra .offer-middle .offer-body .offer-image-small{ margin-left:36px; height:139px;} #middle-extra .offer-middle .offer-body .offer-actions{ float:left; position:relative; display:inline; width:45px; margin-left:7px; display:none;} #middle-extra .offer-middle .offer-body .anonymous-actions .curious a{ background:url(/images/btn-ilikeit-small-44.png) top center no-repeat; font-size:12px; text-align:center; margin-left:3px; font-weight:bold; padding-top:43px; height:43px; color:#006699; float:left; position:relative; display:inline; text-decoration:none; width:50px; margin-bottom:-18px;} #middle-extra .offer-middle .offer-body .anonymous-actions .curious a:hover{ background:url(/images/btn-ilikeit-small-44-roll.png) top center no-repeat;} #middle-extra .offer-middle .offer-body .anonymous-actions .interested a{ background:url(/images/btn-alertme-small-44.png) top center no-repeat; font-size:12px; text-align:center; margin-left:3px; font-weight:bold; padding-top:43px; height:43px; color:#006699; float:left; position:relative; display:inline; text-decoration:none; width:50px; margin-bottom:-18px;} #middle-extra .offer-middle .offer-body .anonymous-actions .interested a:hover{ background:url(/images/btn-alertme-small-44-roll.png) top center no-repeat; } #middle-extra .offer-middle .offer-body .anonymous-actions .shopper a{ background:url(/images/btn-imin-small-44.png) top center no-repeat; font-size:12px; text-align:center; margin-left:3px; font-weight:bold; padding-top:43px; height:43px; color:#006699; float:left; position:relative; display:inline; text-decoration:none; width:50px; margin-bottom:-18px;} #middle-extra .offer-middle .offer-body .anonymous-actions .shopper a:hover{ background:url(/images/btn-imin-small-44-roll.png) top center no-repeat;} #middle-extra .offer-middle .offer-body .vendor-actions a{ margin-left:51px; background:url(/images/btn-edit-offer.png) top center no-repeat; text-indent:-9999px; text-align:center; font-weight:bold; padding-top:43px; height:25px; float:left; position:relative; display:inline; text-decoration:none; width:87px; } #middle-extra .offer-middle .offer-body .vendor-actions a:hover{ background:url(/images/btn-edit-offer-roll.png) top center no-repeat;} #middle-extra .offer-middle .offer-body .vendor-actions .not-editable{ margin-left:51px; background:url(/images/btn-edit-offer-inactive.png) top center no-repeat; text-indent:-9999px; text-align:center; font-weight:bold; padding-top:43px; height:25px; float:left; position:relative; display:inline; text-decoration:none; width:87px; } #middle-extra .offer-middle-last .offer-body .vendor-actions a{ margin-left:51px; background:url(/images/btn-edit-offer.png) top center no-repeat; text-indent:-9999px; text-align:center; font-weight:bold; padding-top:43px; height:25px; float:left; position:relative; display:inline; text-decoration:none; width:87px; } #middle-extra .offer-middle-last .offer-body .vendor-actions a:hover{ background:url(/images/btn-edit-offer-roll.png) top center no-repeat;} #middle-extra .offer-middle-last .offer-body .vendor-actions .not-editable{ margin-left:51px; background:url(/images/btn-edit-offer-inactive.png) top center no-repeat; text-indent:-9999px; text-align:center; font-weight:bold; padding-top:43px; height:25px; float:left; position:relative; display:inline; text-decoration:none; width:87px; } #middle-extra .offer-middle .offer-body .buyer-actions .curious a{ background:url(/images/btn-ilikeit-small-44.png) top center no-repeat; font-size:12px; text-align:center; margin-left:3px; font-weight:bold; padding-top:43px; height:43px; color:#006699; float:left; position:relative; display:inline; text-decoration:none; width:50px; margin-bottom:-18px;} #middle-extra .offer-middle .offer-body .buyer-actions .curious a:hover{ background:url(/images/btn-ilikeit-small-44-roll.png) top center no-repeat;} #middle-extra .offer-middle .offer-body .buyer-actions .interested a{ background:url(/images/btn-alertme-small-44.png) top center no-repeat; font-size:12px; text-align:center; margin-left:3px; font-weight:bold; padding-top:43px; height:43px; color:#006699; float:left; position:relative; display:inline; text-decoration:none; width:50px; margin-bottom:-18px;} #middle-extra .offer-middle .offer-body .buyer-actions .interested a:hover{ background:url(/images/btn-alertme-small-44-roll.png) top center no-repeat; } #middle-extra .offer-middle .offer-body .buyer-actions .shopper a{ background:url(/images/btn-imin-small-44.png) top center no-repeat; font-size:12px; text-align:center; margin-left:3px; font-weight:bold; padding-top:43px; height:43px; color:#006699; float:left; position:relative; display:inline; text-decoration:none; width:50px; margin-bottom:-18px;} #middle-extra .offer-middle .offer-body .buyer-actions .shopper a:hover{ background:url(/images/btn-imin-small-44-roll.png) top center no-repeat;} #middle-extra .offer-middle .offer-body .offer-longname { font-size:12px; font-weight:bold; float:left; position:relative; display:inline; color:#000000; clear:left;} #middle-extra .offer-middle .offer-body .offer-price { font-size:10px; font-weight:bold; float:left; position:relative; display:inline; color:#009900;} #middle-extra .offer-middle .offer-body .offer-short-description { color:#999999; font-size:12px; clear:left; padding-bottom:4px;} .offer-short-description hr{ display:none;} #middle-extra .offer-middle .offer-body .offer-units-remaining-percent { margin-left:50px; font-size:16px; font-weight:bold; color:#005596; float:left; position:relative; display:inline; } #middle-extra .offer-middle .offer-body .offer-units-remaining .orange { padding-left:5px; font-style:italic; color:#FF9900;} #middle-extra .offer-middle .offer-body .offer-time-remaining {clear:both; font-size:10px; font-weight:bold; color:#003366; text-align:center;} #middle-extra .offer-middle .offer-body .offer-time-remaining .suffix{font-size:10px; color:#FF9900; font-weight:bold;} #middle-extra .offer-middle .offer-body .offerHeat { background:url(/images/thermometer-large.png) left top no-repeat; width:258px; height:52px; margin-left:22px; margin-top:15px;} #middle-extra .offer-middle .offer-body .offerHeat img { margin-top:4px; float:left; position:relative; display:inline; } #middle-extra .offer-middle-last .offer-body{ width:190px; float:left; position:relative; display:inline; padding:5px;} #middle-extra .offer-middle-last .offer-body .offer-image-small{ margin-left:36px; height:139px;} #middle-extra .offer-middle-last .offer-body .offer-actions{ float:left; position:relative; display:inline; width:45px; margin-left:7px;} #middle-extra .offer-middle-last .offer-body .anonymous-actions .curious a{ background:url(/images/btn-ilikeit-small-44.png) top center no-repeat; font-size:12px; text-align:center; margin-left:3px; font-weight:bold; padding-top:43px; height:43px; color:#006699; float:left; position:relative; display:inline; text-decoration:none; width:50px; margin-bottom:-18px;} #middle-extra .offer-middle-last .offer-body .anonymous-actions .curious a:hover{ background:url(/images/btn-ilikeit-small-44-roll.png) top center no-repeat;} #middle-extra .offer-middle-last .offer-body .anonymous-actions .interested a{ background:url(/images/btn-alertme-small-44.png) top center no-repeat; font-size:12px; text-align:center; margin-left:3px; font-weight:bold; padding-top:43px; height:43px; color:#006699; float:left; position:relative; display:inline; text-decoration:none; width:50px; margin-bottom:-18px;} #middle-extra .offer-middle-last .offer-body .anonymous-actions .interested a:hover{ background:url(/images/btn-alertme-small-44-roll.png) top center no-repeat; } #middle-extra .offer-middle-last .offer-body .anonymous-actions .shopper a{ background:url(/images/btn-imin-small-44.png) top center no-repeat; font-size:12px; text-align:center; margin-left:3px; font-weight:bold; padding-top:43px; height:43px; color:#006699; float:left; position:relative; display:inline; text-decoration:none; width:50px; margin-bottom:-18px;} #middle-extra .offer-middle-last .offer-body .anonymous-actions .shopper a:hover{ background:url(/images/btn-imin-small-44-roll.png) top center no-repeat;} #middle-extra .offer-middle-last .offer-body .buyer-actions .curious a{ background:url(/images/btn-ilikeit-small-44.png) top center no-repeat; font-size:12px; text-align:center; margin-left:3px; font-weight:bold; padding-top:43px; height:43px; color:#006699; float:left; position:relative; display:inline; text-decoration:none; width:50px; margin-bottom:-18px;} #middle-extra .offer-middle-last .offer-body .buyer-actions .curious a:hover{ background:url(/images/btn-ilikeit-small-44-roll.png) top center no-repeat;} #middle-extra .offer-middle-last .offer-body .buyer-actions .interested a{ text-indent:-9999px; background:url(/images/btn-alertme-small-44.png) top center no-repeat; font-size:12px; text-align:center; margin-left:3px; font-weight:bold; padding-top:43px; height:43px; color:#006699; float:left; position:relative; display:inline; text-decoration:none; width:50px; margin-bottom:-18px;} #middle-extra .offer-middle-last .offer-body .buyer-actions .interested a:hover{ background:url(/images/btn-alertme-small-44-roll.png) top center no-repeat; } #middle-extra .offer-middle-last .offer-body .buyer-actions .shopper a{ background:url(/images/btn-imin-small-44.png) top center no-repeat; font-size:12px; text-align:center; margin-left:3px; font-weight:bold; padding-top:43px; height:43px; color:#006699; float:left; position:relative; display:inline; text-decoration:none; width:50px; margin-bottom:-18px;} #middle-extra .offer-middle-last .offer-body .buyer-actions .shopper a:hover{ background:url(/images/btn-imin-small-44-roll.png) top center no-repeat;} #middle-extra .offer-middle-last .offer-body .offer-longname { font-size:12px; font-weight:bold; float:left; position:relative; display:inline; color:#000000; clear:left;} #middle-extra .offer-middle-last .offer-body .offer-price { font-size:10px; font-weight:bold; float:left; position:relative; display:inline; color:#009900; } #middle-extra .offer-middle-last .offer-body .offer-short-description { color:#999999; font-size:12px; clear:left; padding-bottom:4px;} #middle-extra .offer-middle-last .offer-body .offer-units-remaining-percent { margin-left:50px; font-size:16px; font-weight:bold; color:#005596; float:left; position:relative; display:inline; } #middle-extra .offer-middle-last .offer-body .offer-units-remaining .orange { padding-left:5px; font-style:italic; color:#FF9900;} #middle-extra .offer-middle-last .offer-body .offer-time-remaining {clear:both; font-size:10px; font-weight:bold; color:#003366; text-align:center} #middle-extra .offer-middle-last .offer-body .offer-time-remaining .suffix{font-size:10px; color:#FF9900; font-weight:bold;} #side { width:155px; float:right; position:relative; display:inline; }/*border-left:13px solid #333333;*/ #side hr{ background-color:#333333; color:#333333; height:4px; margin:15px 0;} #side .sponsoredoffers{ display:block; margin-top:-30px; margin-left:15px; text-indent:-9999px; background:url(/images/btn-sponsored-offers.png) no-repeat top left; height:25px; width:126px;} #side .offer-side .offer-body{ width: 150px; float:left; position:relative; display:inline; padding:5px;} #side .offer-side .offer-body .offer-image-small{ float:left; position:relative; display:inline; width:190px;} #side .offer-side .offer-body .offer-actions{ float:left; position:relative; display:inline; width:155px; } #side .offer-side .offer-body .offer-actions{ float:left; position:relative; display:inline; width:155px;} #side .offer-side .offer-body .anonymous-actions .curious { float:left; position:relative; display:inline; width:50px;} #side .offer-side .offer-body .anonymous-actions .curious a{ text-indent:-9999px; background:url(/images/btn-ilikeit-small-33.png) top center no-repeat; font-size:12px; text-align:center; font-weight:bold; padding-top:43px; height:43px; color:#006699; float:left; position:relative; display:inline; text-decoration:none; width:50px; margin-bottom:-18px;} #side .offer-side .offer-body .anonymous-actions .curious a:hover{ background:url(/images/btn-ilikeit-small-33-roll.png) top center no-repeat;} #side .offer-side .offer-body .anonymous-actions .interested{ float:left; position:relative; display:inline; width:50px;} #side .offer-side .offer-body .anonymous-actions .interested a{ text-indent:-9999px; background:url(/images/btn-alertme-small-33.png) top center no-repeat; font-size:12px; text-align:center; font-weight:bold; padding-top:43px; height:43px; color:#006699; float:left; position:relative; display:inline; text-decoration:none; width:50px; margin-bottom:-18px;} #side .offer-side .offer-body .anonymous-actions .interested a:hover{ background:url(/images/btn-alertme-small-33-roll.png) top center no-repeat; } #side .offer-side .offer-body .anonymous-actions .shopper{ float:left; position:relative; display:inline; width:50px;} #side .offer-side .offer-body .anonymous-actions .shopper a{ text-indent:-9999px; background:url(/images/btn-imin-small-33.png) top center no-repeat; font-size:12px; text-align:center; font-weight:bold; padding-top:43px; height:43px; color:#006699; float:left; position:relative; display:inline; text-decoration:none; width:50px; margin-bottom:-18px;} #side .offer-side .offer-body .anonymous-actions .shopper a:hover{ background:url(/images/btn-imin-small-33-roll.png) top center no-repeat;} #side .offer-side .offer-body .buyer-actions .curious{ float:left; position:relative; display:inline; width:50px;} #side .offer-side .offer-body .buyer-actions .curious a{ text-indent:-9999px; background:url(/images/btn-ilikeit-small-33.png) top center no-repeat; font-size:12px; text-align:center; font-weight:bold; padding-top:43px; height:43px; color:#006699; float:left; position:relative; display:inline; text-decoration:none; width:50px; margin-bottom:-18px;} #side .offer-side .offer-body .buyer-actions .curious a:hover{ background:url(/images/btn-ilikeit-small-33-roll.png) top center no-repeat;} #side .offer-side .offer-body .buyer-actions .interested{ float:left; position:relative; display:inline; width:50px;} #side .offer-side .offer-body .buyer-actions .interested a{ text-indent:-9999px; background:url(/images/btn-alertme-small-33.png) top center no-repeat; font-size:12px; text-align:center; font-weight:bold; padding-top:43px; height:43px; color:#006699; float:left; position:relative; display:inline; text-decoration:none; width:50px; margin-bottom:-18px;} #side .offer-side .offer-body .buyer-actions .interested a:hover{ background:url(/images/btn-alertme-small-33-roll.png) top center no-repeat; } #side .offer-side .offer-body .buyer-actions .shopper{ float:left; position:relative; display:inline; width:50px;} #side .offer-side .offer-body .buyer-actions .shopper a{ text-indent:-9999px; background:url(/images/btn-imin-small-33.png) top center no-repeat; font-size:12px; text-align:center; font-weight:bold; padding-top:43px; height:43px; color:#006699; float:left; position:relative; display:inline; text-decoration:none; width:50px; margin-bottom:-18px;} #side .offer-side .offer-body .buyer-actions .shopper a:hover{ background:url(/images/btn-imin-small-33-roll.png) top center no-repeat;} #side .offer-side .offer-body .offer-longname { font-size:12px; font-weight:bold; float:left; position:relative; display:inline; color:#000000; clear:left;} #side .offer-side .offer-body .offer-price { font-size:12px; font-weight:bold; float:left; position:relative; display:inline; color:#009900; } #side .offer-side .offer-body .offer-short-description { color:#999999; font-size:12px; clear:left;} #side .offer-side .offer-body .offer-units-remaining-percent { margin-left:50px; font-size:16px; font-weight:bold; color:#005596; float:left;} #side .offer-side .offer-body .offer-units-remaining .orange { padding-left:5px; font-style:italic; color:#FF9900;} #side .offer-side .offer-body .offer-time-remaining {clear:both; font-size:12px; font-weight:bold; color:#003366;} #side .offer-side .offer-body .offer-time-remaining .suffix{font-size:12px; color:#FF9900; font-weight:bold; padding-left:4px;} #bottom { width:803px; float:left; position:relative; display:inline; background: url(/images/bottom-border-right.png) repeat-y right top;} #bottom hr{ background-color:#333333; color:#333333; height:4px; margin:14px 0px 0px 0px; width:789px; float:left; position:relative; display:inline; border:none; } #bottom .otherbuyers { margin-bottom:40px; float:left; display:inline; position:relative; text-indent:-9999px; background:url(/images/btn-whatare-other-buyers.png); margin-left: 249px; margin-top:-20px; height:35px; width:292px;} #bottom hr.seperator{ color:#999999; float:left; position:relative; display:inline; height:500px; margin-left:393px; margin-top:-250px; width:2px;} #bottom .offer-bottom-left { padding-bottom:10px; border-right: solid 2px #999999; width:393px; float:left; position:relative; display:inline; text-align:right; font-size:10px; font-weight:bold; clear:both;} #bottom .offer-bottom-left .offer-image-small { float:right; position:relative; display:inline; } #bottom .offer-bottom-left .offer-image-small img{ width:64px; height:64px; padding:2px;} #bottom .offer-bottom-left .offer-image-avatar { float:left; position:relative; display:inline; } #bottom .offer-bottom-left .offer-image-avatar img{ width:64px; height:64px; padding:2px;} #bottom .offer-bottom-right .offer-image-small { float:left; position:relative; display:inline; } #bottom .offer-bottom-right .offer-image-small img{ width:64px; height:64px; padding:2px;} #bottom .offer-bottom-right .offer-image-avatar { float:left; position:relative; display:inline; } #bottom .offer-bottom-right .offer-image-avatar img{ width:64px; padding:2px;} #bottom .offer-bottom-right { padding-bottom:10px; width:393px; float:left; position:relative; display:inline; text-align:left; font-size:10px; font-weight:bold;} #bottom .offer-buyer-info { color:#006699;} #bottom .offer-longname{ color:#000000;} #bottom .offer-price{ color:#339900;} #bottom .offer-short-description{ color:#666666; width:265px;} #bottom .offer-short-description a{color:#666666; text-decoration:none;} #bottom .offer-short-description a:hover{text-decoration:underline;} #bottom .offer-bottom-right .offer-short-description{ margin-left:130px;} /******************** NORMAL PAGE; simple text page layout ************************/ #simple_page { text-align:left; padding-left:50px; padding-right:40px;} #simple_page h2 { font-size:20px; font-weight:bold; text-align:center;} #simple_page h3 { font-size:18px; font-weight:bold; } #small_page{ width:540px;} /****************** REGISTRATION SECTION ***************************************/ #registration-section .registration-section {float: left; width: 300px;} #registration-section #registration-wrapper { float:left; position:relative; display:inline; margin-top:-35px;} #registration-section #registration-wrapper .first{margin-left:55px;} #registration-section #registration-wrapper a.thumb{background: transparent url(/images/register-thumb-bg.png) no-repeat left top; color:#FFFFFF; float:left; position:relative; display:inline; font-size:18px; font-weight:bold; height:37px; margin-left:60px; margin-top:-60px; padding-left:38px; padding-top:15px; width:129px;} #registration-section #registration-wrapper a.thumb:hover{ color:#FFF200;} #registration-section #registration-wrapper a.thumb-medium{background: transparent url(/images/vendor-register-thmbmdm.png) no-repeat left top; color:#FFFFFF; float:left; position:relative; display:inline; font-size:18px; font-weight:bold; height:37px; margin-left:45px; margin-top:-60px; padding-left:36px; padding-top:15px; width:169px;} #registration-section #registration-wrapper a.thumb-medium:hover{ color:#FFF200;} #registration-section #registration-wrapper a.thumb-large{background: transparent url(/images/vendor-register-thmblrg.png) no-repeat left top; color:#FFFFFF; float:left; position:relative; display:inline; font-size:18px; font-weight:bold; height:37px; margin-left:38px; margin-top:-60px; padding-left:38px; padding-top:15px; width:180px;} #registration-section #registration-wrapper a.thumb-large:hover{ color:#FFF200;} #registration-section .registration-section .icon-small { float:left; position:relative; display:inline; margin-left:-279px; margin-top:-39px;} #registration-section .registration-section .text{ float:left; position:relative; display:inline; margin-left:-155px; margin-top:-28px;} #registration-section .registration-section .header-text{float:left; position:relative; display:inline; color:#005696; font-size:12px; font-weight:bold; margin-left:100px; margin-top:-260px; width:130px;} #registration-section .registration-section .details-text{float:left; position:relative; display:inline; font-size:12px; font-weight:bold; margin-left:12px; margin-top:-150px; text-align:center; width:225px;} #registration-section .registration-section .header-text a{color:#333333; text-decoration:none;} #registration-section .registration-section .details-text a{color:#333333; text-decoration:none;} #registration-section .registration-section .bg { float:left;} #registration-section hr.top{ background-color:#333333; float:left; position:relative; display:inline; height:4px; color:#333333; width:958px; margin-top:55px;} #registration-section .text-top{ margin:15px 60px 30px;} #registration-section .text-top .intro{ font-weight:bold;} #registration-section .registration-section p{float:left; position:relative; display:inline; text-align:center; color:#005695; font-size:12px; font-weight:bold; width:257px; padding-top:25px;} #commitment-description {clear:both; padding-top:40px;} #commitment-description h3{line-height:0; margin-bottom:0; margin-left:60px;} #commitment-description hr{background-color:#333333; color:#333333;} #commitment-description p{color:#666666; font-size:12px; padding-left:60px; padding-right:60px;} #commitment-description a.vendor-registration-link-vendor{ background: url(/images/vendor-register-imin.png) top left no-repeat; height:54px; display: block; width:150px; padding-top:24px; padding-left:58px; text-decoration:none; font-size:12px; font-weight:bold; float:right; position:relative; display:inline; color:#000000;} #commitment-description a.vendor-registration-link-vendor:hover{color:#FF9933;} #commitment-description a.vendor-registration-link{ background:url(/images/register-vendor-small.png) top left no-repeat; height:54px; display: block; width:150px; padding-top:18px; padding-left:58px; text-decoration:none; font-size:12px; font-weight:bold; float:right; position:relative; display:inline; color:#000000;} #commitment-description a.vendor-registration-link:hover{color:#FF9933;} /************************* LOGIN PAGE; NON-Form Elements ******************** #login-wrapper { background: url(/images/login-clip-bottom.png) no-repeat left bottom; margin-left:-1px;} #login-top-img { background:url(/images/login-clip-top.png) no-repeat left top; margin-left:-1px;}*/ #login-left { width:790px; float:left; position:relative; display:inline; border-right:solid 13px #333333; } #login-left #login-top {padding-left:28px; padding-bottom:20px; padding-top:10px;} #login-left #login-top p{ font-weight:bold;} #login-left #login-top p.sub-text {color:#999999; font-weight:normal;} #login-left #login-top a{ font-weight:bold; text-decoration:none; font-size:12px;} #login-left #login-page hr { color:#333333; background-color:#333333; height:4px; margin-bottom:20px;} #login-left #login-lock { margin-left:200px; background: url(/images/login-lock.png) top left no-repeat; padding-left:120px; height:150px; font-weight:bold; padding-top:15px;} #login-left #login-error{color:#FF0000; font-weight:bold; margin-bottom:30px;} #login-left div.please-login{ font-weight:bold;} #login-right img.cart { padding-top:20px; padding-left:3px;} #login-right #login-imin { text-align:center; margin:0 auto;} #login-right #login-sharestuff{text-align:center; margin:0 auto;} #login-right #login-vendor{text-align:center; margin:0 auto;} #login-right div{ padding-top:30px;} #login-right p{ padding-left:4px; padding-right:4px; font-size:12px; color:#666666} /************** Sitemap ***********************/ .sitemap-container {float:left; position:relative; display:inline; margin-top:40px; padding-left:15px; width:300px;} h2.sitemap {font-size:20px; font-weight:bold; text-align:center;} h3.sitemap a{font-size:16px; font-weight:bold; text-align:center;} /******************SEARCH RESULTS **************/ #search-results{border-right:13px solid #333333; width:790px; padding-top:8px; min-height:600px; padding-bottom:100px;} #search-results .header-img{ background:url(/images/header-search-results.png) left top no-repeat; width:218px; height:35px; float:left; position:relative; display:inline; margin-left:20px; margin-top:-26px;} #search-results hr.top {background-color:#333333; color:#333333; height:4px;} #search-results .search-offer{ clear:left; padding-top:10px;} #search-results .offer-body{ float:left; position:relative; display:inline; padding-bottom:10px;} #search-results .results-text{ clear:left; color:#666666; margin-left:30px; margin-top:30px;} #search-results .offer-body .offer-contents{ width:470px; float:left; position:relative; display:inline; } #search-results .offer-body .offer-image-small{ float:left; position:relative; display:inline; width:70px; padding-left:8px;} #search-results .offer-body .offer-image-small img{ width:55px;} #search-results .offer-body .offer-longname{ color:#000000; font-weight:bold; text-align:left; font-size:12px;} #search-results .offer-body .offer-price{color:#009900; font-weight:bold; text-align:left; font-size:12px;} #search-results .offer-body .offer-short-description{ font-size:12px; color:#666666; overflow:auto; text-align:justify; } #search-results .offer-body .offer-units-remaining-percent{font-size:16px; font-weight:bold; color:#005596; float:left; position:relative; display:inline; border-right:solid 1px #666666; padding-right:5px;} #search-results .offer-body .offer-units-remaining{ color:#FF9933; font-weight:bold; text-align:left; float:left; position:relative; display:inline; border-right:solid 1px #666666; padding-right:5px; padding-left:5px; } #search-results .offer-body .offer-time-remaining{ color:#005696; font-size:12px; font-weight:bold; float:left; position:relative; display:inline; padding-left:5px;} #search-results .offer-body .offer-actions{ width:223px; float:left} #search-results .offer-body .offer-actions a{margin-left:10px; font-weight:bold; padding-top:35px; text-decoration:none; color:#006699; float:left; position:relative; display:inline; vertical-align:bottom; font-size:10px; display:block;} #search-results .offer-body .offer-actions .curious a { background:url(/images/btn-ilikeit-small-33.png) center top no-repeat; } #search-results .offer-body .offer-actions .interested a { background:url(/images/btn-alertme-small-33.png) center top no-repeat;} #search-results .offer-body .offer-actions .shopper a { background:url(/images/btn-imin-small-33.png) center top no-repeat; } #search-results .offer-body .offer-actions a:hover{ text-decoration:underline;} #search-results .offer-body .offer-actions .curious a:hover { background:url(/images/btn-ilikeit-small-33-roll.png) center top no-repeat; } #search-results .offer-body .offer-actions .interested a:hover { background:url(/images/btn-alertme-small-33-roll.png) center top no-repeat; } #search-results .offer-body .offer-actions .shopper a:hover { background:url(/images/btn-imin-small-33-roll.png) center top no-repeat; } #search-results .offer-body .offer-actions .curious div.grayedout{background:url(/images/btn-ilikeit-small-33-grey.png) center top no-repeat; margin-left:10px; font-weight:bold; padding-top:35px; text-decoration:none; color:#006699; float:left; position:relative; display:inline; vertical-align:bottom; font-size:10px; display:block;} #search-results .offer-body .offer-actions .interested div.grayedout{background:url(/images/btn-alertme-small-33-grey.png) center top no-repeat; margin-left:10px; font-weight:bold; padding-top:35px; text-decoration:none; color:#006699; float:left; position:relative; display:inline; vertical-align:bottom; font-size:10px; display:block;} #search-results .offer-body .offer-actions .shopper div.grayedout{background:url(/images/btn-imin-small-33-grey.png) center top no-repeat; margin-left:10px; font-weight:bold; padding-top:35px; text-decoration:none; color:#006699; float:left; position:relative; display:inline; vertical-align:bottom; font-size:10px; display:block;} #search-results .offer-body .vendor-actions a{ margin-left:-45px; background:url(/images/btn-edit-offer.png) top center no-repeat; text-indent:-9999px; text-align:center; font-weight:bold; padding-top:43px; height:25px; float:left; position:relative; display:inline; text-decoration:none; width:87px; } #search-results .offer-body .vendor-actions a:hover{ background:url(/images/btn-edit-offer-roll.png) top center no-repeat;} #search-results .offer-body .vendor-actions .not-editable{ margin-left:-45px; background:url(/images/btn-edit-offer-inactive.png) top center no-repeat; text-indent:-9999px; text-align:center; font-weight:bold; padding-top:43px; height:25px; float:left; position:relative; display:inline; text-decoration:none; width:87px; } .vendor-list-group{ padding-bottom:10px;} .vendor-top{ padding-left:15px; padding-right:10px;} #contact-left{ margin-top:50px;} #contact-error{ padding-bottom:25px;}