/* 
    Created on : 2016-03-31, 12:51:27
    Author     : pn
    Package    : hexon/eo
*/
@font-face {
    font-family: 'ubuntu-bold';
    src: url('/tpl/eo2016/fonts/ubuntu-bold-webfont.eot');
    src: url('/tpl/eo2016/fonts/ubuntu-bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('/tpl/eo2016/fonts/ubuntu-bold-webfont.woff') format('woff'),
        url('/tpl/eo2016/fonts/ubuntu-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ubuntu-regular';
    src: url('/tpl/eo2016/fonts/ubuntu-regular-webfont.eot');
    src: url('/tpl/eo2016/fonts/ubuntu-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('/tpl/eo2016/fonts/ubuntu-regular-webfont.woff') format('woff'),
        url('/tpl/eo2016/fonts/ubuntu-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }

body {
    background-color: #f6f7f9;
    font-family: 'ubuntu-regular';
    font-size: 13px;
    min-width: 360px;
}

label {
    font-weight: 100;
}

.fsBold,
strong {
    font-family: 'ubuntu-bold';
    font-weight: 100;
}

a {
    cursor: pointer;
}

.dis-flex {
    display: flex !important;
}

.dis-block {
    display: block !important;
}

.w100p {
    width:100% !important;
}

.wm100p {
    max-width:100% !important;
}

.form-control,
.btn {
    border-radius: 0;
}

.theWhite {
    color:white !important;
}

.bgWhite {
    background-color:white !important;
}

.boWhite {
    border: 1px white solid !important;
}

.the-almost-white {
    color:#f6f7f9 !important;
}

.bg-almost-white {
    background-color:#f6f7f9 !important;
}

.bo-almost-white {
    border: 1px #f6f7f9 solid !important;
}

.theRed {
    color:#f00000 !important;
}

.bgRed {
    background-color:#f00000 !important;
}

.boRed {
    border: 1px #f00000 solid !important;
}

.theNavy {
    color:#979eb8 !important;
}

.btnNavy,
.bgNavy {
    background-color: #979eb8 !important;
}

.boNavy {
    border:1px #979eb8 solid !important;
}

.theYellow {
    color:#ffcc00 !important;
}

.bgYellow {
    background-color: #ffcc00 !important;
}

.boYellow {
    border:1px #ffcc00 solid !important;
}

.btnNavy {
    color:white;
    border:1px #979eb8 solid;
}

.btnBlue {
    color:white;
    border:1px #22AEE5 solid;
    background-color: #22AEE5 !important;
}

.transparent {
    border:none;
    background: none;
}

.of-hidden {
    overflow: hidden;
}

.bo2 {border-width: 2px !important;}

h1,
h2,
h3,
h4,
h5 { 
    font-family: 'ubuntu-bold';
    /*font-weight: bold;*/
    text-transform: uppercase;
}
h1 { font-size:24px; }
h2 { font-size:17px; }
h3 { font-size:16px; }
h4 { font-size:15px; }
h5 { font-size:14px;}

.posA {position:absolute !important;}
.posR {position:relative !important;}
.posF {position:fixed !important;}

button:hover {
    opacity:1;
}

.td {border:14px white solid;border-top: none;}


.content h2 { font-size:30px;text-transform: none;font-weight: 100;}
.content h4 { font-size:18px;}

.paL75 {padding-left: 7.5px !important;}
.paR75 {padding-right: 7.5px !important;}
.paT75 {padding-top: 7.5px !important;}
.paB75 {padding-bottom: 7.5px !important;}
.pa75 {padding: 7.5px !important;}
.paL15 {padding-left: 15px !important;}
.paR15 {padding-right: 15px !important;}
.paT15 {padding-top: 15px !important;}
.paB15 {padding-bottom: 15px !important;}
.pa15 {padding: 15px !important;}
.paL30 {padding-left: 30px !important;}
.paR30 {padding-right: 30px !important;}
.paT30 {padding-top: 30px !important;}
.paB30 {padding-bottom: 30px !important;}
.pa30 {padding: 30px !important;}

.mhA {margin-left:auto;margin-right: auto;}

.maB0 {margin-bottom: 0 !important;}
.maTL {margin-top: 24px !important;}
.maTM {margin-top: 12px !important;}
.maTS {margin-top: 6px !important;}
.maBL {margin-bottom: 24px !important;}
.maBML {margin-bottom: 16px !important;}
.maBM {margin-bottom: 12px !important;}
.maBS {margin-bottom: 6px !important;}
.maLL {margin-left: 24px !important;}
.maLM {margin-left: 12px !important;}
.maLS {margin-left: 6px !important;}
.maRL {margin-right: 24px !important;}
.maRM {margin-right: 12px !important;}
.maRS {margin-right: 6px !important;}
.maL {margin: 24px !important;}
.maM {margin: 12px !important;}
.maS {margin: 6px !important;}
.paTL {padding-top: 24px !important;}
.paTM {padding-top: 12px !important;}
.paTS {padding-top: 6px !important;}
.paBL {padding-bottom: 24px !important;}
.paBM {padding-bottom: 12px !important;}
.paBS {padding-bottom: 6px !important;}
.paLL {padding-left: 24px !important;}
.paLM {padding-left: 12px !important;}
.paLS {padding-left: 6px !important;}
.paRL {padding-right: 24px !important;}
.paRM {padding-right: 12px !important;}
.paRS {padding-right: 6px !important;}
.paL {padding: 24px !important;}
.paM {padding: 12px !important;}
.paS {padding: 6px !important;}
.pa0 {padding: 0 !important;}

.alC {text-align: center !important;}
.alL {text-align: left !important;}
.alR {text-align: right !important;}

::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder {
    font-style: italic;
    color:#999;
}

button::-moz-focus-inner {
    border: 0;
}

.hAuto {
    max-height: max-content !important;
    display: table;
}

.reo-article-left .banner img,
.reo-sg-main .banner {
    width: 100%;
}

/**
 *      STANDARD ELEMENTS
 **/
.tab {
    width:100%;
}

.tab th {
    padding:10px;
    line-height: 24px;
    border-bottom:1px #e8e8e8 solid;
    text-transform: uppercase;
}

.tab tr {
    cursor: pointer;
}

.tab tbody tr:nth-child(odd){
    background-color: #f7f7f7;
}

.tab tbody tr:hover {
    background-color: #ffffb0;
}

.tab td {
    padding:10px;
    border-bottom: 1px #e8e8e8 solid;
}

.tab td:first-child {
    border-left: 1px #e8e8e8 solid;
}

.tab td:last-child {
    border-right: 1px #e8e8e8 solid;
}

.tab-low td {
    padding:5px 10px;
}

/*
    Typeahead customisation
*/
.typeahead,
.tt-query,
.tt-hint {
    width: 396px;
    height: 30px;
    padding: 8px 12px;
    font-size: 24px;
    line-height: 30px;
    border: 2px solid #ccc;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    outline: none;
    color:#333 !important;
}

.tt-hint {
    margin-top:5px !important;
}

.typeahead {
    background-color: #fff;
}

.typeahead:focus {
    border: 2px solid #0097cf;
}

.tt-query {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
    color: #999
}

.tt-menu {
    width: 422px;
    margin: 12px 0;
    padding: 8px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
    padding: 3px 20px;
    font-size: 12px;
    line-height: 24px;
    color:#333 !important;
}

.tt-suggestion:hover {
    cursor: pointer;
    color: #fff;
    background-color: #0097cf;
}

.tt-suggestion.tt-cursor {
    color: #fff;
    background-color: #0097cf;

}

.tt-suggestion p {
    margin: 0;
}
/*
.typeahead,
.tt-query {
  width: 396px;
  height: 30px;
  padding: 8px 12px;
  line-height: 30px;
  border: 2px solid #ccc;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  outline: none;
}

.typeahead {
  background-color: #fff;
}

.typeahead:focus {
  border: 2px solid #0097cf;
}

.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
  color: #999
}

.tt-dropdown-menu {
  width: 422px;
  margin-top: 12px;
  padding: 8px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
  -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
  box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
  padding: 3px 20px;
  font-size: 14px;
  line-height: 24px;
}

.tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #0097cf;

}

.tt-suggestion p {
  margin: 0;
}
*/


/*
    GENERAL LAYOUT
*/
#header {
    min-height:130px;
    background: #343434 url("/tpl/eo2016/img/bgHead.png") left top repeat-x;
    color:white;
    width:100%;
}


#header a {
    display: inline-block;
    height: 30px;
    padding: 7px 10px 7px 7px;
    color:#ffffff;
}

#header a:hover {
    text-decoration: none;
    color:white;
}

#header .budget {
    background: url("/tpl/eo2016/img/bgHeadBudget.png") left top repeat-x; 
    width: auto;
    padding:7px 10px;
    margin:0;
    display: inline-block;
    color:white;
    font-family: 'ubuntu-bold';
    cursor: pointer;
    position:relative;
    left:-3px;
    text-align: left;
}

#header .budget img {
    position:relative;
    top:-2px;
}

#header .manage {
    background: url("/tpl/eo2016/img/bgHeadAdmin.png") left top repeat-x; 
    padding:7px 10px;
    margin:0 0 0 0;
    color:white;
    font-family: 'ubuntu-bold';
    cursor: pointer;
}

#header .links {
    text-align: right;
    display: inline-block;
    float: right;
}

#header .links a {
    border-right: 1px #b63333 solid;
}

#header .links .help {
    background: url("/tpl/eo2016/img/icoHelp.png") left 4px no-repeat; 
    padding-left:28px;
    display: inline-block;
}

#header .central {
    clear:both;
    height: 100px;
}

#header .central .logo {
    height: auto;
    width:260px;
    display: block;
    padding:8px 0;
    border:none;
    float:left;
}

#header .middle {
    margin:30px 0 0 40px;
}

#header .middle a {
    margin-left:24px;
}

#header .middle img {
    margin-right: 8px;
}

#header .search {
    padding:5px;
    width:440px;
    height:50px;
    background-color: white;
    float:left;
    margin-top:3px;
}

#header .search img {
    float:left;
    margin:10px 5px 0 10px;
}

#header .search input {
    width:280px;
    font-size:14px;
    border:none;
    margin-top:10px;
    color:black;
    padding:0 5px;
}

#header .search input:focus {
    outline: none;
}

#header .search button {
    width:100px;
    height:37px;
    background: url("/tpl/eo2016/img/headSearch.png") left top no-repeat;
    border:none;
    margin:2px;
    float:right;
}

#searchMini {
    width:80% !important;
    margin:24px auto !important;
    float: none !important;
}

#header .favorites,
#header .offers {
    background: url("/tpl/eo2016/img/btnFavoriteRed.png") left 8px no-repeat; 
    padding-left:24px;
    display: inline-block;
    font-size:12px;
    border:none;
}

#header .central .login {
    display: inline-block;
    float:right;
    width:160px;
    height: 50px;
    margin-top:33px;
    background: url("/tpl/eo2016/img/headLoginMD.png") left top no-repeat;
}

/** Main menu */
.mmmanage .mm,
#header .mm {
    margin-top:1px;
    margin:0;
}

