body {
    margin: 0;
    padding: 0;
    background: #0d2909 url(images/bg-top-gradient.png) repeat-x center top;
    color: #000000;
    font-family: Arial, sans-serif;
    font-size: 0.7em;
}

.cleaner {
    clear: both;
}

#body {
    /*background: url(images/bg-bottom-gradient.png) repeat-x center 330px;*/
}
#top-bg {
    background: url(images/bg-top.png) no-repeat center top;
}
#top {
    margin: 0 auto;
    padding: 0;
    width: 980px;
    
    background: #000000 url(images/top.jpg) no-repeat center top;
    color: #FFFFFF;
}
#top .left{
    float: left;
    width: 735px;
}
#top .left h1 {
    display: block;
    padding: 62px 0 0 30px;
    margin: 0;
}
#top .left h1 a{
    display: block;
    width: 430px;
    height: 100px;
    margin: 0;
    padding: 0;
}
#top .left h1 a span{
    display: none;
}

#top .left .selector{
    margin:64px 43px 10px 10px;
}
#top .left .selector .switch{
    float: left;
    color: #fff;
}
#top .left .selector .switch ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
#top .left .selector .switch ul li{
    background: url(images/selector-btn-l.gif) no-repeat left top;
    float: left;
    margin: 0 1px 0 0;
}
#top .left .selector .switch ul li a{
    background: url(images/selector-btn-r.gif) no-repeat right top;
    color: #fff;
    padding: 8px 10px;
    font-weight: bold;
    display: block;
    float: left;
    border-bottom: 1px solid #000000;
}
#top .left .selector .switch ul li.active{
    background: url(images/selector-btn-la.gif) no-repeat left top;
}
#top .left .selector .switch ul li.active a{
    background: url(images/selector-btn-ra.gif) no-repeat right top;
    border-bottom: 1px solid #69b21c;
    
}
#top .left .selector .menu{
    float: right;
}
#top .left .selector .menu ul {
    padding: 8px 0 0 0;
    margin: 0;
    list-style-type: none;
    text-align: right;
}
#top .left .selector .menu ul li{
    display: inline;
    background: url(images/menu-separator.gif) no-repeat right center;
}
#top .left .selector .menu ul li.last{
    background: none;
}
#top .left .selector .menu ul li a{
    color: #fff;
    padding: 6px 10px 6px 10px;
}
#top .left .selector .form{
    float: left;
    width: 680px;
    margin-bottom:8px;
    background: #7cb714 url(images/selector-bg.png) no-repeat left top;
}
#top .left .selector .form-bottom{
    float: left;
    width: 680px;
    padding: 0 0 10px 0;
    background: url(images/selector-bg-bottom.png) no-repeat left bottom;
}
#top .left .selector .form form .select-block{
    float: left;
    width: 110px;
    margin: 8px 0 0 8px;
    _margin: 8px 0 0 4px;
    background: url(images/selector-select.png) no-repeat left top;
}
#top .left .selector .form form .select-block label{
    padding: 5px;
    line-height: 22px;
    color: #fff;
}
#top .left .selector .form form .select-block select{
    width: 110px;
}
#top .left .selector .form form .action{
    margin: 22px 0 0 8px;
    float: left;
}
#top .left .selector .form form .btn-submit{
    background: url(images/selector-submit-l.png) no-repeat left center;
    float: left;
}
#top .left .selector .form form .btn-submit input{
    background: url(images/selector-submit-r.png) no-repeat right center;
    padding: 0 5px 3px 5px;
    _padding: 0 5px;
    border: none;
    height: 27px;
    font-weight: bold;
    cursor: pointer;
}

#top .right{
    float: right;
    width: 245px;
}

#cart-info .title {
    background: url(images/cart-title.png) no-repeat center center;
    text-align: center;
    padding: 10px 0;
    margin: 10px 0 0 0;
    font-weight: bold;
    font-size:1.2em;
}
#cart-info .title a{
    color: white;
    text-decoration: none;
}
#cart-info .title a:hover{
    text-decoration: underline;
}
#cart-info .info a{
    position: absolute;
    left: 5px;
    top: 0;
    padding: 30px 30px;
}
#cart-info .info {
    position: relative;
    background: url(images/cart.gif) no-repeat 20px center;
    padding: 15px 10px 15px 75px;
}
#cart-info .info .price{
    color: #f5db00;
    font-weight: bold;
}

