/**
 * Icon Styles
 *
 * - Styling for pure CSS and image based icons
 *
 * Usage:
 * First you have to decide, if you would like to add an image-based icon or a pure CSS-icon (.icon or .cssicon).
 * Second you choose the appropriate icon. Every specific icon starts with the prefix "i-".
 *
 * Example:
 * <div class="icon i-checked">Free Shipping</div>
 * or
 * <div class="cssicon i-arrowRight">Category name</div>
 */

/* ====== CSS Icons ====== */
.icon {
    background-image: url(#);
    background-repeat: no-repeat;
}
/* use .cssicon instead of .icon for pure CSS icons */
/*
.cssicon {
    position: relative;
    z-index: 1;
    overflow: hidden;
    list-style: none;
    padding-left: 9px;
}
.cssicon:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    border: 4px solid transparent;
    border-width: 4px;
    margin-top: -4px;
    background: transparent;
}
/* cssicon arrow top /
.i-arrowTop:before {
    border-bottom-color: #ccc;
    margin-top: -7px;
    left: 3px;
}
/* cssicon arrow right /
.i-arrowRight:before {
    border-left-color: #ccc;
}
/* cssicon arrow bottom /
.i-arrowBottom:before {
    border-top-color: #ccc;
    margin-top: -3px;
    left: 2px;
}
/* cssicon arrow left /
.i-arrowLeft:before {
    border-right-color: #ccc;
    margin-top: -5px;
    left: 0;
}
/* cssicon bullet /
.i-bullet:before {
    content: "•";
    left: 0;
    top: -2px;
    color: #ccc;
}
*/

/* Image based icons */
/* arrow top */
.i-arrowTop,
.i-arrowRight,
.i-arrowRightDark,
.i-arrowBottom,
.i-arrowLeft {
    padding-left: 8px;
}
.i-arrowTop {
    /* file missing /// background: url('/images/core/icons/arrowTop.png') 0 50% no-repeat; */
}
/* arrow right */
.i-arrowRight {
    background: url('/images/core/icons/arrowRight.png') no-repeat;
}
.i-arrowRightDark {
    background: url('/images/core/icons/arrowRightDark.png') no-repeat;
    font-weight: bold;
}
/* arrow bottom */
.i-arrowBottom {
    background: url("data:image/gif;base64,R0lGODlhBwAEAIABAI6OjgAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjEgNjQuMTQwOTQ5LCAyMDEwLzEyLzA3LTEwOjU3OjAxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgTWFjaW50b3NoIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjFBMjVCNEZDMTIwNjExRTE4Q0ExODU5Q0VCMDY0Q0M5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjFBMjVCNEZEMTIwNjExRTE4Q0ExODU5Q0VCMDY0Q0M5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDRGNkJDMzkxMjAyMTFFMThDQTE4NTlDRUIwNjRDQzkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDRGNkJDM0ExMjAyMTFFMThDQTE4NTlDRUIwNjRDQzkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAABwAEAAACCIQPkaHc62ABADs=") no-repeat 0 3px;
}
/* arrow left */
.i-arrowLeft {
    /* file missing /// background: url('/images/core/icons/arrowLeft.png') 0 50% no no-repeat; */
}

.i-bullet,
.i-bulletDark {
    padding-left: 8px;
}
.i-bullet {
    background: url("data:image/gif;base64,R0lGODlhBAAWAJECAI6Ojv///////wAAACH5BAEAAAIALAAAAAAEABYAAAIRhA4mEMbNnFKn2ouzzjOhLRQAOw==") no-repeat 0px -14px;
}
.i-bulletDark {
    background: url('/images/core/icons/bulletDark.png') no-repeat;
}

/* lock icon */
.i-lock {
    width: 21px;
    height: 25px;
    margin-left: 15px;
    top: 2px;
    background: url('/images/core/icons/lock.png') right no-repeat;
}


.i-checked,
.i-remove,
.i-favorite,
.i-attention,
.i-information {
    padding-left: 20px;
}
.i-checked {
    background: url('/images/core/icons/checked.png') no-repeat 0 50%;
}
.i-checkedLogin {
    background: url('/images/core/icons/checkedLogin.png') no-repeat 0 50%;
    padding-left: 15px;
}
.i-remove {
    color: #b94141;
    background: url('/images/core/icons/remove.gif') no-repeat 4px 2px;
}
.i-favorite {
    background: url('/images/core/icons/favorite.gif') no-repeat;
}
.i-attention {
    background: url('/images/core/icons/attention.png') no-repeat;
}
.i-information {
    background: url('/images/core/icons/information.png') no-repeat;
}

/* payment icons */
.i-payVisa,
.i-payMasterCard,
.i-payAmEx,
.i-diners,
.i-payPayPal,
.i-oxxo,
.i-payDinersClub {
    width: 32px;
    height: 23px;
    overflow: hidden;
    text-indent: -10000px;
    margin-top: 3px;
    margin-bottom: 3px;
}
.i-payVisa {
    background: url('/images/core/icons/payVisa.png') no-repeat;
}
.i-payMasterCard {
    background: url('/images/core/icons/payMasterCard.png') no-repeat;
}
.i-payAmEx {
    background: url('/images/core/icons/payAmEx.png') no-repeat;
}
.i-payDinersClub {
    background: url('/images/core/icons/payDinersClub.png') no-repeat;
}
.i-payPayPal {
    background: url('/images/core/icons/payPayPal.png') no-repeat;
}

.i-paynet {
    background: url('/images/local/icons/paynet_32.jpg') no-repeat center;
}
/* payment icons */
.i-payVisa-50,
.i-cod-50,
.i-payMasterCard-50,
.i-payAmEx-50,
.i-oxxo-50,
.i-paynet-50,
.i-hsbc-50,
.i-banamex-50,
.i-banorte-50,
.i-bancomer-50,
.i-santander-50,
.i-visa-50,
.i-dineroMail-50,
.i-masterCard-50,
.i-directDeposit-50,
.i-sevenEleven-50,
.i-farmaciasAhorro-50,
.i-amex-50{
    width: 50px;
    height: 30px;
    overflow: hidden;
    text-indent: -10000px;
    margin-top: 3px;
    margin-bottom: 3px;
}
.i-payPayPal-50{
	width: 155px;
    height: 20px;
    overflow: hidden;
    text-indent: -10000px;
    margin-top: 3px;
    margin-bottom: 3px;
    margin-right: 50px;
}
.i-payPayPal-50 {
    background:url('/images/local/icons/payment/payment_methods-50_08082013_.png') 0 -125px;
}
.i-hsbc-50 {
    background:url('/images/local/icons/payment/payment_methods-50_08082013_.png') 0 -31px;
}
.i-sevenEleven-50 {
    background:url('/images/local/icons/payment/payment_methods-50_08082013_.png') -51px -145px;
}
.i-farmaciasAhorro-50{
    background:url('/images/local/icons/payment/payment_methods-50_08082013_.png') 0 -145px;
}
.i-banamex-50 {
    background:url('/images/local/icons/payment/payment_methods-50_08082013_.png') -51px -31px;
}
.i-banorte-50 {
    background:url('/images/local/icons/payment/payment_methods-50_08082013_.png') -102px -31px;
}
.i-bancomer-50 {
    background:url('/images/local/icons/payment/payment_methods-50_08082013_.png') 0 -62px;
}
.i-santander-50 {
    background:url('/images/local/icons/payment/payment_methods-50_08082013_.png') -51px -62px;
}
.i-oxxo-50 {
    background:url('/images/local/icons/payment/payment_methods-50_08082013_.png') -102px -62px;
}
.i-visa-50 {
    background:url('/images/local/icons/payment/payment_methods-50_08082013_.png') 0 0;
}
.i-masterCard-50 {
    background:url('/images/local/icons/payment/payment_methods-50_08082013_.png') -51px 0;
}
.i-amex-50 {
    background:url('/images/local/icons/payment/payment_methods-50_08082013_.png') -102px 0;
}
.i-cod-50 {
    background:url('/images/local/icons/payment/payment_methods-50_08082013_.png') -0 -93px;
}
.i-directDeposit-50 {
    background:url('/images/local/icons/payment/payment_methods-50_08082013_.png') -51px -93px;
}
.i-paynet-50 {
    background:url('/images/local/icons/payment/payment_methods-50_08082013_.png') -102px -93px;
}
.i-dineroMail-50 {
    background: url('/images/local/icons/payment/dineromail.jpg') no-repeat;
}


/* shipping icons */
.i-shipDHL,
.i-shipUPS,
.i-shipFedEx,
.i-shipTNT,
.i-shipEstafeta,
.i-shipHermes {
    height: 25px;
    overflow: hidden;
    text-indent: -10000px;
}
.i-shipDHL {
    width: 80px;
    background: url('/images/core/icons/shipDHL.png') no-repeat;
}
.i-shipUPS {
    width: 30px;
    background: url('/images/core/icons/shipUPS.png') no-repeat;
}
.i-shipFedEx {
    width: 74px;
    background: url('/images/core/icons/shipFedEx.png') no-repeat;
}
.i-shipTNT {
    width: 58px;
    background: url('/images/core/icons/shipTNT.png') no-repeat;
}
.i-shipEstafeta{
    width: 80px;
    background:url('/images/local_v2/icons/main_sprite-20140923.png') 0 -70px;
}
.i-shipHermes {
    width: 36px;
    background: url('/images/core/icons/shipHermes.png') no-repeat;
}

/* social icons */
.i-socFacebook,
.i-socTwitter,
.i-socGooglePlus,
.i-socPinterest,
.i-socInstagram,
.i-socRssFeed,
.i-socBlog,
.i-socLinkedin{
    display: block;
    padding-left: 30px;
    width: 50%;
    height: 24px;
    line-height: 24px; /* <= IE8 */
    line-height: 2.4rem;
}

.i-socFacebook {
    background:url('/images/local_v2/icons/main_sprite-20140923.png') 0 -103px;
}
.i-socTwitter {
    background:url('/images/local_v2/icons/main_sprite-20140923.png') 0 -137px;
}
.i-socGooglePlus {
    background:url('/images/local_v2/icons/main_sprite-20140923.png') 0 -574px;
}
.i-socInstagram {
    background: url('/images/local_v2/icons/main_sprite-20140923.png') 0 -540px;
}
.i-socPinterest {
    background:url('/images/local_v2/icons/main_sprite-20140923.png') 0 -171px;
}
.i-socBlog {
    background:url('/images/local_v2/icons/main_sprite-20140923.png') 0 -607px;
}
.i-socRssFeed {
    background: url('/images/local/icons/socRss.png') no-repeat;
}
.i-socLinkedin {
    background:url('/images/local_v2/icons/main_sprite-20140923.png') 0 -643px;
}

#shareButtons .i-socFacebook,
#shareButtons .i-socTwitter,
#shareButtons .i-socGooglePlus,
#shareButtons .i-socPinterest {
    display: block;
    padding-left: 0;
    margin-right: 3px;
    width: 23px;
    height: 23px;
    float: left;
}