.mmmanage ul li,
#header .mm li {
    display: inline-block;
    padding-left: 5px;
    margin-right:5px;
    border-right: 1px #616161 solid;
    padding:0 6px;
    margin:0;
    line-height: 44px;
}

.mmmanage ul li:nth-of-type(1),
.mmmanage ul li:nth-last-of-type(1),
#header .mm li:nth-last-of-type(1) {
    border:none;
}

.mmmanage a,
#header .mm a {
    font-style: normal;
    border:none;
    font-size:10px;
    font-family: 'ubuntu-bold';
    padding-top:0;
}

.mmmanage {
    color:white;
    background-color: #4a4a4a;
    padding:3px;
    border-top: 1px black solid;
    font-family: 'ubuntu-bold';
    font-size:11px;
    margin-bottom: 1.5rem;
}

.mmmanage ul {
    padding:0;
}

.mmmanage .mm li {
    line-height: 24px;    
}

.mmmanage a {
    color:white;
    font-weight: normal !important;
    font-family: 'ubuntu';
    font-size:11px;
}

#mhbox {
    border:none;
    position:absolute;
    top:174px;
    margin-left:-20px;
    z-index: 9999;
    box-shadow: 5px 5px 10px rgba(224,224,224,0.5);
    background-color: white;
    max-height: 70vh;
    overflow-x: hidden;
    overflow-y: auto;
}

#mhbox .category .container {
    border: none !important;
}

.category .tabs {
    z-index: 444;
    position: relative;
    top:1px;
}

.category .tabs a {
    display:inline-block;
    padding:8px 24px;
    font-family: 'ubuntu-bold';
    /*font-weight: bold;*/
    font-size: 14px;
    color:#333;
    text-decoration: none;
    background: none;
}


.breadcrumb li a,
.breadcrumb a {
    display: inline-block;
    margin:0 8px 3px 8px;
    position: relative;
    top:-8px;
    font-size:12px;
}

.breadcrumb  li {
    background-color: #828caa;
    height:24px;
}

.breadcrumb  li:before {
    content: ' ';
    display: inline-block;
    background: url("/tpl/eo2016/img/breadcrumbNextBeg.png") left top no-repeat;
    width:10px;
    height:24px;
    float:left;
}

.breadcrumb  li:after {
    content: ' ';
    display: inline-block;
    background: url("/tpl/eo2016/img/breadcrumbNextEnd.png") left top no-repeat;
    width:10px;
    height:24px;
}

.breadcrumb li a {
    color:white;   
}

.breadcrumb  .first {
    background-color: #e0e3eb;
    height:24px;
}

.breadcrumb .first a {
    color:#333;   
}

.breadcrumb  .first:before {
    width:auto;
    content:'';
    background: none;
}

.breadcrumb  .first:after {
    content: ' ';
    display: inline-block;
    background: url("/tpl/eo2016/img/breadcrumbFirstEnd.png") left top no-repeat;
    width:10px;
    height:24px;
}

.breadcrumb > li + li:before {
    content:'';
}



.category .tabs a:hover {
    background-color: #e7e7e7;
}

.category .tabs .selected {
    background-color: white;
    border:1px #e6e6e6 solid;
    border-bottom:none;
}

.category .row {
    background-color: white;
    border:1px #e6e6e6 solid;
}

.category .line {
    margin-top:20px;
}

.category .line .catbox {
    display: table-cell;
    padding: 16px;
    border-left: 1px #e6e6e6 solid;
}

.category .line .catbox:nth-child(1) {
    border-left:none;
}

.category .line .catbox h2 a {
    color:#cc0000 !important;
    font-size:15px !important;
}

.category .line .catbox h2 a,
.category .line .catbox h2 {
    height:32px;
    overflow: hidden;
    color:#cc0000;
    font-size:15px;
    text-decoration: none !important;
    text-transform: uppercase;
    font-family: 'ubuntu-bold';
    margin-top:0;
}

.category .line .catbox a:not(.cattitle) {
    display: block !important;
    height:auto !important;
    margin: 0 !important;
    padding: 0 0 4px 8px !important;
    background: url("/tpl/eo2016/img/icoLiArrowDark.png") left 6px no-repeat !important;
    font-family: 'ubuntu-regular' !important;
    font-weight: normal !important;
    text-decoration: none !important;
    color:#333 !important;
}

.category .line .catbox a:hover:not(.cattitle) {
    color:#f00000 !important;
}
.category .line .catbox a:hover h2,
.category .line .catbox h2 a:hover {
    color:#ff4444 !important;
}

.category .spacer {
    height:70px;
}

.category-page .line {
    margin-top:0 !important;
}

.category-page .row {
    margin:0;
    padding-top:24px;
    padding-bottom:24px;
}


.sg .side-menu {
    border: 3px #e8e8e8 solid;
    margin-bottom: 15px;
}

.sg .side-menu img {
    float: right;
    margin-top:17px;
}

.sg .side-menu .red,
.sg .side-menu .blue,
.sg .side-menu .yellow {
    display: block;
    background-repeat: repeat-x;
    background-position: left top;
    height: 47px;
    line-height: 47px;
    text-align: left;
    color:white;
    font-family: 'ubuntu-bold';
    /*font-weight: bold;*/
    font-size: 14px;
    text-transform: uppercase;
    padding:0 24px;
}

.sg .side-menu .red {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAvCAYAAAAis6DPAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AQICywSLHnKCgAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAABKSURBVAjXXY7LEYBACENf0n+tdiDxwoJ6YSbkywVxAWZOQ+EIfCdvotDAtCRZFlwCE7VkbQuZ33Z0lMbx6+XTJnDlRP1m7Pqc9Q+TmTUOHztNxQAAAABJRU5ErkJggg==');
}
.sg .side-menu .blue {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAyCAYAAACd+7GKAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AQICywo6nUTuAAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAABbSURBVAjXdY+5EYBADANX6r80SsISwXEwBGR67B0bjta0GMAuOIQ7K7dSwV3ZHiazbYpRMBFWBlfsItmonFgS7gQrxe1DeVGLV0zANJjOp4XPxrLzd+77kZe6AD9DUsgTaD+YAAAAAElFTkSuQmCC');
}
.sg .side-menu .yellow {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAvCAYAAAAis6DPAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AQICy0Bsdy6lQAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAABVSURBVAjXVY7LEQMxFMIE/ZeWlvyUQ2Kv98bw0YAfrJbGoQYKUA2dn5IynDR/T6FYKrNnVxo6evM4POUAQhdvj61C6cy+9lBmpJzy9TnQtaTJxgN8AcmUQ+zba/beAAAAAElFTkSuQmCC');
}

.side-menu {
}

.side-menu .sep {
    width:19px;
    height:10px;
    background-position: left top;
    background-repeat: no-repeat;
}

.side-menu h2 {
    font-family: 'ubuntu-bold';
    font-size: 14px;
    text-transform: uppercase;
    color: white;
    margin:0;
    padding: 12px 10px;
}

.side-menu h2 a {
    padding: 0 !important;
    margin: 0 !important;
    background: none !important;
}

.side-menu h3 {
    font-size: 14px;
    text-transform: none;
    padding:8px 10px;
    margin: 0;
}

.side-menu a {
    display: block;
    color:white;
    border-top: 1px #828baa solid;
    padding: 7px 7px 7px 18px;
    background: url('/tpl/eo2016/img/boxArrow.png') 8px 10px no-repeat;
}
.side-menu .items a:first-child {
    border:none;
}
.side-menu .items .active {
    background-color: #cc0001;
}

.side-menu .items input[type='checkbox']{
    position: relative;
    top:2px;
}

.side-menu .items input[type='radio']{
    position: relative;
    top:22px !important;
}

.side-menu .sep {
    background-image: url("/tpl/eo2016/img/boxBlueClaw.png");
}

/* navy family */
.side-menu .navy-white {
    background-color: white;
}
.side-menu .navy-white,
.side-menu .navy-white a {
    color:#333;
}
.side-menu .navy {
    background-color: #979eb8;
}

.side-menu .navy-white h2,
.side-menu .navy h2 {
    background-color: #828baa;
}

.side-menu .navy h3 {
    color:white;
}

.side-menu .navy {
    border: 1px #444444 solid;
}
.side-menu .navy-white {
    border: 1px #e8e8e8 solid;
}

/* black family */
.side-menu .black-white {
    background-color: white;
}
.side-menu .black-white,
.side-menu .black-white a {
    color:#333;
}
.side-menu .black {
    background-color: #444444;
}

.side-menu .black-white h2,
.side-menu .black h2 {
    background-color: #333333;
}

.side-menu .black h3 {
    color:white;
}

.side-menu .black {
    border: 1px #444444 solid;
}
.side-menu .black-white {
    border: 1px #666666 solid;
}
.side-menu .black a {
    border: none;
}

.side-menu .black .sep {
    background-image: url("/tpl/eo2016/img/boxGrayClaw.png");
}

.side-menu .black .selected {
    background-color: #828baa;
}

.carousel {
    margin-bottom:30px;
}
.carousel-control .icon-next:before,
.carousel-control .icon-prev:before {
    content: '';
}

.carousel-control .icon-next,
.carousel-control .icon-prev {
    content: '';
    width:40px;
    height:40px;
    background-position: left top;
    background-repeat: no-repeat;
}

.carousel-control .icon-prev {
    background-image: url("/tpl/eo2016/img/carouselArrowLeftInactive.png");
    left:10px;
}
.carousel-control .icon-next {
    background-image: url("/tpl/eo2016/img/carouselArrowRightInactive.png");
    right:10px;
}

.carousel-indicators .active,
.carousel-indicators li {
    border:none;
    background: url("/tpl/eo2016/img/carouselIndicatorInactive.png") left top no-repeat;
    width:30px;
    height:5px;
    padding:0;
    margin:0 5px;
    border-radius: 0;
}
.carousel-indicators .active {
    background-image: url("/tpl/eo2016/img/carouselIndicatorActive.png");
}

.carousel-control:hover .icon-prev {
    background-image: url("/tpl/eo2016/img/carouselArrowLeftActive.png");
}
.carousel-control:hover .icon-next {
    background-image: url("/tpl/eo2016/img/carouselArrowRightActive.png");
}

.reo-sg-main .carousel-indicators {
    position: absolute;
    bottom: -30px;
    left: 0%;
    z-index: 999 !important;
    width: 100%;
    padding-left: 0;
    margin-left: 0%;
    text-align: center;
    list-style: none;
}

.scrollbox {
    position: relative;  
}

.gcGridView .prod .info,
.scrollbox .caption {
    display: block;
    position: absolute;
    left:0;
    right:0;
    top:221px;
    z-index: 4444;
    text-align: left;
    padding: 10px 30px 10px 15px;
    background: #f6f7f9 url("/tpl/eo2016/img/icoArrowGrayRight.png") 95% 25px no-repeat;
    border: 1px #e8e8ea solid;
    border-bottom:none;
    border-top:none;
    height: 58px;
    min-height: 58px;
}

.gcGridView .prod .info .line2,
.scrollbox .caption input,
.scrollbox .caption button {
    display:none;
}

.gcGridView .prod .info:hover .line2,
.scrollbox .caption:hover input,
.scrollbox .caption:hover button {
    display: block;
}

