* {
margin:0;
padding:0;    
white-space:normal !important;
}
textarea {
white-space:pre !important;
}
html {
height:100%;
}
body { overflow:auto; }
img { border:none; }

body, td, pre, #controls p textarea.textbox {
font-family: "Verdana";
}
body {
font-size:13px;
}

table { border-collapse:collapse; }
td { overflow:hidden; }
/*ul, ol {
margin-left:20px;
margin-bottom:10px;
}*/
input[type=checkbox] {
margin-right:5px;
}
label {
padding-right:20px;
}

a, label, input[type=radio], input[type=checkbox] {
cursor:pointer;
}

/* ------------------------------------------ gumbi --------------------------------------- */
.button_short {
background:url(button_short.gif) no-repeat;
border:0 none;
color:#e8e5dd;
cursor:pointer;
display:block;
font-size:18px;
height:35px;
line-height:22px;
padding-bottom:3px;
text-decoration:none;
width:97px;
}

.button_short_active {
background:url(button_short.gif) 0 -45px no-repeat;
border:0 none;
color:#e8e5dd;
cursor:pointer;
display:block;
font-size:18px;
height:35px;
padding-bottom:3px;
width:97px;
}

.button_long {
background:url(button_long.gif) no-repeat;
border:0 none;
color:#e8e5dd;
display:block;
font-size:18px;
height:35px;
line-height:22px;
padding-bottom:3px;
text-decoration:none;
width:150px;
}

.button_long_active {
background:url(button_long.gif) 0 -45px no-repeat;
border:0 none;
color:#e8e5dd;
cursor:pointer;
font-size:18px;
height:35px;
padding-bottom:3px;
width:150px;
}

.button_long2 {
background:url(button_long2.gif) no-repeat;
border:0 none;
color:#FFFFFF;
font-size:18px;
height:35px;
padding-bottom:3px;
width:250px;
}

.button_long2_active {
background:url(button_long2.gif) 0 -45px no-repeat;
border:0 none;
color:#FFFFFF;
cursor:pointer;
font-size:18px;
height:35px;
padding-bottom:3px;
width:250px;
}

td.controlbox_left {
border: solid 1px #B8B8B8;
border-right:0 none;
width: 276px;
padding: 4px;
margin: 0 0 10px 0;
font-size: 18px;
}

td.controlbox_right {
border: solid 1px #B8B8B8;
border-left:0 none;
width:16px;
padding: 4px;
padding-left:0;
}
.controlbox {
font-size: 18px;
}

td.textbox {
padding-bottom:3px;
padding-top:3px;
text-align:left;
white-space:nowrap;
}



#container {
margin-left:auto;
margin-right:auto;
width:990px;
}

/* ---------------------- navigacija ------------------------------- */
#navigation {
margin-top:15px;
}
#navigation .box .content {
position:relative;
padding-left:10px;
padding-right:10px;
padding-top:12px;
height:30px;/*50px -padding-tc -bc*/
font-weight:bold;
white-space:nowrap;
}

#navigation .menu {
float:left;
}
#navigation a {
text-decoration:none;
}
#navigation .menu a {
padding-right:20px;
}

#user {
float:right;
position:relative;
padding-right:42px;
}
#user a.on {
color:#fff;
}
#user a.userlogin, #user a.userlogoff {
position:absolute;
right:0px;
top:-7px;
background:url(header_login.png) no-repeat right;
display:block;
height:32px;
width:32px;
}
#user a.userlogin { background-position:0 0; }
#user a.userlogoff { background-position:-32px 0; }
#user a.userlogin:hover { background-position:0 -32px; }
#user a.userlogoff:hover { background-position:-32px -32px; }

/* --------------------------------- header ---------------------------- */
#header {
background:url(header.png) no-repeat;
position:relative;
height:154px;
margin-top:15px;
z-index:1000;
}

#header .left {
position:absolute;
left:0;
background:url(corner-header-left.png) no-repeat;
height:154px;
width:5px;
}

#header .right {
position:absolute;
right:0;
background:url(corner-header-right.png) no-repeat;
height:154px;
width:5px;
}

#header .logo {
position:absolute;
left:5px;
height:154px;
width:300px;
}

div#basket {
position:absolute;
right:10px;
bottom:13px;
}
div#basket a#basketClick {
background-image:url(header-basket.gif);
background-repeat:no-repeat;
display:block;
height:127px;
width:158px;
padding:0 5px;
cursor:pointer;
}
div#basket a#basketClick:hover, div#basket a#basketClick.on {
background-position:0 100%;
}

.header-ad {
display:none;
}

.button_order {
height:30px;
width:106px;
}

.header-search-holder {
position:absolute;
bottom:56px;
right:300px;
height:48px;
}
.header-search {
position:relative;
background:url(header-search.gif) 0 -48px no-repeat;
width:385px;
height:48px;
z-index:1001;
}
.button_search {
background:url(button_search.gif) no-repeat;
display:block;
position:absolute;
right:1px;
top:1px;
width:79px;
height:32px; /*46px-padding*/
padding-top:14px;
text-decoration:none;
outline:none;
font-size:14px;
font-weight:bold;
text-align:center;
}
.button_search:hover {
background-position:0 bottom;
}
.filters .button_filter, .filters .button_filter_active {
width:60px;
height:25px;
}
.txtQuickSearch {
float:left;
border:none 0;
background-color:transparent;
color:#A0A0A0;
margin-left:10px;
margin-top:15px;
width:299px;
}
.txtArticleID {
float:left;
border:none 0;
background-color:transparent;
color:#A0A0A0;
margin-left:10px;
margin-right:5px;
padding-top:3px;
width:249px;
}

