﻿@import url('form.css');
@import url('mailformplus.css');

/* main */
*, *::before. *::after {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;	
}

html{
 width: 99%;
}

body {
 width: 100%;
}

/*@media screen {*/
.cartemptyform, body { font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 11pt; }
.content_header { font-size: 14pt; font-weight:bold; }
.content_header_info { font-size: 14pt; font-weight:bold; }
header.top-navi .navi-wrapper .menu-item { font-size: 14pt;}
.logo { left: 43%; }

.menu_art_desc { font-weight: bold; display:table-cell; width: 150px;}
.menu_art_count { font-weight: normal; display:table-cell; width: 30px; text-align: right;}
.menu_product_txt {
	 padding-left: 5px;
}
.searchbox { font-size: 14pt;}
.info_msg { font-size:12pt; font-weight: normal; }
.detail_hdr, .relart_hdr, .form_art_hdr { font-size: 12pt; font-weight: bold; }
.relart_list, .form_art_list { font-size: 11pt; font-weight: normal; }
.product_desc, .product_desc td { font-size: 11pt; }
ul.ul_art_list { margin: 0px; padding-left: 20px;}
header.top-navi { height: 45px; }
.footer { font-size: 10pt; }
.cart_preview, .cartemptyform { font-size:11pt; font-weight: normal; }

p, .doc, .doc_left { font-size: 12pt; }
.doc_left_vcenter { font-size: 12pt; }
table.doc_border { font-size: 12pt; }
.preview_left { font-size: 12pt; }
td.info_left, td.info_right { font-size: 11pt; }
td.info_text { font-size: 11pt; }
.form_art_list { font-size:12pt; }
div.art_price_row { font-size: 8pt; font-weight:lighter; }
div.art_price_scaled { font-size: 8pt; font-weight:lighter; }
div.art_price_qty { font-size: 8pt; font-weight:lighter; }
.art_price_scaled_bold { font-size: 10pt; font-weight:bold; }
.avail_hdr { font-size:11pt; font-weight: bold; }
.avail_list { font-size:11pt; font-weight:normal; }
#slideshow_txt { font-size: 14pt; }
#fssList li a{ font-size:15pt; }
#fssList li.fssActive a { font-weight: bold; }

.loginform td { font-size: 11pt; }
.logindlg .login_hdr, .loginform .login_hdr { font-size: 11pt; }
.loginform .logout_hdr { font-size: 11pt; }
.logindlg td.login_desc{ font-size: 11pt; }
.logindlg td.login_hdr, .logindlg td .login_inp, .loginform td .login_inp { font-size: 11pt; }
.loginform a.login_footer { font-size: 10pt !important; }

#eu-cookie-message form input { font-size: 14pt; !important; }
#eu-cookie-message { font-size: 14pt; }
.art_container .art_price { font-weight: 800; font-size: 12pt; }
.art_container .art_price_s { font-weight: 800; font-size: 12pt; }
.art_container .art_price_info { font-weight: bold; font-size: 10pt; }
.art_price_org_cur { font-weight:bold; font-size: 12pt; }
.art_price_org { font-weight:bold; font-size: 10pt; }
.art_price_org_list_cur { font-weight:bold; font-size: 10pt; }
.art_price_org_list { font-weight:bold; font-size: 8pt; }
.art_price_detail { font-weight:bold; font-size: 11pt; }
.art_price_detail_right { font-weight: bold; font-size: 11pt; }
.art_price_detail_center { font-weight: bold; font-size: 11pt; }
.price_main { font-weight: 800; font-size: 16pt; }
.price__list { font-size: 12pt; }
.price_price_eqd { font-weight: 800; font-size: 10pt; }
.price_top { font-weight:bold; font-size: 10pt; }
.price_bottom { font-weight:bold; font-size: 12pt; }
.price_price { font-weight: 800; font-size: 14pt; }
.price__list_price { font-weight: 600; font-size: 11pt !important; }
.price_superscript { font-weight: 800; font-size: 10pt; }
.preview_hdr_val { font-weight: bold; }
.preview_hdr_msg { font-weight: bold; }
td.art_qty, .shipping_country, .shipment, .discount_btn, .cart_qty_inp, .prev_btn, .next_btn, .show_cart_btn { font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 11pt; }

