
html {
	overflow-y: scroll;
}

html, body {
	margin: 0px;
	padding: 0px;
	font-family: 'Raleway', sans-serif;
	/*text-shadow: 1px 1px 1px black;*/
	color: white;
	text-align: center;
	font-size: 14px;
}

#breakpoint_indicator {
	position:absolute;
	width: 0;
	height: 0;
	visibility: hidden;
	display: none;
	z-index: -1;
}

body {
	height: 100%;
	position: relative;
	margin: 0 auto;
	width: 100%;
}

.homepage #content {
	/*background: #676767;*/
}

#content {
	background: white;
	background-position: center center;
	background-size: 100% auto;
	background-repeat: repeat-y;
	position: relative;
	min-height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

* html #content, * html #container {
	height: 100%;
}

a {
	text-decoration: none;
	color: black;
}

a:hover {
	/*color: #F5F5F5;*/
  text-decoration: underline;
}

a > img {
	border: 0px;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 22px;
	font-weight: normal;
	padding: 0px 0px 20px 0px;
	margin: 0px;
	color: white;
}

h1 {
	text-transform: lowercase;
}

h3 {
	font-size: 18px;
	/*font-weight: bold;
*/
	padding: 0px;
	margin: 0px;
}

h4 {
	font-size: 14px;
	padding: 0px 0px 10px 0px;
	margin: 0px;
}

hr {
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}

#spacer {
	position: relative;
	height: 35px;
	display: none;
}

#container {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	margin: 0 auto;
	text-align: center;
	/*box-shadow: 0px 0px 20px 20px black;
	background: #676767;*/
}

#header {
	margin: 0px;
	height: 80px;
	text-align: left;
	vertical-align: bottom;
	text-shadow: none;
}

#header-wrapper {
	position: relative;
	height: 100%;
	margin: 0 auto;
}

#header div#user_info {
	color: #F5F5F5;
	font-size: 14px;
}

div.socialMedia a {
	display: inline-block;
}

div.socialMedia a.symbol {
	transition: all 0.3s ease-out;
	color: #858585 !important;
	font-size: 50px;
}

div.socialMedia a:hover {
	text-decoration:none;
	color: #FFE433 !important;
}

#google_map {
	min-height: 400px;
}

div#headerText {
	top: 30px;
	left: 340px;
	position: absolute;
}

#header div#user_info strong a {
  font-size: 14px;
}

#header div#user_info a {
	color: #F5F5F5;
	font-size: 12px;
}

#header div#user_info a:hover {
	color: #F5F5F5;
	text-decoration: underline;
}

#header div#user_info {
	position: absolute;
	text-align: left;
	top: 10px;
	right: 20px;
	min-width: 249px;
}

#header div#user_info_bckg {
	position: absolute;
	top: 0px;
	right: 2px;
	width: 437px;
	height: 40px;
}

#logo > img {
	margin: 0px 30px;
	border: none;
	position: absolute;
	width: 300px;
	z-index: 2;
}

#header_menu {
	position: absolute;
	left: 0px;
	bottom: 0px;
}

#header_wrapper {
	height: 80px;
	position: relative;
}

#header_menu, #header_menu a, #header_menu a:hover {
	color: #555555;
}

#body {
	margin: 0px 0 0 0;
	text-align: center;
	overflow: visible;
	color: #262626;
	position: relative;
	width: 100%;
	flex: 1;
	background-color: white;
}

.homepage #body {
	color: white;
}

.brands {
	background-color: #858585;
}

.logos {
	display: flex;
	justify-content: space-between;
	flex-flow: row wrap;
	align-items: center;
	min-height: 80px;
}

.logos img {
	height: 50px !important;
	width: auto !important;
	margin: 0 !important;
}

#snav_wrapper {
	position: relative;
	width: 100vw;
	margin-left: calc(-50vw + 50%);
	background-color: #FFE433;
}

.homepage #body {
	background-color: #676767;
}

#hp_prod_container {
	width: 1160px;
	height: 270px;
	overflow: hidden;
	margin: 0 auto;
}

.hptitles_ul {
	margin: 0 auto;
    padding: 0;
    display: table;
    table-layout: fixed;
    margin-left: -20px !important; /* remove outer border spacing */
    margin-right: -20px !important; /* remove outer border spacing */
    border-spacing: 20px 0;
    width: 1240px;
    box-sizing: border-box;
}

.hptitles_ul::after {
    clear: both;
}

.hptitles_ul li {
	display: table-cell;
	list-style-type: none;
	text-align: left;
	overflow: hidden;
    background-size: cover;
    background-position: center;
    padding: 0;
    position: relative;
    box-sizing: border-box;
    float: none;
    vertical-align: top;
    margin-left: 20px; /* will work only when carousel enabled as it remove display table property from parent element */
}

.hptitles_ul li div.hptxt {
	text-align: left;
	font-size: 16px;
	color: #F5F5F5;
}
.hptitles_ul li div.hptxt H2 {
	color: #F5F5F5;
	padding: 10px 0;
	font-weight: 500;
}

.hp_text_wrapper {
	width: 100%;
}
.hpimg {
	overflow: hidden;
	position: relative;
    /*height: 180px !important;*/
    box-sizing: border-box;
}

.hpimg img {
    transition: all 0.5s ease-in-out 0s;
    opacity: 0.9;
    height: 100% !important;
    width: 100% !important;
    
}
.hpimg img:hover {
    transform: rotate(0deg) scale(1.20);
    opacity: 1;
}

.section1 .hp_text_container > H2::after, .section2 .hp_text_container > H2::after {
	left: 50%;
	margin-left: -25px;
}

.section2 .hptitles_ul li .hpimg {
	border: none;
}

.section2 .hptitles_ul li .hptxt {
	padding: 5px;
}

.section2 .hptitles_ul li {
	/*border: 1px solid #FFE433;*/
	padding: 5px;
	text-align: center;
}

.hp_text_container img {
	display: inline;
}

.hp_text_container H2 {
	font-size: 30px;
	font-weight: 500;
}

.hp_text_container H3, .hptxt H3 {
	font-size: 20px;
	padding: 0;
}

.hp_text_container {
	text-align: center;
	font-size: 18px;
	box-sizing: border-box;
	position: relative;
	margin-top: 20px;
}

.clearfix:after {
	visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}

#hptitles {
	padding-bottom: 20px;
	padding-top: 20px;
}

div.body_content_left, div.body_content_right, div.body_content_right_product, div.body_content_left_std {
	float: left;
	text-align: left;
	position: relative;
}

#body_content_r {
	order: 2;
}
#body_content_l {
	order: 1;
}

.body_content_left {
	width: 240px;
}

.body_content_left_std {
	width: 240px;
}

#left_widget_prod_list_heading {
	background-color: #F5F5F5;
	color: #262626;
	text-shadow: none;
	text-align: center;
	margin: 33px 0 0 13px;
	width: 182px;
	padding: 5px 0;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	
}

#ppages {
	margin-left: 3px;
}

#ppages #plist_th:first-child > div {
	margin-top: 0px;
}

.body_content_right, .body_content_right_eshop, .body_content_right_product {
	margin-left: 0px;
	padding: 0px;
}

.body_content_right {
	width: 950px;
	margin: 0 0 10px 10px;
}

.body_content_right_product {
	width: 100%;
	position: relative;
	margin-top: 20px;
}

.pdesct {
	margin: 10px 0 20px 0;
}

.pdesct td {
	white-space: nowrap;
	height: 22px;
	min-width: 120px;
	vertical-align: top;
}

.pdesct td#heavy, .pdesct td#heavy a, .pdesct td#heavy:hover, .pdesct td#heavy a:hover {
	font-weight: bold;
}

.pdesct td#heavy a:hover {
	color: #F5F5F5;
}

#pwrapper {
	width: 100%;
	display: flex;
	color: #262626;
}

