/* CSS Container */
/* PAGENAME: CSS Container - shopfinder2015 (vodafone.shopfinder2015.css) PAGEID: 247750 PUBLISHING DATE: 2017-07-25 14:17:02 */
/* URL-Prefix: [] */
/* -[SNIPPETS >>>]---------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------------------------- */
/* CONTENT CLASS: CSS Snippet - shopfinder2015 */
/* PAGENAME: CSS Snippet - shopfinder2015 PAGEID: 247751 */
/* ------------------------------------------------------------------------------------------ */
/* VERSION:  */
/* URL-Prefix: [] */
/* ------------------------------------------------------------------------------------------- */


.shopfinder15         { position:relative;width:100%;font-size:14px;color:#333333; }


.inputBox           { position:relative;margin:0 21px 20px 3px; }
.inputBox input     { position:relative;display:block;float:left;font-family:'VodafoneRgRegular',Arial,Helvetica,sans-serif;font-size:21px;margin-top:8px;padding:8px 10px;font-weight:normal;color:#666666;width:410px;border-radius: 3px;box-shadow: 0 1px 2px #000000 inset; }
.inputBox .buttonBig    { float:left;margin:8px 0 0 20px; }

.filterContainer     { position:relative;margin:0 21px 20px 3px;border-bottom:2px solid #cccccc }
.filterBox           { position:relative;padding:10px 0 0; }
.filterBox .filter,
.filterBox .caption  { position:relative;float:left;margin:0 30px 20px 0;padding:46px 0 0;text-align:center;cursor:pointer; }


.filterBox .business          { background:url(/images/v5/current_business.png) center top no-repeat; }
.filterBox .business.active   { background:url(/images/v5/pressed_business.png) center top no-repeat; }
.filterBox .onsite            { background:url(/images/v5/current_businessvorort.png) center top no-repeat; }
.filterBox .onsite.active     { background:url(/images/v5/pressed_businessvorort.png) center top no-repeat; }
.filterBox .service           { background:url(/images/v5/current_service.png) center top no-repeat; }
.filterBox .service.active    { background:url(/images/v5/pressed_service.png) center top no-repeat; }
.filterBox .flagstore         { background:url(/images/v5/current_flagshipstore.png) center top no-repeat; }
.filterBox .flagstore.active  { background:url(/images/v5/pressed_flagshipstore.png) center top no-repeat; }
.filterBox .data              { background:url(/images/v5/current_termine.png) center top no-repeat; }
.filterBox .data.active       { background:url(/images/v5/pressed_termine.png) center top no-repeat; }
.filterBox .diagnose              { background:url(/images/v5/current_diagnostics.png) center top no-repeat; }
.filterBox .diagnose.active       { background:url(/images/v5/pressed_diagnostics.png) center top no-repeat; }

.filterBox .caption           { background:url(/images/v5/current_Legende.png) center top no-repeat; }
.filterBox .caption.active    { background:url(/images/v5/pressed_Legende.png) center top no-repeat; }

.filterBox .loading           { position: absolute; right: 0px; bottom: 13px;display:none; }

.iconBusiness     { background:url(/images/v5/Business-mini.png) no-repeat;background-size:16px 16px; }
.iconOnsite       { background:url(/images/v5/Business-mini_vor_Ort.png) no-repeat;background-size:16px 16px; }
.iconService      { background:url(/images/v5/Service-mini.png) no-repeat;background-size:16px 16px; }
.iconFlagstore    { background:url(/images/v5/Flagshipstore-min.png) no-repeat;background-size:16px 16px; }
.iconDate         { background:url(/images/v5/Termine-mini.png) no-repeat;background-size:16px 16px; }
.iconDiagnose     { background:url(/images/v5/diagnostic_mini.png) no-repeat; background-size: 16px 16px;}


@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {

.filterBox .business          { background:url(/images/v5/current_businessvorort_2x.png) center top no-repeat;background-size:39px 39px; }
.filterBox .business.active   { background:url(/images/v5/pressed_business_2x.png) center top no-repeat;background-size:39px 39px; }
.filterBox .onsite            { background:url(/images/v5/current_businessvorort_2x.png) center top no-repeat;background-size:39px 39px; }
.filterBox .onsite.active     { background:url(/images/v5/pressed_businessvorort_2x.png) center top no-repeat;background-size:39px 39px; }
.filterBox .service           { background:url(/images/v5/current_service_2x.png) center top no-repeat;background-size:39px 39px; }
.filterBox .service.active    { background:url(/images/v5/pressed_service_2x.png) center top no-repeat;background-size:39px 39px; }
.filterBox .flagstore         { background:url(/images/v5/current_flagshipstore_2x.png) center top no-repeat;background-size:39px 39px; }
.filterBox .flagstore.active  { background:url(/images/v5/pressed_flagshipstore_2x.png) center top no-repeat;background-size:39px 39px; }
.filterBox .data              { background:url(/images/v5/current_termine_2x.png) center top no-repeat;background-size:39px 39px; }
.filterBox .data.active       { background:url(/images/v5/pressed_termine_2x.png) center top no-repeat;background-size:39px 39px; }
.filterBox .diagnose              { background:url(/images/v5/current_diagnostics_2x.png) center top no-repeat; background-size:39px 39px;}
.filterBox .diagnose.active       { background:url(/images/v5/pressed_diagnostics2x.png) center top no-repeat; background-size:39px 39px;}

.filterBox .caption           { background:url(/images/v5/current_Legende_2x.png) center top no-repeat;background-size:39px 39px; }
.filterBox .caption.active    { background:url(/images/v5/pressed_Legende_2x.png) center top no-repeat;background-size:39px 39px; }

}





.tooltipp.captionSpecial:before                      { bottom:100%;left:50%;border-bottom-color:#cccccc;border-width:11px;margin-left:-11px; }
.tooltipp.captionSpecial:after                       { bottom:100%;left:50%;border-bottom-color:#cccccc;border-width:10px;margin-left:-10px; }                        
.tooltipp.captionSpecial .wrap:after                 { bottom:100%;left:50%;border-bottom-color:#ffffff;border-width:7px;margin-left:-7px; }
.tooltipp.captionSpecial                             { position:absolute;top:50px;left:-119px;width:286px;z-index:10;display:none; }
.tooltipp.captionSpecial .body                       { font-size:12px;text-align:left; }
.tooltipp.captionSpecial .captionTxt                 { position:relative;margin:0px -5px;padding:10px 10px 10px 40px;border-top:1px solid #cccccc; }
.tooltipp.captionSpecial .captionTxt:first-child     { border:0; }
.tooltipp.captionSpecial .captionTxt.iconBusiness,
.tooltipp.captionSpecial .captionTxt.iconOnsite,
.tooltipp.captionSpecial .captionTxt.iconService,
.tooltipp.captionSpecial .captionTxt.iconFlagstore,
.tooltipp.captionSpecial .captionTxt.iconDiagnose,
.tooltipp.captionSpecial .captionTxt.iconDate        { background-position:13px 10px; }
.tooltipp.captionSpecial #closeButton,
.tooltipp.captionSpecial .closeButton                { position:absolute;top:13px;right:10px;cursor:pointer;display:none !important; }

.filterBox .caption.active .tooltipp.captionSpecial  { display:block; }

.alertBox              { position:relative;border:1px solid #ff5400;border-radius:5px;margin:0 22px 30px 3px;padding:16px 16px 16px 60px;background:#fff5f0 url(/images/v5/css/icon_alert_round.png) no-repeat 20px 15px;line-height:18px; }
.alertBox .headline    { position:relative;font-size:20px;line-height:22px;font-weight:bold;margin-bottom:10px; }


.head3               { position:relative;margin:0 21px 15px 3px;font-size:16px;font-weight:bold; }

.resultWrapper       { position:relative; }




.col                  { position:relative;padding:0 10px;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; }


.storeListContainer           { position:relative;height:620px;margin:-1px -10px 0 -1px;outline:none; }
.noMap .storeListContainer    { height:auto; }
.storeList                    { position:relative;margin:1px 0 0 1px; }

.storeBox             { position:relative;margin:0 10px 0 0;border:1px solid #cccccc;border-radius: 3px;box-shadow: 0 1px 2px #cccccc; }
.storeBoxSpacer       { position:relative;height:6px; }

.storeBox .baseBox                  { position:relative;cursor:pointer;background:url(/images/v5/css/storebox_down.png) no-repeat 286px 17px; }
.storeBox.active .baseBox           { background:url(/images/v5/css/storebox_up.png) no-repeat 286px 17px;cursor:default; }
.storeBox .baseBox .txtBox          { position:relative;display:table-cell;vertical-align:middle;height:43px;padding:0 32px 0 45px;font-size:16px; line-height: 18px; }
.storeBox .baseBox .marker          { position:absolute;top:5px;left:10px;width:16px;height:22px;background:url(/images/v5/css/marker_gray.png) no-repeat;
                                      font-family:'VodafoneRgBold',Arial,Helvetica,sans-serif;font-size:16px;font-weight:normal;color:#ffffff;padding:5px;text-align:center; }
.storeBox.active .baseBox .marker   { background:url(/images/v5/css/marker_red.png) no-repeat; }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    .alertBox                           { background:url(/images/v5/css/icon_alert_round_2x.png) no-repeat 20px 15px;background-size:20px 20px; }
    .storeBox .baseBox                  { background:url(/images/v5/css/storebox_down_2x.png) no-repeat 286px 17px;background-size:14px 9px; }
    .storeBox.active .baseBox           { background:url(/images/v5/css/storebox_up_2x.png) no-repeat 286px 17px;background-size:14px 9px; }
           .storeBox .baseBox .marker   { background:url(/images/v5/css/marker_gray_2x.png) no-repeat;background-size:26px 32px; }
    .storeBox.active .baseBox .marker   { background:url(/images/v5/css/marker_red_2x.png) no-repeat;background-size:26px 32px; }
}

.storeBox .moreBox                            { position:relative;display:none; }
.storeBox .moreBox .contentBox                { position:relative;padding:16px 20px 20px; }
.storeBox .moreBox .contentBox .contentCol    { position:relative;width:96%;float:left;border-right:1px solid #e5e5e5;padding-top:18px;line-height:16px; }
.storeBox .moreBox .contentBox .contentCol:first-child     { padding-top:0px; }
.storeBox .moreBox .contentBox .contentCol a.buttonBig:last-child     { margin: 0; }

.storeBox .moreBox .iconBox          { position:absolute;top:22px;right:7px; }
.storeBox .moreBox .icon             { position:relative;width:16px;margin-bottom:5px; height:16px; }

.storeBox .moreBox .gradient     { position:relative;height:6px;
                                    background: #ffffff; /* Old browsers */
                                    background: -moz-linear-gradient(#e2e2e2 0%, #f7f7f7 50%, #ffffff 100%); /* FF3.6+ */
                                    background: -webkit-linear-gradient(#e2e2e2 0%, #f7f7f7 50%, #ffffff 100%); /* Chrome10+,Safari5.1+ */
                                    background: -o-linear-gradient(#e2e2e2 0%, #f7f7f7 50%, #ffffff 100%); /* Opera 11.10+ */
                                    background: -ms-linear-gradient(#e2e2e2 0%, #f7f7f7 50%, #ffffff 100%); /* IE10+ */
                                    background: linear-gradient(#e2e2e2 0%, #f7f7f7 50%, #ffffff 100%); /* W3C */
                                  }


.listCoverTop              { position:absolute;top:4px;left:2px;width:315px;height:4px;background:url(/images/v5/css/list_cover_top.png); }
.listCoverBot              { position:absolute;top:620px;left:2px;width:315px;height:7px;background:url(/images/v5/css/list_cover_bot.png); }
.noMap .listCoverTop       { display:none; }
.noMap .listCoverBot       { display:none; }





.mapBox              { position:relative;height:616px;border:2px solid #cccccc;border-radius:5px; }









@media only screen and (min-width: 767px) {
    
    .w-33   { width:35.3333%;float:left; }
    .w-66   { width:64.6666%;float:left; }
    .col    { padding:5px 21px 0 3px; }
    
    .shopfinder15.noMap .w-33     { width:100%;float:none; }
    .shopfinder15.noMap .w-66     { display:none; }
    
    .noMap .storeBox .baseBox           { background-position: 932px 17px; }  
    .noMap .storeBox.active .baseBox    { background-position: 932px 17px; }
    
    .noMap .storeBox .moreBox .contentBox .contentCol                { min-height:128px;width:23%;margin-right:10px;padding-top:0;border:0; }
    .noMap .storeBox .moreBox .contentBox .contentCol a.buttonBig    { margin-left:15px; }
    .noMap .storeBox .moreBox .iconBox                               { height:128px;border-left:1px solid #e5e5e5;padding-left:7px; }
    .shopfinder15 { min-height: 460px; }
    
}




@media only screen and (max-width: 767px) {
    
    .storeListContainer          { height:auto; }
    
    .listCoverTop       { display:none; }
    .listCoverBot       { display:none; }
    
    .storeBox .baseBox           { background-position: 275px 17px; }
    .storeBox.active .baseBox    { background-position: 275px 17px; }
    
    
    .inputBox               { margin:0 10px 20px 10px; }
    .inputBox input         { width:280px; }
    .inputBox .buttonBig    { width:258px;margin:20px 0 0 0px; }
    
    .head3     { margin:0 10px 15px 10px;font-size:14px;font-weight:bold; }
    
    .filterContainer     { margin:0 10px 20px 10px; }
    .filterBox           { margin:0 -30px 0 0; }
    .filterBox .filter   { margin:0 20px 20px 0; }
    .filterBox .loading  { right: 30px; }
    
    .tooltipp.captionSpecial:before                      { left:10%; }
    .tooltipp.captionSpecial:after                       { left:10%; }                        
    .tooltipp.captionSpecial .wrap:after                 { left:10%; }
    .tooltipp.captionSpecial                             { left:0px; }

    .alertBox              { margin:0 10px 30px 10px; }
    
    .storeBox .moreBox .contentBox                            { padding: 16px 20px 20px 10px; }
    .storeBox .moreBox .contentBox .contentCol.buttonBox      { border:0; }
    .storeBox .moreBox .contentBox .contentCol a.buttonBig    { width:236px; }
    
    
    .mapBox              { width:296px;height:231px; }
    
    .resultWrapper .w-33      { padding-top:250px; }
    .resultWrapper .w-66      { position:absolute;top:40px;left:0; }
    
    .noMap .resultWrapper .w-33   { padding-top:0; }
    .noMap .resultWrapper .w-66   { position:relative;top:auto;left:auto; }
    .noMap .mapBox                { display:none; }
    .shopfinder15 { min-height: 635px; }
        
}





/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
    overflow: hidden;
    position: relative;
}

.jspPane
{
    position: absolute;
}

.jspVerticalBar
{
    position: absolute;
    top: 0;
    right: 0;
    width: 8px;
    height: 100%;
    background: white;
}

.jspHorizontalBar
{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 16px;
    background: red;
}

.jspCap
{
    display: none;
}

.jspHorizontalBar .jspCap
{
    float: left;
}

.jspTrack
{
    background: #ebebeb;
    position: relative;
    border-radius:4px;
}

.jspDrag
{
    background: #666666;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
    border-radius:4px;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
    float: left;
    height: 100%;
}

.jspArrow
{
    background: #50506d;
    text-indent: -20000px;
    display: block;
    cursor: pointer;
    padding: 0;
    margin: 0;
}

.jspArrow.jspDisabled
{
    cursor: default;
    background: #80808d;
}

.jspVerticalBar .jspArrow
{
    height: 16px;
}

.jspHorizontalBar .jspArrow
{
    width: 16px;
    float: left;
    height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
    outline: none;
}

.jspCorner
{
    background: #eeeef4;
    float: left;
    height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
    margin: 0 -3px 0 0;
}



  
/* -[SNIPPETS <<<]---------------------------------------------------------------------------- */