.button_complaint, .button_complaint_active {
font-size:19px;
}

.button_complaint {
background:url(button_long.gif) no-repeat;
border:none;
height:29px;
width:80px;
}

.button_complaint_active {
background:url(button_long.gif) 0 -29px no-repeat;
border:none;
cursor:pointer;
height:29px;
width:80px;
}

.header-search-switch {
width:170px;
position:absolute;
top:-15px;
right:20px;
height:15px;
margin-left:210px;
text-align:right;
}
.header-search-switch-item a {
background:url(header-search-switch.gif) no-repeat;
color:#808080;
display:block;
float:left;
font-size:9px;
height:14px;
margin-right:5px;
padding-top:1px;
text-align:center;
text-decoration:none;
width:80px;
}

.header-switch {
position:absolute;
bottom:0;
left:305px;
padding-top:23px;
width:385px;
}
.header-switch-item a {
background:url(button_switch.gif) no-repeat;
color:#808080;
display:block;
float:left;
font-size:22px;
height:30px;
margin-right:10px;
padding-top:3px;
text-align:center;
text-decoration:none;
width:100px;
}

.kolicinatext, .znesektext {
float:left;
font-size:15px;
font-weight:bold;
padding-top:5px;
clear:both;
}
.znesektext {
padding-top:25px;
padding-right:30px;
}
.kolicina, .znesek {
float:right;
font-size:36px;
font-weight:bold;
line-height:100%;
padding-top:5px;
text-align:right;
}
.znesek {
font-size:26px;
}

a#nablagajno {
clear:both;
color:#CCCCCC;
display:none;
font-size:15px;
font-weight:bold;
padding-top:2px;
text-align:center;
text-decoration:none;
}

.currency {
font-weight:normal;
}

/* ----------------------------- dropdown kosarica --------------------------- */
a.menu_basket_view {
background:url(menu_basket_view.gif) no-repeat;
color:#FFFFFF;
display:block;
font-size:18px;
font-weight:bold;
height:32px;
line-height:normal;
margin-top:15px;
margin-bottom:5px;
padding-top:9px;
text-align:center;
text-decoration:none;
width:168px;
}

a.menu_basket_view:hover {
background-position:0 100%;
}

.menu_basketitem {
float:left;
font-size:12px;
margin-bottom:10px;
text-align:left;
width:168px;
}

.menu_basketitem-top {
background:url(menu_basketitem-top.gif) no-repeat;
font-size:0;
height:5px;
width:168px;
}

div#basket div#basketList {
position:absolute;
right:-10px; 
width:208px;
top:135px;
z-index:1001;
display:none;
visibility:visible;
overflow:hidden;
}

#kosaricasimple-top {
height:5px;
width:5px;
font-size:0;
float:right;
}


#basketListArticles .box .content {
color:#FFFFFF;
font-size:16px;
padding-left:5px;
padding-right:5px;
width:156px;
}

.menu-basket-fill {
padding-left:20px;
padding-right:20px;
padding-top:5px;
text-align: right;
}

a.menu_basketitem_a {
font-size:12px;
text-decoration:none;
}

td.menu_basket-item-quantity {
text-align:left;
vertical-align:bottom;
width:41px;
}

td.menu_basket-item-price {
color:#FFFFFF;
font-size:16px;
font-weight:bold;
text-align:right;
vertical-align:bottom;
}

td.menu_basket-item-regularprice {
color:#CCCCCC;
font-size:13px;
text-align:right;
vertical-align:bottom;
}

#menu_basket_note {
padding-bottom:10px;
text-align:left;
}

a.menu_basket-hide {
font-size:11px;
text-decoration:none;
}

.icon_basket_plus a {
background:url(icon_basket_plus.png) no-repeat;
display:block;
float:left;
height:18px;
margin-right:5px;
width:18px;
}

.icon_basket_plus a:hover, .icon_basket_minus a:hover {
background-position: 0 -18px;
cursor:pointer;
}

.icon_basket_minus a {
background:url(icon_basket_minus.png) no-repeat;
display:block;
float:left;
height:18px;
width:18px;
}

/* -------------------------- drevo ---------------------------------- */
.content-top {
padding-left:15px;
padding-right:15px;
height:32px;
}

.content-top .title {
padding-top:4px;
text-align:center;
font-size:15px;
font-weight:bold;
}

#contentleft {
clear:both;
float:left;
margin-bottom:15px;
margin-right:13px;
width:220px;
}

#contentleft .content {
/*padding-bottom:1px; /* zaradi ovkirjev okoli kategorij */
}

.contentleft-frame {
position:relative;
}

#contentleft .box .content-top,
#contentright .box .content-top {
height:31px;
}

.kategorija-item a {
/*border-bottom:solid 1px;*/
border-top:solid 1px;
display:block;
padding:7px 5px 7px 10px;
font-size:13px;
text-decoration:none;
}
.kategorija-item h3 {
font-size:13px;
margin:0;
}
.kategorijasubtitle {
font-weight:normal;
font-size:9px;
}

.nadgrupa-item a {
display:block;
font-size:11px;
line-height:13px;
padding:4px 5px 4px 10px;
text-decoration:none;
}
.nadgrupa-item h4, .nadgrupa-item h5 {
font-size:11px;
font-weight:normal;
margin:0;
}

.grupa {
padding-bottom:5px;
}

.grupa-item a {
background:url(icon_group.gif) 10px 6px no-repeat;
display:block;
font-size:11px;
line-height:13px;
padding:4px 5px 4px 25px;
text-decoration:none;
}

.grupa-item h5 {
font-weight:normal;
font-size:11px;
margin:0;
}

/* ---------------------------- middle ------------------------------- */
#main {
float:left;
width:990px;
}

