@import "iconFont170801.css";
@import "colorbox-1.6.4.css";
/* @import "colorbox.css"; */
@import "lightbox.min.css";
@import "lightcase.css";
@import "jquery.rtable.css";

html, body {
    background: white;
}

/*
----------------------------------
    Desktop main dropdown menu
----------------------------------
*/

/* Reset */

#topMenu {
    padding: 0 0.9375rem;
}

.nav,
.nav a,
.nav ul,
.nav li,
.nav div,
.nav form,
.nav input {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}

.nav a { text-decoration: none; }

.nav li { list-style: none; }

/* Menu Container */
.nav {
	display: inline-block;
	position: relative;
	cursor: default;
	z-index: 700;
	width: 100%;
}

/* Menu List */
.nav > li {
	display: block;
	float: left;
	margin: 1px;
}

.nav > li li {
    margin: none;
}

/* Menu Links */
.nav > li > a {
	position: relative;
	display: block;
	z-index: 510;
	height: 43px;
	padding: 0px 15px;
	
	line-height: 43px;
	
	/*
	-webkit-transition: all .2s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
	*/
}

.nav > li.hoverIntent {
	background: white;
	border: 1px solid #ddd;
	border-bottom: 1px solid white;
	margin: 0;
/*
    -webkit-box-shadow:inset 0px 0px 0px 1px #ddd;
    -moz-box-shadow:inset 0px 0px 0px 1px #ddd;
    box-shadow:inset 0px 0px 0px 1px #ddd;
*/    
}

.nav > li.hoverIntent li {
}


.nav > li:first-child > a {
	border-radius: 3px 0 0 3px;
	border-left: none;
}


/* Menu Dropdown */
.nav > li > ul.lvl2 {
	position: absolute;
	display: block;

	width: 100%;

	top: 45px;
	left: 0; 
	padding: 0 1rem 1rem 1rem;
	margin: 0 0.9375rem;

	opacity: 0;
	visibility: hidden;
	overflow: hidden;

	border-radius: 0 0 3px 3px;
	border: 1px solid #ddd;
	border-top: none;

/*
	-webkit-transition: all .3s ease .15s;
	-moz-transition: all .3s ease .15s;
	-o-transition: all .3s ease .15s;
	-ms-transition: all .3s ease .15s;
	transition: all .3s ease .15s;
*/
	background: white;
}

.nav > li.hoverIntent > ul.lvl2 {
	opacity: 1;
	visibility: visible;
	overflow: visible;
}
.nav ul.lvl2 li {
/*
    clear: both;
*/
    font-weight: 700;
    margin-top: 0.7rem;

    width: 25%;
    float: left;
}
.nav ul.lvl3 li {
    clear: none;
    float: left;
    margin-right: 1.6em;
    font-size: 0.8rem;
    font-weight: 400;
    margin-top: 0;
    padding-right: 1rem;
    
    width: 100%;
}
.nav ul.lvl3 li:last-child {

    clear: right;

    margin-bottom: 0.7rem;
}

/* Menu Content Styles */
.nav a:hover {
    text-decoration: underline;
}

/* Vasar */
a.topMenuVasar {
    position: absolute;
    right: 1.9375rem;
    top: 1rem;
    z-index: 710;
}

a.topMenuVasar:hover {
    text-decoration: underline;
}

/**************************************
  Override foundation styles
***************************************/

h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', Verdana, Sans-serif;
    font-weight: 500;
}
h1 {
    margin: 1rem 0;
}
.breadcrumbs > * {
    color: #222;
    line-height: 1.2rem;
}
.breadcrumbs > *:before {
    margin: 0 0.4rem;
}
.breadcrumbs > a, .breadcrumbs span {
    text-transform: none;
}

.breadcrumbs {
    padding: 0.3rem 0;
    background: white;
    border: none;
}

strong, b {
    font-weight: 700;
}

table tr th, table tr td {
    font-size: 0.8rem;
    padding: 0.4625rem 0.525rem;
}

.headerBlockGrid {
/*
    border-bottom: 1px solid #ddd;
*/
}
/*
#headerPseudoTable {
    margin-bottom: 1rem;
}
*/
.headerBlockGrid li {
     clear: none !important;
}

.headerBlockGrid .icon {
    font-size: 1.5rem;
    padding-bottom: 0;
    line-height: 1.5rem;
}

select {
    background-color: white;
}

/**************************************
  Overwrite jquery ui styles
***************************************/
.ui-widget-header {
    background-image: none;
    background-color: #f1f2f2;
    border: none;
}

.ui-widget-content {
    border: 1px solid #ddd;
}

.ui-tabs.ui-widget-content {
    border: 1px solid #f1f2f2;
    padding: 0;
    border-radius: 0;
    border-top: 0;
}
.ui-tabs .ui-tabs-nav {
    padding: 0;
}

.ui-tabs .ui-corner-all, .ui-tabs .ui-corner-bottom, .ui-tabs .ui-corner-left, .ui-tabs .ui-corner-bl, .ui-tabs .ui-corner-right, 
.ui-tabs .ui-corner-br, .ui-tabs .ui-corner-top, .ui-tabs .ui-corner-right, .ui-tabs .ui-corner-tr, .ui-tabs .ui-corner-left, .ui-tabs .ui-corner-tl {
    border-radius: 0;
}

.ui-tabs .ui-tabs-nav li {
    margin: 1px 0 0 0;
}

.ui-tabs .ui-state-default, .ui-tabs.ui-widget-content .ui-state-default, .ui-tabs .ui-widget-header .ui-state-default {
    background-image: none;
    background-color: #f1f2f2;
    border: none;
    border-right: 1px solid white;
}

.ui-tabs.ui-widget-content .ui-state-active, .ui-tabs .ui-widget-header .ui-state-active {
    background-color: white;
}

.ui-slider .ui-slider-handle {
    background-color: #222222;
    border-radius: 0px;
    padding: 0px;
    display: inline-block;
    border: 2px solid white;
    outline: 1px solid #555555 !important;
    background: #222222;
}

/**************************************
  Button styles
***************************************/

/*
-------------------------------------
    default grey button + hover
-------------------------------------
*/


button, .button {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0px;
    font-family: Roboto;
    font-size: 0.875rem;
    color: #424242;
    background: #f1f2f2;
    padding: 6px 24px 6px 24px;
    border: none;
    text-decoration: none;
    display:inline-block;
    cursor:pointer;
    text-decoration:none;
}
button:hover, .button:hover, button:focus, .button:focus {
    color: #424242;
    background: #eceded;
    text-decoration: none;
}
button:active, .button:active {
    position:relative;
    top:1px;
}


/*
-------------------------------------
    orange button + hover
-------------------------------------
*/

button.success, .button.success {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0px;
    font-family: Roboto;
    font-size: 0.875rem;
    color: #ffffff;
    background: #cf5d20;
    padding: 6px 24px 6px 24px;
    border: none;
    text-decoration: none;
    display:inline-block;
    cursor:pointer;
    text-decoration:none;
}


button.success:hover, .button.success:hover, button.success:focus, .button.success:focus {
    color: #ffffff;
    background: #d07545;
    text-decoration: none;
}

button.success:active, .button.success:active {
    position:relative;
    top:1px;
}

/*
-------------------------------------
    facebook blue button + hover
-------------------------------------
*/


button.facebook, .button.facebook, .facebook {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0px;
    font-family: Roboto;
    font-size: 0.875rem;
    color: #ffffff;
    background: #385ab8;
    padding: 6px 24px 6px 24px;
    border: none;
    text-decoration: none;
    display:inline-block;
    cursor:pointer;
    text-decoration:none;
}
.facebook:hover, .facebook:focus {
    color: #ffffff;
    background: #3152af;
    text-decoration: none;
}
.facebook:active {
    color: white;
    position:relative;
    top:1px;
}

.postfix.button {
    border:1px solid #dcdcdc;
}

button i {
    font-size: 1.4rem;
}


/**************************************
  Orbit fix (prefent blinking before fully loaded)
  see 
  https://github.com/zurb/foundation/issues/1707
***************************************/
ul[data-orbit] {
    margin: 0;
    padding-left: 0;
    list-style-type: none;
    background: #888;
}

/* initially, hide all slides... */
ul[data-orbit] li,
ul[data-orbit] .orbit-caption {
    display: none;
}

/* ...except for the first one */
ul[data-orbit] li:first-child { 
    display: block;
}

/* show slides once .orbit-container is loaded */
.orbit-container ul[data-orbit] li,
.orbit-container ul[data-orbit] .orbit-caption {
    display: block;
}

/* hide the timer */
.orbit-timer { display:none;}


/**************************************
  Font sizes
***************************************/
body, td, p, ul, ol {
    font-size: 0.8rem;
}
h1 {
    font-size: 1.3rem;
}
h2 {
    font-size: 1.1rem;
}
h3 {
    font-size: 0.9rem;
}
h4 {
    font-size: 0.8rem;
}
h5 {
    font-size: 0.8rem;
}

h1.sep, h2.sep, h3.sep {
    border-radius: 5px;
    padding: 0.5rem 1.5rem;

    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
    background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
    background-color:#ededed;
    
    border: 1px solid #aaaaaa;
}

.fs2 {
    font-size: 2rem;
}

/*
    Mobile styles
@media only screen and (max-width: 40em) { 
    h1 {
	font-size: 1.4rem;
    }
    h2 {
	font-size: 1.3rem;
    }
    h3 {
	font-size: 1.2rem;
    }
    h4 {
	font-size: 1.1rem;
    }
    h4 {
	font-size: 1rem;
    }
}

*/

/**************************************
  Custom styles
***************************************/

body, td, p, .ui-widget {
    font-family: 'Roboto', Verdana, Sans-serif;
    color: #333;
    font-weight: 400;
}

html, body {
    background: white;
}



.fw600 {
    font-weight: 700;
}
.a-r {
    text-align: right;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.contentRow {
	padding-bottom: 3rem;
}

.hide {
    display: none;
}

.border_ccc {
    border: 1px solid #ccc;
}

@media only screen and (max-width: 40em) { 
    .border_ccc {
	border-left: 0;
	border-right: 0;
    }
}


.greyscale {
    max-height: 80px;
    -webkit-filter: grayscale(100%) brightness(110%);
    filter: grayscale(100%) brightness(110%);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.greyscale:hover {
    -webkit-filter: grayscale(0%) ;
    filter: grayscale(0%);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}


table.simpleTable2 {
    border: none;
    background: transparent;
    width: 100%;
}

table.simpleTable2 tr {
    background: transparent;
    padding: 0;
    margin: 0;
}

table.simpleTable2 tr td {
    padding: 0;
    margin: 0;
}

table.simpleTable2 tr td p {
    padding: 0;
    margin: 0;
}

/**************************************
  base header styles
***************************************/
.clr {
    clear: both;
}

.hdrBtn {
    display: block;
    text-align: center;
    cursor: pointer;
    color: #333;
}

.hdrBtn a {
    display: block;
    color: #333;
}

.hdrBtn i {
    display: block;
    font-size: 1.5rem;
    line-height: 1.5rem;
    color: #444;
    text-shadow: 1px 1px 1px #bbb;
}
#search {
    float: right;
    width: 29%;
    height: 55px;
}
#login {
    display: none;
    position: absolute;
    top: 50;
    z-index: 1000;
    background: #e4e4e4;
    width: 100%;
}


/*
-------------------------
    Mobile styles
-------------------------
*/


.nav3small span.hdrBtn {
	width: 100%;
	float: none;
	text-align: center;
}
.nav3small {
    margin: 10px 0;
}
/*
.logoRow {
    background: #aaa;
}
*/

.logoRow p {
    margin-top: 0.5rem;
    margin-bottom: 0;
}

@media only screen and (max-width: 40em) { 
    #search {
	display: none;
	width: 100%;
	position: absolute;
	top: 100;
	left: 0;
	z-index: 10;
	background: #ddd;
    }
}

.headerPanelContainer {
    margin-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
}

.headerPanelContainer a {
}

.headerPanelContainer a.facebook {
    color: white;
}

.headerPanelContainer .headerPanel {
    display: none;
    border-bottom: 1px solid #ddd;
    padding-top: 1rem;
}

#headerPseudoTable {display: table; width: 100%; padding: 0; }
.headerBlockGrid { width: 100%;   } 

@media only screen and (max-width: 64em) { 
    .headerPanelContainer {display: table-footer-group; } /* Will be displayed at the bottom of the pseudo-table */
    .headerBlockGrid {display: table-row-group; } /* Will be displayed in the middle */
    .logoRow {display: table-header-group; } /* Will be displayed at the top */
    .nav1 {margin-bottom: 0.5rem;}

/*
    .headerPanelContainer .headerPanel {
	border-top: 1px solid #b1b1b1;
    }
*/
}

@media only screen and (max-width: 40em) { 
    .logoRow p {font-size: 0.7rem; margin-top: 0;}
    .nav1 {height: 30px;}
}

