@import url("jquery.fancybox-1.3.1.css");
body {
    margin: 0; padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 150%;
    background: url(/images/top.png) repeat-x top;
}

ul, form {margin: 0; padding: 0;}
.hide{ display: none;}
a, a:visited {color: #0670B7; text-decoration: none;}
a:hover {text-decoration: underline;}
a img {border: none;}

/* ID's ------------------------------------------------- */

/* --- Top */
div#top {
    width: 981px;
    height: 29px;
    line-height: 29px;
    margin: auto;
    padding: 0 0 0 20px;
    border-right: 1px solid #D3D3D3;
}
ul#inmenu {list-style-type: none; font-size: 10px;}
ul#inmenu li {
    display: block;
    float: left;
    padding: 0 18px;
    border-left: 1px solid #D3D3D3;
}
ul#inmenu li#current {background: White;}

/* --- Wrapper */
div#wrapper {
    width: 960px;
    margin: auto;
    padding: 10px 20px 0px 20px;
    border-left: 1px solid #D3D3D3;
    border-right: 1px solid #D3D3D3;
}

/* --- Noscript (JavaScript disabled) */
div#noscript {
    padding: 10px;
    color: Black;
    background: #F3D200;
    border: 1px solid #373738;
}

/* --- Header */
div#header {margin-bottom: 10px; padding: 10px 0; border-bottom: 6px solid #DBDBDB;;}
div#header #inlogo {width: 177px;}
div#header #inaction {height: 52px; width: 440px; padding: 0 30px; border-right: 1px solid #D3D3D3;}
div#header #inlist {
    height: 40px;
    width: 180px;
    padding: 10px 0 0 70px;
    background: url(/images/list_icon.png) no-repeat;
    border: 1px solid #D3D3D3;
}
div#header #inlist a {font-weight: bold;}

/* --- Categories, navigation */
ul#navcat {list-style-type: none; border-bottom: 3px solid #D3D3D3;}
ul#navcat li {border-bottom: 1px solid #D3D3D3;}
ul#navcat .intitle {padding: 10px 5px; color: #666666;}
ul#navcat li a {
    display: block;
    height: 29px;
    line-height: 29px;
    padding-left: 5px;
    font-size: 14px;
    text-decoration: none;
}
ul#navcat li a:hover, ul#navcat #current {color: White; background: #0670B7 url(/images/navcat.png) no-repeat right;}

/* --- Search */
div#insearch {height: 52px; padding: 0 30px; border-right: 1px solid #D3D3D3; font-size:11px; color:#666;}
/* --- Navcat search
div#insearch {padding-bottom: 10px; border-bottom: 2px solid #D3D3D3;}
div#insearch .label {
    display: block;
    margin: 5px 0 4px 0;
    color: #666666;
}
*/

/* --- Navigation assistent */
div#navassist {
    width: 179px;
    height: 255px;
    margin-top: 20px;
    background: url(/images/navassist.png) no-repeat;
}
div#navassist a {
    position: relative;
    top: 228px;
    left: 130px;
    font-size: 14px;
    color: White;
}

/* --- Help navigation */
ul#help {list-style-type: none;}
ul#help li {border-bottom: 1px solid #D3D3D3;}
ul#help li a {
    display: block;
    height: 29px;
    line-height: 29px;
    padding-left: 5px;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}
ul#help li a:hover, ul#help li a#current {color: #444444; background: none;}