#contentmiddle, #contentmiddle-admin {
float:left;
margin-bottom:15px;
}
#contentmiddle-admin {
width:990px;
}
#contentmiddle {
width:610px; /*843px*/
}

/* ----------------------------- title --------------------------------- */
#title a.subnavigation {
font-size:15px;
font-weight:bold;
line-height:18px;
text-decoration:none;
padding-right:25px;
white-space:nowrap;
}

.titletext {
font-size:20px;
font-weight:bold;
padding-top:5px;
padding-bottom:10px;
}
.titletext h1 {
font-size:20px;
margin:0;
}
.subtitletext {
font-size:11px;
line-height:13px;
padding-bottom:20px;
padding-top:5px;
padding-right:10px;
/*width:460px;*/
}
.subtitletext h2 {
font-size:11px;
font-weight:normal;
}

#title .box .content {
padding-left:8px;
padding-right:7px;
height:100%;
}

#groupimage-frame {
float:right;
margin: 5px 2px 8px 8px;
text-align:right;
width:120px;
}

.summary {
clear:both;
font-size:11px;
line-height:13px;
padding-bottom:10px;
padding-left:10px;
}

.texttitle {
color:#D61D16;
font-size:15px;
font-weight:bold;
padding-bottom:10px;
}

/* -------------------------- paging --------------------------------- */
.paging {
clear:both;
height:20px;
}

#paging {
clear:both;
}

#paging .content, .paging .content {
padding-left:10px;
padding-right:10px;
padding-top:2px; /* zaradi odrezanega zgornjega dela */
padding-bottom:1px;
height:13px;
text-align:right;
font-size:11px;
}

#contentmiddle-bottom {
clear:both;
}
#contentmiddle-bottom .box b.bc b.L2, #contentmiddle-bottom .box b.bc b.L3 {
background:#efefef;
}


.basket_line {
border-bottom:solid 1px;
height:0;
}

.stizdelkov {
color:#ffffff;
float:left;
font-size:11px;
}

.navigator {
color:#ffffff;
float:right;
font-size:11px;
}

.navigator a {
color:#ffffff;
font-size:11px;
font-weight:bold;
text-decoration:none;
}

.navigator a.on {
color:#333333;
font-size:11px;
font-weight:bold;
}

.pagingtitle {
color:#ffffff;
float:left;
font-size:14px;
font-weight:bold;
}

.viewtype {
float:left;
padding-top:2px;
}

.similar-viewtype {
float:right;
padding-top:2px;
}

a#viewtype1 {
display:none;
background:url(viewtype_thumb.gif) no-repeat;
float:left;
height:12px;
padding-right:10px;
width:12px;
}

a#viewtype2 {
display:none;
background:url(viewtype_mixed.gif) no-repeat;
float:left;
height:12px;
padding-right:10px;
width:12px;
}

a#viewtype3 {
display:none;
background:url(viewtype_lines.gif) no-repeat;
float:left;
height:12px;
padding-right:10px;
width:12px;
}

/* -------------------------- izdelki -------------------------------- */
#catalog, #catalog-admin,#catalog-admin1 {
border-left:solid 1px;
border-right:solid 1px;
clear:both;
float:left;
}
#catalog {
width:608px;
}
#catalog-admin {
width:988px;
}

#catalog-admin1 {
width:966px;
}

#catalog .box {
float:left;
line-height:15px;
padding:10px;
width:182px;
position:relative;
}

#catalog .favorites {
/*width:16px;
height:16px;
background:url(icon_favorites.png) no-repeat;*/
font-size:9px;
padding-bottom:5px;
}
#catalog .favorites:hover {
/*background-position:0 -16px;*/
}
#catalog .box .favorites {
position:absolute;
top:2px;
right:2px;
}
#catalog .favorites a {
/*width:16px;
height:16px;
display:block;*/
}
#catalog .favorites a:hover {
text-decoration:underline;
}
#catalog .lines {
position:relative;
}
    
#catalog .lines .delete {
width:20px;
height:20px;
background:url(icon_delete.png) no-repeat;
position:absolute;
top:2px;
right:2px;
}
#catalog .lines .delete a {
display:block;
width:20px;
height:20px;
}
#catalog .lines .delete:hover {
background-position:0 -20px;
}
#catalog .lines .statistika {
position:absolute;
right:10px;
bottom:5px;
font-size:9px;
}

.details {
font-size:13px;
/*line-height:15px;*/
padding-left:10px;
padding-right:10px;
padding-bottom:20px;
padding-top:20px;
}

.details a {
color:#808080;
text-decoration:none;
}

.box-row1 {
clear:both;
height:77px;
}

.box-row2 {
clear:both;
height:126px;
text-align:center;
}

.box-row3 {
clear:both;
height:32px;
}

.box-row4 {
clear:both;
height:32px;
}

.box-rowgrupa {
clear:both;
height:30px;
padding-top:10px;
text-align:center;
}

.box-col1 {
float:left;
text-align:left;
width:106px;
}

.box-col2 {
float:right;
text-align:right;
width:76px;
}

.box-col3 {
float:left;
position:absolute;
left:10px;
text-align:left;
width:182px;
/*z-index:-1;*/
margin-top:90px;
top:80px;
}

.box {
position:relative;
}

.box-col4 {
position:absolute;
right:10px;
text-align:right;
width:32px;
}

.mixed-col2 {
float:left;
margin-right:20px;
text-align:center;
width:80px;
}

.mixed-col3 {
float:left;
width:332px;
}

.mixed-col4 {
float:left;
padding-left:20px;
width:106px;
}

.mixed-row {
padding-bottom:20px;
text-align:right;
}

.lines-col2 {
float:left;
width:354px;
}