@media only screen and (max-device-width : 1024px)  { 
 .footer, .footer a { font-size: 8pt; }
 .logo { left: 50%; }
}
@media only screen and (max-device-width : 512px)  { 
.content_header { font-size: 20pt; font-weight:bold; }
.content_header_info { font-size: 20pt; font-weight:bold; }
header.top-navi .navi-wrapper .menu-item { font-size: 16pt;}
.footer, .footer a { font-size: 9pt; }
.menu_art_desc { font-size: 18pt; width: 250px;}
.menu_art_count { font-size: 18pt;width: 30px;}
#cssmenu ul ul li a { width: 280px; }
}

.debug {
z-index: 2;
color:red;
}

header {
}

section {
 float:none;
}

.iF_PDF {
 border: 5px;
 position:relative;
}

#pdf {
 position:relative;
 top: 0px;
 left:0px;
 height: 1216px;
 width:860px;
}

.container {
 text-align: center !important;
}

.ccontainer {
 text-align: center !important;
}

.content {
 z-index: 2;
 position:relative;
 display:inline-block;
 width: 860px;
 min-width: 860px;
 min-height: 700px;
 top:35px;
}

.content_header {
 border-collapse:collapse; 
 border: 0px;
 margin-top: 20px;
 margin-left:-2px;
 padding:0px;
 text-align: left;
}
.content_header_line {
 border: 0px;
 margin-left:-2px;
 padding:0px;
 width: 860px;
 height: 1px;
 background: gray;
}

.content_header_info {
 padding: 30px;
 text-align: center;
}

.form_lbl {
 width: 180px;
}

.form_lbl_r {
 width: 180px;
 text-align: right;
}

.form_lbl_h {
}

.form_lbl_marker {
 width: 20px;
}

.form_inp_m {
 background:#F9DB0B;	
 width: 250px;
}

.form_inp_m_adr {
 background:#F9DB0B;	
 width: 100px;
}

.form_inp {
 background: white;	
 width: 250px;
}

.info_msg {
 width: 860px;
 color: black;
}

.cart_preview {
 width: 860px;
 background-color:white;
 color: black;
}
.cart_progress td.cart_titel {
}
.cart_progress td.cart_img {
}
.cart_progress td.cart_hdr {
}
.cart_progress td.cart_count {
}
.cart_progress td.cart_link_cash {
}
.cart_progress td.cart_link_onoff {
}

#box1 {
 background:#eeeeee;
 border-collapse:collapse; 
 border: 0px;
 display:none;
 z-index: 2;
}

p,
.doc,
.doc_left {
 text-align:left;
 vertical-align: top;
 border-collapse:collapse; 
}
.doc_left_vcenter {
 padding: 5px;
 text-align:left;
 vertical-align:middle;
 border-collapse:collapse; 
}

table.doc_border {
 text-align:left;
 vertical-align: top;
 border: 2px black solid;
 border-spacing: 10px;
 border-collapse: separate;
}

.doc_center {
 text-align:center;
 vertical-align: top;
 border-collapse:collapse; 
 width: 860px;
}

.preview_left {
 text-align:left;
 vertical-align: top;
 border-collapse:collapse; 
}
.cart_preview {
 border-collapse:collapse;
 padding:5px; 
}
.cart_preview td.cart_hdr_status,
.cart_preview td.cart_hdr_art,
.cart_preview td.cart_hdr_size,
.cart_preview td.cart_hdr_desc,
.cart_preview td.cart_hdr_qty,
.cart_preview td.cart_hdr_price,
.cart_preview td.cart_hdr_sum {
 font-weight:bold;
 height: 35px;
 padding: 5px; 
 border-bottom:thin gray dotted;
}

.cart_preview td.cart_status,
.cart_preview td.cart_art,
.cart_preview td.cart_size,
.cart_preview td.cart_desc,
.cart_preview td.cart_qty,
.cart_preview td.cart_price,
.cart_preview td.cart_sum {
 padding: 5px; 
 border-bottom:thin gray dotted;
}

