body,html {
background:#808080;
}


#container {
background:#A7A7A7;
padding-left:12px;
padding-right:12px;
padding-top:0px;
padding-bottom:0px;
}
#main {
background:url(container_top.png) repeat-x;
left:-12px;
position:relative;
padding-left:12px;
padding-right:12px;
}

.box, .box b.tc, .box b.bc{ 
background-color:#A7A7A7; 
}


.box, .mixed, .lines, .details, .grupa-frame, .contentnews-item, #catalog {
background-color:#FFF;
}

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

#header-slogan {
background:url(header_slogan.png) no-repeat;
width:478px;
height:72px;
position:absolute;
top:10px;
left:220px;
z-index:1;
}

#header-skuter {
background-repeat:no-repeat;
background-position:right;
width:600px;
height:154px;
position:absolute;
top:0;
right:60px;
}
#header-skuter.skuter1 { background-image:url(header_skuter1.png); }
#header-skuter.skuter2 { background-image:url(header_skuter2.png); }
#header-skuter.skuter3 { background-image:url(header_skuter3.png); }
#header-skuter.skuter4 { background-image:url(header_skuter4.png); }
#header-skuter.skuter5 { background-image:url(header_skuter5.png); }
#header-skuter.skuter6 { background-image:url(header_skuter6.png); }

#header {
margin-top:0;
left:-12px;
width:1014px;
background:#1A1A1A url(header.png) no-repeat;
}
#header .left, #header .right {
display:none;
}
.header-switch {
display:none;
}
#header .header-search-holder {
display:none;
}
#contentleft .header-search {
margin-top:15px;
width:220px;
height:35px;
background:url(header-search.png) no-repeat;
}
#contentleft .button_search {
background-image:url(button_search.png);
width:50px;
height:25px;
padding-top:8px;
}
#contentleft .txtQuickSearch {
margin-top:9px;
width:150px;
}

#contentleft  .basket .label_basket {
background-image:url(header-basket.png);
}

#nav {
width:1014px;
position:relative;
left:-12px;
}
#navMenu {
height:36px; /*36px - padding*/
padding-left:15px; 
padding-right:15px;
background:url(navMenu-fill.png) repeat-x;
}
#navMenu ul {
list-style:none;
margin:0;
padding:0;
}
#navMenu li {
float:left;
}
#navMenu li a {
margin-left:5px;
margin-right:5px;
padding-left:10px;
padding-right:10px;
padding-bottom:6px;
padding-top:4px;
margin-top:6px;
display:block;
color:#fff;
font-size:12px;
font-weight:bold;
text-decoration:none;
position:relative;
}
#navMenu li a:hover {
background:#E00005 url(navMenu-item-left.png) top left no-repeat;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
#navMenu li a:hover .liLeft {
width:7px; height:24px;
background:url(navMenu-item-right.png) top right no-repeat;
position:absolute;
top:0;
right:0;
}
#navMenu li a.on {
background:#E00005 url(navMenu-item-on-left.png) top left no-repeat;
padding-bottom:12px;
margin-top:2px;
padding-left:15px;
padding-right:15px;
padding-top:8px;
color:#fff;
}
#navMenu li a.on .liLeft {
width:13px; height:36px;
background:url(navMenu-item-on-right.png) top right no-repeat;
position:absolute;
top:0;
right:0;
}
#navSubmenu {
height:16px; /*28px - padding*/
background-color:#E00005;
padding:7px 15px;
}
#navSubmenu ul {
list-style:none;
margin:0;
padding:0;
}
#navSubmenu li {
float:left;
padding:0 15px;
color:#323030;
font-size:12px;
}
#navSubmenu li a {
color:#323030;
font-weight:bold;
text-decoration:none;
}
#navSubmenu li a.on {
color:#fff;
}
#navSubmenu li a:hover { 
color:#fff;
}

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


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

#categories h3 {
background-color:#323030;
}
#categories>ul>li>a {
background-color:#cbc8c5;
}
#categories>ul>li a {
color:#4d4d4d !important;
}
#categories>ul>li {
border-color:#c0bbb6;
}
#categories ul li a:hover {
background-color:#ff0000 !important;
color:#f4f4f4 !important;
}
#categories>ul>li ul {
background-color:#e7e7e3;
}
#categories>ul>li:last-child>a:not(.on) {
border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;
}



#navigation {
margin-top:0;
}


/* === 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 -1px repeat-x;
}
#navigation .box b.tc b.L2, #navigation .box b.tc b.L3 {
background:url(navigation-fill.png) 0px -2px 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:#BDBDBD;/*[NAVIGATION-FORECOLOR]*/
}
#navigation a:hover {
color:#FF0000;/*[NAVIGATION-HOVER]*/
}


