/* -------------------------------------------------------- */
/* DIVISIONS - LINES
----------------------------------------------------------- */

hr.shadow {
    background: url(../images/separador_horizontal1.png) center top no-repeat;
    background-size: 100% 20px;
    display: block;
    clear: both;
    font-size: 0;
    border: 0;
    height: 20px;
    margin: 0 0 16px 0;
    /* 1em */

    width: 100%;
}
div.center {
    text-align: center;
}
/* DROP-SHADOW
----------------------------------------------- */

.drop-shadow {
    position: relative;
    /* width: 90%; */
}
.drop-shadow:before,
.drop-shadow:after {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: 20px;
    left: 10px;
    width: 50%;
    height: 20%;
    box-shadow: 0 15px 15px rgba(0, 0, 0, 1);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    transform: rotate(-3deg);
    /* max-width: 300px; */
}
.drop-shadow:after {
    right: 10px;
    left: auto;
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    transform: rotate(3deg);
}
.drop-shadow-small:before,
.drop-shadow-small:after {
    -webkit-box-shadow: 0 15px 12px rgba(70, 55, 0, 0.9);
    -moz-box-shadow: 0 15px 12px rgba(70, 55, 0, 0.9);
    box-shadow: 0 15px 12px rgba(70, 55, 0, 0.9);
    width: 42%;
}
/* -------------------------------------------------------- */
/* ICONS
----------------------------------------------------------- */

.icon-invoice:before {
    content: "\e62b";
    font-family: "compeicon2";
    font-size: 18px;
    color: #00b3ad;
    display: inline-block;
    margin: 0;
    vertical-align: top;
}
a.icon-delete {
    color: #b2b2b2 !important;
    font-size: 16px;
    display: inline-block;
    margin: 0;
    vertical-align: top;
}
.upsell-products-slider a.icon-delete {
    position: absolute;
    top: 292px;
    left: 160px;
}
.icon-install:before {
    display: none;
    content: "";
}
.icon-install {
    color: #303030 !important;
    text-decoration: none;
}
.icon-install:after {
    font-family: 'compeicon2';
    font-size: 1.35em;
    line-height: 1;
    color: #00b3ad;
    content: "\e61b";
    margin-left: 0.35em;
    vertical-align: text-top;
}
/* -------------------------------------------------------- */
/* FORMS
----------------------------------------------------------- */

.tip {
    display: inline-block;
    color: #787878;
    margin-left: .6em;
}
/* LABEL
----------------------------------------------------------- */

.label {
    float: left;
    margin: 0 1em 0 0;
    padding: 1em 0 0 0;
    text-align: right;
    width: 42%;
}
.label.inline {
    line-height: 140%;
    margin: 0 2em 0 0;
    padding: 0;
    width: auto;
}
.label.block {
    display: block;
    float: none;
    margin: 0 0 .3em 0;
    padding: 0;
    text-align: left;
    width: 100%;
}
/* INPUT TEXT, INPUT PASSWORD
----------------------------------------------------------- */

.textfield {
    background: #fff;
    border: 1px solid #B2B2B2;
    border-radius: 3px;
    color: #787878;
    display: inline-block;
    margin: 0;
    outline: none;
    height: 37px;
    padding: 0 12px;
    box-shadow: none;
}
.textfield:disabled {
    background: #f0f0f0;
    color: #B2B2B2;
}
.textfield:focus {
    border: 2px solid #00b3ad;
    color: #505050;
    padding-left: 11px;
    line-height: 34px;
    /*chrome*/

    line-height: normal;
}

.textfield-login-register {
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    color: #303030;
    font-size: 13px;
    padding: 0 8px 0 15px;
    width: 100%;
    line-height: normal;
    height: 40px;
}

.textfield-login-register:disabled {
    background: #f0f0f0;
    color: #B2B2B2;
}
.textfield-login-register:focus {
    padding: 0 8px 0 14px !important;
    line-height: normal;
    color: #303030 !important;
    height: 40px;
}

.textfield1 {
    width: 120px;
}
.textfield2 {
    width: 240px;
}
.textfield3 {
    width: 360px;
}
.textfield4 {
    width: 178px;
}
.textfield5 {
    width: 320px !important;
}
.gomage-checkout-onepage-index .textfield5 {
    width: 254px !important;
}
.textfield6 {
    width: 210px;
}
.textfield.block {
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    display: block;
    float: none !important;
    margin: 0 0 22px 0;
    width: 100%;
}
.textfield.block:focus {
    margin: 0 0 22px 0;
}
.qtyfield {
    position: relative;
    width: 100px;
}
.qtyfield .textfield {
    color: #787878 !important;
    font-size: 14px !important;
    padding-right: 2em;
    width: 100px;
    padding: 0 2em 0 16px;
    height: 37px;
    line-height: 37px;
}
.qtyfield .textfield:focus {
    height: 39px;
    padding-left: 15px;
}
.qtyfield ul {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 2px;
    top: 4px;
}
.qtyfield ul li {
    display: block;
    line-height: 1;
    padding: 0;
}
.qtyfield ul li a {
    display: inline-block;
    font-size: 14px;
    height: auto !important;
    width: auto !important;
}
.qtyfield ul li a .icon-more {
    color: #b2b2b2;
}
.qtyfield ul li a .icon-less {
    color: #e6e6e6;
}
.qtyfield.small,
.qtyfield.small .textfield {
    width: 65px;
}
/* TEXTAREA
----------------------------------------------------------- */

.textarea {
    background: #fff;
    border: 1px solid #B2B2B2;
    border-radius: 3px;
    color: #787878;
    display: inline-block;
    margin: 1px;
    outline: none;
    padding: 0.7em 1em;
    padding: 8px 12px;
    resize: none;
}
.textarea:disabled {
    background: #f0f0f0;
    color: #B2B2B2;
}
.textarea:focus {
    border: 2px solid #00b3ad;
    color: #505050;
}
.textarea1 {
    height: 170px !important;
    width: 430px !important;
}
.textarea1:focus {
    height: 170px !important;
    width: 430px !important;
    padding-left: 11px;
}
/* INPUT CALENDAR
----------------------------------------------------------- */

.datefield {
    position: relative;
    width: auto;
}
.datefield .textfield {
    padding-right: 2.3em !important;
}
.datefield .icon-calendar:before {
    color: #B2B2B2;
    font-size: 1em;
    right: 10px;
    top: 50%;
    margin-top: -0.48em;
    position: absolute;
}
.form_data .datefield {
    float: left;
}
/* SELECT
----------------------------------------------------------- */