#pwrapper > #pimg {
	cursor: pointer;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	min-width: 340px;
	min-height: 340px;
	background: url('/media/img/no-img.png') no-repeat 10px 20px;
	background-size: 180px;
}

#pwrapper > #pimg .main {
	margin-bottom: 10px;
	width: 340px;
}

#pwrapper > #pimg #thumbs {
	/*
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	*/
	width: 100%;
}
#pwrapper > #pimg .thumbs {
	width: 60px;
	margin-left: 10px;
	float: left;
}
#pwrapper > #pimg .thumbs:first-child {
	margin-left: 0px;
}

img, img a {
	display: block;
}

#pwrapper_head {
	margin-bottom: 20px;
	margin-left: 0px;
	width: 100%;
	height: auto;
}

#pwrapper_head > #pname {
	font-size: 44px;
	letter-spacing: -1px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 1px solid #262626;
	color: #262626;
	display: inline-block;
	width: 100%;
}

#pprice > #pricewv {
	font-size: 24px;
	color: #262626;
	letter-spacing: -1px;
}

#pprice {
	float: left;
	min-width: 278px;
}

#pprice #pricevov {
	font-size: 14px;
	color: #262626;
	letter-spacing: -1px;
}

#pwrapper_head #voldisc {
	float: left;
	min-width: 220px;
	text-align: center;
	margin-top: 3px;
}

#pwrapper_head #voldisc ul {
	min-width: 220px;
	margin: 0px;
	padding: 0px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #262626;
}

#pwrapper_head #voldisc li {
	list-style-type: none;
	border-bottom: 1px solid #262626;
	padding-right: 10px;
	padding-top: 6px;
	padding-bottom: 3px;
	height: 16px;
}

#pwrapper_head #voldisc li:first-child {
	background-color: #F5F5F5;
}

#pwrapper_head #voldisc li:last-child {
	border-bottom: none;
}

#pwrapper_head #voldisc li:hover {
	background-color: #F5F5F5;
	cursor: default;
}

#pwrapper_head #voldisc li div {
	float: left;
	width: 100px;
	white-space: nowrap;
}

#vinfo {
	font-size: 12px;
	color: white;
	font-weight: normal;
	margin-left: 2px;
}

#plist_rw #vinfo {
	font-size: 8px;
	margin: -3px 0px 0px 0px;
}

#plist_rw > div {
	background: url('/media/img/no-img.png') no-repeat 5px 20px;
	background-size: 80px;
}

#plist_rw #highlight, #plist_th #highlight  {
	position: absolute;
	left: 5px;
	z-index:2;
}

#plist_rw #highlight {
	width: 20px;
	height: 36px;
	background-image: url('/media/img/highlight_s.png');
}

#plist_th #highlight {
	width: 31px;
	height: 56px;
	background-image: url('/media/img/highlight_l.png');
}

#plist_th #vinfo {
	font-size: 8px;
	margin: -3px 0px 0px 0px;
}

.body_content_right_product #pdesc {
	clear: both;
	margin-bottom: 10px;
	width: 100%;
	cursor: default;
}

#psection {
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	padding: 10px 20px;
	margin: 0 0 10px 0;
	color: #262626;
}

#pvideo {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

#pvideo iframe, #pvideo object, #pvideo embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

#body_stretch_container #psection {
	position: relative;
	margin-top: 15px;
	margin-left: 0px;
	margin-right: 0px;
}

#body_stretch_container #psection a {
	font-size: 12px;
}

#body_stretch_container #psection a:hover {
	/*color: black;*/
}

#body_stretch_container #psection span {
	position: absolute;
	right: 10px;
	font-size: 14px;
	padding-left: 23px;
	height: 20px;
	background: url('/media/img/icons/page_edit.png') left 3px no-repeat;
}

#body_stretch_container #details {
	float: left;
	min-width: 280px;
	margin-left: 10px;
	line-height: 22px;
}

#body_stretch_container #details #title {
	font-size: 13px;
	margin-bottom: 5px;
}

#body_stretch_container {
	margin: 0 auto;
	text-align: left;
}

.product_list_container {
	width: 100%;
}

.category_list_container {
	width: 100%;
}


#site_form2 {
	width: 480px;
	/*float: right;
*/
}

#header div#user_info #login_links, #header div#user_info #login_links a {
	text-align: left;
	font-size: 12px;
	color: #262626;
}
#login_links img, #login_links img a {
	display: inline-block;
	margin: 0 3px 0 10px;
	vertical-align: middle;
} 

#site_form2 #login_links {
	text-align: center;
}

#site_form2 #login_links a {
	/*color: #262626;*/
	font-size: 12px;
}

#site_form2 #login_links a:hover {
	/*color: black;*/
}

.body_content_right_eshop {
	float: left;
	text-align: left;
	position: relative;
	width: 990px;
	margin: 0 0px 10px 10px;
}

.body_content_right_eshop #cnodes_inline {
	text-align: left;
}

#subpage_content {
	color: #262626;
}

#cnodes_inline {
	text-align: left;
	background-color: #FFE433;
	width: 1240px;
	padding-left: 20px;
	margin: 0 auto;
}

#subpage_content #cnodes_inline:first-child {
	padding-left: 0px;
}

.body_content_right_eshop #cnodes_inline, .body_content_right #cnodes_inline {
	width: 950px;
	margin-left: 0px;
	padding-right: 20px;
}
.body_content_right_eshop #cnodes_inline a, #body #cnodes_inline a, #body_wrapper #cnodes_inline a {
	display: inline-block;
	padding: 8px 15px 8px 12px;
	background-position: 0px 12px;
	color: black;
}

.product_list_container > div#pages {
	margin-top: 16px;
	min-width: 620px;
	display: block;
	float: left;
	min-height: 22px;
}

#plist_th > div, #plist_rw > div, #clist > div, #base_menu, #body > div.body_content_left_std, #body > div.body_content_left, div.body_content_right, div.body_content_right_product, .popup_block, .popup_alert, .slideshow_container #nav li.activeSlide a, .basket_mgmt_item, #body_stretch_container, .multiform {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	box-shadow: 0 0 0px white;
	-webkit-box-shadow: 0 0 0px white;
	-moz-box-shadow: 0 0 0px white;
}

#product_list_container #plist_th {
	margin-left: -10px;
}

#plist_th > div, #clist > div {
	position: relative;
	float: left;
	margin-left: 10px;
	margin-top: 16px;
	width: 181px;
	min-height: 120px;
}

#clist > div {
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
	overflow: hidden;
}

#clist > div > img {
	vertical-align: text-bottom;
	margin: 4px;
	width: 173px;
	height: 112px;
}

#plist_th > div {
	width: 180px;
	min-height: 230px;
	border: 1px solid #858585;
	background-size: 158px;
}

#plist_th > div:hover, #plist_rw > div:hover, #clist > div:hover {
	border: 1px solid #FFE433;
	cursor: pointer;
}

#plist_th > div#no_items, #plist_rw > div#no_items {
	text-align: center;
	min-height: 20px;
	cursor: default;
}

#plist_th > div:hover#no_items, #plist_rw > div:hover#no_items {
	border: 1px solid transparent;
}

#plist_rw > div {
	position: relative;
	height: 94px;
	border: 1px solid #858585;
	margin-bottom: 5px;
}

#plist_rw > div, #plist_th > div, #pages div a {
	transition: background 400ms linear 0s;
}

#plist_rw > div:last-child {
	margin-bottom: 0px;
}

#plist_rw {
	margin: 18px 0 0 0;
}

#plist_th > div > div#ititle {
	padding: 5px 8px 5px 8px;
	width: 165px;
	height: 28px;
	position: absolute;
	color: #262626;
	line-height: 15px;
	right: 0px;
	top: 181px;
	text-align: left;
	white-space: initial; 
}

#plist_rw > div > div#ititle {
	padding: 5px 5px 5px 101px;
	width: 678px;
	height: 20px;
	position: absolute;
	color: #262626;
	/*background-color: black;
*/
	left: 0px;
	top: 0px;
}