/**************************************
  header cosmetic styles
***************************************/

.hdrWrap form {
    margin: 0;
}

.nav1 {
    background: #f1f2f2;
    font-size: 0.6rem;
    position: relative;
    height: 30px;
}

.nav1 .show-for-large-up {
    font-size: 0.8rem;
}

.nav1 .show-for-large-up .block3 {
    height: 2rem;
}

.nav1 .show-for-large-up .block1 span.btn, .nav1 .show-for-large-up .block3 span.btn {
    margin-right: 1rem;
    cursor: pointer;
    padding: 10px 5px 5px 5px;
/*
    display: inline-block;
*/
}

.nav1 .show-for-large-up .block1 span.icon, .nav1 .show-for-large-up .block3 span.icon {
    display: inline-block;
    vertical-align: middle;
    font-size: 0.9rem;
    margin-right: 0.2rem;
}

.nav1 a, .nav1 span {
    color: #333;
}

.nav1 .show-for-large-up .block1 span.btn:hover, .nav1 .show-for-large-up .block3 span.btn:hover {
    text-decoration: underline;
}


.nav1 .block3 {
    padding-top: 10px;
    padding-right: 0;
}

.nav1 .siteTabs a {
    padding: 10px 0;
    display: block;
}
/*
.nav1 span {
    padding: 10px 5px;
}
*/
.nav1 .siteTabs .active {
    background: white;
}

.nav1 .show-for-large-up .block3 .miniBasketNonEmptyBtn {
    background-color: #cf5d20;
    color: white;
    padding: 10px 10px 4px 10px !important;
}

.nav1 .show-for-large-up .block3 .miniBasketNonEmptyBtn a:hover, .nav1 .show-for-large-up .block3 .miniBasketNonEmptyBtn:hover  {
    text-decoration: none !important;
}

.nav3large {
    font-size: 0.8rem;
    margin-bottom: 10px;
    height: 45px;
    border-bottom: 1px solid #ddd;
}

.nav3large ul {
    font-size: 0.8rem;
}

.nav3large a {
    color: #333;
}

.headerTogglerActive {
    background: white;
}

#search {
    padding-right: 10px;
}

.headerBlockGrid li {
/*
    padding: 0 0 0 0.5rem;
    box-shadow: 1px 0 1px 1px #888;
*/
    margin: 1px 0 1px 0;
    padding-top: 0.5rem;
    padding-bottom: 0.2rem;
    border-bottom: 1px solid #ddd;
}

.headerBlockGrid li.headerTogglerActive {
    margin: 0;
    border: 1px solid #ddd;
    border-bottom: 1px solid white;
}

form.search button , form.search input {
    margin: 0;
}

form.search {
    margin-bottom: 0.2rem;
}

form.search div.collapse {
    border: 1px solid #cf5d20;
    padding-bottom: 1px;
}
form.search input, form.search button.postfix, form.search input:focus, form.search button.postfix:focus {
    border: 0;
    box-shadow: none;
    background: white;
}
form.search button.postfix {
    padding-top: 0.1rem;
}

@media only screen and (min-width: 64.001em) { 
    .nav1 .siteTabs {
	margin-left: 0rem;
    }
}

/*******************************
  Custom styles
********************************/
img {
    max-width: 100%;
}

/*******************************
  Forms
********************************/
fieldset {
    padding: 1.5rem 1rem 2rem 1rem;
    border-radius: 5px;
    border: 1px solid #eee;
    margin-left: 0.3rem;
    margin-right: 0.3rem;
    background: #fcfcfc;
}
fieldset legend {
    background: #fcfcfc;
    font-size: 1.3rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    font-weight: 700;
    color: #666;
    line-height: 1.5rem;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border: 1px solid #eee;
    border-bottom: 0;
}

small.error {
    margin-top: -1rem;
}
.submitError {
    color: white;
    background: #cf855d;
    padding: 1rem;
    border-radius: 5px;
    margin-bottom: 1rem;
    font-size: 0.9rem;
}

.submitError p {
    color: white;
    margin: 0;
}

.submitError a {
    color: white;
    font-weight: 700;
    text-decoration: underline;
}

.submitSuccess {
    color: white;
    background: #86d9ad;
    padding: 1rem;
    border-radius: 5px;
    margin-bottom: 1rem;
    font-size: 0.9rem;
}

/*******************************
  callout
********************************/
.greyCallout {
    padding: 1rem 1rem 0 1rem;
    background-color: #F1F2F2;
    margin-bottom: 1rem;
}
.greyCallout p {
    padding-bottom: 1rem;
}
.greyCallout h2, .greyCallout .hdr {
    margin-bottom: 1rem;
    margin-top: 0;
    padding-top: 0;
    font-size: 1.5rem;
    font-weight: bold;
}
.bulletPoints .row {
    margin-bottom: 0.5rem;
}

.bulletPoints .row p {
    padding-bottom: 0;
    margin-bottom: 0;
}

/*******************************
  Start page
********************************/
.startContent h1, .shop__productViewRelatedProds h1 {
    border-bottom: 1px solid #ccc;
}
#productListStart h1 a, #postListStart h1 a {
    color: #333;
}
#productListStart .products .item .photo {
    height: 130px;
}
#postListStart {
    margin-bottom: 2rem;
}
#postListStart h3 {
    font-weight: 400;
}
#postListStart .item {
    border-bottom: 1px solid #eee;
    margin: 0 1rem 1.5rem 1rem;
}
#postListStart .item .info {
    margin: 1rem 0;
}


/*******************************
  content block styles
********************************/
.mainContent {
	min-height: 30rem;
	margin-top: 1rem;
}

.rightColumn {
    margin-top: 2rem;
}

.rightColumn img {
    -moz-box-shadow: 0 0 2px #000;
    -webkit-box-shadow: 0 0 2px #000;
    box-shadow: 0 0 2px #000;
}

.topHtmlAdv p {
    margin-bottom: 0;
}

@media only screen and (max-width: 40em) { 
    .smallNoPadding {
	margin-left: -0.9375rem;
	margin-right: -0.9375rem;
    }
}
/*******************************
  footer
********************************/
.ftrWrap {
    border-top: 1px solid #ddd;
    padding-top: 1rem;

    background-image: url("/www/mountex/webroot/img/mountex_terkep.png");
    background-repeat: no-repeat;
    background-position: center bottom;

}
.ftrWrap .wh_bg {
    background: white;
    padding: 0px;
    box-shadow: 6px 0 0 white,
                -6px 0 0 white;
}
.ftrWrap a, .ftrWrap a:visited {
    color: #333;
}
.ftrWrap a:hover {
    text-decoration: underline;
}
.ftrWrap .copy {
    font-size: 0.6rem;
}

.ftrWrap [class*="block-grid-"] > li {
    padding-bottom: 0;
}
.ftrWrap .partnerLogos {
    margin-bottom: 1rem;
}
.ftrWrap .partnerLogos .pLogo {
    display: inline-block;
    border: 0px solid #ccc;
    margin-right: 5px;
}
.ftrWrap .partnerLogos img {
    max-height: 30px;
}
.ftrWrap .partnerLogos .pLogo a:hover {
    text-decoration: none;
}


/*******************************
  offCanvasMenu
********************************/

ul.offCanvasMenu {
    background: #bbb;
    color: #333;
    line-height: 1.1;
}

ul.offCanvasMenu li {
    line-height: 1.4;
    color: #ccc;
}

ul.offCanvasMenu li a {
    color: #444;
    font-weight: 700;
    font-size: 0.9rem;
    line-height: 1.4;
}
ul.offCanvasMenu li a:hover {
    color: #ccc;
}
ul.offCanvasMenu li ul {
    list-style-type: none;
    background: #333;
    margin: 0;
    line-height: 1.4;
}

ul.offCanvasMenu li ul a {
    color: #ccc;
    font-weight: 400;
    padding-left: 0.5rem;
}

ul.offCanvasMenu li ul.lvl3 a {
    padding-left: 2rem;
}

ul.offCanvasMenu li ul.lvl4 a {
    padding-left: 3rem;
}

/*******************************
  turatippMenu
********************************/
.turatippMenu ul {
    list-style-type: none;
    color: #333;
}

.turatippMenu ul.lvl1 {
    margin: 1rem 0 0 0;
}

.turatippMenu ul.lvl2 {
    margin-left: 1rem;
    display: none;
}

.turatippMenu ul.lvl1 li.active ul.lvl2 {
    display: block;
}

.turatippMenu ul a {
    color: #333;
    font-weight: 700;
    margin-bottom: 0.5rem;
    display: block;
}

.turatippMenu ul.lvl1 a {
    font-size: 0.9rem;
}

.turatippMenu ul.lvl2 a {
    font-size: 0.8rem;
    font-weight: 400;
}

.turatippMenu li.current a {
    text-decoration: underline;
}

.turatippMenu li.current li a {
    text-decoration: none;
}

.turatippMenu ul.lvl1 span.toggleThis {
    position: absolute;
    right: 15px;
    padding: 0 10px;
}



/*******************************
  autoMenuLeftColumn
********************************/
.autoMenuLeftColumn ul {
    list-style-type: none;
    color: #333;
}

.autoMenuLeftColumn ul.lvl1 {
    margin: 1rem 0 0 0;
}

.autoMenuLeftColumn ul.lvl2 {
    margin-left: 1rem;
}

.autoMenuLeftColumn ul.lvl3 {
    margin-left: 2rem;
    display: none;
}

.autoMenuLeftColumn ul.lvl2 li.active ul.lvl3 {
    display: block;
}

.autoMenuLeftColumn ul a {
    color: #333;
    font-weight: 700;
    margin-bottom: 0.5rem;
    display: block;
}

.autoMenuLeftColumn ul.lvl1 a {
    font-size: 0.9rem;
}

.autoMenuLeftColumn ul.lvl2 a {
    font-size: 0.8rem;
    font-weight: 400;
}

.autoMenuLeftColumn li.current a {
    text-decoration: underline;
}

.autoMenuLeftColumn li.current li a {
    text-decoration: none;
}

.autoMenuLeftColumn ul.lvl2 span.toggleThis {
    position: absolute;
    right: 15px;
    padding: 0 10px;
}


/*******************************
  autoMenuLeftColumn
********************************/
.childMenuLeftColumn ul {
    list-style-type: none;
    color: #333;
}

.childMenuLeftColumn ul.lvl1 {
    margin: 1rem 0 0 0;
}

.childMenuLeftColumn ul.lvl2 {
    margin-left: 1rem;
}

.childMenuLeftColumn ul.lvl3 {
    margin-left: 2rem;
}

.childMenuLeftColumn ul a {
    color: #333;
    font-weight: 700;
    margin-bottom: 0.5rem;
    display: block;
    position: relative;
}

.childMenuLeftColumn ul.lvl1 a {
    font-size: 0.9rem;
}

.childMenuLeftColumn ul.lvl2 a {
    font-size: 0.8rem;
    font-weight: 400;
}

.childMenuLeftColumn li.current a {
    text-decoration: underline;
}

.childMenuLeftColumn li.current li a {
    text-decoration: none;
}

@media only screen and (max-width: 40em) { 
    .childMenuLeftColumn ul.lvl2 {
	display: none;
    }
    .childMenuLeftColumn ul.lvl1 li {
	float: left;
	margin-right: 0.8rem;
    }

    .childMenuLeftColumn ul.lvl1 li a {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0px;
	color: #424242;
	background: #f1f2f2;
	padding: 6px 12px 6px 12px;
	border: none;
        text-decoration: none;
        display:inline-block;
        text-decoration:none;
        font-weight: normal;
    }


}

/*******************************
  loginBox
********************************/
.loginMethodSep {
    border-top: 1px solid #ccc;
}
.loginMethod .regLinks {
    margin: -0.5rem 0 1rem 0 !important;
}
.loginMethod .regLinks .columns {
    padding: 0 !important;
}

.loggedInPanel .linkek {
    margin-top: 1rem;
}
.loggedInPanel .linkek a {
    display: block;
}

.loginMethod {
    padding-left: 2rem;
    padding-right: 2rem;
}

@media only screen and (min-width: 40.063em) { 
    .loginMethod .box {
	min-height: 10rem;
    }
    .loginMethodSep {
	border-top: none;
    }
}

@media only screen and (max-width: 64em) { 
    .loginMethod .regLinks {
	font-size: 0.7rem;
    }
}

/*******************************
  newsletterSignup
********************************/
.nlSignupPanel  .success, .nlSignupPanel  .error {
    margin-bottom: 1rem;
    font-weight: 700;
}

.nlSignupPanel p.privacy {
    white-space: nowrap;
    padding-top: 0.5rem;
    margin-bottom: 0.5rem;
}