div.select1 {
    width: 210px;
}
div.select2 {
    min-width: 240px !important;
}
div.select3 {
    min-width: 320px !important;
}
div.select4 {
    min-width: 183px;
}
.form_data .fieldsContainer.small .select1 {
    width: 210px !important;
}
.form_data .fieldsContainer.small .select2 {
    min-width: 240px !important;
}
.form_data .fieldsContainer.small .select3 {
    min-width: 320px !important;
}
.form_data .fieldsContainer.small .select4 {
    min-width: 183px;
}
div.select {
    position: relative;
    z-index: 0;
    height: auto !important;
    width: auto !important;
    padding: 0 !important;
    text-align: left;
}
div.select div.svalue {
    background: #fff url(../images/combo_arrow.png) right center no-repeat;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 100%;
    width: 100%;
    height: 37px;
    padding: 0 36px 0 12px;
    border: 1px solid #b2b2b2;
    border-radius: 3px;
    color: #787878;
}
div.select div.focus {
    background-image: url(../images/combo_arrow_focus.png);
    border: 2px solid #00b3ad;
    color: #505050;
    line-height: 34px;
    padding-left: 11px;
}
div.select select {
    opacity: 0;
    filter: alpha(opacity=0);
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 1px;
    z-index: 1;
    height: 100%;
    width: 100%;
    padding: 0;
    border: 0;
    outline: none;
    max-width: 100%;
    color: #787878;
    font-size: inherit;
}
div.select select.validation-failed + div:not(.validation-advice),
div.select select.validation-failed + div.validation-advice + div.svalue,
div.select select.validation-failed + div.validation-advice + div.focus {
    background-color: #f6d5d5;
    background-image: url(../images/combo_arrow_error.png);
    border: 2px solid #D12E2E;
    color: #505050;
    line-height: 34px;
    padding-left: 11px;
}
/* LANDINGPAGE LAND/AIR 8 SELECTS*/
.disp-baner-content-left .product-options{
    width: 60%;
    margin: 20px auto !important;
    top: 0 !important;
    height: 37px !important;
    padding: 0 !important;
    border: 1px solid #b2b2b2;
    border-radius: 3px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    background: #fff url(/skin/frontend/default/twonav/images/combo_arrow.png) right center no-repeat;
}
.disp-baner-content-left .product-options select {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #787878;
    height: 35px;
    padding: 0 36px 0 12px;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 0;
}
.disp-baner-content-left .product-options select:focus {
    border: 2px solid #00b3ad;
    color: #505050;
    line-height: 34px;
    padding-left: 11px;
}
.disp-baner-content-left .product-options option {
    font-weight: normal;
    display: block;
    white-space: pre;
    min-height: 1.2em;
    padding: 0px 2px 1px;
    color: #787878;
}

/* CHECKBOX + RADIOBUTTON
----------------------------------------------------------- */

.checklist input {
    display: none;
    float: left;
    margin: 0 0.5em 0 0;
}
.checklist span {
    color: #B2B2B2;
    font-size: 1.225em;
    float: left;
    margin: 0 0.5em 0 0;
    vertical-align: text-top;
}
.checklist input:checked + label span {
    color: #00b3ad;
}
.checklist input[type="radio"]:checked + label span:before {
    content: "\e60f";
}
.checklist input:not(:checked) + label span {
    color: #B2B2B2;
}
.checklist input[type="radio"]:not(:checked) + label span:before {
    content: "\e610";
}
.checklist input[type="radio"]:not(:checked) + label:hover span:before {
    content: "\e60f";
}
.checklist span {
    margin-top: 0.05em;
}
.checklist input[type="checkbox"]:checked + label span:before {
    content: "\e622";
}
.checklist input[type="checkbox"]:not(:checked) + label span:before {
    content: "\e623";
}
.checklist input[type="checkbox"]:not(:checked) + label:hover span:before {
    content: "\e622";
}
/* REQUIRED
----------------------------------------------------------- */

p.required {
    background: #e6e6e6;
    /* border-bottom: 1px solid #d8d8d8; */

    color: #787878;
    font-size: .7em;
    font-size: 13px;
    height: 3em;
    line-height: 3em;
    margin: 0;
    padding: 0 1.5em;
    text-align: right;
    text-transform: lowercase;
}
/* ALERTS - MESSAGES
----------------------------------------------------------- */

.alert.success {
    background: #f6f7e5;
    border: 1px solid #00b3ad;
    border-radius: 5px;
    color: #111;
    margin: 0;
    min-height: 175px;
    padding: 1em 1em 0em 2.3em;
    position: relative;
}
.myproduct_promotions_modal .alert.success {
    min-height: 50px;
    margin-bottom: 1em;
}
.alert.success p {
    margin: 0;
    min-height: 45px;
    padding: 0 0 10px 10px;
    position: relative;
}
.alert.success .orderid{
    font-weight: bold;
    font-size: 1.4em;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
}
.alert.success i.icon-ok:before {
    content: "\e627";
    font-family: "compeicon2";
    font-size: 2em;
    color: #00b3ad;
    display: block;
    margin: 0px;
    vertical-align: top;
    width: 2em;
    height: 200px;
    float: left;
}
.alert.success p big {
    font-size: 1.4em;
    font-weight: bold;
}
.alert.success .extra {
    text-align: center;
    position: absolute;
    right: 3em;
    top: .5em;
}
.alert.success .extra h4 {
    font-weight: bold;
    font-size: 2em;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
}
.alert.success .extra + p {
    padding-right: 35%;
}
.alert.error {
    background: #faeaea;
    border: 1px solid #D12E2E;
    border-radius: 5px;
    color: #111;
    margin: 0 0 1.4em 0;
    min-height: 32px;
    padding: 1em 1em 1em 2.3em;
}
.alert.error > p {
    display: inline-block;
    margin: 0;
    min-height: 45px;
    padding-left: 60px;
    position: relative;
}
.alert.error > p:before {
    position: absolute;
    left: 0;
    top: 10px;
    content: "\e626";
    font-family: "compeicon2";
    font-size: 2em;
    color: #D12E2E;
    display: inline-block;
    width: 2.5em;
    margin: 0;
    vertical-align: top;
}
.alert.error > div {
    display: inline-block;
    margin: 0;
    min-height: 45px;
    padding-left: 60px;
    position: relative;
}
.alert.error > div:before {
    position: absolute;
    left: 0;
    top: 10px;
    content: "\e626";
    font-family: "compeicon2";
    font-size: 2em;
    color: #D12E2E;
    display: inline-block;
    width: 2.5em;
    margin: 0;
    vertical-align: top;
}
.alert.error div p {
    margin: 0 0 1.2em 0;
}
.alert.error div a {
    color: #111;
    text-decoration: underline;
}
.alert.error div a:hover {
    text-decoration: none;
}
.alert.error div ul {
    list-style: disc;
}
.alert.error div ul li ul {
    list-style: circle;
}
/* VALIDATION
----------------------------------------------------------- */

.textfield.validation-failed,
.textarea.validation-failed,
.select.validation-failed {
    background-color: #f6d5d5 !important;
    border: 2px solid #D12E2E !important;
    color: #505050;
    margin: 0 !important;
    box-shadow: none !important;
}
.textfield.block.validation-failed {
    margin-bottom: 20px !important;
}
/* BUTTONS
----------------------------------------------------------- */

.backbutton {
    height: 49px !important;
    margin: 0 1em 3px 0 !important;
    padding-left: 65px !important;
    padding-right: 65px !important;
    text-transform: uppercase !important;
}
.forwardbutton {
    /*
    height: 64px !important;
    margin: 0 0 3px 1em !important;
    padding-left: 70px !important;
    padding-right: 70px !important;
    text-transform: uppercase !important;
    */
    height: 49px !important;
    margin: 0 1em 3px 0 !important;
    padding-left: 65px !important;
    padding-right: 65px !important;
    text-transform: uppercase !important;
}
.btn_more {
    background: #fff;
    border: 1px solid #00b3ad;
    border-radius: 3px;
    color: #00b3ad;
    display: inline-block;
    height: 48px;
    margin: 0 0 2em 0;
    outline: none;
    padding: 0 0;
    position: relative;
    text-transform: uppercase;
    text-align: center;
    width: 324px;
    /* transition: 0.3s; */
}
/*
.btn_more:hover,
.btn_more:focus { background: #00b3ad; color: #fff; cursor: pointer; }
.btn_more.loading:hover,
.btn_more.loading:focus { background: #fff; color: #00b3ad; cursor: default; }
*/