/* --- Specijalni popusti, pocetna strana */
ul#special {list-style: none; margin: 20px 0 10px 0; color: #444444;}
ul#special li {float: left; width: 170px; position: relative;}
ul#special li.mleft {margin-left: 16px;}
ul#special li .inimage {min-height: 170px; }
ul#special li .indiscount {
    float: right;
    position: relative;
    margin: -40px 0;
    top: -120px;
    right: 10px;
    width: 53px;
    height: 53px;
    font-size: 16px;
    font-weight: bold;
    background: url(/images/discount.png) center no-repeat;
}
ul#special li .indiscount span {
    display: block;
    width: 51px;
    margin-top: 26px;
    text-align: center;
}
ul#special .inname {min-height: 45px;}
*html ul#special .inname {height: 45px;}
ul#special .inprice {
    padding: 5px 0;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #E2E2E2;
}
ul#special .blink {display: block; margin-top: 4px;}
ul#special li .slink {display: block; padding: 7px 5px; border-bottom: 5px solid #E2E2E2;}

/* --- Links */
div#links {height: 30px; line-height: 24px; color: #DBDBDB; border-bottom: 1px solid #DBDBDB;}
div#links .info {margin-right: 10px; color: #666666;}

/* --- Products */
ul#products {margin: 10px 0; padding: 0; list-style: none;}
ul#products li.inner {
    display: block;
    float: left;
    width: 248px;
    min-height: 280px;
    padding: 20px 0;
}
*html ul#products li.inner {height: 280px;}
ul#products li.lcell {width: 238px; padding-right: 10px;}
ul#products li.ccell {width: 228px; padding-left: 10px; padding-right: 10px;}
ul#products li.rcell {width: 238px; padding-left: 10px;}
ul#products li.rborder {border-right: 1px solid #E7E7E7;}
ul#products li.lborder {border-bottom: 1px solid #E7E7E7;}
ul#products li .inimage {height: 175px; position: relative;}
ul#products li .inname {min-height: 40px;}
*html ul#products li .inname {height: 40px;}
ul#products li .inprice {padding: 5px 0; font-size: 16px; font-weight: bold;}
ul#products li .inpriceold {font-size: 12px; font-weight: bold; color: #646464;}
ul#products li .innumber {padding: 5px 0; color: #288F03;}
ul#products li .inrate {font-size: 11px;}

/* --- Products bottom */
div#pbottom {
    padding: 20px 0;
    color: #888888;
    border-top: 1px solid #DBDBDB;
}
*html div#pbottom {padding: 10px 0 20px 0;}

/* --- Pagination */
div#pagination b {
    padding: 1px 5px;
    font-size: 11px;
    font-weight: normal;
    color: White;
    background: #5A5A5A;
    border: 1px solid #5A5A5A;
}
div#pagination a {
    line-height: 200%;
    padding: 1px 5px;
    font-size: 11px;
    font-weight: normal;
    border: 1px solid #DBDBDB;
}
div#pagination a:hover {
    text-decoration: none;
    color: White;
    background: #5A5A5A;
    border: 1px solid #5A5A5A;
}

/* --- Monthly products */
div.mproduct {
    margin-top: 25px;
    padding-bottom: 5px;
    color: #CCCCCC;
    border-bottom: 4px solid #D3D3D3;
}
div.mproduct .inimage {margin-bottom: 5px;}
div.mproduct .blink {display: block;}
div.mproduct .slink {margin-left: 10px;}
div.mproduct .inprice {
    font-size: 16px;
    font-weight: bold;
    color: #444444;
    margin-right: 10px;
}
div.mproduct .inpriceold {
    display: block;
    font-size: 12px;
    font-weight: bold;
    color: #646464;
}

/* --- Product */
div#product {margin: 20px 0 10px 0; padding-bottom: 20px; border-bottom: 1px solid #E7E7E7;}
div#bigname {
    margin: 15px 0 5px 0;
    line-height: normal;
    font-size: 32px;
    font-weight: bold;
    color: #0670B7;
}
/*div#product #inimage {border: 7px solid #EEEEEE;}*/
div#productImages div img{ border: 7px solid #EEEEEE;}
    div#productImages ul.thumbs{ list-style:none; margin-top: 7px; float: left;}
        div#productImages ul.thumbs li, div#productImages ul.thumbs li a{ display: block; float: left;}
        div#productImages ul.thumbs li a img{ border: 7px solid #EEEEEE;}
        div#productImages ul.thumbs li a.activeSlide img{ border-color: #0670B7;}
