/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* FONTS */

@font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: normal;
    src: local('Titillium Web'), local('Titillium-Web'), url(/css/TitilliumWeb-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 600;
    src: local('Titillium Web'), local('Titillium-Web'), url(/css/TitilliumWeb-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 700;
    src: local('Titillium Web'), local('Titillium-Web'), url(/css/TitilliumWeb-SemiBold.ttf) format('truetype');
}


/* GLOBAL */

body {
    margin:0px auto;
    padding:0px;
    overflow-x:hidden;
    background: #000 url('/img/bg-repeat.jpg') repeat-y;
    background-position: center 0px;
}

.clear { clear:both; }

.alpha60 {
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(51, 51, 51);
    /* RGBa with 0.6 opacity */
    background: rgba(51, 51, 51, 0.6);
}

#main { margin: 0 auto; width:960px; color:white; }

.modalOverlayShadow { // para modales
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(0, 0, 0);
    /* RGBa with 0.4 opacity */
    background: rgba(0, 0, 0, 0.4);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9F000000, endColorstr=#9F000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#DF000000, endColorstr=#DF000000)";
    top:0;
    bottom:0;
    left:0;
    right:0;
    width:100%;
    height:100%;
    position:fixed;
    z-index:10000;
}

.lndModalOverlayShadow { // para modales
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(0, 0, 0);
    /* RGBa with 0.4 opacity */
    background: rgba(0, 0, 0, 0.4);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9F000000, endColorstr=#9F000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#DF000000, endColorstr=#DF000000)";
    top:0;
    bottom:0;
    left:0;
    right:0;
    width:100%;
    height:100%;
    position:absolute;
    z-index:10000;
    display: none;
}

.wtbModalOverlayShadow { // para modales
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(0, 0, 0);
    /* RGBa with 0.4 opacity */
    background: rgba(0, 0, 0, 0.4);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9F000000, endColorstr=#9F000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#DF000000, endColorstr=#DF000000)";
    top:0;
    bottom:0;
    left:0;
    right:0;
    width:100%;
    height:100%;
    position:fixed;
    z-index:10000;
    display: none;
}

#modal { display:none; }
.langmessage {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-200px;
    width:400px;
    padding:20px 10px 20px 20px;
    background-color:#CCC;
    color:#E7E7E7;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.langmessage input[type=button] {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-family: Tahoma, Arial;
    border:0px;
    padding:3px;
    margin-right:10px;
    background-color:#8e8e8e;
    color:white;
    cursor:pointer;
    float:right;
}

.langmessage #langtext { width:100%; font-family:Tahoma, Arial; color:black; }

.reddot { color:red; font-weight:bold; }
.button-white {
    float:left;
    text-decoration:none;
    font-family:Tahoma, Arial;
    font-size:11px;
    color:#333;
    font-weight:bold;
    padding:2px 5px;
    background-color:white;
    border:1px solid #BBB;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.button-white-icon {
    background:url('/img/btn-download-bg.jpg') repeat-x;
    font-family:'Titillium Web',Arial;
    font-size:13px;
    font-weight:700;
    text-decoration:none;
    padding:3px 0px 4px 10px;
    color:black;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.button-white-icon:hover {
    background:url('/img/btn-download-bg-on.jpg') repeat-x;
    color:white;
}

.download-icon-img {
    margin-top:-3px;
    margin-left:8px;
}

.global.breadcrumb { font-family:Tahoma, Arial; font-size:13px; font-weight:700; margin-bottom:15px; }
.global.breadcrumb a { color:rgb(190,190,190); text-decoration:none; }
.global.breadcrumb a:hover { color:red; text-decoration:underline; }
.global.breadcrumb .arrow { color:red; font-weight:bold; margin-right:5px; }
.global.breadcrumb .selected { font-weight:700; }
.global.breadcrumb .bcItem { float:left; margin-left:10px; }
.global.breadcrumb .bcItem a.link.on, .global.breadcrumb .bcHead a.link.on { color:white; font-weight:bold; }
.global.breadcrumb .bcHead { float:left; margin-left:10px; }

.left { float:left; }
.right { float:right; }

.error {
    display:inline-block;
}

.error ul {
    margin:0;
    padding:0;
    display:inline;
}

.error ul li {
    margin:0;
    padding:0;
    display:inline;
    font-family: 'Titillium Web', Tahoma, Arial;
    color:red;
    font-size: 14px;
}

.pagination {
    width:100%;
    padding:15px 0;
    text-align: center;
    font-weight:normal;
}

.pagination a {
    color:white;
    text-decoration:none;
}

.pagination a:hover {
    color:white;
    text-decoration:underline;
}

.pagination a.on {
    color:red;
    font-weight:700;
    text-shadow: 0 0 5px #333;
    text-decoration:none;
}

.pagination .prev, .pagination .next {
    text-decoration:none;
    display:inline-block;
    height:30px;
    width:23px;
}

.pagination .prev:hover, .pagination .next:hover {
    text-decoration:none;
}

.pagination .prev {
    margin-right:5px;
    background: url('/img/med-arrow-left.png') no-repeat;
}

.pagination .next {
    margin-left:10px;
    background: url('/img/med-arrow-right.png') no-repeat;
}

.pagination .separator {
    color:#666;
}

/* HEADER */

body .header-background {
    width:100%;
    background-color:red;
    height:174px;
    position: absolute;
    background:url('/img/menu-bg.png') center top no-repeat;
    z-index:99;
}

#header { z-index:1000; position:relative; height:174px; color:white; /*background:url('/img/menu-bg.png') -490px 0 no-repeat;*/ }
#header img.menu-bg {
    /* Set rules to fill background */

    /* Set up positioning */
    position: absolute;
    margin-left:-490px;
    /*left: -200px;*/
    z-index:-1;
}
#header .top { height:104px; padding-top:15px; z-index:20; }
#header .logo { float:left; }

#header .facebook-header { float:right; margin:38px 20px 0 0; right:30px; z-index:10001; }

#header .menu-help-container { float:right; margin-top:32px; font-family:Tahoma, Arial; font-size:11px; color:#A7A7A7; }
#header .menu-help { position:relative; list-style:none; margin:0px; padding:0px; z-index:10002; }
#header .menu-help > li { float:left; display:block; height:35px; margin:0px; z-index:999; background:url('/img/menu-help-bg.jpg') repeat-x; border-top:1px solid #000; border-right:1px solid #000; border-bottom:1px solid #000; border-left:1px solid #2a2a2a; }
#header .menu-help > li:first-child {
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topleft: 5px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    border-left:1px solid #000 !important;
}
#header .menu-help > li:last-child {
    /*padding-top:8px !important;*/
    width:120px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-topright: 5px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