/* === 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:#CBC8C5;/*[BORDER]*/
}
#contentleft .box b.bc b.L1,
#contentright .box b.bc b.L1 {
background-color:#CBC8C5;/*[BORDER]*/
}

/* solid color */ 
#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:none;
}
#contentleft .box b.tc b.L1,
#contentright .box b.tc b.L1 {
background:none;
background-color:#323030;/*[CONTENTOP-BACKGROUND]*/
}
#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:none;
background-color:#323030;/*[CONTENTOP-BACKGROUND]*/
}
#contentleft .box .content-top,
#contentright .box .content-top {
background:none;
background-color:#323030;/*[CONTENTOP-BACKGROUND]*/
}

/* text color v naslovnem delu */
.content-top {
color:#ffffff;/*[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:#E7E7E3;/*[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:#E7E7E3;/*[MIDDLE-BORDER]*/
background-color:#FFF;
}
/* border color levo in desno na contentmiddle */
#catalog, #catalog-admin {
border-color:#E7E7E3;/*[MIDDLE-BORDER]*/
}
/* border color v znotraj mreze */
.grupa-frame,.mixed,.lines,.box {
color:#E7E7E3;/*[MIDDLE-BORDER]*/
}
.basket_line {
border-color:#E7E7E3;/*[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:#E7E7E3;/*[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:#E7E7E3;/*[MIDDLE-BORDER]*/
}
#title .box b.tc b.L2, #title .box b.tc b.L3 {
background:none;
background:url(title-fill.png) 0px -2px no-repeat;
}
#title .box .content {
background:none;
background:url(title-fill.png) 0px -4px no-repeat;
}
/* url color v navigaciji */
#title a.subnavigation { /* admin only */
color:#4D4D4D;
}
#title a.subnavigation:hover {  /* admin only */
color:#FF0000;
}
/* barva glavnega naslova in podnaslova */
.titletext {
color:#4D4D4D;/*[TITLE-FORECOLOR]*/
}
.subtitletext {
color:#4D4D4D;
}

/* === news === */
/* background color */
#news {
display:none;
background-color:#E7E7E3;/*[NEWS-BACKGROUND]*/
border-color:#E7E7E3;/*[BORDER]*/
}
/* text/url colors */
#news a {
color:#4D4D4D;/*[NEWS-FORECOLOR]*/
}
#news a:hover {
color:#FF0000;/*[NEWS-HOVER]*/
}

/* === paging === */
/* background color */
#paging .box .content, #paging .box b b.L2, #paging .box b b.L3 {
background-color:#E7E7E3;/*[MIDDLE-BORDER]*/
}
/* border colors */
.paging, #paging .box b.tc b.L1, #paging .box b.bc b.L1 {
background-color:#E7E7E3;/*[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:#E7E7E3;/*[MIDDLE-BORDER]*/
}
.pagingtitle, .stizdelkov, .navigator, .navigator a {
color:#4D4D4D;
}
.navigator a.on, .navigator a:hover {
color:#ff0000;/*[PAGING-HOVER]*/
}

/* === 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]*/
}


/* === footer === */
#footerUpper {
display:block;
}
#footer {
background:#4D4D4D;
margin:0;
left:-12px;
position:relative;
width:1014px;
padding:2px 0;
}
#netit {
top:6px;
}
/* background color */
#footer .box .content, #footer .box b b.L2, #footer .box b b.L3 {
background:none;
border:0 none;
}
/* border colors */
#footer .box b.tc b.L1, #footer .box b.bc b.L1 {
background:none;
display:none;
}
#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:0 none;
}
#footer .box b.tc b.L2, #footer .box b.tc b.L3 , #footer .box b.bc b.L2, #footer .box b.bc b.L3 {
display:none;
}
#footer .box .content {
background:#4D4D4D;
color:#E7E7E3;
}
#footer .box .content a {
color:#E7E7E3;
}

#home {
width:450px;
}

div#hotline {
margin-top:15px;
width:134px;
height:194px;
background:url(banner_hotline.png) no-repeat;
text-align:center;
color:#E00005;
}
div#hotline .title {
font-size:18px;
font-weight:bold;
}
div#hotline .phone {
margin-top:15px;
font-size:17px;
font-weight:bold;
}
div#hotline .msn a, div#hotline .email a {
color:#E00005;
text-underline:none;
font-size:11px;
margin-left:15px;
}
div#hotline .msn {
margin-top:15px;
}
div#hotline .email {
margin-top:12px;
}
div#hotline .delovnicas {
margin-top:27px;
font-size:9px;
color:#404040;
}


