/* 
    Created on : 22-jun-2015, 17:19:55
    Author     : FHIOS
*/
/* RESET STYLES */

#belt-top div,
#belt-top span,
#belt-top applet,
#belt-top object,
#belt-top iframe,
#belt-top h1,
#belt-top h2,
#belt-top h3,
#belt-top h4,
#belt-top h5,
#belt-top h6,
#belt-top p,
#belt-top blockquote,
#belt-top pre,
#belt-top a,
#belt-top abbr,
#belt-top acronym,
#belt-top address,
#belt-top big,
#belt-top cite,
#belt-top code,
#belt-top del,
#belt-top dfn,
#belt-top em,
#belt-top img,
#belt-top ins,
#belt-top kbd,
#belt-top q,
#belt-top s,
#belt-top samp,
#belt-top small,
#belt-top strike,
#belt-top strong,
#belt-top sub,
#belt-top sup,
#belt-top tt,
#belt-top var,
#belt-top b,
#belt-top u,
#belt-top i,
#belt-top center,
#belt-top dl,
#belt-top dt,
#belt-top dd,
#belt-top ol,
#belt-top ul,
#belt-top li,
#belt-top fieldset,
#belt-top form,
#belt-top label,
#belt-top legend,
#belt-top table,
#belt-top caption,
#belt-top tbody,
#belt-top tfoot,
#belt-top thead,
#belt-top tr,
#belt-top th,
#belt-top td,
#belt-top article,
#belt-top aside,
#belt-top canvas,
#belt-top details,
#belt-top embed,
#belt-top #belt-top figure,
#belt-top figcaption,
#belt-top footer,
#belt-top header,
#belt-top hgroup,
#belt-top #belt-top menu,
#belt-top nav,
#belt-top output,
#belt-top ruby,
#belt-top section,
#belt-top summary,
#belt-top time,
#belt-top mark,
#belt-top audio,
#belt-top video {
    margin: 0;
    padding: 0;
    /*font-size: 100%;*/
    /*font: inherit;*/
    
    vertical-align: baseline;
}
/*
#belt-top .search_text {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: initial;
  background-image: none;
  background-position: center;
  background-repeat: no-repeat;
  border-color: initial;
  border-image: none;
  border-style: none none dotted;
  border-width: 0;
  color: initial !important;
  font-family: initial;
  font-size: initial;
  padding-right: 0;
  width: initial;
}
#belt-top input.b_icono {
  background-color: initial;
  background-image: none;
  background-position: center;
  background-repeat: no-repeat;
  border: medium none;
  cursor: pointer;
  float: none;
  font-size: initial;
  margin-right: 0;
  padding: 0;
  position: initial;
  top: 0;
  width: initial;
  z-index: initial;
}
*/
/* Search tool and box */

#belt-top {
    height: auto;
    min-height: 52px;
}

#navigation {
    height: auto;
}

#belt-top .belt-top-search-tool img.belt-top-search-tool-image {
    cursor: pointer;
}
/* /Search tool and box */
/* /BELT_TOP */

#belt-top .belt-top-max-width {
    margin: 0 auto;
    position: relative;
    text-align: right;
    width: 100%;
}

.belt-top-affinity-logo-anchor {
    float: left;
}

#belt-top #logo {
    transform-origin: 50% 7px 0;
    transition: all 0.6s cubic-bezier(0.64, 0.57, 0.47, 1.29) 0s;
}

#belt-top .belt-top-affinity-logo-anchor:hover {
    opacity: 0.99;
    transform: rotate(14deg);
}
#belt-top .belt-top-affinity-logo-mobile .belt-top-affinity-logo-anchor:hover {
    transform: none;
}

#belt-top .belt-top-left {
    display: inline-block;
    left: 0;
    padding-top: 7px;
    position: absolute;
    vertical-align: top;
    z-index: 10000;
}

#belt-top .belt-top-right {
    padding-top: 10px;
    position: relative;
    vertical-align: top;
    width: auto;
}

