* {
margin:0;
padding:0;
outline:none; }

body {
font-family:'Verdana',sans-serif;
overflow-y:scroll; 
}

.clear { clear:both; }
.left { float:left; }
.right { float:right; }

a {
cursor:pointer;
text-decoration:none;
}

ul {
list-style:none;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }

.roundbox {
border:1px solid transparent;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

/* container
------------------------*/
#container {
width:990px;
margin:0 auto;
}

/* header
------------------------*/
header {
margin:15px 0 0;
}

#header-image {
width:990px;
height:154px;
background:url(/img/header.png) no-repeat;/**/
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
position:relative;
}

header a#homelink {
width:300px;
height:154px;
display:block;
position:absolute;
left:0px;
}

nav {
width:990px;
background:url(/img/navigation-fill.png) repeat-x;/**/
margin:0 0 15px;
height:50px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

nav>ul {
float:left;
}

nav>ul>li {
float:left;
padding:12px 10px 0;
}

nav>ul>li>a {
font-size:12px;
font-weight:bold;
color:#ccc;
text-decoration:none;
line-height:24px;
}

nav>ul>li>a:hover {
color:#fff;
}

nav a#header-login {
background:#fff url(/images/icon-header-login.png) no-repeat top center;
width:30px;
height:30px;
display:block;
float:right;
margin:9px;
border:1px solid #808080;
border-radius:15px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
}

nav a:hover#header-login {
background-color:#d7ffd6;
}

/* header search
------------------------*/
#search {
width:385px;
height:48px;
background:rgba(255,255,255,0.6);
background:#ccc\9;
float:left;
margin:50px 0 0 350px;
border-color:#fff;
position:relative;
}

#search input[type='text'] {
width:270px;
background:none;
height:48px;
border:none;
padding:0 15px;
border-radius:5px 0 0 5px;
-moz-border-radius:5px 0 0 5px;
-webkit-border-radius:5px 0 0 5px;
color:#404040;
}

#search a {
background:red;
height:36px;
position:absolute;
right:0;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
padding:12px 20px 0;
line-height:24px;
font-size:14px;
font-weight:bold;
color:#fff;
}

#search a:hover {
background:blue;
}

/* categories
------------------------*/
#categories {
width:220px;
margin:14px 0 0 -1px;
}
#categories h3 {
font-size:15px;
font-weight:bold;
text-align:center;
padding-top:8px;
height:27px;/*35px-padding*/
border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
background-color:#ff0000; /**/
color:#fff; /**/
}
#categories>ul>li {
font-size:13px;
font-weight:bold;
border:1px solid;
border-top:none;
border-color:#968e8e; /**/
}
#categories>ul>li>a {
padding:7px 10px;
background-color:#efefef; /**/
color:#333; /**/
}
#categories>ul>li:last-child, #categories>ul>li:last-child ul:last-child, #categories>ul>li:last-child>a:not(.on) {
border-radius:0 0 5px 5px;
-moz-border-radius:0 0 5px 5px;
-webkit-border-radius:0 0 5px 5px;
}
#categories ul li a {
display:block;
text-decoration:none;
}
#categories ul li a.on {
font-weight:bold;
}
#categories ul li a:hover {
background-color:#e5e6e3 !important; /**/
}
#categories>ul>li>a span {
display:block;
font-weight:normal;
font-size:9px;
}

#categories>ul>li ul {
background-color:#fff; /**/
}

#categories>ul>li li {
font-size:11px;
font-weight:normal;
}
#categories>ul>li li a {
padding:3px 10px;
color:#333; /**/
}
#categories>ul>li>ul { padding:10px 0; }

#categories>ul>li>ul>li ul { padding-bottom:10px; }

#categories>ul>li>ul>li ul li a {
padding-left:15px;
}

#categories>ul>li.extra {
background-color:#fff;
font-weight:normal;
}

#categories ul li {
position:relative;
}
#categories ul li a.link {
position:absolute;
right:0;
top:0;
text-decoration:none;
padding-right:5px;
background-color:transparent !important;
color:#aaa;
}
#categories ul li a.link:hover {
background-color:transparent !important;
color:#666 !important;
}

/* basket
------------------------*/
/*#basket {
width:166px;
height:126px;
margin:13px;
float:right;
background:blue;
}*/

.basketItem, .basketItem .name {
background-color:#595959; /**/
color:#ccc; /**/
}
.basketItem .name:hover {
color:#fff; /**/
}
.basketItem {
width:156px;
padding:5px 5px;
margin-bottom:10px;
text-align:left;
}
.basketItem .qty, .basketItem .price {
font-size:16px;
font-weight:bold;
color:#fff; /**/
}
.basketItem .qty {
margin-right:5px;
}
.basketItem .name {
font-size:12px;
text-decoration:none;
}
.basketItem .price {
float:right;
}
.basketItem .price, .basketIcon {
margin-top:10px;
}
.basketIcon {
display:block;
float:left;
height:18px;
width:18px;
margin-right:5px;
background:url(/images/basketIcon.png) no-repeat;
}
.basketIcon.plus { background-position:0 0; }
.basketIcon.minus { background-position:100% 0; }
.basketIcon.plus:hover { background-position:0 100%; }
.basketIcon.minus:hover { background-position:100% 100%; }