.cart_preview td.cart_hdr_status,
.cart_preview td.cart_status {
 text-align:left;
 width: 60px;
}
.cart_preview td.cart_hdr_art,
.cart_preview td.cart_art {
 text-align:left;
 width: 80px;
}
.cart_preview td.cart_hdr_size,
.cart_preview td.cart_size {
 text-align:left;
 width: 40px;
}
.cart_preview td.cart_hdr_desc,
.cart_preview td.cart_desc {
 text-align:left;
 width: 350px;
}
.cart_preview td.cart_hdr_qty,
.cart_preview td.cart_qty {
 text-align:center;
 width: 90px;
}
.cart_preview td.cart_hdr_price,
.cart_preview td.cart_price {
 text-align:right;
 width: 120px;
}

.cart_preview_sum {
border: 0;
}

.cart_preview td.cart_sum_col0 {
 vertical-align:top;
 text-align:left;
 width: 390px;
 padding: 5px; 
}

.cart_preview td.cart_sum_col1 {
 text-align: right;
 width: 350px;
 background:#eeeeee;
 padding: 5px; 
}

.cart_preview td.cart_hdr_sum,
.cart_preview td.cart_sum {
 text-align:right;
 background:#eeeeee;
 min-width: 110px;
 width: 105px;
 padding: 5px; 
}
.cart_preview td.cart_sum_col2 {
 text-align:right;
 background:#eeeeee;
 min-width: 110px;
 width: 110px;
 padding: 5px; 
}
.cart_preview select.shipment {
 width: 150px;
 box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1);
}

.cart_preview img.cart_img_progress {
 border: 0px;
 width:64px;
 height: 64px;
}
.cart_preview td.cart_progress {
 width: 25%;
 height: 100px;
 border-bottom:thin gray dotted;
}
.form_main td.cart_next,
.cart_preview td.cart_next {
 text-align:right;
 width: 120px;
 padding: 5px; 
}
.form_main td.cart_prev,
.cart_preview td.cart_prev {
 text-align:left;
 width: 120px;
 padding: 5px; 
}
.form_main td.cart_center,
.cart_preview td.cart_center {
 text-align:center;
 width: 120px;
 padding: 5px; 
}

.show_cart_btn, 
.cart_preview td.cart_prev .prev_btn,
.cart_preview td.cart_center .next_btn,
.cart_preview td.cart_next .next_btn{
 top: 20px;
 background: #F9DB0B;
 color: black;	
 border:1;
 border-radius: 5px;
 width: 160px;
 height: 24px;
 text-align: center;
 vertical-align: middle;
}
.show_cart_btn {
 width: 200px;
}

td.info_left,
td.info_right {
 width: 50%;
 text-align: left;
 vertical-align: top;
 border-bottom:thin gray dotted;
}

td.info_text {
 text-align: left;
 vertical-align: top;
}

.form_main {
 text-align: left;
}

.form_main_contact {
 text-align: left;
 width: 480px;
}

.form_main_pw {
 text-align: left;
 width: 520px;
}

.form_lbl_b {
 text-align: left;
 width: 350px;
}

.form_lbl_e {
 text-align: left;
 width: 180px;
}

.detail_hdr,
.relart_hdr,
.relart_list,
.form_art_hdr,
.form_art_list {
 width: 860px;
}

.detail_hdr,
.relart_hdr,
.form_art_hdr {
 background-color:#d0d0d0;
 color: black;
}

.relart_list,
.form_art_list {
 background-color:white;
 color: black;
}

.detail_hdr td.detail_hdr_sdesc {
 vertical-align:top;
 text-align: left;
 width: 600px;
}

.detail_hdr td.detail_hdr_art {
 vertical-align:top;
 text-align: right;
 width: 260px;
}

.product_desc,
.product_desc td {
 vertical-align:top;
}