#plist_rw > div > div#ititle a {
	color: #262626;
	font-weight: bold;
}

#plist_rw > div > div#ititle a:hover {
	
}

#plist_rw > div > div#descInList {
	padding: 5px;
	width: 575px;
	height: 50px;
	position: absolute;
	/*color: #262626;
*/
	font-size: 12px;
	left: 96px;
	top: 25px;
	overflow: hidden;
}

#to_basket {
	z-index: 3;
	background: url('/media/img/icons/cart_put.png');
	background-repeat: no-repeat;
}

.add2cart {
	z-index: 3;
	background: url('/media/img/icons/cart_add.png') !important;
	background-repeat: no-repeat !important;
	
}

table.pdesct .add2cart {
    background: url('/media/img/icons/cart_add.png') no-repeat scroll 15px 50%, #9B9999 !important;
}

table.pdesct .add2cart:hover {
	background-color: #d8d8d8;
}

table.pdesct #to_basket {
	padding: 6px 6px 6px 45px;
	text-align: left;
	background: url('/media/img/icons/cart_put.png') no-repeat scroll 15px 50%, #9B9999;
	border-radius: 6px;
	box-shadow: 0px 1px 2px #666666;
}

table.pdesct #to_basket:hover {
	background-color: #d8d8d8;
}

#item_added {
	z-index: 4;
	background-image: url('/media/img/icons/tick.png');
}

#increment_basket_item {
	background-image: url('/media/img/icons/cart_add.png');
}

#decrement_basket_item {
	background-image: url('/media/img/icons/cart_delete.png');
}

#delete_basket_item {
	background-image: url('/media/img/icons/delete.png');
}

.basket_mgmt_item {
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}

.pdesct .basket_mgmt_item {
	width: auto;
}

.basket_table {
	width: 100%;
	box-shadow: 0px 0px 20px 20px black;
}

#basket_container .basket_table tbody {
	display: block;
}

#basket_container .basket_table thead {
	display: block;
}

.basket_table input[type=text] {
	width: 25px;
	text-align: right;
}

.basket_table #basket_empty {
	height: 60px;
	text-align: center;
}

.basket_table td {
	height: 60px;
	padding: 5px;
	border: 0px;
	/*color: #F5F5F5;
*/
	/*#858585;
*/
}

.basket_table th:first-child, .basket_table td:first-child {
	padding-left: 20px;
}

.basket_table td a {
	padding: 0px;
	border: 0px;
	font-weight: bold;
	font-size: 14px;
	color: #262626;
  /*text-decoration: none;*/
}

.basket_table td a:hover {
	/*color: #F5F5F5;*/
}

.basket_table th {
	height: 50px;
	text-align: left;
	background-color: #F5F5F5;
}

.basket_table > tbody > tr > td > span {
	font-size: 10px;
}

.order_rewiev .basket_table th {
	/*background-color: black;*/
}

.basket_table tfoot th {
	text-align: right;
}

.basket_table img {
	padding: 2px;
	max-height: 40px;
	width: auto;
}

#basket_content_order {
	background-color: #9B9999;
}

#basket_content_order .basket_table {
	box-shadow: none;
}

#plist_th > div > div#to_basket {
	position: absolute;
	left: 8px;
	top: 218px;
	z-index: 2;
}

#plist_rw > div > div#to_basket {
	position: absolute;
	right: 8px;
	top: 65px;
	z-index: 2;
}

td > div#to_basket {
	margin-top: 6px;
}

table.pdesct td > div#to_basket:active {
  padding: 6px 5px 6px 46px;
}

table.pdesct td > div#to_basket a {
  font-weight: bold;
  vertical-align: middle;
  color: #262626;
  text-shadow: none;
}

table.pdesct td > div#to_basket:hover a {
  text-decoration: none;
}

table.pdesct td > div#to_basket > div#item_added {
	margin: -20px -26px;
}

#plist_th > div > img {
	position: absolute;
	width: 178px;
	height: 178px;
	padding: 1px;
	/*background-color: #9B9999;*/
}

#plist_rw > div > img {
	position: absolute;
	top: 0px;
	width: 80px;
	height: 80px;
	padding: 7px;
	/*background-color: #9B9999;*/
}

#plist_th > div > div#pricewv {
	position: absolute;
	left: 8px;
	top: 215px;
	font-size: 16px;
	width: 165px;
	font-weight: bold;
	text-align: right;
  color: #262626;
}

#plist_rw > div > div#pricewv {
	position: absolute;
	right: 10px;
	top: 30px;
	font-size: 16px;
	font-weight: bold;
	text-align: right;
	color: #262626;
}

#plist_th > div > div#pricewv > div {
	/*font-size: 8px;
	margin-top: -3px;
	color: black;
*/
}

div#r_price {
	font-size: 12px;
	color: #262626;
	position: absolute;
	text-decoration: line-through;
}

#plist_th div#r_price {
	right: 10px;
	top: 202px;
	z-index: 2;
}

#plist_rw div#r_price {
	right: 0px;
	top: 15px;
	texxt-align: right;
}

#pprice div#r_price {
	text-align: left;
	position: relative
}

#plist_th > div > div#ititle a {
	font-weight: normal;
}

#plist_th > div > div#ititle a:hover {
	/*color: #F5F5F5;*/
}

#clist > div > div#ititle {
	/*text-shadow: #F5F5F5 1px 1px 1px;
*/
	position: absolute;
	margin-left: 4px;
	bottom: 15px;
	left: 0px;
	width: 163px;
	padding: 5px;
	border-top:  1px solid #F5F5F5;
	border-bottom:  1px solid #F5F5F5;
	background-image: url('/media/img/bmenu_bckg.png');
}

#clist > div > div#ititle a {
	font-weight: bold;
	font-size: 12px;
	color: #262626;
}

#clist > div:hover > div#ititle, #clist > div:hover > div#ititle a, #clist > div:hover > div#ititle a:hover {
	color: #262626;
	text-decoration: none;
	font-weight: bold;
}

.body_content_left ul {
	list-style-type: none;
	padding: 0px;
	margin: 0;
	font-size: 16px;
}

.body_content_left ul ul {
	margin-left: 10px;
}

.body_content_left li {
	position: relative;
}

.body_content_left ul ul li:first-child {

}

.selector_item_ico {
}

.open_folder:after {
	content: '';
	position: absolute;
	top: 15px;
	right: 7px;
	height: 0;
	width: 0;
	/* order of following 3 rules important for fallbacks to work */
	border: 5px solid transparent;
	border-top-color: #262626; /* edit this to suit design (no rgba in IE8) */
}

.closed_folder:before {
	content: '';
	position: absolute;
	top: 50%;
	right: 3px;
	margin-top: -5px;
	height: 0;
	width: 0;
	/* order of following 3 rules important for fallbacks to work */
	border: 5px solid transparent;
	border-left-color: #262626; /* edit this to suit design (no rgba in IE8) */
}
.body_content_right_eshop #cnodes_inline a:before, #body #cnodes_inline a:before, #body_wrapper #cnodes_inline a:before {
	content: '';
	position: absolute;
	top: 10px;
	height: 0;
	width: 0;
	margin-left: -12px;
	/* order of following 3 rules important for fallbacks to work */
	border: 5px solid transparent;
	border-left-color: #262626; /* edit this to suit design (no rgba in IE8) */
}

.body_content_left li a {
	display: block;
	padding: 9px 6px 10px 20px;
	margin-bottom: 2px;
	color: #262626;
	height: 14px;
	text-decoration: none;
	text-transform: lowercase;
	transition: all 200ms linear 0s;
}

.body_content_left li a:hover {
	/*background: linear-gradient(to bottom, white, #9B9999);*/
	background-size: 100% 34px;
	color: #262626;
	text-shadow: 1px 1px 1px white;
}

