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

img {
    border:none;
}

#body {
    width:980px;
    margin:0em auto;
}

#top {
    min-height:75px;
    _height:75px;
    position:relative;
}
#h1, #top h1 {
    position:absolute;
    top:0px;
    left:0px;
    background:url(images/logo.png) no-repeat top left;
    width:180px;
    margin:0px;
    padding:0px;
}
#h1 a, #top h1 a {
    display:block;
    height:55px;
}
#h1 a span, #top h1 a span {
    display:none;
}

#top .slogan {
    position:absolute;
    top:33px;
    left:190px;
    font-size:1.7em;
    font-style:italic;
    color:#2d4386;
}

#top .login {
    padding:25px 0px 0px 594px;
}
#top .login form {
    float:left;
    margin:0px;
    padding:0px 5px 0px 0px;
}
#top .login input {
    float:left;
    margin:0px;
    padding:0px;
}
#top .login input.user_login {
    padding:7px 10px 7px 10px;
    background:url(images/login-input.png) no-repeat top left;
    border:none;
    border-right:1px solid #bdcce0;
    margin-right:1px;
    width:90px;
}
#top .login input.user_pwd {
    padding:7px 10px 7px 10px;
    background:url(images/login-input.png) no-repeat top right;
    border:none;
    border-left:1px solid #bdcce0;
    width:75px;
}

#panel {
    min-height:85px;
    _height:85px;
    background:url(images/top-line.png) no-repeat 0px 38px;
    position:relative;
}

#panel .pageMenu {
    float:left;
    margin:0px;
    padding:4px 0px 0px 270px;
    list-style:none;
}
#panel .pageMenu li {
    float:left;
    background:url(images/top-menu-right.png) no-repeat top right;
    padding-right:10px;
    margin-right:1px;
}
#panel .pageMenu li span {
    display:block;
    background:url(images/top-menu-left.png) no-repeat top left;
}
#panel .pageMenu li span a {
    display:block;
    padding:10px 5px 10px 15px;
}

#panel .search {
    position:absolute;
    top:24px;
    left:12px;
}
#panel .search input {
    float:left;
    margin:0px;
    padding:0px;
    color:#2a3e7e;
}
#panel .search input.search_txt {
    padding:7px 10px 7px 10px;
    background:url(images/search-input.png) no-repeat top left;
    border:none;
    width:170px;
}

#panel .btns {
    border:none;
    float:right;
}

#body .pageContent {
    clear:both;
    background:url(images/dot.png) repeat-y 790px 0px;
}

#pageInfopanel {
    width:180px;
    float:right;
}
#pageInfopanel .banners {
    padding:0px 0px 0px 0px;
}
#pageInfopanel .banners img {
    padding:0px 0px 5px 0px;
}
#pageInfopanel .text {
    padding:0px 0px 0px 10px
}

#pageContainer {
    width:780px;
    float:left;
}

#pageContainer .brands {
    clear:both;
    padding:15px 0px 10px 0px;
    width:780px;
}
#brandsAnimation {
    padding:0;
    margin:0;
    width:780px;
    height:40px;
    list-style:none;
    overflow:hidden;
}
#brandsAnimation li {
    text-align:center;
    padding:0;
    margin:0;
    width:780px;
    height:40px;
    overflow:hidden;
    list-style:none;
}
#brandsAnimation table {
    margin:0 auto;
}
#brandsAnimation .brand {
    width:120px;
    height:40px;
    text-align:center;
    vertical-align:middle;
}
#brandsAnimation .brand .hover {
    display:none;
}

#contentLayer1 {
    clear:both;
    background:url(images/content-bg.png) repeat-y top center;
    min-height:1px;
    _height:1px;
}
#contentLayer2 {
    background:url(images/content-top.png) no-repeat top center;
    min-height:1px;
    _height:1px;
}
#contentLayer3 {
    background:url(images/content-bottom.png) no-repeat bottom center;
    padding:15px 30px 20px 25px;
    min-height:300px;
    _height:300px;
}

#kontextMenu {
    background:url(images/dot2.png) repeat-x top left;
    text-align:right;
    color:#2d4386;
    padding:5px 0px 0px 0px;
    margin-bottom:0.5em;
}
#kontextMenu a {
    color:#2d4386;
}

ul.list {
    margin:0px;
    padding:0px;
    list-style:none;
    font-size:1.1em;
}
ul.list li {
    background:url(images/arrow.png) no-repeat 0px 8px;
    padding:0px 0px 0px 13px;
}
ul.list li span {
    display:block;
    padding:3px 0px 5px 0px;
    background:url(images/dot2.png) repeat-x bottom left;
}

ul.tabs {
    margin:0px;
    padding:0px 0px 0px 25px;
    list-style:none;
    font-size:1.2em;
}
ul.tabs li {
    float:left;
    background:url(images/tab-bg-left.png) no-repeat top left;
    margin-right:2px;
    position:relative;
}
ul.tabs li span {
    display:block;
    background:url(images/tab-bg-right.png) no-repeat top right;
}
ul.tabs li span a {
    display:block;
    padding:10px 20px 8px 20px;
    color:#FFF;
    text-decoration:none;
}
ul.tabs li span a:hover {
    color:#FFF;
    text-decoration:none;
}
ul.tabs li span a img {
    display:none;
}