#belt-top .belt-top-right div {
    display: inline-block;
    vertical-align: top;
}
/*
#belt-top .belt-top-right div.dropdown {
  display: initial;

#belt-top .singin > div + div {
    border-right: 1px solid #e24301;
    color: #e24301;
    display: inline-block;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    padding: 8px 18px 1px 0;
    vertical-align: baseline;
}
#belt-top .belt-top-right div{
  border-bottom: 4px solid #e24301;
}
*/

#belt-top .belt-top-right div img {
    border-right: 1px solid #e24301;
    padding: 2px 20px;
    width: 27px;
    box-sizing: content-box;
}
#belt-top .belt-top-right div#block-affinity-belt-affinity-belt-top-connect img {
    padding: 0;
}

#belt-top #block-affinity-belt-affinity-belt-top-logo-mobile {
    display: none;
}

#belt-top .login.hover {
    height: 37px;
}

#belt-top .login.hover div + div {
    padding-top: 5px;
    vertical-align: top;
    padding-left: 5px;
}

#belt-top .belt-top-right .affinity_login_box .dropdown {
    display: none;
}

#belt-top .affinity_login_box {
    height: 39px;
    width: auto;
}
/*
#belt-top .affinity_login_box .image {
    background: rgba(0, 0, 0, 0) url("../img/no-login.png") repeat scroll center center;
    margin: 0 15px;
}
*/

#belt-top .affinity_login_box .login .image {
    height: 26px !important;
    width: 26px !important;
    box-sizing: content-box;
}

#block-affinity-belt-affinity-belt-top-connect {
    padding: 1px 0 !important;
}

#belt-top select {
    -moz-appearance: none;
    border: 0 none;
    color: #e24301;
    font-family: "arial";
    font-size: 15px;
    padding: 0
    /*    width: 70px !important;*/
}

#block-affinity-belt-affinity-belt-top-lang-select {
    /* border-left: 1px solid #e24301;*/
}

#belt-top .lang-dropdown-select-element {
    -moz-appearance: none;
    background: #fff url("../img/img_icon_arrow.png") no-repeat scroll 35px 13px;
    height: 36px;
    padding: 0 5px;
    text-transform: uppercase;
    /*width: 70px !important;*/
}
/*
#belt-top .lang-dropdown-select-element {
    -moz-appearance: none;
    background: #fff url("../img/img_icon_arrow.png") no-repeat scroll 35px 13px;
    height: 36px;
    padding: 0 5px;
    text-transform: uppercase;
    width: 70px !important;
}
*/

#belt-top select::-ms-expand {
    display: none;
}

#belt-top option {
    -moz-appearance: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -webkit-appearance: none;
    -webkit-border-bottom-colors: none;
    -webkit-border-left-colors: none;
    -webkit-border-right-colors: none;
    -webkit-border-top-colors: none;
    -webkit-padding-before: 10px;
    background-color: #443d3a;
    border-bottom: 0 none;
    border-image: none;
    border-left: 0 none;
    border-right: 0 none;
    -webkit-border-top: 1px solid #fff;
    border-top: 1px solid #fff !important;
    color: #fff;
    font-family: "arial";
    padding: 10px 0;
    (-bracket-: hack;
    min-height: auto!important;
    );
    text-align: center;
    width: 100%;
}

#belt-top select>option:hover
/*,option:focus, option:active*/

{
    background-color: #443d3a;
    border: 0 none;
    color: #e24301!important;
    font-family: "arial";
    font-weight: bold;
}

#belt-top .belt-top-search-tool {
    height: 42px;
}

#belt-top .belt-top-search-tool:hover {
    border-bottom: 4px solid #dd4814;
}

#belt-top .belt-top-search-tool.active {
    border-bottom: 4px solid #dd4814;
}

#belt-top .belt-top-consumer-care {
    height: 42px;
}

#belt-top .belt-top-consumer-care:hover {
    border-bottom: 4px solid #dd4814;
}

#belt-top .belt-top-search-box {
    background-color: #e0e0e0;
    border-bottom: 1px solid #fff;
    height: 56px;
}