#shareButtons .i-socFacebook {
    background:url('/images/local_v2/icons/main_sprite-20140923.png') -125px -1065px;
}
#shareButtons .i-socFacebook:hover {
    background-position:-100px -1065px; 
}
#shareButtons .i-socTwitter {
    background:url('/images/local_v2/icons/main_sprite-20140923.png') -175px -1065px;
}
#shareButtons .i-socTwitter:hover {
    background-position:-150px -1065px; 
}
#shareButtons .i-socGooglePlus {
    background:url('/images/local_v2/icons/main_sprite-20140923.png') -75px -1065px;
}
#shareButtons .i-socGooglePlus:hover {
    background-position:-50px -1065px; 
}
#shareButtons .i-socPinterest {
    background:url('/images/local_v2/icons/main_sprite-20140923.png') -25px -1065px;
}
#shareButtons .i-socPinterest:hover {
    background-position: 0px -1065px; 
}

/* certificates icons */
.i-certTrustedShops,
.i-certSsl,
.i-certTuevSued {
    width: 40px;
    height: 40px;
    text-indent: -10000px;
    overflow: hidden;
}
.i-certTrustedShops {
    background: url('/images/core/icons/certTrustedShops.png') no-repeat;
}
.i-certSsl {
    background: url('/images/core/icons/certSsl.png') no-repeat;
}
.i-certTuevSued {
    background: url('/images/core/icons/certTuevSued.png') no-repeat;
}