/*******************************
  productList
********************************/
#pi_shop1ActFilters {
    margin: 0;
    padding: 0;
}
#pi_shop1ActFilters a {
    margin-right: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    position: relative;
    margin-bottom: 0.5rem;
}
#pi_shop1ActFilters a.manufacturerOption i, #pi_shop1ActFilters a.sizeOption i {
    margin-left: 0.5rem; 
}
#pi_shop1ActFilters a.colorOption.black i, #pi_shop1ActFilters a.colorOption.brown i {
    color: #ccc;
}


.shop__productList {
    margin-top: 1rem;
}
.shop__productList .medium-8, .shop__productList .large-9 {
    border-left: 1px solid #ccc;
}
.shop__productList ul.pagination li.inactive a {
    cursor: not-allowed;
    opacity: 0.3;
}
.shop__productList-pager {
    margin: 0.8rem 0;
}
.shop__productList .products .item {
    text-align: center;
    padding: 1rem 0.5rem 2rem 0.5rem;
}
.shop__productList .products .item .instock {
    text-transform: uppercase;
    font-weight: 500;
}
.shop__productList .products .item .instock .icon {
    color: #499A49;
}
.products .item .price {
    font-size: 1rem;
    text-align: left;
}
.products .item .price strike {
    margin-bottom: 8px;
    display: inline-block;
}
.products .item .price .inActionPrice {
    color: #c52e2e;
    font-weight: 700;
    margin-top: -0.2rem;
    display: block;
}
.shop__productList .products .item .photo a {
    position: relative;
    display: inline-block;
    max-width: 100%;
}
.shop__productList .products .item .photo {
    height: 180px;
    max-width: 100%;
    position: relative;
    text-align: center;
/*
    background-image: url("img/ajax-loader.gif");
    background-repeat: no-repeat;
    background-position: center center;
*/
    margin-bottom: 45px;
}
.shop__productList .products .item .photo .inner {
    position: absolute;
    bottom: 0;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}
.shop__productList .products .item .photo a img {
    margin-bottom: 0.2rem;
}
.shop__productList .products .compactInAction .photo a {
    display: inline-block;
    position: relative;
}
.shop__productList .products .compactInAction .photo a span.inAction {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    width: 35px;
    height: 35px;
    display: block;
/*    background-image: url(../img/inAction.png); */
}
.shop__productList .products .item h2 {
    font-size: 1rem;
    text-align: left;
    line-height: 1.2rem;
    margin-bottom: 0;
    font-weight: 700;
}
.shop__productList .products .item h2 a {
    color: #333;
}
@media only screen and (min-width: 40.063em) { 
    .shop__productList .filtersPanel .top .resetLink {
	height: 20px;
	padding-left: 15px;
	color: #333;
    }
}
.filterBlock {
    border-bottom: 1px solid #ccc;
}
.pricerangeFilter {
    font-size: 1rem;
    font-weight: 400;
}
.shop__productList .item .wrap .photo .palette {
    position: absolute;
    bottom: -45px;
    z-index: 10;
    text-align: center;
    width: 100%;
}
.shop__productList .item .wrap .photo .palette .colorsDot {
    width: 14px;
    height: 14px;
    border-radius: 7px;
    display: inline-block;
    margin-right: 3px;
    cursor: pointer;
}

.shop__productList .item .wrap .photo .palette .allColorsLink {
    height: 25px;
}

.colorFilter .colorOptions {
    margin-bottom: 2rem;
}
.colorFilter {
    position: relative;
}
/*
.colorFilter .color {
    padding: 2px 15px;
    margin: 0.2rem 0.3rem;
    border: 1px solid #999;
    cursor: pointer;
    float: left;
    display: block;
    height: 1.5rem;
}
*/
.colorFilter .color {
    margin: 0.2rem 0.3rem;
    border: 1px solid #999;
    cursor: pointer;
    float: left;
    display: block;
    width: 30px;
    height: 30px;
    position:relative; 
    z-index:10;
}
.colorFilter .color:before {
    content:""; 
    display:block; 
    position:absolute;
    z-index:-1; 
    top:0; 
    left:0; 
    right:0;
    bottom:0; border:2px solid white;
}


.colorFilter .active {
    position: absolute;
    top: 0;
    left: 3.1rem;
}

.colorFilter .colorActive::after {
    content: "\f126";
    font-family: "foundation-icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    text-decoration: inherit;
    position: absolute;
    left: 9px;
    font-size: 14px;
    top: 8px;
    color: white;
}


.mnfctrrFilter .mnfctrr {
/*
    cursor: pointer;
    margin-bottom: 0.2rem;
    display: block;
    color: #333;
*/
}
.mnfctrrFilter .active {
    font-weight: 700;
}

.sizeFilter .button, .categoryFilter .button, .sexFilter .button , .mnfctrrFilter .button , .shopFilter .button, .filtersPanel .button {
/*
    color: #333;
    text-shadow: none;

    padding: 0.4rem 0.3rem 0rem 0.3rem;
    height: 1.7rem;
*/
    padding: 0.2rem 0.6rem;
    font-size: 0.8rem;
    margin: 0.2rem;
    white-space: nowrap;
}

.sizeFilter a.textLink, .categoryFilter a.textLink, .sexFilter a.textLink , .mnfctrrFilter a.textLink , .shopFilter a.textLink, .filtersPanel a.textLink {
    color: #333;
    display: block;
    text-decoration: none;
    margin-left: 15px;
}

a.act_textLink {
    font-weight: bold;
    position: relative;
}

a.act_textLink::before {
    content: "\f126";
    font-family: "foundation-icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    text-decoration: inherit;
    position: absolute;
    left: -14px;
    font-size: 0.75rem;
    top: 4px;
}

.shop__productList #filterPanel h5 {
    padding-top: 1.5rem;
    padding-bottom: 0.5rem;
    margin: 0;
    cursor: pointer;
}
.shop__productList #filterPanel div.opts {
    display: none;
}
.shop__productList #filterPanel h5 span.toggleThis {
    float: right;
}
@media only screen and (min-width: 40.063em) { 
    .shop__productList #filterPanel {
	display: block;
	margin-top: 0.8rem;
    }
}

@media only screen and (max-width: 40em) { 
    .shop__productList .products .item .photo {
	height: 150px;
    }

    .shop__productList .products .item .photo {
	margin-bottom: 50px;
    }

    .shop__productList .item .wrap .photo .palette {
	bottom: -50px;
    }
    .shop__productList .item .wrap .photo .palette .colorsDot {
	width: 20px;
	height: 20px;
	border-radius: 10px;
	margin-right: 5px;
    }


}

/*
-----------------------
    Mobile styles
-----------------------
*/
.shop__productList .smallFilterButton {
    text-align: right;
    margin-top: 0.6rem;
}
.shop__productList .smallFilterButton a.smallFilterToggle {
    margin: 0;
}
.shop__productList .smallFilterButton a.smallFilterToggle, .shop__productList .smallFilterButton a.smallFilterToggle:focus {
    background: #f5f5f5;
    text-shadow: none;
    color: #333;
}
@media only screen and (max-width: 40em) { 
    .shop__productList #filterPanel {
	display: none;
	background: #fafafa;
	padding: 0.5rem 1rem;
	margin-top: -2px;
	border-radius: 3px;
	border-top-right-radius: 0;
    }
    .shop__productList #filterPanel h5 {
	margin-top: 0;
    }
    .shop__productList #filterPanel .resetLink {
	text-align: right;
    }
    .shop__productList #filterPanel .resetLink a {
	color: #cf5d20;
    }
    .shop__productList .medium-8, .shop__productList .large-9 {
	border-left: 0;
    }