.scrollboxHoveredCaption,
.gcGridView .prod .info:hover,
.scrollbox .caption:hover {
    height: auto !important;
    max-height: max-content !important;
    background: #333 url("/tpl/eo2016/img/icoArrowWhiteRight.png") 95% 25px no-repeat;
}

.gcGridView .caption a,
.scrollbox .caption a {
    color: #333335;
    height:38px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom:8px !important;
    text-decoration:none;
}

.popover {
    width:530px !important;
    min-width:530px;
    max-width:530px;
    z-index: 9999 !important;
}

.prodlist .prod .info:hover .name,
.scrollboxHoveredCaption .caption a,
.gcGridView .prod .info:hover,
.scrollbox .caption:hover a {
    color:#e8e8ea !important;
}

.scrollbox   .carousel-control {
    height:220px;
}
.scrollbox .carousel-control.left,
.scrollbox .carousel-control.right {
    background: none;
    opacity: 0.5;
}
.scrollbox .carousel-control.left:hover,
.scrollbox .carousel-control.right:hover {
    background: none;
    opacity: 1.0;
}
.scrollbox .carousel-inner {
    background-color:white;
}
.scrollbox .item {
    border:1px #e8e8e8 solid;
}
.scrollbox .item .image {
    display: block;
    height:220px !important;
    margin-bottom: 58px;
    overflow: hidden;
}
.scrollbox .item img {
    max-width: 100%;
    max-height: 200px;
    margin:10px auto;
}

.scrollbox .item label {
    position: absolute;
    background-position: left top;
    background-repeat: no-repeat;
    top: 20px;
    right: 20px;
    z-index: 15;
    width: 114px;
    height: 40px;
}

.scrollbox .caption .extended {
    display: none;
}

.scrollboxHoveredCaption .extended,
.scrollbox .caption:hover .extended {
    display: block !important;
}

.scrollbox .item .hit {
    background: url("/tpl/eo2016/img/labelHit.png") left top no-repeat;
}

.scrollbox .item .eco {
    background: url("/tpl/eo2016/img/labelEco.png") left top no-repeat;
}

.scrollbox .item .hot {
    background: url("/tpl/eo2016/img/labelHot500.png") left top no-repeat;
}

.scrollbox .item .promo {
    background: url("/tpl/eo2016/img/labelPromo.png") left top no-repeat;
}

.scrollbox .item .sellout {
    background: url("/tpl/eo2016/img/labelSellout.png") left top no-repeat;
    width:139px;
    height:40px;
}

.scrollbox .item .deliv100 {
    background: url("/tpl/eo2016/img/labelDeliv100.png") left top no-repeat;
    width:144px;
    height:41px;
}

.scrollbox .carousel-indicators {
    position: static;
    text-align: center;
    width: 100%;
    margin:0;
}

.prod .priceline,
.scrollbox .priceline {
    position: absolute;
    top:188px;
    right:0;
    z-index:999;
    color:#21aee6;
    font-family: 'ubuntu-bold';
    /*font-weight: bold;*/
    font-size:15px;    
    text-align: right;
}

.scrollbox .priceline .price {
    display: block;
    padding: 0 8px;
}
.prod .priceline .price {
    display: block;
    padding: 8px;
}

.prod .priceline .single,
.scrollbox .priceline .single {
    background-color: #f6f7f9;
}

.prod .priceline .new,
.scrollbox .priceline .new {
    /*float:left;*/
    background-color: #f00000 !important;
    color:white !important;
    padding-top:0;
}
.sg .scrollbox .priceline .new {
    float: left;
}
.gcGridView .prod .priceline .new {
    float:left;
}
.prod .priceline .new {
    padding-top:8px !important;
}

.prod .priceline .new img,
.scrollbox .priceline .new img {
    margin-left:5px;
}

.prod .priceline .old,
.scrollbox .priceline .old {
    float:left;
    background-color: #ffcc00 !important;
    color:#333 !important;
    text-decoration: line-through;
    padding-top:7px;
    padding-bottom:6px;
    font-style: italic;
}

.gcListView .prod .priceline .old {
    width:74px;
}

.gcListView .prod .priceline .new {
    width:105px;
}

.gcListView .prod .priceline .old,
.gcListView .prod .priceline .new {
    line-height: 20px !important;
    font-size:12px !important;
    padding-left:6px !important;
    padding-right:6px !important;
}

.gcGridView  .caption .colL,
.scrollbox .caption .colL {
    padding-right: 0;
    overflow: hidden;
}

.gcGridView  .caption .favorite,
.scrollbox .caption .favorite {
    border: none;
    background: none;
    padding:0;
    background: url("/tpl/eo2016/img/btnFavoriteInactive.png") left 1px no-repeat; 
    padding-left:24px;
}

.gcListView .favorite {
    border:none;
    background: none;
    margin-left:24px;
}

.gcGridView .caption .cntBuyField,
.scrollbox .caption .cntBuyField {
    color:#333;
    font-style: italic;
    border:none;
    padding:5px 12px;
    padding-bottom: 6px;
    width:auto;
    max-width: 100%;
}

.gcGridView .caption .cntBuyField {
    width:64px;
}

.gcGridView .caption .addToCart ,
.scrollbox .caption .addToCart {
    background: #ee0000 !important; /* Old browsers */
    background: -moz-linear-gradient(top,  #ee0000 0%, #d20000 100%) !important; /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ee0000 0%,#d20000 100%) !important; /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ee0000 0%,#d20000 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee0000', endColorstr='#d20000',GradientType=0 ) !important; /* IE6-9 */
    width:100% !important;
    border:none !important;
    padding:5px 12px !important;
    font-size:13px !important;
    font-family: 'ubuntu-bold' !important;
    /*font-weight: 900 !important;*/
    text-transform: uppercase !important;
}

.gcGridView .caption .addToCartInactive,
.scrollbox .caption .addToCartInactive {
    background: #dddddd !important; /* Old browsers */
    background: -moz-linear-gradient(top,  #dddddd 0%, #aaaaaa 100%) !important; /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #dddddd 0%,#aaaaaa 100%) !important; /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #dddddd 0%,#aaaaaa 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#aaaaaa',GradientType=0 ) !important; /* IE6-9 */
    width:100% !important;
    border:none !important;
    padding:5px 12px !important;
    font-size:13px !important;
    font-family: 'ubuntu-bold' !important;
    /*font-weight: 900 !important;*/
    text-transform: uppercase !important;
}


.gcGridView .caption .budget,
.scrollbox .caption .budget {
    display: block;
    width:100%;
}

.gcGridView  .caption .budget select,
.scrollbox .caption .budget select {
    display: block;
    width:100%;
    color:#333;
    background: white;
    padding:5px 12px;
}

.reo-sg-l2 .left {
    padding-right: 7.5px !important;
}

.reo-sg-l2 .right {
    padding-left: 7.5px !important;
}

.panel {
    border-color: #e8e8e8;
    padding:10px 25px 25px 25px;
    border-radius: 0;
}

.panel h4 {
    font-family: 'ubuntu-bold';
    text-transform: uppercase;
    margin-bottom: 16px;
}

.panel p {
    line-height: 24px;
    margin-bottom: 16px;
}

.panel ll {
    margin-bottom: 4px;
}

.panel ul {
    margin-bottom:16px;
}

.article .panel {
    overflow: hidden;
}

.article h1 {
    padding-bottom:16px;
    margin-bottom: 32px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAABCAYAAADeko4lAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AQNDCUEO/4ipQAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAAkSURBVAjXYzzDwPifAQoYGRgY/jMwMPxnZEASxQ5gamB6YAAAd3oHzonaOWkAAAAASUVORK5CYII=') left bottom no-repeat;
}

.article h2 {
    padding-bottom:16px;
    margin-bottom: 32px;
    font-weight: 100;
    font-family: 'Ubuntu', sans-serif;
    line-height: 1.6em;
    font-size:16px;
}

.article h4 {
    text-transform: none;
}

.article h5 {
    font-style: italic;
}

.article textarea,
.article input {
    border-radius: 0;
    background-color: #f6f7f9;
}

.article .numbered-ul ul {
    list-style: none;
    margin-left:0;
    padding-left:0;
}

.article .numbered-ul li {
    margin-bottom: 8px;
    padding-left:64px;
    padding-top:10px;
    min-height:40px;
}

.article .numbered-ul li:nth-child(1) {
    background: url("/tpl/eo2016/img/articleNumber1.png") left top no-repeat;
}

.article .numbered-ul li:nth-child(2) {
    background: url("/tpl/eo2016/img/articleNumber2.png") left top no-repeat;
}

.article .numbered-ul li:nth-child(3) {
    background: url("/tpl/eo2016/img/articleNumber3.png") left top no-repeat;
    padding-top:4px;
}

.article .numbered-ul li:nth-child(4) {
    background: url("/tpl/eo2016/img/articleNumber4.png") left top no-repeat;
}

.jobLink:hover,
.jobLink {
    display: block;
    background-color:#979eb8 !important;
    padding: 8px 20px;
    margin-bottom:8px;
    color:white;
    font-family: 'ubuntu-bold';
    /*    font-weight: bold;*/
    background: url("/tpl/eo2016/img/icoArrowWhiteRight.png") 98% 50% no-repeat;
}

.btnSend {
    width:110px;
    height:37px;
    background: url("/tpl/eo2016/img/btnSend.png") left top no-repeat;
    border:none;
    opacity: 0.8;
}

.basketLeft .badge {
    background-color: #22ade4;
    padding: 6px 5px 3px 5px;
    font-size: 14px;
    margin-left:8px;
}

.basketLeft table {
    margin: 0 15px 10px 15px;
}

.basketLeft .hbprice {
    width:64px;
    text-align: right;
}

.basketLeft .goBasket {
    padding-top: 10px;
}


.login a {
    color:#cc0000;
}
.login .btnLogin {
    width:110px;
    height:37px;
    background: url("/tpl/eo2016/img/btnLogin.png") left top no-repeat;
    border:none;
    opacity: 0.8;
}
.login .btnLogin:hover {
    opacity: 1.0;
}


#footer {
    background-color: #404040;
    color:white;
}

#footer a {
    color:white;
}

#footer ul {
    padding:0;
    margin:0;
    list-style: none;
}

#footer h4 {
    font-size:40px;
}

#footer .bg {
    background: url("/tpl/eo2016/img/footBgH-min.jpg") center top no-repeat;
    height: 230px;
}

#footer .nwlt {
    font-size: 13px !important;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    padding:20px 40px 20px 0;
}
#footer .nwlt form {
    display: table;
    width:100%;
}
#footer .nwlt .white {
    background-color: white;
    display: table-row;
}
#footer .nwlt .white div {
    width:100%;
    display: table-cell;
    vertical-align: middle;
}
#footer .nwlt .white input:focus {
    outline: none;
}
#footer .nwlt .white input {
    width:100%;
    height: 27px;
    padding: 5px 15px;
    margin:0;
    color:black;
    border:none;
}
#footer .nwlt .white button {
    width:100px;
    height:37px;
    background: url("/tpl/eo2016/img/footNwltAdd.png") left top no-repeat;
    border:none;
    margin: 5px 5px 4px 5px;
}


#footer .about {
    padding:20px 0 20px 40px;
    font-size:10px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    line-height: 175%;
}