/* form_art */
.form_art_hdr td.art_desc,
.relart_hdr td.art_desc {
 vertical-align:top;
 text-align: left;
 width: 400px;
}
.form_art_hdr td.art_color,
.relart_hdr td.art_color {
 vertical-align:top;
 text-align: center;
 width: 120px;
}
.form_art_hdr td.art_price,
.relart_hdr td.art_price {
 vertical-align:top;
 text-align: right;
 width: 130px;
}
td.art_price_hdr {
 padding-right: 30px;
 vertical-align:top;
 text-align: right;
 width: 100px;
}

.form_art_list td.art_img,
.relart_list td.art_img {
 vertical-align:top;
 text-align: left;
 width: 150px;
 border-bottom:thin gray dotted;
}
.form_art_list td.art_desc,
.relart_list td.art_desc {
 vertical-align:top;
 text-align: left;
 width: 400px;
 border-bottom:thin gray dotted;
}
.form_art_list td.art_color,
.relart_list td.art_color {
 vertical-align:top;
 text-align: center;
 width: 120px;
 border-bottom:thin gray dotted;
}

.form_art_list td.art_price,
.relart_list td.art_price {
 vertical-align:top;
 text-align: right;
 width: 190px;
 font-weight:bold;
 border-bottom:thin gray dotted;
}


div.art_price_table
{
 display: table; 
 border-collapse:collapse;
 margin: 0px;
 padding:0px;
}

div.art_price_row
{
 display:table-row;
 vertical-align:bottom;
 color:gray;
}
div.art_price_scaled
{
 display:table-cell;
 vertical-align:bottom;
 color:gray;
 width: 80px;
}
div.art_price_qty
{
 display: table-cell;
 vertical-align:bottom;
 color:gray;
 width: 110px;
}
.art_price_scaled_bold
{
 display: table-cell;
 vertical-align: bottom;
 margin-left: 10px;
 color:black;
 width: 80px;
}

/* avail_hdr */
.avail_hdr {
 width: 370px;
 background-color:#d0d0d0;
 color: black;
}
.avail_list {
 width: 370px;
 background-color:white;
 color: black;
}
.avail_hdr td.art_size, art_size,
.avail_list td.art_size {
 text-align: center;
 width: 50px;
 vertical-align:middle;
}
.avail_hdr td.art_status,
.avail_list td.art_status {
 vertical-align:middle;
 text-align: center;
 width: 40px;
}
.avail_hdr td.art_price {
 vertical-align:middle;
 text-align: center;
 width: 180px;
}
.avail_list td.art_price {
 vertical-align:middle;
 text-align: right;
 width: 180px;
}
.avail_hdr td.art_qty,
.avail_list td.art_qty {
 vertical-align:middle;
 text-align: right;
 width: 50px;
}
.avail_hdr td.art_cart,
.avail_list td.art_cart {
 vertical-align:middle;
 text-align: right;
 width: 40px;
}

.slide_link {
 position:relative;
 width:100%;
 z-index: 1; 
 left: 0px; 
 margin: 0px; 
 padding: 0px;
 text-align:center;
 display: block;
}

#slideshow {
 position:relative;
 width:100%;
 z-index: 1; 
 left: 0px; 
 margin-top: 0px; 
 text-align:center;
 visibility:hidden;
}

#slideshow img.slide {
 display: none;
}

.slideshow_table3 {
 position:relative;
 text-align: center;
 vertical-align: bottom;
 width: 100%;
 z-index: 2; 
 height: 150px;
 display:none;
 bottom: 30px;
}

.slideshow_table4 {
 position:relative;
 vertical-align:bottom;
 text-align: center;
 width: 100%;
 height: 150px;
}

#slideshow_td3 {
 background-color:transparent;
 vertical-align:bottom;
 height:150px;
 width: 33%;
}
#slideshow_td4 {
 text-align: center;
 vertical-align: bottom;
 background-color:transparent;
 height:100px;
 width: 25%;
 padding: 5px;
}

#slideshow_item {
 border-collapse:collapse;
 width: 100%;
 text-align: center;
}

#slideshow_img {
 background-color:transparent;
 overflow:visible;
 text-align: center;
 height: 150px;
}

#slideshow_txt {
 background: #F9DB0B;
 text-align: center;
 height: 30px;
 border:2px;
 display:none;
}