/*
    .shop__productList .products .item h2 {
	font-size: 0.8rem;
    }
*/
}
/******************************************
  colorFilter color options
******************************************/
.colorFilter .colorOptions .gold, .chooseColor .gold, .shop__productList .item .wrap .photo .palette .gold {
    background: rgb(252,234,187); 
    background: -moz-linear-gradient(top,  rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,234,187,1)), color-stop(50%,rgba(252,205,77,1)), color-stop(51%,rgba(248,181,0,1)), color-stop(100%,rgba(251,223,147,1))); 
    background: -webkit-linear-gradient(top,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); 
    background: -o-linear-gradient(top,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); 
    background: -ms-linear-gradient(top,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); 
    background: linear-gradient(to bottom,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); 
}
.colorFilter .colorOptions .transparent, .chooseColor .transparent, .shop__productList .item .wrap .photo .palette .transparent {
    background: -moz-linear-gradient(top,  rgba(130,177,230,1) 0%, rgba(196,223,244,0) 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(130,177,230,1)), color-stop(100%,rgba(196,223,244,0))); 
    background: -webkit-linear-gradient(top,  rgba(130,177,230,1) 0%,rgba(196,223,244,0) 100%); 
    background: -o-linear-gradient(top,  rgba(130,177,230,1) 0%,rgba(196,223,244,0) 100%); 
    background: -ms-linear-gradient(top,  rgba(130,177,230,1) 0%,rgba(196,223,244,0) 100%);
    background: linear-gradient(to bottom,  rgba(130,177,230,1) 0%,rgba(196,223,244,0) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82b1e6', endColorstr='#00c4dff4',GradientType=0 ); 
    
}
.colorFilter .colorOptions .brown, .chooseColor .brown, .shop__productList .item .wrap .photo .palette .brown {
    background: #755038; 
/*
    background: rgb(140,86,37); 
    background: -moz-linear-gradient(left,  rgba(140,86,37,1) 0%, rgba(132,80,34,1) 24%, rgba(103,60,22,1) 80%, rgba(97,56,20,1) 100%); 
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(140,86,37,1)), color-stop(24%,rgba(132,80,34,1)), color-stop(80%,rgba(103,60,22,1)), color-stop(100%,rgba(97,56,20,1))); 
    background: -webkit-linear-gradient(left,  rgba(140,86,37,1) 0%,rgba(132,80,34,1) 24%,rgba(103,60,22,1) 80%,rgba(97,56,20,1) 100%); 
    background: -o-linear-gradient(left,  rgba(140,86,37,1) 0%,rgba(132,80,34,1) 24%,rgba(103,60,22,1) 80%,rgba(97,56,20,1) 100%); 
    background: -ms-linear-gradient(left,  rgba(140,86,37,1) 0%,rgba(132,80,34,1) 24%,rgba(103,60,22,1) 80%,rgba(97,56,20,1) 100%); 
    background: linear-gradient(to right,  rgba(140,86,37,1) 0%,rgba(132,80,34,1) 24%,rgba(103,60,22,1) 80%,rgba(97,56,20,1) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c5625', endColorstr='#613814',GradientType=1 ); 
*/
}
.colorFilter .colorOptions .khaki, .chooseColor .khaki, .shop__productList .item .wrap .photo .palette .khaki {
    background: #9a9d5b; 
/*
    background: rgb(153,152,47); 
    background: -moz-linear-gradient(left,  rgba(153,152,47,1) 0%, rgba(144,143,45,1) 30%, rgba(123,122,40,1) 80%, rgba(118,117,39,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(153,152,47,1)), color-stop(30%,rgba(144,143,45,1)), color-stop(80%,rgba(123,122,40,1)), color-stop(100%,rgba(118,117,39,1)));
    background: -webkit-linear-gradient(left,  rgba(153,152,47,1) 0%,rgba(144,143,45,1) 30%,rgba(123,122,40,1) 80%,rgba(118,117,39,1) 100%);
    background: -o-linear-gradient(left,  rgba(153,152,47,1) 0%,rgba(144,143,45,1) 30%,rgba(123,122,40,1) 80%,rgba(118,117,39,1) 100%);
    background: -ms-linear-gradient(left,  rgba(153,152,47,1) 0%,rgba(144,143,45,1) 30%,rgba(123,122,40,1) 80%,rgba(118,117,39,1) 100%);
    background: linear-gradient(to right,  rgba(153,152,47,1) 0%,rgba(144,143,45,1) 30%,rgba(123,122,40,1) 80%,rgba(118,117,39,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99982f', endColorstr='#767527',GradientType=1 );
*/
}
.colorFilter .colorOptions .maroon, .chooseColor .maroon, .shop__productList .item .wrap .photo .palette .maroon {
    background: rgb(216,70,94);
    background: -moz-linear-gradient(top,  rgba(216,70,94,1) 0%, rgba(170,40,77,1) 36%, rgba(63,13,32,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(216,70,94,1)), color-stop(36%,rgba(170,40,77,1)), color-stop(100%,rgba(63,13,32,1)));
    background: -webkit-linear-gradient(top,  rgba(216,70,94,1) 0%,rgba(170,40,77,1) 36%,rgba(63,13,32,1) 100%);
    background: -o-linear-gradient(top,  rgba(216,70,94,1) 0%,rgba(170,40,77,1) 36%,rgba(63,13,32,1) 100%);
    background: -ms-linear-gradient(top,  rgba(216,70,94,1) 0%,rgba(170,40,77,1) 36%,rgba(63,13,32,1) 100%);
    background: linear-gradient(to bottom,  rgba(216,70,94,1) 0%,rgba(170,40,77,1) 36%,rgba(63,13,32,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8465e', endColorstr='#3f0d20',GradientType=0 );
}
.colorFilter .colorOptions .skin, .chooseColor .skin, .shop__productList .item .wrap .photo .palette .skin {
    background: rgb(247,245,219);
    background: -moz-linear-gradient(top,  rgba(247,245,219,1) 0%, rgba(240,231,192,1) 36%, rgba(232,205,138,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,245,219,1)), color-stop(36%,rgba(240,231,192,1)), color-stop(100%,rgba(232,205,138,1)));
    background: -webkit-linear-gradient(top,  rgba(247,245,219,1) 0%,rgba(240,231,192,1) 36%,rgba(232,205,138,1) 100%);
    background: -o-linear-gradient(top,  rgba(247,245,219,1) 0%,rgba(240,231,192,1) 36%,rgba(232,205,138,1) 100%);
    background: -ms-linear-gradient(top,  rgba(247,245,219,1) 0%,rgba(240,231,192,1) 36%,rgba(232,205,138,1) 100%);
    background: linear-gradient(to bottom,  rgba(247,245,219,1) 0%,rgba(240,231,192,1) 36%,rgba(232,205,138,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f5db', endColorstr='#e8cd8a',GradientType=0 );
}
.colorFilter .colorOptions .silver, .chooseColor .silver, .shop__productList .item .wrap .photo .palette .silver {
    background: rgb(245,246,246);
    background: -moz-linear-gradient(top,  rgba(245,246,246,1) 0%, rgba(219,220,226,1) 21%, rgba(184,186,198,1) 49%, rgba(221,223,227,1) 80%, rgba(245,246,246,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,246,246,1)), color-stop(21%,rgba(219,220,226,1)), color-stop(49%,rgba(184,186,198,1)), color-stop(80%,rgba(221,223,227,1)), color-stop(100%,rgba(245,246,246,1)));
    background: -webkit-linear-gradient(top,  rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%);
    background: -o-linear-gradient(top,  rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%);
    background: -ms-linear-gradient(top,  rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%);
    background: linear-gradient(to bottom,  rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#f5f6f6',GradientType=0 );
}
.colorFilter .colorOptions .white, .chooseColor .white, .shop__productList .item .wrap .photo .palette .white {
    background: #f8f8f8;
    border: 1px solid #999;
/*
    background: rgb(247,247,248);
    background: -moz-linear-gradient(left,  rgba(247,247,248,1) 0%, rgba(242,242,242,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(247,247,248,1)), color-stop(100%,rgba(242,242,242,1)));
    background: -webkit-linear-gradient(left,  rgba(247,247,248,1) 0%,rgba(242,242,242,1) 100%);
    background: -o-linear-gradient(left,  rgba(247,247,248,1) 0%,rgba(242,242,242,1) 100%);
    background: -ms-linear-gradient(left,  rgba(247,247,248,1) 0%,rgba(242,242,242,1) 100%);
    background: linear-gradient(to right,  rgba(247,247,248,1) 0%,rgba(242,242,242,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f8', endColorstr='#f2f2f2',GradientType=1 );
*/
}

.colorFilter .white.colorActive::after {
    color: black;
}

/*
.shop__productList .item .wrap .photo .palette .white {
    border: 1px solid black;
}
*/

.colorFilter .colorOptions .black, .chooseColor .black, .shop__productList .item .wrap .photo .palette .black {
    background: #1e1e1e;
/*
    background: rgb(25,25,25);
    background: -moz-linear-gradient(left,  rgba(25,25,25,1) 0%, rgba(22,22,22,1) 19%, rgba(5,5,5,1) 74%, rgba(0,0,0,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(25,25,25,1)), color-stop(19%,rgba(22,22,22,1)), color-stop(74%,rgba(5,5,5,1)), color-stop(100%,rgba(0,0,0,1)));
    background: -webkit-linear-gradient(left,  rgba(25,25,25,1) 0%,rgba(22,22,22,1) 19%,rgba(5,5,5,1) 74%,rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(left,  rgba(25,25,25,1) 0%,rgba(22,22,22,1) 19%,rgba(5,5,5,1) 74%,rgba(0,0,0,1) 100%);
    background: -ms-linear-gradient(left,  rgba(25,25,25,1) 0%,rgba(22,22,22,1) 19%,rgba(5,5,5,1) 74%,rgba(0,0,0,1) 100%);
    background: linear-gradient(to right,  rgba(25,25,25,1) 0%,rgba(22,22,22,1) 19%,rgba(5,5,5,1) 74%,rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#191919', endColorstr='#000000',GradientType=1 );
*/
}
.colorFilter .colorOptions .metal, .chooseColor .metal, .shop__productList .item .wrap .photo .palette .metal {
    background: rgb(225,229,233);
    background: -moz-linear-gradient(top,  rgba(225,229,233,1) 0%, rgba(204,213,220,1) 16%, rgba(162,178,192,1) 31%, rgba(140,162,182,1) 44%, rgba(149,175,193,1) 54%, rgba(159,192,209,1) 64%, rgba(140,165,182,1) 78%, rgba(106,132,162,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(225,229,233,1)), color-stop(16%,rgba(204,213,220,1)), color-stop(31%,rgba(162,178,192,1)), color-stop(44%,rgba(140,162,182,1)), color-stop(54%,rgba(149,175,193,1)), color-stop(64%,rgba(159,192,209,1)), color-stop(78%,rgba(140,165,182,1)), color-stop(100%,rgba(106,132,162,1)));
    background: -webkit-linear-gradient(top,  rgba(225,229,233,1) 0%,rgba(204,213,220,1) 16%,rgba(162,178,192,1) 31%,rgba(140,162,182,1) 44%,rgba(149,175,193,1) 54%,rgba(159,192,209,1) 64%,rgba(140,165,182,1) 78%,rgba(106,132,162,1) 100%);
    background: -o-linear-gradient(top,  rgba(225,229,233,1) 0%,rgba(204,213,220,1) 16%,rgba(162,178,192,1) 31%,rgba(140,162,182,1) 44%,rgba(149,175,193,1) 54%,rgba(159,192,209,1) 64%,rgba(140,165,182,1) 78%,rgba(106,132,162,1) 100%);
    background: -ms-linear-gradient(top,  rgba(225,229,233,1) 0%,rgba(204,213,220,1) 16%,rgba(162,178,192,1) 31%,rgba(140,162,182,1) 44%,rgba(149,175,193,1) 54%,rgba(159,192,209,1) 64%,rgba(140,165,182,1) 78%,rgba(106,132,162,1) 100%);
    background: linear-gradient(to bottom,  rgba(225,229,233,1) 0%,rgba(204,213,220,1) 16%,rgba(162,178,192,1) 31%,rgba(140,162,182,1) 44%,rgba(149,175,193,1) 54%,rgba(159,192,209,1) 64%,rgba(140,165,182,1) 78%,rgba(106,132,162,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e5e9', endColorstr='#6a84a2',GradientType=0 );
}
.colorFilter .colorOptions .blue, .chooseColor .blue, .shop__productList .item .wrap .photo .palette .blue {
    background: #2861b7;
/*
    background: rgb(53,123,228);
    background: -moz-linear-gradient(left,  rgba(53,123,228,1) 0%, rgba(39,113,224,1) 31%, rgba(10,92,215,1) 76%, rgba(0,85,212,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(53,123,228,1)), color-stop(31%,rgba(39,113,224,1)), color-stop(76%,rgba(10,92,215,1)), color-stop(100%,rgba(0,85,212,1)));
    background: -webkit-linear-gradient(left,  rgba(53,123,228,1) 0%,rgba(39,113,224,1) 31%,rgba(10,92,215,1) 76%,rgba(0,85,212,1) 100%);
    background: -o-linear-gradient(left,  rgba(53,123,228,1) 0%,rgba(39,113,224,1) 31%,rgba(10,92,215,1) 76%,rgba(0,85,212,1) 100%);
    background: -ms-linear-gradient(left,  rgba(53,123,228,1) 0%,rgba(39,113,224,1) 31%,rgba(10,92,215,1) 76%,rgba(0,85,212,1) 100%);
    background: linear-gradient(to right,  rgba(53,123,228,1) 0%,rgba(39,113,224,1) 31%,rgba(10,92,215,1) 76%,rgba(0,85,212,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#357be4', endColorstr='#0055d4',GradientType=1 );
*/
}
.colorFilter .colorOptions .purple, .chooseColor .purple, .shop__productList .item .wrap .photo .palette .purple {
    background: #803f96;
/*
    background: rgb(204,0,255);
    background: -moz-linear-gradient(left,  rgba(204,0,255,1) 0%, rgba(194,1,242,1) 26%, rgba(165,5,205,1) 75%, rgba(156,7,193,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(204,0,255,1)), color-stop(26%,rgba(194,1,242,1)), color-stop(75%,rgba(165,5,205,1)), color-stop(100%,rgba(156,7,193,1)));
    background: -webkit-linear-gradient(left,  rgba(204,0,255,1) 0%,rgba(194,1,242,1) 26%,rgba(165,5,205,1) 75%,rgba(156,7,193,1) 100%);
    background: -o-linear-gradient(left,  rgba(204,0,255,1) 0%,rgba(194,1,242,1) 26%,rgba(165,5,205,1) 75%,rgba(156,7,193,1) 100%);
    background: -ms-linear-gradient(left,  rgba(204,0,255,1) 0%,rgba(194,1,242,1) 26%,rgba(165,5,205,1) 75%,rgba(156,7,193,1) 100%);
    background: linear-gradient(to right,  rgba(204,0,255,1) 0%,rgba(194,1,242,1) 26%,rgba(165,5,205,1) 75%,rgba(156,7,193,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc00ff', endColorstr='#9c07c1',GradientType=1 );
*/
}
.colorFilter .colorOptions .orange, .chooseColor .orange, .shop__productList .item .wrap .photo .palette .orange {
    background: #ea6033; 
/*
    background: -moz-linear-gradient(top,  #fa6c17 0%, #ff6000 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fa6c17), color-stop(100%,#ff6000)); 
    background: -webkit-linear-gradient(top,  #fa6c17 0%,#ff6000 100%); 
    background: -o-linear-gradient(top,  #fa6c17 0%,#ff6000 100%); 
    background: -ms-linear-gradient(top,  #fa6c17 0%,#ff6000 100%); 
    background: linear-gradient(to bottom,  #fa6c17 0%,#ff6000 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa6c17', endColorstr='#ff6000',GradientType=0 ); 
*/
}
.colorFilter .colorOptions .red, .chooseColor .red, .shop__productList .item .wrap .photo .palette .red {
    background: #f3193a; 
/*
    background: rgb(255,0,0); 
    background: -moz-linear-gradient(left,  rgba(255,0,0,1) 0%, rgba(212,0,0,1) 100%); 
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,0,0,1)), color-stop(100%,rgba(212,0,0,1))); 
    background: -webkit-linear-gradient(left,  rgba(255,0,0,1) 0%,rgba(212,0,0,1) 100%); 
    background: -o-linear-gradient(left,  rgba(255,0,0,1) 0%,rgba(212,0,0,1) 100%); 
    background: -ms-linear-gradient(left,  rgba(255,0,0,1) 0%,rgba(212,0,0,1) 100%); 
    background: linear-gradient(to right,  rgba(255,0,0,1) 0%,rgba(212,0,0,1) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#d40000',GradientType=1 ); 
*/
}
.colorFilter .colorOptions .pink, .chooseColor .pink, .shop__productList .item .wrap .photo .palette .pink {
    background: #f668b5; 
/*
    background: rgb(255,85,221); 
    background: -moz-linear-gradient(left,  rgba(255,85,221,1) 0%, rgba(255,65,217,1) 100%); 
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,85,221,1)), color-stop(100%,rgba(255,65,217,1))); 
    background: -webkit-linear-gradient(left,  rgba(255,85,221,1) 0%,rgba(255,65,217,1) 100%); 
    background: -o-linear-gradient(left,  rgba(255,85,221,1) 0%,rgba(255,65,217,1) 100%); 
    background: -ms-linear-gradient(left,  rgba(255,85,221,1) 0%,rgba(255,65,217,1) 100%); 
    background: linear-gradient(to right,  rgba(255,85,221,1) 0%,rgba(255,65,217,1) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff55dd', endColorstr='#ff41d9',GradientType=1 ); 
*/
}
.colorFilter .colorOptions .yellow, .chooseColor .yellow, .shop__productList .item .wrap .photo .palette .yellow {
    background: #f8dd3f; 
/*
    background: rgb(255,222,0); 
    background: -moz-linear-gradient(left,  rgba(255,222,0,1) 0%, rgba(232,204,18,1) 100%); 
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,222,0,1)), color-stop(100%,rgba(232,204,18,1))); 
    background: -webkit-linear-gradient(left,  rgba(255,222,0,1) 0%,rgba(232,204,18,1) 100%); 
    background: -o-linear-gradient(left,  rgba(255,222,0,1) 0%,rgba(232,204,18,1) 100%); 
    background: -ms-linear-gradient(left,  rgba(255,222,0,1) 0%,rgba(232,204,18,1) 100%); 
    background: linear-gradient(to right,  rgba(255,222,0,1) 0%,rgba(232,204,18,1) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffde00', endColorstr='#e8cc12',GradientType=1 ); 
*/
}
.colorFilter .colorOptions .beige, .chooseColor .beige, .shop__productList .item .wrap .photo .palette .beige {
    background: #d0c394;
/*
    background: rgb(195,184,135); 
    background: -moz-linear-gradient(left,  rgba(195,184,135,1) 0%, rgba(193,179,112,1) 100%); 
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(195,184,135,1)), color-stop(100%,rgba(193,179,112,1))); 
    background: -webkit-linear-gradient(left,  rgba(195,184,135,1) 0%,rgba(193,179,112,1) 100%); 
    background: -o-linear-gradient(left,  rgba(195,184,135,1) 0%,rgba(193,179,112,1) 100%); 
    background: -ms-linear-gradient(left,  rgba(195,184,135,1) 0%,rgba(193,179,112,1) 100%); 
    background: linear-gradient(to right,  rgba(195,184,135,1) 0%,rgba(193,179,112,1) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3b887', endColorstr='#c1b370',GradientType=1 ); 
*/
}
.colorFilter .colorOptions .grey, .chooseColor .grey, .shop__productList .item .wrap .photo .palette .grey {
    background: #bbbbbb; 
/*
    background: rgb(182,182,182); 
    background: -moz-linear-gradient(left,  rgba(182,182,182,1) 0%, rgba(180,180,180,1) 23%, rgba(167,167,167,1) 100%); 
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(182,182,182,1)), color-stop(23%,rgba(180,180,180,1)), color-stop(100%,rgba(167,167,167,1))); 
    background: -webkit-linear-gradient(left,  rgba(182,182,182,1) 0%,rgba(180,180,180,1) 23%,rgba(167,167,167,1) 100%); 
    background: -o-linear-gradient(left,  rgba(182,182,182,1) 0%,rgba(180,180,180,1) 23%,rgba(167,167,167,1) 100%); 
    background: -ms-linear-gradient(left,  rgba(182,182,182,1) 0%,rgba(180,180,180,1) 23%,rgba(167,167,167,1) 100%); 
    background: linear-gradient(to right,  rgba(182,182,182,1) 0%,rgba(180,180,180,1) 23%,rgba(167,167,167,1) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6b6b6', endColorstr='#a7a7a7',GradientType=1 ); 
*/
}
.colorFilter .colorOptions .green, .chooseColor .green, .shop__productList .item .wrap .photo .palette .green {
    background: #489b48; 
/*
    background: rgb(73,187,33); 
    background: -moz-linear-gradient(left,  rgba(73,187,33,1) 0%, rgba(66,177,27,1) 24%, rgba(42,144,6,1) 76%, rgba(35,134,0,1) 100%); 
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(73,187,33,1)), color-stop(24%,rgba(66,177,27,1)), color-stop(76%,rgba(42,144,6,1)), color-stop(100%,rgba(35,134,0,1))); 
    background: -webkit-linear-gradient(left,  rgba(73,187,33,1) 0%,rgba(66,177,27,1) 24%,rgba(42,144,6,1) 76%,rgba(35,134,0,1) 100%); 
    background: -o-linear-gradient(left,  rgba(73,187,33,1) 0%,rgba(66,177,27,1) 24%,rgba(42,144,6,1) 76%,rgba(35,134,0,1) 100%); 
    background: -ms-linear-gradient(left,  rgba(73,187,33,1) 0%,rgba(66,177,27,1) 24%,rgba(42,144,6,1) 76%,rgba(35,134,0,1) 100%); 
    background: linear-gradient(to right,  rgba(73,187,33,1) 0%,rgba(66,177,27,1) 24%,rgba(42,144,6,1) 76%,rgba(35,134,0,1) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49bb21', endColorstr='#238600',GradientType=1 ); 
*/
}
.colorFilter .colorOptions .light_grey, .chooseColor .light_grey, .shop__productList .item .wrap .photo .palette .light_grey {
    background: rgb(239,239,239); 
    background: -moz-linear-gradient(top,  rgba(239,239,239,1) 0%, rgba(226,226,226,1) 34%, rgba(204,204,204,1) 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,239,239,1)), color-stop(34%,rgba(226,226,226,1)), color-stop(100%,rgba(204,204,204,1))); 
    background: -webkit-linear-gradient(top,  rgba(239,239,239,1) 0%,rgba(226,226,226,1) 34%,rgba(204,204,204,1) 100%); 
    background: -o-linear-gradient(top,  rgba(239,239,239,1) 0%,rgba(226,226,226,1) 34%,rgba(204,204,204,1) 100%); 
    background: -ms-linear-gradient(top,  rgba(239,239,239,1) 0%,rgba(226,226,226,1) 34%,rgba(204,204,204,1) 100%); 
    background: linear-gradient(to bottom,  rgba(239,239,239,1) 0%,rgba(226,226,226,1) 34%,rgba(204,204,204,1) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#cccccc',GradientType=0 ); 
}
.shop__productList .item .wrap .photo .palette .light_grey {
    border: 1px solid black;
}
.colorFilter .colorOptions .mix, .chooseColor .mix, .shop__productList .item .wrap .photo .palette .mix {
    background: rgb(37,137,2); 
    background: -moz-linear-gradient(-45deg,  rgba(37,137,2,1) 0%, rgba(72,186,32,1) 50%, rgba(48,120,227,1) 51%, rgba(4,88,213,1) 100%); 
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(37,137,2,1)), color-stop(50%,rgba(72,186,32,1)), color-stop(51%,rgba(48,120,227,1)), color-stop(100%,rgba(4,88,213,1))); 
    background: -webkit-linear-gradient(-45deg,  rgba(37,137,2,1) 0%,rgba(72,186,32,1) 50%,rgba(48,120,227,1) 51%,rgba(4,88,213,1) 100%); 
    background: -o-linear-gradient(-45deg,  rgba(37,137,2,1) 0%,rgba(72,186,32,1) 50%,rgba(48,120,227,1) 51%,rgba(4,88,213,1) 100%); 
    background: -ms-linear-gradient(-45deg,  rgba(37,137,2,1) 0%,rgba(72,186,32,1) 50%,rgba(48,120,227,1) 51%,rgba(4,88,213,1) 100%); 
    background: linear-gradient(135deg,  rgba(37,137,2,1) 0%,rgba(72,186,32,1) 50%,rgba(48,120,227,1) 51%,rgba(4,88,213,1) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#258902', endColorstr='#0458d5',GradientType=1 );
}
/******************************************
  productCategoriesFromSubPagesView
******************************************/
.productCategories {
    margin-top: 2rem;
}
.productCategories .category {
    text-align: center;
}

.productCategories .category a {
    color: #333;
    font-weight: 700;
}

.productCategories .category .items {
    font-size: 0.9rem;
}

.shop_subCategory {
    border-bottom: 1px solid #ccc;
}

.shop_subCategory span {
    width: 25%;
    display: block;
    float: left;
}

.shop_subCategory span a {
    color: #333;
}

@media only screen and (max-width: 64em) { 
    .shop_subCategory span {
	width: 33%;
    }
}

@media only screen and (max-width: 40em) { 
    .shop_subCategory span {
	width: 50%;
    }
}



/*******************************
  productView
********************************/
.shop__productViewContainer {
    margin-top: 1rem;
}
.shop__productViewContainer h1.name {
    margin-top: 0;
    line-height: 2.3rem;
}
.shop__productViewContainer .price {
    font-size: 1.3rem;
    line-height: 2.3rem;
    font-weight: 700;
}
.shop__productViewContainer .price strike {
    font-size: 1rem;
    font-weight: 300;
}
.shop__productViewContainer .price .inActionPrice {
    color: #c52e2e;
    display: block;
    margin-top: -1rem;
}
.shop__productViewContainer .miniGallery {
}
.shop__productViewContainer .miniGallery .mainImage {
}
.shop__productViewContainer .infoblock {
    background: #f1f2f2;
    padding: 1rem 1.5rem;
    border-radius: 5px;
    text-align: justify;
}
.shop__productViewContainer .infoblock p {
    margin-bottom: 0;
    line-height: 140%;
}
.shop__productViewContainer .infoblock .inActionProductDescriptionAppend {
    margin-top: 1rem;
    font-size: 0.8rem;
}
.chooseColor .boxes {
    margin-bottom: 1rem;
}
.chooseColor span.button {
    margin-right: 1rem;
}
.chooseSize .sizeChart {
    font-size: 0.8rem;
    font-weight: normal;
}
.chooseQtty {
    margin-top: 1.5rem;
}
.chooseQtty input {
    border: 1px solid #eee;
}
.chooseQtty .button {
    height: 2.3125rem;
    font-size: 0.875rem;
    height: 2.3125rem;
    margin: 0 0 1rem;
}
.chooseQtty .incr, .chooseQtty .decr {
    font-size: 1.5rem;
    padding-top: 0.5rem;
    line-height: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
}
.chooseQtty .text {
    padding-top: 0.5rem;
    margin-bottom: 0.5rem;
}
.shop__productViewContainer .toBasketPanel {
    margin-bottom: 0.7rem;
}
.shop__productViewContainer .toBasketPanel .text {
    margin-bottom: 0.8rem;
    font-weight: 700;
    font-size: 1.2rem;
}
table.chooseSize {
    width: 100%;
}
table.chooseSize tr.sizeRow {
    cursor:pointer;
    background: #fafafa;
}
table.chooseSize tr.hidden {
    display: none;
}

table.chooseSize tr.header {
    display: table-row;
}

table.chooseSize tr.myOdd {
    background-color: #f9f9f8;
}
table.chooseSize tr.myEven {
    background-color: white;
}
table.chooseSize tr.active {
    background: #cf5d20;
}
table.chooseSize tr.active td {
    color: white;
}

#productViewPropertiesTable {
    width: 100%;
    border: 0;
}

.inActionProductDescriptionAppend {
    font-size: 0.6rem;
}

#productViewPropertiesTable .rightCol {
    text-align: right;
}
.chooseText {
    font-weight: 700;
    font-size: 1.2rem;
}

.elevateZoomGallery span.linkToFull {
    float: right;
    display: block;
    width: 10rem;
}

#pVphotos-text-linkToFull {
    background-image: url("/www/mountex/webroot/img/shop/nagyito.gif");
    background-position: left center;
    background-repeat: no-repeat;
    font-size: 11px;
    margin-left: 50px;
    padding-left: 15px;
    text-decoration: none;
    margin-bottom: 1rem;
}