#footer .box {
    margin-bottom: 0px;
}

#footer .box h5 {
    margin: 24px 0;
}

#footer .box li {
    font-size:12px;
    line-height: 135%;
}

#footer .box li a {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AQCCxAPUzE/SAAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAA4SURBVAjXY3RwcPjPAAWMjIwM//9DuEwwwW3bdzL8//+fgZGREVUCWRJDAhmgSHh5usONYsRlOQDc5RSvfdy7zAAAAABJRU5ErkJggg==') left 6px no-repeat;
    padding-left: 13px;
}

#footer .social a {
    margin-right: 4px;
}

#footer .sep {
    color:#888;
    border-top:1px #555 solid;
    padding: 12px 0;
    margin: 24px 0 20px 0; 
}

#footer .sep a {
    color:#888;
}

#footer .by {
    padding-left: 16px;
}


.filters .items {
    padding:0 16px 16px 16px;
}

.filters .items h3 {
    padding-left:0;
}

.filters .subitems {
    max-height: 188px;
    overflow-x: hidden;
    overflow-y: auto;
    margin-bottom:20px;
}

.filters .subitems label {
    font-weight: normal;
}

.filters .btnShow {
    background: url("/tpl/eo2016/img/btnShow.png") left top no-repeat;
    width:100px;
    height:37px;
    /*margin:13px 0 5px 60px;*/
    border:none;
}

/* PRODLIST SECTION BEG */
.prodlist h3 a {
    padding:0;
    background: none;
    font-weight: normal;
    font-family: 'ubuntu-bold';
}

.prodlist .head h2 {
    margin-top: 0;
    font-weight: 100;
    font-family: 'Ubuntu', sans-serif;
    padding-bottom:15px;
}

.prodlist .navig {
    height:40px;
}

.prodlist .table {
    margin-bottom: 8px;
}

.prodlist .youSeeCntItems {
    color:#666;
    position:relative;
    top:5px;
}

.basket .gPager a,
.prodlist .gPager a {
    clear:none;
    float:left;
    display: inline-block;
    font-family: 'ubuntu-bold';
    /*font-weight: bold;*/
    text-decoration: none;
    padding:5px 5px;
    margin-left:1px;
    width:50px;
    height:27px;
    text-align: center;
    background-color: #828caa;
    color:white;
}

.basket .gPager .sel,
.prodlist .gPager .sel {
    background-color: #cc0000;
}

.basket .gPager .selSel,
.prodlist .gPager .selSel {
    background-color: #CC0000;
    border:1px #cc0000 solid;
    color:white;
}

.basket .gPager .dis,
.prodlist .gPager .dis {
    background-color: #cccccc;
}

.gPager .pages {
    display:inline-block;
    float:left;
    padding-top:5px;
    padding-left:10px;
    color:#888;
}

.prodlist .sorter {
    float:right;  
}

.prodlist .sorter select {
    margin-left:8px;
}

.prodlist .list .head {
    border:1px #e8e8e8 solid;
    padding:4px 10px 0 10px;
    height: 42px;
    background-color: white;
}

.prodlist .list .head select {
    height:27px;
    position:relative;
    top:3px;
}

.prodlist .list .head #iListMarked {
    width:140px
}

.prodlist .list .head label {
    margin:0 5px 0 20px;
    position:relative;
    top:3px;
}

.prodlist .list .head .layout {
    margin-left:30px;
    padding-top:5px;
    position:relative;
    top:2px;
}

.prodlist .list .foot{
    margin-top:10px;
}

.prodlist .gcListView .prod {
    padding-top:5px;
    width:100% !important;
    border:1px #e6e6e6 solid !important;
    height: 100px;
    background-color: white;
    margin-top: 7px !important;
}

.prodlist .gcListView .prod .add {
    width: 32px;
    padding-left: 8px;
    margin-top:28px;
    float:left;
}

.prodlist .gcListView .prod .logInSee {
    float:right;
    padding-top: 22px;
    padding-right: 8px;
}

.prodlist .gcListView .prod .info {
    color:#666;
}

.prodlist .gcListView .prod .info .name {
    display: block;
    height:50px;
    margin-top:8px;
}

.prodlist .gcListView .prod .info .code {
    display: inline-block;
    width:64px;
}

.prodlist .gcListView .prod .info .line2 {
    display: block;
    height:25px;
    margin-bottom:5px;
}

.prodlist .gcListView .banner {
    width:100% !important;
    /*border-bottom:1px #e6e6e6 solid !important;*/
    border-bottom: none !important;
    text-align: center;
    padding:16px;
}

.prodlist .gcListView .banner img {
    max-width: 100%;  
}



.prodlist .prod .ico {
    display:inline-block;
    text-align:center;
    overflow: hidden;
    float:left;
    margin-right:20px;
    position: relative;
}

.prodlist .prod .name {
    color:#333;
    text-decoration: none;
}

.prodlist .prod .name:hover {
    color:#cc0000;
}

.prodlist .prod .cnt input {
    text-align: center;
}

.prodlist .gcListView .prod .price {
    color:#21ade5;
    background-color: #F6F7F9;
    padding:4px 8px 3px 8px !important;
    display:inline-block;
}

.prodlist .prod .price {
    font-size:14px;
    font-family: 'ubuntu-bold';
    color: #21ade5;
}

.prodlist .prod .ico img {
    margin:auto;
    display:inline-block;
    float:none;
}

.addToCartInactive,
.addToCartDropdown,
.btnAddToCart,
.gcGridView .btnAddToCart,
.prodlist .prod .addToCart {
    display: block;
    background: url("/tpl/eo2016/img/btnAddToCartList.png") left top no-repeat;
    width:180px !important;
    height:31px;
    border:none;
}

.addToCartDropdown {
    background: url("/tpl/eo2016/img/btnAddToCartListDropdown.png") left top no-repeat;
}

.addToCartInactive {
    background: url("/tpl/eo2016/img/btnAddToCartListInactive.png") left top no-repeat;
}

.addToCartInactive,
.btnAddToCart {
    margin:auto;
}

.gcListView .logged {
    display: block;
    height: 84px;
    width:235px;
    float: right;
}

.gcListView .logged .cnt {
    float:left;
}
.gcListView .logged .cnt input {
    width:32px;
    margin-top:58px;
    position:relative;
    left:-15px;
}
.gcListView .logged .buy select {
    width:180px;
    margin-bottom: 2px;
    font-size:11px;
}
.gcListView .logged .buy .addPack {
    position:absolute;
    right:7px;
    z-index:99999;
    width:180px;
    font-size:12px;
}
.gcListView .logged .buy {
    margin-left:40px;
}
.gcListView .logged .buy .budgetBox {
    height:28px;
    overflow: hidden;
    padding:7px 0;
    font-size:11px;
    text-overflow: ellipsis;
    cursor: context-menu;
}

.loginToSeePrices,
.prodlist .prod .loginToSeePrices {
    display: block;
    background: url("/tpl/eo2016/img/btnLoginToSeePrices.png") left top no-repeat;
    width:180px;
    height:30px;
    border:none;
}

.loginToSeePrices {
    margin:auto;
}

.btnNoBudget,
.carousel .noBudget,
.product .noBudget,
.prodlist .prod .noBudget {
    margin-top:28px;
    display: block;
    background: url("/tpl/eo2016/img/btnNoBudget.png") left top no-repeat;
    width:180px;
    height:31px;
    border:none;
}

.prodlist .prod .noBudget {
    margin-left:8px;
}

.prodlist select {
    font-size: 12px;
    background: transparent;
    border: 1px #ccc solid;
    color:#666;
    padding: 5px 35px 3px 10px;
    height: 27px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #f6f7f9 url('/tpl/eo2016/img/icoComboDropdown.png') no-repeat;
    background-position: right 2px top 2px;
}

.prodlist .gcGridView select {
    width:100%;
}

.prodlist .btnPerform {
    border: none;
    background: url('/tpl/eo2016/img/btnProdListPerform.png') left top no-repeat;
    width: 90px;
    height: 27px;
    padding: 0;
    margin-left:5px;
    position: relative;
    top:1px;
}

/*
.product .ico label,
.prodlist .prod .ico label {
    position: absolute;
    background-position: left top;
    background-repeat: no-repeat;
    top: 20px;
    right: 20px;
    z-index: 15;
    width: 42px;
    height: 54px;
}
*/

.product .ico label,
.prodlist .prod .ico label {
    background-position: left top;
    background-repeat: no-repeat;
    width: 42px;
    height: 54px;
}

.product .ico label { 
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 15;
}

.prodlist .prod .ico .labels {
    width:30px;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 15;
}

.prodlist .prod .ico label {
    width: 30px;
    background-size: 24px !important;
    max-height: 32px !important;
    margin-bottom:0;
}

.product .ico label{
    right:35px;
}

.gcGridView .prod .ico label {
    top:10px;
}

.gcListView .prod .ico label {
    top:5px;
    right:-20px;
    background-size: 24px !important;
    height:38px !important;
    width:42px !important;
}

.product .ico .delivery100,
.prodlist .prod .ico .delivery100 {
    background: url("/tpl/eo2016/img/icoFlagDelivery100.png") left top no-repeat;
    height: 60px;
}
.product .ico .eco,
.prodlist .prod .ico .eco {
    background: url("/tpl/eo2016/img/icoFlagEco.png") left top no-repeat;
    height: 52px;
}
.product .ico .economy,
.prodlist .prod .ico .economy {
    background: url("/tpl/eo2016/img/icoFlagEconomy.png") left top no-repeat;
    height: 55px;
}
.product .ico .premium,
.prodlist .prod .ico .premium {
    background: url("/tpl/eo2016/img/icoFlagPremium.png") left top no-repeat;
}
.product .ico .promo,
.prodlist .prod .ico .promo {
    background: url("/tpl/eo2016/img/icoFlagPromo.png") left top no-repeat;
    height: 55px;
}
.product .ico .sellout,
.prodlist .prod .ico .sellout {
    background: url("/tpl/eo2016/img/icoFlagSellout.png") left top no-repeat;
    height: 55px;
}
.product .ico .standard,
.prodlist .prod .ico .standard {
    background: url("/tpl/eo2016/img/icoFlagStandard.png") left top no-repeat;
}

.prodLeadTdLabel {
    width:130px;
}
.prodLeadTdLabel label {
    margin-right: 0;
    padding-right: 0;
}
.prodLeadTdText {
    font-size: 13px;
    font-weight: normal;
    font-family: 'ubuntu-regular';
}


.compare {
    width: 100%;
    max-width: 100%;
    overflow: scroll;
}

.compare table {
    width:100%;
}

.compare table th {
    text-align: center;
    border:1px #888 solid;
    padding:10px;
    color:white;
    background-color: #444;
}

.compare table td {
    padding:5px;
    border:1px #888 solid;
    border-top: none;
    background-color: white;
    text-align: center;
}

.compare table td:nth-child(1) {
    text-align: right;
    font-family: 'ubuntu-bold';
    background-color: #ccc;
    min-width:128px;
}

#iRecentListID .prod {
    display: block;
    clear:both;
    width:100%;
    height:176px;
    border-bottom:1px #333 solid !important;
}