.body_content_left li {
	/*background: linear-gradient(to bottom, black, #858585);*/
	background-size: 100% 34px;
	background-repeat: no-repeat;
	transition: all 200ms linear 0s;
}

.body_content_left li.active {
	/*background: linear-gradient(to bottom, white, #9B9999);*/
	background-size: 100% 34px;
	background-repeat: no-repeat;
}

.body_content_left li.active > a {
	color: #262626;
	text-shadow: 1px 1px 1px white;	
}

.body_content_left ul ul li:last-child {
	border-bottom: none;
}

#footer_wrapper H2 {
	padding: 0;
}

#footer {
	clear: both;
	height: auto;
	text-align: center;
	color: black;
	text-shadow: none;
	background-color: white;
	width: 100vw;
	margin-left: calc(-50vw + 50%);
	border-top: 3px #858585 solid;
}

#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 {
	color: black;
}

#footer a {
	text-decoration: none;
	color: #262626;
}

#footer a:hover {
	color: #262626;
}

#footer1, #footer2 {
	margin: 0 auto;
}
#footer1 {
	height: 175px;
	position:relative;
}

#footer1 #text {
	position: absolute;
	left:0;
}
#footer1 #transport {
	position: absolute;
	right:0;
}
#footer1 ul {
	list-style-type: none;
	margin: 4px auto 0 auto;
}
#footer2_wrapper { 
	width: 100vw;
	margin-left: calc(-50vw + 50%);
	background-color: #d8d8d8;
	bottom: 0;
}
#footer2 {
	display: inline-block;
	height: 25px;
	line-height: 25px;
}

#base_menu_wrapper {
	position: absolute;
	width: 100%;
	top: 0;
	height: 80px;
	text-shadow: none;
	background-color: white;
}

#base_menu {
	font-family: 'Roboto', sans-serif;
	text-transform: lowercase;
	z-index: 5;
	font-size: 16px;
	text-align: left;
	width: 1240px;
	margin: 0 auto;
	background-color: white;
	height: 80px;
}

#languages {
	position: absolute;
	top: 162px;
	right: 340px;
	width: auto;
	z-index: 999;
}

#languages a {
	display: inline;
}

#languages img {
	border: 0px;
	margin-left: 2px;
	display: inline-block;
}

#languages a img:hover {
  text-decoration: none;
  /*filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	-khtml-opacity: 0.70;
	opacity: 0.70;*/ 
  
	-webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
	box-shadow: 0 8px 6px -6px black;
}

/* ------------ forms formatting start ------------- */

form.header_login {
	display: block;
	padding: 0px;
	top: 0px;
	right: 0px;
	margin-bottom: 0px;
	color: #262626;
}

form.header_login .my_form_error {
	left: 40px;
	top: -16px
}

form.header_login legend {
	visibility: hidden;
	padding: 0px;
	margin: 0px;
	height: 0px;
}

form.header_login fieldset {
	text-align: left;
	width: 400px;
	padding: 0px;
	margin: 0px 10px 15px 10px;
	border: 0px;
}

form.header_login label {
	border: 0px;
	width: 8em;
	padding: 0px;
	display: inline;
	margin: 0px 3px 0px 0px;
}

form.header_login input {
	width: 120px;
}

form.header_login p {
	display: inline;
	height: 17px;
	width: 150px;
	margin: 0px 5px 10px 5px;
	vertical-align: middle;
}

form.myform input, form.myform select, form.myform textarea, form.header_login input { 
	border: 3px solid white; 
	width: 100%;
	box-sizing: border-box;
	left: 8px;
	bottom: 8px;
	background-color: #676767;
	color: white;
	font-size: 16px;
	-moz-box-shadow:    inset 5px 0 5px -5px black, inset 0 5px 5px -5px black;
	-webkit-box-shadow: inset 5px 0 5px -5px black, inset 0 5px 5px -5px black;
	box-shadow:         inset 5px 0 5px -5px black, inset 0 5px 5px -5px black;
}

form.header_login input#image_submit { width: auto; height: auto; border: none; float: right; margin-top: 6px; background-color: transparent; box-shadow: none;  }

form span.my_form_error {
	font-size: 9px;
	position: absolute;
	left: 90px;
	top: -14px;
	color: white;
	padding: 1px 7px 9px 7px;
	background: url(/media/img/form_error_msg_bckg.png) left top no-repeat;
}

form#dynamictableform, form#dynamictableformdelete {
	display: inline;
}

form.myform {
	text-align: left;
	display: inline;
	font-size: 12px;
	color: white;
	width: 100%;
}

form.myform .form_column {
	margin-left: 20px;
}

form.myform .form_column:first-of-type {
	margin-left: 0px;
}

form.myform legend {
	padding-left: 0;
	font-size: 14px;
}

form.myform legend, form.myform label {
	color: #262626;
}

fieldset p {
	position: relative;
}

form.myform fieldset p + p {
	margin-top: 5px;
}

form.myform fieldset p img {
	display: inline;
}

form.myform label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic
}

form.myform span.my_form_error {
	font-size: 10px;
	position: absolute;
	left: 120px;
	top: 18px;
	color: #F5F5F5;
	padding: 1px 7px 9px 7px;
	background: url(/media/img/form_error_msg_bckg.png) left top no-repeat;
	height: 12px;
}
form.myform > * {
	padding: 0;
	font-size: 16px; 
}
form.myform span, form.myform label {
	padding: 0px;
}

legend {
	background: #F5F5F5;
	border: 1px solid black;
	padding: 2px 30px;
	color: white;
}

label {
	width: 6em;
	text-align: left;
	margin-right: 5px;
	display: block;
	padding-left: 0;
	display: inline-block;
}

form#dynamictableform, form#dynamictableformdelete {
	display: inline;
}

form.myform legend {
	padding-left: 0;
	font-size: 14px;
	display: none;
}

form.myform legend, form.myform label {
	
}

fieldset {
	padding: 10px;
	margin: 0px;
	background-color: none;
	border: 0px;
	width: auto;
}

form#myform fieldset {
	margin-bottom: 20px;
}

form.myform fieldset p + p {

}

form.myform fieldset p img {
	display: inline;
}

form.myform label.error, label.error {
	color: red;
	font-style: italic
}

form.myform span.my_form_error {
	font-size: 10px;
	position: absolute;
	left: 210px;
	top: -7px;
	color: #262626;
	padding: 1px 7px 9px 7px;
	background: url(/media/img/form_error_msg_bckg.png) left top no-repeat;
	height: 10px;
	text-shadow: none;
}

form.myform span, form.myform label {
	padding: 0px;
}

form.myform input[type="submit"], #proceed_order, #cookie_warning span {
	float:left;
	width: auto;
	min-width: 200px;
	border: 3px solid white;
	cursor:pointer;
	background-color: #676767;
	color: white;
	font-size: 16px;
	padding: 10px 10px 10px 10px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	text-shadow: grey 1px 1px 1px;
}

form.myform input[type="submit"]:hover, #proceed_order:hover, #cookie_warning span:hover {
	background-color: black;
	text-decoration: none;
	cursor: pointer;
	color: white;
}

form.myform input[type="submit"]:focus, #proceed_order:focus {
	background-color: black;
	text-decoration: none;
	color: white;
}

form.myform input[type=file] {
	background-color: grey;
	font-weight: bold;
	color: white;
}

input[type="text"], select, input[type="password"] {
	width: 100%;
	padding: 10px 10px 10px 10px;
} 

form.myform textarea {	border: 3px solid white; width: 100%; box-sizing: border-box; padding: 4px 10px 4px 10px;}
form.myform input[type="checkbox"] { border: none; -webkit-box-shadow: none; box-shadow: none; }
form.myform input.my_form_error, input.my_form_error, input.my_form_error:focus, form.myform select.my_form_error, form.myform  textarea.my_form_error  { border: 3px solid red; }
form.myform #fileup { border: 3px solid white; width: 100%; }
form.myform #image_submit { width: auto; }
form.myform button { width: 50px; }
form.myform h2 { width: auto; text-align: left; padding-left: 30px; font-style: italic;  }