#fssPrev{position:absolute;top:40px;left:0px;background:none;width:0px;height:0px;text-indent:-999999px;}
#fssNext{position:absolute;top:40px;left:0px;background:none;width:0px;height:0px;text-indent:-999999px;}
#fssPlayPause{position:absolute;top:40px;right:0px;background:none;width:0px;height:0px;text-indent:-999999px;}

#fssList{ list-style :none; width:0px; margin:0 0 0 0; padding: 0 0 0 0; z-index: 2}
#fssList li{display:block; bottom:0px; left: 0;padding-right:5px;}
#fssList li a{color:#999;text-decoration:none; line-height:15px; background-image:url('/images/bullet_notactive.png');background-repeat:no-repeat;}
#fssList li.fssActive a{color:#333;background-image:url('/images/bullet_active.png');background-repeat:no-repeat;}

/*@media screen {*/
.footer {
  padding: 5px;
  left: 0px;
  position: fixed;
  width: 100%;
  bottom: 0px;
  text-align: center;
  background-color: #293133;
  color: white;
  z-index: 2;
 }
/*}*/

@media print {
.footer {
  left: 0px;
  position:relative;
  width: 100%;
  bottom: 0px;
  text-align: center;
  background-color: #293133;
  color: white;
  font-size: 12pt;
 }
}

.footer a {
	color: white;
}

.logo {
 position: absolute;
 top: 0px;	
 margin-left: -82px;
 overflow:visible;
 z-index: 4;
}

.logo_img {
 padding:0;
 margin: 0px;
 background-repeat:no-repeat;
 width: 174px;
 height: 70px;
 display:block;
}

header.top-navi{
 width: 100%;
 position: fixed;
 top: 0px;
 left: 0px;
 background:#293133;
 color:white;
 z-index: 3;
}

/*}
@media print {
 header.top-navi{
  height:0px;
  min-width: 980px;
  width: 100%;
  position: relative;
  top: -20px;
  left: 0px;
  background:#293133;
  color:white;
  z-index: 1;
 }
}
*/
.menu-item {
 float:left;
}

@media only screen 
and (max-device-width : 1024px)  {

header.top-navi{
/* min-width: 900px; */
 background-color: #293133;
}

header.top-navi .navi-wrapper {
 width: 860px;
 left: 50%;
 margin-left: -430px;
 background-color: #293133;
 float:left;
}

header.top-navi .navi-wrapper .left {
 left: 0px;
 text-align: left;
 cursor: default;
}

header.top-navi .navi-wrapper .right {
 right: 0px;
 text-align: left;
 cursor: default;
}

header.top-navi .navi-wrapper .left,
header.top-navi .navi-wrapper .right {
 width: 400px;
 position:absolute;
}
header.top-navi .navi-wrapper .left {
 padding-left: 20px;
}

header.top-navi .navi-wrapper .left .menu-item {
 float:left;
}

header.top-navi .navi-wrapper .right .menu-item {
 float:right;
}

header.top-navi .navi-wrapper .menu-item {
 padding: 14px 0px;
 cursor: pointer;
}

.menu_a {
}

.menu_txt {
 margin: -10px 0px 0px 35px  !important;
 float:right;
 visibility:hidden;
 width: 0;
}
.menu_txt:hover {
 margin: -10px 0px 0px 35px  !important;
 float:right;
 visibility:visible;
}
}

@media only screen 
and (max-height : 800px) {
header.top-navi{
 top: -10px;
 left: -10px;
 position:relative;
 width:101%;
 padding:0px;
}
} 

@media only screen 
and (min-device-width : 1025px)  {
header.top-navi{
 min-width: 1024px;
}

header.top-navi .navi-wrapper {
 width: 1024px;
 left: 50%;
 margin-left: -512px;
 position: fixed;
 background-color: #293133;
 float:left;
}

header.top-navi .navi-wrapper .left {
 left: 0px;
 text-align: left;
 cursor: default;
}

header.top-navi .navi-wrapper .right {
 right: 0px;
 text-align: left;
 cursor: default;
}

header.top-navi .navi-wrapper .left,
header.top-navi .navi-wrapper .right {
 width: 512px;
 position: absolute;
}

header.top-navi .navi-wrapper .left .menu-item {
 float:left;
}

header.top-navi .navi-wrapper .right .menu-item {
 float:right;
}

header.top-navi .navi-wrapper .menu-item {
 padding: 14px 0;
 cursor: pointer;
}

.menu_a {
}

.menu_txt {
 margin: -10px 0px 0px 35px  !important;
 float:right;
 visibility:visible;
}

.menu_txt:hover {
 margin: -10px 0px 0px 35px  !important;
 float:right;
 visibility:visible;
}
}