div#product #indetails {width: 600px; margin: 10px 0 0 15px;}
div#product #indetails #inname {line-height: normal; font-size: 32px; margin-bottom: 15px;}
div#product #indetails #innumber {margin: 5px 0 10px 0; color: #288F03;}
div#product #indetails #indescription {}
div#product #indetails #inprice {margin: 10px 0; font-size: 18px;}
div#product #indetails #inpriceold {margin: 10px 0; font-size: 12px; color: #646464;}
div#product #indetails #inrate {
    margin-bottom: 10px;
    padding: 10px 0 15px 0;
    font-size: 11px;
    color: #888888;
    border-top: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
}
div#product #indetails #inrate p {margin: 4px 0;}

/* --- Similar products */
div#similar {padding-bottom: 15px; border-bottom: 8px solid #EEEEEE;}
div#similar #intitle {font-size: 18px; color: #999999;}
ul#similar {list-style: none; margin: auto; margin-top: 15px; margin-bottom: 15px;}
ul#similar li {display: block; float: left; width: 170px; padding: 10px;}
ul#similar li.bright {border-right: 1px solid #E7E7E7;}
ul#similar .inimage {margin-bottom: 10px;}
ul#similar .inprice {padding: 5px 0; font-size: 16px; font-weight: bold;}
ul#similar .inpriceold {font-size: 12px; font-weight: bold; color: #646464;}

/* --- Comments */
div.comment {margin-bottom: 10px; padding: 0 0 20px 0; border-bottom: 1px solid #E7E7E7;}
div.comment .intitle {padding: 5px 2px; font-weight: bold;}
div.comment .inrate {margin-bottom: 5px; padding: 5px 0;}
div.comment .intext {line-height: 150%;}

/* --- Rate */
div#rate {}
div#rate label {display: block; margin-bottom: 2px; margin-top: 8px;}
div#rate #submit {margin-top: 2px; background: #EEEEEE;}
div#norate {width: 310px; margin-left: 10px;}

/* --- Categories */
div#categories {
    margin-top: 30px;
    padding: 15px 0;
    color: #646464;
    border-top: 6px solid #D3D3D3;
    border-bottom: 1px solid #D3D3D3;
}

/* --- Footer */
div#footer {padding: 10px 0 50px; font-size: 11px; color: #999999;}
div#footer a {color: #666666;}

/* --- Buy */
div#buy {padding: 15px 15px 20px 15px;}
div#buy #intitle {
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #999999;
    border-bottom: 1px solid #dbdbdb;
}
div#buy #inname {padding-bottom: 10px; font-size: 18px; font-weight: bold; color: #444444;}
div#buy #inprice {padding-bottom: 10px; font-size: 20px; color: #444444;}
div#buy #innumber {
    float: left;
    margin-bottom: 50px;
    padding: 4px;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: white;
    background: #288F03;
}
div#buy #question {padding: 5px; color: white; background: #0670B7;}
div#buy #answer {padding: 8px 10px; margin-bottom: 20px; background: #fbffb7;}
div#buy #link a {padding: 5px; text-decoration: none; border: 1px solid #0670B7;}

/* Classes ------------------------------------------------- */