#belt-top #block-affinity-belt-affinity-belt-top-search-box {
    height: 57px !important;
    margin: 0 auto;
    max-width: 1020px;
    position: relative;
    text-align: right;
    width: 100%;
}

#belt-top #block-affinity-belt-affinity-belt-top-search-box .block-inner.clearfix {
    height: 57px;
}

#belt-top #block-affinity-belt-affinity-belt-top-search-box .block-inner.clearfix #belt-top-search-box {
    height: 57px;
}

#belt-top *::-moz-placeholder {
    color: #e24301;
}

#belt-top *::-webkit-input-placeholder {
    color: #e24301;
}

#belt-top *::-ms-input-placeholder {
    color: #e24301;
}

#belt-top .affinity_login_box {
    height: 42px;
    padding-left: 8px;
    width: auto;
}

.affinity_login_box.open .login,
.affinity_login_box:hover .login {
    box-shadow: none!important
}

#belt-top .no-login.hover div + div {
    border-right: 1px solid #e24301;
    color: #e24301;
    display: inline-block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 6px 18px 3px 5px;
    vertical-align: top;
}

#belt-top .login.hover div + div {
    border-right: 1px solid #e24301;
    color: #e24301;
    padding: 6px 18px 3px 5px;
    vertical-align: top;
}

#belt-top .block-inner.clearfix {
    height: 40px;
}
/*
#search-block-form > div {
    margin: 0 auto;
    position: relative;
    width: 1000px;
}
*/

#belt-top .container-inline {
    display: block;
    font-size: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    width: 380px;
}

#belt-top #block-search-form .content {
    text-align: right;
}

#belt-top .container-inline div {
    font-size: 0;
    margin: 0;
    padding: 0;
}

#belt-top .form-item.form-type-textfield.form-item-search-block-form {
    background-color: #fff;
    display: inline-block;
    padding: 12px;
    text-align: left;
    vertical-align: top;
    width: 50%;
}

#belt-top .form-item.form-type-textfield.form-item-search-block-form input {
    -moz-appearance: none;
    background-color: #fff;
    border: medium none;
    color: #e24301 !important;
    font-family: arial;
    font-size: 15px;
    width: 100%;
}

#belt-top .container-inline #edit-actions {
    background-color: #e24301;
    display: inline-block;
    padding: 16px;
    text-align: left;
    vertical-align: top;
    width: 40%;
}

#belt-top .container-inline #edit-actions input {
    -moz-appearance: none;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    color: #fff;
    font-family: arial;
    font-size: 20px;
    text-align: left;
    text-transform: inherit;
}

#belt-top .belt-top-lang-select {
    height: 40px;
}

#belt-top .form-item.form-type-textfield.form-item-search-block-form .arrow {
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    border-width: 5px 0 6px 5px;
    height: 0;
    left: 60%;
    position: absolute;
    top: 41%;
    width: 0;
}

#navigation #belt-top .affinity_login_box .dropdown ul li {
    line-height: normal;
    margin: 0;
    padding: 10px 5px;
}

#navigation #belt-top .affinity_login_box .dropdown {
    padding: 0 10px;
    position: absolute;
    right: 0;
    top: 100%;
    white-space: nowrap;
    z-index: 10000000;
    height: auto;
}

#belt-top .login.hover {
    height: 37px;
    padding-left: 8px;
}

#navigation #belt-top .dropdown a {
    font-family: "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif!important;
    font-size: 14px;
    color: #fff;
    line-height: normal;
    vertical-align: middle;
    text-transform: inherit;
}

#navigation #belt-top .affinity_login_box .dropdown span {
    display: inline-block;
    font-size: 22px;
    height: 26px;
    margin-right: 13px;
    position: relative;
    text-align: center;
    top: 0;
    vertical-align: middle;
    width: 26px;
}

/* Select Menu */

select.lang-dropdown-select-element.form-select {
    -moz-appearance: none;
    background: #fff url("../img/img_icon_arrow.png") no-repeat scroll 65px 18px;
    border-left: 1px solid #e24301;
    height: 41px;
    outline: 0 none;
    padding: 0 15px;
    width: 82px;  
}