#login-form{
    background: #026A22 url(images/login-bg-top.png) no-repeat center top;
    width: 215px;
    margin: 5px auto 0 auto;
}
#login-form .login-bottom{
    background: url(images/login-bg-bottom.png) no-repeat center bottom;
}
#login-form form{
    padding: 10px 15px;
    margin: 0;
}
#login-form form input.text{
    background: url(images/login-text.png) no-repeat center center;
    width: 108px;
    height: 16px;
    border: none;
    padding: 6px 4px 0;
    _padding: 3px 4px;
}
#login-form form table td {
    padding:0px 2px;
}
#login-form form input.submit{
    background: url(images/login-submit.png) no-repeat center center;
    width: 23px;
    height: 21px;
    padding: 5px;
    border: none;
    cursor: pointer;
}
#login-form .userMenu{
    margin: 0px 10px;
    padding: 12px 10px;
    border: none;
}
#login-form .userMenu span.name{
    font-size: 1.2em;
    font-weight: bold;
    color:#F5DB00;
    line-height: 1.6em;
    
}
#login-form .userMenu a{
    padding: 1px 0 1px 15px;
    background: url(images/login-registration.png) no-repeat left center;
    color: #ffffff;
    display: block;
}
#login-form .registration{
    margin: 0px 10px;
    padding: 12px 10px;
    background: url(images/login-separator.png) repeat-x center top;
    border: none;
}
#login-form .registration a{
    padding: 1px 0 1px 15px;
    background: url(images/login-registration.png) no-repeat left center;
    color: #ffffff;
    display: block;
}
#phone-contact {
    background: url(images/phone.gif) no-repeat 20px center;
    padding:10px 10px 10px 87px;
    margin: 8px 0 0 0;
}
#phone-contact .number{
    color: #f5db00;
    font-size:1.5em;
    font-weight:bold;
}
#phone-contact .email a {
    color: #fff;
    text-decoration:none;
}
#phone-contact .email a:hover {
    color: #fff;
    text-decoration:underline;
}

#bottom {
    margin: 0 auto;
    padding: 10px 20px 40px 10px;
    width: 980px;
    color: #319725;
    background: url(images/bottom.gif) no-repeat 15px 0px;
    text-align: right;
}

#content {
    min-height: 600px;
    _height: 600px;
    margin: 0 auto;
    padding: 5px 0 10px 0;
    width: 980px;
    background: #FFFFFF url(images/bg-content-bottom.png) no-repeat bottom center;
}
#content .inner{
    min-height: 600px;
    _height: 600px;
    background: url(images/content-bg.png) repeat-y top center;
}
#content .content-main{
    width:779px;
    float: left;
}
#content .content-left{
    float: left;
    width: 196px;
}
#content .content-right{
    float: right;
    width: 196px;
}
#content .content-center{
    float: right;
    width: 578px;
}
#content .vft {
    padding:0px 15px 0px 15px;
}
.block-small-green2{
    background: #7ab615 url(images/block-small-green2-top.png) no-repeat center top;
    width:190px;
    margin:0 3px 5px;
    color: #ffffff;
}
.block-small-green2 .content{
    background: url(images/block-small-green2-bottom.png) no-repeat center bottom;
    padding: 5px 10px; 
}
.block-small-green{
    background: #056e23 url(images/block-small-green-top.png) no-repeat center top;
    width:190px;
    margin:0 3px 5px;
    color: #ffffff;
}
.block-small-green .content{
    background: url(images/block-small-green-bottom.png) no-repeat center bottom;
    padding: 5px 10px; 
}

.block-small-green ul.submenu, .block-small-green2 ul.submenu{
    padding: 0 0 0 8px;
    margin: 5px 0;
    list-style-type: none;
    font-size:1.1em;
}
.block-small-green2 ul.submenu ul{
    padding: 0 0 0 8px;
    margin: 5px 0;
    list-style-type: none;
    font-size:1.0em;
}
.block-small-green ul.submenu li, .block-small-green2 ul.submenu li{
    background: url(images/white-arrow.gif) no-repeat left center;
    padding: 2px 0px 2px 15px;
}
.block-small-green ul.submenu li a, .block-small-green2 ul.submenu li a{
    color: #ffffff;
    
}