@media only screen 
and (min-device-width : 1023px)  {
header.top-navi .navi-wrapper {
 position: relative;
}
}

.art-menu .menu-item {
 margin-right: 0px;
 float:left;

}

.artsearch {
	margin-left: 10px;
}
.searchbox {
margin-top: -4px;
padding: 2px;
padding-right: 20px;
border: 0px;
background: #808080;	
color: white;
width: 140px;
background-image: url('/images/lupe_a.png');
background-repeat: no-repeat;
background-position: right;
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
/* ...and now for the proper property */
transition:.5s;
 float:right;
}

.searchbox:hover {
padding-right: 20px;
border: 0px;
background:#F9DB0B;	
background-image: url('/images/lupe.png');
background-repeat: no-repeat;
background-position: right;
width: 150px;
color: black;
}
.searchbox::-ms-clear {
    display: none;
}

.cartemptyform {
 margin: 0;
 padding: 10px 10px 10px 10px;
 border:: #293133 2px;
 background-color: #808080;
 color: white;
 width: 200px;
}

.download_btn {
 top: 20px;
 background: #F9DB0B;
 color: black;	
 border:0px;
 border-radius: 5px;
 width: 460px;
 height: 34px;
 text-align: center;
 vertical-align: middle;
}

.loginform {
 margin: 0;
 padding: 15px 10px 5px 10px;
 border:: #293133 2px;
 background-color: #808080;
 color: white;
}

.loginform table {
 border: 0;
 cellpadding: 0;
 cellspacing: 0;
 border-collapse: collapse; 
 bordercolor: #111111;
 width: 160px;
} 

.loginform td {
 color: white;
 vertical-align: middle;
}
.loginform tr {
 height: 30px;
}

.logindlg .login_hdr,
.loginform .login_hdr {
 padding-left: 40px;
 text-align: left;
 width: 200px;
 height: 30px;
 vertical-align: middle !important;
}

.loginform .logout_hdr {
 padding-left: 10px;
 text-align: left;
 width: 200px;
 height: 30px;
 vertical-align: middle !important;
}

.logindlg td.login_desc{
 text-align: left;
 width: 80px;
}

.logindlg td.login_hdr,
.logindlg td .login_inp,
.loginform td .login_inp {
 text-align: left;
 width: 200px;
}

.logindlg td .login_btn,
.loginform td .login_btn {
 top: 20px;
 background: #F9DB0B;
 color: black;	
 border:0px;
 border-radius: 5px;
 width: 200px;
 height: 24px;
 text-align: center;
 vertical-align: middle;
}


.loginform a.login_footer {
 top: 0px  !important;
 padding: 0 0 0 0 !important;
 color: white !important;
 height: 16px !important;
 width: 200px !important;
 background: #808080 !important;
 border: 0px !important;
}

.logindlg {
 width: 360px;
 margin: 0;
 padding: 15px 10px 5px 10px;
 border:: #293133 2px;
}

.logindlg table {
 border: 0;
 cellpadding: 5px;
 cellspacing: 0;
 border-collapse: collapse; 
 bordercolor: #111111;
 width: 200px;
} 

.logindlg td {
 vertical-align: middle;
}

.logindlg tr {
 height: 30px;
}

.login_img, .logout_img, .info_img, .dl_img, .cartimg {
 margin: -11px 0px -11px 0px  !important;
 overflow: visible;
 border-style: none;
 width: 32px;
 height: 32px;
 background-repeat: no-repeat;
}