/* FIN Select Menu */

@media screen and (max-width: 959px) {
    #belt-top {
        height: auto;
        /*min-height: 98px;*/
        
        min-height: 64px;
    }
    #belt-top .belt-top-max-width {
        height: 64px;
    }
    #belt-top .belt-top-right {
        text-align: center;
    }
    #belt-top .belt-top-affinity-logo #logo {
        display: none!important;
    }
    #belt-top #block-affinity-belt-affinity-belt-top-logo-mobile {
        display: inline-block!important;
    }
    #belt-top .belt-top-right div {
        height: 54px;
    }
    #belt-top .belt-top-right div img {
        width: 40px;
    }
    #belt-top .container-inline {
        right: none!important;
    }
    #belt-top .singin > div + div {
        display: none;
    }
    #belt-top .affinity_login_box {
        width: auto;
    }
    #belt-top .belt-top-affinity-logo-mobile img {
        /*width: 50px;
  height: 50px;*/
        
        width: 40px;
        height: 40px!;
    }
    #belt-top .belt-top-affinity-logo-mobile:hover {
        border-bottom: 4px solid #dd4814;
    }
    #belt-top .affinity_login_box {
        min-width: auto;
        padding-left: 4px;
        padding-right: 10px;
    }
    #belt-top .affinity_login_box .image {
        height: 42px;
        width: 42px;
    }
    #belt-top .belt-top-right div#block-affinity-belt-affinity-belt-top-connect img {
        height: 40px;
    }
    #belt-top .login.hover {
        padding-right: 12px;
    }
    #belt-top .no-login.hover div + div {
        display: none;
    }
    #belt-top .login.hover div + div {
        display: none;
    }
    #belt-top .affinity_login_box .login .image span,
    .affinity_login_box .no-login .image span {
        font-size: 40px !important;
    }
    #belt-top select {
        font-size: 30px;
    }
    /*
#belt-top #lang-dropdown-select-language_url {
    background: #fff url("../img/img_icon_arrow.png") no-repeat scroll 65px 18px;
    height: 42px;
    padding: 0 0 0 15px;
    width: 82px;
}
*/
    
    #belt-top #lang-dropdown-select-language_url,
    #belt-top #edit-lang-dropdown-select {
        -moz-appearance: none;
        background: #fff url("../img/img_icon_arrow.png") no-repeat scroll 65px 18px;
        border-left: 1px solid #e24301;
        height: 41px;
        outline: 0 none;
        padding: 0 15px;
        width: 82px;
    }
    #belt-top option {
        width: auto;
    }
}

@media screen and (max-width: 420px) {
    #belt-top .belt-top-right div img {
        padding: 2px 10px;
    }
    #belt-top .belt-top-affinity-logo-mobile img {
        /*width: 50px;
  height: 50px;*/
        
        width: 38px!important;
        height: 38px!important;
    }
    #belt-top .belt-top-right div img {
        width: 40px;
    }
    #belt-top .affinity_login_box {
        padding: 0px;
    }
    #belt-top .affinity_login_box .image {
        height: 40px;
        width: 40px;
        margin: 0 5px;
    }
    #belt-top #lang-dropdown-select-language_url {
        padding-left: 10px;
        background: #fff url("../img/img_icon_arrow.png") no-repeat scroll 55px 18px;
    }
    #belt-top select {
        font-size: 28px;
    }
}

@media screen and (max-width: 350px) {
    #belt-top .belt-top-right div img {
        padding: 2px 8px 0 5px;
    }
    #belt-top .login.hover {
        height: 37px;
        padding: 0 12px 0 0px;
    }
    #belt-top .affinity_login_box .image {
        margin: 0 5px;
    }
    #belt-top #lang-dropdown-select-language_url,
    #belt-top #edit-lang-dropdown-select {
        background: #fff url("../img/img_icon_arrow.png") no-repeat scroll 55px 18px;
        padding: 0 10px;
    }
}