.shop__productViewContainer #whishlistAction {
    margin-left: 1rem;
}

.shop__productViewContainer #wlInfo .msg {
    font-weight: bold;
    margin-bottom: 1rem;
}

.shop__productViewContainer .toBasketPanel .jellemzok .item {
    margin-left: 10px;
}

.shop__productViewContainer .toBasketPanel .jellemzok {
    display: inline !important;
}

.shop__productViewContainer .toBasketPanel .jellemzokSmall {
    display: none !important;
}

@media only screen and (max-width: 40em) { 
    .shop__productViewContainer .price {
	font-size: 1.5rem;
	line-height: 2.3rem;
	margin-bottom: 0.5rem;
    }
    .shop__productViewContainer #whishlistAction {
	display: block;
	margin: 0 0 1rem 0;
    }
}

@media only screen and (max-width: 40em) { 
/*
    .chooseSize .sizeChart {
	display: none;
    }
*/
    .site10001 .chooseSize .sizeChart {
	display: inline;
    }

    .shop__productViewContainer .toBasketPanel .jellemzok {
	display: none !important;
    }

    .shop__productViewContainer .toBasketPanel .jellemzokSmall {
	display: block !important;
    }

}

/*******************************
  elevateZoomGallery
********************************/

.elevateZoomGallery .zoomWrapper {
    max-width: 100% !important;
    margin: auto;
    margin-bottom: 0.5rem;
}

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

.elevateZoomGallery .texts {
    text-align: center;
}

.elevateZoomGallery img.mainImage {
    display: block;
    width: 360px;
    margin: auto;
}

.elevateZoomGallery .thumbs {
    width: 70%;
    margin: auto;
    margin-top: 1rem;
}

@media only screen and (max-width: 40em) { 

    .elevateZoomGallery .zoomWrapper {
	max-width: 90% !important;
	position: relative;
	margin: 0;

	-moz-box-shadow: 0 0 2px #000;
	-webkit-box-shadow: 0 0 2px #000;
	box-shadow: 0 0 2px #000;

	margin-bottom: 1rem;
    }
    .elevateZoomGallery .thumbs {
	width: 80%;
	margin: 1rem 0 1rem 0;
    }
    .elevateZoomGallery .texts {
	text-align: left;
    }
}