#header .menu-help > li:hover { color:white; background:url('/img/menu-help-bg-on.jpg') repeat-x; }

#header .menu-help > li > a { display:block; padding:10px 15px 10px 15px; color:#A7A7A7; text-decoration:none; }
#header .menu-help > li > a.last { width:100%; padding:8px 0 8px 10px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#header .menu-help > li > a.last img { margin-right:8px; }
#header .menu-help > li > a.last .arrow { position:absolute; top:13px; right:0px; }

#header .menu-help .sub { position:absolute; list-style-type:none; display:none; float:right; z-index:-1;  padding:0; margin:0;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
#header .menu-help > li:last-child > ul.sub { width:100px; padding:0px 10px 8px 10px; background-color:#333 }
#header .menu-help > li:last-child > ul.sub > li { padding-top:10px; }
#header .menu-help > li:last-child > ul.sub > li { border-top:none; }
#header .menu-help .sub li img { margin-right:8px; }
#header .menu-help .sub li > a { display:block; text-decoration:none; }

#header .menu-help li > .sub { width:130px; padding:8px; background-color:#eee; }
#header .menu-help li > .sub li:first-child { border-top:none; }
#header .menu-help li > .sub li { padding:5px; color:black; border-top:1px dotted #999; }
#header .menu-help li > .sub a { color:black; }
#header .menu-help li > .sub a:hover { color:#e30613; }
#header .menu-help li > .sub .arrow-left { float:right; margin-right:0px; }

#header .menu-help li:last-child > .sub a { color:#a7a7a7; border:none; }
#header .menu-help li:last-child > .sub a:hover { color:white; }


/* Header community */