#iRecentListID .prod .name,
#iRecentListID .prod .info {
    border:none !important;
}
#iRecentListID .prod .info {
    top:118px;
    padding-top:0;
}
#iRecentListID .prod .name {
    height:50px;
}

#iRecentListID .prod .ico {
    border:none !important;
    text-align:left !important;
    padding-top: 0 !important;
    height: 100px !important;
}

#iRecentListID .prod .ico .labels {
    left:auto;
    right:15px;
    top:0;
    width:auto;
}

#iRecentListID .prod .ico .labels label {
    width: 30px !important;
    margin-left:8px;
}

#iRecentListID .prod .ico img {
    max-width:90px;
    margin:0;
}

#iRecentListID .prod .priceline {
    top:90px;
}

#iRecentListID .prod .priceline .old {
    color:#333 !important;
}

#iRecentListID .prod .priceline .new {
    color:white;
}

#iRecentListID .prod .priceline .old,
#iRecentListID .prod .priceline .new {
    padding:4px !important;
}
#iRecentListID .prod .priceline .price {
    padding:4px 8px;
}

/*target Internet Explorer 9 and Internet Explorer 10:*/
@media screen and (min-width: 0\0) {
    .prodlist select {
        background: none;
        padding: 5px;
    }
}

.gcGridView .prod {
    width: 32%;
    height: 280px;
    float:left;
    position: relative;
}
.gcListView .prod {
    position: relative;
}

.gcGridView .itemMod0 {
    margin-right:1%;
}
.gcGridView .itemMod1 {
    margin: 0 1% 0 1%;
}
.gcGridView .itemMod2 {
    margin-left:1%;
}

.gcGridView .prod .priceline {
    right:1px;
}

.gcGridView .prod .info {
    border-bottom:1px #e6e6e6 solid !important;
}

.gcGridView .prod .ico {
    padding:16px;
    margin: 15px 0 0 0;
    height:222px;
    float:none;
    text-align: center;
    width:100%;
    background-color:white;
    border:1px #e6e6e6 solid !important;
    border-bottom:none;
}

.gcGridView .prod .ico img {
    display: block;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    margin: 0 auto;
}

.gcGridView .prod .info .name {
    height:40px;
    line-height: 20px;
}

.gcGridView .prod .info .code {
}

.prodlist .gcGridView .prod .info .line2 .favorite {
    margin-right:0 !important;
    border:1px #333 solid;
}

#priceRange {
    margin:8px 0;
}
#priceRange input {
    border:1px #ccc solid;
    background-color: #f6f7f8;
    width:25%;
    padding:4px 10px;
    text-align: center;
}
#priceRange #iPriceMax {
    float:right;
}
#priceRange #iPriceMin {
    float:left;
}

.irs {
    height: 25px;
}
.irs-line {
    height: 8px; 
    top: 3px;
    background: #e8e9ea;
    border: none;
    border-radius: 0;
    -moz-border-radius: 0;
}
.irs-line-left {
    height: 8px;
}
.irs-line-mid {
    height: 8px;
}
.irs-line-right {
    height: 8px;
}

.irs-bar {
    height: 8px; 
    top: 3px;
    border: none;
    background: #acb0bf;
}
.irs-bar-edge {
}
.lt-ie9 .irs-shadow {
    filter: alpha(opacity=30);
}
.irs-slider {
    top: 3px;
    width: 24px; height: 16px;
    border: none;
    background: url('/tpl/eo2016/img/rangeIndicator.png');
    border-radius: 0;
    -moz-border-radius: 0;
    cursor: pointer;
}


/* PRODLIST SECTION END */



/* BASKET SECTION BEG */

.basket .tab {
    font-size:14px;
}

.basket .tab .brutto {
    font-size:14px;
    color:#999999;
    font-family: 'ubuntu';
    font-weight: normal;
}

/* col Cena, Wartosc, Papier */
.basket .tab td,
.basket .tab th {
    text-align: right;
}

/* col Produkt */
.basket .tab th:nth-child(1) {
    text-align: left;
}

.basket .tab td:nth-child(1) {
    font-size: 14px;
    color:#444444;
    text-align: left;
}

.basket .tab .delete {
    border:none;
    background: url('/tpl/eo2016/img/icoX.png') left top no-repeat;
    width: 20px;
    height: 20px;
}

.basket .tab img {
    margin:0 5px;
    max-height: 84px;
    max-width: 80px;
}

/* col Ilosc */
.basket .tab th:nth-child(2) {
    text-align: center;
}

.basket .tab .cnt {
    border:1px #cccccc solid;
    width: 80px;
    height: 36px;
    text-align: center;
}

.basket .tab tfoot {
    font-family: 'ubuntu';
    font-size:13px;
    font-weight: normal;
    vertical-align: top;
}

.basket .tab tfoot td {
    border:none;
}

/* col Ilosc */
.basket .tab .saveChanges {
    border: none;
    background: none;
    color:#cc0000;
}

/* col Cena, Wartosc */
.basket .tab tfoot td:nth-child(3),
.basket .tab tfoot td:nth-child(4) {
    font-size:18px;
    font-family: 'ubuntu-bold';
    color:#333;
}

/* footer */
.basket .tab tfoot a {
    color:#cc0000;
    padding-left:24px;
    margin-right:30px;
    background-repeat: no-repeat;
}

/* BASKET SECTION END */

/* PRODUCT SECTION BEG */
.product {
    vertical-align: top;
}

.product h1 {
    text-transform: none !important;
}

.product .ico {
    vertical-align: top;
    display:inline-block;
    max-width:100%;
    max-height:100%;
    background-color: white;
    border:1px #e8e8e8 solid;
    padding:10px;
}

.product .ico img {
    max-width:100%;
    max-height:100%;
}

.product .info {
    vertical-align: top;
    display:inline-block;
    width:100%;
    max-width:100%;
    /*overflow: hidden;*/
    margin-left:0px;
    padding-left:0px;
    background-color: white;
}

.product .noBudget {
    text-align: left;
    margin-left: 0;
    height:30px !important;
}

.product .info .buy .budgetBox {
    display:block;
    float: left;
    margin:10px 0;
}

.product .info .buy .budgetBox label {
    margin-right:10px;
    color:white;
}

.product .info .buy {
    display: block;
    background-color: #444444;
    padding:15px;
}

.product .info .buy .prices {
    float:left;
}

.product .info .buy .prices .priceOld {
    font-family: 'ubuntu-bold';
    font-size:110%;
    color:#fff;
    display: block;
    text-decoration: line-through;
}

.product .info .buy .prices .price {
    font-family: 'ubuntu-bold';
    font-size:28px;
    color:#00ccff;
}

.product .info .buy .prices .price small {
    font-size:14px;
    font-family: 'ubuntu';
    margin-left:10px;
}

.product .info .buy .prices .vat {
    display: block;
    font-size:14px;
    color:white;
}

.product .info .prodbudget {
    padding: 3px 8px;
    background-color: white;

    width:100%;
}

.product .info .add {
    text-align: right;
}

.product .info .rightBox label {
    font-weight: normal;
    font-size:14px;
    color:white;
}

.product .info .rightBox .ctrl {
    display: inline-block;
    background-color: #f6f7f9;
    margin:0 4px;
}

.product .info .rightBox input {
    width:32px;
    text-align: center;
    padding:8px 5px;
    background-color: #f6f7f9;
    border:none;
}

.gcGridView .caption input[type="submit"],
.product .info .rightBox button {
    margin-left:0 !important;
    display: inline-block !important;
}

.gcListView .prod {
    padding-left:16px;
}

.gcListView .prod .cntBuyField {
    background-color: #f6f7f9;
    padding-left:6px;
    height:30px !important;
    width:48px !important;
    border: 1px #cdcdcd solid;
}

.gcListView label,
.gcGridView label {
    font-weight: 100;
}

.gcListView input[type="checkbox"],
.gcGridView input[type="checkbox"] {
    margin-left:3px;
    margin-right:4px;
    position:relative;
    top:2px;
}

@-moz-document url-prefix() {
    .gcGridView input[type="checkbox"] {
        margin-left:0px;
    }
    .gcListView input[type="checkbox"] {
        position: relative;
        top: 4px;
    }
}

.gcListView input[type="checkbox"] {
    margin-left:5px;
}

.gcListView .favorite img {
    position:relative;
    top:-2px;
}

.product .info .rightBox #btnProdCntInc,
.product .info .rightBox #btnProdCntDec {
    position: relative;
    top:-1px;
    cursor: pointer;
}

.product .info .rightBox #btnProdCntDec {
    left:3px;
    margin-left:4px;
}

.product .info .rightBox #btnProdCntInc {
    left:-3px;
    margin-right:4px;
}

.addToCart40,
.product .info .buy .addToCart {
    display: block;
    background: url("/tpl/eo2016/img/btnAddCartProd.png") left top no-repeat;
    width:180px;
    height:41px;
    border:none;
    margin:10px 0 0 20px;
}

.product .info .buy .addPack {
    width:180px;
    border-radius: 0;
    font-size:12px;
    z-index: 99999 !important;
}

.product .buy .prodbudget {
    width:100%;
    padding:5px 10px;
}

.product .buy .opts {
    width:100%;
    margin-top:8px;
}

.product .buy .opts button {
    width:100%;
    border-radius: 0;
}

.product .buy .opts .dropdown-menu img {
    margin-right: 8px;
}

.product .buy .opts .dropdown-menu {
    width:100%;
}

.product .functions,
.product .manu,
.product .score,
.product .short {
    margin:10px 0 10px 0;
    padding:0 15px;
}

.product .functions {
    border-bottom:1px #e7e7e7 solid;
    padding-bottom:10px;
    vertical-align: top;
}

.product .functions a,
.product .functions label {
    margin-right: 40px;
}

.functions a,
.product .score a,
.product .functions a {
    display: inline-block;
    color: #cc0000;
    background-position: left top;
    background-repeat: no-repeat;
    height:20px;
    padding-left:24px;
}

.product .functions input[type="checkbox"] {
    position:relative;
    top:2px;
}

.functions .ask {
    cursor: pointer;
    background-image: url("/tpl/eo2016/img/icoAskQuestion.png");
}

.functions .pdf {
    cursor: pointer;
    background-image: url("/tpl/eo2016/img/icoPdf.png");
}

.functions .tellFriend {
    cursor: pointer;
    background-image: url("/tpl/eo2016/img/icoTellaFriend.png");
}

.product .score {
    border-top:1px #e7e7e7 solid;
    border-bottom:1px #e7e7e7 solid;
    padding:10px;
    margin-top:20px;
}

.product .score .addScore {
    margin-left:40px;
}

.product .short label,
.product .manu label,
.product .lead label,
.product .score label {
    display: inline-block;
    font-family: 'ubuntu-bold';
    width:100px;
    text-align: right;
    margin-right:16px;
    font-size: 13px;
}

.product .short label {
    padding-left:10px;
}

.product .short ul {
    display: inline-block;
    margin-left:16px;
}

.product .short ul li {
    list-style: disc;
}

.product .lead {
    border-top: 1px #e7e7e7 solid;
    padding-top:10px;
    margin-bottom: 20px;
}

.product .spacer {
    height:75px;
}

.product .tabs {
    margin-top:14px;
    cursor: pointer;
}