.lines-col3 {
float:right;
text-align:right;
width:80px;
}

.lines-col4 {
float:right;
padding-left:20px;
width:106px;
}

.izdelek-icon {
height:32px;
padding-bottom:2px;
z-index:500;
}

.izdelek-image {
height:80px;
z-index:1;
}
.lines .izdelek-image {
height:60px !important;
}

.izdelek-indeks {
color:#000000;
font-size:11px;
font-weight:bold;
line-height:13px;
}

.izdelek-naziv a {
font-size:11px;
font-weight:bold;
line-height:13px;
text-decoration:none;
/*word-wrap:break-word;*/
}
.lines .izdelek-naziv a {
font-size:12px;
line-height:normal;
}

.box-row1 h3, .izdelek-naziv h3 {
font-size:11px;
display:inline;
margin:0;
}

.izdelek-naziv-potrdilo a {
color:#000000;
font-size:11px;
font-weight:bold;
line-height:13px;
text-decoration:none;
/*word-wrap:break-word;*/
}

.izdelek-naziv-potrdilo a:hover {
color:#808080;
}

.izdelek-naziv2 {
font-size:10px;
line-height:12px;
padding-bottom:5px;
padding-top:5px;
/*word-wrap:break-word;*/
}
.izdelek-naziv2 h4 {
font-size:10px;
font-weight:normal;
display:inline;
margin:0;
}
.lines .izdelek-naziv2 {
line-height:normal;
padding-top:0;
color:#C0C0C0;
}

.izdelek-zaloga {
color:#000000;
font-size:10px;
line-height:12px;
}

.izdelek-sifra {
color:#888888;
font-size:10px;
}

.izdelek-kosarica-quantity {
float:left;
width:106px;
height:30px;
position:relative;
}

.button_quantity {
background:url(button_basket_quantity.gif) no-repeat;
position:absolute;
top:0;
left:0;
height:26px;
padding-right:2px;
padding-top:4px;
text-align:right;
width:38px;
}

.basket_add a {
background:url(button_basket_add.gif) no-repeat;
border:0 none;
display:block;
height:24px;
padding-top:6px;
width:80px;
}

.izdelek-kosarica a, .izdelek-kosarica-quantity a {
color:#EFEFEF;
font-size:13px;
text-decoration:none;
text-align:center;
}

.details .izdelek-kosarica, .details .izdelek-kosarica-quantity {
float:right;
}

.basket_add a:hover, .basket_add a.on {
background-position: 0 -30px;
}

.basket_add a.on {
cursor:default;
}

.basket_add-quantity a {
background:url(button_basket_add-quantity.gif) no-repeat;
border:0 none;
display:block;
position:absolute;
top:0;
right:0;
height:24px;
padding-top:6px;
width:66px;
}

.basket_add-quantity a:hover, .basket_add-quantity a.on {
background-position: 0 -30px;
}

.basket_add-quantity a.on {
cursor:default;
}

.basket_delete {
clear:both;
padding-top:2px;
text-align:center;
}

.basket_delete a {
color:#888888;
display:block;
font-size:11px;
text-decoration:none;
}

.izdelek-rednacena {
color:#968E8E;
font-size:10px;
text-decoration:line-through;
}

.redna_cena {
text-decoration:line-through;
}

.izdelek-cena {
color:#000000;
font-size:13px;
font-weight:bold;
white-space:nowrap;
}

.izdelek-grupa a {
clear:both;
color:#888888;
font-size:11px;
text-decoration:none;
}

.grupa-frame {
display:block;
float:left;
height:165px;
line-height:15px;
padding:10px 5px;
text-align:center;
width:192px;
}

.grupa-image {
padding-top:15px;
}

.grupa-image a {
height:120px;
width:120px;
}

.grupa-naziv {
height:26px;
}
.grupa-naziv a {
font-size:11px;
font-weight:bold;
line-height:13px;
text-decoration:none;
/*word-wrap:break-word;*/
}
.grupa-naziv h3 {
font-size:11px;
display:inline;
margin:0;
}

.details-images-frame {
clear:both;
}

.details-image-frame {
border:solid 1px #CCCCCC;
display:block;
float:left;
height:90px;
margin-bottom:5px;
margin-right:5px;
padding:5px;
text-align:center;
vertical-align:middle;
width:90px;
}

.details-image-frame-big {
border:solid 1px #CCCCCC;
display:block;
float:left;
margin-bottom:5px;
margin-right:5px;
padding:5px;
text-align:center;
vertical-align:middle;
width:170px;
background-color:#ffffff;
}

.details-kratek-opis {
padding-bottom:10px;
white-space: normal;
}
.dolgiopis {
white-space: normal;
}
.dolgiopis table {
width:100%;
}
.dolgiopis table td {
border: solid 2px white;
background-color:#EFEFEF;
height:22px;
white-space:nowrap;
}
.dolgiopis a {
text-decoration:underline;
}
.dolgiopis a:hover {
text-decoration:none;
}
#dodatneslike {
padding-top:20px;
}

/* ---------------------------- contentright ------------------------------- */
#contentright {
float:right;
margin-bottom:15px;
margin-left:13px;
z-index:1;
width:134px;
}

#contentright .contentright-frame {
position:relative;
}

#contentright .content {
padding-top:5px;
}

#contentright .contentright-picture {
text-align:center;
}

.contentright-item a {
color:#333333;
padding:4px 5px 4px 10px;
color:#333333;
display:block;
font-size:11px;
line-height:13px;
text-decoration:none;
}

.contentright-izdelek-naziv {
word-wrap: break-word;
}