.header-community-container { margin:0 auto; background-color:#e71200; background:url('/img/community_menu_bg.jpg') 0 0 repeat-x; }

#header-community { width:960px; height:24px; margin:0 auto; font-family: 'Titillium Web', Helvetica, Arial; font-size:11px; color:#4d4d4d; line-height: 2; }

#header-community .header-community-left { height:24px; float:left; }
#header-community .header-community-right { height:24px; float:right; }
#header-community .item { float:left; height:24px; padding:0 15px; }
#header-community .item a { font-weight:700; color:#4d4d4d; text-decoration:none; }
#header-community .item a:hover { color:#e31a23; }

#header-community .icon { float: left; width:30px; margin:0; padding:0; }
#header-community .icon a { color:#4d4d4d; text-decoration:none; display:inline-block; width:30px; height:24px; }
#header-community .icon a:hover { color:#e31a23; }

#header-community .icon.fb { float: left; width:30px; margin:0; padding:0; }
#header-community .icon.fb a { color:#4d4d4d; text-decoration:none; display:inline-block; width:30px; height:24px; background:url('/img/community_menu.jpg') -1px -25px no-repeat; }
#header-community .icon.fb a:hover { background:url('/img/community_menu.jpg') -1px 0px no-repeat; }

#header-community .icon.tw { float: left; width:30px; margin:0; padding:0; }
#header-community .icon.tw a { color:#4d4d4d; text-decoration:none; display:inline-block; width:30px; height:24px; background:url('/img/community_menu.jpg') -32px -25px no-repeat; }
#header-community .icon.tw a:hover { background:url('/img/community_menu.jpg') -32px 0px no-repeat; }

#header-community .icon.yt { float: left; width:30px; margin:0; padding:0; }
#header-community .icon.yt a { color:#4d4d4d; text-decoration:none; display:inline-block; width:30px; height:24px; background:url('/img/community_menu.jpg') -63px -25px no-repeat; }
#header-community .icon.yt a:hover { background:url('/img/community_menu.jpg') -63px 0px no-repeat; }

#header-community .icon.fl { float: left; width:30px; margin:0; padding:0; }
#header-community .icon.fl a { color:#4d4d4d; text-decoration:none; display:inline-block; width:30px; height:24px; background:url('/img/community_menu.jpg') -94px -25px no-repeat; }
#header-community .icon.fl a:hover { background:url('/img/community_menu.jpg') -94px 0px no-repeat; }


/* Product menu */

#header .menu-main-container { float:left; margin-top:10px; width:100%; border-bottom:3px solid #e31a23; z-index:20; }
#instant-search { position:relative; float:right; width:195px; height:31px; }
#instant-search input { border:none; outline: none; background: url('/img/search-bg.png') no-repeat; position:relative; color:#A7A7A7; font-family:Tahoma, Arial; width:140px; height:31px; padding:0 40px 0 15px; z-index:10000; }

#instant-search .search-actions { width:17px; height:17px; display:inline-block; position:absolute; right:10px; top:8px; z-index:10000; }
#instant-search .lupa { background: url('/img/lupa.png') no-repeat; width:17px; height:17px; text-decoration:none; display:inline-block; z-index:10000; }
#instant-search .loading { width:17px; height:17px; text-decoration:none; display:inline-block; z-index:10000; position:absolute; top:8px; right:-10px; }

#instant-search .search-results {
    font-family: 'Titillium Web', Arial;
    font-size: 12px;
    position:absolute;
    margin:-14px 0 0 0;
    z-index:100;
    background-color:white;
    width:194px;
    -webkit-border-bottom-left-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
    -moz-border-radius-bottomleft: 7px;
    -moz-border-radius-bottomright: 7px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    color: #333;
    padding-top:20px;
    float:left;
    display:none;
}

#instant-search .search-results > .title {
    margin:5px 5px 5px 5px;
    height:25px;
    border-bottom: 2px solid #e31a23;
    width:185px;
    font-weight:700;
    padding-top:5px;
}

#instant-search .search-results .item {
    margin:5px 5px 0 5px;
    position:relative;
    float:left;
    border-bottom: 1px dotted #333;
    width:185px;
    height:65px;
    background:url('/img/menu-arrow-right.png') no-repeat 97% center;
}

#instant-search .search-results .item img {
    float:left;
    /*position:absolute;*/
    /*left:0;*/
}

#instant-search .search-results .item a {
    text-decoration:none;
    display:block;
    height:100%;
}

#instant-search .search-results .item a:hover .title {
    color:red;
}

#instant-search .search-results .item .title, #header .search-results .item .text {
    /*float:left;*/
    margin-left: 65px;
}

#instant-search .search-results .item .title {
    color:#d82a33;
    font-weight:700;
}
#instant-search .search-results .item .text {
    color:#000;
    margin-right:18px;
}

#instant-search .search-results .more {
    display:block;
    width:182px;
    margin:15px 5px 15px 8px;
    background:url('/img/menu-arrow-right.png') no-repeat 97% center;
    color:#000;
    text-decoration:none;
    font-weight:700;
    float:left;
}

#instant-search .search-results .more:hover { text-decoration:underline; }

#instant-search .search-results .noresults {
    display:block;
    width:182px;
    margin:15px 5px 15px 8px;
    color:#000;
    text-decoration:none;
    font-weight:700;
    float:left;
    text-align:center;
}


