body { font-family:Arial; font-size:12px; color: #424242; }
.right {float: right}
.left {float:left}
.note {font-style: italic; color: #aaa}
.clear, .cleaner {clear:both}
.strike {text-decoration: line-through;}
.hidden {display: none;}
input[type='radio'] {cursor: pointer; }
input[type='radio'] + label {cursor: pointer;}
input[type='checkbox'] {cursor: pointer; }
input[type='checkbox'] + label {cursor: pointer; padding-left: 5px;}
.button, .x-btn { background:transparent url('images/botton-search.png') no-repeat scroll 0 0; bold; cursor: pointer; cursor: hand; color:#FFFFFF; font-size:11px; font-weight:bold; height:23px; width:79px; border:0 none; margin:0; padding:0; }
.button:hover { color:#28B6E2 }
div.clearboth { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
table th {padding: 0px 5px;}
#main #Tabulka_01 td { padding: 0px; }

/* HEADER */
#bg-hd  { background: #fff url('images/bg-hd.jpg') repeat-x; height:232px; position: absolute; width: 100%; z-index: -10; left: 0; }
#hd  { height:133px; margin-top:0px;}

#topmenu {text-align:center; margin: auto;}
#topmenu ul {display: inline-block;}
#topmenu li {list-style: none; float: left; margin: 0px 1px; border-right: 1px solid #585858;}
#topmenu li a { padding:0px 11px 2px; margin-left:0; text-decoration:none; color: #cdcdcd; }
#topmenu li a:hover {text-decoration:underline; color: #28b6e2; }

#logo {float:left; height:80px; width:233px; margin-top:20px;}
#logo a {background: transparent url('images/logo.png') no-repeat; *background: transparent url('images/logo-ie6.png') no-repeat; display:block; height:80px; width:233px; color:transparent;}

#usercomponents {margin-top: 20px;}
#usercomponents .usercomponent {float: left; }
#usercomponents #quicksearch {  margin-right: 20px; margin-left: 30px;  }
#usercomponents .linklist { margin-top: 30px;   *margin-top: 25px; }
#usercomponents #advsearch {margin-top: 15px; margin-left: 15px; *margin-top: 10px; }
#usercomponents #adminmenu {margin-top: 5px;}
#usercomponents #adminmenu li {float: left; padding-right: 20px;}
#usercomponents #buy {  margin-left: 70px; }

#usermenu span.username {color:#28b6e2;}
ul.linklist li, ul.linklist-log li { list-style-type: none; }
ul.linklist li a, ul.linklist-log li a { background:transparent url('images/li.png') no-repeat scroll 0 3px; color:white; display:block; padding:0 0 9px 11px; text-decoration: none; *padding:0 0 0px 11px; }
ul.linklist li a:hover, ul.linklist-log li a:hover { text-decoration:underline; }
#adminmenu {margin-left: 15px; margin-top: 0px;}
#adminmenu .linklist { margin-top: 0px;  }

#quicksearch form { margin-left: 15px;  }
#quicksearch form .input_text {background-color: transparent; border:0; color:#000; height:16px; padding:7px 0 0 10px; width:214px; *width:200px; *padding-top: 9px; }
.search-form {  background: url('images/bg-search.png') no-repeat scroll 0 0px transparent; width:308px; height: 29px;  }


#buy {margin-left:20px;}
#buy a {color: inherit; text-decoration: none; background: url('images/buy.png') no-repeat scroll 0 5px transparent; *background: url('images/buy-ie6.png') no-repeat scroll 0 5px transparent; margin-top: 20px; padding:0 0 3px 50px; display: block;}
#buy span.buyrow:hover { text-decoration: underline; color:#28b6e2  }
#buy span.buyrow {display: block; color: white}
#buy span.buyrow b {display: block; color: #28b6e2; font-size: 14px; margin-bottom: 5px;}


/* LEFT */
.corner {width:170px; float:left;  height:6px;}
#leftmenu-top-coner { background:transparent url('images/bg-coner-left-menu.jpg') no-repeat;}
#leftmenu-bottom-coner { background:transparent url('images/bg-coner-left-menu-bottom.jpg') no-repeat; }

/* leftmenu - vyber akcia/novinky.. */
#leftmenu { background:transparent url('images/bg-left-menu.jpg') repeat-y scroll 0 0; padding-top: 6px; padding-bottom: 10px;  *margin-top: -10px; width:170px; float:left;  }
#leftmenu li { list-style-type: none; border-bottom: 1px solid #d5d5d5; padding:3px 0 3px 10px; font-weight:bold; margin:0 20px 0 5px;  }
#leftmenu li a { text-decoration:none; color: #141414; display: block; }
#leftmenu li a:hover {  color: #28b6e2; }

#filter h3 { background:transparent url('images/left-menu-head.jpg') no-repeat scroll 0 0;    color: black; font-weight: bold; padding: 10px; width: 162px; }
#filter h4 { color: #28b6e2; font-weight: bold;  margin: 10px 0 5px; font-size: 13px; }
#filter .sektion-filter { color: black;   }
#filter .sektion-filter input { margin-right: 7px; }
#filter .select-filter { border: 1px solid #afafaf; width:148px; color: #777}
#filter-top-coner { background:transparent url('images/bg-filter-top.jpg') no-repeat;}
#filter-bottom-coner { background:transparent url('images/bg-filter-bottom.jpg') no-repeat;}

#filter .sektion-filter input.last { margin-left: 10px; }
#filter { width:184px; float:left; background:white url('images/bg-filter.jpg') repeat-y scroll top right;  }
#filter a.filter-button { background:transparent url('images/bg-boton.png') no-repeat scroll 0 -26px; text-decoration: none; display:block; width:83px; height:20px; float:left; text-align:center; padding-top:7px; color:#c5c5c5;}
#filter a.filter-button:hover,
#filter a.filter-button:active,
#filter a.filter-button.active { background:transparent url('images/bg-boton.png') no-repeat scroll 0 0; color: #5c5c5c;}
#filter li { list-style-type: none;  border-bottom: 1px solid #D5D5D5; padding: 6px 0 3px 0px; margin: 0 20px 0 0; }
#filter li a {  text-decoration:none; color:#373737; padding:0 0 2px 11px; }
#filter li a:hover,
#filter li a.active { text-decoration:none; color: #28b6e2; }
#filter ul { margin: 0px 0 5px 0px; overflow:hidden;  }
#filter ul ul { margin: 6px 0 0px 20px;}
#filter h3 {position: relative; background-color: #9CDAEF;}
#filter h3 a.filter-reset {position: absolute; right: 8px; top: 8px;}
#filter .filterBox {margin-right: 10px; margin-left: 5px; position: relative;}
#filter .filterBox .selectBox {width: 125px;}
#filter .filterBox .filter-reset {top:0px; right: 0px; position: absolute; display: none;}
#filter #FilterSubmit {text-align: right; margin: 15px; margin-right: 10px;}
#filter #FilterSubmit #FilterResetInput {float: left;}
#filter #FilterSubmit #FilterSubmitInput {float: right;}

#FilterCena h4, #FilterCena div.range-price, #FilterCena #priceSlider {float: left; text-align: center;}
#FilterCena h4 {width: 140px; line-height: 20px;}
#FilterCena div.range-price {width: 50px; padding: 4px; padding-top: 3px;}
#FilterCena #priceSlider {margin: 5px 7px; width: 350px;}
#FilterCena #priceSlider .ui-slider-handle {cursor: pointer;}
#FilterCena {margin-bottom: 10px;}

/* leftmenu - sekcie */
#sections a.section {display: block; background: url('images/secionbuttons.png') no-repeat 0 0; padding:19px 93px 16px 74px;; margin: 1px; color: #aaa; text-decoration: none; font-size: 20px; font-weight: bold; }
#sections a.section:hover,
#sections a.section.active {color: #3a7b91;}
#sections a.section-man {background-position: 0px 0px; padding-bottom: 17px;}
#sections a.section-woman {background-position: 0px -60px;}
#sections a.section-man:hover,
#sections a.section-man.active {background-position: 0px -120px;}
#sections a.section-woman:hover,
#sections a.section-woman.active {background-position: 0px -180px;}


/* RIGHT */
#rightmenu { float:right; margin-right:2px; margin-bottom:20px;  *margin-right:0px;  }
#rightmenu .img-banner { width:183px; }
#rightmenu .img-banner img { border: 1px solid #e0e0e0; margin-bottom:3px; }
#rightmenu .list-head { background-color: #777; color:#fff; padding:8px; width:168px; }
#rightmenu .box {width: 182px;}

#banner { margin: 1px 0 5px 1px; float:left; }
#banner img { border-left: 1px solid #e0e0e0; margin:-1px;  width: 273px; }
#banner .banner {float: left; margin-right: 1px;}


/* BODY */
#content { background-color: #fff;  }

/* newsltter na uvodnej stranke */
#newsletterMain { background:transparent url('images/bg-news.jpg') no-repeat; float: left; height:240px; width: 302px; color: white; }
#newsletterMain .news-title {  font-size: 18px; margin:20px 90px 9px 16px; font-weight: bold; }
#newsletterMain .input-text { font-size: 12px; margin: 15px 0 5px 16px; }
#newsletterMain input { width: 185px; color: black; border: 1px solid #999; height: 22px; margin: 0 0 0 16px;  }
#newsletterMain .ok-buttom { background:transparent url('images/button2.png') no-repeat; width: 77px; height: 22px;  display: block; border:0; margin: 10px 0 0 125px; color: white; *margin-left: -155px; }
#newsletterMain .ok-buttom:hover { background:transparent url('images/button2.png') no-repeat  scroll 0 -22px; width: 77px; height: 22px;  display: block; border:0; margin: 10px 0 0 125px; color: #28B6E2; }
#newsletterMain ul {margin-left: 15px;}
#newsletterMain ul li {list-style: none;}

#bd .shadowline {background-color: #424242; color:#fff; padding:8px;}
#bd .shadowline a { text-decoration: underline; color: white; }

#why {  background:transparent url('images/banner-big.jpg') no-repeat; width: 518px;  height: 240px; float: right; *margin-right:3px;  }
#why ul { color:#fff; margin: 50px 0 0 20px; line-height:20px; font-weight: bold; }
#why li { background:transparent url(images/why-li.png) no-repeat scroll 0 3px; list-style-type: none; padding-left: 20px;}

#introMessage {margin-right: 0px;}
#introMessage {font-size: 18px; text-align: center;}

.list { width:633px; *width:631px; float:left; margin-bottom:20px; }
.list-head { background-color: #777; color:#fff; padding:8px; width:615px; }
.list-head .title { font-size:14px;  font-weight: bold; }
.list-head a { text-decoration: underline; color: white !important; }

.info-head {background-color:#424242; color:#FFFFFF; margin-right:2px; padding:8px;}
.info-head a {text-decoration: underline; color: white !important;}

.product {position: relative; overflow: hidden;}
.product.product-odd {  background-color: #fff; padding:0 2px 5px 10px; width:195px; *width:192px; height: 263px;  margin:0 2px 2px 0; border:1px solid #dbdbdb;  color: #c524ac; float:left; }
.product.product-even {  background-color: #fff; padding:0 2px 5px 10px; width:195px; *width:192px; height: 263px; margin:0 2px 2px 0; border:1px solid #dbdbdb;  color: #c524ac; float:left; }
.product .product-status {width: 61px;  height:62px; position:absolute; right: 0px;}
.product .new { background:transparent url('images/new.gif') no-repeat scroll 0px 0;}
.product .action { background:transparent url('images/akce.gif') no-repeat scroll 0px 0;}
.product .forsale { background:transparent url('images/sale.gif') no-repeat scroll 0px 0;}
.product .product-brand a {white-space: nowrap; color:#28b6e2; font-size:13px; margin-bottom:5px; margin-top:10px; font-weight:bold; overflow:hidden; width:180px; text-transform: uppercase; text-decoration: none; display: block; }
.product .product-typ { color:#6b6b6b; font-size:13px;  overflow:hidden; width:180px; white-space: nowrap; }
.product .product-img { text-align:center;overflow:hidden; height:160px;}
.product .product-img a {color: transparent;}
.product .product-img img {margin:10px 0;}
.product .product-img table {height: 160px; width: 100%;}
.product .product-img td {text-align: center}
.product .product-price { color: #000; font-size: 11px; font-weight: bold; margin-right:10px;  }
.product .product-price span.mwprice { font-size: 18px; }
.product .product-availability { color: #008300; font-size: 12px; font-weight:normal; margin-left:0px; }
.product .size { margin-top: 5px; float:left; }
.product .size select.addToCartSize {width:60px }
.product .add { height:18px; width: 67px; padding: 4px 0 0 10px; font-weight: bold; background:transparent url('images/buttom2.jpg') no-repeat scroll 0 0;}
.product .add {position: absolute; right: 11px; bottom: 10px;}
.product .add a { color: #000 !important; text-decoration: none; }
.product .add:hover {  background:transparent url('images/buttom2.jpg') no-repeat scroll 0 -22px;  }
.product .selectBox {width: 20px;}

.product.product-small {  background-color: #fff; padding:0 1px 5px 5px; width:176px; margin:0 0 2px 0; border:1px solid #dbdbdb; height: 263px;}
.product.product-small .product-brand { width:167px; }
.product.product-small .product-typ { width:167px;  }
.product.product-small .product-status {display: none;}
.product.product-small .add {  margin-left: 20px; }
.product.product-small .product-price { margin-right:5px; }

#center { width: 634px; float:left; margin:0 0 20px; *width: 628px; position: relative;  }
#center td.price {text-align: right; padding-right: 20px;} 

#way { color:#282828; margin-left:20px; padding-top: 10px;  }
#way a { color:#282828; text-decoration: none; font-size: 18px;}
#way span { color:#28b6e2;  font-size: 18px;}

.katalog-filter {background-color: #F1F1F1; border:0; color: #848484; float: left; margin: 15px 0 15px;padding: 10px 10px 5px; width: 610px; }
.katalog-filter a { color:#161616; text-decoration:none; font-weight: bold; }
.katalog-filter a:hover,
.katalog-filter a.active { color:#28b6e2; text-decoration:none; }
.katalog-filter .filter-row {height: 22px;}
.katalog-filter .sorting-row {height: 28px;}
.katalog-filter .paginator {float: right; *margin-top:10px;}
.katalog-filter .delimeter {padding: 0px 2px; *float:left;}
.katalog-filter .filter {position: relative; padding-right: 18px; *float:left; }
.katalog-filter .arrow { background: url('images/arrows.png') no-repeat scroll 0 0;  display:block; width:16px; height:16px; position: absolute; top:2px; right: 3px; *position: relative; *float:left;}
.katalog-filter .arrow-top {background-position: 0 -20px;}
.katalog-filter .arrow-bottom {background-position: 0 0px;}
.katalog-filter .arrow-disable {background-position: 0 -40px;}
.katalog-filter .selectBox {width: 40px}
.katalog-filter .selectBox:hover {color: #888;}
#frm-prodLimitForm {float: right;}

#bd #product-detail {  margin:20px;  }
#bd #product-detail  #product-img { width: 244px; float:left; margin-bottom:20px; }
#bd #product-detail #small-img { margin-top: 10px; }
#bd #product-detail #small-img img { margin-right: 3px; }
#bd #product-detail #description {  color:#6b6b6b; margin-left:15px; float:left; width:330px; }
#bd #product-detail #description div {line-height: 20px;}
#bd #product-detail #description #name {font-size: 18px; margin-bottom:20px;}
#bd #product-detail #description #name a {text-decoration: none; color:#000;}
#bd #product-detail #description #name a:hover {text-decoration: underline;}
#bd #product-detail #description .pink { color:#008300; }
#bd #product-detail #description #div-price { font-size: 14px; font-weight:bold;  margin-top:20px; }
#bd #product-detail #description #div-price span.x-price { color:#28B6E2; font-size: 18px; }
#bd #product-detail #description #div-price span.x-discount {color:#aaa;}
#bd #product-detail #description #div-price .price-nodph { font-weight:normal; font-size: 12px; color: #aaa }
#bd #product-detail #description #div-price .price-nodph span.x-price { color:inherit; font-size: 12px; }
#bd #product-detail #description #product-info { margin-top:20px; text-align:justify; }
#bd #product-detail #description #size { text-align:center;  margin:10px 0 10px 0; font-size: 14px; font-weight:bold; }
#bd #product-detail #description #size table tr {line-height: normal}
#bd #product-detail #description #size table td {font-size: 14px; font-weight:bold; text-align:left;}
#bd #product-detail #description #buy-product select { width: 80px; }
#bd #product-detail #description #buy-product { float:left;  }
#bd #product-detail #description #buy-product .div-size { margin-bottom:5px; }
#bd #product-detail #description #buy-botton { background:transparent url('images/buy-botton.png') no-repeat; width: 126px; height:47px; display:block; margin-left: 50px; }
#bd #product-detail #description #buy-botton:hover { background:transparent url('images/buy-botton.png') no-repeat scroll 0 -47px; }

#bd #product-detail .facebooklike {margin-top: 10px;}
#bd #product-detail .facebookshare { float: right;  margin: 5px 275px 20px 0; }
#bd .info-brand img { float:left; margin:5px; }
#bd .info-brand { padding:5px; } 
#bd .info-brand p { text-align:justify; }
#bd .info-graf { text-align:center; margin: 10px 0 10px 0;}
#bd #orderConditions {color: #aaa; margin: 4px 0px 4px 10px}
#bd #orderConditions span.conditions{font-style: italic}
#bd #description a { color: #28B6E2; font-weight: bold; }

#bd #product-detail #buy-section { background-color: #b5e6f6; border: 5px solid #c9effb; padding: 10px; color: black; }
/* Formulare */
form label {padding-right: 10px;}
#main div.form { margin: 0 80px 30px 80px; }
#main div.form p.info {color:#777; font-size: 11px; line-height: 14px; padding-bottom: 4px; display: block; margin: 0px; margin-left: -10px;}
#main div.form ul.error { padding-bottom: 10px; list-style-type: none; }
#main div.form ul.error li { background: #424242 url('images/form-error.png') 8px 4px no-repeat; border-radius: 4px; padding: 4px; margin: 1px; color: white; padding-left: 35px; }
#main div.form fieldset {margin-bottom: 20px; }
#main div.form fieldset legend { font-size:14px; color:black; margin-bottom:20px; font-weight: bold; }
#main div.form table th { padding-left: 2px; padding-bottom: 4px; width: 40%; }
#main div.form table td { padding-left: 10px; padding-bottom: 4px; width: 60%; }
#main div.form table td small { color:#777; font-size: 11px; line-height: 14px; padding-bottom: 4px; display: block; margin-left: -10px; }
#main div.form table td label { padding: 3px; height: 20px; display: block; float: left;}
#main div.form table span.required { color: #28b6e2; padding-left: 3px;}
#main div.form table td input { width:100%; padding:3px; float: left; margin-left: -10px;}
#main div.form table td input[type='checkbox'] { width: auto; margin: 4px 2px; cursor: pointer; }
#main div.form table td input[type='checkbox'] + label {cursor: pointer;}
#main div.form table td input.button { background-image: url('images/buttonlarge.jpg'); width:150px; }
#main div.form table td input.submit { height: 21px; border: 10px none; float: right; }
#main div.form table td input.submit:hover { color: black; }
#main ul.formtools {margin-bottom: 5px;}
#main ul.formtools li {list-style: none; padding-right: 10px;}

/* Textove prvky v main (vsetky clanky v tinyMCE su v div.article (ale kvoli spatne navrzenemu CSS sa to musi nastavit cez ID) ) */
#main {padding: 0px 10px;}
#main.nospace {padding: 0px;}
#main.product {padding: 10px 0px;}
#main h1, #main h2, #main h3, #main h4, #main h5, #main h6 { color:#108EB5; }
#main h1, #main h2, #main h3 {margin-top:20px; color:#28b6e2; margin-bottom: 5px;}
#main h1 {margin-top: 10px; margin-bottom: 20px;}
#main h1 {font-size:24px; font-weight: normal; font-family: Arial; margin-top:30px; color: #108EB5; }
#main h2 {font-size:16px; color: black; font-weight: bold;}
#main h2.line {border-bottom: 1px solid #e0e0e0; padding: 4px 0px;}
#main h3 {font-size:14px; font-weight: bold; line-height: 18px;}
#main p {margin:20px 0;color: #404040; font-size: 13px;}
#main strong, #main b {font-weight: bold}
#main #form_login {margin: 0 100px}
#main a { color:#28b6e2; }

#mainproducts h1.category,
#mainproducts h1.category a {margin-top:15px; color: #108EB5; margin-bottom: 0px; font-size:24px;}
#mainproducts h1.category a {text-decoration: none;}

#sections { width:170px; *height:123px; }

.pathway { color:gray; margin-top: 15px; margin-left: 10px; margin-bottom: 20px; float: left; width:100%;}
.pathway a { color:#28B6E2; text-decoration: none; float:left; }
.pathway a:hover {  text-decoration: underline }
.pathway .path-home { text-decoration: underline; font-weight: bold; }
.pathway .separator { background:transparent url(images/arrow.png) no-repeat scroll 0 0; width:6px; height: 7px;  margin: 5px 10px 0; float: left; }


#main .cmpPage table {border-color: #ddd; margin-bottom: 5px;}
#main .cmpPage table td {padding: 2px 5px;}
#main .cmpPage ul {margin-left: 45px;}
#main .cmpPage ul li { line-height: 25px; }
#bd #basket-icon {  background:transparent url(images/buy.png) no-repeat scroll 0 0;  padding-left: 55px; height: 28px; padding-top: 10px; }

#bd .buy-tittle { color:#424242; font-size:18px; margin-bottom:10px; }
#bd #center table { width:100%; }
#bd #center tr.thead {  background-color:#424242;  color:#FFFFFF; padding:8px; text-align:center; }
#bd #center tr { text-align:left;   }
#bd #center tr.thead td { font-size: 14px; font-weight: bold; padding:5px; }
#bd #center .td-name { width: 250px; }
#bd #center table.dataview tr{  border-bottom:1px solid #e0e0e0; line-height:25px;  }
#bd #center a.button { background:transparent url(images/botton.png) no-repeat scroll 0 0; display:block; text-align:center; text-decoration:none; border:0 none; color:#FFFFFF; font-size:11px; font-weight:bold; height:21px; width:79px; line-height: 21px; }
#bd #center a.largebutton { background-image: url('images/buttonlarge.jpg'); padding: 4px; height: 13px; width: 141px; line-height: 14px;}
#bd #center a.disabled {cursor: text; background: #eee; color: #aaa; }
#bd #center .col-remove a { background:transparent url(images/storno.png) no-repeat scroll 0 0; display:block;  width:18px; height:18px;}
#bd #center .col-remove a span {display: none;}
#bd #center .full-price { font-size: 18px; font-weight: bold; margin:20px 10px 20px 0; text-align:right; }
#bd #center .full-price span { color: #e30505; }
#bd #center .full-price .price-info { color: #424242; font-size: 12px;  font-weight: normal; border-bottom:1px solid #e0e0e0; padding-bottom: 5px;  }
#bd #center .full-price .price-val { margin-bottom:10px; border-bottom: 1px solid #e0e0e0; margin-left:320px; padding-bottom: 5px; }

#bd .bigbutton {color: #fff; font-size: 14px; display:block; height:30px; text-align:center; width:180px; padding-top:12px;}
#bd #back-to-shop {background-color:#777; float: left; text-decoration:none;}
#bd #buy-produkct {background-color:#28b6e2; float: right; font-size: 18px; text-decoration:none; padding-top: 10px; height: 32px; }
#bd #buy-produkct:hover {background-color:#e30505; }
#bd #back-to-shop:hover { background-color:#424242;  }

#main .paging .counter-articles { float: left; font-style: italic; margin-right: 15px; }
#main .articles { border: 1px solid #d4d4d4; background-color: #f1f1f1; padding: 10px;  margin: 5px 0;}
#main .articles h3  { margin: 0 0 5px 0; }
#main .articles p  { margin: 5px 0; }
.article table th {
padding: 0px 5px;
border: 1px solid #C8C8C8;
background: none repeat scroll 0 0 gainsboro;

}

#main .cmpPage table td {
padding: 2px 5px;
border: 1px solid gainsboro;
}

#ticket {  background:transparent url(images/ticket.png) no-repeat scroll 0 0; padding:5px; margin-bottom:20px; }
#ticket .ticket-tittle { font-size:14px; font-weight:bold; margin:5px 0 10px 0; }
#ticket input { float:left; width:130px;}
#ticket .price-botton { margin-left:150px; padding-top:5px;}

#ft { background: #2a2a2a url(images/logo-big.jpg) no-repeat scroll 220px 0; border-top: 1px solid #939393; color:#f2f2f2; float:left; width:100%; }
#ft a:hover {  text-decoration:underline; }
#ft a { color: #f2f2f2; text-decoration: none; }
#ft #ft-width { width:991px; margin:0 auto; padding:10px; text-align: left;  }
#ft #ft-width #contact { float:left; margin-top: 24px;}
#ft #ft-width .adress { margin-bottom:4px;  }
#ft #ft-width .ft-info { margin:24px 10px 10px 80px; float:left; padding:0 0 0 30px; width:155px; overflow:hidden; }
#ft #ft-width .ft-title { color:#4ac805; font-weight:bold; margin-bottom:10px; }
#ft #ft-width .ft-info ul { margin-left:15px; }
#ft #ft-width .ft-info li { margin-bottom: 4px; }
#ft #ft-width .facebook { float:left; margin-top:10px; width:120px;  }
#ft #ft-width .facebook img {  vertical-align:middle; }
#ft #copy { float:left; margin:10px;  text-align: center; width: 100%; }

/* Grid - tabulka na data */
table.grid tr {text-align:left; height: 25px;}
table.grid thead tr {background-color:#424242; color:#FFFFFF; padding:8px;}
table.grid thead th {font-size: 14px; font-weight: bold; padding:5px; text-align: center;}
table.grid tbody td {font-weight: normal; padding: 0px 5px; border-bottom:1px solid #e0e0e0;}
table.grid .col-price {text-align: right; padding-right: 30px;}

/* Basket */
div.basket .col-units input {width: 20px; text-align: right; padding: 1px 3px;}
div.basket tbody td {text-align:right; height: 50px;}
div.basket tbody .col-desc {text-align: left; width: 220px;}
div.basket .submit {display: none;}
div.basket tbody td p {text-align: center; padding: 15px;}
div.basket input {width: 30px;}
#recalculateButton {float: right; margin: 5px 0px;}

/* Kupon */
#CouponBox {margin: 40px; margin-left: 0px; width: 350px;}
#main #CouponBox div.form {margin-left: 0px; margin-top: 10px;}

/* Order steps */
#OrderSteps {margin-bottom: 20px;}
.steps .step {float: left; width: 130px;  margin: 2px 6px; padding: 15px 4px; text-align: center; position: relative; }
.steps .step a {text-decoration: none; display: block;}
.steps .step .step-number {position: absolute; top: -7px; left: -7px; background: white; font-weight: bold; padding: 4px 7px; border-radius:5px; border: 1px solid #ccc; color: #aaa; }
.steps .step.notexecuted {background: #eee; border: 1px solid #e0e0e0; color: #aaa;}
.steps .step.executed {background-color:#424242;}
.steps .step.executed a {color:#FFFFFF !important;}
.steps .step.current {background-color:#28b6e2;}
.steps .step.current a {color:white !important;}

.linesplit {background:#424242; height: 8px; width: 100%;}

/* OrderInvoiceOptions */
#OrderInvoiceOptions {margin-bottom: 20px;}
#OrderInvoiceOptions div.item {width: 33%; float: left;}
#OrderInvoiceOptions div.item2 {width: 34%}
#OrderInvoiceOptions a.invoiceOptionsButton {display: block; padding: 15px 4px; text-align: center; position: relative; background: #eee; border: 1px solid #e0e0e0; border-top: none; color: #aaa; text-decoration: none; cursor: pointer;}
#OrderInvoiceOptions a.invoiceOptionsButton strong {display: block; text-decoration: underline; font-size: 14px;}
#OrderInvoiceOptions a.invoiceOptionsButton:hover,
#OrderInvoiceOptions a.invoiceOptionsButton.active {background-color:#28b6e2; color:white }
#OrderInvoiceOptionsCards .invoiceOptionCard {display: none;}
#OrderInvoiceOptionsCards .invoiceOptionCard.active {display: block;}
#OrderInvoiceOptionsCards .flashes {margin: 0px 10px 10px 4px;}
#OrderInvoiceOptionsCards .flashes a {color:#FFFFFF;}
#OrderInvoiceOptionsCards #SingleBuyCard {margin-left: 0px;}
#OrderInvoiceOptionsCards #NewUserCard {margin-right: 0px;}
#OrderInvoiceOptionsCards #NotselectedCard p {text-align: center; font-size: 16px; margin-top: 100px;}

/* Spravy - velka sprava, napr ziadne objednavky... */
p.message {text-align: center; font-size: 20px; padding: 20px 0px;}

/* Flash spravy */
.flashes .flash {background:#424242 url(images/icon_info.png) no-repeat 10px 50%; color:#FFFFFF; padding:10px; margin: 2px; border-radius: 4px; padding-left: 30px;}
.flashes .flash.flash-small {padding:4px 0px 4px 20px; margin: 0px; font-size: 11px; background-position: 2px 50%;}

/* Vseobecny box */
.box {border: 1px solid #eee; margin-bottom: 2px;}
.box .box-header { background: url("/css/images/left-menu-head.jpg") no-repeat scroll 0 -1px #9cdaef; color: black; font-weight: bold; padding: 10px;}
.box .box-content {padding: 8px; background: url("/css/images/bg-newslleter.jpg") repeat scroll 0 0px transparent; }
.box .error {font-size: 11px;}

#leftpanel h2.header {  background: url("/css/images/left-menu-head.jpg") no-repeat scroll 0 0 #9cdaef; color: black; font-weight: bold; width: 149px; padding: 10px; }
#leftpanel h2.header a { color: black; text-decoration: none; }
#leftpanel h2.header a:hover { color: black; text-decoration: underline }
#leftpanel h3 { color: #28b6e2; font-size: 13px; font-weight: bold; padding: 10px 0 5px 0; }
#leftpanel h3 a { color: #28b6e2; font-size: 13px; font-weight: bold; padding: 10px 0 5px 0; text-decoration: underline }
#leftpanel h3 a:hover { text-decoration: none; }
#leftpanel .datetime { color: #777; font-style: italic; }
#leftpanel p { border-bottom: 1px dotted gray;  padding-bottom: 10px;  margin-right: 8px; padding: 9px; font-style: italic; }
#leftpanel .more { color:black; font-weight: bold; text-decoration: none; padding-top: 10px; width:170px; height:25px; float: left; background: url("/css/images/bg-left-menu.jpg") repeat-y scroll 0 0 transparent; }
#leftpanel .more:hover { text-decoration: underline; }
#leftpanel #layoutcontainer_left { width: 170px; background: url("/css/images/bg-left-menu.jpg") repeat-y scroll 0 0 transparent; }

#brands { background: url("/css/images/bg-filter.jpg") repeat-y scroll 0 0 transparent; float: left; width: 170px;}
#brands li { list-style-type: none;  border-bottom: 1px solid #D5D5D5; padding: 3px 0 3px 0px; margin: 0 20px 0 0; }
#brands li a {text-decoration:none; color:#373737; padding:1px 0 0 11px; display: block; font-size: 12px; }
#brands li a:hover,
#brands li a.active { text-decoration:none; color: #28b6e2; }
#brands ul { margin: 0px 0 5px 0px; overflow:hidden; }
#brands ul.smallsize {max-height: 700px;}
#brands ul.scrollable {overflow: auto;}
#brands ul ul { margin: 6px 0 0px 20px;}
#brands h3 {position: relative;}
#brands h2.header {padding:0px; width: 169px; text-align: center; background: none;}
#brands h2.header a {width: 84px; display: block; float: left; padding:10px 0px; background-color: #d7f0f9; color: #999999; text-transform: capitalize; }
#brands h2.header a.active {background-color: #9cdaef; color: #000000;}

/* Newsletter */
#Newsletter form {margin: 12px 0;}
#Newsletter form input {margin: 4px 0; padding: 4px 6px; width: 150px; border: 1px solid #bdbdbd; color: #777; float: left;}
#Newsletter form input.submit {margin: 6px 8px; padding: 0; width: 50px; border: none; float: right; color: white; font-weight: bold; cursor: pointer;}
#Newsletter form input.submit:hover { color: #28B6E2; }
#Newsletter form ul.error li {list-style: none; color: red;}

/* Paginator */
.paginator .prevpage { background: url('images/pagging.png') no-repeat scroll 0 0;  display:block; width:20px; height:20px; float:left; }
.paginator span.prevpage {background: url('images/pagging.png') no-repeat scroll -20px 0; }
.paginator .nextpage { background:transparent url('images/pagging.png') no-repeat scroll 0 -20px;  display:block; width:20px; height:20px; margin:0 0 0 5px; float:left; }
.paginator span.nextpage {background: url('images/pagging.png') no-repeat scroll 20px -20px; }
.paginator .button span,
.paginator a span {display: none;}
.paginator .page,
.paginator .nextpage,
.paginator .pagedots,
.paginator .prevpage { float:left;}
.paginator .page {padding: 4px 3px;}
.paginator .pagedots {padding: 4px 0px;}
.paginator .current {color:#aaa;}



/* cutom CSS */
#main, #main-inner {position: relative}
.order .order-status {position: absolute; top: 10px; right: 10px}
.order .order-status-info {color:#28b6e2; font-weight: bold}
form table.x-layout-form td{text-align: left}
#main.paymentDelivery h2 {margin-bottom: 5px; margin-top: 20px;}
#frmdeliveryForm-commentUser {width: 100%;}
#UserMeta {display: none;}

.paymentDelivery .noPayment {display: none;}
.paymentDelivery .col-conditions {width: 300px; color: #999; padding: 3px; font-size: 11px;}
.paymentDelivery .col-name {width: 200px;}

.salebox { background: url('images/sale.png') no-repeat 20px 10px; width: 200px; height: 85px; margin-top: 10px; }
.salebox {padding-left: 150px; padding-top: 20px; color: #fbb610;}
.salebox .salebox-discount {font-size: 33px; font-weight: bold; text-shadow: 0px 0px 1px #555; padding-bottom: 10px; display: block; }
.salebox .salebox-discount .minus {}
.salebox .salebox-date {display: block; margin: 10px; font-size: 14px; margin-bottom: 2px;}
.salebox .salebox-from {}
.salebox .salebox-to {margin-top: 0px;}

.maskloader { background: url('images/maskbg.png') repeat; display:none; position: absolute; }
.maskloader-icon { background: url('images/maskicon.png') no-repeat; height: 150px; margin: 200px 120px; opacity: 1; width: 430px; }

#orders tbody td {vertical-align: middle;}
#orders tbody .order-id {font-weight: bold; font-size: 14px;}
#orders .order-item-info td {border-bottom: none;}
#orders .order-item-products img {margin: 0px 4px 10px 0px;}