/* USP icons */
.i-usp {
    height: 28px;
    margin-right:10px;
}
.i-usp > div {
    padding-top: 4px;
    line-height: 11px;
    line-height: 1.1rem;
}
li.i-usp{
    margin:5px 0;
}
.i-usp > div span {
    font-size: 11px;
    font-size: 1.1rem;
}
.i-uspShipping {
    padding-left: 30px;
    background: url('/images/local_v2/icons/main_sprite-20140923.png') 0 -205px;
}
.i-uspShipping:hover {
    padding-left: 30px;
    background: url('/images/local_v2/icons/main_sprite-20140923.png') 0 -677px;
}
.i-uspPlay {
    padding-left: 43px;
    background: url('/images/local/icons/upsPlay.png') no-repeat;
    cursor: pointer;
}
/* XMAS Theme */
.i-uspRetour {
    padding-left: 35px;
    background: url('/images/local_v2/icons/main_sprite-20140923.png') 0 -243px;
}
.i-uspRetour:hover {
    padding-left: 35px;
    background: url('/images/local_v2/icons/main_sprite-20140923.png') 0 -715px;
}

/* END XMAS Theme */

.i-uspSecure {
    padding-left: 43px;
    background: url('/images/local_v2/icons/main_sprite-20140923.png') 0 -395px;
}
.i-uspCOD {
    padding-left: 38px;
    background: url('/images/local_v2/icons/main_sprite-20140923.png') 0 -281px;
}
.i-uspCOD:hover {
    padding-left: 38px;
    background: url('/images/local_v2/icons/main_sprite-20140923.png') 0 -753px;
}
.i-uspInstallments {
    padding-left: 35px;
    background: url('/images/local_v2/icons/main_sprite-20140923.png') 0 -319px;
}
.i-uspInstallments:hover {
    padding-left: 35px;
    background: url('/images/local_v2/icons/main_sprite-20140923.png') 0 -791px;
}
.i-uspDelivery {
    padding-left: 37px;
    background: url('/images/local/icons/uspDelivery.png') no-repeat;
}