.block-small{
    padding: 0px 3px 15px 3px;
}
.block-small .content{
    background: url(images/block-small-content.png) no-repeat center top;
    padding: 5px;
}
.block-small .title{
    font-size: 1.2em;
    font-weight: bold;
    color: #ffffff;
    text-align: left;
    width: 190px;
    overflow: hidden;
}
.block-small .title a{
    color: #ffffff;
}
.block-small .title .bottom{
    padding: 10px 12px;
}
.block-small div.green2{ background: #7ab615 url(images/block-small-green2-top.png) no-repeat center top; }
.block-small div.green2 .bottom{ background: url(images/block-small-green2-bottom.png) no-repeat center bottom; }
.block-small div.green{ background: #056e23 url(images/block-small-green-top.png) no-repeat center top; }
.block-small div.green .bottom{ background: url(images/block-small-green-bottom.png) no-repeat center bottom; }
.block-small div.red{ background: #db0017 url(images/block-small-red-top.png) no-repeat center top; }
.block-small div.red .bottom{ background: url(images/block-small-red-bottom.png) no-repeat center bottom; }

.block-large{
    padding: 0px 0px 5px 0px;
}
.block-large .content{
    padding: 5px;
}
.block-large .title{
    font-size: 1.2em;
    font-weight: bold;
    color: #ffffff;
    text-align: left;
    width: 578px;
}
.block-large .title .bottom{
    padding: 10px 12px;
}
.block-large div.green2{ background: #7ab615 url(images/block-large-green2-top.png) no-repeat center top; }
.block-large div.green2 .bottom{ background: url(images/block-large-green2-bottom.png) no-repeat center bottom; }

div.products {
    padding:0px 0px 0px 8px;
}

/* Produkt */
div.list-item-product {
    margin:1px 1px 0 0;
    width: 280px;
    background: url(images/product-bg.png) no-repeat 0px bottom;
    float: left;
}
div.list-item-product-first {
    background: url(images/product-bg.png) no-repeat -1px bottom;
}
div.list-item-product .image-block{
    float: left;
    _width: 114px;
    _height: 98px;
    width: 105px;
    height: 86px;
    padding: 10px 13px 15px 13px;
    background: url(images/product-image.png) no-repeat 10px 5px;
}
div.list-item-product .image-block .image{
    width: 105px;
    height: 86px;
    text-align: center;
    overflow: hidden;
}

div.list-item-product .details{
    float: left;
    width: 140px;
    padding:10px 0 5px 0;
    text-align:left;
}
div.list-item-product .details .title a{
    color:#000;
    font-size: 1.1em;
}
div.list-item-product .pricecart{
    margin: 5px 0 0 0;
}
div.list-item-product .priceinfo {
        margin: 10px 0 0 0;
}
div.list-item-product .priceinfo .price{
    color: #c80000;
    font-weight:bold;
}
div.list-item-product .priceinfo-old .price{
    color: #000;
    font-weight:underline;
    text-decoration: line-through;
}
div.list-item-product input.goodPcs{
    float: left;
    width: 20px;
    margin: 3px 0;
    text-align: center;
}
div.list-item-product div.carttitle{
    margin: 6px 0;
}

div.list-item-product span.units{
    float: left;
    padding: 0 3px;
    margin: 6px 0;
}
div.list-item-product div.carttitle{
    float: left;
    width: 50px;
}
div.list-item-product button.cartButton {
    display: block;
    width: 28px;
    height: 28px;
    margin:0;
    padding:0;
    border:none;
    background: url(images/product-cart.gif) no-repeat center center;
}
div.list-item-product button.cartButton span {
    display:none;
}
div.list-item-product hr.separator {
    display:none;
}
div.list-item-product .icostar {
    color:#c80000;
}

/* Produkt v sidebare */
div.product-sidebar {
    margin-bottom:10px;
}
div.product-sidebar .image-block{
    margin: 0 auto;
    _width: 114px;
    _height: 98px;
    width: 105px;
    height: 86px;
    padding: 10px 5px 5px 13px;
    background: url(images/action-image.png) no-repeat 10px 5px;
}
div.product-sidebar .image-block .image{
    width: 105px;
    height: 86px;
    text-align: center;
    overflow: hidden;
}
div.product-sidebar .details{
    padding: 5px 20px;
    font-size:0.7;
}
div.product-sidebar .details .title a{
    color:#000;
}
div.product-sidebar .pricecart{
    margin: 10px 0 0 0;
}
div.product-sidebar .pricecart .priceContainer {
    float:left;
}
div.product-sidebar .pricecart .priceinfo .price{
    color: #c80000;
    font-weight:bold;
}
div.product-sidebar .pricecart .priceinfo-old .price{
    color: #000;
    font-weight:underline;
    text-decoration: line-through;
}
div.product-sidebar .pricecart .cart {
    float:right;
}
div.product-sidebar button.cartButton {
    display: block;
    width: 28px;
    height: 28px;
    margin:0;
    padding:0;
    border:none;
    background: url(images/product-cart.gif) no-repeat center center;
}
div.product-sidebar button.cartButton span {
    display:none;
}
div.product-sidebar hr.separator {
    display:none;
}
div.product-sidebar .icostar {
    color:#c80000;
}

/* Menu v sidebare ??? */
ul.submenu{
    padding: 0 8px 0 8px;
    margin: 5px 0;
    list-style-type: none;
}
ul.submenu li{
    background: url(images/green-arrow.gif) no-repeat 0px 6px;
    padding: 0px 0px 0px 15px;
}
ul.submenu li span {
    display:block;
    background: url(images/dot.gif) repeat-x bottom left;
    padding: 2px 0px 6px 0px;
}
ul.submenu li a { color:#333; }
ul.submenu li a:hover { color:#000; }

div.leftPanel {
    padding:0px 15px 0px 15px;
}

div.rightPanel {
    padding:0px 15px 0px 15px;
}

dl.bestseller {
    margin:0px;
    padding:0px 7px 0px 7px;
}
dl.bestseller dt {
    margin:0px;
    padding:5px 0px 0px 15px;
    background: url(images/green-arrow.gif) no-repeat 0px 10px;
    font-weight:bold;
}
dl.bestseller dd {
    margin:0px 0px 0px 15px;
    padding:0px 0px 7px 0px;
    background: url(images/dot.gif) repeat-x bottom left;
}

#search-form {
    margin: 0;
    padding: 0 0 0 3px;
}
#search-form .title{
    padding: 5px 0 7px 0px;
    font-size:1.1em;
}
#search-form input.text{
    background: url(images/search-input.png) no-repeat top left;
    border: none;
    height: 16px;
    width: 129px;
    line-height: 26px;
    padding: 7px 5px 3px 5px;
    _padding: 0px 5px 10px 5px;
}
#search-form button.search{
    background: url(images/button-search.gif) no-repeat top left;
    border: none;
    height: 30px;
    width: 30px;
    margin: 0 0 0 0px;
    cursor: pointer;
}
#search-form button.search span{
    display: none;
}


/* Stylish select */
.sselect-container {
    color:#000;
    padding:0;
    height:19px;
    width:110px;
    background:url(images/sselect-text.png) no-repeat top left #FFF;
    position:relative;
}
.sselect-container .text {
    overflow:hidden;
    white-space:nowrap;
    padding:2px 26px 2px 6px;
    cursor:default;
}
.sselect-container .trigger {
    width:26px;
    height:19px;
    position:absolute;
    top:0px;
    right:0px;
    _right:0px;
    background-image:url(images/sselect-select.png);
    background-repeat:no-repeat;
    background-position:top right;
}
ul.sselect-list {
    margin:0;
    padding:0;
    list-style:none;
    color:#000;
    width:120px;
    background:#FFF;
    position:absolute;
    border:1px solid #CCCCCC;
    top:19px;
    left:-1px;
    overflow:auto;
    z-index:9999;
}
ul.sselect-list li {
    padding:2px;
}
ul.sselect-list li.hiLite {
    background-color:#CCCCCC;
    color:#000;
    cursor:default;
}
ul.sselect-list li.hover {
    background-color:#489900;
    color:#FFF;
    cursor:default;
}


#kontextMenu {
    text-align:right;
    margin:0px 5px 10px 5px;
    padding:0px 0px 5px 0px;
    background:url(images/dot.gif) repeat-x bottom left;
}
#kontextMenu a {
    color:#000;
}