.product .tabs h2 {
    display: inline-block;
    padding:5px 30px;
    position:relative;
    top:1px;
    margin: 0;
    font-size:17px;
}

.product .tabs h2:hover {
    background-color: #e7e7e7;
}

.product .tabs .sel {
    border:1px #e7e7e7 solid;
    border-bottom-color: white;
    background-color: white;
}

.product .tabs .content {
    border:1px #e7e7e7 solid;
    padding:20px;
    background-color: white;
}

.product .content h2 {
    margin: 0 0 10px;
    padding: 0;
}

.product .content ul,
.product .content ol {
    list-style-type: unset;
    margin-left: 15px;
    list-style-position: inside;
}

.product .content ul {
    list-style-type: disc;
    list-style-position: inside;
}

.product .content ul li,
.product .content ol li {
    overflow: hidden;
}

.product .content ol li {
    overflow: hidden;
    text-indent: -1.05em;
    padding-left: 1.05em;
}

.product .content ul li {
    padding-left: 1.45em;
    list-style: none;
    position: relative;
}

.product .content ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: .6em;
    width: 5px;
    height: 5px;
    background: #000;
    display: block;
    border-radius: 50%;
}

.product .content .image {
    display: table;
    clear: both;
    text-align: center;
    margin: 1em auto;
}

.product .content .image-style-align-left {
    float: left;
    margin-right: 1.5em;
}

.product .content .image-style-align-right {
    float: right;
    margin-left: 1.5em;
}

.product .content .image.image_resized {
    max-width: 100%;
    display: block;
    box-sizing: border-box;
}

.product .content .image img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    min-width: 50px;
}

.product .content .image.image_resized img {
    width: 100%;
}

.product .comments .descr {
    border-bottom:1px #ddd solid;
    padding-top:8px;
}

.product .imgico {
    height: 80px;
    max-height: 80px;
    border:1px #616161 solid;
}

.product .imgactive {
    border-color: #22aee5;
}

/* PRODUCT SECTION END */

/* ACCOUNTSECTION BEG */
.account .userInfo {
    float:right;
}

h2 {margin-top: 0;}

.account .userInfo span {
    font-size:20px;
    font-family: 'ubuntu-bold';
    text-transform: uppercase;
    display: inline-block;
    margin:0 20px;
}

.account .menu .section {
    width:100%;
    border:1px #828caa solid;
    border-bottom: none;
    padding:0;
    background-color: #969EB8;
}

.account .menu .section .sep {
    width:19px;
    height:10px;
    background-position: left top;
    background-repeat: no-repeat;
    background-image: url("/tpl/eo2016/img/boxBlueClaw.png");
    margin-bottom: 8px;
}

.account .menu .section .badge {
    background-color: #22aee5;
    color:white;
    margin-left: 10px;
}

.account .menu .section h1 {
    color:white;
    margin: 0;
    padding: 13px 15px;
    font-size:18px;
    font-family: 'ubuntu-bold';
    background-color: #828CAA;
}

.account .menu .section ul {
    padding:0;
    margin:0 0 0 0 !important;
}

.account .menu .section ul li {
    border-bottom:1px #828caa solid;
    list-style-type: none;
    margin:0 !important;
    padding-left: 20px;
}

.account .menu .section .active {
    background-color: #cc0000;
}

.account .menu .section ul li a {
    background: url("/tpl/eo2016/img/icoLiArrow.png") left 5px no-repeat;
    color: white;
    font-size:14px;
    line-height: 34px;
    padding-left:10px;
}

.account .content {
    padding-left: 0;
}

.account .panel-group {
    width:100%;
    padding:0;
}

.account .panel {
    width:100%;
    margin:0;
    padding:0;
}

.account .panel .panel-body,
.account .panel .panel-heading {
    margin:0 !important;
    border-radius: 0;
}

.account .panel .panel-heading {
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(225,228,236,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(225,228,236,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(225,228,236,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e4ec',GradientType=0 ); /* IE6-9 */
    border-radius: 0;
}

.account .panel .panel-title {
    color:#444444;
    padding-top:4px;
    text-shadow: none;
    font-weight: normal;
}

.account .panel .panel-title,
.account .panel .panel-title h4 {
    margin-bottom:0 !important;
    padding-bottom:0 !important;
}

.account .panel .panel-title .badge {
    position: relative;
    left:10px;
    top:-2px;
    text-align:center;
    padding-top:5px !important;
}

.account .orders {
}

.account .orders .tab td:nth-child(2) {
    text-align: right;
}

.account .orders .tab td:first-child strong {
    color:#888888;
}

.account .orders .tab td:first-child span {
    color:#cc0000;
}

#header .account {
    background: url("/tpl/eo2016/img/icoAccountPerson.png") left 45% no-repeat;
    padding-left:24px;
    margin-left:8px;  
}
.complaint #crdaTo,
.complaint #crdaFrom {
    width:100px;
}
/* ACCOUNT SECTION END */

/* MANAGE SECTION BEG */
.side-menu .manage .items{
    padding:0 16px;
}
.side-menu .manage ul{
    list-style: none;
    padding:0 4px !important;
}
.side-menu .manage .items li{
    margin:0;
    padding:0;
}
.side-menu .manage .items label {
    color:white;
}
.side-menu .gcGridView .caption .cntBuyField {
    position: relative;
    left: -1px;
}
.side-menu .gcGridView .caption .cntBuyField {
    left: -2px;
}

.manage .company .btn {
    padding:0;
}

.manage legend {
    padding:8px 16px;
}
.manage form .form-group {
    padding:4px 10px;
}

.manage .switch .form-group {
    margin-bottom:4px;
}
.manage .switch .form-group label {
    margin-bottom:1px;
}
.manage .switch .form-group .form-control {
    font-size:11px !important;
    padding: 2px 8px;
    border-radius: 0;
    height:28px;
}

.manage .contrsearch .form-group-sm,
.manage .contrsearch .form-group {
    margin-bottom:0 !important;
}

.manage .contrsearch .form-group label {
    font-family: 'ubuntu';
    font-weight: normal;
}

.manage .contrsearch .form-control {
    border-radius: 0;
}

/* MANAGE SECTION END */


/* BASKET SECTION BEG */
.basketStepsXS  {
    float:right;
    position:relative;
    top:20px;
    font-size:12px !important;
    font-family: 'ubuntu-bold';
    /*font-weight: 900;*/
    color:#36B6E9;
}

.basketSteps {
    float:right;
    position:relative;
    top:-20px;
    left:-70px;
}

.basketSteps .bar {
    display: block;
    width:427px;
    border:1px #e0e3eb solid;
    position:relative;
    top:20px;
    left:50px;
    z-index: -5;
}

.basketSteps .sep {
    display: inline-block;
    width:117px;
}

.basketSteps .step {
    display: inline-block;
    background: url("/tpl/eo2016/img/basketStep1Active.png") 35px top no-repeat;
    width: 90px;
    height: 41px;
    word-break: keep-all;
    padding-top:40px;
}

.basketSteps .step:nth-child(2)  {
    background: url("/tpl/eo2016/img/basketStep1.png") 35px top no-repeat;
}

.basketSteps .step:nth-child(4)  {
    background: url("/tpl/eo2016/img/basketStep2.png") 35px top no-repeat;
}

.basketSteps .step:nth-child(6)  {
    background: url("/tpl/eo2016/img/basketStep3.png") 35px top no-repeat;
}

.basketSteps .active:nth-child(2) {
    background: url("/tpl/eo2016/img/basketStep1Active.png") 35px top no-repeat;
    color:#3eb7eb;
}

.basketSteps .active:nth-child(4) {
    background: url("/tpl/eo2016/img/basketStep2Active.png") 35px top no-repeat;
    color:#3eb7eb;
}

.basketSteps .active:nth-child(6) {
    background: url("/tpl/eo2016/img/basketStep3Active.png") 35px top no-repeat;
    color:#3eb7eb;
}

.basket {
    display: block;
    margin-top:30px;
    padding:15px;
}

.basket .gPager .ipp {
    display: inline-block;
    margin-left:32px;
    padding-top:3px;
}

.basket .gPager .ipp label {
    margin-right: 16px;
}

.basket .tab {
    font-size:14px;
}

.basket .tab .brutto {
    font-size:14px;
    color:#999999;
    font-family: 'ubuntu';
    font-weight: normal;
}

/* col Cena, Wartosc, Papier */
.basket .tab td,
.basket .tab th {
    text-align: right;
}

/* col Produkt */
.basket .tab th:nth-child(1) {
    text-align: left;
}

.basket .tab td:nth-child(1) {
    font-size: 14px;
    color:#444444;
    text-align: left;
}

.basket .tab .delete {
    border:none;
    background: url('/tpl/eo2016/img/icoX.png') left top no-repeat;
    width: 20px;
    height: 20px;
}

.basket .tab img {
    margin:0 5px;
    max-height: 84px;
    max-width: 80px;
}

/* col Ilosc */
.basket .tab th:nth-child(2) {
    text-align: center;
}

.basket .tab .cnt {
    border:1px #cccccc solid;
    width: 80px;
    height: 36px;
    text-align: center;
}

.basket .tab tfoot {
    font-family: 'ubuntu';
    font-size:13px;
    font-weight: normal;
    vertical-align: top;
}

.basket .tab tfoot td {
    border:none;
}

/* col Ilosc */
.basket .tab .saveChanges {
    border: none;
    background: none;
    color:#cc0000;
}

/* col Cena, Wartosc */
.basket .tab tfoot td:nth-child(3),
.basket .tab tfoot td:nth-child(4) {
    font-size:18px;
    font-family: 'ubuntu-bold';
    color:#333;
}

/* footer */
.basket .tab tfoot a {
    color:#cc0000;
    padding-left:24px;
    margin-right:30px;
    background-repeat: no-repeat;
}

.basket .tab .clearBasket{
    background-image: url("/tpl/eo2016/img/icoTrash.png");
    background-position-y: 2px;
}

.basket .tab .makeTemplate{
    background-image: url("/tpl/eo2016/img/icoSaveTpl.png");
    background-position-y: 1px;
}

.basket .tab .getPdf{
    background-image: url("/tpl/eo2016/img/icoPdf.png");
}

.basket .doOrderSmaller,
.basket .doOrder {
    display: block;
    background-image: url("/tpl/eo2016/img/btnDoOrder.png");
    width:210px;
    height:37px;
    float:right;
}
.basket .doOrderSmaller{
    background-image: url("/tpl/eo2016/img/btnDoOrderSmaller.png");
    width:180px;
    height:28px;  
}

.side-modal {
    background-color: rgba(255,255,255,0.5);
    position:fixed;
    right:0;
    top:0;
    bottom:0;
    left:0;
    z-index: 9999;
}

.side-modal .work-area {
    background-color: #333;
    width:300px;
    position:absolute;
    top:0;
    bottom:0;
}

.side-modal .mask-area-left,
.side-modal .mask-area-right {
    position: absolute;
    top:0;
    bottom:0;
}

.side-modal .work-area-right {
    right:0;
}
.side-modal .mask-area-right {
    left:0;
    right:300px;
}

.side-modal .work-area-left {
    left:0;
}
.side-modal .mask-area-left {
    right:0;
    left:300px;
}

.side-modal .work-area .legend {
    background-color: #e8e8e8;
}

.side-modal table {
    width:100%;
    font-size:10px;
}
.side-modal .odd {
    background-color: #404040 !important;
}
.side-modal .even {
    background-color: #333333 !important;
}


.side-basket .name {
    padding: 10px 16px;
}

.side-basket .price {
    padding: 10px 16px;
    width:80px;
    text-align: right;
    /*    font-weight: 900;*/
    font-family: 'ubuntu-bold';
}

.side-basket table tr:nth-child(even){
    background-color: #404040;
}

.side-basket table .sum {
    background: #333 !important;
    text-align: right;
    font-size:12px;
    padding:10px 16px;
}

.side-basket table .sum a {
    padding:0 !important;
}

.side-dept td,
.side-budget td,
.side-account td {
    padding:4px 24px;
    font-size:12px;
    cursor: pointer;
}
.side-budget td {
    cursor: auto;
}

.side-budget .show-budget a {
    border:none !important;
}

#header .fav-offer {
    position:absolute;
}