form.myform input.checkbox {
	border: none
}

form input:focus, form textarea:focus, form select:focus {
	background-color: black;
	color: #F5F5F5;
}

form.myform legend {
	padding: 3px 10px;
	font-weight: bold;
	_margin: 0 -7px;
}

form.myform fieldset p {
	padding: 0;
	text-align: left;
	list-style: none;
	margin: 0;
	min-height: 25px;
}

form.myform fieldset p.center_text, p.center_text {
	text-align: center;
}

form.myform p#post_action_error {
	padding: 15px 10px 0px 35px;
	background-image: url('/media/img/icons/error.png');
	background-repeat: no-repeat;
	background-position: 11px 13px;
	background-color: red;
}

form.myform fieldset fieldset legend {
	padding: 0px 0px 5px;
	font-weight: normal;
}

form.myform fieldset fieldset label {
	display: block;
	width: auto;
}

form.myform label {
	display: inline-block;
	line-height: 1.9;
	vertical-align: top;
	margin-right: 10px;
	width: 100%;
}

#radio > label {
	margin-left: 200px;
	width: 490px;
	text-align: left;
}

#radio > label #title {
	font-size: 14px;
}

form.myform label #langName {
	font-style: italic;
}

#image_submit {
	border: 0;
}

/* ------------ forms formatting end ------------- */

#cookie_warning span {
	width: 300px;
}

table, td, th {
	border-collapse: collapse;
	font-size: 14px;
	border: 0px;
}

th, th a, th a:hover {
	padding: 5px;
	background-color: white;
	text-decoration: none;
}

th a:active {
  padding: 5px 4px 5px 6px;
}

td {
	text-align: left;
	/*border: 4px solid #858585;*/
	padding: 0;
}

pre {
	text-align: left;
	font-size: 12px;
}

p {
	margin: 0;
}

#pages {
	width: auto;
	margin: auto;
}

#prod_view_setup {
	position: absolute;
	top: 0px;
	right: 18px;
}

#prod_view_setup > div, #prod_view_setup > a {
	float: left;
	margin: 17px 0 0 8px;
	width: 25px;
	height: 21px;
}

div#ppp {
	width: auto;
}

select#ppp {
	height: 22px;
	color: black;
	padding: 0;
}

.list_set {
	background: url(/media/img/views_b.png) no-repeat;
}

.list_set:hover {
	cursor: pointer;
}

.rows_i {
	background-position: 0px -21px;
}

.rows_i:hover {
	background-position: 0px 0px;
}

.rows_a {
	background-position: 0px 0px;
}

.thumbs_i {
	background-position: -25px -21px;
}

.thumbs_i:hover {
	background-position: -25px 0px;
}

.thumbs_a {
	background-position: -25px 0px;
}

#pages, #pages a, #pages a:hover {
	text-decoration: none;
	text-align: center;
}

#pages div a {
	color: white;
	border: 1px #FFE433 solid;
	padding: 2px 5px 2px 5px;
	background-color: #858585;
	width: 25px;
	display: block;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#pages div a:hover {
	color: white;
	background-color: #FFE433;
}

#pages > div {
	float: left;
	margin-left: 3px;
}

#pages > div:first-child {
	margin-left: 0px;
}

#pages > div:first-child > a {
	width: auto;
}

#pages > div:last-child > a {
	width: auto;
}

#pages > #highlight a, #highlight a:hover {
	color: black;
	background-color: #989898;
	border-color: #989898;
}

#listing table {
	margin-top: 10px;
	width: 100%;
}

.loading, .loading1 {
	position: absolute;
	top: auto;
	bottom: auto;
	left: auto;
	right: auto;
}

.loading {
	margin-left: 20px;
}

.loading1 {
	margin: 3px 0px 0px 3px;
	z-index: 3;
}

#sortable {
	text-align: left;
}

#sortable div {
	padding: 10px;
	margin: 5px;
	width: 100px;
	height: 60px;
	float: left;
	padding-left: 10px;
	border: 1px white solid;
	overflow: hidden;
}

#sortable div #image_submit {
	vertical-align: top;
}

.standard_table tr {
	/*background-color: #858585;
	border: 1px white solid;
	outline: medium none;
*/
}

.standard_table tr:hover {
	background-color: #FFE433;
	cursor: pointer;
}



.valid {
}

iframe {
	border: 0px solid black;
}

#form_comment, #form_comment a, #form_comment_left, #form_comment_left a {
	font-size: 18px;
	color: white;
	text-transform: lowercase;
}

#form_comment a, #form_comment_left a, /*#form_comment_leftwo,*/ #form_comment_left2 a {
	color: white;
}

#form_comment, #form_comment a {
	text-align: center;
	font-style: italic;
}

#form_comment a:hover, #form_comment_left a:hover, #form_comment_left2 a:hover {
	color: black;
	text-decoration: none;

}
#form_comment_left3 {
	margin: 3px 0;
  font-size: 10px;
}

#form_comment_left, #form_comment_left a {
	text-align: left;
	padding: 5px 0px 5px 0px;
	/*5px 0px 5px 215px;
*/
	min-height: 0px;
}

#form_comment {
	padding: 10px 10px;
	border-top: 1px solid black;
	min-height: 15px;
	margin-top: 20px;
}

#form_comment_leftwo {
	border-bottom: 1px solid black;
	margin: 0px 15px 10px 10px;
	font-size: 14px;
	min-height: 0px;
	padding: 5px 0px 15px 0px;
}

#form_comment_picture {
	margin-left: 215px;
}

#login_box > img {
	vertical-align: middle;
}

#cms_body_right_panel {
	float: left;
	text-align: left;
}

#cms_body_left_panel {
	float: left;
	text-align: left;
	margin-right: 10px;
	width: 230px;
}

#cms_body_left_panel ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	-moz-box-shadow: 1px 2px 5px #ccc;
	-webkit-box-shadow: 1px 2px 5px #ccc;
	box-shadow: 1px 2px 5px #ccc;
}

#cms_body_left_panel li {
	list-style-type: none;
	width: 230px;
	height: 23px;
	margin-bottom: 1px;
	background-color: #DCDCDC;
	color: #555555;
}

#cms_body_left_panel li#active {
	color: #555555;
	background-color: #F3F3F3;
}

#cms_body_left_panel ul li a {
	color: #555555;
	text-shadow: #DCDCDC 1px 1px 1px;
	display: block;
	padding-top: 5px;
	padding-bottom: 7px;
	padding-left: 5px;
	text-decoration: none;
}

#cms_body_left_panel li#inactive:hover {
	background-color: #F3F3F3;
	color: #555555;
}

#cms_body_left_panel li#inactive a:hover {
	color: #555555;
}

#cms_body_left_panel li#inactive {
	background-color: #DCDCDC;
}

#cms_body_left_panel li#inactive a {
	color: #555555;
	text-shadow: #DCDCDC 1px 1px 1px;
}

	#cms_body_left_panel acolor: white;
	text-decoration: none;
	font-size: 9px;
}

#cms_body_left_panel a:hover {
	color: white;
}

#cms_body_left_panel #active a {
	color: #555555;
	text-shadow: #DCDCDC 1px 1px 1px;
}

.jstree-grid-wrapper {
	text-align: left;
}

.jstree-grid-header {
	padding: 3px;
}

.jstree-leaf {
	background-color: white;
}

.jstree_admin_options > img {
	border: none;
}

#dialog {
	display: none;
}

#active_items_container, #available_items_container {
	float: left;
	margin-top: 10px;
	margin-left: 30pxpadding: 10pxmargin-right: 10px;
	color: white;
	min-height: 400px;
}