.login_img {
 background-image: url('/images/login.png');
}
.login_img:hover {
 background-image: url('/images/login_a.png');
}
.logout_img {
 background-image: url('/images/logout.png');
}
.logout_img:hover {
 background-image: url('/images/logout_a.png');
}

.info_img {
 background-image: url('/images/info.png');
}
.info_img:hover {
 background-image: url('/images/info_a.png');
}

.dl_img {
 background-image: url('/images/download.png');
}
.dl_img:hover {
 background-image: url('/images/download_a.png');
}

.cartimg {
 background-image: url('/images/cart4.png');
}
.cartimg:hover {
 background-image: url('/images/cart4_a.png');
}
.cartcount {
 margin: -10px 0px 0px 35px  !important;
 float:right;
 overflow: visible;
 border-style: none;
 color: #F9DB0B;
}
.cartcount:hover {
 margin: -10px 0px 0px 35px  !important;
 float:right;
 overflow: visible;
 border-style: none;
 color: #F9DB0B;
}

#eu-cookie-message{
position: relative;
left: 0;
top: 30px;
margin-bottom: 30px;
padding: 20px 5px 20px 5px;
text-align: center;
color: #000;
background-color: rgba(230,230, 230, 0.98);
border-width: medium;
border-bottom-color: black;
border-style:solid;
font-family: Verdana, Geneva, Tahoma, sans-serif;
z-index: 5;
}

#eu-cookie-message form{
border:0;
margin:0;
padding:0;
}

#eu-cookie-message form #btnCookieOk {
display: inline;
}

#eu-cookie-message form input{
display:inline;
margin: 15px auto 0 15px;
padding: 5px 10px 5px 10px;
background-color: #F6D000;
border: 2px solid #787252;
border-radius: 5px;
cursor: pointer;
}

#eu-cookie-message form a{
display:inline;
margin: 15px auto 0 15px;
padding: 5px 10px;
cursor: pointer;
font-weight: bold;
}

.preview {
 min-width: 60px;
 width: 60px;
 height: 60px;
}

.preview td {
 text-align:center;
 vertical-align:middle;
}
.preview:hover {
 border: 1px solid black;
}

.thumbnail {
 max-width: 50px;
 height: 50px;
}

.download_info {
border:thin gray dotted;
text-align:left;
padding: 5px 5px 5px 5px;
}

.preview_art {
padding-left: 16px;
padding-right: 16px;
min-width: 380px;
text-align:center;
}

.art_row {
 float:none;
 display: block;
}

.art_container {
 width: 244px;
 height: 370px;
 max-width: 286px;
 border-style:solid !important;
 border:thin;
 border-color:gainsboro;
 border-collapse:separate;
 padding: 10px;
 margin: 10px;
 text-align: center;
 display: block;
 float:left;
}

.art_container .art_img {
 vertical-align:text-bottom !important;
 height: 200px !important;	
}

.art_img:hover {
 animation: art_img_h 2s; 
}
@keyframes art_img_h {40% {transform: scale(1.05);}}

.art_container .art_no {
 padding-top: 10px;
}
.art_container .art_desc {
 padding-top: 5px;
 height: 50px;
}
.art_container .art_color {
 padding-top: 5px;
}
.art_container .art_price {
 padding-top: 5px;
 height: 30px;
 vertical-align:middle !important;
}
.art_container .art_price_s {
 padding-top: 5px;
 margin-top: -10px;
 height: 40px;
 vertical-align: middle;
 text-align:center;
}
.art_container .art_price_info {
 padding-top: 5px;
 height: 20px;
}

.art_price_org_cur {
 color:red;
}

.art_price_org {
}

.art_price_org_list_cur {
 color:red !important;
}

.art_price_org_list {
}

.art_price_detail {
 color: black;
 display: block;
 float: left;
 margin-right: 10px;
 padding-top: 3px;
}

.art_price_detail_right {
 color: black;
 display: block;
 float: left;
 margin-right: 10px;
 text-align: right;
 width: 100px;
}

.art_price_detail_center {
 color: black;
 display: block;
 float: left;
 margin-right: 10px;
 text-align: center;
}