.btn_more i {
    background: url(../images/ajax-loader_search_focus.gif) 0 0 no-repeat;
    background-size: cover;
    position: absolute;
    right: 14px;
    top: 9px;
    height: 28px;
    width: 28px;
    display: block;
}
.btn_more.loading i {
    display: block;
}
/* -------------------------------------------------------- */
/* DROPDOWN
----------------------------------------------------------- */

.dropdown {
    position: relative;
    height: 41px;
    width: 69px;
}
.dropdown button {
    background: rgba(80, 80, 80, 1);
    /* 505050 */

    border: 0;
    border-bottom: 3px solid #303030;
    border-radius: 3px;
    color: #f2f2f2;
    cursor: pointer;
    height: 41px;
    /*max-width: 303px;*/

    min-width: 25px;
    outline: none;
    padding: 0.5em 0.5em 0.3em 0.5em;
    text-align: left;
    white-space: nowrap;
    z-index: 1;
    position: absolute;
    right: 0;
    top: 0;
}
.dropdown button .icon-options {
    float: left;
    font-size: 24px;
    margin-right: 0.3em;
    vertical-align: middle;
}
.dropdown button:active .icon-options {
    color: #00b3ad;
}
.dropdown button .icon-left,
.dropdown button .icon-right,
.dropdown button .icon-dropdown {
    float: left;
    font-size: 16px;
    margin-top: 5px;
    vertical-align: middle;
}
.dropdown button .icon-left {
    margin-right: 6px;
}
.dropdown button .icon-right {
    float: right;
}
.dropdown button .icon-dropdown {
    float: right;
}
/*.dropdown button .icon-dropdown:hover{color:#00b3ad;}*/

.dropdown button .value {
    float: left;
    font-size: 16px;
    margin-top: 4px;
    vertical-align: middle;
}
.dropdown button:active .icon-left,
.dropdown button:active .icon-right,
.dropdown button:active .icon-dropdown,
.dropdown button:active .value {
    color: #00b3ad;
}
.dropdown button .icon-left,
.dropdown button .icon-right,
.dropdown button .value {
    display: none;
}
.dropdown button:hover,
.dropdown button:focus {
    background: rgba(80, 80, 80, 0.8);
    background: #737373;
}
.dropdown button:active {
    background: rgba(48, 48, 48, 1);
}
.dropdown button:disabled {
    background: rgba(80, 80, 80, 0.6);
    background: #969696;
}
.dropdown button.active {
    background: rgba(48, 48, 48, 1);
}
.dropdown ul {
    background: #303030 url(../images/dropdown_gradient.png) 0 0 repeat-x;
    border-bottom: 3px solid #00b3ad;
    border-radius: 3px 0 3px 3px;
    color: #F8F8F8;
    display: none;
    list-style: none;
    margin: 0;
    padding: 0.2em 1em 0.2em 1em;
    position: absolute;
    right: 0;
    top: 90%;
    width: 10em;
    z-index: 2;
}
.dropdown ul li {
    text-align: left;
}
.dropdown ul li a {
    border-bottom: 1px solid #787878;
    color: #F8F8F8;
    display: block;
    line-height: 1.6;
    padding: 0.8em 0;
    text-decoration: none;
}
.dropdown ul li a:hover,
.dropdown ul li a:focus {
    color: #00b3ad;
}
.dropdown ul li:last-child a {
    border: 0;
}
.dropdown ul li a span {
    font-size: 1.7em;
    margin-right: 0.6em;
    vertical-align: text-top;
}
.dropdown.full button.active {
    padding: 0.5em 0.5em 0.3em 0.8em;
}
.dropdown.full ul {
    width: 303px;
}
.dropdown.full button .icon-left {
    display: block;
}
.dropdown.full button .icon-dropdown {
    display: none;
}
.dropdown.full button .icon-options {
    margin-right: 0;
}
.dropdown.full button .value {
    margin-left: 8px;
}
/* LANGUAGE
----------------------------------------------------------- */

.store-switcher.embed {
    display:none;
}
.store-switcher {
    padding: 0;
}
.store-switcher .limit {
    margin: 0 auto;
}
.language {
    float: right;
    height: 32px;
    margin-right: 1em;
    width: auto;
}
.language .wmap {
    background: url(../images/world_map.png) 0 0 no-repeat;
    display: block;
    float: left;
    height: 19px;
    margin: 7px 16px 0 0;
    text-decoration: none;
    width: 36px;
}
#repaint_langselectlink {
    float: left;
}
#repaint_langselectlink a,
.language a {
    border: 0;
    border-bottom: 3px solid #303030;
    border-radius: 3px;
    color: #f2f2f2;
    cursor: pointer;
    height: 32px;
    outline: none;
    padding: 0;
    text-align: left;
    white-space: nowrap;
    text-decoration: none;
}
#repaint_langselectlink a span,
.language a span {
    display: block;
    float: left;
    font-size: 14px;
    line-height: 32px;
    margin-top: 0;
    vertical-align: middle;
    position: relative;
    top: 0px;
}
#repaint_langselectlink a span{
    line-height: 44px;
}
#repaint_langselectlink a i,
.language a i {
    float: right;
    font-size: 16px;
    margin-top: 8px;
    margin-right: 0 !important;
    margin-left: 0 !important;
    position: relative !important;
    top: inherit !important;
    right: inherit !important;
    vertical-align: middle;
    width: 20px;
    text-align: right;
}
#repaint_langselectlink a i{
    margin-top: 0px;
}

/* -------------------------------------------------------- */
/* NAVIGATION TABS
----------------------------------------------------------- */

.nav_tabs {
    background: #505050;
    border: 0;
    border-top: 3px solid #00b3ad;
    display: block;
    margin: 0;
    position: relative;
}
/*
.product-collateral .nav_tabs:after {
  content: " "; height: 47px; display: block;
  margin-bottom: -44px;
}
*/