.i-uspHotline {
    padding-left: 43px;
    background: url('/images/local_v2/icons/main_sprite-20140923.png') 0 -357px;
}
.i-uspHotline:hover {
    padding-left: 43px;
    background: url('/images/local_v2/icons/main_sprite-20140923.png') 0 -830px;
}

.i-uspHotline-thin:hover {
   
}
.i-cnnExpansionCart {  
    padding: 0px 0 30px 240px;
    background: url('/images/local_v2/icons/main_sprite-20140923.png') 0 -903px;
}
.i-usp.extended > div {
    padding-top: 3px;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 12px;
    line-height: 1.2rem;
}
.i-usp.extended > div span {
    font-size: 10px;
    font-size: 0.9rem;
}
.i-uspDelivery.extended {
    margin-left: 5px;
    padding-left: 39px;
}
.i-uspHotline.extended {
    margin-left: 0px;
    padding-left: 44px;
}


/* Services icons */
.i-wishlist,
.i-recommend,
.i-sizeNotification,
.i-return,
.i-freeShipping {
    height: 26px;
    line-height: 26px;
    padding-left: 25px;
}
.i-wishlist {
    display: inline-block;
    height: 22px;
    line-height: 22px;
    background: url('/images/local_v2/icons/main_sprite-20140923.png') no-repeat scroll -350px 7px;
    width: 17px;
    float: left;
    margin-top: -5px;
    padding-left: 0;
}
.i-recommend {
    background: url('/images/core/icons/recommend.png') no-repeat 2px 2px;
}
.i-return {
    background: url('/images/core/icons/return.png') no-repeat 2px 2px;
}
.i-freeShipping {
    background: url('/images/core/icons/freeShipping.png') no-repeat 2px 2px;
}

/* Icon for cart button on product detail page */
.i-cart {
    display: block;
    min-height: 53px;
    padding-left: 50px;
    background: url('/images/core/icons/topcart.png') no-repeat 10px 15px;
}


/* Close icon in dialog box */
.i-dialogClose {
    width: 25px;
    height: 25px;
    background: url('/images/core/icons/dialogClose.png') no-repeat;
}

/* prev next icons for slideshow controls */
.i-slidePrev,
.i-slideNext {
    width: 100%;
    height: 100%;
}


/* Icons on checkout pages */
.i-checkoutShipping {
    min-height: 17px;
    padding-left: 30px;
    background: url('/images/core/icons/checkoutShipping.gif') 0 50% no-repeat;
}