/**
 * TABULKA - zoznam
**/
table.list {
    border-collapse:separate;
    margin:0em;
    padding:0em;
    font-size:1em;
    empty-cells:show;
}
table.list th, table.list td {
    padding:3px 5px;
}
table.list th {
    font-weight:bold;
    text-align:left;
    background:#2E3136;
    color:#FFF;
    vertical-align:top;
    padding:3px 5px;
}
table.list td {
    font-size:0.95em;
    font-weight:normal;
    color:#000;
    text-align:left;
    border-bottom:1px solid #FFF;
    border-top:1px solid #D0D0D0;
}
table.list .c { text-align:center; }
table.list .r { text-align:right; }
table.list .l { text-align:left; }
table.list a {
    color:#000000;
}
table.list th a {
    color:#FFFFFF;
    text-decoration:underline;
}
table.list-full {
    width:100%;
}
table.zebra tr.odd td {
    background:#F4F4F4;
}
table.zebra tr.even td {
    background:#EFEFEF;
}
table.highlight tr td.highlight, table.highlight tr.highlight td.highlight {
    background:#FFFDD5;
}
/* Zvyraznenie tabulkoveho riadku */
table.list tr.highlight td {
    background:#E4FFD7;
}

/**
 * TABULKA - informacie - horizontalna tabulka - 1 stlpec - <th>, druhy <td>
**/
table.info {
    border-collapse:separate;
    margin:0em;
    padding:0em;
    font-size:1em;
    empty-cells:show;
}
table.info th, table.info td {
    padding:3px 5px;
}
table.info th {
    font-weight:bold;
    text-align:left;
    background:#2E3136;
    color:#FFF;
    vertical-align:top;
    padding:3px 5px;
}
table.info td {
    font-size:0.95em;
    font-weight:normal;
    color:#000;
    text-align:left;
    border-bottom:1px solid #FFF;
    border-top:1px solid #D0D0D0;
}
table.info td.label {
    width:200px;
}
table.info .c { text-align:center; }
table.info .r { text-align:right; }
table.info .l { text-align:left; }
table.info a {
    color:#000000;
}
table.info th a {
    color:#FFFFFF;
    text-decoration:underline;
}
table.info-full {
    width:100%;
}