.nav_tabs + .std,
.nav_tabs + script + .std {
    background: url(../images/product-collateral_shadow_2.png) 0 0 repeat-x;
    overflow: hidden;
}
.nav_tabs ul {

    font-size: 1em;
    line-height: 1em;
    list-style: none outside none;
    margin: 0 auto;
    max-width: 1360px;
    overflow: hidden;
    padding: 0 16px;
}
.nav_tabs ul li {
    border-right: 1px solid #303030;
    color: #F8F8F8;
    float: left;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    width: 13.75em;
    height: 4em;
}
.nav_tabs ul li a,
.nav_tabs ul li span,
.nav_tabs ul li strong {
    color: #F8F8F8;
    display: block;
    padding: 1.62em 0;
    text-decoration: none;
}
.nav_tabs ul li.home{
    font-size: 40px;
    padding: 15px 0 0 0;
    font-weight: bold;
    margin: 0 !important;
    width: 7%;
    height: auto;
}
.nav_tabs ul li.home a{
    margin: 0;
    padding: 0;
}
.nav_tabs ul li a:hover,
.nav_tabs ul li a:focus {
    color: #ccc;
}
.nav_tabs ul li.active a,
.nav_tabs ul li.active strong {
    background: #303030;
    color: #ccc;
    font-weight: normal;
}
.nav_tabs ul li a.double {
    padding: 1.12em 0;
}
.nav_tabs.onesteps ul li {
    width: 100%;
}
.nav_tabs.twosteps ul li {
    width: 50%;
}
.nav_tabs.threesteps ul li {
    width: 33.33%;
}
.nav_tabs.steps ul {
    display: block !important;
    margin: 0;
    max-width: none;
    padding: 0;
}
.nav_tabs.threesteps ul {
    margin: 0 auto;
    max-width: 1360px;
}
.nav_tabs.steps ul li {
    margin: 0;
    text-align: left;
}
.nav_tabs.steps ul li:last-child {
    border: 0;
}
.nav_tabs.threesteps ul li:last-child {
    border-right: 1px solid #303030;
}
.nav_tabs.steps ul li a,
.nav_tabs.steps ul li span {
    color: #787878;
    font-size: 16px;
    line-height: 32px;
    padding: 20px 16px;
}
.nav_tabs.steps ul li a:hover {
    color: #787878;
}
.nav_tabs.steps ul li.current a,
.nav_tabs.steps ul li.current span {
    color: #ccc;
}
.nav_tabs.steps ul li.active a,
.nav_tabs.steps ul li.active span {
    background: #303030;
    color: #F8F8F8;
}
.nav_tabs.steps ul li.current .num {
    background-color: #00b3ad;
    color: #505050;
}
.nav_tabs.steps ul li .num {
    background: #787878;
    border-radius: 100%;
    color: #505050;
    display: inline-block;
    margin: 0 16px 0 0;
    height: 32px;
    padding: 0;
    text-align: center;
    width: 32px;
}
.nav_tabs.steps ul li.active .num {
    background-color: #00b3ad;
    color: #303030;
}
/* NAVIGATION SEARCH
----------------------------------------------------------- */

.nav_tabs_search ul li {
    position: relative;
}
.nav_tabs_search ul li:first-child {
    border-left: 1px solid #303030;
}
.nav_tabs_search ul li i {
    display: inline-block;
    font-size: 2em;
    font-style: normal;
    line-height: 1;
    margin: 0 16px 0 0;
    vertical-align: middle;
}
.nav_tabs_search ul li i.icon-dropdown {
    float: right;
    font-size: 1em;
    line-height: 185%;
    margin-right: 0;
}
.nav_tabs_search ul li div.items {
    background: url("../images/dropdown_gradient.png") repeat-x scroll 0 0 #303030;
    border-bottom: 3px solid #00b3ad;
    color: #F8F8F8;
    font-size: 14px;
    left: 0;
    max-width: none;
    padding: 21px 16px 16px 16px;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 2;
    display: none;
    max-height: 290px;
    overflow-y: auto;
}
.nav_tabs_search ul {
    overflow: inherit;
}
.nav_tabs_search ul li div.items ul.item-row {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
    border-bottom: 1px solid #666;
}
.nav_tabs_search ul li div.items ul.item-row:last-child {
    border-bottom: 0;
}
.nav_tabs_search ul li div.items ul.item-row li {
    float: left;
    width: 33%;
    text-align: center;
}
.nav_tabs_search ul li div.items ul.item-row li a {
    color: #F8F8F8;
    display: block;
    padding: 16px 8px;
}
.nav_tabs_search ul li div.items ul.item-row li a:hover,
.nav_tabs_search ul li div.items ul.item-row li a:hover span {
    color: #00b3ad;
}
.nav_tabs_search ul li div.items ul.item-row li a i {
    margin: 0;
}
.nav_tabs_search ul li div.items ul.item-row li a span {
    color: #F8F8F8;
    display: block;
    font-size: 14px;
    line-height: 1.2;
    padding: .6em 0 0 0;
    text-transform: uppercase;
    word-break: break-word;
}
.nav_tabs_search ul li div.items ul.list {
    border-bottom: 0;
}
.nav_tabs_search ul li div.items ul.list li {
    border-bottom: 1px solid #666;
    display: block;
    font-size: 14px;
    line-height: 1.2;
    text-transform: uppercase;
    width: 100%;
}
.nav_tabs_search ul li div.items ul.list li:last-child {
    border-bottom: 0;
}
.nav_tabs_search ul li div.items ul.list li a {
    color: #F8F8F8;
    font-size: 14px;
    line-height: 1.1;
    padding: 1em 0;
}
.nav_tabs_search ul li div.items ul.list li a:hover {
    color: #00b3ad;
}
.nav_tabs_search ul li div.items ul.list + ul.list {
    border-top: 1px solid #666;
    clear: both;
}
/* NAVIGATION RESPONSIVE
----------------------------------------------------------- */

.nav_tabs a.drop {
    background: #333;
    border-right: 1px solid #303030;
    clear: both;
    color: #F8F8F8;
    display: inline-block;
    /* margin: 0 0 0 16px; */

    padding: 1.62em 16px;
    position: relative;
    text-decoration: none;
    text-align: left;
    width: 252px;
}
.nav_tabs a.drop {
    display: none;
}
.nav_tabs ul.responsive {
    display: none;
}
.nav_tabs a.drop .icon-options {
    font-size: 24px;
    margin-right: 0.5em;
    vertical-align: text-bottom;
}
.nav_tabs a.drop .icon-dropdown {
    font-size: 16px;
    line-height: 1.5;
    float: right;
    vertical-align: middle;
}
.nav_tabs a.drop + ul.responsive {
    background: url("../images/dropdown_gradient.png") repeat-x scroll 0 0 #303030;
    border-bottom: 3px solid #00b3ad;
    font-size: 14px;
    max-width: none;
    padding: 8px 0 0 0;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    z-index: 2;
}
.nav_tabs a.drop + ul.responsive li {
    display: block;
    padding: 0 16px;
    text-align: left;
    width: 100%;
}
.nav_tabs a.drop + ul.responsive li:last-child {
    border: 0;
}
.nav_tabs a.drop + ul.responsive li a {
    border-bottom: 1px solid #666;
    padding-left: 22px;
}
.nav_tabs a.drop + ul.responsive li.active strong {
    border-bottom: 1px solid #666;
    color: #fff;
    padding-left: 22px;
}
.nav_tabs a.drop + ul.responsive li a:hover {
    background: url(../images/nav_secondary.png) left center no-repeat;
    color: #00b3ad;
}
.nav_tabs a.drop:hover,
.nav_tabs a.drop:focus {
    /* color: #ccc; */
}
/* NAVIGATION TABS - SECONDARY
----------------------------------------------------------- */