/*******************************
  scarab
********************************/
ul.scarab-itemlist li {
    text-align: center;
}
ul.scarab-itemlist li.scarab-item a {
    color: #333;
    font-weight: 700;
}

ul.scarabProducts li.item {
    border: none;
}

ul.scarabProducts li.item .price strike {
    margin-bottom: 0;
}

/*******************************
  miniBasket
********************************/

.miniBasket th {
    font-size: 1rem;
    text-align: center;
    border-bottom: 1px solid #ddd;
}

.miniBasket tr.summary td {
    font-size: 1rem;
    font-weight: 700;
}

.miniBasket .itemsTable tr {
    background: white;
}

.miniBasket .itemsTable tr td {
    text-align: center;
}

.miniBasket .itemsTable tr td.name {
    text-align: left;
}

.miniBasket .itemsTable tr td {
    border-bottom: 1px solid #ddd;
}

.miniBasket .itemsTable tr.summary td {
    border-bottom: 0;
}

/*******************************
  basketView
********************************/
.shop__basketView .totalCost {
    font-size: 1.5rem;
    font-weight: 700;
}
.shop__basketView .shippingTable {
    border: 0;
}
.basketItems .item {
    padding-bottom: 1rem;
    border-bottom: 1px solid #aaa;
    margin-bottom: 2rem;
}
.basketItems .item a {
    color: #333;
}
.basketItems .item button.success,  .basketItems .item .button.success {
    color: white;
}
.basketItems .item .thumb {
    text-align: center;
}
.basketItems .item .quantity {
    font-size: 1rem;
    font-weight: 700;
    margin-top: 0.1rem;
}
.basketItems .item .quantity select {
    display: inline;
    width: 5rem;
}
.additionalInfo {
    border-radius: 5px;
    background: #f1f2f2;
    padding: 1em;
}
.basketItems .item .info {
    line-height: 140%;
}
.basketItems .item .info .name {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2;
}
.basketItems .item .info .price {
    font-size: 1.1rem;
    margin: 0.4rem 0;
    font-weight: 700;
}
.basketItems .item .info .price .unitPrice {
    font-size: 0.8rem;
    font-weight: 400;
}
@media only screen and (max-width: 40em) { 
    .basketItems .item .info {
	text-align: right;
	margin-bottom: 1.5rem;
    }
    .basketItems .item .info .price .unitPrice {
	display: block;
    }
}

/*******************************
  basketViewHeader
********************************/
.shop__basketViewHeader {
    background: white;
    padding: 1rem 1rem 0 1rem;
    margin-bottom: 1rem;
    border-radius: 5px;
}

/*******************************
  checkoutView
********************************/
@media only screen and (max-width: 40em) { 
    .shop__checkoutView .checkoutMethodSep {
	border-top: 1px solid #ccc;
	margin-top: 1.5rem;
	padding-top: 1rem;
    }
}
.shop__checkoutView textarea {
    min-height: 8rem;
}
/*******************************
  checkout2View
********************************/
.totalCostInfo {
    margin: 1rem 0 1rem 0;
    border-top: 1px solid #ccc;
    padding: 1rem 0;
    border-bottom: 1px solid #ccc;
}
.totalCost {
    font-size: 1.5rem;
    font-weight: 700;
}
input.placeOrder {
    margin-top: 1.5rem;
}

/*******************************
  start page
********************************/
.startBanners img {
    margin-bottom: 1.5rem;
    -moz-box-shadow: 0 0 2px #000;
    -webkit-box-shadow: 0 0 2px #000;
    box-shadow: 0 0 2px #000;
}

.orbit-container ul.orbit-slides-container li {
    border: 1px solid #ccc;
}

@media only screen and (max-width: 40em) { 
    .orbit-container ul.orbit-slides-container li {
	border: none;
    }
    .orbit-container ul.orbit-slides-container {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
    }
}


/*
.startOrbit {
    -moz-box-shadow: 0 0 2px #000;
    -webkit-box-shadow: 0 0 2px #000;
    box-shadow: 0 0 2px #000;
    position: relative;
    margin-bottom: 1.5rem;
}

.startOrbit .orbit-bullets-container {
    position: absolute;
    top: 0.3rem;
    right: 1rem;
    z-index: 99;
}
*/

/*******************************
  feSearch
********************************/
.searchResultFePages nav.breadcrumbs > * {
    font-size: 0.8rem;
}

/*******************************
  blog
********************************/
.postListItem .info i, .pi_blog__postView .info i {
    font-size: 1.2rem;
    color: #888;
}
.postListItem .info, .pi_blog__postView .info {
    margin-bottom: 1rem;
}
.postListItem {
    padding-bottom: 1rem;
    border-bottom: 1px solid #eee;
    margin-bottom: 1.5rem;
}
.postListItem h2 {
    font-weight: 400;
}
.pi_blog__tagCloud span {
    margin-right: 1rem;
    white-space:nowrap;
    float: left;
    font-size: 1rem;
    line-height: 1.2rem;
}
.pi_blog__tagCloud {
    clear: both;
    margin-bottom: 2rem;
}

.pi_blog__tagCloud span.weight-1 {
    font-size: 1.1rem;
    line-height: 1.3rem;
}
.pi_blog__tagCloud span.weight-2 {
    font-size: 1.2rem;
    line-height: 1.45rem;
}
.pi_blog__tagCloud span.weight-3 {
    font-size: 1.3rem;
    line-height: 1.45rem;
}
.pi_blog__tagCloud span.weight-4 {
    font-size: 1.4rem;
    line-height: 2.55rem;
}
.pi_blog__tagCloud span.weight-5 {
    font-size: 1.5rem;
    line-height: 1.7rem;
}
.pi_blog__tagCloud span.weight-6 {
    font-size: 1.6rem;
    line-height: 1.8rem;
}
.pi_blog__tagCloud span.weight-7 {
    font-size: 1.7rem;
    line-height: 1.95rem;
}
.pi_blog__tagCloud span.weight-9 {
    font-size: 1.8rem;
    line-height: 2.1rem;
}
.pi_blog__tagCloud span.weight-10 {
    font-size: 2rem;
    line-height: 2.4rem;
}

/*******************************
  page load anim
  http://stackoverflow.com/questions/1964839/jquery-please-wait-loading-animation
********************************/

/* Start by setting display:none to make this hidden.
Then we position it in relation to the viewport window
with position:fixed. Width, height, top and left speak
speak for themselves. Background we set to 80% white with
our animation centered, and no-repeating */
.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
		url('//i.stack.imgur.com/FhHRx.gif') 
		50% 50% 
        	no-repeat;
    opacity: 0.80;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 80);
    filter: alpha(opacity = 80);
}

/* Anytime the body has the loading class, our
  modal element will be visible */
body.loading .modal {
    display: block;
}

/*
---------------------------
    pi_content start
---------------------------
*/

/* Captions */
DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }

/* Needed for noRows setting */
DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }

/* Border just around the image */
DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG  {
	border: 2 px solid black;
	padding: 0px 0px;
}

DIV.csc-textpic-imagewrap { padding: 0; }

DIV.csc-textpic IMG { }
DIV.csc-textpic IMG.vastagKeret { border: 5px solid #d0ccc8; padding: 0; }

/* DIV: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }

/* UL: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }

/* DL: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */
DL.csc-textpic-image { margin: 0; }
DL.csc-textpic-image DT { margin: 0; display: inline; }
DL.csc-textpic-image DD { margin: 0; }

/* Clearer */
DIV.csc-textpic-clear { clear: both; }

/* Margins around images: */

/* Pictures on left, add margin on right */
DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
	display: inline; /* IE fix for double-margin bug */
	margin-right: 10px;
}

/* Pictures on right, add margin on left */
DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
	display: inline; /* IE fix for double-margin bug */
	margin-left: 10px;
}

/* Pictures centered, add margin on left */
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
	display: inline; /* IE fix for double-margin bug */
	margin-left: 10px;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }

/* Space below each image (also in-between rows) */
/*
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 5px; }
DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 5px; display: block; }
*/
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 0px; }
DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 0px; display: block; }
DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }

/* No margins around the whole image-block */
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }

/* Add margin from image-block to text (in case of "Text w/ images") */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
	margin-right: 10px !important;
}
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
	margin-left: 10px !important;
}

/* Positioning of images: */

/* Above */
DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }

/* Center (above or below) */
DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }

/* Right (above or below) */
DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

/* Left (above or below) */
DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }

/* Left (in text) */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }

/* Right (in text) */
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }

/* Right (in text, no wrap around) */
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
/* End hide from IE5/mac */

/* Left (in text, no wrap around) */
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
/* End hide from IE5/mac */

/*
---------------------------
    foundation styles
---------------------------
*/

.CE_TextWithImage .below_center, .CE_TextWithImage .above_center {
    text-align: center;
}
.CE_TextWithImage .below_left, .CE_TextWithImage .above_left {
    text-align: left;
}
.CE_TextWithImage .below_right, .CE_TextWithImage .above_right {
    text-align: right;
}

.foundationCE .csc-textpic-imagewrap, .foundationCE .csc-textpic-imagewrap .csc-textpic-image  {
    max-width: 100%;
}


/*
---------------------------
    autocomplete search field
---------------------------
*/

.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    font-size: 0.8rem;
}

#acContainer {
    font-family: 'Roboto', Verdana, Sans-serif;
    font-size: 1rem;
    text-align: left;
    z-index: 5000;
}


#acContainer .ui-autocomplete {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

#acContainer .ui-state-hover, 
#acContainer .ui-widget-content .ui-state-hover, 
#acContainer .ui-widget-header .ui-state-hover, 
#acContainer .ui-state-focus, 
#acContainer .ui-widget-content .ui-state-focus, 
#acContainer .ui-widget-header .ui-state-focus {
    background-image: none !important;
    background: none !important;
    border: none !important;
    margin: 0 !important;
}

/*
---------------------------------------------------------------
    productCategoriesFromSubpagesTreeView (productCategory)
---------------------------------------------------------------
*/

.shop_productCategory .lvl1 {
    display: block;
    font-size: 1.2rem;
    padding-top: 1rem;
    clear: both;
    font-weight: bold;
}

.shop_productCategory .lvl1 a {
    color: #333;
    font-size: 1rem;
    display: block;
}

.shop_productCategory .lvl2 a {
    color: #333;
    padding-right: 2rem;
    display: block;
    float: left;
    width: 25%;
}


/*
-----------------------------------------------
    productCategoriesFromSubpagesTreeView
-----------------------------------------------
*/
.shop__productCategoriesFromSubpagesTree a {
    color: #333;
}

.shop__productCategoriesFromSubpagesTree .lvl1 {
    display: block;
    font-size: 1.2rem;
    padding-top: 1rem;
    clear: both;
    font-weight: bold;
}

.shop__productCategoriesFromSubpagesTree .lvl2 {
    display: block;
    font-size: 1rem;
    padding-top: 0.5rem;
    clear: both;
    font-weight: bold;
}

.shop__productCategoriesFromSubpagesTree .lvl3 a {
    padding-right: 2rem;
    display: block;
    float: left;
    width: 25%;
}

@media only screen and (max-width: 64em) { 
    .shop__productCategoriesFromSubpagesTree .lvl3 a {
	width: 33%;
    }
}

@media only screen and (max-width: 40em) { 
    .shop__productCategoriesFromSubpagesTree .lvl3 a {
	width: 50%;
    }
}

/*
------------------------
    manufacturerListView
------------------------
*/

.shop__manufacturerListView .letterList {
    color: #c8c4bf;
    padding-left: 10px;
    line-height: 1rem;
}

.shop__manufacturerListView .letterRow {
    margin-bottom: 1rem;
    border-bottom: 1px solid #ccc;
    padding-bottom: 1rem;
}

.shop__manufacturerListView .letterList a, .shop__manufacturerListView .letterList a:visited {
    text-decoration: none;
    color: #514b47;
}

.shop__manufacturerListView .initial{
    color: white;
    font-size: 22px;
    width: 40px;
    height: 40px;
    padding-top: 8px;
    background: #999;
    border-radius: 20px;
    text-align: center;
}

.shop__manufacturerListView .letterBox {
    border: 1px solid #d0ccc8;
    margin-bottom: 10px;
    padding: 10px;
    width: 100%;
}

.shop__manufacturerListView .manufacturer, .shop__manufacturerListView .manufacturerFirst  {
    width: 145px;
    float: left;
    padding: 0.5rem;
}


/*
----------------------------------
    Landing page styles
----------------------------------
*/

