body,html {
background-color:#808080;
}

#container {
background-color:#FFFFFF;
padding-left:29px;
padding-right:29px;
padding-top:8px;
padding-bottom:15px;
}

#navigation {
margin-top:0;
}
#footer {
margin-bottom:0;
}

.izdelek-image, .details-image-frame-big {
position:relative;
}
.dobavitelj {
width:60px;
height:20px;
position:absolute;
left:2px;
top:2px;
}

#header {
background:url(header.png) no-repeat;
margin-top:0;
}

#header .header-ad {
position:absolute;
display:block;
height:80px;
left:330px;
top:25px;
}

#header .header-search-holder {
height:25px;
bottom:13px;
right:200px;
}
#header .header-search {
position:relative;
background:url(header-search.png) no-repeat;
height:25px;
width:385px;
}
#header .button_search {
background-image:url(button_search.png);
width:48px;
height:21px;
padding-top:2px;
color:#404040;
}
.txtQuickSearch {
width:320px;
margin-top:3px;
}

div#basket a#basketClick {
background-image:url(header-basket.png);
}
.kolicinatext, .kolicina, .znesektext, .znesek {
color:#404040;/*[BASKET-FORECOLOR]*/
}



.basket_add a {
background:url(button_basket_add.png) no-repeat;
color:#404040;
}
.basket_add-quantity a {
background:url(button_basket_add-quantity.png) no-repeat;
color:#404040;
}
.button_quantity {
background:url(button_basket_quantity.png) no-repeat;
color:#404040;
}


.commercial {
display:block;
}
.commercial a {
display:block;
width:134px;
height:64px;
background:url(banner_seznamzelja.png) no-repeat;
}
.commercial a:hover {
background-position:0px -64px;
}



a#viewtype1 {
display:inline;
}
a#viewtype2 {
display:inline;
}
a#viewtype3 {
display:inline;
}

.semafor {
margin-right:5px;
width:12px;
height:12px;
}



.izdelek-naziv a {
color:#404040;/*[IZDELEK-NAZIV-FORECOLOR]*/
}
.izdelek-naziv a:hover {
color:#7ea630;/*[IZDELEK-NAZIV-HOVER]*/
}
.grupa-naziv a {
color:#404040;/*[GRUPA-NAZIV-FORECOLOR]*/
}
.grupa-naziv a:hover, .contentright-item a:hover, .contentright-step a:hover {
color:#7ea630;/*[GRUPA-NAZIV-HOVER]*/
}


.box-row3 {
height:54px;
}


#categories h3 {
background:url(contenttop-fill.png) repeat-x;
color:#404040;
border:solid 1px #404040;
}
#categories>ul>li, #categories>ul>li:first-child {
border-color:#c0bbb6;
border-left-color:#404040;
border-right-color:#404040;
}
#categories>ul>li:first-child {
border-top:none;
}
#categories>ul>li:last-child {
border-color:#404040;
}
#categories>ul>li>a {
background-color:#cbc8c5;
color:#404040;
}
#categories ul li a:hover {
background-color:#9cce18 !important;
color:#f4f4f4 !important;
}
#categories>ul>li li a {
color:#404040;
}
#categories>ul>li ul {
background-color:#e7e7e3;
}

#categories ul li.extra {
color:#333;
padding:3px;
background-color:#e7e7e3;
}
#categories ul li.extra p {
padding:7px;
}

/* === navigationTop === */
/* without frames */ 
#navigationTop .box .content, #navigationTop .box b.bc b.L2, #navigationTop .box b.bc b.L3 {
border-style:none;
}
#navigationTop {
margin-top:-8px;
margin-bottom:8px;
}
#navigationTop .box .content {
background-color:#404040;
}
#navigationTop .box b.bc b.L2, #navigationTop .box b.bc b.L3 {
background-color:#404040;
}
#navigationTop .box b.bc b.L1 {
background-color:#404040;
}
#navigationTop .box .content {
position:relative;
padding-left:10px;
padding-right:10px;
height:16px;/*25px -padding-tc */
text-align:right;
white-space:nowrap;
color:#FFFFFF;
}
#navigationTop a {
color:#FFFFFF;
text-decoration:none;
}
#navigationTop a:hover {
text-decoration:underline;
}