.price {
 width: 150px;
 display:inline-block;
 text-align:center;
 position: relative;
}
.price_rrp:after {
 content: "";
 display: block;
 position: absolute;
 top: 25%;
 bottom: 25%;
 left: 0;
 right: 0;
 background-image: linear-gradient(to bottom right,transparent calc(50% - .25px),#e60a14 50%,#e60a14 calc(50% + 1px),transparent calc(50% + 1.25px));
}

.price_label {
 box-sizing: border-box; 
 font-weight:normal;
 font-weight: 800; 
 line-height: 1; 
 font-size: 0.75rem; 
 text-align: center; 
 padding: 0.25rem 0.5rem; 
 margin: 0px 0px -0.5rem 0.5rem; 
 border-bottom: 0.5rem solid rgb(230, 10, 20); 
 background-color: rgb(230, 10, 20); 
 color: rgb(255, 255, 255); 
 border-top-color: rgb(230, 10, 20); 
 border-right-color: rgb(230, 10, 20); 
 border-left-color: rgb(230, 10, 20); 
 font-variant-caps: normal; 
 letter-spacing: normal; 
 orphans: 2; 
 text-indent: 0px; 
 text-transform: none; 
 white-space: normal; 
 widows: 2; 
 word-spacing: 0px;
 -webkit-text-stroke-width: 0px; 
 text-decoration-thickness: initial; 
 text-decoration-style: initial; 
 text-decoration-color: initial;
}

.price_main {
 box-sizing: border-box; 
 border-width: 1px; 
 border-style: solid; 
 padding: 0.5rem; 
 margin-right: 0.5rem; 
 color: rgb(53, 59, 66); 
 background-color: rgb(255, 255, 255); 
 border-color: rgb(198, 201, 204); 
 font-style: normal; 
 font-variant-ligatures: normal; 
 font-variant-caps: normal; 
 letter-spacing: normal; 
 orphans: 2; 
 text-align: left; 
 text-indent: 0px; 
 text-transform: none; 
 white-space: normal; 
 widows: 2; 
 word-spacing: 0px; 
 -webkit-text-stroke-width: 0px; 
 text-decoration-thickness: initial; 
 text-decoration-style: initial; 
 text-decoration-color: initial;
}

.price_main_eq {
 margin-top: 15px;
}
.price_main_eqd {
 margin-top: 5px;
}

.price__list {
 width: 150px;
 margin: 0px;
 text-align: right; 
 display: inline-block; 
}
.price_price_eqd {
 box-sizing: border-box; 
 line-height: 1; 
 padding: 0px 0.25rem;
}

.price_top {
 box-sizing: border-box;
 line-height: 1;
 text-align: center;
}
.price_bottom {
 box-sizing: border-box;
 line-height: 1;
 text-align: center;
 display: flex; 
 justify-content: right;
}
.price_rrp {
 box-sizing: border-box;
 position: relative;
}
.price_price {
 box-sizing: border-box; 
 line-height: 1; 
 padding: 0px 0.25rem;
}
.price__list_price {
 box-sizing: border-box; 
 line-height: 1; 
 padding: 0px 0.25rem;
}
.price_superscript {
 box-sizing: border-box; 
 align-self: flex-start; 
 line-height: 1; 
 margin-left: -0.25rem;
}

.discount {
text-align: left;
margin-left: 2px;
margin-top: -20px;
vertical-align: top;	
}

.preview_hdr_val {
 margin-bottom: -8px;
}
.preview_hdr_msg {
 color:red;
}

.discount_btn {
 margin-top: 2px;
 top: 20px;
 background: #F9DB0B;
 color: black;	
 border:1;
 border-radius: 5px;
 width: 200px;
 height: 26px;
 text-align: center;
 vertical-align:bottom;
}

.cart_preview td.cart_hdr_dummy,
.cart_preview td.cart_dummy {
 padding:0px;
 width: 4px;
}


@media only screen and (max-device-width : 1024px)  { 
.right #cssmenu ul ul li {
 left: -150px;
}
}
@media only screen and (min-device-width : 1025px)  { 
.right #cssmenu ul ul li {
 left: -60px;
}
}
