/* .oc:CSS-stVooEmotionSlider.css - Voomates - /templates/#Voo#/frontend/_resources/styles/stVooEmotionSlider.css - 2012-12-06:1330. */ /* .wpa: wolfgang papendieck [papendieck.net] - oc: oliver martens [OMARtecc engineering]. */ /* .2012 wpa,oc, Original by Shopware (http://www.shopware.de). */ /* .voomates - Shopware 4.0.4. Stylesheet. */ /* .. */ /* .oc:[mix:styles.css,color.css,emotion.css] - overwrite:[plugins.css]. */ /* .oc:viewed/bought/topseller/banner-slider horizontal_slider > ajaxSlider > sliding_outer > sliding_container > slide > article_box. */ /* .oc:important here - do NOT change, overwrite below. */ #content .horizontal_slider{ overflow:hidden; display:block; } #content .ajaxSlider{ position:relative; overflow:hidden; margin:0 auto 0; background:transparent; } .ajaxSlider .sliding_container, .bannerSlider .sliding_container{ position:absolute; left:0px; } /* .oc:do NOT change:display:block|float:left|. */ #content .ajaxSlider .sliding_container .slide, .modal .ajaxSlider .sliding_container .slide{ display:block; float:left; } /* .oc:init-config - do NOT change, overwrite below - !jquery-attached!. */ #content #detail .horizontal_slider{ width:896px; margin:0 auto; } #content .horizontal_slider .article_box{ display:block; float:left; width:168px; height:160px; padding:10px 15px; margin:10px 0; } #content .horizontal_slider .article_box a{ text-align:left; color:#000; } #content .horizontal_slider .article_box:last-child, #content .horizontal_slider .article_box.noborder{ border-right:0; } #content .ajaxSlider .sliding_container a.artbox_thumb, .modal .ajaxSlider .sliding_container a.artbox_thumb{ display:block; width:105px; height:105px; margin:0 auto 5px; } #content .ajaxSlider .sliding_container a.artbox_thumb:hover, .modal .ajaxSlider .sliding_container a.artbox_thumb:hover{ text-decoration:none; } #content .ajaxSlider .sliding_container .slide{ width:854px; } #content .ajaxSlider .article_box .title, .modal .ajaxSlider .article_box .title{ display:block; width:100%; text-align:center; font-size:11px; font-weight:700; color:#000; } #content .ajaxSlider .article_box .title:hover, .modal .ajaxSlider .article_box .title:hover{ color: #e1540f; } #content .ajaxSlider .article_box p.price, .modal .ajaxSlider .article_box p.price{ display:block; width:100%; text-align:center; font-size:11px; font-weight:700; color:#000; } #content .ajaxSlider .article_box p.price, .modal .ajaxSlider .article_box p.price{ position:static; bottom:0px; margin-top:5px; } #content .ajaxSlider .article_box p.price.up, .modal .ajaxSlider .article_box p.price.up{ bottom:10px; } #content .bought-slider .ajaxSlider .sliding_container .slide, #content .viewed-slider .ajaxSlider .sliding_container .slide{ width:896px; } #content .bought-slider .ajaxSlider .sliding_container .slide .article_box, #content .viewed-slider .ajaxSlider .sliding_container .slide .article_box{ width:193px; } #content .bought-slider .article_box, #content .viewed-slider .article_box{ display:block; width:100%; text-align:center; font-size:11px; font-weight:700; color:#000; } .modal .ajaxSlider .sliding_container .slide{ width:854px; } .modal .ajaxSlider .article_box{ width:130px; height:170px; margin:0; padding:0 20px; border-right:1px solid #efefef; } /* .oc:end:init-config. */ /* .heading box. */ #content .ajaxSlider h2, #content .bannerSlider h2{ border-bottom:1px solid #dfdfdf; } #content .ajaxSlider .headingbox, #content .ajaxSlider .headingbox_nobg{ border:0; border-bottom: 0 none; height: 20px; margin:0; padding:5px 0 5px 10px; font-size: 11px; font-weight: 700; background:url(../images/backgrounds/bg_breadcrumb.png) left bottom repeat-x; } #content .ajaxSlider .headingbox_nobg{ height:18px; background:0 none; } /* .end:heading box. */ /* .arrows slider. */ .ajaxSlider .leftArrow, .ajaxSlider .rightArrow, .bannerSlider .leftArrow, .bannerSlider .rightArrow{ position:absolute; display:block; width:26px; height:82px; top:50%; margin-top:-41px; text-indent:-9999px; z-index:2; background: url(../images/sprite_slider_arrows.png) 0 0 no-repeat } .ajaxSlider .leftArrow, .ajaxSlider .rightArrow, .bannerSlider .leftArrow, .bannerSlider .rightArrow{ background:url(../images/sprite_slider_arrows.png) no-repeat; margin-top:-23px; top:50%; } .ajaxSlider .rightArrow, .bannerSlider .rightArrow{ background-position: -79px 0; right:0px; } .ajaxSlider .leftArrow:hover, .ajaxSlider .rightArrow:hover, .bannerSlider .leftArrow:hover, .bannerSlider .rightArrow:hover{ background-position:-26px 0; } .ajaxSlider .rightArrow:hover, .bannerSlider .rightArrow:hover{ background-position:-53px 0; } .ajaxSlider .leftArrow, .bannerSlider .leftArrow{ background-position:0px 0; left:0px; } /* .end:arrows slider. */ /* .slider------------------------------------------------------------------. */ .ajaxSlider .slide_numbers{ position:absolute; height:35px; top:0; line-height:35px; right:20px; color:#999; } .ajaxSlider .slide_navigation a{ color:#666; } .ajaxSlider .slide_navigation a:hover{ color:#000; } .ajaxSlider .slide_navigation a.active{ color:#e1540f; } #detailinfo .slider2, #detailinfo .slider{ width:898px; } #detailinfo .slider2 .ajaxSlider, #detailinfo .slider .ajaxSlider{ width:896px; } #detailinfo .slider .ajaxSlider .sliding_outer, #detailinfo .slider2 .ajaxSlider .sliding_outer{ left:21px; width:854px; } /*oc: #content .ajaxSlider h2, #content .bannerSlider h2{ border-bottom:1px solid #dfdfdf; } */ /*oc: #content .ajaxSlider .sliding_container .slide, .modal .ajaxSlider .sliding_container .slide{ width:854px; display:block; float:left; } */ /*oc: #content .ajaxSlider .sliding_container .slide, .modal .ajaxSlider .sliding_container .slide {width: 854px;} */ /*oc: #content .ajaxSlider .article_box, .modal .ajaxSlider .article_box{ width:130px; height:170px; margin:0; padding:0 20px; border-right:1px solid #efefef; } */ /* .arrows slider. */ /*oc: .ajaxSlider .leftArrow, .ajaxSlider .rightArrow, .bannerSlider .leftArrow, .bannerSlider .rightArrow {display: block;position: absolute;width: 26px;height: 82px;text-indent: -9999px;top: 50%;margin-top: -41px;z-index: 2;background: url(../images/sprite_slider_arrows.png) 0 0 no-repeat} */ /*oc: .ajaxSlider .leftArrow, .ajaxSlider .rightArrow, */ /*oc: .bannerSlider .leftArrow, .bannerSlider .rightArrow{ background:url(../images/sprite_slider_arrows.png) no-repeat; margin-top:-23px; top:50%; } */ /*oc: .ajaxSlider .rightArrow, .bannerSlider .rightArrow{ background-position: -79px 0; right:0px; } */ /*oc: .ajaxSlider .leftArrow:hover, .ajaxSlider .rightArrow:hover, .bannerSlider .leftArrow:hover, .bannerSlider .rightArrow:hover{ background-position:-26px 0; } */ /*oc: .ajaxSlider .rightArrow:hover, .bannerSlider .rightArrow:hover{ background-position:-53px 0; } */ /*oc: .ajaxSlider .leftArrow, .bannerSlider .leftArrow{ background-position:0px 0; left:0px; } */ /** .price and title. .recommendation slider. **/ #content .topseller-slider .sliding_outer{ height:170px; overflow:hidden; } /*oc: #content .bought-slider .ajaxSlider .sliding_container .slide, #content .viewed-slider .ajaxSlider .sliding_container .slide{ width:896px; } */ /*oc: #content .bought-slider .article_box,#content .viewed-slider .article_box, */ /*oc: #content .ajaxSlider .article_box .title, .modal .ajaxSlider .article_box .title, */ /*oc: #content .ajaxSlider .article_box p.price, .modal .ajaxSlider .article_box p.price{ display:block; width:100%; text-align:center; font-size:11px; font-weight:700; color:#000; } */ /*oc: #content .ajaxSlider .article_box p.price, .modal .ajaxSlider .article_box p.price{ position:static; bottom:0px; margin-top:5px; } */ #content .ajaxSlider .artbox p.price, #content .ajaxSlider p.pseudoprice { color:#555; } /*oc: #content .ajaxSlider .article_box .title:hover, .modal .ajaxSlider .article_box .title:hover{ color: #e1540f !important; } */ #content .ajaxSlider .article_box p.price .pseudo, .modal .ajaxSlider .article_box p.price .pseudo{ text-decoration:none; font-weight:bold; color:#990000; } */ /*oc: #content .ajaxSlider .article_box p.price, .modal .ajaxSlider .article_box p.price{ position:absolute; font-size:12px; font-weight:700; color:#333; margin:0px; width:105px; } */ /*oc: #content .ajaxSlider .article_box p.price, .modal .ajaxSlider .article_box p.price{ bottom:0px; position:static; margin-top:5px; } */ /*oc: #content .ajaxSlider .article_box p.price.up, .modal .ajaxSlider .article_box p.price.up{ bottom:10px; } */ #content .ajaxSlider .article_box p.price em, .modal .ajaxSlider .article_box p.price em{ text-decoration:line-through; font-weight:normal; font-size:10px; color:#aaa; } /*oc: #content .bought-slider .ajaxSlider .sliding_container .slide .article_box, #content .viewed-slider .ajaxSlider .sliding_container .slide .article_box{ width:193px; } */ /*oc: #content .bought-slider .article_box .title, #content .viewed-slider .article_box .title, #content .bought-slider .article_box p.price, #content .viewed-slider .article_box p.price{ width:193px; } */ /* .margin topseller slider listing. */ #content .topseller-slider{ margin-bottom:10px; } /** .slider detailseite. **/ /*oc: #content .horizontal_slider{ overflow:hidden; display:block; } */ #content .horizontal_slider .slide_navigation{ position:absolute; top:10px; right:8px; text-align:center; } #content .horizontal_slider .slide_navigation a{ display:inline-block; margin:0 2px; } #content .horizontal_slider .slide_navigation a.active{ font-weight:bold } /*oc: #content .horizontal_slider .sliding_outer{ height:200px; } */ /*oc: #content .horizontal_slider .article_box{ width:168px; height:160px; padding:10px 15px; margin:10px 0; } */ /*oc: #content .horizontal_slider .article_box a{ text-align:left; color:#000; } */ /*oc: #content .horizontal_slider .article_box:last-child, #content .horizontal_slider .article_box.noborder{ border-right:0; } */ /*oc: #content #detail .horizontal_slider{ width:896px; } */ /* .detailinfo. */ /*oc: #detailinfo .horizontal_slider .ajaxSlider, #detailinfo .slider .ajaxSlider{ width:896px; height:236px; } */ /*oc: #detailinfo .horizontal_slider .ajaxSlider .sliding_outer, #detailinfo .slider .ajaxSlider .sliding_outer{ width:896px; left:0; } */ /** .topseller slider. **/ #content .topseller-slider .slide_navigation{ display:none; } #content .topseller-slider .sliding_outer{ height:170px; } #content .topseller-slider .sliding_outer .sliding_container .slide{ margin:0 0; width:796px; } #content .topseller-slider .ajaxSlider .sliding_container .slide{ width:796px; height:170px; float:left; overflow:hidden; } #content .topseller-slider .ajaxSlider .article_box{ float:left; } #content .topseller-slider .article_box{ height:130px; } #content .topseller-slider .article_box a{ text-align:center; } #content .topseller-slider .article_box .numbers{ position:relative; width:24px; height:24px; left:20px; top:10px; display:block; text-align:center; line-height:24px; font-weight:bold; color:#fff; background: url(../images/backgrounds/bg_topseller_numbers.png) no-repeat 0 bottom; } #content .topseller-slider .article_box:hover .numbers{ background-position:0 0; } #content .supplier_slider .leftArrow, #content .supplier_slider .rightArrow{ top:41px; } #content .topseller-slider .article_box:hover a.title{ color:#e1540f; } /** .modalbox slider. .add article slider. **/ .ajax_add_article .slider_modal .ajaxSlider{ width:628px;} div.ajax_add_article .bottom .horizontal_slider{ } .ajax_add_article .slider_modal .ajaxSlider .sliding_outer{ width:578px; left:25px; } .ajax_add_article .slider_modal .ajaxSlider .sliding_outer .slide{ width:578px; } .modal div.ajax_add_article .ajaxSlider .article_box{ width:165px; height:190px; margin:10px 8px; padding:0; border-color:#fff; } div.ajax_add_article .ajaxSlider .article_box .title, div.ajax_add_article .ajaxSlider .article_box p.price span{ width:155px; left:0; bottom:10px; text-align:center; } div.ajax_add_article .ajaxSlider .article_box .title {position: static; left: auto; top: auto;} div.ajax_add_article .ajaxSlider .article_box .price{ left:auto; top:auto; bottom:2px; } .modal .ajaxSlider .sliding_container .slide .article_box .price{ font-size:14px; } .modal .ajaxSlider .sliding_container a.artbox_thumb{ margin:0 auto 10px; } .modal .ajaxSlider .leftArrow, .modal .ajaxSlider .rightArrow{ top:60px; } div.ajax_add_article .bottom{ padding-top:15px; } div.ajax_add_article .bottom h2{ height:35px; margin:0 15px; padding:0 0 0 15px; line-height:35px; color:#333; border:1px solid #dfdfdf; border-bottom:0 none; background:#F5F5F5; } /* ---------------------------------- */ /* .ajax slider. */ .ajaxSlider, .bannerSlider{ position:relative; margin:0 auto 0; } /*oc: .bannerSlider{ position:relative; margin:0 auto 0; border:1px solid; } */ .ajaxSlider .loader, .bannerSlider .loader{ position:absolute; width:60px; height:20px; left:50%; top:50%; margin-left:-40px; margin-top:-28px; padding:26px 10px 10px 10px; z-index:3; text-align:center; font-weight:700; border:1px solid #c7c7c7; background:url(../images/icons/ico_ajax-loader.gif) no-repeat center 5px #fff; } /*oc: .ajaxSlider .sliding_container, .bannerSlider .sliding_container{ position:absolute; left:0px; } */ /*oc: #content .ajaxSlider{ position:relative; margin:0 auto 0; overflow:hidden; background:transparent; border-color:red; } */ /*oc: #content .ajaxSlider .sliding_container a.artbox_thumb, .modal .ajaxSlider .sliding_container a.artbox_thumb{ width:105px; height:105px; display:block; margin:0 auto 5px; } */ /*oc: #content .ajaxSlider .sliding_container a.artbox_thumb:hover, .modal .ajaxSlider .sliding_container a.artbox_thumb:hover { text-decoration:none; } */ #content .ajaxSlider .article_box .article_price_unit p, .modal .ajaxSlider .article_box .article_price_unit p { margin:0; font-size:10px; color:#aaa; } #detail #detailinfo .similar .artbox .article_price_unit, .slide .article_box .article_price_unit, .ajaxSlider .article_box .article_price_unit, .ajaxSlider .article_box .article_price_unit p, #listing .artbox .article_price_unit_pseudo, #listing .artbox .article_price_unit{ line-height: 12px; } /* .vertical slider. oc:USED?. */ #content .vertical_slider .ajaxSlider .sliding_container .slide{ float:none; width:auto; height:711px; width:150px; } #content .vertical_slider .ajaxSlider .article_box{ float:none; height:175px; margin:0 auto 0; } #content .vertical_slider .ajaxSlider .sliding_container a.artbox_thumb{ margin:0; } .vertical_slider .ajaxSlider .leftArrow, .vertical_slider .ajaxSlider .rightArrow, #content .vertical_slider .ajaxSlider h2{ background:#fff; border:0 none; } .vertical_slider .ajaxSlider .leftArrow, .vertical_slider .ajaxSlider .rightArrow{ width:149px; height:19px; margin:0; border-color:#c7c7c7; } .vertical_slider .ajaxSlider .leftArrow{ left:auto; border:0 none; border-bottom:1px solid; background:url(../images/backgrounds/bg_slide_arrow-up.png) 0 0 no-repeat; } .vertical_slider .ajaxSlider .leftArrow:hover{ background-position:0 -19px; } .vertical_slider .ajaxSlider .rightArrow{ right:auto; border:0 none; border-top:1px solid; background:url(../images/backgrounds/bg_slide_arrow-down.png) 0 0 no-repeat; } .vertical_slider .ajaxSlider .rightArrow:hover{ background-position:0 -19px; } /* .end-vertical slider. oc:USED?. */ /* .banner slider. */ #content .slider_banner .sliding_container .slide{ float:left; width:630px; } #content .slider_banner .leftArrow, #content .slider_banner .rightArrow{ border:0 none; height:39px; width:24px; margin-top:-20px; } #content .slider_banner .leftArrow{ background-position:-106px 0; } #content .slider_banner .rightArrow{ background-position:-131px 0; } #content .slider_banner .leftArrow:hover{ background-position:-106px -39px; } #content .slider_banner .rightArrow:hover{ background-position:-131px -39px; } #content .slider_banner .slide_navigation{ position:absolute; bottom:0px; right:65px; z-index:3; text-align:center; } #content .slider_banner .slide_navigation a{ display:block; float:left; width:23px; height:20px; margin:0 2px; padding:5px 0 0 0; font-size:14px; font-weight:700; color:#fff; background:url(../images/backgrounds/bg_slidenum_normal.png) no-repeat; } #content .slider_banner .slide_navigation a.active{ color:#333; background:url(../images/backgrounds/bg_slidenum_active.png) no-repeat; } /* .supplier slider. */ #content .supplier_slider .slide_navigation{ display:none; } #content .supplier_slider h2{ border-bottom:1px solid #c7c7c7; } #content .supplier_slider .sliding_container .slide{ float:left; width:576px; height:105px; } #content .supplier_slider div.logo, #content .supplier_slider div.text{ float:left; width:138px; margin:0 2px 0 2px; } #content .supplier_slider div.text{ display:block; width:134px; margin:28px 4px 0; padding:13px 0 14px ; border:1px solid #c7c7c7; font-weight:700; text-align:center; background:url(../images/backgrounds/bg_supplier_slider_text.png) repeat-x; } #content .supplier_slider div.logo{ height:105px; } #content .supplier_slider div.logo a{ display:block; height:105px; background-position:center center; background-repeat:no-repeat; } #content .supplier_slider div.logo a img{ visibility:hidden; } /* ---------------------------------- */ /* .end:slider--------------------------------------------------------------. */ /* .emotion-slider----------------------------------------------------------. */ /* .collection of emotion-slider (=widgets). */ /* .[banner-slider-emotion]------------------------. */ /* .banner emotion slider. */ .banner-slider-emotion .ajaxSlider{ border:0 none; } #content .banner-slider-emotion .ajaxSlider .headingbox{ border:1px solid #dfdfdf; } body #content .banner-slider-emotion .ajaxSlider .slide_navigation{ position:absolute; display:block; z-index:10; width:100%; bottom:-40px; left:0; top:auto; right:auto; text-align:center; -webkit-transition:bottom 0.2s; -moz-transition:bottom 0.2s; -o-transition:bottom 0.2s; -ms-transition:bottom 0.2s; transition:bottom 0.2s; } .banner-slider-emotion .ajaxSlider .slide_navigation a{ display:inline-block; width:25px; height:23px; margin:0 1px; line-height:23px; text-align:center; font-weight:bold; color:#fff; background:url("../images/sprite-banner-slider.png") no-repeat -56px -23px; } .banner-slider-emotion .ajaxSlider .slide_navigation a.active{ background-position:-56px 0; } .banner-slider-emotion .ajaxSlider .leftArrow, .banner-slider-emotion .ajaxSlider .rightArrow{ width:28px; height:117px; margin-top:-45px; border:0 none; background:url("../images/sprite-banner-slider.png") no-repeat; } .banner-slider-emotion .ajaxSlider .leftArrow{ left:-30px; -webkit-transition: left 0.2s; -moz-transition: left 0.2s; -o-transition: left 0.2s; -ms-transition: left 0.2s; transition: left 0.2s; } .banner-slider-emotion .ajaxSlider .rightArrow{ right:-32px; background-position:-28px 0; -webkit-transition: right 0.2s; -moz-transition: right 0.2s; -o-transition: right 0.2s; -ms-transition: right 0.2s; transition: right 0.2s; } .banner-slider-emotion .ajaxSlider .rightArrow:hover{ background-position:-28px -117px; } .banner-slider-emotion .ajaxSlider .leftArrow:hover{ background-position:0 -117px; } .banner-slider-emotion:hover .ajaxSlider .rightArrow{ right:0; } .banner-slider-emotion:hover .ajaxSlider .leftArrow{ left:0; } #content .banner-slider-emotion:hover .ajaxSlider .slide_navigation{ bottom:35px; } #content .banner-slider-emotion .slide{ float: left; } #content .banner-slider-emotion .slide, #content .banner-slider-emotion .slide img{ display:block; } /* .end:[banner-slider-emotion]--------------------. */ /* .[slider-manufacturer]--------------------------. */ .slider-manufacturer .sliding_container .slide{ float:left; } .slider-manufacturer .sliding_container .inner-slide{ position:relative; margin:0 30px; z-index:1; } .slider-manufacturer .sliding_container .supplier{ float:left; width:165px; height:89px; border:0 none; margin:26px auto 26px 15px; text-align:center; } .slider-manufacturer .sliding_container .supplier a{ width:200px; height:89px; display:table-cell; vertical-align:middle; } .slider-manufacturer .sliding_container .supplier a *{ vertical-align:middle; } .slider-manufacturer .sliding_container .supplier a img{ max-width:204px; display:block; width:100% \0/; margin:0 auto;} /* .oc:auskommentiert durch Shopware. */ /** .slider-manufacturer .sliding_container .supplier a{ height: auto; cursor: pointer; display: block; vertical-align: middle; text-align: center; font-size: 12px; font-weight: bold; max-width: 100%; } .slider-manufacturer .sliding_container .supplier a *{ vertical-align: middle } .slider-manufacturer .sliding_container .supplier a .vertical-center{display: inline-block; height: 100%; width: 1px; } .slider-manufacturer .sliding_container .supplier a img{ max-width: 100%; display: block; width: 100% \0/; height: 85px; margin: 0 auto;} **/ /* .end-oc:auskommentiert durch Shopware. */ .slider-manufacturer .sliding_container .supplier .text{ width:134px; height:20px; display:block; margin:20px 10px 0; padding:13px 0 14px; border:1px solid #C7C7C7; text-align:center; font-weight:700; color:#545454; background: url(../../../../_default/frontend/_resources/images/backgrounds/bg_supplier_slider_text.png) repeat-x; } /** index - 3 col listing **/ /* col 1 */ .ctl_index .emotion-col3 .col1 .slider-manufacturer .sliding_container .supplier{ width:235px; } .ctl_index .emotion-col3 .col1 .slider-manufacturer .sliding_container .supplier a img{ max-width:235px; } /* col 2 */ .ctl_index .emotion-col3 .col2 .slider-manufacturer .sliding_container .supplier{ width:170px; } .ctl_index .emotion-col3 .col2 .slider-manufacturer .sliding_container .supplier a img{ max-width:170px; } /* col 3 */ .ctl_index .emotion-col3 .col3 .slider-manufacturer .sliding_container .supplier{width:198px;} .ctl_index .emotion-col3 .col3 .slider-manufacturer .sliding_container .supplier a img{ max-width:198px; } /** index - 4 col listing **/ /* col 1 */ .ctl_index .emotion-col4 .col1 .slider-manufacturer .sliding_container .supplier{ margin:26px 8px; } /* col 2 */ .ctl_index .emotion-col4 .col2 .slider-manufacturer .sliding_container .supplier{ width:187px; } .ctl_index .emotion-col4 .col2 .slider-manufacturer .sliding_container .supplier a img{ max-width:187px; } /* col 3 */ .ctl_index .emotion-col4 .col3 .slider-manufacturer .sliding_container .supplier{ width:198px; } .ctl_index .emotion-col4 .col3 .slider-manufacturer .sliding_container .supplier a img{ max-width:198px; } /* col 4 */ .ctl_index .emotion-col4 .col4 .slider-manufacturer .sliding_container .supplier{ width:204px; } .ctl_index .emotion-col4 .col4 .slider-manufacturer .sliding_container .supplier a img{ max-width:204px; } /** listing - 3 col listing **/ .ctl_listing .emotion-col3 .slider-manufacturer .sliding_container .supplier{ margin:34px 15px; } /* COL 1 */ .ctl_listing .emotion-col3 .col1 .slider-manufacturer .sliding_container .supplier{ width:167px; } .ctl_listing .emotion-col3 .col1 .slider-manufacturer .sliding_container .supplier a img{ max-width:167px; } /* COL 2 */ .ctl_listing .emotion-col3 .col2 .slider-manufacturer .sliding_container .supplier{ width:126px; margin:40px 15px; } .ctl_listing .emotion-col3 .col2 .slider-manufacturer .sliding_container .supplier a img{ max-width:126px; } /* COL 3 */ .ctl_listing .emotion-col3 .col3 .slider-manufacturer .sliding_container .supplier{ width:154px; } .ctl_listing .emotion-col3 .col3 .slider-manufacturer .sliding_container .supplier a img{ max-width:154px; } /** listing - 4 col listing **/ .ctl_listing .emotion-col4 .slider-manufacturer .sliding_container .supplier{ margin:34px 15px; } /* col 1 */ .ctl_listing .emotion-col4 .col1 .slider-manufacturer .sliding_container .supplier{ margin:34px 0; width:131px; } .ctl_listing .emotion-col4 .col1 .slider-manufacturer .sliding_container .supplier a img{ max-width:131px; } /* col 2 */ .ctl_listing .emotion-col4 .col2 .slider-manufacturer .sliding_container .supplier{ width:137px; } .ctl_listing .emotion-col4 .col2 .slider-manufacturer .sliding_container .supplier a img{ max-width:137px; } /* col 3 */ .ctl_listing .emotion-col4 .col3 .slider-manufacturer .sliding_container .supplier{ width:148px; } .ctl_listing .emotion-col4 .col3 .slider-manufacturer .sliding_container .supplier a img{ max-width:148px; } /* col 4 */ .ctl_listing .emotion-col4 .col4 .slider-manufacturer .sliding_container .supplier{ width:154px; } .ctl_listing .emotion-col4 .col1 .slider-manufacturer .sliding_container .supplier a img{ max-width:154px; } /* .end:[slider-manufacturer]----------------------. */ /* .[article-slider-emotion]-----------------------. */ /* .article emotion slider. */ #content .article-slider-emotion .ajaxSlider .sliding_outer{ height:100%;} #content .article-slider-emotion .ajaxSlider .sliding_container .slide{ width:100%; padding:0 30px } #content .article-slider-emotion .ajaxSlider .sliding_container .slide .article_box{ width:auto; height:88%; margin:10px 0; float:none; border-right:1px solid #dfdfdf; } #content .article-slider-emotion .outer-article-box{ float:left; height:100%; } #content .article-slider-emotion .outer-article-box .article-thumb-wrapper{ display:block; height:220px; text-align:center; } #content .article-slider-emotion .outer-article-box .article-thumb-wrapper img{ display:inline-block; max-width:100%; max-height: 200px; } #content .article-slider-emotion .article_box .title, #content .article-slider-emotion .article_box .price{ font-size:14px; } #content .article-slider-emotion .slide .outer-article-box:last-child .article_box{ border-right:0; } #content .article-slider-emotion .slide .article-purchase-unit{ text-align:center; color:#000; font-size:10px; margin-bottom:5px; } /* .end:[article-slider-emotion]-------------------. */ /*oc: */ /* .oc-changes:slider (sum of all above)----------------------------------... */ /* .oc:viewed/bought/topseller/banner-slider horizontal_slider > ajaxSlider > sliding_outer > sliding_container > slide > article_box. */ /* .oc: . */ /* .detailinfo. oc:related:plugins.css. */ #detailinfo .horizontal_slider .ajaxSlider, #detailinfo .slider .ajaxSlider{ width:896px; height:236px; } #detailinfo .horizontal_slider .ajaxSlider .sliding_outer, #detailinfo .slider .ajaxSlider .sliding_outer{ width:896px; left:0; } /* .customers similar viewed slider oc:in[#diDetSimilarViewed (stVooCtrlDetail.css)]. */ #content #detail #diDetSimilarViewed .horizontal_slider{ width:896px; margin:0 auto; } #content #detail #diDetSimilarViewed .ajaxSlider{ height:230px; } #content #detail #diDetSimilarViewed .ajaxSlider .headingbox_nobg{ height:18px; color:white; background:transparent; } /* .arrows. */ #diDetSimilarViewed .ajaxSlider .leftArrow, #diDetSimilarViewed .ajaxSlider .rightArrow{ top:30%; margin-top:0px; background:url(../images/sprite_slider_arrows.png) no-repeat; } #diDetSimilarViewed .ajaxSlider .rightArrow{ background-position: -79px 0; right:0px; } #diDetSimilarViewed .ajaxSlider .leftArrow:hover, #diDetSimilarViewed .ajaxSlider .rightArrow:hover{ background-position:-26px 0; } #diDetSimilarViewed .ajaxSlider .rightArrow:hover{ background-position:-53px 0; } #diDetSimilarViewed .ajaxSlider .leftArrow{ background-position:0px 0; left:0px; } /* .end:arrows. */ #diDetSimilarViewed .ajaxSlider .sliding_outer{ left:0; } #diDetSimilarViewed .viewed-slider .ajaxSlider .sliding_container .slide{ width:896px; } #diDetSimilarViewed .viewed-slider .ajaxSlider .sliding_container .slide .article_box{ width:193px; } #diDetSimilarViewed .viewed-slider .article_box{ width:100%; text-align:center; font-size:11px; font-weight:bold; color:white; } #diDetSimilarViewed .viewed-slider .article_box a.artbox_thumb{ width:105px; height:105px; margin:0 auto 5px; } #diDetSimilarViewed .viewed-slider .article_box .title{ text-align:center; text-decoration:none; font-size:11px; font-weight:bold; color:grey; } #diDetSimilarViewed .viewed-slider .article_box .title:hover{ color:white; } #diDetSimilarViewed .viewed-slider .article_box p.price{ width:100%; bottom:0px; margin-top:5px; text-align:center; font-size:11px; font-weight:bold; color:white; } #diDetSimilarViewed .viewed-slider .article_box p.price.up{ bottom:10px; } /* .end:customers similar viewed slider oc. */ /* .similar slider oc:in[#diDetSimilar (stVooCtrlDetail.css)]. */ /* .end:similar slider oc. */ /* .end:oc-changes:slider-------------------------------------------------... */ /* .end:emotion-slider------------------------------------------------------. */