/* Main menu */

#header .menu-main { list-style:none; margin:0; padding:0; }
#header .menu-main > li { float:left; height:41px; }
#header .menu-main > li > a {
    font-family: 'Titillium Web', sans-serif;
    font-size:15px;
    font-weight:700;
    display:block;
    padding:10px 10px 8px 10px;
    color:#A7A7A7;
    text-decoration:none;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom:1px solid #101010;
    border-top:1px solid transparent;
    border-left:1px solid transparent;
    border-right:1px solid transparent;
}
#header .menu-main > li > a:hover, #header .menu-main > li > .hover {
    color:white;
    font-family: 'Titillium Web', sans-serif;
    font-weight:700;
    font-size:15px;
    background:url('/img/menu-main-on-bg.jpg') repeat-x;
    border-top:1px solid #666;
    border-right:1px solid #666;
    border-left:1px solid #666;
    border-bottom:1px solid #e31a23;
}

/* Main menu - desplegable */

#header .menu-main > li > ul { position:absolute; list-style-type:none; padding:0px; margin:3px 0 0 0; display:none; background-color:#E8E8E8; border-bottom:3px solid #e31a23; left:0px; }

/* Temporary position for variable product - FIX */
#header .menu-main > li > ul.variable {
    left:auto;
}

#header .menu-main > li > ul .showall {
    position:absolute;
    height:40px;
    width:150px;
    bottom:0px;
    right:0px;
    margin-bottom:-40px;
    text-align:center;
    background:url('/img/button-showallprod-bg.jpg') bottom center repeat-x;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    font-family: 'Titillium Web', sans-serif;
    font-size:14px;
    font-weight:700;
    text-shadow: black 0 -1px;
}
#header .menu-main > li > ul .showall a { display:block; padding:10px 0 10px 0; color:white; text-decoration:none; }
#header .menu-main > li > ul .showall a:hover { display:block;color:white; text-decoration:none; }
#header .menu-main > li > ul .item { float:left; margin-bottom:0px; position:relative; }
#header .menu-main > li > ul .item.primary { background-color:#EEEEEE; }
#header .menu-main > li > ul .item.secondary { width:200px; height:280px; overflow:hidden; background:url('/img/bg-menu-secondary.png') repeat-y; }
#header .menu-main > li > ul .item .head { margin-bottom:0px; position:absolute; width:100%; }
#header .menu-main > li > ul .item .serie-title { float:left; background:url('/img/menu-main-serie-title.png') no-repeat; width:159px; height:33px; margin:13px 0px 20px 0px; padding-top:5px; }
#header .menu-main > li > ul .item.secondary .serie-title { float:none; margin-left:-25px; }
#header .menu-main > li > ul .item .serie-title a { font-family:'Titillium web', sans serif; font-size:14px; font-weight:700; color:white; text-decoration:none; margin:0 0 0 20px; }
#header .menu-main > li > ul .item .serie-title a:hover { text-decoration:none; }
#header .menu-main > li > ul .item.primary .item-links { float:right; font-family:Tahoma, Arial; color:#333; font-size:12px; margin:10px 30px 0 0;  }
#header .menu-main > li > ul .item.secondary .item-links { font-family:Tahoma, Arial; color:#333; font-size:12px; margin:10px 0px 0 0;  }
#header .menu-main > li > ul .item .item-links a { font-family:Tahoma, Arial; color:red; font-size:12px; text-decoration:none; }
#header .menu-main > li > ul .item .item-links a:hover { text-decoration:underline; }