.contentnews-item {
color:#333333;
padding:4px 5px 4px 10px;
color:#333333;
display:block;
font-size:11px;
line-height:13px;
/*word-wrap:break-word;*/
}
.contentnews-item a {
color:#333333;
text-decoration:none;
}

.contentright-item h2, .contentright-item h3, .contentnews-item h2, .contentnews-item h3 {
display:inline;
font-size:11px;
font-weight:normal;
margin:0;
word-wrap:break-word;
}

#contentright .contentright-step {
color:#333333;
font-size:11px;
line-height:13px;
margin-bottom:20px;
/*word-wrap:break-word;*/
}

#contentright .contentright-step a {
color:#333333;
display:block;
font-size:11px;
line-height:13px;
text-decoration:none;
/*word-wrap:break-word;*/
}

#contentright .contentright-steps {
text-align:center;
width:132px;
}

#contentright .contentright-stepimage1p {
background:url(step1.gif) 35px 0 no-repeat;
height:80px;
width:132px;
}

#contentright .contentright-stepimage1a {
background:url(step1.gif) 35px -80px no-repeat;
height:80px;
width:132px;
}

#contentright .contentright-stepimage1 a {
background:url(step1.gif) 35px -160px no-repeat;
height:80px;
width:132px;
}

#contentright .contentright-stepimage1 a:hover {
background:url(step1.gif) 35px 0 no-repeat;
}

#contentright .contentright-stepimage2p {
background:url(step2.gif) 35px 0 no-repeat;
height:80px;
width:132px;
}

#contentright .contentright-stepimage2a {
background:url(step2.gif) 35px -80px no-repeat;
height:80px;
width:132px;
}

#contentright .contentright-stepimage2 a {
background:url(step2.gif) 35px -160px no-repeat;
height:80px;
width:132px;
}

#contentright .contentright-stepimage2 a:hover {
background:url(step2.gif) 35px 0 no-repeat;
}

#contentright .contentright-stepimage3p {
background:url(step3.gif) 35px 0 no-repeat;
height:80px;
width:132px;
}

#contentright .contentright-stepimage3a {
background:url(step3.gif) 35px -80px no-repeat;
height:80px;
width:132px;
}

#contentright .contentright-stepimage3 a {
background:url(step3.gif) 35px -160px no-repeat;
height:80px;
width:132px;
}

#contentright .contentright-stepimage3 a:hover {
background:url(step3.gif) 35px 0 no-repeat;
}

#contentright .contentright-stepimage4p {
background:url(step4.gif) 35px 0 no-repeat;
height:80px;
width:132px;
}

#contentright .contentright-stepimage4a {
background:url(step4.gif) 35px -80px no-repeat;
height:80px;
width:132px;
}

#contentright .contentright-stepimage4 a {
background:url(step4.gif) 35px -160px no-repeat;
height:80px;
width:132px;
}

#contentright .contentright-stepimage4 a:hover {
background:url(step4.gif) 35px 0 no-repeat;
}

#contentright .contentright-stepimage5p {
background:url(step5.gif) 35px 0 no-repeat;
height:80px;
width:132px;
}

#contentright .contentright-stepimage5a {
background:url(step5.gif) 35px -80px no-repeat;
height:80px;
width:132px;
}

/* -------------------------------- footer --------------------------- */
#footerUpper {
display:none;
}

#footer {
clear:both;
margin-bottom:15px;
}
#footer .content {
padding:5px 10px;
text-align:center;
font-size:11px;
}
#footer a:hover {
text-decoration:none;
}


#netit {
position:absolute;
right:10px;
top:10px;
}
#netit a {
display:block;
width:76px;
height:24px;
background:url(netit.png) no-repeat;
}
#netit a:hover { background-position:0 -29px; }



.prodajalna {
font-size:9px;
width:420px;
}

.texts td {
font-size:13px;
line-height:15px;
padding-bottom:5px;
padding-right:20px;
padding-top:5px;
vertical-align:top;
}

.texts {
text-align:justify;
}

.texts h3 {
margin:10px 0;
}

#loadingbox {
display:none;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:9999;
background:#ddd url(freeze_loading.gif) 50% 50% no-repeat;
opacity:.9;
-moz-opacity:0.9px;
filter:alpha(opacity=90);
}

/* --------------------------- modalno okno --------------------------- */
#modallogin {
display:none;
height:100%;
left:0;
position:absolute;
top:0;
width:100%;
}

.modalbackground {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background-color:#dddddd;
z-index:500;
}

.modalcontainer {
left:50%;
position:absolute;
top:100px;
width:300px;
z-index:750;
}

.modal {
background:url(freeze_login.gif) no-repeat;
height:150px;
left:-150px;
padding:0;
position:relative;
top:-75px;
width:300px;
z-index:1000;
}

.modaltop {
padding-right:10px;
padding-top:5px;
text-align:right;
width:290px;
}

.modaltop a,.modaltop a:visited {
color:#CCCCCC;
text-decoration:none;
}

.modaltop a:hover {
color:#888888;
}

.modalbody {
padding:10px;
}



.header-search-switch-item a:hover, .header-switch-item a:hover, a#nablagajno:hover, a#nablagajno.on {
color:#FFFFFF;
}

.header-search-switch-item a.on,.header-switch-item a.on {
color:#FFFFFF;
cursor:default;
}

#contentleft .box, #contentright .box, .contentmiddle-frame, #footer {
margin-top:15px;
}

.contentleft-middle,.izdelek-kosarica,.contentright-middle {
float:left;
}

.contentleft-bottom,.contentright-bottom {
font-size:0;
height:5px;
}

.nadgrupa,.contentright {
padding-bottom:20px;
padding-top:7px;
}

a#viewtype1:hover,a#viewtype1.on, a#viewtype2:hover,a#viewtype2.on, a#viewtype3:hover,a#viewtype3.on {
background-position:0 -12px;
}

