hr { margin: 20px 0px 20px 0px; height: 1px; border: none; border-top: 1px dotted silver; }
hr.unspaced{ margin: 5px 0px 5px 0px; border-top: 1px dotted yellow; }
hr.unspacedsilver{ margin: 5px 0px 5px 0px; border-top: 1px dotted silver; }

table.selectable tr:hover td { background: rgba(0, 0, 0, 0.2);}

.translucent { /*background: url(/img/backg/translucent.png)*/ background: rgba(0, 0, 0, 0.4); }
/*.translucent a { text-shadow: 1px 1px 1px black }*/
.hidden { display: none}
.yellow { color: yellow}

.w100 { width: 100%;}
.w90 { width: 90%;}
.w80 { width: 80%;}
.w70 { width: 70%;}
.w60 { width: 60%;}
.w50 { width: 50%;}
.w40 { width: 40%;}
.w30 { width: 30%;}
.w20 { width: 20%;}
.w10 { width: 10%;}
.upline { border-top: 1px solid silver; }
.gray { color: gray;}
.right { text-align: right;}
.right-pad { text-align: right; white-space: nowrap; padding-right: 12px;}
.center { text-align: center;} 
.nowrap { white-space: nowrap}
.error { width: 97%; padding: 5px 8px 5px 8px; font-weight: bold; margin-bottom: 15px; color: #fff; border:1px dotted red; border-radius: 1px; background: orange; line-height: 150%; font-size: 10pt}
.error a { color: #4f4f4f; text-decoration: underline }
.orange { color: #ff7000 }

a.button:hover { text-decoration: none }

/* alerts, info mesgs */  
.Alert { width:50%; margin: 50px auto 0 auto; background: rgba(0, 0, 0, 0.4); border-radius:2px; text-align: center;  padding: 15px; color: #fff; font-size: 12pt; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.9) }  
.added-to-cart { color: #badc00; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.9); }  

/* CART INFO */
#ccinfo { border: 1px solid black; width:300px; min-height:70px; display:none; position:absolute; z-index:100; margin:50px 0px 0px 10px; background: #5d5d5d; border-radius: 3px; box-shadow: -webkit-box-shadow: -1px 1px 10px rgba(50, 50, 50, 0.75); -moz-box-shadow: -1px 1px 10px rgba(50, 50, 50, 0.75); box-shadow: -1px 1px 10px rgba(50, 50, 50, 0.75)}
#ccinfo p { color: #fff; padding:8px}
#ccinfo table { margin: 3px }
#ccinfo table td.DraftItemLine { padding: 2px 0 4px 8px}

/* Catgories */
.MenuBox { display:inline-block; position: relative; margin: 10px; width: 160px; height: 250px; background-repeat: no-repeat; overflow:hidden}
.MenuBox.hoveralbe:hover { box-shadow: 3px 3px 3px rgba(0,0,0,0.55)}
.MenuBox div.MenuBoxMask { width: inherit; height: inherit; position: absolute; top:0; left:0;  }
.MenuBox div.MenuBoxMask h2 { padding: 8px; text-transform: uppercase; color: #fff; font-size: 12pt }
.MenuBox div.MenuBoxMask h2.transparent { color: rgba(255,255,255,0.2);  }
h2.shaded { text-shadow: 1px 1px 1px black; }

.MenuBox div.BoxColor  { background: #ff5a00 }
.MenuBox div.BoxColor1 { background: #ff7216 }
.MenuBox div.BoxColor2 { background: #00caff }
.MenuBox div.BoxColor3 { background: #fe2268 }
.MenuBox div.BoxColor0 { background: #42e100 }

.EntreeBox {  background: rgba(0,0,0,0.2); height: 250px }
.EntreeBox h1 { padding: 8px; text-transform: uppercase; color: #fff; font-size: 15pt; color: #2e2e2e }
.EntreeBox:hover h1 { color: #fff }

.AlertBox {  background: rgba(0,0,0,0.6); height: 250px }
.AlertBox p { padding: 20px; color:#fff; text-shadow: rgba(255,255,255,0.2); line-height: 140%  }


span.sale-percent { font-size: 45pt; font-weight: bold; color:rgba(255,255,255,0.5); padding: 8px  }
div.price { position: absolute; bottom: 0px; left: 0px; width: inherit; height: 25px; background: rgba(0,0,0,0.6); }
div.price p { color: #fff; padding: 5px 0 0 8px }



 
/* eshop */
/* ---------------------------------------*/

/* ~ Other Container  ~ */
#Container { max-width: 950px; margin: 0 auto 0 auto }
#Container #Inlay { width: 96%; margin: 2%; padding-top: 10px; color: #e1e1e1 }
#Container #Inlay h2 { color: #fff}


/* Cart */
#CartPreview { max-width: 950px; height: 50px; margin: 0 auto 0 auto; background: url(/img/backg/translucent.png); overflow: hidden }
#CartPreview div.cart-icon { float: left; height: 50px; width: 75px }
#CartPreview .cart-item-list { float: left; max-width: 390px; overflow: hidden }
#CartPreview .cart-item-list div.item-cart { float: left; height: 50px; width: 50px; margin-right: 5px; cursor:help} 
#CartPreview .cart-item-list div.item-cart img { width: 120%; height: 120%; margin: -10% -10% 0 0  }
#CartPreview .cart-price { float: left; width: 100px; height: 50px;  }
#CartPreview .cart-price p { color:#ff7417; text-align: center; padding-top: 5px }
#CartPreview .cart-price p small { font-size: 7pt; letter-spacing: 1px }
#CartPreview .cart-price p b { font-size: 14pt; }
#CartPreview .cart-all { width: 200px; float: left}
#CartPreview .cart-all img { width: 200px; margin-top: 5px }
#CartPreview .cart-buy { width:auto; float: right; }
#CartPreview .cart-buy p { padding: 10px 5px 0 0 }
#CartPreview .cart-buy p a.button { font-size: 12pt }
#CartPreview .cart-buy p a.button:hover { text-decoration: none}
p.free-shipping-info { padding: 5px; text-align: center; font-size: 11pt; color: gray; border: 1px dashed orange; margin: 10px; font-style: italic }
input.promo-code { width: 150px; text-align: left; position: relative; display: inline-block; padding: 2px 2px; font-size: 13px; font-weight: bold; color: #333; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9); white-space: nowrap;
border-radius: 3px; border: 1px solid #DDD; border-top-color: #C5C5C5; border-left-color: #C5C5C5; vertical-align: middle; margin: 0 2px 2px 0px; }

/* ~ product boxes */
#EshopContent .sorting { float: left; font-size: 8pt; line-height: 150%; padding: 8px 0 0  15px; }
#EshopContent .paging { float: right; font-size: 8pt; line-height: 150%; padding: 8px 0 0  15px; }

h1.ProductTitle { font-size: 16pt; font-weight: normal; margin: 10px 0 5px 15px;  padding: 0; }
h2.ProductSubTitle { font-size: 11pt; font-weight: normal; margin: 0px 0 8px 15px;  padding: 0; }
h2.ProductSubTitle span { font-size: 9pt; color: #ffcf00; padding: 0 5px 0 5px;}
p.CatDescriptionSmall { font-size: 9pt; line-height: 130%; padding: 0px; padding: 0 0 0 15px; color: #a7a7a7 }

a.no-decore:hover { text-decoration: none; }
span.original-price { font-size: 10pt; background: silver; text-decoration: line-through; color: gray }
span.original-price span { color: black; padding: 2px }
/*span.original-price:before { content:"\00a0"; }
span.original-price:after { content:" Kč" }*/
div.quick-add-to-cart { float: right; width: 120px; text-align: justify; padding-top: 6px;}
input.buy { background: url(/deskshop/img/icon/addtocart.png) no-repeat 0px 0px; width: 25px; border: none; height: 20px; vertical-align: middle; margin: 0 0 0 0; }
input.items-count-small {
width: 25px; text-align: center; position: relative; display: inline-block; padding: 2px 2px; font-size: 11px; font-weight: bold; color: #333; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9); white-space: nowrap;
border-radius: 3px; border: 1px solid #DDD; border-top-color: #C5C5C5; border-left-color: #C5C5C5; vertical-align: middle; margin: 0 2px 2px 0px; }
input.is-in-cart{ background: #ffeb00; font-weight: bold; border: 1px solid black;} 


/* { labels } */
/*
div.label { position: absolute; top:0px; right: 0px; width: 40px; height: 80px;}
div.label.positioned { margin: 0px 0px 0 0; }
div.label.NEW { background: url(/deskshop/img/label/NEW.png) no-repeat right top; }
div.label.ACTION { background: url(/deskshop/img/label/ACTION.png) no-repeat right top; }
div.label.SALE { background: url(/deskshop/img/label/SALE.png) no-repeat right top; }
.icoNEW { background: url(/deskshop/img/label/icoNEW.png) no-repeat right top; }
.icoACTION { background: url(/deskshop/img/label/icoACTION.png) no-repeat right top; }
.icoSALE { background: url(/deskshop/img/label/icoSALE.png) no-repeat right top; }
*/

/* Paging */
.paging { text-align:right; padding:5px;}
.paging small { display: block; margin-right: 8px; font-size: 85%; color: gray; float: left; padding-top: 2px;}
.paging a { display: block; font-size:80%; color: silver; background: #525252; padding: 2px 5px 2px 5px; margin-right: 3px; float: left;  }
.paging a:hover { background: #fff; color: #383838; }
.paging a.current { background: #fff200; color: #383838;}
.paging em { display: block; float:left; }
.paging b { color: #11507d; font-size: 115%;}
.paging select { margin-top: -4px;}


/* | Product | */
div.product-title { position: relative; max-width:950px; margin: 0 auto 0 auto; border-bottom: 1px solid black }
div.product-title h1 { font-size: 18pt; font-weight: bold; padding: 4px 20px 0px 20px; margin: 0px; color: #fff; text-shadow: 1px 1px 1px black }
div.product-title h2 { font-size: 12pt; padding: 0px 20px 4px 20px; margin: 0px; font-weight: normal; text-shadow: 1px 1px 1px #4b4b4b }
div.product-title h2 a { color: rgba(255,129,0,1) }
div.product-title div.titles { float: left; width: 50% }
div.product-title div.movers { float: right; width: 35%; margin: 10px 2% 0 0; text-align: right;}

div.product { position: relative; max-width:950px; background: #fff; margin: 0 auto 0 auto }
.product-details { width: 70%; float: left; }
.product-details div.description { float: left; font-size: 10pt; line-height: 140%; padding: 20px }
.product-details div.description p, .product-details div.description div { float: left; width: 100%; font-size: 10pt; line-height: 140%; padding: 0; margin: 0 }
.product-details div#variants { margin: 20px }
.product-details div table { width: 100%  }
.product-details div table tr:hover td { background: #efefef }
.product-details div table td, .product-details div table th { padding: 2px 4px; border-bottom: 1px dotted #efefef}
.product-details div table th { font-size: 8pt; font-weight: normal; font-style: normal; color: gray }
.product-details div table td.selector { text-align: left; color: grey; font-size: 8pt; font-family: monospace }
.product-details div table td.color {text-align: left }
.product-details div table td.color span { display: block; float: left; height: 16px; width: 16px; margin-right: 5px;  }
.product-details div table td.size {text-align: center }
.product-details div table td.buy {text-align: right; white-space: nowrap }
.avail-offstock {  }
.avail-onstock { font-weight: bold }
input.count { font-size: 10pt; width: 25px; border: 1px solid #efefef; border-radius: 3px; text-align: center; margin: 0 5px 0 0 }
.pricebox { font-size: 18pt; font-weight: bold; color:#f53271 }
.product-details div .sale-percent { white-space: nowrap; font-size: 16pt; border-radius: 4px; color:#fff; background:#f53271; padding: 2px 4px; margin-right: 10px; font-weight: normal }
.product-details div .original-price-info { font-size: 10pt; color:silver}
.product-details div .sale-percent span { font-size: 10pt }
.product-images { width: 30%; float: left; padding: 20px 0 20px 0 }
div#SizeSelect { height: 130px; }
div#SizeSelect img { height: 60px; margin-left:40% }
div.Sizer { float: left; margin: 10px; display: none; height: 110px;  }
div.Sizer span, div.Sizer img { display: block; float: left; margin:0 15px 0 0  }

.releated-items { margin: 25px auto 10px auto; text-align: center; max-width: 950px; }

p.already-in-cart { font-weight: bold; color: #ff5f00; padding:3px 8px; text-align: right  }
p.disabled-item { font-weight: bold; color: silver; padding:3px 8px; text-align: right  }
.product-selector .variants small { color: silver;}
.product-inquiry {width: 100%; border-radius:inherit; border:none; font-size: 8pt; }
.product-inquiry p { padding: 20px; }
.product-inquiry p strong { font-size: 9pt;}
.product-inquiry p label { float: left; width: 70px; vertical-align: middle; }


input.items-count {
width: 45px; text-align: center; position: relative; display: inline-block; padding: 4px 4px; font-size: 13px; font-weight: bold; color: #333; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9); white-space: nowrap;
border-radius: 3px; border: 1px solid #DDD; border-top-color: #C5C5C5; border-left-color: #C5C5C5; vertical-align: middle; margin: 0 5px 5px 0px; }
.items-buy { position: relative; display: inline-block; padding: 4px 10px; font-size: 13px; font-weight: bold; color: #333; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9); white-space: nowrap; background-color: #EAEAEA; background-image: -moz-linear-gradient(#FAFAFA, #EAEAEA); background-image: -webkit-linear-gradient(#FAFAFA, #EAEAEA); background-image: linear-gradient(#FAFAFA, #EAEAEA); background-repeat: repeat-x; border-radius: 3px; border: 1px solid #DDD; border-bottom-color: #C5C5C5; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.075); vertical-align: middle; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
-webkit-appearance: none; margin: 0 5px 5px 0px; }
.button-finalize { position: relative; display: inline-block; padding: 4px 10px; font-size: 13px; font-weight: bold; color: #333; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9); white-space: nowrap; background-color: #fffa00; background-image: -moz-linear-gradient(#fffa00, #ffc500); background-image: -webkit-linear-gradient(#fffa00, #ffc500); background-image: linear-gradient(#fffa00, #ffc500); background-repeat: repeat-x; border-radius: 3px; border: 1px solid #fffa00; border-bottom-color: #fffa00; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.075); vertical-align: middle; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
-webkit-appearance: none; margin: -3px 5px 0px 0px; }
.button-finalize:hover { background: #ff7400; color: #333; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9); border-color: black; }
.button { position: relative; display: inline-block; padding: 4px 10px; font-size: 8pt; font-weight: bold; color: #333; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9); white-space: nowrap; background-color: #EAEAEA; background-image: -moz-linear-gradient(#FAFAFA, #EAEAEA); background-image: -webkit-linear-gradient(#FAFAFA, #EAEAEA); background-image: linear-gradient(#FAFAFA, #EAEAEA); background-repeat: repeat-x; border-radius: 3px; border: 1px solid #DDD; border-bottom-color: #C5C5C5; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.075); vertical-align: middle; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
-webkit-appearance: none; margin: 0 5px 5px 0px; }	
.button.bigbutt { font-size: 10pt; color: black;}
.button-tiny { position: relative; display: inline-block; padding: 2px 4px; font-size: 8pt; font-weight: bold; color: #333; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9); white-space: nowrap; background-color: #EAEAEA; background-image: -moz-linear-gradient(#FAFAFA, #EAEAEA); background-image: -webkit-linear-gradient(#FAFAFA, #EAEAEA); background-image: linear-gradient(#FAFAFA, #EAEAEA); background-repeat: repeat-x; border-radius: 3px; border: 1px solid #DDD; border-bottom-color: #C5C5C5; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.075); vertical-align: middle; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
-webkit-appearance: none; margin: 0 5px 0px 0px; }	
.button-tiny:hover, .button:hover, .button.bigbutt:hover { box-shadow:none; background: #ff8222; color:black }
input[type=text].input, textarea { background: #fff; border: 1px solid silver; padding: 2px; font-weight: bold; font-size: 8pt; border-radius:3px; vertical-align: middle; }
input[type=text].input.emph, textarea.emph { border: 1px dotted red; }


/* { gallery } */
div#BaseImage { max-width: 100% }
div#BaseImage img {cursor: pointer; max-width: 100% }
div#Samples { height: auto; margin-top: 8px;}
div#Samples div.sample { float: left; height: 50px; max-width: 50px; text-align: center; overflow: hidden; border: 1px solid silver; margin: 0 5px 5px 0; cursor: pointer; }
div#Samples div.sample img { height: 50px; }
div.maxsize { width: 95%; margin: 4%; border: 1px dashed #e7e7e7; border-radius:5px; text-align: center; cursor: pointer; }
div.maxsize img { max-width: 100%; cursor: pointer; }


/* Cart */
table#DraftCartOverview {margin: 15px 0px 20px 0px; width: 100%; color: silver; }
table#DraftCartOverview td { padding-top: 3px 8px 0 8px; padding-bottom: 3px; font-size: 8pt; font-weight: normal}
table#CartOverview {margin: 15px 0px 20px 0px; width: 100%; color: black }
table#CartOverview td { padding-top: 3px; padding-bottom: 3px;}
table#CartOverview td a { color: black  }
table#CartOverview td a:hover { text-decoration: underline;}
table#CartOverview tr.underline td {  border-top: 1px dotted silver; }
table#CartOverview tr:hover td { background: #eeeeee }
table#CartOverview th { background: #636363;  font-size: 8pt; padding: 6px 0 6px 0; color: #fff;
text-align: center;}
table#CartOverview td { background: #fff; vertical-align: top; }
table#CartOverview td small { color: gray;}
table#CartOverview tr.total-line td { border-top: 3px solid #636363; }
table#CartOverview td.total { font-size: 12pt; font-weight: bold; }
#ReCountButton { display: none; }


/* Profil */
#Stauses { background: rgba(255,255,255,.2); margin: 8px 0 0 0; border: 1px solid #809730; border-radius:4px }
#Stauses #CartSatus { float: left; width: 60%; padding: 5px; height: 20px; overflow: hidden }
#Stauses #CartSatus p { white-space: nowrap; }
#Stauses #CartSatus img { vertical-align: top; margin-right: 8px;}
#Stauses #UserSatus { float: right; width: 30%; padding: 5px; height: 20px; overflow: hidden; }
#Stauses #UserSatus p { text-align: right; font-size: 8pt; float: right; padding-right: 10px; white-space: nowrap; }
#Stauses p { padding-top: 3px; float: left; }


/* Forms, finalize  */
form.ExtForm { padding: 15px 0 15px 0 }
form.ExtForm h1, .ExtTitle { font-weight: normal; font-size: 14pt; margin: 10px 0 8px 0; color: #fff}
.ExtTitle { margin-top: 15px }
form.ExtForm h2 { font-weight: normal; font-size: 12pt; margin: 0 0 8px 0; color:#fff}
.txtimput { font-size: 10pt; border-radius:2px; border: 1px solid gray; padding: 3px}

form.ExtForm { width: 100%;}
form.ExtForm H4 { font-size: 100%; font-weight: bold; color: #004a94; margin: 0px 0px 2px 0px; }
form.ExtForm span { display:block; width:auto; float:left; margin-bottom:8px; }
form.ExtForm span label { display:block; padding:0px 5px 0px 4px;  color:silver }
form.ExtForm span input[type=text], form span select { width:100%; height:18px; font-size:100%; }
form.ExtForm span em { padding:18px 0px 0px 10px; display:block; overflow:hidden; font-style:normal }
form.ExtForm strong { display: block; margin: 0px 0px 5px 0px; font-weight: normal; font-size: 120%; color: #fff; }
form.ExtForm small { display: block }
form.ExtForm p { padding: 5px;}

.ExtForm label.req {  }
.ExtForm label.req:after{ content:" *"; color:red}
.SilverBlock { background: silver; padding: 5px; display: block; color: black; font-weight: bold; font-size: 10pt}

table.InvoicesList td { padding: 5px }
table.Shipping td { vertical-align: top; padding: 3px 3px 8px 3px}
table.InvoicesList.row-lined td, table.InvoicesList.row-lined th { border-top: 1px dotted silver; border-left: 1px dotted silver;  }
table.InvoicesList.row-lined { border-bottom: 1px dotted silver; border-right: 1px dotted silver; }

#maxsizer { display: none; margin: 20px auto 0  auto; text-align: center }
#maxsizer img { cursor: pointer }