#user a {
color:#323030;
font-size:12px;
font-weight:bold;
text-decoration:none;
}
#user a:hover { 
color:#fff;
}
#user a.userlogin, #user a.userlogoff {
top:-12px;
}


#servisi th {
margin:2px;
}
#servisi table {
width:500px;
}
#servisi table tr th {
background-color:#BBB;
padding:5px 10px;
}
#servisi table td {
padding:5px 10px;
border-top:solid 3px #fff;
background-color:#EFEFEF;
}

#slide .item {
background-color:#A7A7A7;
}

#banner {
clear:both;
overflow:hidden;
width:610px;
position:relative;
height:300px;
margin-bottom:15px;
}
#banner p {
margin:0;
}
#banner .banner {
width:610px;
height:300px;
}

#banner_avtonet, #banner_simply, #banner_sip {
display:block;
}
#banner_avtonet a, #banner_simply a, #banner_sip a {
display:block;
width:134px;
height:90px;
}
#banner_sip a {
height:134px;
}
#banner_avtonet a{
background:url(banner_avtonet.gif) no-repeat;
}
#banner_simply a {
background:url(banner_simply.jpg) no-repeat;
}
#banner_sip a {
background:url(banner_sip.jpg) no-repeat;
}

#banner_facebook {
width:610px;
height:100px;
margin-bottom:15px;
}
#banner_facebook a {
background:url(banner_facebook.jpg) no-repeat;
width:610px;
height:100px;
display:block;
cursor:pointer;
}


#manufacturers .column {
float:left;
margin-right:30px;
}
#manufacturers .column a {
display:block;
width:100px;
height:25px;
cursor:pointer;
margin-bottom:5px;
background:url(manufacturers.png) 0 0 no-repeat;
}
#manufacturers .column a.malossi { width:83px; background-position:-0px top;} #manufacturers .column a.malossi:hover { background-position:-0px bottom; }
#manufacturers .column a.polini { width:65px; background-position:-83px top;} #manufacturers .column a.polini:hover { background-position:-83px bottom; }
#manufacturers .column a.tntscooter { width:48px; background-position:-208px top;} #manufacturers .column a.tntscooter:hover { background-position:-208px bottom; }
#manufacturers .column a.rms { width:0px; background-position:-0px top;} #manufacturers .column a.rms:hover { background-position:-0px bottom; }
#manufacturers .column a.kityasuni { width:0px; background-position:-0px top;} #manufacturers .column a.kityasuni:hover { background-position:-0px bottom; }
#manufacturers .column a.leovince { width:69px; background-position:-259px top;} #manufacturers .column a.leovince:hover { background-position:-259px bottom; }
#manufacturers .column a.gianelli { width:56px; background-position:-150px top;} #manufacturers .column a.gianelli:hover { background-position:-150px bottom; }
#manufacturers .column a.motorparts { width:0px; background-position:-0px top;} #manufacturers .column a.motorparts:hover { background-position:-0px bottom; }
#manufacturers .column a.motorparts2 { width:0px; background-position:-0px top;} #manufacturers .column a.motorparts2:hover { background-position:-0px bottom; }

#manufacturers .column a.teamcristofolini { width:0px; background-position:-0px top;} #manufacturers .column a.teamcristofolini:hover { background-position:-0px bottom; }
#manufacturers .column a.airsal { width:0px; background-position:-0px top;} #manufacturers .column a.airsal:hover { background-position:-0px bottom; }
#manufacturers .column a.bcddesign { width:0px; background-position:-0px top;} #manufacturers .column a.bcddesign:hover { background-position:-0px bottom; }
#manufacturers .column a.bitubo { width:0px; background-position:-0px top;} #manufacturers .column a.bitubo:hover { background-position:-0px bottom; }
#manufacturers .column a.boschsparkplugs { width:0px; background-position:-0px top;} #manufacturers .column a.boschsparkplugs:hover { background-position:-0px bottom; }
#manufacturers .column a.braking { width:0px; background-position:-0px top;} #manufacturers .column a.braking:hover { background-position:-0px bottom; }
#manufacturers .column a.buzzetti { width:0px; background-position:-0px top;} #manufacturers .column a.buzzetti:hover { background-position:-0px bottom; }
#manufacturers .column a.castrol { width:0px; background-position:-0px top;} #manufacturers .column a.castrol:hover { background-position:-0px bottom; }
#manufacturers .column a.dellorto { width:0px; background-position:-0px top;} #manufacturers .column a.dellorto:hover { background-position:-0px bottom; }