#headBasket {
    border:1px white solid;
    height:50px;
    position: relative;
    top:33px;
    padding:12px 24px;
}

#headBasket a {
    padding:0;
    margin:0;
    height: auto;
    background: url('/tpl/eo2016/img/icoArrowDownRed.png') right 50% no-repeat;
    padding-right:32px;
}

#headBasket img {
    margin-right:12px;
    float:left;
}

#headBasket .price {
    display:block;
    font-size:14px;
    line-height:14px;
    font-family: 'ubuntu-bold';
    /*font-weight:bold;*/
    float:left;
}

#headBasket .count {
    display:block;
    font-size:10px;
    line-height: 10px;
}
/* BASKET SECTION END */


#headBudget .budgetMini {
    background: url('/tpl/eo2016/img/icoPig.png') left 50% no-repeat;
    padding-left:24px;

}


/* BESTSELLERS */

.listbest {
    background-color: white;
    padding:10px 20px;
    margin-top:20px;
}

.listbest .prod {
    display: block !important;
}

.listbest .prod .infocol {
    margin-left:144px;
}

.listbest .code {
    font-size:12px;
    color:#666;
    padding:0 0 5px 0;
    font-weight: lighter;
}

.listbest .favorite {
    border:none;
    background: none;
    padding-left:0;
    margin-left:0;
    margin-top:5px;
    font-size:12px;
}

.listbest .favorite img {
    margin-right:5px;
}

.listbest .prod .loginToSeePrices {
    margin:10px 0px;
}

.listbest .ico img {
    width:128px;
}

.listbest .prod .cnt {
    width:60px;
    padding:5px;
    background-color: #f8f8f8;
    border:1px #e8e8e8 solid;
    margin-right:10px;
}

.listbest h1 {
    padding-bottom:16px;
    margin-bottom: 32px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAABCAYAAADeko4lAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AQNDCUEO/4ipQAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAAkSURBVAjXYzzDwPifAQoYGRgY/jMwMPxnZEASxQ5gamB6YAAAd3oHzonaOWkAAAAASUVORK5CYII=') left bottom no-repeat;
}

.listbest .prod:nth-child(even){
    border-left:1px #e8e8e8 solid;
}

.listbest .addPack {
    width:180px;
    position:absolute;
}



.validateTips {
    text-align: center;
    color:#800;
}
.validateTips:before {
    content: 'UWAGA: ';
}

.suppliersOnHome img {
    height: 35px !important;
}

#ttSearch form {
    background:white url('/tpl/eo2016/img/tt_search_bg.png') left top no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
    width:100%;
    min-height:460px;
    margin-bottom:16px;
}

#ttSearch h1,
#ttSearch h2 {
    font-weight: 100;
    text-transform: none;
    font-family: 'ubuntu-regular';
    font-size: 3rem;
    color: white;
    text-shadow: 2px 2px rgba(0, 0, 0, 0.1);
}
#ttSearch h1 {
    position: relative;
    top:6vh;
}
#ttSearch h2 {
    position: relative;
    top:9vh;
    font-size: 2rem;
}

#ttSearch .btnContainer {
}

#ttSearch .btnCombined {
    background-color:white;
    width:60%;
    margin:auto;
    position:relative;
    top: 15vh;
    -webkit-border-radius: 2vh;
    -moz-border-radius: 2vh;
    border-radius: 2vh;
    padding: 4px 2px 6px 3px;
}

#ttSearch .btn,
#ttSearch .keyword {
    border:none;
    width:79%;
    padding:8px 16px;
    padding-bottom: 4px;
    font-size:2vh;    
}

#ttSearch .keyword {
    padding-top: 11px;
}

#ttSearch .btn {
    width:19%;
    background-color: #f00d07;
    color:white;
    -webkit-border-radius: 2vh;
    -moz-border-radius: 2vh;
    border-radius: 2vh;
    position: relative;
    top:-4px;
}


@media (max-width: 520px) {
    #header #headBasket {
        height: 40px !important;
        padding-top:8px;
    }
    #header #headBasket .price {
        font-size:12px;
    }
    #header #headBasket .count {
        font-size: 8px;
    }
    #header #headBasket {
    }
    #header .central .login {
        width:40px;
        height:40px;
        background-size: 40px 40px;
    }
    #header .menuIco img,
    #header .searchIco img {
        width:40px !important;
        height:40px !important;
    }
    #header .login {
        margin-right: 8px !important;
    }

    .gcListView .logged {
        width:140px;
    }

    .article h5 {
        font-size:8px !important;
    }

    #header .central .logo {
        width:110px;
    }

    #header .logo img {
        width:120px;
        margin-top:16px;
    }

    .complaint #crdaTo,
    .complaint #crdaFrom {
        width:75px;
    }
    #header .search input {
        width:45% !important;
        font-size:12px;
    }

    .prodlist .prod {
        width:100%;
    }

    .account .orders .btn {
        display:inline-block;
        float:none !important;
        margin-left:8px;
        width:auto;
    }

    .btnsNextLineXXS {
        display:block;
        float:none;
        clear:both;
        margin-top:1rem;
        width:100%;
        text-align:left;
        margin-left:0;
    }

    .hiddenXXS {
        display:none !important;
    }

    .visibledXXS {
        display:inline !important;
    }

    .prodlist .gPager a {
        width: 24px !important;
    }
}


@media (min-width: 520px) and (max-width: 767px) {

    #header .central .logo {
        width:130px;
    }

    #header .logo img {
        width:140px;
        margin-top:16px;
    }
}


@media (max-width: 660px) {
    .prodlist .list .head .layout {
        display: none;
    }

    .gcGridView .caption .addToCartInactive {
        height: auto;
        font-size: 10px !important;
    }

    .scrollbox .caption {
        padding: 10px 20px 10px 10px !important;
    }
}


@media (min-width: 521px) and (max-width: 675px) {

    .loginToSeePrices,
    .prodlist .prod .loginToSeePrices {
        display: block;
        background: url("/tpl/eo2016/img/btnLoginToSeePricesSM.png") left top no-repeat;
        width:98px;
        height:43px;
        border:none;
    }
    .addToCartInactive,
    .addToCartDropdown,
    .btnAddToCart,
    .prodlist .prod .addToCart {
        font-size: 10px !important;
        padding-left:5px !important;
        padding-right:5px !important;
        text-align: center !important;
    }    
}