.mixed,.lines {
clear:both;
float:left;
line-height:15px;
padding:10px;
width:588px;
}

.lines {
padding-top:1px;
padding-bottom:1px;
}

details td,.texts {
font-size:13px;
line-height:15px;
}

.mixed-col1,.lines-col1 {
float:left;
width:30px;
}

.commercial {
margin-top:15px;
display:none;
}

#news {
margin-bottom:15px;
padding:3px 10px;
height:18px;
}
#news a {
text-decoration:none;
float:left;
padding-right:10px;
}
#news div#newsScroller {
float:left;
width:460px;
}
#news div#newsScroller a {
width:460px;
}
#news p {
padding-top:2px;
/*white-space:nowrap !important;*/
font-size:11px;
}

.news-opis {
padding-top:5px;
padding-left:10px;
padding-right:10px;
color:#333333;
}
.news-opis h3 {
margin:0;
}
.news-opis a {
text-decoration:underline;
}
.news-opis a:hover {
text-decoration:none;
}

#slide {
clear:both;
overflow:hidden;
width:610px;
position:relative;
height:147px;
margin-bottom:15px;
}
#slide p {
margin:0;
}
#slide .item {
background-color:#eee;
width:610px;
height:147px;
}

.title_special-novosti {
background:url(title_novosti.png);
}
.title_special-action {
background:url(title_action.png);
}
.title_special-recommend {
background:url(title_recommend.png);
}

#slide .special_title {
position:absolute;
top:18px;
left:15px;
font-weight:bold;
font-size:37px;
}
#slide .special_podatki a {
clear:both;
float:left;
width:450px;
text-align:right;
padding-left:20px;
padding-top:65px;
text-decoration:none;
}
#slide .special_image {
position:relative;
float:right;
width:120px;
height:120px;
margin-left:10px;
margin-right:10px;
margin-top:13px;
z-index:1;
}
#slide .special_naziv {
font-weight:bold;
font-size:18px;
text-decoration:none;
white-space:nowrap !important;
}
#slide .special_cena {
font-size:21px;
font-weight:bold;
text-decoration:none;
}
#slide .special_rednacena {
font-size:11px;
}
#slide .special_popust {
width:215px; /* 215px - padding */
height:34px; /* 40px - padding */
position:absolute;
right:0;
top:25px;
background:url(trak_popust.png) no-repeat;
font-size:23px;
font-weight:bold;
font-style:italic;
color:#FFFFFF;
padding-top:6px;
padding-left:10px;
white-space:nowrap;
z-index:2;
}

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

.filters {
padding:5px;
color:#000000;
}
.filters .isci {
padding-top:5px;
}
.filters .naziv {
font-size:11px;
width:83px;
}
.filters .combo {
padding-top:5px;
padding-bottom:5px;
}

.icon_popust {
position:absolute;
right:10px;
top:40px;
background:url(icon_popust.png);
width:32px;
height:24px;
font-size:14px;
font-family:Calibri;
font-weight:bold;
color:#FFFFFF;
text-align:center;
padding-top:8px;
white-space:nowrap;
display:inline;
}

#header .left h1, #header .left h2 {
position:absolute;
width:100px;
margin-left:-5000px;
}

.details .nadartikel {
float:right;
padding-right:10px;
}
.box .nadartikel, .mixed .nadartikel {
padding-bottom:2px;
height:22px;
}
.box .nadartikel select {
margin-right:5px;
}
.lines .nadartikel {
position:absolute;
right:30px;
top:2px;
}

.filters a {
color:#808080;
text-decoration:none;
}
.filters a:hover {
text-decoration:underline;
}

#ProstoTekst1, #ProstoTekst2, #ProstoTekst3, #ProstoTekst4, #ProstoTekst5, #ProstoTekst6, #ProstoTekst7, #ProstoTekst8, #ProstoTekst9, #ProstoTekst10, #ProstoTekst11, #ProstoTekst12, #ProstoTekst13, #ProstoTekst14, #ProstoInt1, #ProstoInt2, #ProstoReal1, #ProstoReal2, #Sifrant1, #Sifrant2, #Sifrant3, #Sifrant4, #Sifrant5 {
/*text-transform: capitalize;*/
}

/*======== CONTROLS - start =====================================*/
#controls p {
margin:1em 0;
}
#controls p.error {
color: rgb(168, 35, 27);
}
#controls p.error input, #controls p.error select {
color: rgb(168, 35, 27);
border: solid 1px rgb(168, 35, 27);
}
#controls p.info cite {
color: #7F7F7F;
background: url(icon_info.png) no-repeat 20px 2px;
display: block;
margin: -10px 0px 10px 160px;
padding-left: 40px;
}
#controls p.info cite a {
color: #7F7F7F;
}
#controls p.info cite a:hover {
text-decoration:none;
}

#controls p.error cite {
color: rgb(168, 35, 27);
background: url(icon_error.png) no-repeat 20px 2px;
display: block;
margin: -10px 0px 10px 160px;
padding-left: 40px;
}
#controls p.error cite a {
color: rgb(168, 35, 27);
}
#controls p.error cite a:hover {
text-decoration:none;
}

#controls p label {
clear : both;
float: left;
width: 170px;
text-align: right;
margin: 0 10px 0 0;
padding: 9px 0 0 0;
font-size: 16px; 
}