#header .menu-main > li > ul .item .row { float:left; }
#header .menu-main > li > ul .item.secondary .row { padding-left:20px; width:635px; height:100%; }
#header .menu-main > li > ul .item.secondary .row-nav{ position:absolute; bottom:20px; width:200px; text-align:center; }
#header .menu-main > li > ul .item .row-item { float:left; }
#header .menu-main > li > ul .item.primary .row-item { width:155px; padding:60px 15px 0 15px; height:224px; vertical-align:bottom; }
#header .menu-main > li > ul .item.primary .row-item.first { padding-left:20px; }
#header .menu-main > li > ul .item.primary .row-item.last { padding-right:20px; }
#header .menu-main > li > ul .item.secondary .row-item { width:170px; padding:0 25px 0 5px !important; }
#header .menu-main > li > ul .item.primary .row-item:hover { background-color:#DDD; }
#header .menu-main > li > ul .item .row-item .topimage { padding-bottom:1px; margin-top:-10px; }
#header .menu-main > li > ul .item .row-item .serie {  margin-bottom:5px; }
#header .menu-main > li > ul .item .row-item .serie li { margin-bottom:5px; }
#header .menu-main > li > ul .item .row-item .serie a {
    /*background:url('/img/menu-category-arrow-right.png') left center no-repeat;
    padding-left:10px;*/
    display:block;
    font-family:'Titillium Web', sans serif;
    font-weight:700;
    color:#666;
    font-size:13px;
    text-decoration:none;
}
#header .menu-main > li > ul .item.primary .row-item:hover .serie a { color:#333; }
#header .menu-main > li > ul .item.secondary .row-item .serie a:hover { color:#333; }
#header .menu-main > li > ul .item .row-item .content { color:#666; list-style-type:none; padding:0px; margin:0px; }
#header .menu-main > li > ul .item.secondary .row-item .content.serie { height:120px; }
#header .menu-main > li > ul .item .row-item .content.family { height:65px; }
#header .menu-main > li > ul .item .row-item .content.family li { font-family:'Titillium Web', sans serif; font-weight:700; padding:3px 5px 3px 0; font-size:12px; border-bottom:1px dotted #C7C7C7; }
#header .menu-main > li > ul .item .row-item .content.family li:last-child { border-bottom:none; }
#header .menu-main > li > ul .item .row-item .content.family li a { display:block; width:100%; color:black; text-decoration:none; background:url('/img/menu-arrow-right.png') no-repeat center right; }
#header .menu-main > li > ul .item .row-item .content.family li a:hover { color:#e30613; text-decoration:none; background:url('/img/menu-arrow-right-on.png') no-repeat center right; }

#header .menu-main > li > ul .item .row-item .content .arrow-right { float:right; }
#header .menu-main > li > ul .item .row-item .link a { font-family:Tahoma, Arial; font-size:11px; color:#e30613; text-decoration:none; }
#header .menu-main > li > ul .item .row-item .link a:hover { font-family:Tahoma, Arial; font-size:11px; color:#e30613; text-decoration:underline; }

#header .menu-main > li > ul .item.product { }
#header .menu-main > li > ul .item.product .item-links { text-align:right; font-family:Tahoma, Arial; color:#333; font-size:12px; margin:10px 30px 0 0;  }
#header .menu-main > li > ul .item.product .row-item { width:155px; padding-bottom:15px; padding:0px 15px 15px 15px; background-color:#EEEEEE; }
#header .menu-main > li > ul .item.product .row-item:hover { background-color:#DDD; }
#header .menu-main > li > ul .item.product .row-item.first { padding-left:32px; }
#header .menu-main > li > ul .item.product .row-item.last { padding-right:32px; }
#header .menu-main > li > ul .item.product .row-item .topimage { padding:20px 0 20px 0; }
#header .menu-main > li > ul .item.product .row-item .name {  margin-bottom:5px; }
#header .menu-main > li > ul .item.product .row-item .name li { margin-bottom:5px; }
#header .menu-main > li > ul .item.product .row-item .name a {
    /*background:url('/img/menu-category-arrow-right.png') left center no-repeat;
    padding-left:10px;*/
    display:block;
    font-family:'Titillium Web', sans serif;
    font-weight:700;
    color:black;
    font-size:14px;
    text-decoration:none;
}
#header .menu-main > li > ul .item.product .row-item:hover .name a {
    /*background:url('/img/menu-category-arrow-right.png') left center no-repeat;*/
}
#header .menu-main > li > ul .item.product .row-item .content { list-style-type:none; padding:0px; margin:0px; }
#header .menu-main > li > ul .item.product .row-item .content { font-family:'Titillium Web', sans serif; font-weight:700; padding:0 5px 0 0; font-size:12px; }
#header .menu-main > li > ul .item.product .row-item .content a { display:block; width:100%; color:#7e7e7e; text-decoration:none; }
#header .menu-main > li > ul .item.product .row-item:hover .content li a { color:#7E7E7E; }
#header .menu-main > li > ul .item.product .row-item .content a:hover { color:#e30613; text-decoration:none; }

#header .menu-main > li > ul .item.product .row-item .content .arrow-right { float:right; }
#header .menu-main > li > ul .item.product .row-item .link a { font-family:Tahoma, Arial; font-size:11px; color:#e30613; text-decoration:none; }
#header .menu-main > li > ul .item.product .row-item .link a:hover { font-family:Tahoma, Arial; font-size:11px; color:#e30613; text-decoration:underline; }

#header .menu-main > li > ul .item.moreproducts .row-item { padding-top:10px; height: 130px; }
#header .menu-main > li > ul .item.moreproducts .row-item .link { display:block; text-decoration:none; color:black; font-family:'Titillium Web', sans serif; font-weight:700; font-size:14px; margin-left:5px; }