#active_items, #available_items {
	margin-top: 3px;
	margin-bottom: 10px;
	list-style-type: none;
	padding: 2px;
	width: 360px;
	min-height: 100px;
	background-color: #858585;
	color: white;
	-moz-border-radius: 3px;
	border-radius: 3px;
	min-height: 400px;
	border: 1px solid white;
}

#active_items li, #available_items li {
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 6px;
	width: 322px;
	cursor: move;
	background-color: #858585;
	color: white;
	border: 1px solid white;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#active_items li:hover, #available_items li:hover {
	background-color: #FFE433;
	cursor: move;
}

.fileupload-buttonbar .ui-button input {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	border: solid transparent;
	border-width: 0 0 100px 200px;
	opacity: 0;
	filter: alpha(opacity=0);
	-o-transform: translate(250px, -50px) scale(1);
	-moz-transform: translate(-300px, 0) scale(4);
	direction: ltr;
	cursor: pointer;
}

.fileinput-button {
	overflow: hidden;
}

/* Fix for IE 6: */
*html .fileinput-button {
	padding: 2px 0;
}

/* Fix for IE 7: */
*+html .fileinput-button {
	padding: 2px 0;
}

.fileupload-buttonbar {
	padding: 0.2em 0.4em;
}

.fileupload-buttonbar .ui-button {
	vertical-align: middle;
}

.fileupload-content {
	padding: 0.2em 0.4em;
	border-top-width: 0;
}

.fileupload-content .ui-progressbar {
	width: 200px;
	height: 20px;
}

.fileupload-content .ui-progressbar-value {
	background: url(/media/img/editor/jqueryui/ui-lightness/images/pbar-ani.gif);
}

.fileupload-content .fileupload-progressbar {
	width: 400px;
	margin: 10px 0;
}

.files {
	margin: 10px 0;
	border-collapse: collapse;
}

.files td {
	padding: 5px;
	border-spacing: 5px;
}

.files img {
	border: none;
}

.files .name {
	padding: 0 10px;
}

.files .size {
	padding: 0 10px 0 0;
	text-align: right;
	white-space: nowrap;
}

.ui-state-disabled .ui-state-disabled {
	opacity: 1;
	filter: alpha(opacity=100);
}

.ui-state-disabled input {
	cursor: default;
}

.fileinput-button {
	width: 180px;
}

.data_table_footer {
	background-color: white;
	text-align: left;
	border: 1px solid white;
	font-size: 12px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

.data_table_footer ul {
	margin: 0px;
	padding: 0px 6px;
	height: 22px;
	list-style-type: none;
	display: inline-block;
}

.data_table_footer > ul > li > a, .data_table_footer > ul > li > a:hover {
	display: block;
	margin: 3px;
	color: white;
	text-decoration: none;
}

.data_table_footer  img {
	vertical-align: middle;
	margin-right: 5px;
}

#fade {
/*--Transparent background layer--*/
	display: none;
/*--hidden by default--*/
	background: black;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: .90;
	z-index: 9999;
}

.popup_block, .popup_alert {
	display: none;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 99999;
}

.popup_alert > #pahead {
	background: black;
	padding: 10px 20px 10px 20px;
	color: #F5F5F5;
}

.popup_alert > #pabody {
	background: #9B9999;
	font-size: 12px;
	padding: 10px 20px 10px 20px;
	min-height: 80px;
}

img.btn_close {
	position: absolute;
	right: 0px;
	width: 40px;
	height: 40px;
	margin: -25px -20px 0 0;
	border: none;
}

/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}

*html .popup_block, *html .popup_alert {
	position: absolute;
}

div.cycle-slideshow {
	clear: both;
	z-index: 0;
	position: relative;
	width: 100%;
	height: 500px;        
	overflow: visible;
}

div.cycle-slideshow img, div.cycle-slideshow img a {
	display: inline-block;
}

div.cycle-slideshow span.fancy-caption-box {
	z-index: 110;
	text-shadow: grey 1px 1px 1px;
	padding: 0px;
	color: #FFE433;
	font-size: 45px;
	font-weight: bold;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	margin: 0 auto;
	display: inline-block;
	cursor: default;
	
}
div.cycle-slideshow span.fancy-caption-box a {
	color: #FFE433;
	text-decoration: none;
}
div.cycle-slideshow span.fancy-caption-box a:hover {
	color: #FFE433;
	text-decoration: none;
}

div.cycle-slideshow span.fancy-desc-box {
	z-index: 110;
	position: absolute;
	color: #FFE433;
	text-shadow: grey 1px 1px 1px;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 60%;
	transform: translateY(-60%);
	display: inline-block;
	font-weight: 500;
}

div.cycle-slideshow span.fancy-desc-box span {
	padding-top: 10px;
	border-top: 1px solid #FFE433;
}

div.cycle-slideshow #nav {
	width: auto;
	right: 50%;
	top: 105px;
	position: absolute;
	pointer-events: auto;
	z-index: 101;
	margin: 0 -500px 0 0;
}

div.cycle-slideshow #nav span {
	display: block;
	padding: 3px;
	margin: 6px;
	background-image: url('/media/img/slide_dot_i.png');
	background-repeat: no-repeat;
	opacity: 0.7;
	filter: alpha(opacity=70);
	display: block;
	float: left;
	height: 16px;
	width: 16px;
	line-height: 14px;
	text-decoration: none;
}

div.cycle-slideshow #nav span:hover {
	text-decoration: none;
	cursor: pointer;
}

div.cycle-slideshow #nav span.cycle-pager-active {
	background-image: url('/media/img/slide_dot_a.png');
}

div.cycle-slideshow > div {
    margin: 0;
    overflow: hidden;
    width:100%;
}

div.cycle-slideshow > div #image {
    background-position: center center;
    background-size: cover;
    display: block;
    height: 500px;
    width: 100%;
}
/*
#gallery_window .slideshow_container { padding: 20px; text-align: center; }
#gallery_window .slideshow_container .slideshow { clear: both; width:480px; height: 480px; }
#gallery_window .slideshow_container .slideshow img { cursor: pointer; }
#gallery_window .slideshow_container #nav { width: auto; margin: 0px auto 0px auto; padding: 0px; margin: -6px; }
#gallery_window .slideshow_container #nav li { float: left; margin: 0px 6px 6px 6px; list-style: none; display: inline: block;}
#gallery_window .slideshow_container #nav a { padding: 3px; display: block; border: 1px solid black;  }
#gallery_window .slideshow_container #nav li.activeSlide a { background: #262626 }
#gallery_window .slideshow_container #nav a:focus { outline: none; }
#gallery_window .slideshow_container #nav img { border: none; display: block; width: auto; height: 58px;}
*/
.gallery {
	list-style-type: none;
	padding: 0;
}
.gallery li {
	display: inline-block;
	margin: 5px;
	padding: 5px;
	border: 1px solid white;
}
.gallery li:hover {
	border: 1px solid black;
}

.basket_inf {
	background-color: white;
    bottom: -38px;
    height: 80px;
    padding-left: 40px;
    position: absolute;
    right: 20px;
    width: 220px;
    z-index: 10;
}
.basket_inf > a#basket_inf {
	color: #F5F5F5;
    font-size: 20px;
    font-weight: bold;
    height: 25px;
    min-width: 180px;
    padding: 0 0 0 25px;
    position: absolute;
    text-align: left;
    text-decoration: none;
    top: 30px;
    z-index: 10;
}

.basket_inf > a#basket_inf:hover {
	cursor: pointer;
	color: white;
}

#basket_total_amount > span {
	position: relative;
	height: 24px;
	bottom: -1px;
	left: -3px;
	font-size: 20px;
	color: #262626;
	font-weight: bold;
	text-align: center;
}

.basket_inf > a#basket_inf > span {
	margin-left: 0px;
}

.basket_inf .basket_mgmt_item {
	position: relative;
	left: -16px;
	top: -9px;
	background-image: url("/media/img/icons/basket_new.png");
	padding: 5px;
	width: 36px;
	height: 29px;
}