#controls p input.textbox, #controls p select, #controls p textarea.textbox {
border: solid 1px #a9a9a9;
width: 300px;
padding: 4px;
margin: 0 0 10px 0;
font-size: 18px;
}
#controls p select {
width: 310px;
}
#controls p option {
font-size: 13px;
padding: 4px;
}
#controls p input.checkbox {
width: 20px;
margin: 0;
display: inline-block;
margin-left:176px;
}
#controls p span.checkbox {
color: #7F7F7F;
font-size:14px;
font-style:italic;
}
#controls p input.radiobox {
width: 20px;
margin: 0;
display: inline-block;
margin-left:10px;
}
#controls p input.radiobox2 {
width: 20px;
margin: 10px 0 10px 0;
display: inline-block;
}
#controls p span.radiobox {
color: #7F7F7F;
font-size:14px;
font-style:italic;
}
#controls p span.radiobox2 {
font-size:14px;
}

#controls p.zamik {
margin-left: 180px;
}
#controls p span {
font-size:16px;
}

#controls p.link {
font-size:9px;
color:#7F7F7F;
}
#controls p.link a {
text-decoration: underline;
color:#7F7F7F;
}
#controls p.link a:hover {
text-decoration: none;
}

#controls #buttonsLogin {
margin-top: 25px;
margin-left: 35px;
margin-left: 180px;
height: 130px;
}
#controls div.frameLogin {
float:left;
margin-left: 20px;
width: 113px;
height: 130px;
text-align: center;
}
#controls div.buttonLogin a {
display: block;
background: url(button_login.png) no-repeat;
width: 113px;
height: 52px; /*81px - padding*/
font-size: 18px;
color: #545252;
text-align: center;
padding-top: 29px;
text-decoration: none;
}
#controls div.buttonLogin a:hover { 
background-position: 0 -81px;
}
#controls div.frameRegister {
float: left;
width: 320px;
height: 105px; /*130px-padding*/
padding-top: 25px;
color: #7F7F7F;
font-size: 16px;
text-align: center;
background: url(frame_register.png) no-repeat;
position: relative;
}
#controls div.buttonRegister a {
display: block;
background: url(button_register.png) no-repeat;
width: 280px;
height: 36px; /*48px - padding*/
font-size: 18px;
color: #545252;
text-align: center;
padding-top: 12px;
position: absolute;
bottom: 15px;
left: 20px;
text-decoration: none;
}
#controls div.buttonRegister a:hover { 
background-position: 0 -48px;
}

#controls div.frameLogin2 {
float:left;
width: 113px;
height: 130px;
text-align: center;
}
#controls div.frameRegister2 {
float: right;
width: 220px;
height: 105px; /*130px-padding*/
padding-top: 25px;
color: #7F7F7F;
font-size: 16px;
text-align: center;
background: url(frame_register2.png) no-repeat;
position: relative;
right:10px;
bottom:7px;
}
#controls div.buttonRegister2 a {
display: block;
background: url(button_register2.png) no-repeat;
width: 176px;
height: 36px; /*48px - padding*/
font-size: 18px;
color: #545252;
text-align: center;
padding-top: 12px;
position: absolute;
bottom: 15px;
left: 22px;
text-decoration: none;
}
#controls div.buttonRegister2 a:hover { 
background-position: 0 -48px;
}








#controls #buttonLostPassword {
margin-top: 25px;
margin-left: 180px;
margin-bottom: 50px;
height: 48px;
}
#controls div.frameLostPassword {
width: 280px;
height: 50px;
text-align: center;
}
#controls div.buttonLostPassword a {
display: block;
background: url(button_register.png) no-repeat;
width: 280px;
height: 36px; /*48px - padding*/
font-size: 18px;
color: #545252;
padding-top: 12px;
text-align: center;
text-decoration: none;
}
#controls div.buttonLostPassword a:hover { 
background-position: 0 -48px;
}

#buttonsCenter {
padding-top:25px;
padding-bottom:50px;
width:280px;
margin-left:auto;
margin-right:auto;
}

#controls .profil p {
margin:2px;
}
#controls .profil h2 {
margin-top:5px;
margin-left: 50px;
margin-right: 50px;
color: #545252;
font-size: 18px;
padding: 15px;
text-align:center;
border: solid 1px #B8B8B8;
background-color: #EFEFEF;
}
#controls .profil p label {
width: 140px;
text-align: right;
float: left;
margin: 0 10px 0 0;
padding: 1px;
font-size: 14px; 
}
#controls .profil p span {
font-size: 16px;
font-weight:bold;
}

#controls {
margin-top:25px;
}

#info {
font-size: 14px;
padding-left: 10px;
padding-right: 10px;
text-align: center;
}

#error_msg {
margin-top:5px;
margin-left: 50px;
margin-right: 50px;
color: rgb(168, 35, 27);
font-size: 18px;
padding: 15px;
text-align:center;
border: solid 1px rgb(168, 35, 27);
}

#info_msg {
margin-bottom:25px;
background-color:#DFFFD9;
margin-left: 50px;
margin-right: 50px;
color:#448039;
font-size: 18px;
padding: 15px;
text-align:center;
border: solid 1px #448039;
}
/*======== CONTROLS - end =======================================*/


/*======== ERROR - start =======================================*/
#error {
margin-left:auto;
margin-right:auto;
width:600px;
margin-top: 50px;
}
#error a {
text-decoration:none;
}
#error a:hover {
text-decoration:underline;
}
#error .content {
position: relative;
padding-top:20px; 
height: 110px;
padding-right: 110px;
}
#error .content h2 {
color: #808080;
font-size: 18px;
font-style: italic;
}
#error .content .image {
position: absolute;
right:0;
top: 10px;
}
#error .subcontent {
border-top: solid 1px #da0005;
background: url(error_fade.png) repeat-x;
padding: 20px;
}
#error .subcontent span {
color: #da0005;
font-size: 15px;
font-style: italic;
}
#error .subcontent a {
color:#da0005;
font-weight: bold;
}
#error .buttons {
float: right;
margin-top: 20px;
}
#error .footer {
clear:both;
margin-top:150px;
margin-bottom:15px;
color:#808080;
background-color: #F5F5F5;
padding-top:10px;
padding-bottom:10px;
text-align:center;
font-size:10px;
}
/*======== ERROR - end =======================================*/

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

