/********************************************************************************************************************
	Autor: 		Martin Felcman - martin@felcman.cz
	Projekt:  	StylovéKoupelny.cz
	
 *****************************************************************************************************************/
* {margin:0; padding:0;}
body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object {border:0;}
th { text-align: left; }
body {background: #f3efec url(../images/bg.png) top center repeat-x; font-family: Arial, Helvetica, sans-serif; color: #6c6a67; text-align: center; height: 100%; padding: 0; margin: 0; position: relative; }

h1 { width:259px; height: 28px; margin: 59px 0 0 0; float: left; display: block; font-size: 1.4em;}
h1 a {color: #6c6a67; }
h1 a img { display: block;}

hr.clear { clear:both; height:1px; margin: -1px 0 0 0; padding:0; border:none; visibility: hidden;   }
div.clear { clear: both; width: 100%;}
.clear_both { clear: both; height: 0; line-height: 0; font-size: 0; overflow: hidden; }
.bold { font-weight: bold;}
.blue { color: #007da8;}
.red { color: #cc0000;}

#wrapper { width: 960px; margin: 0px auto; padding: 0 0 15px 0; height: 100%; text-align: left; position: relative; }
#header { height: 140px; width: 100%; background: url(../images/header-vana.png) bottom center no-repeat; margin: 0 auto;}
#menu { height: 49px; width: 944px; margin: 0 auto 30px auto; clear: both; background: #fff; padding: 10px 8px 0 8px;}
#leftbox { width: 230px; float: left; margin:0; clear: both;}

#header span.xmass_banky { display: none; }

#menu ul { list-style: none; font-size: 0.75em; font-weight: bold; height: 45px; float: left; display: block;}
#menu ul li { float: left; background: url(../images/menu-divider.png) top left no-repeat; padding: 0 20px; height: 45px; display: block;}
#menu ul li.first-item { background: none; padding: 0 20px 0 10px;}
#menu ul li a { color: #6c6a67; text-decoration: underline; display: block; height: 32px; padding: 13px 0 0 0; }
#menu ul li a:hover { color: #2da9e3; text-decoration: none; }
#menu ul li a.active { color: #fff; text-decoration: none; background: url(../images/menu-active-bg.png) top center no-repeat; padding: 13px 20px 0 20px;  }

#loginbox { width: 215px; height: 50px; float: right; margin: 50px 0 0 0; padding: 18px 0 0 0; text-align: center; background: url(../images/loginbox-bg.png) top center no-repeat; font-size: 0.75em;}
#loginbox a { color: #6c6a67; text-decoration: underline; padding: 1px 0 1px 20px;}
#loginbox a:hover { text-decoration: none; }
#loginbox a.login { background: url(../images/icon-login.png) center left no-repeat;}
#loginbox a.reg { background: url(../images/icon-user.png) center left no-repeat; margin: 0 0 0 15px;}

#basketbox { width: 205px; height: 82px; float: right; margin: 25px 0 0 0; padding: 15px 0 0 20px; background: url(../images/basketbox-bg.png) top center no-repeat; font-size: 0.8em;}
#basketbox h3 {  position: relative;  width: 100px; height: 13px; margin: 0; overflow:hidden; float: left; clear: both;  }
#basketbox h3 span { display:block; position:absolute; left:0; top:0; z-index:1; width: 100px; height: 13px; background: url(../images/h3-kosik.png) top left no-repeat;}
#basketbox p { clear: both; padding: 5px 0 0 58px; line-height: 115%;  }
#basketbox p a.basket-icon { float: left; display: block; margin: 3px 0 0 -60px; width: 39px; height: 39px; }
#basketbox p a.basket-icon.empty { background: url(../images/basketbox-basket-icon-empty.png) bottom right no-repeat; }
#basketbox p a.basket-icon.full { background: url(../images/basketbox-basket-icon-full.png) bottom right no-repeat; }
#basketbox .zakaznicke { color:#007da8; font-size:10px; background: url(../images/basketbox-icon-customer.png) left center no-repeat; padding-left:20px;}


form#search { border-bottom: 1px solid #b9b7b3; background: #d9d6d2; float: right; height: 39px; font-size: 0.75em; }
form#search legend { display: none;}
form#search input { display: block; float: left; margin: 5px 0 0 5px; width: 140px; height: 29px; border: 0; color: #6c6a67; padding: 0 0 0 25px; background: #fff url(../images/icon-search.png) 5px center no-repeat; line-height: 29px;}
form#search input.submit { background: #d9d6d2 url(../images/searchbox-bg.png) top left repeat-x; font-weight: bold; height: 39px; width: 90px; display: block; float: right; margin: 0; padding: 0;}

/*============= LEFTBOX ==================*/
#leftbox a.action-offer {  position: relative;  width: 230px; height: 36px; margin: 0 0 20px 0; overflow:hidden; float: left; clear: both;  }
#leftbox a.action-offer span { display:block; position:absolute; left:0; top:0; z-index:1; width: 230px; height: 36px; background: url(../images/button-action-offer.png) top left no-repeat;}

#leftbox a.komercni-prostory {  position: relative;  width: 230px; height: 36px; margin: 0 0 20px 0; overflow:hidden; float: left; clear: both;  }
#leftbox a.komercni-prostory span { display:block; position:absolute; left:0; top:0; z-index:1; width: 230px; height: 36px; background: url(../images/button-komercni-prostory.png) top left no-repeat;}

#leftbox ul.switch { list-style: none; font-size: 0.75em; font-weight: bold; display: block; height: 40px; width: 230px; margin: 0 0 5px 0; clear: both; border-bottom: 1px solid #b9b7b3;}
#leftbox ul.switch li { float: left; width: 115px; display: block; text-align: center; border-bottom: 5px solid #d9d6d2;}
#leftbox ul.switch li a { display: block; width: 100%; height: 23px; padding: 12px 0 0 0; background: none; color: #6c6a67; text-decoration: underline;}
#leftbox ul.switch li a:hover { text-decoration: none;}
#leftbox ul.switch li.active a { text-decoration: none; background: #d9d6d2;}

#leftbox ul.menu { list-style: none; font-size: 0.75em; font-weight: bold; clear: both; display: block;}
#leftbox ul.menu li a { color: #6c6a67; font-weight: bold; text-decoration: underline; display: block; background: url(../images/leftbox-menu-li.png) 6px 12px no-repeat; padding: 11px 0 14px 26px; width: 204px;}
#leftbox ul.menu li a:hover { background: url(../images/leftbox-menu-li-hover.png) 0 0 no-repeat; }
#leftbox ul.menu li.active a {  color: #fff; font-weight: bold; text-decoration: none; display: block; background: url(../images/leftbox-menu-li-active.png) 0 0 no-repeat; padding: 10px 0 10px 26px; width: 204px;}
#leftbox ul.menu li.active ul { background: url(../images/leftbox-menu-li-active-ul.png) bottom left no-repeat; list-style: none; display: block; margin: 0 0 5px 0; padding:0 0 5px 0; background-color: #0097C4 }
#leftbox ul.menu li.active ul li a { color: #fff; font-weight: bold; text-decoration: underline; display: block; background: none; padding: 7px 0 7px 35px; width: 195px; }
#leftbox ul.menu li.active ul li a:hover {  text-decoration: none; }

/*============= HOME RIGHTBOX ==================*/
#rightbox { width: 700px; float: right; margin:0; position: relative; }

#banner { width: 714px; height: 212px; clear: both; background: url(../images/banner.gif) top center no-repeat; float: right; margin: 0 -8px 25px 0;  }
#banner .slideshow { position:relative; height:180px; width:700px; float:left; cursor:default; }
#banner .slideshow div { display:none; position:absolute; top:0; left:0; height: 140px; width: 660px; padding: 20px; color: #fff; font-weight: bold; }
#banner .slideshow div h2 { text-transform: uppercase; font-size: 25px; text-shadow: #283d63 1px 1px 1px; padding: 0 0 10px 0;}
#banner .slideshow div p { width: 340px; font-size: 18px; text-shadow: #283d63 1px 1px 1px; line-height: 170%; padding: 0 0 10px 0; }
#banner .slideshow div a.link { text-decoration: underline; color: #fff; font-size: 12px;}
#banner .slideshow div a:hover.link { text-decoration: none; color: #fff;}
#banner .slidetabs { height: 12px; float: left; clear:both; width: 450px; margin: 10px 0 0 0;}
#banner .slidetabs a { width:13px; height:12px; float:left; margin: 0 3px 0 5px; background: url(../images/slideshow-tab.png) 0 0 no-repeat; display:block; font-size:1px;}
#banner .slidetabs a.current { background-position:0 -12px;} 	
#banner .forward, #banner .backward { display: none;}
#banner .disabled { visibility:hidden !important;}

#white { width: 680px; clear: both; padding: 20px 10px 0 10px; background: #fff;  }
#white .bottom { width: 700px; clear: both; height: 21px; background: #fff url(../images/white-bottom.png) bottom center no-repeat; margin: 0 -10px; }
#white div.showitem { width: 100%; display: table-row;  }
#white div.showitem .item { width: 206px; padding: 10px; border-bottom: 1px solid #d9d6d2; display: table-cell;  }
#white div.showitem .item-middle { border-left: 1px solid #d9d6d2; border-right: 1px solid #d9d6d2;}
#white div.showitem-firstline .item { padding: 0px 10px 10px 10px !important;}
#white div.showitem h2 { color: #007da8; font-size: 0.9em; font-weight: bold; padding: 0 0 5px 0; line-height: 130%; height: 55px;}
#white div.showitem h2 a { color: #007da8; text-decoration: none;}
#white div.showitem h2 a:hover { color: #007da8; text-decoration: underline;}

#white div.showitem a.preview { clear: both; display: block; width: 100%; height: 130px;}
#white div.showitem a.preview img { display: block; max-height: 130px; margin: 0 auto;}

#white div.showitem table { color: #6c6a67; font-size: 0.75em; font-weight: bold; line-height: 150%; width: 100%; clear: both;}
#white div.showitem table td { text-align: right;}
#white div.showitem table td span { float: left; color: #6c6a67;}
#white div.showitem table td a { color: #6c6a67; text-decoration: underline;}
#white div.showitem table td a:hover { color: #6c6a67; text-decoration: none;}
#white div.showitem table td.price { color: #007da8;}

#white div.showitem div.heading, #white div.showitem div.value { float: left; color: #6c6a67; font-size: 0.75em; font-weight: bold; line-height: 150%; padding-bottom: 2px; }
#white div.showitem div.value { float: right; text-align: right; }
#white div.showitem div.value a { color: #6c6a67; text-decoration: underline; }
#white div.showitem div.value a:hover { color: #6c6a67; text-decoration: none; }
#white div.showitem div.value.price { color: #007da8; white-space: nowrap; }

#white div.showitem p.icons { clear: both; display: block; height: 19px; padding: 2px 0 3px 0; }
#white div.showitem p.icons img { display: block; float: left; margin: 0 5px 0 0; }
#white div.showitem p.icons img.icon-skladem { margin: 0 12px 0 0; }

#white div.showitem .item a.show-detail { clear: both; display: block; width: 31px; height: 31px; float: left; margin: 2px 0 0 0; }
#white div.showitem form.add-to-cart { display: block; width: 168px; height: 31px; float: right; margin: 2px 0 0 0; background: url(../images/showitem-add-to-cart.png) top right no-repeat; }
#white div.showitem form.add-to-cart legend { display: none;}
#white div.showitem form.add-to-cart input.text { display: block; background: #fff url(../images/showitem-add-to-cart-input.png) top center no-repeat; width: 20px; height: 20px; border: 0; text-align: center; color: #207da8; font-weight: bold; font-size: 0.75em; float: left; margin: 5px 0 0 5px; line-height: 20px; }
#white div.showitem form.add-to-cart input.submit { display: block; width: 133px; height: 20px; border: 0; float: right; margin: 5px 5px 0 0; }

#white p.list { clear: both; font-size: 0.8em; display: block; line-height: 31px; font-weight: bold; text-align: center; padding: 20px 0 15px 0; height: 31px; }
#white p.normal { clear: both; font-size: 0.8em; display: block; line-height: 16px; font-weight: bold; text-align: left; padding: 0px 12px 24px 12px; height: 31px; font-weight: normal }
#white p.normal a { color: #6c6a67; text-decoration: underline;}
#white p.normal a:hover { color: #6c6a67; text-decoration: none;}
#white h3 { font-weight: bold; font-size: 0.9em; padding: 0px 0px 4px 0px !important;}
#white p.list a { display: inline-block; width: 31px; height: 31px; background: url(../images/list.png) bottom center no-repeat; text-align: center;  text-shadow: #807c78 1px 1px 1px; color: #fff; text-decoration: none; padding: 0; margin: 0 4px;}
#white p.list a:hover, #white p.list a.active { background: url(../images/list.png) top center no-repeat; text-shadow: #2280ac 1px 1px 1px;  }
#white p.list a.next { background:none; margin: 0px 4px 0 4px;}
#white p.list a.next img {margin: -10px 0px; }
#white p.list img.space { display: inline-block; width: 31px; height: 31px; padding: 0; margin: -10px 4px;}
#white a { color: #207DA8; text-decoration: underline;}

#white div.filter {width:650px; border-bottom:1px solid #d9d6d2; border-top:1px solid #d9d6d2; background-color:#f9f7f6; padding:6px; font-size:12px; margin-left:10px; margin-bottom:30px;}
#white div.filter select {font-size:12px; width:170px;margin-bottom:5px;}

#white div.filter-vyrobci {position:relative;width:650px; height:auto; border-bottom:1px solid #d9d6d2; border-top:1px solid #d9d6d2; background-color:#f9f7f6; padding:6px; font-size:12px; margin-left:10px; margin-bottom:30px;}
#white div.filter-vyrobci select {font-size:12px; margin-bottom:5px;}
#white div.filter-vyrobci .filters{margin-top: 10px;}

#white .smaller {font-size:13px;}

#white.error-page {
  margin-top: 5px;
  text-align: center;
  width: auto;
  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.5);
}
#white.error-page h2 {
  margin-bottom: 20px;
}

div.userbox { width: 700px; margin: 0 0 20px 0; float: left;}
div.userbox div.news { width: 350px; float: left; background: url(../images/dash.png) top right repeat-y;}
div.userbox div.news h3 { font-size: 0.75em; font-weight: bold; padding: 20px 20px 5px 20px; line-height: 140%;}
#blockNews h3 a { color: #207da8; text-decoration: underline;}
#blockNews h3 a:hover { color: #207da8; text-decoration: none;}
#blockNews a { color: #6c6a67; text-decoration: underline;}
#blockNews img { border: 1px solid #cecece;}

div.userbox div.news p { font-size: 0.75em; padding: 0 20px; line-height: 160%;}
div.userbox div.news a.button-light { clear: both; margin: 10px 0 0 10px;} 
a.button-light { display: block; height: 31px; font-weight: bold; color: #6c6a67; text-decoration: underline; background: url(../images/button-light.png) bottom right no-repeat; padding: 0 4px 0 0; float: left; font-size: 0.75em; }
a.button-light:hover { text-decoration: none;}
a.button-light span { background: url(../images/button-light.png) top left no-repeat; padding: 7px 6px 0 10px; height: 24px; display: block;}

div.userbox div.account { width: 270px; float: right; background: #d9d6d2; border-bottom: 1px solid #b9b7b3; padding: 20px 20px 10px 20px; min-height: 75px;}
div.account img.photo { width: 75px; display: block; float: right; margin: 0 0 0 10px;}
div.account ul { list-style: none; font-size: 0.75em; color: #6c6a67; line-height: 210%;}
div.account ul li { min-height: 16px; padding: 0 0 0 22px;  }
div.account ul li.company { background: url(../images/icon-user.png) left center no-repeat;  }
div.account ul li.customers { background: url(../images/icon-customers.png) left center no-repeat;  }
div.account ul li.customers_new { background: url(../images/icon-customers-new.png) left center no-repeat;  }
div.account ul li.customers_discounts { background: url(../images/icon-customers-discounts.png) left center no-repeat;  }
div.account ul li.customers_settings { background: url(../images/icon-customers.png) left center no-repeat;  }
div.account ul li.stats { background: url(../images/icon-stats.png) left center no-repeat;  }
div.account ul li.orders { background: url(../images/icon-orders.png) left center no-repeat;  }
div.account ul li.orders-customers { background: url(../images/icon-orders-customers.png) left center no-repeat;  }
div.account ul li.newsletter { background: url(../images/icon-newsletter.png) left center no-repeat;  }
div.account ul li.newsletter-new { background: url(../images/icon-newsletter-new.png) left center no-repeat;  }
div.account ul li.news { background: url(../images/icon-news.png) left center no-repeat;  }
div.account ul li.news-new { background: url(../images/icon-news-new.png) left center no-repeat;  }
div.account ul li.rabats { background: url(../images/icon-rabats.png) left center no-repeat;  }
div.account ul li.download { background: url(../images/icon-actions-download.png) left center no-repeat;  }
div.account ul li.delivery-address { background: url(../images/icon-delivery-address.png) left center no-repeat;  }
div.account ul li.delivery-address-add { background: url(../images/icon-delivery-address-add.png) left center no-repeat;  }
div.account ul li.settings { background: url(../images/icon-settings.png) left center no-repeat;  }
div.account ul li.logout { background: url(../images/icon-logout.png) left center no-repeat;  }
div.account ul li a, div.userbox div.news h3 a { text-decoration: underline; color: #6c6a67;}
div.account ul li a:hover, div.userbox div.news h3 a:hover { text-decoration: none; color: #6c6a67;}
#submenuCustomers, #submenuNews, #submenuLetters, #submenuOrders, #submenuDelivery { display: none; }

/*============= DETAIL ==================*/
p.breadcrumb { font-weight: bold; font-size: 0.75em; color: #717873; padding: 12px 20px 29px 20px;}
p.breadcrumb a { font-weight: normal; color: #717873; text-decoration: underline; }
p.breadcrumb a:hover { color: #717873; text-decoration: none; }
p.breadcrumb img { padding: 0 5px; }

h2.product-name { color: #007da8; font-size: 1.25em; font-weight: bold; padding: 0 10px 15px 10px; margin: -5px 0 0 0;}
p.detail-product-icons { padding: 0 10px 15px 10px;}
p.detail-product-icons img { padding: 0 10px 0 0;}

div.detail-gallery { float: left; margin: 0 0 0 10px; width: 330px; margin-bottom: 10px;}
div.detail-gallery div.bigphoto { width: 328px; height: 298px; border: 1px solid #d9d6d2; float: left; position: relative; overflow: hidden;}
div.detail-gallery div.bigphoto a.view { width: 328px; height: 298px; display: table-cell; vertical-align: middle; padding: 5px;  }
div.detail-gallery div.bigphoto a.view img { max-width: 318px; max-height: 288px; text-align: center; display: block; margin: 0 auto; }
div.detail-gallery div.bigphoto a.plus { display: block; width: 30px; height:30px; position: absolute; top:0; right:0; z-index:1; background: url(../images/icon-plus.png) top right no-repeat;}
div.detail-gallery div.bigphoto span { width: 328px; height: 298px; display: table-cell; vertical-align: middle; padding: 5px;  }
div.detail-gallery div.bigphoto span img { max-width: 318px; max-height: 288px; text-align: center; display: block; margin: 0 auto; }

div.detail-gallery div.previews { width: 100%; float: left; clear: both; margin: 10px 0 0 0; position: relative;}
div.detail-gallery div.previews div.item { width: 80px; height: 73px; border: 1px solid #d9d6d2; display: block; float: left; margin: 10px 18px 0 0; }
div.detail-gallery div.previews a { width: 80px; height: 73px; display: table-cell; vertical-align: middle; padding: 2px; }
div.detail-gallery div.previews a img { max-width: 76px; max-height: 69px; display: block; text-align: center; margin: 0 auto;}

div.infobox { float: right; margin: 0 20px 0 0; width: 290px; text-align: right;}
div.infobox strong.cena { color: #007da8; font-size: 1.25em; font-weight: bold;}
div.infobox table { color: #6c6a67; font-size: 0.75em; font-weight: bold; width: 100%; line-height: 200%; padding: 5px 0 0 0;}
div.infobox table th { text-align: left;}
div.infobox table td { text-align: right;}
div.infobox table a { color: #6c6a67; text-decoration: underline;}
div.infobox table a:hover { color: #6c6a67; text-decoration: none;}

div.infobox form.add-to-cart { display: block; width: 230px; height: 54px; float: left; margin: 20px 0 0 0; background: url(../images/showitem-add-to-cart-big.png) top right no-repeat; }
div.infobox form.add-to-cart legend { display: none;}
div.infobox form.add-to-cart input.text { display: block; background: #fff url(../images/showitem-add-to-cart-input-big.png) top center no-repeat; width: 27px; height: 24px; border: 0; text-align: center; color: #207da8; font-weight: bold; font-size: 0.75em; float: left; margin: 14px 0 0 10px; line-height: 24px; }
div.infobox form.add-to-cart input.submit { display: block; width: 187px; height: 24px; border: 0; float: right; margin: 14px 1px 0 0; }

div.detail-text { clear: both; padding: 20px 10px 0 10px; margin-bottom:40px;}
div.detail-text h3 { font-size: 0.875em; font-weight: bold; line-height: 250%; padding: 0px;}
div.detail-text h4 { font-size: 0.75em; font-weight: bold; line-height: 250%;}
div.detail-text p { margin-top:10px; line-height: 160%;}
div.detail-text ul { margin-left: 30px; margin-top:10px;}
div.detail-text ul li { min-height: 16px;  line-height: 160%; }


div.detail-subproducts { clear: both; padding: 20px 0 0 0; margin-bottom:40px;}
div.detail-subproducts h3 { font-size: 0.875em; font-weight: bold; line-height: 250%; padding: 0; margin-left: 10px; }

div.detail-popis { font-size: 12px; line-height: 200%; }
div.detail-popis div.popis_serie {
  font-size: 11px;
  border: 1px solid #cecece;
  padding: 10px;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #f3f5f6;
  line-height: 120%;
  text-align: justify;
}
div.detail-popis div.popis_serie .nazev_serie {
  margin-top: 0px;
  margin-bottom: 10px;
  font-weight: bold;
}
div.detail-popis div.mot {
  float: right;
  width: 100px;
  margin-top: 10px;
  margin-left: 20px;
  font-size: 10px;
  text-align: center;
  line-height: 120%;
}


div.detail-popis ul.technologies {
    list-style-type: none;
    margin-left: 10px;
}

div.detail-popis ul.technologies li {
background: url('/images/bg_ul.gif') no-repeat 10px 7px;
padding-left: 38px;
margin-top: 0px;
margin-bottom: 7px;
cursor: default;
font-size: 140%;
}
div.detail-popis ul.technologies li .dotted_underline {
  border-bottom: 1px dotted #373737;
}

div.detail-popis .technologies .technologie-tip-wrapper {
  position: relative;
}
  
div.detail-popis .technologies .technologie-tip {
  background: url(../images/tooltip2.png) top left no-repeat; 
  padding: 20px 13px 10px 13px; 
  width: 278px; 
  height: 113px; 
  display: none;
  color: #6c6a67; 
  text-align: left;
  position:relative; 
}

div.related-links { clear: both; padding: 0 85px 0 10px;}
div.related-docs { padding: 0 10px 0 0;}
div.related-links, div.related-docs { font-size: 0.75em; font-weight: bold; float: left; }
div.related-links ul, div.related-docs ul { list-style: none; line-height: 200%; padding: 5px 0 0 2px;}
div.related-links ul li { padding: 0 0 0 23px; background: url(../images/icon-link.png) left center no-repeat;}
div.related-docs ul li { padding: 0 0 0 23px; background: url(../images/icon-doc.png) left center no-repeat;}
div.related-links ul li a, div.related-docs ul li a { color: #007da8; text-decoration: underline;}
div.related-links ul li a:hover, div.related-docs ul li a:hover { color: #007da8; text-decoration: none;}

h3.related-products { font-size: 0.875em; font-weight: bold; clear: both; padding: 30px 0 7px 10px; border-bottom: 1px solid #d9d6d2; margin-top:40px; margin-bottom:10px; }


/*============= ORDER ==================*/
div.order-account { width: 230px; float: right; background: #d9d6d2; border-bottom: 1px solid #b9b7b3; padding: 20px 20px 10px 20px; min-height: 75px;}
 
ul#processing { display: block; list-style: none; float: left; width: 670px; height: 48px; background: url(../images/processing-bg.png) top center repeat-x;}
ul#processing li { display: block; float: left; width: 210px; height: 36px; padding: 12px 0 0 0; margin: 0 0 0 10px; color: #6c6a67; background: url(../images/processing-item.png) top center no-repeat; font-weight: bold; text-align: center; font-size: 0.75em;}
ul#processing li.active { color: #fff; background: url(../images/processing-item.png) center center no-repeat;}
ul#processing li.done { color: #fff; background: url(../images/processing-item.png) bottom center no-repeat;}
ul#processing li.active a, ul#processing li.done a { color: #fff; text-decoration:none;}
ul#processing li a  { color: #6c6a67; text-decoration:none;}

#order { width: 650px; clear: left; float: left; padding: 10px 10px 0 10px; background: #fff;  }
#order .bottom { width: 670px; clear: both; height: 21px; background: #fff url(../images/white-bottom.png) bottom center no-repeat; margin: 0 -10px; }
#order form legend { display: none;}
#order table.cart { width: 100%; font-size: 0.75em;}
#order table.cart th { border-bottom: 1px solid #d9d6d2; border-top: 1px solid #d9d6d2; border-left: 1px solid #d9d6d2; text-align: left; font-weight: bold; padding: 16px 10px;}
#order table.cart td { border-bottom: 1px solid #d9d6d2; border-left: 1px solid #d9d6d2; background: #f3f0ed; text-align: left; padding: 13px 10px;}
#order table.cart td input.ks { display: block; background: url(../images/order-input.png) top center no-repeat; width: 23px; height: 24px; text-align: center; line-height: 24px; color: #6c6a67; border: 0; font-weight: bold; padding: 0 2px;}
#order table.cart td a { color: #207da8; text-decoration: underline;}
#order table.cart td a:hover { color: #207da8; text-decoration: none;}
#order table.cart .clear td { padding: 0; border: 0; background: #fff; height: 9px;}
#order table.cart .trans th { background: #f3f0ed; padding: 13px 10px 13px 11px; border-left: 0;}
#order table.cart .trans td { background: #f3f0ed; padding: 13px 10px; border-top: 1px solid #d9d6d2;}
#order table.cart .sum td { border: 0; background: #fff; }
#order table.cart .sum th { border: 0; font-weight: normal; background: #f3f0ed; padding: 13px 10px;}
#order table.cart .nbl { border-left: 0px;}
#order table.cart .t-c { text-align: center;}
#order table.cart .t-r { text-align: right;}
#order table.cart a.delete-item { display: block; float: left; margin: 2px 0 0 0; height: 12px; width: 16px;}

#order a.back-to-shop-st1, #order a.back-to-shop-st11, #order a.back-to-shop-st2, #order a.back-to-shop-st2-2, #order a.back-to-shop-st3 { float: left; clear: left; color: #6c6a67; text-decoration: underline; font-weight: bold; font-size: 0.75em;}
#order a:hover.back-to-shop-st1 { color: #6c6a67; text-decoration: none; }
#order a.back-to-shop-st1 { margin: 40px 0 0 50px; }
#order a.back-to-shop-st11 { margin: 0px 0 0 50px; }
#order a.back-to-shop-st2 { margin: 10px 0 0 10px; }
#order a.back-to-shop-st2-2 { margin: 5px 0 0 10px; }
#order a.back-to-shop-st3 { margin: 30px 0 0 10px; }

#order a.continue-st1, #order a.continue-st2, #order a.continue-st3 { display: block; float: right; width: 134px; height: 54px; color: #6c6a67; text-decoration: underline; font-weight: bold; position: relative; overflow: hidden }
#order a.continue-st1 { margin: 20px 0 10px 0;}
#order a.continue-st2 { margin: 0px 200px 10px 0;}
#order a.continue-st3 { margin: 0px 0 10px 0;}
#order a.continue-st1 span, #order a.continue-st2 span, #order a.continue-st3 span { position: absolute; z-index:1; top:0; left:0; width: 134px; height: 54px; background: url(../images/button-continue.png) top left no-repeat}
#order a.move-st1, #order a.move-st2 { display: block; float: right; width: 134px; height: 54px; color: #6c6a67; text-decoration: underline; font-weight: bold; position: relative; overflow: hidden;}
#order a.move-st1 { margin: 20px 0 10px 0;}
#order a.move-st2 { margin: 0px 200px 10px 0;}
#order a.move-st1 span, #order a.move-st2 span { position: absolute; z-index:1; top:0; left:0; width: 134px; height: 54px; background: url(../images/button-move.png) top left no-repeat;}
#order a.recalculate-st1, #order a.recalculate-st2 { display: block; float: right; width: 134px; height: 54px; color: #6c6a67; text-decoration: underline; font-weight: bold; position: relative; overflow: hidden }
#order a.recalculate-st1 { margin: 20px 0 10px 0;}
#order a.recalculate-st2 { margin: 0px 200px 10px 0;}
#order a.recalculate-st1 span, #order a.recalculate-st2 span { position: absolute; z-index:1; top:0; left:0; width: 134px; height: 54px; background: url(../images/button-recalculate.png) top left no-repeat}
#order a.remove-st1, #order a.remove-st2 { display: block; float: right; width: 134px; height: 54px; color: #6c6a67; text-decoration: underline; font-weight: bold; position: relative; overflow: hidden }
#order a.remove-st1 { margin: 20px 0 10px 0;}
#order a.remove-st2 { margin: 0px 200px 10px 0;}
#order a.remove-st1 span, #order a.remove-st2 span { position: absolute; z-index:1; top:0; left:0; width: 134px; height: 54px; background: url(../images/button-remove.png) top left no-repeat}

#order a.send-order { display: block; float: right; margin: 20px 0 10px 0; width: 214px; height: 54px; color: #6c6a67; text-decoration: underline; font-weight: bold; position: relative; overflow: hidden;}
#order a.send-order span { position: absolute; z-index:1; top:0; left:0; width: 214px; height: 54px; background: url(../images/button-send-order.png) top left no-repeat;}
#order a.cancel-order { display: block; float: right; margin: 20px 10px 10px 0; width: 197px; height: 54px; color: #6c6a67; text-decoration: underline; font-weight: bold; position: relative; overflow: hidden;}
#order a.cancel-order span { position: absolute; z-index:1; top:0; left:0; width: 197px; height: 54px; background: url(../images/button-cancel-order.png) top left no-repeat;}

form.transport h2, h2.h2-order { color: #007da8; clear: both; font-size: 1.25em; font-weight: bold; padding: 0 10px 15px 10px;}
form.transport table { font-size: 0.75em; padding: 0 0 20px 0;}
form.transport table th { text-align: left; font-weight: normal; padding: 0 0 0 10px; width: 155px;}
form.transport table td { text-align: left; font-weight: normal; width: 287px; padding: 0 0 10px 0; }
form.transport table td input.text { text-align: left; font-weight: normal; padding: 0 10px; width: 263px; height: 37px; border: 2px solid #d9d6d2; line-height: 37px;}
form.transport table td select { text-align: left; font-weight: normal; padding: 11px 0 11px 10px; width: 287px; border: 2px solid #d9d6d2;}

p.order-topinfo { font-size: 0.75em; padding: 7px 10px 0 10px; border-top: 1px solid #d9d6d2; line-height: 160%;}
div.order-info { width: 100%; clear: both; float: left; margin: 7px 0 30px 0; border-top: 1px solid #d9d6d2; background: #f3f0ed;}
div.order-info .fl-l { float: left; width: 300px; margin: 20px 0 20px 17px;}
div.order-info .fl-r { float: right; width: 300px; margin: 20px 17px 20px 0;}
div.order-info .poznamka { float: left; width: 610px; margin: 0 20px 20px 20px; font-size: 0.75em;}
div.order-info h3 { font-size: 0.75em; font-weight: bold;}
div.order-info p { font-size: 0.75em; line-height: 170%; padding: 13px 0 0 0;}
div.order-info .graybox { background: #d9d6d2; width: 260px; padding: 15px 20px; margin: 15px 0 0 0; }
div.order-info table { font-size: 0.75em; line-height: 180%; background: #d9d6d2; width: 100%;  }
div.order-info table th { text-align: left; font-weight: bold; padding: 0 8px 0 0; width:48%  }

/*============== TOOLTIPS ===============*/
.form-tooltip { background: url(../images/tooltip2.png) top left no-repeat; padding:15px 10px 7px 25px; width:237px; display:none; color:#6c6a67; text-align:left; line-height: 165%; font-size:11px; position: relative; }
.form-tooltip span { background: url(../images/tooltip-bottom.png) bottom left no-repeat; width:272px; height: 8px; display: block; position: absolute; bottom: -8px; left: 0; }
.form-tooltip h3 { margin-top: 10px; margin-bottom: 10px; }

.cart-tooltip { background: url(../images/tooltip2.png) top left no-repeat; padding:20px 13px 10px 13px; width:278px; height: 113px; display:none; color:#6c6a67; text-align:left; position:relative; }
.cart-tooltip img { width: 76px; border: 1px solid #d9d6d2; display: block; float: left; padding: 2px;  }
.cart-tooltip h3 { font-size:12px; display: block; float: right; font-weight: bold; width: 187px; line-height: 150%; }
.cart-tooltip p { font-size:10px; display: block; float: right; clear: right; width: 187px; line-height: 150%; padding: 5px 0 0 0; }
.cart-tooltip a.detail { clear: both; position: absolute; bottom: 10px; right: 13px; font-weight: bold; font-size: 12px; }
.cart-tooltip p.icons { clear: both; display: block; height: 19px; padding: 2px 0 3px 0; }
.cart-tooltip p.icons img { display: block; float: left; margin: 0 5px 0 0; width: 22px; height: 19px; }

#login-user h2 { color: #007da8; font-size: 1.25em; font-weight: bold; padding: 0 10px 15px 10px;}
#login-user form table { font-size: 0.75em; padding: 0 0 20px 0;}
#login-user form table th { text-align: left; font-weight: normal; padding: 0 0 0 10px; width: 155px;}
#login-user form table td { text-align: left; font-weight: normal; width: 287px; padding: 0 0 10px 0; }
#login-user form table td input.text { text-align: left; font-weight: normal; padding: 0 10px; width: 263px; height: 37px; border: 2px solid #d9d6d2; line-height: 37px;}
#login-user a.prihlasit { display: block; float: right; margin: 20px 0 10px 0; width: 214px; height: 54px; color: #6c6a67; text-decoration: underline; font-weight: bold; position: relative; overflow: hidden;}
#login-user a.prihlasit span { position: absolute; z-index:1; top:0; left:0; width: 214px; height: 54px; background: url(../images/button-login.png) top left no-repeat;}
#login-user a.odeslat { display: block; float: right; margin: 20px 0 10px 0; width: 214px; height: 54px; color: #6c6a67; text-decoration: underline; font-weight: bold; position: relative; overflow: hidden;}
#login-user a.odeslat span { position: absolute; z-index:1; top:0; left:0; width: 214px; height: 54px; background: url(../images/button-send.png) top left no-repeat;}
#login-user p.error { border: 1px solid #cecece; color: #6c6a67; font-size: 0.85em; padding: 10px; background-color:#ffbebe; margin-bottom:20px; width:430px;}

.sub-product form.add-to-cart-small { display: block; width: 55px; height: 31px; float: right; margin: 2px 0 0 0; background: url(../images/showitem-add-to-cart-small.png) top right no-repeat; }
.sub-product form.add-to-cart-small legend { display: none;}
.sub-product form.add-to-cart-small input.text { display: block; background: #fff url(../images/showitem-add-to-cart-input.png) top center no-repeat; width: 20px; height: 20px; border: 0; text-align: center; color: #207da8; font-weight: bold; font-size: 0.75em; float: left; margin: 5px 0 0 5px; line-height: 20px; }
.sub-product form.add-to-cart-small input.submit { display: block; width: 20px; height: 20px; border: 0; float: right; margin: 5px 5px 0 0; }

#imgCaptcha, #textCaptcha { display: block; float: left}
#imgCaptcha { margin-left: 6px; margin-top: -8px; }
#refresh-captcha { margin-left: -6px; width: 16px; height: 16px; cursor: pointer; background: url(../images/icon-refresh.png); display: block; float: left}

/*============== OBSAH ==================*/
div.obsah {padding:11px; font-size: 0.75em; line-height:150%;}
div.obsah p {margin-top:10px;}
div.obsah a { color: #207DA8; text-decoration: underline;}
div.obsah ul { margin-left: 20px; margin-top:10px;}
div.obsah ul li { min-height: 16px;  }

/*============== NOVINKY ==================*/
div.novinky-detail {padding:11px; font-size: 12px; line-height:150%;}
div.novinky-detail p {margin-top:10px;}
div.novinky-detail h3 { font-size: 15px !important; font-weight: bold; line-height: 250%; padding: 0px; margin-bottom:0px;}
div.novinky-detail a { color: #207DA8; text-decoration: underline;}
div.novinky-detail ul { margin-left: 20px; margin-top:10px;}
div.novinky-detail ul li { min-height: 16px;  }

div.novinky-vypis {padding:11px; font-size: 12px; line-height:150%; clear:both;}
div.novinky-vypis h3 { font-size: 15px !important; font-weight: bold; line-height: 250%; padding: 0px;}
div.novinky-vypis a { font-size: 13px; color: #007da8 !important; font-weight:bold; text-decoration: underline; padding:0px; }

/*=============== FORMULAR UNIVERZALNI ==============*/
form.universal h2 { color: #007da8; clear: both; font-size: 1.25em; font-weight: bold; padding: 0 10px 15px 10px;}
form.universal h3 { color: #007da8; clear: both; font-size: 1em; font-weight: bold; margin: 10px 0 10px 10px;}
form.universal p { font-size: 0.75em; margin-left:10px; }
form.universal table { font-size: 0.75em; padding: 0 0 20px 0;}
form.universal table th { text-align: left; vertical-align:top; font-weight: normal; padding: 0 0 0 10px; width: 155px;}
form.universal table td { text-align: left; font-weight: normal; width: 400px; padding: 0 0 10px 0; }
form.universal table td input.text1 { text-align: left; font-weight: normal; padding: 0 10px; width: 360px; height: 27px; border: 2px solid #d9d6d2; line-height: 27px;}
form.universal table td input.text2 { text-align: left; font-weight: normal; padding: 0 10px; width: 200px; height: 27px; border: 2px solid #d9d6d2; line-height: 27px;}
form.universal table td input.datum { text-align: left; font-weight: normal; padding: 0 10px; width: 100px; height: 27px; border: 2px solid #d9d6d2; line-height: 27px;}
form.universal table td input.klic { text-align: left; font-weight: normal; padding: 0 10px; width: 330px; height: 27px; border: 2px solid #d9d6d2; line-height: 27px; font-size:10px;}
form.universal table td select { text-align: left; font-weight: normal; padding: 5px 0 5px 10px; width: 200px; border: 2px solid #d9d6d2;}
form.universal table td textarea { text-align: left; font-weight: normal; padding: 0 10px; width: 360px; height: 100px; border: 2px solid #d9d6d2;}
form.universal table td input.checkbox { text-align: left; height: 27px; line-height: 27px;}
form.universal span.povinne { color: red !important; font-weight:bold !important; margin-left:5px;}

form.universal .btn { float:left; /*For ignore double margin in IE6*/ margin-left: 5px; }
form.universal .btn a {	text-decoration: none !important; float:left; cursor: pointer; font: 900 14px/22px "Arial", Helvetica, sans-serif; }
form.universal .btn a span { margin: 0 10px 0 -10px; padding: 1px 8px 5px 18px; position: relative; /*To fix IE6 problem (not displaying)*/ float:left; }
form.universal .btn a, .btn a:hover { background: url(../images/form-bg-blue.png) no-repeat top right;}
form.universal .btn a span, .btn a:hover span { background: url(../images/form-bg-blue.png) no-repeat top left; color: #ffffff}

div.universal .btn { float:left; /*For ignore double margin in IE6*/ margin-left: 5px; }
div.universal .btn a {	text-decoration: none !important; float:left; cursor: pointer; font: 900 14px/22px "Arial", Helvetica, sans-serif; }
div.universal .btn a span { margin: 0 10px 0 -10px; padding: 1px 8px 5px 18px; position: relative; /*To fix IE6 problem (not displaying)*/ float:left; }
div.universal .btn a, .btn a:hover { background: url(../images/form-bg-blue.png) no-repeat top right;}
div.universal .btn a span, .btn a:hover span { background: url(../images/form-bg-blue.png) no-repeat top left; color: #ffffff}


/*============= PODVYROBKY ===============*/
#white table.subproducts { width: 100%; font-size: 0.75em; border-left: 1px solid #d9d6d2; border-right: 1px solid #d9d6d2; margin:0;}
#white table.subproducts th { border-bottom: 1px solid #d9d6d2; border-top: 1px solid #d9d6d2; border-left: 1px solid #d9d6d2; text-align: left; font-weight: bold; padding: 16px 10px;}
#white table.subproducts td { border-bottom: 1px solid #d9d6d2; border-left: 1px solid #d9d6d2; background: #f3f0ed; text-align: left; padding: 13px 10px;}
#white table.subproducts .nbl { border-left: 0px;}

/*============= TABULKA UNIVERZALNI ===============*/
#white table.universal { width: 100%; font-size: 0.75em; margin:0; }
#white table.universal th { border-bottom: 1px solid #d9d6d2; border-top: 1px solid #d9d6d2; background: #f3f0ed; text-align: left; font-weight: bold; padding: 6px 4px; }
#white table.universal td { border-bottom: 1px solid #d9d6d2; background: #ffffff; text-align: left; padding: 5px 4px; }
#white table.universal .nbl { border-left: 0px;}




/* MOZNA DOCASNE NEZ SE TO RADNE NASTYLUJE !!! */
p.error { border: 1px solid #cecece; color: #6c6a67; font-size: 0.85em; padding: 10px; background-color:#ffbebe; margin-bottom:20px; width:430px;}
p.ok { border: 1px solid #cecece; color: #6c6a67; font-size: 0.85em; padding: 10px; background-color:#beffbe; margin-bottom:20px; width:430px;}

div.series_preview {
      padding-left: 26px;
      position: relative;
      top: -7px;
    }
    
div.series_preview a {
      display: inline;
      background-image: none;
      width: auto;
      padding: 0;
      font-size: 11px;
      font-weight: normal;
      text-decoration: none;
      color: #007DA8;
    }
    
div.series_preview a:hover {
      text-decoration: underline;
    }

/* EXKLUZIVNI SESTILETA ZARUKA */
.guarantee6_text {border:1px solid #edca99; padding:10px; margin-top:20px; background-color:#faf1d8;}
.guarantee6_text img {float:right; margin-left:10px;}
.guarantee6_text p.heading, .guarantee6_text a {padding:0; margin:0; margin-bottom:10px; font-weight:bold; font-size:14px; color:#c0811e !important; text-decoration: none !important;}
.guarantee6_text a:hover {text-decoration: underline !important;}
.guarantee6_text p.content {padding:0; margin:0; font-size:11px;}
.guarantee6_icon {position: absolute; top:10px; left: 10px;}

/* Naseptavac */
.ui-autocomplete { text-align: left; width: 450px}
.ui-autocomplete li { font-size: 10.5px; background-color: #ffffff; cursor: pointer; height: 36px; border-bottom: solid 1px #efefef; } 
.ui-autocomplete li:hover { background-color: #efefef }
.ui-autocomplete img { max-width: 50px; width: expression(document.body.clientWidth > 50 ? „50px“ : „auto“ );
                                   max-height: 30px; height: expression(this.scrollHeight > 30? „30px“ : „auto“ ); overflow: hidden; }

/* Kosik */
#cart-info
{
     position:fixed;
     width:300px;
     height:110px;
     z-index:15;
     top:200px;
     left:50%;
     margin: 0 0 0 -150px;
     background: #e4e4e4;
     padding-top: 90px;
     color: #000000;
     font-size: 12px;
     display: none;
     text-align: center;
}
#cart-info .close
{
    position: absolute;
    top: 10px;
    right: 10px;
}

/* Vyjizdeci lista shora obrazovky */
#top_notification_bar {
  position: relative;
  background-color: #ffffcf;
  font-size: 13px;
  text-align: center;
  padding: 10px 0;
  margin-bottom: 7px;
  
  -webkit-box-shadow: 0px 1px 0px 0px rgba(136, 136, 136, 1);
  -moz-box-shadow:    0px 1px 0px 0px rgba(136, 136, 136, 1);
  box-shadow:         0px 1px 0px 0px rgba(136, 136, 136, 1);
  
  border-bottom: 1px solid #ffffff;
  
  display: none;
}

#top_notification_bar, #top_notification_bar a {
  color: #000000;
  text-decoration: none;
}

#top_notification_bar a:hover {
  color: #ffffff;
}

#top_notification_bar a.close {
  display: inline-block;
  width: 25px;
  height: 24px;
  position: absolute;
  top: 5px;
  right: 10px;
  text-indent: -9999px;
  background-image: url('../images/close.png');
  background-position: left top;
  background-repeat: no-repeat;
}

#top_notification_bar a.close:hover {
  background-position: left bottom;
}

/* technologie */
#technologie {margin-bottom: 5px; padding: 0; padding-top: 15px; width: 540px;}
#technologie h2  {border-bottom: 1px solid #ccc; margin: 0; padding: 5px 10px 5px 5px; font-size: 130%; line-height: 140%; font-weight: bold; color: #0b324f;}
#technologie .tabulka .polozka p {margin: 0; padding: 0;}
#technologie .tabulka {width: 540px; padding: 0px 0;}
#technologie .tabulka .polozka {width: 20%; text-align: center; font-size: 90%; line-height: 130%; float: left;}
#technologie .tabulka .polozka:hover {background: #fae6e6}
#technologie .tabulka .polozka .polozka_tab {height: 100px; overflow: hidden; margin: 0; border-right: 1px solid #ccc; padding: 10px 5px}
#technologie .tabulka .polozka.posl .polozka_tab {border-right: 0}
#technologie .tabulka img {display: block; margin: 0 auto 5px auto;}
#technologie .tabulka h3 {display: block; margin: 0; padding: 0 10px; line-height:120%}
#technologie .tabulka .hr {clear: both; margin: 0; border: 1px solid #fff; border-top: 1px solid #ccc; padding: 0; font-size: 0; line-height: 100%}
#technologie .tabulka .hr hr {display: none}
#technologie .tabulka a {color: #0b324f;}

#white.technologie-detail {
  font-size: 12px;
}
#white.technologie-detail hr {
  margin-bottom: 5px;
  margin-top: 5px;
}
.separator {
	height: 20px;
}


#conditions_confirmation {
	top: 1px!important;
	left:10px;
}
.conditions_confirmation_label {
	    padding-left: 10px;
	    font-size: 0.8em;
}

.state-icon {
    width: 18px;
    position: relative;
    top: 4px;
}
.state-cell {
    position: relative;
}
.over-due-icon {
    position: absolute;
    right: 10px;
    top: 17px;
}
.navigation-sub-link a{
    color: #007da8;
    text-decoration: underline;
    padding: 0 10px 15px 10px;
}
.navigation-sub-link {
    margin-bottom: 20px!important;
}

.nullwidth {
    display: none;
}

.clickable {
    cursor: pointer;
    cursor: hand;
}
input.error {
    border: 1px solid red;
}

.error-label {
    color:red;
    padding-top: 5px;
    display: block;
}

.order-label-main {
    float: left;
    width: 350px;
}
.order-label-main textarea {
    width: 99%;
    height: 100px;
}

.package-label {
    display: block;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #b5a9a9;
}
.order-label-packages, .order-label-items {
    border-left: 1px solid #b5a9a9;
    overflow-y: scroll;
    float:left;
    width: 250px;
    min-height: 380px;
    padding-left: 5px;
    margin-left: 5px;
}
.package-icon {
    width: 16px;
    margin-left: 5px;
    top: 3px;
    position: relative;
    outline: none;
}
.order-item {
    position: relative;
    border-bottom: 1px solid #c6c6c6;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.order-item-quantity {
    width: 40px;
    margin-left: 5px;
}
.order-item-label {
    display: inline-block;
    width: 140px;
    overflow: hidden;
}
.package-selector {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    list-style-type: none;
    z-index: 9;
}

.package-items {
    margin-bottom: 15px;
}

.package-item-label {
    display: inline-block;
    width: 140px
}

.package-added-item {
    position:relative;
    padding-bottom: 8px;
}

.order-item-state-icon {
    margin-right: 3px;
    position: relative;
    top: -1px;
}

.cancel-package-item{
    width: 16px;
    top: 0px;
    right: 8px;
    position: absolute;
    outline :none;
}

.package-selector-item {
    color:#828282;
    border:1px solid #828282;
    background-color: #fafaff;
    display: block;
    width: 150px;
    padding: 3px;
    text-align: center;
}
.package-selector-item:hover {
    cursor: pointer;
    cursor: hand;
    color:#fafaff;
    border:1px solid #fafaff;
    background-color: #828282;
}

#loading {
    text-align: center;
    padding: 10px;
}

.hidden {
    display:none;
}

.radio-input-group {
    margin-left: 10px;
}

#loading {
    text-align: center;
    padding: 10px;
}

.hidden {
    display:none;
}

.radio-input-group {
    margin-left: 10px;
}

.subproduct-detail-link:hover {

}
.zoom {
    cursor: crosshair;
    overflow: hidden;
    position: relative;
}
.zoom-image {
    position: absolute;
    top:0;
    left:0;
}
.hover-row:hover td:not(.no-hover) {
    background-color: #d9d6d2!important;
    border-bottom: 1px solid #f3f0ed!important;
}

.hover-row td a{
    text-decoration: none!important;
}
#variants {
    padding-top: 10px;
    clear: both;
    width:330px;
}
#variants #variant-selector {
    color:#6c6a67;
    border: 1px solid #6c6a67;
    width: 330px;
    padding: 5px;
}
#variants .variant-title {
    font-size: 0.9em;
    font-weight: 600;
    padding: 7px;
    text-align: left;
    background-color: #00b5e7;
    color: white;
}
div.detail-text {
    border-top:1px solid #dad6d2;
    padding-top: 10px;
    margin-top: 10px;
}
.nadpis_detail {
    font-size: 1.2em!important;
}
.order-info-table {
  width:100%;
}
.ppl_parcelshop {
  margin-top:1em;
}
.ppl-parceshops {
  font-size: 12px;
  text-align:left;
}

.ppl_parcelshop_box .info {
  margin-top:10px;
}

.ppl_parcelshop_box .info .position {
  display:inline-block;
  width:50%;
}

.ppl_parcelshop_box .info .open_time_wrapper {
  display:inline-block;
  width:48%;
  vertical-align: top;
}

.ppl_parcelshop_box .info .open_time_wrapper .open_time{
  padding-left:2em;
  font-size: 10px;
}


.ppl_parcelshop_box .info .gps {
  margin-top:10px;
}

.delivery-method-hint .loader {
  margin-top:10px;
}
.order-note {
  margin-bottom:20px;
}
.order-note strong {
  font-size: 0.75em;
  width: 24%;
  vertical-align: top;
  padding-top: 12%;
  padding-left: 1.5%;
  text-align: left;
}

.order-note #frmMessage {
  margin-left:155px;
}