/* MENU MAIN NEW */

#header .menu-main-new-container { background-color:white; }

#header .menu-main-new { font-family: 'Titillium Web', Arial, Tahoma; }

#header .menu-main-new { list-style:none; margin:0; padding:0; }
#header .menu-main-new > li { float:left; height:41px; }
#header .menu-main-new > li > a {
    font-family: 'Titillium Web', sans-serif;
    font-size:15px;
    font-weight:700;
    display:block;
    padding:10px 10px 8px 10px;
    color:#A7A7A7;
    text-decoration:none;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom:1px solid #101010;
    border-top:1px solid transparent;
    border-left:1px solid transparent;
    border-right:1px solid transparent;
}
#header .menu-main-new > li > a:hover, #header .menu-main-new > li > .hover {
    color:#e31a23;
    font-family: 'Titillium Web', sans-serif;
    font-weight:700;
    font-size:15px;
    /* background:url('/img/menu-main-on-bg.jpg') repeat-x;
    border-top:1px solid #666;
    border-right:1px solid #666;
    border-left:1px solid #666;
    border-bottom:1px solid #e31a23;
    */
}

#header .menu-main-new .submenu {
    background-color:white;
    margin-top:3px;
    left:0;
    position:absolute;
    display:none;
}

#header .menu-main-new .submenu .categories-bg {
    position:absolute;
    width:175px;
    background-color:#e8e8e8;
    top:0;
    bottom:0;
    left:0;
    z-index:1;
}

#header .menu-main-new ul.categories {
    float:left;
    background-color: white;
    width:175px;
    padding:0;
    z-index: 2;
}

#header .menu-main-new ul.categories .category {
    float:left;
}

#header .menu-main-new ul.categories a.category-title {
    float:left;
}

#header .menu-main-new ul.categories a.category-title {
    display:inline-block;
    width:160px;
    font-size: 0.9em;
    padding:8px 0 8px 15px;
    color:#333;
    background-color:#e8e8e8;
    text-decoration: none;
}

#header .menu-main-new ul.categories a.category-title:hover {
    color:#333;
    text-decoration: none;
    background-color:white;
}

#header .menu-main-new ul.categories a.category-title.hover {
    color:#333;
    text-decoration: none;
    background-color:white;
}

#header .menu-main-new ul.categories .category {
    list-style-type: none;
    margin:0;
    padding:0;
}

#header .menu-main-new .subcategories {
    margin-left:176px;
    width:785px;
}

#header .menu-main-new .subcategories .viewmore {
    float:right;
    margin-top:15px;
    height:22px;
    background: url('/img/menu-viewmore-bg.jpg') repeat-x;
    font-size: 0.75em;
    font-weight: bold;
    padding:4px 12px 0 12px;
    vertical-align: bottom;
}

#header .menu-main-new .subcategories .viewmore a {
    text-decoration: none;
    color:white;
}

#header .menu-main-new .subcategories .viewmore a:hover {
    text-decoration: none;
    color:white;
}

#header .menu-main-new .subcategories .viewmore-arrow {
    margin:0 0 2px 3px;
}

#header .menu-main-new .subcategories .viewmore-left {
    float:right;
    margin-top:15px;
    width:11px;
    height:26px;
    background: url('/img/menu-viewmore-left.jpg') no-repeat;
}

#header .menu-main-new .subcategory-grid {
    position:relative;
    padding-top:20px;
}

#header .menu-main-new .subcategory-item {
    float:left;
    padding:10px 0;
    width:150px;
    height:240px;
}

#header .menu-main-new .subcategory-item a {
    text-decoration:none;
}

#header .menu-main-new .subcategory-item a:hover {
    text-decoration:none;
}

#header .menu-main-new .subcategory-item .subcategory-item-content {
    width:140px;
    margin:4px auto 0 auto;
}

#header .menu-main-new .subcategory-item .img {
    display:block;
    margin:0 auto;
}

#header .menu-main-new .subcategory-item-title {
    color:#e31a23;
    font-size: 1.1em;
    line-height: 1;
    font-weight: bold;
}

#header .menu-main-new .subcategory-item-subtitle {
    color:#a2a2a2;
    font-size: 0.95em;
    line-height: 1.3;
    font-weight: 700;
}

#header .menu-main-new .subcategory-item-description {
    color:#a2a2a2;
    font-size: 0.8em;
    line-height: 1.2;
}