/* --- Titles */
div.stitle {padding: 15px 5px 5px 5px; font-size: 16px; border-bottom: 1px solid #D3D3D3;}
div.ctitle {
    margin-bottom: 10px;
    padding: 20px 0 5px 0;
    font-size: 18px;
    color: #999999;
    border-bottom: 1px solid #DBDBDB;
}

/* --- List numbers */
.number {
    position: absolute;
    float: left;
    padding: 1px 5px;
    font-size: 11px;
    font-weight: normal;
    color: #969696;
    background: White;
    border: 1px solid #A9A9A9;
}

/* --- Links */
.link {font-size: 12px;}
.blink {font-size: 12px; font-weight: bold;}
.slink {font-size: 11px;}
/* --- List link */
.listlink {
    display: block;
    height: 28px;
    line-height: 28px;
    width: 113px;
    margin-left: 10px;
    padding-left: 45px;
    text-decoration: none;
    background: url(/images/listlink.png) no-repeat;
    border: 1px solid #DDDDDD;
}
.listlink:hover {text-decoration: none;}

/* --- Float */
.left {float: left;}
.right {float: right;}
.clr {clear: both;}

/* --- Columns */
div.narrowcol {width: 180px;}
div.smallcol {width: 340px;}
div.centercol {
    width: 543px;
    margin-left: 15px;
    padding: 0 14px;
    border-left: 1px solid #D3D3D3;
    border-right: 1px solid #D3D3D3;
}
div.middlecol {width: 600px;}
div.widecol {
    width: 753px;
    min-height: 700px;
    height: auto;
    padding: 0 0 0 10px;
    border-left: 1px solid #E9E9E9;
}
*html div.widecol {height: 700px;}

/* --- Buttons */
a.button, input.button, input.sbutton {
    width: auto;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    overflow: visible;
    font-size: 11px;
    font-weight: bold;
    color: White;
    background: #0670B7;
    border-top: 1px solid #3FA4E7;
    border-left: 1px solid #3FA4E7;
    border-bottom: 1px solid #094974;
    border-right: 1px solid #094974;
    cursor: pointer;
}
input.sbutton {width: 80px;}
*html input.button, *html a.button, input.sbutton {font-size: 12px;}

/* --- Messages */
.info_message {
    margin: 1px 0px 10px 0px;
    padding: 10px;
    font-size: 18px;
    color: Green;
}
.error_message {
    margin: 1px 0px 10px 0px;
    padding: 10px;
    font-size: 18px;
    color: #DD0000;
}
.message {
    line-height: 150%;
    padding: 20px;
    font-size: 14px;
    text-align: center;
    color: #646464;
}

/* ------------- */

/* --- Slucajna kategorija */
table#skategorija {color: #AAAAAA;}
table#skategorija td {line-height: 16px; padding: 8px 5px; border-bottom: 1px solid #D3D3D3;}
table#skategorija .ocene {display: block; margin-top: 4px;}


/* --- Lista zelja */
table#list td {padding: 10px 0; border-bottom: 1px solid #E7E7E7;}
table#list td div.inimage {margin-left: 40px;}
table#list td .inprice {padding: 5px 0; font-size: 16px; font-weight: bold;}
table#list td .inpriceold {font-size: 12px; font-weight: bold; color: #646464;}
table#list td .innumber {padding: 5px 0; color: #298C00;}
table#list td .deletelink {
    display: block;
    height: 20px;
    line-height: 20px;
    width: 110px;
    margin-left: 10px;
    padding-left: 20px;
    padding-right: 10px;
    text-decoration: none;
    background: url(/images/x.png) no-repeat center left;
    border: 1px solid #DDDDDD;
}
table#list td .deletelink:hover {text-decoration: none;}

/* --- Prijava, registracija margin top */
div#prijava {margin-top: 30px;}
div#prijava p {line-height: 150%;}

/* --- Naslov strane */
div.pnaslov {
    margin-bottom: 20px;
    padding-bottom: 10px;
    color: #666666;
    border-bottom: 1px solid #DBDBDB;
}
div.pnaslov .naslov {font-size: 24px; display: block; padding: 5px 0;}
div.pnaslov label {display: block; margin-bottom: 5px;}



/* --- Polja */
input.search {
    width: 171px;
    padding: 3px 2px;
    font-size: 14px;
}
input.middle, textarea.middle {
    margin: 0;
    width: 332px;
    padding: 5px 2px;
    font-size: 14px;
}
input.large, textarea.large {
    margin: 0;
    padding: 0;
    width: 342px;
    padding: 5px;
    font-size: 14px;
}
textarea.large {
    width: 600px;
}