#manufacturers .column a.globaldenso { width:0px; background-position:-0px top;} #manufacturers .column a.globaldenso:hover { background-position:-0px bottom; }
#manufacturers .column a.dopplereurope { width:0px; background-position:-0px top;} #manufacturers .column a.dopplereurope:hover { background-position:-0px bottom; }
#manufacturers .column a.galfer { width:0px; background-position:-0px top;} #manufacturers .column a.galfer:hover { background-position:-0px bottom; }
#manufacturers .column a.gyronetics { width:0px; background-position:-0px top;} #manufacturers .column a.gyronetics:hover { background-position:-0px bottom; }
#manufacturers .column a.oneitalia { width:0px; background-position:-0px top;} #manufacturers .column a.oneitalia:hover { background-position:-0px bottom; }
#manufacturers .column a.hebo { width:0px; background-position:-0px top;} #manufacturers .column a.hebo:hover { background-position:-0px bottom; }
#manufacturers .column a.ipone { width:0px; background-position:-0px top;} #manufacturers .column a.ipone:hover { background-position:-0px bottom; }
#manufacturers .column a.koso { width:0px; background-position:-0px top;} #manufacturers .column a.koso:hover { background-position:-0px bottom; }
#manufacturers .column a.laserexhaust { width:0px; background-position:-0px top;} #manufacturers .column a.laserexhaust:hover { background-position:-0px bottom; }

#manufacturers .column a.jollymoto { width:0px; background-position:-0px top;} #manufacturers .column a.jollymoto:hover { background-position:-0px bottom; }
#manufacturers .column a.metramorfosis { width:0px; background-position:-0px top;} #manufacturers .column a.metramorfosis:hover { background-position:-0px bottom; }
#manufacturers .column a.meteorpiston { width:0px; background-position:-0px top;} #manufacturers .column a.meteorpiston:hover { background-position:-0px bottom; }
#manufacturers .column a.motul { width:0px; background-position:-0px top;} #manufacturers .column a.motul:hover { background-position:-0px bottom; }
#manufacturers .column a.ngksparkplugs { width:0px; background-position:-0px top;} #manufacturers .column a.ngksparkplugs:hover { background-position:-0px bottom; }
#manufacturers .column a.opticparts { width:0px; background-position:-0px top;} #manufacturers .column a.opticparts:hover { background-position:-0px bottom; }
#manufacturers .column a.pmtuning { width:0px; background-position:-0px top;} #manufacturers .column a.pmtuning:hover { background-position:-0px bottom; }
#manufacturers .column a.progrip { width:0px; background-position:-0px top;} #manufacturers .column a.progrip:hover { background-position:-0px bottom; }
#manufacturers .column a.roost { width:0px; background-position:-0px top;} #manufacturers .column a.roost:hover { background-position:-0px bottom; }

#manufacturers .column a.savatires { width:0px; background-position:-0px top;} #manufacturers .column a.savatires:hover { background-position:-0px bottom; }
#manufacturers .column a.skf { width:0px; background-position:-0px top;} #manufacturers .column a.skf:hover { background-position:-0px bottom; }
#manufacturers .column a.stage6racing { width:0px; background-position:-0px top;} #manufacturers .column a.stage6racing:hover { background-position:-0px bottom; }
#manufacturers .column a.tecnigas { width:0px; background-position:-0px top;} #manufacturers .column a.tecnigas:hover { background-position:-0px bottom; }
#manufacturers .column a.fourtaktershop { width:0px; background-position:-0px top;} #manufacturers .column a.fourtaktershop:hover { background-position:-0px bottom; }
#manufacturers .column a.fournales { width:0px; background-position:-0px top;} #manufacturers .column a.fournales:hover { background-position:-0px bottom; }
#manufacturers .column a.seriepro { width:0px; background-position:-0px top;} #manufacturers .column a.seriepro:hover { background-position:-0px bottom; }

#footerUpper .right {
margin-right:17px;
background-color:#ccc;
height:190px;
margin-bottom:10px;
}

#lang {
position:absolute;
top:10px;
right:10px;
}
#lang a {
display:block;
width:23px;
height:18px;
float:left;
margin-left:5px;
background-color:#fff;
background-repeat:no-repeat;
background-position:100% 0;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
#lang a.sl { background-image:url(flag-sl.png); }
#lang a.hr { background-image:url(flag-hr.png); }
#lang a.on { background-position:0 0; }