.nav_tabs_secondary {
    color: #ccc;
    font-size: 1em;
    line-height: 1.1;
    overflow: hidden;
    text-transform: uppercase;
    margin: 0 auto;
    max-width: 1360px;
    overflow: hidden;
    padding: 0 16px;
}
.nav_tabs_secondary ul {
    border-bottom: 3px solid #505050;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
.nav_tabs_secondary ul li {
    float: left;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 16%;
    min-width: 11em;
}
.modal_wrapper .nav_tabs_secondary ul li {
    width: auto;
    max-width: 25%;
}
/*MASTER changes*/
.nav_tabs_secondary ul li a {
    color: #404040;
    display: block;
    padding: 0.8em 0;
    text-decoration: none;
}
/*FI MASTER changes*/
/*seeme changes*/
.nav_tabs_secondary ul li a {
    color: #404040;
    display: block;
    padding: 1em 0 0 0;
    text-decoration: none;
}
/*FI seeme changes*/

.nav_tabs_secondary ul li a.active {
    background: transparent url(../images/tabs_active.png) center bottom no-repeat;
    color: #fff;
}
/*MASTER changes*/
.nav_tabs_secondary ul li a span {
    border-right: 1px solid #ccc;
    display: block;
    padding: 0.4em 2em;
    margin: 0 10px 4px 0;
    background-color: #d3d3d3;
}
/*FI MASTER changes*/
/*seeme changes*/
.nav_tabs_secondary ul li a span {
    border-right: 1px solid #ccc;
    display: block;
    padding: 0.75em 2em;
    margin: 0 2px 0px 0;
    background-color: #d3d3d3;
}
/*FI seeme changes*/

.nav_tabs_secondary ul li a:hover span,
.nav_tabs_secondary ul li a:focus span {
    color: #404040;
    background-color: #b1b1b1;
}
.nav_tabs_secondary ul li a:active span,
.nav_tabs_secondary ul li a.active span{
    color: #fff;
    background-color: #505050;
}





/* DROPDOWN FILTER
----------------------------------------------------------- */

.dropdown_nav {
    border: 0;
    border-radius: 4px 0 0 4px;
    display: block;
    float: left;
    height: 59px;
    margin: 0;
    position: relative;
    width: 24%;
}
.dropdown_nav ul {
    font-size: 1em;
    line-height: 1.1;
    list-style: none outside none;
    margin: 0 auto;
    max-width: 1360px;
    overflow: hidden;
    padding: 0 16px;
}
.dropdown_nav ul li {
    border-right: 1px solid #303030;
    color: #F8F8F8;
    float: left;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    width: 13.75em;
}
.dropdown_nav ul li a,
.dropdown_nav ul li span,
.dropdown_nav ul li strong {
    color: #F8F8F8;
    display: block;
    padding: 1.62em 0;
    text-decoration: none;
}
.dropdown_nav a.drop {
    background: none;
    border-right: 1px solid #ccc;
    clear: both;
    color: #787878;
    display: inline-block;
    height: 59px;
    padding: 0.9em 16px;
    position: relative;
    text-decoration: none;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
}
.dropdown_nav .drop_accesorios {
    padding: 22px 20px 0 55px !important;
    position: relative;
    color: #505050!important
}
.dropdown_nav .drop_accesorios:before {
    content: "\E644";
    font-family: "compeicon2";
    font-size: 2em;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 13px;
    left: 12px
}
.dropdown_nav .drop_accesorios:after {
    content: "\E60B";
    font-family: "compeicon2";
    font-size: 1.2em;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 21px;
    right: 22px
}
.dropdown_nav a.drop:hover,
.dropdown_nav a.drop:focus {
    background: #ccc;
}
.dropdown_nav a.drop:active,
.dropdown_nav a.drop.active {
    background: #333;
    border-right-color: #333;
    color: #fff!important;
}
.dropdown_nav a.drop .icon-options,
.dropdown_nav a.drop .icon-disp {
    font-size: 30px;
    margin-right: 0.5em;
    vertical-align: text-bottom;
}
.dropdown_nav a.drop .icon-dropdown {
    font-size: 16px;
    line-height: 2;
    float: right;
    vertical-align: middle;
}
.dropdown_nav a.drop + ul.responsive {
    background: url("../images/dropdown_gradient.png") repeat-x scroll 0 0 #303030;
    border-bottom: 3px solid #00b3ad;
    font-size: 14px;
    max-width: none;
    padding: 8px 0 0 0;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    z-index: 2;
}
.dropdown_nav a.drop + ul.responsive li {
    display: block;
    padding: 0 16px;
    text-align: left;
    width: 100%;
}
.dropdown_nav a.drop + ul.responsive li:last-child {
    border: 0;
}
.dropdown_nav a.drop + ul.responsive li a {
    border-bottom: 1px solid #666;
    padding-left: 0;
}
.dropdown_nav a.drop + ul.responsive li.active strong {
    border-bottom: 1px solid #666;
    color: #fff;
    padding-left: 22px;
}
.dropdown_nav a.drop + ul.responsive li a:hover {
    color: #00b3ad;
}
.dropdown_nav a.drop + ul.responsive {
    display: none;
}
.category-products .dropdown_nav ul.responsive li:before {
    -moz-osx-font-smoothing: grayscale;
    content: "\E644";
    float: left;
    font-family: "compeicon2";
    font-size: 1.7em;
    margin-right: 14px;
    padding-top: 17px;
}
.category-products .dropdown_nav ul.responsive li.filter_smartphone:before {
    content: "\E640"
}
.category-products .dropdown_nav ul.responsive li.filter_pc:before {
    content: "\E645"
}
.category-products .dropdown_nav ul.responsive li.filter_mac:before {
    content: "\E641"
}
.category-products .dropdown_nav ul.responsive li:hover {
    color: #00b3ad;
}
/* FILTROS MAPAS
----------------------------------------------------------- */

.filtros_mapas {
    margin-bottom: 0!important
}
.filtros_mapas h4 {
    background: #CCCCCC;
    margin: 0 0 0 0;
    text-align: center;
    padding: 23px 10px;
    text-transform: uppercase;
    margin-bottom: 0!important;
    border-radius: 3px 3px 0 0;
}
.filtros_mapas dl {
    padding: 25px 0px;
    margin: 0
}
.filtros_mapas dl > dt {
    padding: 0 15px 15px 17px
}
.filtros_mapas dl > dd {
    padding: 0 15px 0 17px;
    margin: 0 0 10px
}
.filtros_mapas dt.dt_separator {
    margin: 18px 0 0;
    padding-top: 25px;
    border-top: 1px solid #C2C2C2;
}
.filtros_mapas .form-search {
    margin: 0px 0 25px;
    padding: 0 17px 20px 17px;
    border-bottom: 1px solid #C2C2C2;
    width: 100%
}
.filtros_mapas .form-search input[type="text"] {
    background: #fff;
    border: 1px solid #B2B2B2;
    color: #787878;
}
.filtros_mapas .form-search input:focus[type="text"] {
    border: 2px solid #00b3ad;
    margin: 0
}
.filtros_mapas .form-search button {
    color: #B2B2B2;
    right: 22px
}
.filtros_mapas .checkbox {
    width: auto;
}
.filtros_mapas label.inline,
.filtros_mapas dd {
    line-height: 140%;
    margin: 0 2em 0 0;
    padding: 0;
    width: auto;
    font-size: 0.9em;
    color: #787878
}
.filtros_mapas .nooptions {
    font-size: 0.9em;
    color: #787878
}
.filtros_mapas icon-radiobutton {
    margin-right: 10px;
}
.filtros_mapas input[type=checkbox] {
    display: none
}
.filtros_mapas input[type=checkbox]:not(:checked) + label > span {
    color: #B2B2B2;
    margin-right: 10px;
}
.filtros_mapas input[type=checkbox]::checked + label > span {
    margin-right: 10px;
}
.filtros_mapas input[type=checkbox]:checked + label > span:before {
    content: "\e622";
    color: #00b3ad;
    margin-right: 10px
}
.filtros_mapas input[type=checkbox]:not(:checked) + label > span:before {
    content: "\e623";
}
.filtros_mapas input[type=checkbox]:not(:checked) + label:hover > span:before {
    content: "\e622";
}
.filtros_mapas input[type=checkbox]:not(:checked) + label > span.number {
    float: right;
    margin: 0;
    color: #787878
}
.filtros_mapas input[type=checkbox]:not(:checked) + label > span.number:before {
    content: none;
}
.filtros_mapas input[type=checkbox]:checked + label > span.number:before {
    content: none;
    color: #787878;
}
.filtros_mapas input[type=checkbox]:checked + label > span.number {
    content: none;
    float: right
}
.filtros_mapas input[type=checkbox]:not(:checked) + label:hover > span.number:before {
    content: none
}
.filtros_mapas .filter_ver_mas {
    font-size: 0.9em;
    padding: 0 0 0 3.1em
}
.filtros_mapas .filter_ver_mas:after {
    content: "\e63b";
    font-family: "compeicon2";
    font-size: 0.6em;
    margin-left: 6px;
    -moz-osx-font-smoothing: grayscale;
}
.filtros_mapas .currently {} .filtros_mapas .currently ul {
    margin: 0;
    padding: 15px 15px 0 17px;
}
.filtros_mapas .currently ul li {
    margin-bottom: 1em;
}
.filtros_mapas .currently ul li .label {
    text-transform: uppercase;
    font: inherit;
    float: none;
    display: block;
    margin: 0;
    padding: 0 0 10px 0;
    text-align: left;
}
.filtros_mapas .currently ul li .value {
    color: #787878;
    display: block;
    font-size: 14.4px;
    font-weight: normal;
    margin-right: 20px;
    padding-left: 1em;
}
.filtros_mapas .currently ul li .icon-delete {
    float: right;
    font-size: 1.1em;
    line-height: 1.35;
}
.filtros_mapas .currently + .actions {
    display: block;
    padding: 0 15px 25px 15px;
    text-align: right;
}
.filtros_mapas .currently + .actions a {
    font-size: 14.4px;
    float: none;
    text-decoration: underline;
}
.filtros_mapas .currently + .actions + dl {
    padding-top: 0;
}
/* -------------------------------------------------------- */
/* SEARCH - INTERNAL
----------------------------------------------------------- */

.map-search {
    background: #505050;
    border: 0;
    border-top: 3px solid #00b3ad;
    display: block;
    font-size: 1em;
    line-height: 1.1;
    margin: 0;
    position: relative;
}
.map-search fieldset {
    border: 0;
    padding: 0;
    margin: 0 auto;
    max-width: 1104px;
    overflow: hidden;
    padding: 23px 16px;
}
.map-search label {
    float: left;
    margin: 5px 12px 0 0;
    margin: 5px 1.2% 0 0;
    text-align: right;
    width: 6.45%;
    max-width: 100%;
}
.map-search label i {
    color: #00b3ad;
    font-size: 2em;
    font-style: normal;
}
.map-search .searchfield {
    float: left;
    position: relative;
    margin: 3px 1.5% 0 0;
    width: 61%;
    /*655px*/
}
.map-search .searchfield .icon-search {
    background: none;
    border: 0 none;
    color: #b1b1b1;
    font-size: 16px;
    font-style: normal;
    position: absolute;
    right: 16px;
    top: 11px;
}
.map-search .textfield {
    background: #3c3c3c;
    border: 0;
    font-size: 16px;
    color: #b1b1b1;
    margin: 0;
    padding-right: 3em;
    width: 100%;
    max-width: 100%;
}
.map-search .textfield:focus {
    background: #fff;
    border: 0;
}
.map-search .btnFlat {
    float: left;
    text-transform: uppercase;
    margin: 0;
    height: 41px;
    width: 29.85%;
    /*320px*/

    max-width: 100%;
}
/* -------------------------------------------------------- */
/* TOOLTIP - QTIP EDIT
----------------------------------------------------------- */

.qtip,
.qtip.qtip-default {
    border-radius: 3px !important;
    font-size: 14px;
    line-height: 20px;
}
.qtip.qtip-dark {
    background: #444;
    color: #f8f8f8;
}
.qtip.qtip-shadow {
    box-shadow: none;
}
.qtip .qtip-tip {
    background: transparent url(../images/tooltip_top.png) 0 0 no-repeat !important;
    width: 16px !important;
}
.qtip .qtip-tip canvas {
    display: none;
}
.qtip .qtip-content {
    border-radius: 3px;
    padding: 8px 16px;
}
/* -------------------------------------------------------- */
/* TOOLTIP - INFO
----------------------------------------------------------- */

.tooltip {
    font-size: 16px;
    margin: 0 0 0 .2em;
    position: relative;
}
.tooltip i {
    color: #b2b2b2;
    vertical-align: middle;
}
.tooltip:hover i {
    color: #303030;
}
.tooltip span.box {
    display: none;
    background: #444;
    color: #f8f8f8;
    border-radius: 3px;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    padding: 8px 16px;
    min-width: 242px;
    position: absolute;
    left: 2em;
    height: 56px;
    top: -14px;
}
.tooltip:hover span.box {
    display: block;
}
.tooltip span.arrow {
    background: transparent url(../images/tooltip_left.png) 0 0 no-repeat;
    display: block;
    height: 16px;
    width: 8px;
    position: absolute;
    left: -8px;
    top: 50%;
    margin-top: -8px;
}
/* -------------------------------------------------------- */
/* MODAL - FANCYBOX
----------------------------------------------------------- */
/* FANCYBOX
----------------------------------------------------------- */

.fancybox-overlay {
    background: rgba(48, 48, 48, 0.8) !important;
}
.fancybox-opened .fancybox-skin {
    box-shadow: 0 0 5px #303030 !important;
}
.fancybox-skin {
    background: #fff !important;
    padding: 0 !important;
}
.catalog-product-view .fancybox-close {
    right: 20px !important;
}
.fancybox-close {
    background: none !important;
    color: #787878;
    height: 20px !important;
    width: 20px !important;
    right: 30px !important;
    top: 20px !important;
}
.fancybox-close:before {
    content: "\e62d";
    font-family: "compeicon2";
    font-size: 20px;
    display: inline-block;
    width: 20px;
    margin: 0;
    vertical-align: top;
}
.fancybox-close:hover,
.fancybox-close:focus {
    color: #f8f8f8;
}
/* MODAL DEFAULTS
----------------------------------------------------------- */

.modal_wrapper {
    color: #333;
    font-size: 16px;
    width: 944px !important;
}
.modal_wrappe.language_modal {
    width: 644px !important;
}
.modal_wrapper.modal_medium {
    width: 384px !important;
}
.modal_wrapper.modal_small {
    width: 303px !important;
}
.modal_header {} .modal_header .modal_title {
    background: #303030;
    border-radius: 3px 3px 0 0;
    color: #f8f8f8;
    min-height: 64px;
    /* 4em */

    margin: 0 0 32px 0;
    padding: 24px 32px;
    text-transform: uppercase;
}
.modal_content {
    min-width: 300px;
}
.modal_content .modal_inner {
    height: auto;
    width: 100%;
    overflow: auto;
    /*margin-bottom: 32px;*/
}
.disp-baner-sofware .modal_content .modal_inner {
    height: auto;
    width: 100%;
    overflow: auto;
    /*
   margin-bottom: -10px!important;
  margin: auto;
  */
}
.modal_inner .modal_padding {
    padding: 0 20px 32px 32px;
    padding: 0 32px 0 32px;
}
.disp-baner-sofware .disp-baner-content .modal_inner .modal_padding {
    padding: 0 0px 0 0px;
}
/*.category-software .disp-baner-content-left, .category-logiciels .disp-baner-content-left {
  width: 50%;
  float: left;
  padding:0px;
}*/

.disp-baner-sofware .disp-baner-content-left {
    width: 50%;
    float: left;
    padding: 0px;
}
.customer-account-create .fancybox-outer h2 {
    margin-top: 20px;
    margin-bottom: 20px;
}
.modal_footer {
    background: #e6e6e6;
    border-top: 1px solid #ccc;
    border-radius: 0 0 3px 3px;
    display: block;
    padding: 24px 32px;
    overflow: hidden;
    text-align: right;
}
/* MODAL CUSTOM SCROLL
----------------------------- */

.modal_inner .jspVerticalBar,
.modal_inner .jspTrack {
    background: transparent;
    height: 96px;
}
.modal_inner .jspVerticalBar {
    right: 12px;
    width: 8px;
}
.modal_inner .jspDrag {
    background: #00b3ad;
    border-radius: 3px;
}
.modal_inner .jspPane {
    width: 100% !important;
}
.modal_inner [class^=jsp],
.modal_inner [class^=jsp]:before,
.modal_inner [class^=jsp]:after {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
/* -------------------------------------------------------- */
/* TABLES
----------------------------------------------------------- */
/* SIMPLE
----------------------------------------------------------- */

.table {
    border: 0;
    border-top: 3px solid #00b3ad;
    border-collapse: collapse;
    border-radius: 0 0 6px 6px;
    font-size: 16px;
    margin-bottom: 3em;
    width: 100%;
}
.table_container .table {
    margin-bottom: 0;
}
.table th {
    background: none;
    border: 0;
    font-size: .875em;
    font-weight: bold;
    line-height: 1.25em;
    height: 3em;
    padding: 1.5em 1em;
    text-align: center;
    vertical-align: middle;
}
.disp-baner-sofware .disp-baner-content .modal_inner .table td {
    border-right: 0px solid #e6e6e6;
}
.table td {
    background: #f8f8f8;
    border: 0;
    border-right: 1px solid #e6e6e6;
    color: #787878;
    font-size: .875em;
    line-height: 1.25em;
    height: 3em;
    padding: 1.5em 3em;
    text-align: center;
    vertical-align: middle;
}
.disp-baner-sofware .first-cell .icon-multiplat:before {
    content: "\e63f";
    font-size: 20px;
    padding: 5px;
}
.disp-baner-sofware .disp-baner-content .modal_inner .modal_padding .table_container .table td {
    padding: 5px 10px 10px 6px;
}
.disp-baner-sofware .modal_content .table_container .price {
    width: auto;
}
.disp-baner-sofware .disp-baner-content .modal_inner .modal_padding .table_container .table td .old-price,
.disp-baner-sofware .disp-baner-content .modal_inner .modal_padding .table_container .table td .old-price .price {
    font-size: 12px;
}
.disp-baner-sofware .disp-baner-content .modal_inner .modal_padding .table_container .table td .special-price,
.disp-baner-sofware .disp-baner-content .modal_inner .modal_padding .table_container .table td .special-price .price {
    color: #ff7014;
}
.disp-baner-sofware .disp-baner-content .modal_inner .modal_padding .table_container .table td h6 {
    margin-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px;
}
.disp-baner-sofware .disp-baner-content .modal_inner .modal_padding .table_container .table td h6 p {
    margin-top: 0px;
}
.disp-baner-sofware .disp-baner-content .modal_inner .modal_padding .table_container .price {
    font-size: 16px;
}
/*.category-logiciels .disp-baner-content-left .product-button-addtocart .btnFlat{font-size: 11px;width: 70%;padding-left: 10px;padding-right: 10px;float: none;margin-left: 0px;}*/
/*.category-logiciels .disp-baner-content-left .product-button-addtocart .btnFlat{font-size:1.2em;width: 80%;padding-left: 10px;padding-right: 10px;float: none;margin-left: 0px; font-weight:normal!important; padding-top: 0px;
  height: 35px;}*/

.disp-baner-sofware .disp-baner-content-left .product-button-addtocart .btnFlat {
    height: 2.7em;
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    max-width: 326px;
    font-weight: bold;
}
.product-twonav .disp-baner-sofware .disp-baner-content-left .product-button-addtocart a.btnFlat {
    font-size: 1.2em;
    width: 80%;
    padding-left: 10px;
    padding-right: 10px;
    float: none;
    margin-left: 0px;
    font-weight: normal!important;
    padding-top: 10px;
    height: 35px;
}
.table th.first,
.table td.first {
    border-right: 0;
    padding: 0;
    width: 2em;
}
.table th[align=left],
.table td[align=left] {
    text-align: left;
}
.table th.last,
.table td.last {
    padding: 0;
    width: 2em;
}
.table th.noLeftPad,
.table td.noLeftPad {
    padding-left: 0;
}
.table td:last-child {
    border-right: 0;
}
.table tr.odd td {
    background: #f8f8f8;
}
.table tr.even td {
    background: #fff;
}
.table tr:last-child td {
    border-bottom: 3px solid #ccc;
}
.table tbody tr:last-child td {
    border-bottom: 0;
}
.table tbody tr:first-child:last-child td {
    border-bottom: 3px solid #ccc;
}
.table td a {
    color: #00b3ad;
}
.table td a.icon-delete {
    margin-left: 1.5em;
}
.table tfoot tr td {
    border-top: 0;
}
.table tfoot tr:first-child td {
    border-top: 1px solid #ccc;
}
.table td .icon-priv,
.table td .icon-public,
.table td a .icon-more {
    font-size: 16px;
}
.table td a .icon-more {
    margin-left: 8px;
    vertical-align: top;
}
.table td a .icon-less {
    font-size: 16px;
}
.table td a .icon-less {
    margin-left: 8px;
}
/* CSS3
----------------------------------------------------------- */

div.table {
    border: 0;
    border-top: 3px solid #00b3ad;
    border-collapse: collapse;
    border-radius: 0 0 6px 6px;
    display: table;
    margin-bottom: 3em;
    width: 100%;
}
div.table .trow {
    display: table-row;
}
div.table .thead,
div.table .tcell {
    display: table-cell;
}
div.table .thead {
    background: none;
    border: 0;
    font-size: .875em;
    font-weight: bold;
    line-height: 1.25em;
    height: 3em;
    padding: 1.5em 1em;
    text-align: center;
    vertical-align: middle;
}
div.table.tproducts .thead {
    border-bottom: 1px solid #D7D7D6;
    padding: 0.5em 1em;
}
div.table .tcell {
    background: #f8f8f8;
    border: 0;
    border-right: 1px solid #e6e6e6;
    color: #787878;
    font-size: .875em;
    line-height: 1.25em;
    height: 3em;
    padding: 1.5em 3em;
    text-align: center;
    vertical-align: middle;
}
div.table.tproducts .tcell {
    border: 0;
    color: #303030;
    padding: 0.5em 1em;
}
div.table.tproducts.mobile .tcell {
    border-bottom: 1px solid #D7D7D6;
}
/* MOBILE
----------------------------------------------------------- */
/* movido a responsive
table.table.mobile { margin-bottom: 0; }
table.table.mobile .icon-delete { font-size: 12px; }
table.table.mobile td { background: #f8f8f8; color: #303030; font-size: 12px; text-align: left; vertical-align: top; }
table.table.mobile td.aright { text-align: right; }
table.table.mobile tr.first td { height: 30px; padding: 9px 9px 0 9px; text-align: right; }
table.table.mobile tr.corner td { background: #f8f8f8 url(../images/table_icon.png) left top no-repeat; }
table.table.mobile tr.tr1 td { border: 0; padding: 0 0 16px 0; }
table.table.mobile tr.tr2 td { border: 0; border-bottom: 1px solid #c7c7c7; padding: 0; }
table.table.mobile tr.tr2 td.btop { border-top: 1px solid #c7c7c7; padding: 16px 0; }
table.table.mobile tr.tr2 td.btop.price { padding-top: 24px; text-align: right; }
table.table.mobile td.first,
table.table.mobile td.last { width: 16px; }
table.table.mobile .prod-thumb { background: #fff; border: 1px solid #e5e5e5; height: 82px; width: 82px; padding: 6px; position: absolute; left: 0; top: 0; }
table.table.mobile .prod-thumb img { display: block; height: 68px; width: 68px; }
table.table.mobile .prod-info { position: relative; padding-left: 100px; min-height: 82px; }
table.table.mobile .prod-info h6 { font-size: 13px; line-height: 1.35em; margin: 0 0 .2em 0; }
table.table.mobile .prod-info p { color: #787878; line-height: 1.35em; margin: 0; }
table.table.mobile .icon-send,
table.table.mobile .icon-download { color: #787878; }
table.table.mobile .physicalProd + .downloadableProd,
table.table.mobile .downloadableProd + .physicalProd { margin-bottom: 0; }
table.table.mobile .prod-extras { margin-top: 10px; }
table.table.mobile .prod-extras p { margin: 0; }
table.table.mobile .custom { list-style: none; margin: 0; padding: 0; }
table.table.mobile .custom li { background: url(../images/list_arrow.png) 0 3px no-repeat; color: #787878; padding-left: 16px; }
table.table.mobile .custom li strong { color: #303030; }
table.table.mobile .qtyfield ul { top: 3px; }
table.table.mobile .semibold { font-weight: 600; }
table.table.mobile .gray { color: #787878; }
.tfoot { border-bottom: 3px solid #ccc; border-radius: 0 0 6px 6px; margin-bottom: 20px; }
.tfoot table.table.mobile { border-top: 0; margin: 0; }
.tfoot table.table.mobile td { background: #e6e6e6; border: 0; padding: 10px 0; height: auto; }
.tfoot table.table.mobile tr:first-child td { padding-top: 15px; }
.tfoot table.table.mobile tr:last-child td { padding-bottom: 15px; }
.tfoot table.table.mobile .topborder { border-top: 1px solid #b3b3b3; }
.tfoot table.table.mobile tr.nobottompad td { padding-bottom: 0; }
.tfoot table.table.mobile .total { font-size: 1.1em; font-weight: bold; vertical-align: middle; height: auto; }
.tfoot table.table.mobile .vmiddle { vertical-align: middle; }
.tfoot table.table.mobile .single_radio { display: block; margin: 0 0 8px 0; padding: 0; }
.tfoot table.table.mobile .single_radio:last-child { margin: 0; }
.tfoot table.table.mobile .single_radio label { display: block; border: 1px solid #b3b3b3; border-radius: 3px; background: #f2f2f2; margin: 0; padding: 7px 6px; cursor: pointer; }
.tfoot table.table.mobile .single_radio :checked + label { background: none; cursor: default; }
.promo_code {}
.promo_code .textfield { width: 65.4%; float: left; }
.promo_code .btnFlat { width: 29.4%; float: right; height: 25px; padding: 0; font-size: 13px; font-weight: normal; margin: 1px 0 0 0; }
.promo_code p { margin-top: 0; }
*/
/* -------------------------------------------------------- */
/* LOADERS
----------------------------------------------------------- */

#options #loadmask {
    opacity: 1;
}
#options .loader {
    background: #F8F8F8;
    border: 3px solid #00b3ad;
    color: #303030;
    margin-left: 50px;
    padding: 15px 60px;
    padding: 16px 32px;
    text-align: center;
    width: 100px;
    width: auto;
    white-space: nowrap;
}
.loader img,
.loader br {
    display: none !important;
}
.btnFlat.black.loading {
    background-color: #505050;
    padding-left: 40px !important;
    position: relative;
}
.btnFlat.black.loading:hover,
.btnFlat.black.loading:focus {
    background-color: #505050;
}
.btnFlat.black.loading:before {
    background: url(../images/ajax-loader_1.gif) 0 0 no-repeat;
    background-size: cover;
    content: " ";
    position: absolute;
    left: 14px;
    top: 7px;
    height: 32px;
    width: 32px;
    display: block;
}
.btnFlat.green.loading {
    background-color: #00b3ad;
    padding-left: 40px !important;
    position: relative;
}
.btnFlat.green.loading:hover,
.btnFlat.green.loading:focus {
    background-color: #00b3ad;
}
.btnFlat.green.loading:before {
    background: url(../images/ajax-loader_2.gif) 0 0 no-repeat;
    background-size: cover;
    content: " ";
    position: absolute;
    left: 14px;
    top: 7px;
    height: 32px;
    width: 32px;
    display: block;
}
/* -------------------------------------------------------- */
/* ORANGE-LABEL
----------------------------------------------------------- */

.category-products .table td.orange_label {
    padding-right: 0;
    padding-top: 1.2em;
}
.category-products .table td.orange_label span {
    display: block;
    width: 75px;
    height: 56px;
    font-size: 0;
    background: url(../images/new_label.png) 0 0 no-repeat;
}
.disp-baner-sofware .disp-baner-content .modal_inner .modal_padding .table_container .table .orange_label {
    padding: 0;
}
.disp-baner-sofware .disp-baner-content .modal_inner .modal_padding .table_container .table .orange_label span {
    display: block;
    width: 75px;
    height: 56px;
    font-size: 0;
    background: url(../images/new_label.png) 0 0 no-repeat;
    background-size: 75%;
    background-position: 70% 40%;
}