ul.tabs li.active { background:url(images/tab-active-bg-left.png) no-repeat top left; }
ul.tabs li.active span { background:url(images/tab-active-bg-right.png) no-repeat top right; padding:0px 1px; }
ul.tabs li.active span a { color:#2d4386; padding:10px 19px 8px 19px; }
ul.tabs li.active span a:hover { color:#2d4386; }
ul.tabs li.active span a img {
    display:block;
    position:absolute;
    bottom:-1px;
    left:0px;
    width:100%;
    height:1px;
}

div.icostar {
    width:45px;
    height:45px;
    position:absolute;
    bottom:0px;
    left:0px;
}
div.icostar span { display:none; }
div.icostar-new {
    background:url(images/flag-new.png) no-repeat top left;
    _background:url(images/flag-new-ie.png) no-repeat top left;
}
div.icostar-sale {
    background:url(images/flag-akcia.png) no-repeat top left;
    _background:url(images/flag-akcia-ie.png) no-repeat top left;
}
div.icostar-saleout {
    background:url(images/flag-saleout.png) no-repeat top left;
    _background:url(images/flag-saleout-ie.png) no-repeat top left;
}

#bottom {
    background:url(images/bg-bottom.png) repeat-x top left #FFF;
}
#bottom .content {
    width:980px;
    margin:0em auto;
    padding:25px 0px 10px 0px;
}
#bottom .content .tiraz {
    clear:both;
    border-top:1px solid #becde1;
    padding:10px 0px 10px 0px;
    text-align:center;
}

#action-products {}
#action-products img.btn {
    float:left;
    padding:35px 5px 0px 5px;
    cursor:pointer;
}

#action-products .items-area {
    width:897px;
    float:left;
    position:relative;
    overflow:hidden;
    min-height:140px;
    _height:140px;
}
#action-products .items { 
    position:absolute;
    width:20000em;
}

#action-products .product {
    width:289px;
    float:left;
    background:url(images/product-list-top.png) no-repeat top left;
    min-height:1px;
    _height:1px;
    margin:0px 5px;
}
#action-products .product-data {
    background:url(images/product-list-bottom.png) no-repeat bottom left;
    padding:10px 15px 17px 10px;
    min-height:1px;
    _height:1px;
}
#action-products .product-img {
    width:120px;
    float:left;
    position:relative;
}
#action-products .product-img img {
    float:left;
    border:none;
}
#action-products .product-img .product-flag {
    width:45px;
    height:45px;
    position:absolute;
    bottom:0px;
    left:0px;
}
#action-products .product-img .flag-akcia {
    background:url(images/flag-akcia.png) no-repeat top left;
    _background:url(images/flag-akcia-ie.png) no-repeat top left;
}
#action-products .product-desc {
    width:140px;
    float:right;
}
#action-products .product-desc h3 {
    margin:0px 0px 8px 0px;
    padding:0px 0px 8px 0px;
    color:#2d4386;
    font-size:1.1em;
    background:url(images/dot2.png) repeat-x bottom left;
}
#action-products .product-desc span.price {
    color:#ff0000;
    font-size:1.4em;
    font-weight:bold;
}
#action-products .product-desc span.price span {
    font-size:0.6em;
    font-weight:normal;
}

/* Stlpce v obsahu */
#contentCols {
    background:url(images/dot.png) repeat-y 187px 0px;
    min-height:300px;
    _height:300px;
}
#contentSidebar {
    width:170px;
    float:left;
}
#contentText {
    width:520px;
    float:right;
}
#contentSidebar ul.menu {
    list-style:none;
    margin:0px;
    padding:10px 0px 10px 0px;
}
#contentSidebar ul.menu li {
    background:url(images/arrow.png) no-repeat 0px 7px;
    padding:0px 0px 0px 15px;
}
#contentSidebar ul.menu li span {
    display:block;
    background:url(images/dot2.png) repeat-x bottom left;
    padding:3px 0px 5px 0px;
}
#contentSidebar ul.menu li span.active {
    font-weight:bold;
}
#contentSidebar ul.menu li ul {
    list-style:none;
    margin:0px;
    padding:5px 0px;
}

/* Zoznam podkategorii */
.category-subnode .category {
    background:url(images/category-item-bg.png) no-repeat top left;
    width:135px;
    margin:4px;
    float:left;
}
.category-subnode .category .bg {
    background:url(images/category-item-bottom.png) no-repeat bottom left;
    padding:5px 10px;
}
.category-subnode .category .ico {
    min-height:128px;
    _height:128px;
}
.category-subnode .category .ico a {
    display:block;
    padding:95px 0px 5px 0px;
    text-align:center;
}
.category-subnode .category .ico a:hover {
    text-decoration:none;
}

/* Zoznam produktov */
div.list-item-product {
    border:1px solid #bfcee2;
    background:url(../images/product-list-bg.png) repeat-y top left #ECF2F8;
    padding:5px;
    margin:3px 0px 0px 0px;
}
div.list-item-product-image {
    width:100px;
    height:100px;
    float:left;
    position:relative;
}
div.list-item-product-image img {
    float:left;
}
div.list-item-product-desc {
    width:590px;
    float:right;
}
div.list-item-product-desc div.title {
    font-size:1.2em;
    padding:5px 0px 5px 0px;
}
div.list-item-product-desc div.descr {
    padding:0px 0px 5px 0px;
}
div.list-item-product-desc div.priceinfo {
    background:url(../images/dot2.png) repeat-x top left;
    padding:5px 0px 0px 0px;
}
div.list-item-product-desc div.priceinfo span.price {
    font-size:1.2em;
    font-weight:bold;
    color:#F00;
}


/**
 * 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:#193075;
    color:#FFF;
    vertical-align:top;
    padding:3px 5px;
}
table.list td {
    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:#193075;
    color:#FFF;
    vertical-align:top;
    padding:3px 5px;
}
table.info td {
    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%;
}