/* === navigation === */
/* without frames */ 
#navigation .box .content, #navigation .box b.tc b.L2, #navigation .box b.tc b.L3, #navigation .box b.bc b.L2, #navigation .box b.bc b.L3 {
border-style:none;
}
#navigation .box b.tc b.L1 {
background:url(navigation-fill.png) 0px -0px repeat-x;
}
#navigation .box b.tc b.L2, #navigation .box b.tc b.L3 {
background:url(navigation-fill.png) 0px -3px repeat-x;
}
#navigation .box .content {
background:url(navigation-fill.png) 0px -4px repeat-x;
}
#navigation .box b.bc b.L2, #navigation .box b.bc b.L3 {
background:url(navigation-fill.png) 0px -46px repeat-x;
}
#navigation .box b.bc b.L1 {
background:url(navigation-fill.png) 0px -47px repeat-x;
}

/* text/url color v navigaciji */
#navigation .box .content, #navigation a {
color:#404040;/*[NAVIGATION-FORECOLOR]*/
}
#navigation a:hover {
color:#7ea630;/*[NAVIGATION-HOVER]*/
}

#navigation {
position:relative;
height:48px;
}
#navigation .left, #navigation .right {
position:absolute;
top:0;
width:5px;
height:48px;
background-image:url(navigation-fill-corner.png);
z-index:1;
}
#navigation .left {
left:0;
}
#navigation .right {
right:0;
background-position:-5px 0;
}


/* === contentleft,contentright === */
#contentleft .box .content, #contentleft .box b b.L2, #contentleft .box b b.L3 {
background-color:#E7E7E3;/*[CONTENTLEFT-BACKGROUND]*/
}
#contentright .box .content, #contentright .box b b.L2, #contentright .box b b.L3 {
background-color:#FFFFFF;/*[CONTENTRIGHT-BACKGROUND]*/
}
#contentleft .box .content,  #contentleft .box b.bc b.L2, #contentleft .box b.bc b.L3,
#contentright .box .content, #contentright .box b.bc b.L2, #contentright .box b.bc b.L3 {
border-color:#404040;/*[BORDER]*/
}
#contentleft .box b.bc b.L1,
#contentright .box b.bc b.L1 {
background-color:#404040;/*[BORDER]*/
}
/* with frames */ 
#contentleft .box .content-top, #contentleft .box b.tc b.L2, #contentleft .box b.tc b.L3,
#contentright .box .content-top, #contentright .box b.tc b.L2, #contentright .box b.tc b.L3 {
border-style:solid;
border-color:#404040;/*[CONTENTTOP-BORDER]*/
}
#contentleft .box b.tc b.L1,
#contentright .box b.tc b.L1 {
background:none;
background-color:#404040;/*[CONTENTTOP-BORDER]*/
}
#contentleft .box b.tc b.L2, #contentleft .box b.tc b.L3,
#contentright .box b.tc b.L2, #contentright .box b.tc b.L3 {
background:url(contenttop-fill.png) 0px -2px repeat-x;
}
#contentleft .box .content-top,
#contentright .box .content-top {
background:url(contenttop-fill.png) 0px -4px repeat-x;
border-bottom:1px solid #404040;
}
/* text color v naslovnem delu */
.content-top {
color:#404040;/*[CONTENTTOP-FORECOLOR]*/
}



/* === contentmiddle-bottom === */
/* background color */
#contentmiddle-bottom .box .content, #contentmiddle-bottom .box b b.L2, #contentmiddle-bottom .box b b.L3 {
}
/* border colors */
#contentmiddle-bottom .box b.tc b.L1, #contentmiddle-bottom .box b.bc b.L1 {
background-color:#C0C0C0;/*[MIDDLE-BORDER]*/
}
#contentmiddle-bottom .box .content, #contentmiddle-bottom .box b.tc b.L2, #contentmiddle-bottom .box b.tc b.L3 , #contentmiddle-bottom .box b.bc b.L2, #contentmiddle-bottom .box b.bc b.L3 {
border-color:#C0C0C0;/*[MIDDLE-BORDER]*/
}
/* border color levo in desno na contentmiddle */
#catalog, #catalog-admin {
border-color:#C0C0C0;/*[MIDDLE-BORDER]*/
}
/* border color v znotraj mreze */
.grupa-frame,.mixed,.lines,.box {
color:#C0C0C0;/*[MIDDLE-BORDER]*/
}
.basket_line {
border-color:#C0C0C0;/*[MIDDLE-BORDER]*/
}