/* product list
------------------------*/
article {
width:610px;
float:right;
margin:15px 0 0 15px;
}    

#article-title {
background:#fff url(/img/title-fill.png) repeat-y left;
border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
border:1px solid #ccc;
}

#article-title h1 {    
padding:10px;
font-size:19px;
color:#404040;
}

#article-title .desc {
padding:0 10px 20px;
font-size:12px;
}
#article-title .desc, #article-title .desc a {
color:#404040;
}
#article-title .desc a { text-decoration:underline; }
#article-title .desc a:hover { text-decoration:none; }
#article-title .desc p {
padding:5px 0;
}
#article-title .desc ul {
list-style:circle;
padding-left:20px;
padding-bottom:5px;
}
#article-title .desc li {
padding-top:10px;
}


ul.product-list {
border-left:1px solid #ccc;
width:100%;
}

ul.product-list li {
float:left;
display:block;
width:182px;
border:1px solid #ccc;
border-top:none;
border-left:none;
padding:10px;
position:relative;
}

ul.product-list h3 {
color:#ff0000;
font-size:11px;
font-weight:bold;
line-height:14px;
height:28px;
overflow:hidden;
}

ul.product-list.groups h3 {
text-align:center;
}

ul.product-list>li>a>h3 {
color:#ff0000;
text-decoration:none;
}

ul.product-list>li>a>h3:hover {
text-decoration:underline !important;
color:#000 !important;
}

ul.product-list p.product-code {
color:#ccc;
font-size:10px;
line-height:14px;
}

ul.product-list p.product-subtitle {
color:#606060;
font-size:10px;
font-style:italic;
line-height:14px;
height:28px;
overflow:hidden;
}

ul.product-list div.img {
/*position:relative;*/
width:182px;
height:182px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
overflow:hidden;
margin:10px 0;
text-align:center;
}

ul.product-list div.add-basket {
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
overflow:hidden;
display:inline-block;
margin:-4px 0;
background:url(/img/add-basket-fill.png) repeat-x top;
}

ul.product-list div.add-basket input[type='text'] {
width:25px;
background:#fff;
border:none;
padding:4px;
margin:5px;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
color:#606060;
font-size:14px;
font-weight:bold;
text-align:center;
height:12px;
float:left;
box-shadow:inset 0px 0px 3px #606060;
-webkit-box-shadow:inset 0px 0px 3px #606060;
-moz-box-shadow:inset 0px 0px 3px #606060;
font-family:Arial;
}

ul.product-list div.add-basket a {
height:25px;
padding:5px 15px 0;
color:#fff;
font-size:12px;
display:block;
float:left;
line-height:18px;
}

ul.product-list div.add-basket a:hover {
background:url(/img/add-basket-fill.png) repeat-x bottom;
}

ul.product-list div.sale {
position:absolute;
background:url(/img/icon-sale.png) no-repeat;
width:46px;
height:46px;
top:0;
right:0;
}

ul.product-list p.price span {
font-size:10px;
text-decoration:line-through;
color:#808080;
font-weight:normal;
}

ul.product-list p.price {
color:#404040;
font-size:12px;
font-weight:bold;
line-height:14px;
text-align:right;
float:right;
margin-top:-5px;
}

/* paging
------------------------*/
#container-sorting, .pagination {
background:#ccc;
min-height:30px;
}

#container-sorting {
border-bottom:1px solid #ddd;
}

#viewtype {
margin-left:5px;
}

#viewtype a {
width:24px;
height:24px;
margin:5px 1px 5px 0;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
float:left; 
display:block;
background:url(/img/icons-viewtype.png) no-repeat;
}

#viewtype a#thumbnails { background-position:left top; }
#viewtype a#thumbnails-list { background-position:right top; }
#viewtype a#list { background-position:center top; }

#viewtype a:hover, #viewtype .on {
background-color:#909090 !important;
}

#sorting label {
float:right;
font-size:10px;
margin:10px 5px;
color:#606060;
}

#sorting select {
margin:4px 5px 5px;
float:right;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border:none;
font-size:12px;
padding:3px;
height:25px;
}

.pagination {
width:600px;
padding:0 5px;
font-size:10px;
float:left;
}

.pagination span {
margin:10px 0;
color:#606060;
float:left;
}

.pagination .page-select {
float:right;
color:#606060;
}

.pagination .page-select a {
display:inline-block;
padding:5px;
margin:5px 0;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
color:#606060;
}

.pagination .page-select a:hover {
background-color:#909090;
color:#fff;
}
.pagination .page-select a.off {
color:#ededed;
background-color:transparent;
}

.pagination .page-select input {
width:25px;
height:18px;
margin:4px 5px 5px;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border:none;
font-size:12px;
font-weight:bold;
padding:3px;
text-align:center;
}

.pagination.bottom {
border-radius:0 0 5px 5px;
-moz-border-radius:0 0 5px 5px;
-webkit-border-radius:0 0 5px 5px;
}

/* desni stolpec
------------------------*/
aside {
width:128px;/*130px - border*/
height:500px;
margin:15px 0 0 15px;
float:right;
border-color:#404040 !important;
}

/* footer
------------------------*/
footer {
width:988px;/*990px - border*/
border-color:#909090 !important;
background:#eee;
margin:15px auto;
}    
    
footer p {
text-align:center;
color:#404040;
padding:10px;
font-size:10px;
}