@media (max-width: 767px) {
    /* rules for mobile horizontal (480 > 768)  */
    h1 { font-size:16px; }
    h2 { font-size:15px; }
    h3 { font-size:14px; }
    h4 { font-size:13px; }
    h5 { font-size:12px;}

    .sm-offset-1px-top { 
        position: relative !important;
        top: 1px !important;
    }

    .sm-offset-neg1px-top { 
        position: relative !important;
        top: -1px !important;
    }

    .maTL {margin-top: 12px;}
    .maTM {margin-top: 6px;}
    .maTS {margin-top: 3px;}
    .maBL {margin-bottom: 12px;}
    .maBM {margin-bottom: 6px;}
    .maBS {margin-bottom: 3px;}
    .maLL {margin-left: 12px;}
    .maLM {margin-left: 6px;}
    .maLS {margin-left: 3px;}
    .maRL {margin-right: 12px;}
    .maRM {margin-right: 6px;}
    .maRS {margin-right: 3px;}
    .maL {margin: 12px;}
    .maM {margin: 6px;}
    .maS {margin: 3px;}
    .paTL {padding-top: 12px;}
    .paTM {padding-top: 6px;}
    .paTS {padding-top: 3px;}
    .paBL {padding-bottom: 12px;}
    .paBM {padding-bottom: 6px;}
    .paBS {padding-bottom: 3px;}
    .paLL {padding-left: 12px;}
    .paLM {padding-left: 6px;}
    .paLS {padding-left: 3px;}
    .paRL {padding-right: 12px;}
    .paRM {padding-right: 6px;}
    .paRS {padding-right: 3px;}
    .paL {padding: 12px;}
    .paM {padding: 6px;}
    .paS {padding: 3px;}


    body {
        font-size: 10px;
    }

    #header .searchIco {
        margin-top:17px;
    }

    #header .menuIco {
        margin-top:17px;
        float: right;
    }

    #headBasket {
        position: static;
        top:0;
        float:right;
        margin-top:24px;
        padding-left:10px;
        padding-right:12px;
    }

    #headBasket a {
        background: none;
        padding:0;
    }

    #header .central .login {
        margin-top:24px;
        width:50px;
        background-image: url("/tpl/eo2016/img/headIcoLogin.png");
        margin-right: 32px;
    }

    #header {
        max-height: 130px;
        overflow: hidden;
    }
    #header .mm li {
        display: block;
        float: none;
        width:100%;
        padding: 5px;
        margin-right:5px;
        margin:0;
        line-height: 44px;
        border-right: none;
        border-bottom:1px #666 solid;
    }

    #mhbox {
        display: none !important;
        height: 0 !important;
        z-index: -999  !important;
    }

    #header .mm a {
        font-style: normal;
        border:none;
        font-size:13px !important;
        font-family: 'ubuntu-bold';
        padding-top:0;
        padding-right:32px;
        background: url("/tpl/eo2016/img/headMMArrow.png") right center no-repeat;
    }

    #footer h4 {
        font-size: 30px;
    }

    #footer .about {
        line-height: 150%;
    }

    #footer .box {
        margin-bottom: 16px;
    }

    #footer .sep {
        padding:16px;
    }

    #footer .by {
        padding-left: 8px
    }

    .reo-sg-l1 div:nth-child(even){
        padding-left:7.5px;
    }

    .reo-sg-l1 div:nth-child(odd){
        padding-right: 7.5px;
    }

    .reo-sg-promos div:nth-child(even){
        padding-left:7.5px;
    }

    .reo-sg-promos div:nth-child(odd){
        padding-right: 0;
    }

    .reo-sg-promos .box0,
    .reo-sg-promos .box1,
    .reo-sg-promos .box2,
    .reo-sg-promos .box3{
        margin:0;
        padding:0 15px !important;
    }

    .reo-sg-promos .box0 .scrollbox,
    .reo-sg-promos .box1 .scrollbox,
    .reo-sg-promos .box2 .scrollbox,
    .reo-sg-promos .box3 .scrollbox {
        margin:0;
        padding:0 15px;
    }

    .reo-sg-promos .box0 .carousel,
    .reo-sg-promos .box1 .carousel,
    .reo-sg-promos .box2 .carousel,
    .reo-sg-promos .box3 .carousel,
    .reo-sg-promos .box0 .scrollbox,
    .reo-sg-promos .box1 .scrollbox,
    .reo-sg-promos .box2 .scrollbox,
    .reo-sg-promos .box3 .scrollbox,
    .reo-sg-promos .box0 .carousel-inner,
    .reo-sg-promos .box1 .carousel-inner,
    .reo-sg-promos .box2 .carousel-inner,
    .reo-sg-promos .box3 .carousel-inner {
        margin:0 !important;
        padding:0 !important;
    }


    .reo-sg-l2 .left {
        padding-right: 15px !important;
    }

    .reo-sg-l2 .right {
        margin-top:18px;
        padding-left: 15px !important;
    }

    .gcGridView  .caption a ,
    .scrollbox .caption a {
        font-size: 12px !important;
    }

    .category .line .catbox a {
        background-position-y: 3px !important;
    }
    .category .tabs {
        max-height: 32px;
        overflow: hidden;
    }
    .category .tabs a {
        font-size:11px !important;
        padding:8px 12px;
    }

    .account .menu .section h1 {
        padding: 8px 12px;
        font-size:15px;
    }
    .account .menu .section ul li {
        padding-left:8px;
    }
    .account .menu .section ul li a {
        font-size:11px;
        line-height: 22px;
        padding-left:0;
        background: none;
    }
    .account .panel .panel-title {
        font-size:15px;
    }

    .account .orders ul,
    .account .myBudget .panel-body ul {
        padding-left: 8px;
    }

    .account .orders li,
    .account .myBudget .panel-body li {
    }

    .account .orders .panel-title {
        font-size:11px;
        padding-left:0;
    }

    #header .account {
        background: none;
        padding-left:0;
    }

    .listbest .prod:nth-child(even){
        border-left:none;
    }

    .account h2 {
        font-size:18px;
    }

    .side-menu h2 {
        font-size:11px !important;
    }

    .breadcrumb li a {
        font-size:10px;
    }
    .basket {
        margin-top: 0;
    }
    .basket .tab .cnt,
    .basket .tab td,
    .basket .tab .brutto,
    .basket .tab .netto,
    .basket .tab {
        font-size:11px !important;
    }
    .basket .tab .cnt {
        width:40px;
    }
    .basket .tab .delete,
    .basket .tab img{
        display: none;    
    }

    .account .menu .section .badge {
        font-size:9px !important;
        padding:3px 7px 3px 5px;
    }


    .btn,
    .form-control {
        font-size:11px !important;
        padding:4px 8px;
        height: auto;
    }
    .product .info .prices .price {
        font-size:18px !important;
    }

    .product .info .cnt,
    .product .info .vat{
        font-size:12px !important;
    }
    .product .info .add label {
        font-size:11px;
    }

    .product .noBudget {
        margin:auto;
        margin-top:0 !important;
    }

    .complaint .fromBox {
        float: left;
        margin-right:8px;
    }

    .prodlist .gPager a {
        width: 35px;
        height: 27px;
        padding-top: 7px;
    }

    .account .data-sel {
        width: 80px !important;
        display: inline-block;
    }

    .account .orders .form-group {
        float:left;
    }

    .account .panel-default {
        margin-left: 0 !important;
        padding-left: 0 !important;
    }

    .account .content {
        padding-left: 15px;
    }
    .product .ico {
        width:100%;
    }

    .gcGridView .caption .cntBuyField {
        padding: 8px 12px;
        padding-bottom: 9px;
    }

    #ttSearch form {
        -webkit-background-size: 185%;
        background-size: 185%;
        min-height:390px;
        padding-left:24px;
        padding-right:24px;
    }

    #ttSearch h1 {
        font-size: 24px;
    }

    #ttSearch h2 {
        font-size: 16px;
    }

    #ttSearch .btnCombined {
        width:95%;
        padding-bottom:0;
    }

    #ttSearch .btnCombined button,
    #ttSearch .btnCombined input {
        font-size:10px;
        margin-bottom:0;
    }

    #ttSearch .btnCombined input {
        position: relative;
        top: -3px;
        border-radius: 50%;
    }

    #ttSearch .btnCombined button {
        padding-top: 7px;
        padding-bottom: 7px;
    }
}

@media (max-width: 768px){
    .paR75 {padding-right: 15px !important;}
    .paL75 {padding-left: 15px !important;}

    .filters .btnShow {
        background-size: 70px;
        width:70px;
    }

    .content h2 {
        font-size:18px;
    }

    .content h3 {
        font-size:13px;
    }

    .content h4 {
        font-size:14px;
    }

    .login .btnLogin {
        background-size: 80px;
        width:80px;

    }    

    .manage legend {
        font-size:16px;
    }

    .reo-sg-promos div:nth-child(even){
        padding-left:0;
    }

    .reo-sg-promos div:nth-child(even) .colL {
        padding-right:10px;
    }

    .reo-sg-promos div:nth-child(even) input {
        height: 32px;
        max-height:32px;
        line-height:32px;
    }

    .reo-sg-promos div:nth-child(odd){
        padding-right: 0;
    }

    .reo-sg-promos .scrollbox .caption {
        padding: 10px 20px 10px 10px !important;
    }
}

@media (min-width:768px) and (max-width: 991px ){
    .article h5 {
        font-size:11px !important;
        font-weight: normal !important;
    }    
}

@media (max-width: 991px ){
    /* rules for tablet (768 > 992) */
    #header .search {
        width:260px;
    }  
    #header .search input {
        width:210px;
    }

    #header .mm li {
        display: inline-block;
        padding-left: 0;
        margin-right: 0;
        line-height: 26px;
    }
    #header .mm  {
        padding:3px 0;
    }
    #header .mm a {
        font-size:10px;
        height:22px;
    }

    #mhbox {
        top:162px;
    }

    .category .catbox a {
        font-size:11px !important;
    }


    #footer .bg {
        background: url("/tpl/eo2016/img/footBgV-min.jpg") left top no-repeat;
        height: 474px;
    }

    #footer .nwlt {
        height:237px;
        padding:20px;
    }
    #footer .about {
        padding:20px;
    }

    .product .info .prices{
        text-align: center;
    }

    .product .info .add {
        text-align: center;
    }
    .product .info .buy .budgetBox {
        display: inline-block;
        float: none;
        margin: 10px 0;
    }  

    .prodlist .paR75 {padding-right: 15px !important;}
    .prodlist .paL75 {padding-left: 15px !important;}

    .basket .tab td:nth-child(4) {
        border-right: 1px #e8e8e8 solid;
    }

    .basket .tab img {
        margin:0 5px;
        max-height: 44px;
        max-width: 40px;
    }

    #header .contacts {
        font-size:11px;
    }

    .basket .tab td:nth-child(1),
    .basket .tab tfoot td:nth-child(3), 
    .basket .tab tfoot td:nth-child(4),
    .basket .tab,
    .basket .tab .brutto {
        font-size: 12px;
    }

    .account .panel {
    }

    .account .panel-default {
        margin-left: 0 !important;
        padding-left: 0 !important;
        margin-right: 0 !important;
        padding-right: 0 !important;
    }

    .gcGridView .addToCartInactive,
    .gcGridView .addToCartDropdown,
    .gcGridView .btnAddToCart,
    .gcGridView .prodlist .prod .addToCart {
        background: url("/tpl/eo2016/img/btnAddToCartXS.png") left top no-repeat;
        width: auto !important;
    }    
    .gcGridView  .addToCartInactive {
        background-image: url('/tpl/eo2016/img/btnAddToCartInactiveXS.png');
    }
}

@media (min-width: 768px ) and (max-width:991px) {
    .reo-sg-l1 div:first-child{
        padding-right: 2.5px;
    }

    .reo-sg-l1 div:nth-child(2){
        padding-left:10px;
        padding-right:10px;
    }

    .reo-sg-l1 div:nth-child(3){
        padding-left: 2.5px;
    }

    .reo-sg-l1 div {
        margin-bottom: 7.5px;
    }

    .reo-sg-promos .box0{
        padding-right: 2.5px;
    }

    .reo-sg-promos .box1 {
        padding-left:10px;
        padding-right:10px;
    }

    .reo-sg-promos .box2 {
        padding-left: 15px;
        padding-right: 0;
    }

    h5 {
        font-size: 12px;
    }

    .content .manage {
        padding-left: 15px;
    }

    .content .manage .panel form {
        margin-top:8px;
    }

    .content .manage .panel form .form-group {
        margin-bottom:8px;
    }

    .btnAddDir {
        position:relative;
        top:-4px;
    }

    #ttSearch form {
        min-height:390px;
    }
}

@media (min-width: 768px ) and (max-width:1199px){
    .sg .side-menu {
        margin-right: 303px;
    }
    .sg .side-menu .red,
    .sg .side-menu .blue,
    .sg .side-menu .yellow {
        height:42.5px;
    }  
}

@media (min-width: 992px ){
    /* rules for desktop (992 > 1200) */

    #header .central .logo {
        width:240px;
    }

    #header .logo img {
        width:200px;
        margin-top:4px;
    }

    .reo-sg-l1 div:first-child{
        padding-right: 0;
        max-height: 127px;
        overflow: hidden;
    }

    .reo-sg-l1 div:nth-child(2){
        padding-right:7.5px;
    }

    .reo-sg-l1 div:nth-child(3){
        padding-left:7.5px;
    }

    .reo-sg-l1 div:last-child{
        padding-left: 0;
        max-height: 127px;
        overflow: hidden;
    }

    .reo-sg-promos .box0 {
        padding-right: 0;
    }

    .reo-sg-promos .box1 {
        padding-right:7.5px;
    }

    .reo-sg-promos .box2 {
        padding-left:7.5px;
    }

    .reo-sg-promos .box3 {
        padding-left: 0;
    }

    .category .catbox {
        width:25%;
        padding:16px 26px !important;
    }
}

@media (max-width: 1199px) {

    .gcListView .prod .icobox {
        display: none;
    }

    .gcListView input[type="checkbox"] {
        margin-left:20px;
    }

    .gcGridView .caption input[type="submit"] {
        width: auto !important;
    }
}

@media (min-width: 1200px) {
    /* rules for large (> 1200) */
    .product .ico label{
        right:35px;
    }

    #header .central .logo {
        width:315px;
    }

    #header .central .login {
        width:230px;
        background-image: url("/tpl/eo2016/img/headLogin.png");
    }
    #header .mm li {
        display: inline-block;
        padding-left: 0px;
        padding-right: 10px;
        margin-right:10px;
    }
    #header .mm a {
        font-size:13px;
    }

    #footer .social a {
        margin-right: 20px;
    }

    .reo-sg-main {
        overflow-x: hidden;
    }

    .reo-sg-main .banner {
        width: auto;
    }

    .padR0LG {
        padding-right: 0;
    }

    .gcGridView .caption input[type="submit"] {
        background: url("/tpl/eo2016/img/btnAddToCartGrid.png") left top no-repeat !important;
    }
}