/* =chat */ .chat { font-size: @base-font2; } .chat_message { .flcl; padding-top: 5px; } .chat_message img { float: left; border-right: solid #fff 8px; } .chat_message span { .flcl; width: 75px; } #h03 .chat_message span { font-size: @base-font; } .chat_message a { color: @brand-link; .bold; } /* =end chat */ /* =richrelevance */ /** Old rr.css **/ .merchRuleFeature { margin-bottom: @gutter; } .merchRuleFeature a { color: @brand-text; text-decoration: none; } .merchRuleFeature a:hover { color: @brand-text; text-decoration: none; } .merchRuleFeature li { border-top: 1px dotted #C8C8C8; margin-top: 8px; padding-top: 8px; .fleft; } .merchRuleFeature .description { .flcl; padding-bottom: @gutter; } .merchRuleFeature .item_sku { color: #666; font-size: @base-font; } .merchRuleFeature .price_title { .flcn; color: @brand-text; font-size: @base-font2; .bold; vertical-align: top; padding-left: 1px; } .merchRuleFeature .first,.rr.rh .merchRuleFeature li,.merchRuleFeature .quantity_box li { border-top: 0; margin-top: 0; } .merchRuleFeature .your_price td,.merchRuleFeature .main_price { vertical-align: top; padding-top: 0; font-size: @base-font2+2; } .merchRuleFeature .modStyle2 { font-size: @base-font2+2; } #errorPage .rr.rh .merchRuleFeature .moduleStructContent { width: (@style-width)-14; } .rr.rh .merchRuleFeature .moduleStructContent { margin-bottom: @gutter; padding-right: 0; width: 742px; } .rr.rh .merchRuleFeature .first { padding-left: 0; border: 0; } .rr.rv .merchRuleFeature h2 { color: #fff; .gradient_brand; } .rr.rh .merchRuleFeature .description { .flcl; min-height: 90px; padding-bottom: 4px; } #home .odCarousel .merchRuleFeature .description { min-height: 60px; } .fr .rr.rh .merchRuleFeature .description { min-height: 70px; } .rr.rv .merchRuleFeature ul.products { margin-top: -9px; .bordert (@brand); } .rr.rv .rr .modStyle1 { color: #fff; background-color: @brand; } /* red header */ .rr.rv .rr h2.modStyle1 { background-position: -630px -105px; } .rr.rh .merch_block { .flcn; padding-right: @gutter*2; width: @grid1; } .rr.rv .merch_block { margin-top: 0; width: 165px } .rr .merchRuleFeature .main_price,.rr .merchRuleFeature .uom { .frcn; .auto; } .pl-PL .rr .merchRuleFeature .uom { .fleft; } .merchRuleFeature .uom,.rr .uom { font-size: @base-font2; .normal; color: @brand; } .merchRuleFeature .thumb,.rr .thumb { margin: 0px 54px; width: 65px; height: 65px } /*padding doesn't work for IE6/IE7 - added width/height due to huge images in VKG IT */ /* UNTIL 6/30/10 when CNET is turned off */ .rv .cnettracking .description { padding-right: 6px; } .rv .cnettracking .merchPrice { padding-bottom: 8px; } .rr .merchRuleFeature .price_title { display: block; } .rr.rh .merch_block .price_title { clear: left; } /* needed for IE7 - Clear added since all B2C sites were having issues with title not wrapping */ /* For countries with Dual Pricing */ .rr .dualPricing .uom { float: none; clear: none; display: block; } .rr .dualPricing .price_title { float: none } /* for IE7 */ .rr .dualPricing .merch_block .taxedAmount { .w100; .bold; } #content .rr .merchRuleFeature .quantity_box { width: 159px !important; } /** ODCarousel **/ .carouselLoading { background: transparent @bg-carousel-loading 50% 50% no-repeat; } .carouselLoading .products { .opacity(20); } .rec-borders { .w100; .rel; height: 200px; overflow: hidden; } .rr.rh .rec-borders .moduleStructContent { overflow: hidden; min-height: 10em; margin: 0 22px; .rel; top: 0; height: 180px; .auto; } .rec-borders .merch_block { padding-left: 10px; margin-left: 0 !important; } .rec-borders .moduleStructContent ul { width: 9999px; list-style: none; margin: 0; padding: 0; .abs; top: 0; } .odCarousel .rec-borders .merch_block .description { width: 155px; overflow: hidden; } .rec-borders .merch_block .thumb { margin: 0 36px; } .rec-borders ul li { display: block; .fleft; padding: 10px; height: 85px; width: 85px; } .rec-borders ul li a img { display: block; } .carousel_container,.carousel_container ul { .rel; .fleft; } .carousel_container .arrow { display: block; height: 23px; width: 22px; text-indent: -9999px; .abs; top: 50%; background: @bg-carousel-arrows no-repeat 0 0; } .carousel_container .forward, .carousel_container .back { top: 50%; .fleft; .pointer; } .carousel_container .forward { right: 0px; background-position: -22px 0; } .carousel_container .back { background-position: 0 0px; left: 0px; } .carousel_container .forward:hover { background-position: -22px -23px; } .carousel_container .back:hover { background-position: 0 -23px; } .carousel_container .forward.disabledArrow { background-position: -22px -46px; cursor: default; } .carousel_container .back.disabledArrow { background-position: 0 -46px; cursor: default; } #home .rr.rh.odCarousel { width: @style-width; } #home .rec-borders { .bordert; .borderb; height: 180px } #home .rec-borders .arrow { background: @bg-carousel-arrows no-repeat 0 0; height: 45px; } #home .rec-borders .forward { right: 0; background-position: -22px 0; } #home .rec-borders .forward:hover { background-position: -22px -45px; } #home .rec-borders .back:hover { background-position: 0 -45px; } #home .rec-borders .products { padding-top: 10px; padding-left: 0px !important; } #home .rec-borders .merch_block { width: 216px; min-height: 120px; padding-right: 0px; padding-left: 11px; } #home .rec-borders .merch_block:first-child { padding-left: 0; } #home .rec-borders .merch_block .rr_sku { .border (#fff); display: block; .fleft; padding: 5px; } #home .rec-borders .merch_block .rr_sku:hover { .border (#666); .box-shadow; } #home .rec-borders .merch_block .rr_image,#home .rec-borders .merch_block .rr_description { .fleft; } #home .rec-borders .merch_block .thumb { margin: 0; padding-right: 8px; margin-bottom: 50px; display: block; .fleft; } #home .rr.rh .merchRuleFeature .skuAvailability,#home .rr.rh .merchRuleFeature .description,#home .rr.rh .merchRuleFeature .merchPrice { width: 130px; } #home .rr.rh .merchRuleFeature .skuAvailability { display: block; clear: left; } .rec-borders .arrow { display: block; height: 23px; width: 22px; text-indent: -9999px; .abs; top: 37px; background: @bg-carousel-arrows no-repeat 0 0; } .rec-borders .forward,.rec-borders .back { top: 70px; .fleft; .pointer; } .rec-borders .forward { right: 0; background-position: -22px 0; } .rec-borders .back { background-position: 0 0px; left: 0; } .rec-borders .forward:hover { background-position: -22px -23px; } .rec-borders .back:hover { background-position: 0 -23px; } .rec-borders .forward.disabledArrow { background-position: -22px -46px; cursor: default; } .rec-borders .back.disabledArrow { background-position: 0 -46px; cursor: default; } #home .odCarousel .moduleStructContent { border: 0; height: 160px; } #home .odCarousel .modStyle1 { background: transparent none !important; color: @brand-text; font-size: @base-font2+3; margin: 0; overflow: hidden; padding: 8px 8px @gutter/2; .rel; z-index: 3; } #home .odCarousel .rec-borders { .auto; } .odCarousel .imgHolder { .border (#ddd); background: #eee @bg-carousel-loading 50% 50% no-repeat; display: block; } /* = end richrelevance */