#header .mage-menu-bar {
    position:absolute;
    right:0px;
    top:80px;
    font-family:Tahoma, Arial;
    font-size:11px;
}
#header .mage-menu-bar a { text-decoration: underline; color:#EEE; }
#header .mage-menu-bar a:hover { text-decoration: none; color:#EEE; }
#header .mage-menu-bar ul { list-style: none; }
#header .mage-menu-bar li { display: inline; margin-right: 5px; }

#content .container {
    min-height:600px;
    float:left;
    width:100%;
}


/* FOOTER */

#footer { clear:both; background-color:#e8e8e8; height:440px; margin-top:50px; width:100%; }
#footer .container { width:960px; margin:0 auto; }
#footer .container .top { position:relative; font-family:arial; font-size:12px; }
#footer .container .top .bucket { position:absolute; float:left; width:215px; margin:-3px 25px 0px 0px; }
#footer .container .top .bucket .badge { margin-top:-6px; }
#footer .container .top .bucket .text { position:absolute; float:right; top:15px; right:5px; }
#footer .container .top .bucket .socialbutton { position:absolute; float:right; top:35px; right:5px; }
#footer .container .top .bucket.fb { border-top:3px solid #3e4b97; }
#footer .container .top .bucket.fb .text .hi { color: #3e4b97; }
#footer .container .top .bucket.tw { left:240px; border-top:3px solid #008cd2; }
#footer .container .top .bucket.tw .text .hi { color: #008cd2; }
#footer .container .top .bucket.yt { left:480px; border-top:3px solid #c71415; }
#footer .container .top .bucket.yt .text .hi { color: #c71415; }
#footer .container .top .bucket.fl { left:720px; border-top:3px solid #9c1277; }
#footer .container .top .bucket.fl .text .hi { color: #9c1277; }

#footer .container .bottom { position:relative; top:100px; }
#footer .container .bottom .footercontent { float:left; width:960px; }
#footer .container .bottom .footercontent .list .column { float:left; width:175px; height:200px; border-left:1px solid #e30613; padding-left:15px; font-family:Tahoma, Arial; font-size:11px; font-weight:bold; line-height:1.5; }
#footer .container .bottom .footercontent .list .column a { color:#888; text-decoration:none; line-height:2; }
#footer .container .bottom .footercontent .list .column a:hover { color:black; text-decoration:none; }
#footer .container .bottom .footercontent .list .title { font-family: 'Titillium Web', sans-serif; font-size:15px; font-weight:700; }

#footer .container .bottom .footercontent .list .column .newsletter { width:178px; }
#footer .container .bottom .footercontent .list .column .newsletter .formThanks {
    padding-top: 10px;
    display: none;
    font-family: 'Titillium Web';
    font-size: 16px;
    font-weight: normal;
}
#footer .container .bottom .footercontent .list .column .newsletter .error ul {
    list-style-type: none;
    margin:0 0 3px 1px;
    padding:0;
    color:rgb(199, 20, 21);
}

#footer .container .bottom .footercontent .list .column .newsletter .title { font-weight:normal; font-size:14px; margin-bottom:8px; }
#footer .container .bottom .footercontent .list .column .newsletter .newsinput {
    border:none;
    margin-bottom:8px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height:24px;
    padding-left:8px;
    font-size:14px;
    width:170px;
    font-family:'Titillium Web', sans serif;
    border-top:1px solid #878787;
    border-right:1px solid #aaaaaa;
    border-left:1px solid #aaaaaa;
    border-bottom:1px solid #CCC;
    background:url('/img/input-bg.jpg') repeat-x;
}

#footer .container .bottom .footercontent .list .column .newsletter .selectlist {
    border-left:1px solid #a7a7a7;
    border-right:1px solid #a7a7a7;
    border-bottom:1px solid #a7a7a7;
    position:absolute;
    margin:34px 0 8px 0;
    height:20px;
    width:177px;
    height:180px;
    font-size:14px;
    font-family:'Titillium Web', sans serif;
    background-color:white;
    overflow-y:scroll;
    z-index:1000;
    display:none;
}

#footer .container .bottom .footercontent .list .column .newsletter .newscountryselect {
    padding:3px;
    width:180px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #BBB;
    height:27px;
    outline:none;
}

#footer .container .bottom .footercontent .list .column .newsletter .newsbutton {
    color:white;
    border:none;
    float:right;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding:2px 15px 3px 15px;
    margin-top:8px;
    font-size:14px;
    right:0px;
    font-family:'Titillium Web', sans serif;
    position:absolute;
    border:1px solid #1a1a1a;
    background:url('/img/menu-help-bg.jpg') repeat-x;
    background-position:0px -4px;
    cursor:pointer;
}