.big_button {
padding:12px 12px;
min-width:280px;
font-size:18px;
color:#545252;
cursor:pointer;
}


#home {
display:block;
width:220px;
height:154px;
text-decoration:none;
z-index:1;
position:absolute;
}


#newsItem {
margin-bottom:20px;
}
#newsItem a.link  {
text-decoration:underline;
color:#404040;
float:right;
}
#newsItem a.link:hover {
text-decoration:none;
}
#newsHeader {
background-color:#404040;
padding:5px;
margin-bottom:10px;
color:#fff;
text-align:right;
}
#newsHeader h2 {
display:inline;
float:left;
margin:0;
font-size:12px;
}
#newsHeader h2 a {
color:#fff;
text-decoration:none;
}
#newsHeader h2 a:hover {
text-decoration:underline;
}

.jazon-opomba {
display:none;
}

#catalog .details p, #catalog .news-opis p, .subtitletext p {
padding-bottom:10px;
}

/* lines page view --------------- */
.lines .col1, .lines .col2, .lines .col3, .lines .col4, .lines .col5, .lines .col6 {
float:left;
}
.lines .col1 {
width:35px;
padding-top:10px;
}
.lines .col2 {
width:65px;
}
.lines .col3 {
width:270px;
padding-top:10px;
}
.lines .col4 {
width:100px;
padding-top:10px;
}
.lines .col5 {
width:60px;
padding-top:10px;
}
.lines .col6 {
padding-top:10px;
}

#bonus_parent {
position:relative;
}
#bonus_icon {
width:23px;
height:18px;
background:#efefef url(icon_question.png) no-repeat;
float:right;
}
#bonus_tips, #obroki_tips {
width:290px;
font-size:10px;
padding:10px 15px;
text-align:left;
position:absolute;
bottom:88px;
left:20px;
border:solid 1px #808080;
background-color:#efefef;
box-shadow:1px 1px 6px #808080;
-webkit-box-shadow:1px 1px 6px #808080;
-moz-box-shadow:1px 1px 6px #808080;
}
#obroki_tips {
bottom:63px;
}
#bonus_tips strong, #obroki_tips strong {
display:block;
padding-bottom:10px;
}
#bonus_tips a, #obroki_tips a {
color:#000;
text-decoration:underline;
}
#bonus_tips a:hover, #obroki_tips a:hover {
text-decoration:none;
}

#bonusi table {
width:100%;
border-collapse:separate;
}
#bonusi th {
text-align:left;
}
#bonusi th, #bonusi td {
padding:8px 20px 3px 7px;
border-bottom:solid 1px #ccc;
font-size:12px;
}

#bonusi .sum {
font-size:18px;
background-color:#efefef;
padding:10px;
margin-bottom:15px;
border:solid 1px #ccc;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
#bonusi .sum span {
font-size:12px;
}


#basketDiscounts {
padding:10px 0 20px;
}
#basketDiscounts a {
color:#000;
}
#basketDiscounts a:hover {
text-decoration:underline;
}
#basketDiscounts input {
padding:5px;
border:solid 1px #19568F;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
outline:none;
}
#basketDiscounts input[type=submit] {
padding:5px 10px;
margin-left:10px;
background-color:#3E66AA;
color:#fff;
cursor:pointer;
}
#basketDiscounts input[type=submit]:hover {
background-color:#19568F;
}

#idBONUS, #idBONUS_cena, #idBONUS_addtobasket, #idBONUS_rabat, #idBONUS_kolicina {
display:none;
}

#povzetek_bonus {
margin-top:10px;
background-color:#19568F;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
color:#fff;
padding:5px 10px;
float:right;
}

/* cookies
-------------------------*/
.cookiewrapper {
position:fixed;
bottom:0;
width:100%;
margin:0 auto;
z-index:9999;
}
.cookiebox {
margin:0 auto;
width:650px;
background:#fff;
color:#222;
font:13px "Arial";
border:4px solid #7b7b7b;
border-bottom:none;
border-radius:10px 10px 0 0;
-moz-border-radius:10px 10px 0 0;
-webkit-border-radius:10px 10px 0 0;
padding:15px 50px;
}
.cookiebox h3 {
margin-bottom:10px;
}
.cookiebox a {
display:inline-block;
color:#222;
text-decoration:none;
}
.cookiebox a:hover {
text-decoration:underline;
}
.cookiebox input[type=button] {
background-color:#50C24E;
color:#fff;
font-weight:bold;
border:solid 1px transparent;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
display:inline-block;
margin:15px 10px 0 0;
padding:6px 10px;
cursor:pointer;
}
.cookiebox input[type=button]:hover {
text-decoration:underline;
}
.cookiebox input[type=button]#btnCookieDisagree {
background-color:#a0a0a0;
}

.contentpage.privacy table {
width:100%;
margin-bottom:15px;
}
.contentpage.privacy table th {
text-align:left;
}
.contentpage.privacy table th, .contentpage.privacy table td {
font-size:12px;
padding:5px 10px;
border:solid 1px #ccc;
}
.contentpage.privacy label {
padding-left:7px;
font-weight:bold;
}


div#controls .switch {
font-size:16px;
text-align: center;
margin: 0 20px 30px;
color: #404040;
background: #fff;
padding: 20px 10px;
border-radius: 8px;
border: 1px solid #ccc;
}