.red {color: Red;}

table.winners {
    width: 95%;
    margin-bottom: 20px;
    margin-left: 25px;
    margin-right: 30px;
}
table.winners td {
    padding: 3px 5px;
    color: #323232;
    border-bottom: 1px solid #F0F0F0;
}
table.winners td.inlead {width: 7%;}
div.wtitle {
    margin-bottom: 10px;
    font-size: 18px;
    color: #323232;
}


/* --- Forma */
div.input-holder{ margin-bottom: 10px;}
    div.input-holder label{ width: 123px; display: inline-block; text-align: right; padding-right: 3px;}

div.fieldWithErrors{ display: inline-block;}

.flash_notice, .flash_success, .flash_failure, .errorExplanation, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.flash_failure, .errorExplanation {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice, .flash_notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success, .flash_success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.errorExplanation a, .flash_failure a  {color:#8a1f11;}
.notice a {color:#514721;}
.flash_success a, .success a {color:#264409;}

.errorExplanation ul, .notice ul, .success ul{ margin-left: 1.2em;}
.errorExplanation h2, .notice h2, .success h2{ margin-top: 0 !important;}

.reg, p.explain{ margin-left: 132px;}

/* --- Flash feedback */
#flash{ margin: 0 auto; display: block; width: 420px; top: 140px; position: absolute; z-index: 999;}
    a#flash_close{ position: absolute; top: 5px; right: 5px; display: block; width: 10px; height: 10px; text-indent: -9999px; background: url('../images/close.gif') no-repeat; cursor: pointer;}
    a#flash_close:hover{ background-position: bottom left;}
#orderInfo{width: 420px;}

/* announcement */
#announcements{ display: block; }
    #announcements li{ display: block; padding: 10px; background: #FFF6BF; width: 158px; margin-bottom: 15px; border: 1px solid #FFD324; color: #514721; font-size: 11px;}

/* --- Sidenav */
.col-nav{ margin-left: 3px; border-bottom: 3px solid #D3D3D3; padding-bottom: 5px; margin-bottom: 25px;}
    .col-nav li{ list-style: none; color: #888;}
    .col-nav li a{ position: relative; display: block; line-height: 25px; height: 25px; padding-left: 5px;}
    .col-nav li a span{ position: absolute; right: 8px; color: #fff;}
        .col-nav li a:hover{ background: #0670B7; color: #fff; text-decoration: none;}

/* --- Bungle */
.bungle-bazar,
.bungle-kauf{
    position: absolute;
    right: 50px;
    top: 15px;
    width: 52px;
    height: 52px;
    display: block;
}
.bungle-bazar {
    background: url('../images/bungle-bazar.png') center no-repeat;
}
.bungle-kauf {
   background: url('../images/bungle-kauf.png') center no-repeat;
}

/* --- Anketa */
#anketa{ padding-bottom: 5px; border-bottom:3px solid #D3D3D3;}
    #anketa p{ }
    #anketa li{ padding: 0 !important; line-height: 16px; font-size: 11px; display: block; margin-bottom: 5px; overflow: hidden; clear: both;}
        #anketa li input{ margin: 3px 5px 0 0; float: left;}
        #anketa li label{ display: block; overflow: hidden;}

/* --- Contact list */
.contact-list{ list-style: none; display: block; overflow: visible; height: 200px; width: 752px;}
    .contact-list li{ display: block; width: 210px; border-right: 1px solid #e0e0e0; padding: 20px 20px; height: 80px; float: left;}
    .contact-list li.last{ border-right: none;}
    .contact-list li.top{ border-bottom: 1px solid #e0e0e0;}

    .contact-list li dl{}
        .contact-list li dl dt{ font-size: 15px; font-weight: bold; margin-bottom: 5px;}
        .contact-list li dl dd{ padding: 0; margin: 0;}