#footer .last { padding-top:300px; height:145px; margin:0 auto 0 auto; background:url('/img/footer-down.png') center bottom no-repeat; }
#footer .last .content { width:960px; margin:90px auto 0 auto; background-color:red; }
#footer .last .content .copyright { float:left; padding-left:70px; font-family:Tahoma, Arial; font-size:11px; color:black; font-weight:bold; }
#footer .last .content .links { float:right; padding-right:30px; font-family:Tahoma, Arial; font-size:11px; color:#414141; }
#footer .last .content .links a { color:#414141; text-decoration:none; }
#footer .last .content .links a:hover { color:black; }
#footer .last .content .links .dot { margin:0 5px 0 5px; color:#E30613; font-weight:bold; }


#footer .last .content .menu-help-container { float:right; margin-top:0px; font-family:Tahoma, Arial; font-size:11px; color:#666; }
#footer .last .content .menu-help { position:relative; list-style:none; margin-top:-10px; padding:0px; z-index:999; font-weight:bold; }
#footer .last .content .menu-help > li { float:left; display:block; height:30px; margin:0px; z-index:999; background:url('/img/select-white-bg.jpg') repeat-x; border:1px solid #A7A7A7; }
#footer .last .content .menu-help > li {
    width:130px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

#footer .last .content .menu-help > li a:hover { color:black; }

#footer .last .content .menu-help > li > a { display:block; padding:10px 15px 10px 15px; color:#666; text-decoration:none; }
#footer .last .content .menu-help > li > a.last { width:100%; padding:8px 0 8px 10px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#footer .last .content .menu-help > li > a.lastItem img { margin-right:8px; }
#footer .last .content .menu-help > li > a.lastItem .flag { margin-top:-6px; }
#footer .last .content .menu-help > li > a.lastItem .arrow { position:absolute; top:13px; right:0px; }

#footer .last .content .menu-help > li > .sub { width:110px; padding:0px 10px 25px 10px; background-color:#EEE; border:1px solid #A7A7A7; }

#footer .last .content .menu-help .sub {
    display:none;
    position:absolute;
    list-style-type:none;
    float:right;
    z-index:-1;
    padding:0;
    margin-top:-105px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
#footer .last .content .menu-help .sub > li { padding-top:10px; border-top:none; }
#footer .last .content .menu-help .sub a { color:#666; border:none; }
#footer .last .content .menu-help .sub a:hover { color:black; }
#footer .last .content .menu-help .sub li img { margin-right:8px; }
#footer .last .content .menu-help .sub li > a { display:block; text-decoration:none; }

/*
#footer .last .content .menu-help li > .sub { width:130px; padding:8px; background-color:#eee; }
#footer .last .content .menu-help li > .sub li:first-child { border-top:none; }

#footer .last .content .menu-help li > .sub li { padding:5px; color:black; border-top:1px dotted #999; }
#footer .last .content .menu-help li > .sub a { color:black; }
#footer .last .content .menu-help li > .sub a:hover { color:#e30613; }
#footer .last .content .menu-help li > .sub .arrow-left { float:right; margin-right:0px; }
*/

/* 404 */

#notfound {
    height:990px;
    /*background: url('/img/404.jpg') no-repeat;*/
    background-position: -480px 0px;
    margin-bottom:-120px;
    font-family: 'Titillium Web', Tahoma, Arial;
    overflow:visible;
}

#notfound .notfound-bg {
    width: 100%;
    height:986px;
    position: absolute;
    left:0;
    z-index: -1;
    background:url('/img/404.jpg') center top no-repeat;
}

#notfound .frame {
    padding-top: 100px;
}

#notfound .frame .middle {
    padding-top:230px;
    height:270px;
    text-align:center;
}

#notfound .frame .middle .title {
    font-size: 22px;
    font-weight: 700;
}

#notfound .frame .middle .subtitle {
    font-size: 13px;
}

#notfound .frame .bottom {
    padding-top:35px;
    height:30px;
}

#notfound .frame .bottom .link {
    width:33%;
    float:left;
    text-align: center;
    font-weight: 700;
    text-shadow: 1px 1px 0 rgba(22, 22, 22, .5);
    font-size: 16px;
}

#notfound .frame .bottom .link a {
    text-decoration: none;
    color:rgb(227, 26, 35);
}

#notfound .frame .bottom .link a:hover {
    text-decoration: underline;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}

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

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.centered {
    position: fixed;
    top: 50%;
    left: 50%;
}

.horiz-centered {
    left: 50%;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow:none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}