.greyBoxes a.box, .greyBoxes a.box:visited {
    display: block;
    color: #666;
    padding: 1rem;
    font-weight: 300;
    font-size: 1.6rem;
    text-align: center;
    margin-bottom: 1rem;
    background: #fefefe; 
    background: -moz-radial-gradient(center, ellipse cover,  #fefefe 0%, #eeeeee 100%); 
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#fefefe), color-stop(100%,#eeeeee)); 
    background: -webkit-radial-gradient(center, ellipse cover,  #fefefe 0%,#eeeeee 100%); 
    background: -o-radial-gradient(center, ellipse cover,  #fefefe 0%,#eeeeee 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  #fefefe 0%,#eeeeee 100%); 
    background: radial-gradient(ellipse at center,  #fefefe 0%,#eeeeee 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#eeeeee',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.greyBoxes div.box {
    padding: 1rem;
    font-weight: 300;
    font-size: 1.6rem;
    margin-bottom: 1rem;
    background: #fefefe; 
    background: -moz-radial-gradient(center, ellipse cover,  #fefefe 0%, #eeeeee 100%); 
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#fefefe), color-stop(100%,#eeeeee)); 
    background: -webkit-radial-gradient(center, ellipse cover,  #fefefe 0%,#eeeeee 100%); 
    background: -o-radial-gradient(center, ellipse cover,  #fefefe 0%,#eeeeee 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  #fefefe 0%,#eeeeee 100%); 
    background: radial-gradient(ellipse at center,  #fefefe 0%,#eeeeee 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#eeeeee',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    position: relative;
    cursor: pointer;
}

.greyBoxes div.box a, .greyBoxes div.box a:visited {
    color: #666;
}

.headerCentered {
    font-weight: 300;
    font-size: 1.6rem;
    border-bottom:  1px solid #ccc;
    text-align: center;
    margin: 1rem 0;
    padding-bottom: 0.5rem;
    color: #666;
}

@media only screen and (min-width: 40.063em) { 
    a.vertical-centered {
	position: absolute;
	top: 40%;
	font-size: 2rem;
    }
}

/*
-------------------------------
    logoBlockGrid
-------------------------------
*/
.logoBlockGrid li a {
    position: relative;
    height: 100px;
    display: block;
    background: #fefefe; 
    background: -moz-radial-gradient(center, ellipse cover,  #fefefe 0%, #eeeeee 100%); 
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#fefefe), color-stop(100%,#eeeeee)); 
    background: -webkit-radial-gradient(center, ellipse cover,  #fefefe 0%,#eeeeee 100%); 
    background: -o-radial-gradient(center, ellipse cover,  #fefefe 0%,#eeeeee 100%);
    background: -ms-radial-gradient(center, ellipse cover,  #fefefe 0%,#eeeeee 100%); 
    background: radial-gradient(ellipse at center,  #fefefe 0%,#eeeeee 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#eeeeee',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    padding: 10px;
    text-align: center;
    max-width: 100%;
}

.greyBoxes div.box:hover, .logoBlockGrid li a:hover, .greyBoxes a.box:hover {
    background: #f4f4f4; 
    background: -moz-radial-gradient(center, ellipse cover,  #f4f4f4 0%, #dbdbdb 100%); 
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#f4f4f4), color-stop(100%,#dbdbdb)); 
    background: -webkit-radial-gradient(center, ellipse cover,  #f4f4f4 0%,#dbdbdb 100%); 
    background: -o-radial-gradient(center, ellipse cover,  #f4f4f4 0%,#dbdbdb 100%); 
    background: -ms-radial-gradient(center, ellipse cover,  #f4f4f4 0%,#dbdbdb 100%); 
    background: radial-gradient(ellipse at center,  #f4f4f4 0%,#dbdbdb 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#dbdbdb',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


.logoBlockGrid li a img {
    max-height: 80px;
}

/*
@media only screen and (max-width: 40em) { 
    .greyBoxes div.box a.vertical-centered {
	text-align: center;
	display: block;
	margin-bottom: 1rem;
    }

    .greyBoxes div.box img {
	display: block;
	margin: auto;
    }

    .logoBlockGrid li a img {
    }
}


@media only screen and (min-width: 40.063em) { 
    .logoBlockGrid li a img {
	max-width: 80%;
	position: absolute;
	top: 50%;
        left: 50%;
	transform: translate(-50%, -50%) 
    }
}
*/

.logoBlockGrid .responsive-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.logoBlockGrid .dummy {
     padding-top: 100%; /* forces 1:1 aspect ratio */
}

.logoBlockGrid .img-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    
    text-align:center; /* Align center inline elements */
    font: 0/0 a;
}

.logoBlockGrid .img-container .centerer {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.logoBlockGrid .img-container img {
    vertical-align: middle;
    display: inline-block;
    max-height: 100%;  /* <-- Set maximum height to 100% of its parent */
    max-width: 100%;   /* <-- Set maximum width to 100% of its parent */
}


/*
-------------------------------
    logoBlockGridGreayscale
-------------------------------
*/
.logoBlockGridGreyscale li a {
    position: relative;
    height: 100px;
    display: block;
    padding: 10px;
    text-align: center;
    max-width: 100%;
}

.logoBlockGridGreyscale li a img {
    max-height: 80px;
    -webkit-filter: grayscale(100%) brightness(110%);
    filter: grayscale(100%) brightness(110%);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.logoBlockGridGreyscale li a:hover img {
    max-height: 80px;
    -webkit-filter: grayscale(0%) ;
    filter: grayscale(0%);

    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.logoBlockGridGreyscale .responsive-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.logoBlockGridGreyscale .dummy {
     padding-top: 100%; /* forces 1:1 aspect ratio */
}

.logoBlockGridGreyscale .img-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

    text-align:center; /* Align center inline elements */
    font: 0/0 a;
}

.logoBlockGridGreyscale .img-container .centerer {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.logoBlockGridGreyscale .img-container img {
    vertical-align: middle;
    display: inline-block;
    max-height: 100%;  /* <-- Set maximum height to 100% of its parent */
    max-width: 100%;   /* <-- Set maximum width to 100% of its parent */
}

/*
-------------------------------
    feForm
-------------------------------
*/
.pi_feForm .formTitle {
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 1rem;
}

.pi_feForm .fieldTitle {
    display: block;
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 0.5rem;
}

.pi_feForm select.multiple {
    height: auto;
}

.pi_feForm .checkboxField .item , .pi_feForm .radioField .item {
    margin-right: 20px;
}

.pi_feForm textarea {
    min-height: 6rem;
}

.pi_feForm .submitBlock {
    margin-top: 2rem;
}

.pi_feForm .checkboxError {
    margin-top: -5px;
}

.greyBox {
    background-color: #f1f2f2;
    border-radius: 5px;
    margin-bottom: 1rem;
    padding: 1rem 1rem 0;
}

/*
-------------------------------
    2+1 kedvezmény
-------------------------------
*/
div.c2plus1price {
    font-size: 1.2rem;
    font-weight: 700;
}

div.c2plus1price .price {
    font-size: 1.9rem;
}

/*
-------------------------------
    Cookie consent
-------------------------------
*/

.g1_site .cc_container .cc_message {
    color: white;
    font-family: Roboto;
    font-size: 0.8rem;
    color: #333;
}
/*
.g1_site .cc_banner-wrapper {
    height: 49px;
}
*/
.g1_site .cc_container .cc_btn, .g1_site .cc_container .cc_btn:visited {
    border-radius: 0px;
    background-color: #cf5d20;
    color: white;
    font-family: Roboto;
    font-size: 0.8rem;
}
.g1_site .cc_container .cc_btn:hover {
    color: #000;
}
.g1_site .cc_container {
    background-color: #d7d7d7;

    padding: 18px;

}
.g1_site .cc_more_info, .g1_site .cc_more_info:visited, .g1_site .cc_more_info:hover {
    color: #cf5d20;
}

/*
-------------------------------
    gallery
-------------------------------
*/

.insta-item {
    position: relative;
    font-size: 1.4rem;
    cursor: pointer;
}

.insta-item i {
    font-size: 1.6rem;
}

.insta-item .overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    background: black;
    opacity: 0.2;
    z-index: 10;
    display: none;
}

.insta-item .igData {
    position: absolute;
    top: 45%;
    width: 100%;
    z-index: 15;
    display: none;
    color: white;
    text-align: center;
}

.insta-item:hover .overlay {
    display: block;
}

.insta-item:hover .igData {
    display: table-cell;
    vertical-align: center;
}

.lb-data .lb-number {
    display: none !important;
}

.lightboxOverlay {
    opacity: 0;
}

.lb-outerContainer {
    -webkit-box-shadow: 4px 4px 15px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    4px 4px 15px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         4px 4px 15px 0px rgba(50, 50, 50, 0.75);
    border-radius: 0;
}

.lightbox .lb-image {
    border-radius: 0;
}

#lightcase-info #lightcase-title { display: none !important; }

@media only screen and (min-width: 40.063em) { 
    #lightcase-overlay {
	opacity: 0.8 !important;
    }
}

/*******************************
  superBasketView
********************************/
.shop__superBasketView .continueShoppingSmall {
    color: #f1f2f2;
    font-weight: normal;
    text-decoration: underline;
    font-size: 16px;
}

.shop__superBasketView .paymentCont td span.clickable {
    font-size: 0.9rem;
}

.shop__superBasketView tr.totalCost td {
/*
    border-top: 1px solid #f1f2f2;
    border-bottom: 1px solid #f1f2f2;
*/
    font-size: 16px;
    font-weight: 700;
    padding-top: 10px;
    padding-bottom: 10px;
    text-transform: uppercase;
}

.shop__superBasketView .validCoupon {
    font-weight: bold;
    margin-bottom: 1rem;
}

.shop__superBasketView .couponCheck {
    margin-top: 4px;
    padding: 11px 10px;
    font-size: 12px;
}


.shop__superBasketView button.facebook, .shop__superBasketView button.gPlus {
    padding-top: 8px;
    height: 44px;
/*
    margin-top: -10px;
*/
    padding-left: 40px;
    position: relative;
}

.shop__superBasketView button.facebook i, .shop__superBasketView button.gPlus i {
    position: absolute;
    top: 3px;
    border-radius: 2px;
    left: 10px;
    font-size: 1.85rem;
}

.shop__superBasketView .supportPhone {
    border-top: 1px solid #6e6e6e;
    border-bottom: 1px solid #6e6e6e;
    line-height: 1rem;
    color: white;
}

.shop__superBasketView .supportPhone p {
    color: white;
    margin-bottom: 0;
    font-size: 12px;
    padding-left: 5px;
}

.shop__superBasketView .supportPhone .hdr {
    text-transform: uppercase;
    display: block;
    font-weight: bold;
}

.shop__superBasketView .supportPhone a {
    color: white;
    font-weight: 300;
}

.shop__superBasketView .supportPhone .days {
}

.shop__superBasketView .gc2body .hdr {
    text-transform: uppercase;
    color: black;
    margin: 10px 5px 15px 5px;
}

.shop__superBasketView .gc2body .item {
    border-bottom: 1px solid #f1f2f2;
}


.shop__superBasketView .content {
    padding: 0.5rem 1rem;
    line-height: 1.2rem;
}

.shop__superBasketView .big {
    font-size: 1.2rem;
    line-height: 1.4rem;
}

.shop__superBasketView .hint {
    color: #888;
}

.shop__superBasketView .step {
    background: #f1f2f2;
}

.shop__superBasketView .step .title {
    font-weight: 700;
    padding: 15px;
    margin-bottom: 30px;
    border-bottom: 1px solid #b3b1b1;
    font-size: 18px;
}

.shop__superBasketView .stepNotYet {

    height: 0;
    overflow: hidden;
    padding: 0;
}

.shop__superBasketView .completedStep {
    display: none;
}

.shop__superBasketView .hiddenContent {
    display: none;
}

.shop__superBasketView .zeroHeight {
    height: 0;
    overflow: hidden;
    padding: 0;
}

.shop__superBasketView .completedStep i {
    background: green;
    color: white;
    padding: 2px 4px;
    font-size: 1rem;
    float: right;
}
.shop__superBasketView textarea {
    min-height: 5rem;
}

.shop__superBasketView .maxPrice {
    margin-right: 10px;
    font-weight: normal;
    text-decoration: line-through;
    display: inline-block;
}

.shop__superBasketView .currentPrice {
    color: #c52e2e;
    display: inline-block;
}

.shop__superBasketView .rowTotal {
    margin-top: 5px;
}

.shop__superBasketView .basketProducts .item, .shop__superBasketView .basketProducts .item td {
    color: black;
}

.shop__superBasketView .basketProducts .item a {
    color: black;
}

.shop__superBasketView .basketProducts .item select {
    width: 60%;
}

.shop__superBasketView .basketProducts .item .icon {
    font-size: 17px;
    cursor: pointer;
}

.shop__superBasketView .basketProducts .item .price {
    margin: 10px 0;
}

.shop__superBasketView .basketProducts .item .name {
    font-weight: bold;
    line-height: 16px;
}

.shop__superBasketView .basketProducts .item .info {
    line-height: 16px;
}

.shop__superBasketView #guestRegistration .resultSuccess p {
    font-weight: bold;
    font-size: 1rem;
    padding-bottom: 1rem;
}

.shop__superBasketView .userPanel div.forgottenPassword {
    margin: 10px 0 23px 0;
}

.shop__superBasketView .userPanel div.forgottenPassword a {
    text-transform: uppercase;
    color: black;
    font-size: 0.7rem;
}


.shop__superBasketView #basketSteps {
    margin-top: 15px;
}

.shop__superBasketView #basketSteps .step {
    background-color: transparent;
    color: #b3b1b1;
    font-size: 18px;
    display: inline-block;
    position: relative;
    padding-left: 35px;
    margin-right: 20px;
}

.shop__superBasketView #basketSteps .step a {
    color: #b3b1b1;
}

.shop__superBasketView #basketSteps .actIcon {
    font-size: 30px;
    position: absolute;
    bottom: -10px;
    left: -1px;
}

.shop__superBasketView #basketSteps .actIcon span.icon {
    font-size: 25px;
    margin-left: 4px;
}

.shop__superBasketView #basketSteps .number {
    border: 2px solid #b3b1b1;
    border-radius: 15px;
    font-size: 18px;
    position: absolute;
    bottom: 4px;
    padding: 8px;
    width: 30px;
    height: 30px;
    font-weight: bold;
    display: inline-block;
}

.shop__superBasketView #basketSteps .numWrap {
    display: inline-block;
    position: relative;
    width: 30px;
    height: 30px;
}

.shop__superBasketView #basketSteps .num {
    position: absolute;
    top: -4px;
    left: -2px;
}

.shop__superBasketView #basketSteps .actStep {
    color: black;
}

.shop__superBasketView #basketSteps .actStep .number {
    background-color: white;
    color: black;
    border: 2px solid white;
}

.shop__superBasketView .paymentPanel table.paymentTable, .shop__superBasketView table.shippingOptions {
    border: 0;
}

.shop__superBasketView .paymentPanel table.paymentTable td {
    padding-top: 15px;
}

.shop__superBasketView tr.separator {
    height: 10px;
    background-color: #f1f2f2;
}

.shop__superBasketView .paymentPanel table.paymentTable tr.separator td {
    padding: 0;
}

.shop__superBasketView .paymentPanel table.paymentTable .mainText {
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 3px;
}

.stockError {
    background-color: #f04124;
    color: white;
    padding: 5px;
    font-size: 1.2rem;
}


@media only screen and (max-width: 40em) { 
    .shop__superBasketView #basketSteps .step {
	display: block;
	margin-bottom: 20px;
    }
}


.whiteBox {
    background: white;
    margin-bottom: 10px;
    padding: 15px;
    border: 1px solid #888;
    background: white;
}

.whiteBox p, .whiteBox2 p {
    color: black;
}

.whiteBox2 {
    background: white;
    margin-bottom: 10px;
    color: black;
    padding: 20px 30px;
}

.wbTitle {
    text-transform: uppercase;
    font-size: 1.1rem;
    margin-top: 10px;
}

.wbHint {
    font-size: 0.9rem;
    font-weight: 400;
    color: #b3b1b1;
    margin: 5px 0 15px 0;
}

/*******************************
  superBasketView
********************************/

.responsive-embed {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.responsive-embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.shop__superBasketView #cboxmain {
    display: none !important;
}

/*******************************
  Barcode scanner
*******************************/
#scanner-container canvas.drawing, #scanner-container canvas.drawingBuffer {
    position: absolute;
    left: 0;
    top: 0;
}
#scanner-container {
    width: 640px;
    height: 480px;
    margin: auto;
    position: relative;
}
#scanner-container, #scanner-container canvas, #scanner-container video {
    max-width: 100% !important;
}

/*******************************
  Foxpost
*******************************/
/*
#Fox_big-canvas {
    width: 100%;
    height: 300px;
    border: 1px solid red;
}
*/


/*
---------------------------------------------------------------
 Sales auto pilot
---------------------------------------------------------------
*/
.mmform-container, .mmform-container fieldset {
    background-color: white;
    font-family: 'Roboto', Verdana, Sans-serif;
}

.mmform-container h2 {
    font-family: 'Roboto', Verdana, Sans-serif;
}

/*
---------------------------------------------------------------
 rTable
---------------------------------------------------------------
*/
#sizeChartHtml table.flipscroll_scrolling thead tr th {
    padding: 0.4625rem 0.525rem !important;
}

/*******************************
  upsellOffers
********************************/
#uModal {
    z-index: 800;
}

#uModal .addedProduct .prodName {
	font-weight: bold;
}


@media only screen and (max-width: 40em) {
    #uModal .addedProduct a.button {
	margin-top: 20px;
    }
    #uModal .continueShopping {
	text-align: center;
    }
}

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

    #uModal .addedProduct {
	position: relative;
    }

    #uModal .addedProduct .prodName {
	text-align: center;
    }

    #uModal .addedProduct a.button {
	margin: 0;
    }

    #uModal .addedProduct .columns {
	min-height: 120px;
    }

    #uModal .continueShopping {
	text-align: right;
    }

    #uModal .addedProduct .toBasketDiv {
	text-align: right;
    }

    #uModal .addedProduct .toBasketDiv .button {
	padding: 10px 45px;
    }

    #uModal .addedProduct .columns div {
	width: 100%;
	position: absolute;
	left: 50%;
	top: 50%;

	/*
	*  Where the magic happens
        *  Centering method from CSS Tricks
	*  http://css-tricks.com/centering-percentage-widthheight-elements/
        */
	transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
    }
}