/* cart icons */
.i-truck {
    padding-left: 35px;
    background: url('/images/core/icons/truck.png') left center no-repeat;
}

/*catalog icons*/
.i-search {
    background: url('/images/core/facets/search.png') no-repeat;
}
/*ie7 searchLoupe position*/
.ie7 .i-search {
    background: url('/images/core/facets/search.png') no-repeat;
    background-position: 145px 5px;
}

/*  */
.i-searchLoupe {
    background: url('/images/core/icons/searchLoupe.png') 0 50% no-repeat;
    display: inline-block;
    min-height: 12px;
    padding-left: 18px;
}

/**
 * @TODO
 */

.ui-iconText {
    padding-left: 21px;
    position: relative;
}

label.ui-iconText {
    vertical-align: baseline;
}
.ui-iconText .img {
    left: 0;
    position: absolute;
    top: -1px;
    vertical-align: middle;
}
i.img u {
    position: absolute;
    top: -1e+7px;
}
#categoryContent li.cnv-level-1{
    border-bottom: 1px solid #CCC;
    padding: 5px 0;
}
#categoryContent li.cnv-level-6,
#categoryContent li.cnv-level-7,
#categoryContent li.cnv-level-8{
 /*   border-top: 1px dotted #dbd9db;*/
    padding: 3px 0;
}
#categoryContent li.cnv-level-6:first-child,
#categoryContent li.cnv-level-7:first-child,
#categoryContent li.cnv-level-8:first-child{
    border-top: none;
}

#prevSlide{
    cursor: pointer;
    position: absolute;
    height: 28px;
    width: 28px;
    left: 15px;
    z-index: 8;
    background-position: -51px 0;
    background-image: url('/images/local_v2/home/v2/slideshow-controls.png');
    background-repeat: no-repeat;
}
#prevSlide:hover{
    background-position: -78px 0;
}
#nextSlide{
    cursor: pointer;
    position: absolute;
    height: 28px;
    width: 28px;
    right: 15px;
    z-index: 8;
    background-position: -26px 0;
    background-image: url('/images/local_v2/home/v2/slideshow-controls.png');
    background-repeat: no-repeat;
}
#nextSlide:hover{
    background-position: 0 0;
}

.fb_bw{
    background: url('/images/local_v2/icons/main_sprite-20140923.png') no-repeat -332px 0px;
    background-position: -115px -391px;
    width: 23px;
    height: 23px;
}
.i-heart{
    background: url('/images/local_v2/icons/main_sprite-20140923.png') no-repeat -352px 0px;
    background-repeat: no-repeat;
    width: 14px;
    height: 10px;   
    display: inline-block;
    vertical-align: text-top;
}

/*zoom expanded icons*/
.i-zoom-expanded-previous,
.i-zoom-expanded-next {
    height: 36px;
    width: 33px;
}
.i-zoom-expanded-previous {
    background:url('/images/local_v2/icons/main_sprite-20140923.png') -33px -1100px;
}
.i-zoom-expanded-previous:hover {
    background-position: 0px -1100px; 
}
.i-zoom-expanded-next {
    background:url('/images/local_v2/icons/main_sprite-20140923.png') -99px -1100px;
}
.i-zoom-expanded-next:hover {
    background-position:-66px -1100px; 
}

/* carousel arrows */
.i-vprevious,
.i-vnext {
    width: 11px;
    height: 7px; 
}
.i-hprevious,
.i-hnext {
    width: 7px;
    height: 11px; 
}


.i-vprevious {
    
}
.i-vnext {
    
}
.i-hprevious {
    background:url('/images/local_v2/icons/main_sprite-20140923.png') -32px -1140px;
}
.i-hnext {
    background:url('/images/local_v2/icons/main_sprite-20140923.png') -25px -1140px; 
}


.i-tooltip-down-arrow {
    background:url('/images/local_v2/icons/main_sprite-20140923.png')  -332px -10px;
}

.scrollToTop {
    background: url("/images/local/icons/arrow-top.png") no-repeat scroll 20px 10px #666666;
    padding: 20px 0 5px;
    position: absolute;
    right: -50px;
    text-align: center;
    top: -8px;
    width: 50px;
}
.scrollToTop:hover {
    text-decoration: none;
}
.scrollToTop span {
    color: #FFF;
    font-weight: bold;
}