#basket_title {
	font-size: 16px;
	color: white;
}

#basket_title > span {
	
}

a.poplight {
	display: block;
}

div.multiform {
	height: 34px;
	margin-top: 48px;
	background: linear-gradient(to bottom, black, #858585);
	background-size: 100% 34px;
	background-repeat: no-repeat;	
}

.multiform ul {
	margin: 0 auto 0 auto;
	display: table;
}

.multiform ul li {
	height: 34px;
	box-sizing: border-box;
	display: inline-block;
	list-style-type: none;
}

.multiform li {
	position: relative;
	padding: 9px 20px 9px 20px; 
	color: #262626;
	/*text-shadow: 1px 1px 1px black;*/
	cursor: default;
	transition: all 200ms linear 0s;
}

.multiform li#navailable {
	background: linear-gradient(to bottom, black, #858585);
	color: #262626;
	/*text-shadow: 1px 1px 1px white;*/
	cursor: default;
	transition: all 200ms linear 0s;
}

.multiform li#active, .multiform li#available:hover, .multiform li#active:hover {
	background: linear-gradient(to bottom, white, #9B9999);
	background-size: 100% 34px;
	
}

.multiform li#available a {
	color: black;
	text-shadow: 1px 1px 1px #262626;
}

.multiform li#active a, .multiform li#available:hover a {
	color: #262626;
	/*text-shadow: 1px 1px 1px #262626;*/
}

.multiform li a {
	padding: 7px 0px 7px 0px;
}

.multiform li a:hover {
  text-decoration: none;
}

#cleaner {
	clear: both;
}

#subpage_content {
	text-align: left;
	width:100%;
}

#column_subpage {
	display: flex;
}

/*#subpage_content a {
	text-decoration: underline;
}*/

#subpage_content h1 a {
	text-decoration: none;
	color: #F5F5F5;
	text-transform: lowercase;
}

#subpage_content h2 a {
	text-decoration: none;
	color: #F5F5F5;
	text-transform: lowercase;
}

#subpage_content img, #subpage_content img a, #pdesc img, #pdesc img a, .body_content_right img, .body_content_right img a {
	/*border: medium none;
	display: inline-block;
*/
}

.main-frame-ul li {
	flex: 0 0 auto;
}

#scontainer {
	float: left;
	width: 499px;
	min-height: 150px;
	margin-bottom: 20px;
	text-align: left;
}

#scontainer:nth-child(even) {
	margin-left: 20px;
}

#scontainer H3 {
	margin-left: 50px;
	margin-top: 15px;
}

#scontainer ul {
	list-style-type: none;
	padding: 0px;
	margin: 15px 0px 0px 20px;
}

#scontainer ul li {
	background: url('/media/img/arrow1.png') no-repeat scroll 0px 2px transparent;
	padding-left: 25px;
	margin-bottom: 5px;
}

.news {
	background: url('/media/img/iconews.png') no-repeat scroll 10px 10px #858585;
}

.require {
	background: url('/media/img/icolinks.png') no-repeat scroll 10px 10px #858585;
}

#form_rules_agreed_chck_box {
	display: none;
	visibility: hidden;
}

/* jQuery customization */
.ui-widget-content {
	/*border: 1px solid #aaaaaa;
*/
	background: ;
	color: white;
}

.ui-widget {
}

.ui-widget-header {
	background: none;
	border: none;
}

.ui-tabs-nav li a, .ui-state-default {
	text-shadow: none;
}

.ui-state-active {
	/*text-shadow: #F5F5F5 1px 1px 1px;
*/
}

#gsearch {
	position: absolute;
	right: 50%;
	margin-right: -557px;
	top: 155px;
	width: 260px;
	display: block;
	box-sizing: border-box;
}

*/
#ppn {
	min-width: 300px;
	float: left;
	display: table-cell;
}

#ppv {
	min-width: 300px;
	position: relative;
	display: table-cell;
}

.btn {
  /*background: linear-gradient(to bottom, white, #d8d8d8);*/
  /*border-radius: 6px;*/
  box-shadow: 0px 1px 2px #666666;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
}

.btn:hover {
  background: linear-gradient(to bottom, #9B9999, #989898);
  padding: 5px 10px 5px 10px;
  text-decoration: none;
}

table.basket_table thead  {
	/*display: table-cell;*/ 
}
table.basket_table tbody { 
	/*display: block;*/
}

table.basket_table thead {
	background-color: #F5F5F5;
}


table.basket_table tbody {
	height: 400px;       /* Just for the demo          */
    overflow-y: auto;    /* Trigger vertical scroll    */
    overflow-x: hidden;  /* Hide the horizontal scroll */
}

table.basket_table td {
	white-space: nowrap;
	height: 60px;
}

table.basket_table td:nth-child(2) {
    white-space: normal;
} 

@font-face {
    font-family: 'Mono Social Icons Font';
    src: url('/css/MonoSocialIconsFont/MonoSocialIconsFont-1.10.eot');
    src: url('/css/MonoSocialIconsFont/MonoSocialIconsFont-1.10.eot?#iefix') format('embedded-opentype'),
         url('/css/MonoSocialIconsFont/MonoSocialIconsFont-1.10.woff') format('woff'),
         url('/css/MonoSocialIconsFont/MonoSocialIconsFont-1.10.ttf') format('truetype'),
         url('/css/MonoSocialIconsFont/MonoSocialIconsFont-1.10.svg#MonoSocialIconsFont') format('svg');
    src: url('/css/MonoSocialIconsFont/MonoSocialIconsFont-1.10.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.symbol, a.symbol:before {
    font-family: 'Mono Social Icons Font';
    -webkit-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -o-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

a.symbol:before {
    content: attr(title);
    margin-right: 0.3em;
    font-size: 130%;
}
div#search {
	position: absolute;
	right: 2px;
	top: -29px;
}
div#search:after {
	content: "";
	width: 25px;
	height: 22px;
	background: url('/media/img/sug_ico.png') no-repeat;
	left: 6px;
	top: 4px;
	position: absolute;
	background-position: -50px 0px;
	z-index: 3;
}
#keyword {
	font-size: 1em;
	right: 0px;
	position: relative;
	border: none;
	padding-left: 35px;
	position: relative;
	z-index: 2;
	box-sizing: border-box;
}

#keyword {
	padding: 6px 0px 6px 35px;
}
ul#search_results {
	margin: 0;
	padding: 0;
	visibility: hidden;
	z-index: 101;
	display: absolute;
	border: 1px solid #c0c0c0;
	position: relative;
}

#search_results li {
	padding: 3px;
	font-family: Helvetica;
	border-bottom: 1px solid #c0c0c0;
	list-style-type: none;
	padding: 5px 10px;
	background-color: #d8d8d8;
	color: black;
	position: relative;
}
#search_results li:after {
	content: "";
	width: 25px;
	height: 22px;
	background: url('/media/img/sug_ico.png') no-repeat;
	right: 3px;
	top: 2px;
	position: absolute;
}
#search_results li#category:after {
	background-position: 0px 0px;
}

#search_results li#suggestion:after {
	background-position: -25px 0px;
}

#search_results li:last-child {
	border-bottom: 0px;
}

#search_results li:hover, #search_results li.selected {
	background-color: white;
	color: black;
	cursor: pointer;
}

.float_left {
	float: left;
}

.element_to_window_width {
	width: 100vw;
	margin-left: calc(-50vw + 50%);
}

.container_width {
	width: 1240px;
	margin: 0 auto;
}

.full_row {
	width: 100%;
}

.half_row {
	width: 50%;
}

.one_third_row {
	width: 33.3333%;
}
.two_thirds_row {
	width: 66.6667%;
}

.one_fourth_row {
	width: 25%;
}

.three_fourth_row {
	width: 75%;
	overflow: hidden;
}

.element_to_page_width {
	width: 100%;
}