#uModal h2 {
    font-size: 20px;
    line-height: 37px;
    color: #cf5d20;
    font-weight: bold;
}

#uModal .button, #cModal .button {
    border-radius: 2px;
}

.shop_upsellOffers h3 {
    font-weight: bold;
    margin: 30px 0 20px 0;
    font-size: 1rem;
}

#uModal .prodName {
    font-size: 16px;
}

.shop_upsellOffers a.link {
    display: block;
    border: 0.75px solid #cf5d20;
    border-radius: 2px;
    text-align: center;
    padding: 5px;
    margin-top: 10px;
}

.shop_upsellOffers a.link:hover {
    color: white;
    background-color: #cf5d20;
}

.shop_upsellOffers .products .item .name {
    height: 55px !important;
    font-size: 14px;
    line-height: 16px;
    font-weight: normal;
    text-align: left;
}

.shop_upsellOffers .products .item .name a {
    color: #333;
    font-weight: bold;
}

.shop_upsellOffers .products .item .price {
    height: 65px !important;
}

/*------
edlc collapsible
-------*/

.edlc-collapsible-nav{width:100%}.edlc-collapsible-nav>li>div{border-bottom:1px solid transparent}.edlc-collapsible-nav>li.active>div{border-bottom:1px solid #cdcdcd}.edlc-collapsible-nav,.edlc-collapsible-nav ul,.edlc-collapsible-nav li,.edlc-collapsible-nav li>div{position:relative;box-sizing:border-box;background:#fff;clear:both}.edlc-collapsible-nav,.edlc-collapsible-nav li,.edlc-collapsible-nav li a{display:block}.edlc-collapsible-nav ul{-o-transition:transform .34s,-o-transform .34s,-ms-transform .34s,-webkit-transform .34s,-moz-transform .34s;-ms-transition:transform .34s,-o-transform .34s,-ms-transform .34s,-webkit-transform .34s,-moz-transform .34s;-moz-transition:transform .34s,-o-transform .34s,-ms-transform .34s,-webkit-transform .34s,-moz-transform .34s;-webkit-transition:transform .34s,-o-transform .34s,-ms-transform .34s,-webkit-transform .34s,-moz-transform .34s;transition:transform .34s,-o-transform .34s,-ms-transform .34s,-webkit-transform .34s,-moz-transform .34s;-o-transform:translateY(-100%);-ms-transform:translateY(-100%);-moz-transform:translateY(-100%);-webkit-transform:translateY(-100%);transform:translateY(-100%)}.edlc-collapsible-nav li{overflow-y:hidden;border-bottom:1px solid #cdcdcd;-o-transition:height .34s;-ms-transition:height .34s;-moz-transition:height .34s;-webkit-transition:height .34s;transition:height .34s;background:#fff}.edlc-collapsible-nav li>div a{display:inline-block;-o-transition:font-weight .34s;-ms-transition:font-weight .34s;-moz-transition:font-weight .34s;-webkit-transition:font-weight .34s;transition:font-weight .34s}.edlc-collapsible-nav li>div a:first-child{width:89%}.edlc-collapsible-nav li>div a:first-child+span{display:inline-block;float:right;width:11%;font-size:13px;text-align:center;padding:21px 13px}.edlc-collapsible-nav li>div a:first-child+span::after{content:"+"}.edlc-collapsible-nav li a{border-radius:0;box-sizing:border-box;text-transform:uppercase;text-decoration:none;padding:21px 13px;font-size:13px}.edlc-collapsible-nav li a span{display:inline-block}.edlc-collapsible-nav>li.togglable ul>li{border-bottom:1px solid transparent}.edlc-collapsible-nav li.togglable.active>div>a:first-child+span::after{content:"\2013"}.edlc-collapsible-nav li.togglable.active>div+ul{-o-transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}.edlc-collapsible-nav li.togglable.active>div+ul>li ul li{border-bottom-color:transparent}.edlc-collapsible-nav li ul li{-o-transition:height .34s,border-bottom .34s;-ms-transition:height .34s,border-bottom .34s;-moz-transition:height .34s,border-bottom .34s;-webkit-transition:height .34s,border-bottom .34s;transition:height .34s,border-bottom .34s}.edlc-collapsible-nav li>div{-o-transition:border-color .34s;-ms-transition:border-color .34s;-moz-transition:border-color .34s;-webkit-transition:border-color .34s;transition:border-color .34s}


ul.edlc-collapsible-nav, ul.edlc-collapsible-nav ul {
    margin: 0;
}
.edlc-collapsible-nav, .edlc-collapsible-nav ul, .edlc-collapsible-nav li, .edlc-collapsible-nav li > div {
    background: #eee;
    color: #333;
}
.edlc-collapsible-nav li a {
    color: #333;
    padding: 10px;
    text-transform: none;
}
.edlc-collapsible-nav li > div span {
    background: #777;
    color: white;
}

ul.edlc-collapsible-nav ul li, ul.edlc-collapsible-nav ul div {
    background-color: #ddd;
}

ul.edlc-collapsible-nav ul ul li {
    background-color: #ccc;
}

.edlc-collapsible-nav li > div a:first-child + span {
    padding: 10px 4px;
    width: 15%;
}

.edlc-collapsible-nav li > div a:first-child {
    width: 85%;
}
.edlc-collapsible-nav > li > div {
    border-bottom: none;
}

#leftOffCanvasMenu .edlc-collapsible-nav li {
    height: 41px;
}

/*------
offcanvas width

https://stackoverflow.com/questions/27050026/change-width-of-menu-canvas-of-foundation
-------*/

.my-site.move-right > .inner-wrap {
    webkit-transform: translate3d(20rem, 0, 0);
    -moz-transform: translate3d(20rem, 0, 0);
    -ms-transform: translate3d(20rem, 0, 0);
    -o-transform: translate3d(20rem, 0, 0);
    transform: translate3d(20rem, 0, 0);
}

.my-site.left-off-canvas-menu {
    width: 20rem;
}

/*------
centeredTiles
-------*/
.centeredTiles .box, .centeredTiles .boxHuge {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 130px;
  background-position: center;
  background-size: cover;
}

.centeredTiles .boxHuge {
    height: 260px;
}

.centeredTiles .box div, .centeredTiles .boxHuge div  {
    background:rgba(255, 255, 255, 0.8);
    width: 70%;
    margin: auto;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 15px;
}
.centeredTiles a {
    color: #333;
}

/*------
rotatingProducts
-------*/
.rotatingProducts {
    display: none;
}
.rotatingProducts.slick-initialized {
    display: block;
}
.shop__productList .rotatingProducts .item .price {
    margin-top: 5px;
}

/** LIGHTBOX MARKUP **/

.csslightbox {
  /* Default to hidden */
  display: none;
  position: relative;

  /* Overlay entire screen */
  position: fixed;
  z-index: 2147483648;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  
  /* A bit of padding around image */
  padding: 1em;

  /* Translucent background */
  background: rgba(0, 0, 0, 0.8);

}

/* Unhide the lightbox when it's the target */
.csslightboxactive {
  /* display: block; */

  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  -webkit-justify-content: center;
  justify-content: center;
}

.csslightbox .bg {
/*
  flex: 0 1 auto;
  align-self: auto;
*/
  display: flex;
  justify-content: center;
  align-items: center

}

.csslightbox .bg-inner {
  position: relative;
}

.csslightbox img {
  position: relative;
  max-height: 90vh;
}

.csslightbox .bg-inner-2 {
    display: inline-block;
    margin: auto;
    position: relative;
}

.csslightbox .buttonwrap {
    position: absolute;
    bottom: 10px;
    text-align: center;
    width: 100%;
}