/* === title === */
/* background color */
#title .box .content, #title .box b b.L2, #title .box b b.L3 {
}
/* border colors */
#title .box b.tc b.L1, #title .box b.bc b.L1 {
background-color:#C0C0C0;/*[MIDDLE-BORDER]*/
}
#title .box .content, #title .box b.tc b.L2, #title .box b.tc b.L3 , #title .box b.bc b.L2, #title .box b.bc b.L3 {
border-color:#C0C0C0;/*[MIDDLE-BORDER]*/
}
#title .box b.tc b.L2, #title .box b.tc b.L3 {
background:url(title-fill.png) 0px -2px no-repeat;
}
#title .box .content {
background:url(title-fill.png) 0px -4px no-repeat;
}
/* barva glavnega naslova in podnaslova */
.titletext, .subtitletext {
color:#404040;/*[TITLE-FORECOLOR]*/
}

/* === news === */
/* background color */
#news {
background-color:#9CCE18;/*[NEWS-BACKGROUND]*/
border-color:#9CCE18;/*[BORDER]*/
}
/* text/url colors */
#news a {
color:#F4F4F4;/*[NEWS-FORECOLOR]*/
}
#news a:hover {
color:#404040;/*[NEWS-HOVER]*/
}

/* === paging === */
/* background color */
#paging .box .content, #paging .box b b.L2, #paging .box b b.L3 {
background-color:#C0C0C0;/*[MIDDLE-BORDER]*/
}
/* border colors */
.paging, #paging .box b.tc b.L1, #paging .box b.bc b.L1 {
background-color:#C0C0C0;/*[MIDDLE-BORDER]*/
}
#paging .box .content, #paging .box b.tc b.L2, #paging .box b.tc b.L3 , #paging .box b.bc b.L2, #paging .box b.bc b.L3 {
border-color:#C0C0C0;/*[MIDDLE-BORDER]*/
}


/* === kosaricasimple-bottom === */
#kosaricasimple-bottom .box .content, #kosaricasimple-bottom .box b.tc b.L2, #kosaricasimple-bottom .box b.tc b.L3, #kosaricasimple-bottom .box b.bc b.L2, #kosaricasimple-bottom .box b.bc b.L3 {
border-style:solid;
border-color:#404040;/*[NAVIGATION-BORDER]*/
}
#kosaricasimple-bottom .box b.tc b.L1, #kosaricasimple-bottom .box b.bc b.L1 {
background:none;
background-color:#404040;/*[NAVIGATION-BORDER]*/
}
/* border colors */
#kosaricasimple-bottom .box .content, #kosaricasimple-bottom .box .content, #kosaricasimple-bottom .box b b.L2, #kosaricasimple-bottom .box b b.L3 {
background:url(menu_dropdown-pixel.png);/*[KOSARICA-BACKGROUND]*/
}
/* background color dropdown kosarice */
.menu-basket-fill {
padding-left:19px;
padding-right:19px;
border-left:solid 1px #404040;
border-right:solid 1px #404040;
background:url(menu_dropdown-pixel.png);/*[KOSARICA-BACKGROUND]*/
}
#kosaricasimple-top {
background:url(kosaricasimple-top.gif) no-repeat;
}
#menu_basket_note, a.menu_basket-hide {
color:#404040;/*[KOSARICA-FORECOLOR]*/
}
a.menu_basket-hide:hover {
color:#000000;/*[KOSARICA-HOVER]*/
}

/* === kosaricasimple-items === */
.basketItem, .basketItem .name {
background-color:#a1ce29;
color:#404040;
}

/* === footer === */
/* background color */
#footer .box .content, #footer .box b b.L2, #footer .box b b.L3 {
background-color:#C3C3C3;/*[FOOTER-BACKGROUND]*/
}
/* border colors */
#footer .box b.tc b.L1, #footer .box b.bc b.L1 {
background-color:#404040;/*[BORDER]*/
}
#footer .box .content, #footer .box b.tc b.L2, #footer .box b.tc b.L3 , #footer .box b.bc b.L2, #footer .box b.bc b.L3 {
border-color:#404040;/*[BORDER]*/
}
/* text/url colors */
#footer .content, #footer a {
color:#404040;/*[FOOTER-FORECOLOR]*/
}





#next {
width:62px;
height:22px;
background-image:url(slide_next.png);
}
#next, #nav a {
float:left;
background-repeat:no-repeat;
color:#4F5054;
font-size:11px;
font-weight:bold;
text-align:center;
text-decoration:none;
margin:5px 0 15px 0;
}
#nav a {
display:block;
width:22px;
height:18px; /* 22px - padding */
background-image:url(slide_pager.png);
background-repeat:no-repeat;
margin-left:5px;
padding-top:4px;
}
#nav a.activeSlide {
background-position:0 -22px;
color:#fff;
}
#nav a:hover {
background-position:0 -22px;
color:#fff;
}