/* cookie warning section start */

#cookie_warning {
	padding: 1em 0 1em 0;	
	display: block;
	position: fixed;
	bottom: 0;
	width: 100vw;
	z-index: 100;
	background-color: rgba(0,0,0,.8);
	color: white;
	text-align: left;
}

#cookie_warning span {
	display: block;
	text-align: center;
	padding: 5px;
	height: auto;
}

.hidden_element {
	display: none !important;
    visibility: hidden !important;
}

/* cookie warning section end */

#mobnav-btn {
    display: none;
    font-size: 20px;
    color: white;
    padding: 24px;
    cursor: pointer;
    background: transparent url('/media/img/rmenu.png') no-repeat center top;
}

.mobnav-subarrow {
    display: none;
}

/*@media screen and (max-device-width: 480px), screen and (max-width: 480px) {*/
	@media screen and (max-width: 750px) {
	#body {
		margin: 0;
	}
	#breakpoint_indicator { 
		z-index: -2;
	}
	#container, #header, #body, #footer, #base_menu_wrapper, #base_menu, #myCanvas, #myCanvasContainer, #hp_under_titles, #lists, #scontainer, .hp_text_container, .element_to_page_width, .hptitles_ul, #footer_wrapper, .container_width {
		width: 100%;
		margin-left: 0;
		padding-left: 0;
	}
	div#subpage_content, div.body_content_right, div.body_content_right_eshop, div.body_content_right_product, .logos {
		width: 94%;
		padding: 0 3% 0 3%;
	}
	.logos {
		flex-wrap: wrap;
	}
	.logos img {
		height: auto !important;
		width: 90px !important;
		margin: 10px !important;
	}
	#subpage_content #cnodes_inline:first-child {
		padding-left: 20px;
	}
	
	#column_subpage {
		flex-flow: column;
	}
	#body_content_r {
		order: 1;
	}
	#body_content_l {
		order: 2;
	}
	#hptitles {
		padding-bottom: 0;
	}
	#hptitles > div:first-child {
		font-size: 18px;
	}
	#hptitle_under_slides {
		margin-top: 20px;
	}
	#hptitles ul > li {
		display: inline-block;
		margin: 0 auto 20px auto;
	}
	
	.hptitles_ul > li {
		display: inline-block;
		width: 100%;
		margin: 0 auto 20px auto;
	}
	.two_thirds_row, .one_fourth_row, .one_third_row, .half_row, .three_fourth_row, .one_fourth_row {
		width: 100%;
	}
	.float_left {
		float: none;
	}
	#pwrapper {
		display: block;
	}
	#pwrapper > #pimg {
		float: none;
	}
	#pwrapper > #pimg img {
		width: 100%;
	}
	#pwrapper_head {
		overflow: auto;
	}
	.body_content_right_eshop #cnodes_inline, .body_content_right #cnodes_inline {
		width: 100vw;
		margin-left: -20px;
	}
	.hptitles_ul {
		table-layout: auto;
		margin-left: 0 !important;
	}
	#hptitles ul, #scontainer {
		text-align: center;
		min-height: 0;
	}
	#hptitles > ul > li > div > span:first-child {
		padding-bottom: 0;
	}
	#hptitles #hp_row_wrap {
		margin: 0 20px 0 20px;
	}
	.hp_text_container {
		padding: 0px 3% 0 3%;
		margin-top: 0;
	}
	.hp_elm_padding {
		padding: 0 0;
	}
	.cycle-slide .hpimg {
		width: 240px !important;
	}
	#hptitles li div.hpimg a img, #hptitles li div.hpimg img{
		width: 150%;
		height: 100%;
	}
	
	#hptitles li div.hpimg {
		margin: 0 auto;
	}

	#container, #header, #body, #footer, #base_menu_wrapper, #base_menu, #myCanvas, #myCanvasContainer, #hp_under_titles, #lists, #scontainer, #subpage_content, .body_content_right, .body_content_right_eshop, .body_content_right_product, div.body_content_right, div#body_wrapper, #header-wrapper, #footer1, #footer2 {
		width: 100%;
		margin-left: 0;
		padding-left: 0;
	}
	.element_to_page_width, #cookie_warning_wrapper {
		width: 100%;
		margin: 0 auto;
		right: 0;
		left: 0;
	}
	#plist_rw > div > div#descInList {
		width: auto;
	}
	#cookie_warning_wrapper {
		padding: 3%;
		box-sizing: border-box;
	}
	#base_menu {
		z-index:2;
		height: auto;
	}
	.sf-menu li {
		height: auto;
	}
	#base_menu_wrapper {
		top: 160px;
		height: auto;
	}
	#body_wrapper {
		display: flex;
		flex-direction: column-reverse;
	}
	#snav_wrapper {
		order: 1;
	}
	.body_content_left {
		width: auto;
	}
	.body_content_left ul { 
		margin: 0;
	}
	div.multiform {
		margin: 0;
	}
	#slideshowframe {
		display: none;
	}
	#header div#user_info_bckg {
		margin-top: 80px;
		width: 100%;
		right: 0px;
		height: 15px;
	}

	#headerText {
		display: none;
	}
	#scontainer ul {
		text-align: left;
	}
	#logo > img {
		position: absolute;
		margin: 20px auto 0 auto;
		right: 0; left: 0;
	}
	#subpage_content, div.body_content_right {
		width: 94%;
		padding: 0 3% 0 3%;
	}
	#header div#user_info {
		top: 55px;
		margin: 0 auto;
		width: 100%;
		right: auto;
		text-align: center;
	}
	#header div#user_info #login_links, #header div#user_info #login_links a {
		position: relative;
		display: inline-block;
	}
	#login_links {
		margin-top: 8px;
	}
	div#search {
		top: -30px;
		left: auto;
		right: 2px;
		margin-left: 0px;
	}
	.basket_inf {
		background-color: white;
		height: 60px;
		padding-left: 20px;
		position: absolute;
		width: 160px;
		z-index: 10;
		right: auto;
		left: 50%;
		margin-left: -45px;
		bottom: -60px;
		text-align: center;
	}
	.basket_inf > a#basket_inf, .basket_inf .basket_mgmt_item, .basket_inf a > span {
		margin-top: -10px;
		padding: 0;
		position: relative;
		display: block;
	}
    #mobnav-btn {
        display: inline-block;
        position: absolute;
        top: 95px;
        left: 20px;
        margin-left: 0px;
    }

    .mobnav-subarrow {
        display: block;
        background-color: black;
        opacity: .5;
        border-bottom: 1px solid white;
        border-top: 1px solid black;
        height: 20px;
        width: 30px;
        background-position: top left!important;
        position: absolute;
        top: 8px;
        right: 10px;
        border-radius: 5px;
        cursor: pointer;
        border-radius: 5px;
        transition: all .1s ease-in-out;
    }
    .sf-menu {
        width: 100%!important;
        display: none;
    }
    .sf-menu.xactive {
        display: block!important;
    }
    .sf-menu li {
        float: none!important;
        display: block!important;
        width: 100%!important;
        border-bottom: 1px black solid;
    }
    .sf-menu li a {
        float: none!important;
    }
    .sf-menu ul {
        position:static!important;
        display: none!important;
    }
    .xpopdrop > ul {
        display: block!important;
    }
	
    .sf-arrows .sf-with-ul:after {
    	border-style: none;
    }
    .sf-menu a {
		border-left: none;
	}
	
	#header { 
		height: 160px;
	}
	div.multiform {
		height: auto;
	}
	.multiform ul {
		display: initial;
	}
	.multiform ul li {
		display: block;
	}
	#hp_prod_container {
		display: none;
	}
	#site_form2 {
		width: auto;
	}
	form.myform span.my_form_error {
		left: 150px;
		top: 13px;
	}
	img.ActCal {
		width: 100% !important;
		height: auto !important;
		margin: 10px 0 !important;
	}
	
}
