#main{
    width:850px; height: 500px;
    position: relative; margin: 0 auto;
    background: transparent url('../img/main.png') no-repeat;
}

#whiteRight{
    width:251px; height: 470px;
    background: #F8F3EA;
    position: relative; float: left;  top:15px; left: 14px;
}

#footer{
    width:850px; height: 15px;
    position: relative; margin: 10px auto;
    font-size: 10px; color: #F8F3EA;
    text-align: center;
}

/*------------------- SLIDER --------------------*/
#mindjuse{background-color: #211231;}
#narukvice{background-color: #2C1E16;}
#ostalo{background-color: #2C1E16;}

#slider {
  width:570px; height: 470px;
  position: relative; float: left; top:15px; left: 15px;
  overflow: hidden;
}

.scroll {
  width:570px; height: 470px;
  overflow: hidden;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
}

.scrollContainer div.panel {
  width:570px; height: 470px;
}

.panel{
    width:570px; height: 470px;
    position: relative; float: left;
}

/*------------------- MENU I LOGO --------------------*/

#menu{
    width:300px; height: 180px;
    position: absolute; top: 200px; left: 530px;
    z-index:100;
    background: #F8F3EA;
}

#logo{
    width:180px; height: 180px;
    position: relative; float: left;
}

.navigation{
    position: relative; float: right;
    right: 20px; top: 10px;
}
.navigation li{
    padding-left:10px; padding-top: 3px;
    height: 17px;width: 80px;
    font-size: 12px;
    border-bottom: 1px gray dashed;
    list-style: none;
}
.navigation li:hover{background:#C8B18B}
.navigation li a:hover{color:white}


/*------------------- POLJA --------------------*/
.top{
    width:285px; height: 250px;
    position: relative; float: left;
}

.bottom{
    width:570px; height: 250px;
    position: relative; float: left;
}

.bottomText{
    width:480px; height: 180px;
    position: relative; top:15px; left:15px;
}

.thumbListWrapper{
    width:120px; height: 470px;
    position: relative; float: left;
}
.thumbList{
    width:120px; height: 440px;
    position: relative; float: left;
    background: black;
    overflow: hidden;
}
.slika{
    width:450px; height: 470px;
    position: relative; float: left;

}
.pruga{
    width:450px; height: 40px; top:338px;
    background: black;
    position: relative;
    text-align: left; 
    color: white;
}

.order{
    width:450px; height: 92px; top:338px;
    position: relative;
}
.order2{
    width:430px; height: 85px; 
    position: relative; left:10px; top:10px;
}

.order2 a{color: #F8F3EA;}

.nakit{
    position:absolute; width:450px; height:338px;

}

.thumb{
    width:40px; height:30px;
    cursor:pointer; margin: 5px 3px;
}
/*------------------ LOADING -------------------------------*/
#slider img, #menu img{background: #c7b18b url(../img/loading.gif) no-repeat center center;}

/*------------------- NAVIGACIJA ZA SLIKE --------------------*/
.scrollThumb{
    width:120px; height: 15px;
    position: relative; float: left;
}

/*--------------------- FORMA ------------------*/
#mailform{
    width:250px; height: 90px; 
    position: relative; margin: 15px;
}
/*--------------------- ORDER ------------------*/
#orderField{
    width:220px; height: 155px;
    position: relative; float: left;  top:0px; left: 15px;
    color: #333;
}
#ukupno{
    width:50px; height: 30px;
    position: relative; float: right;  right: 15px; top:10px; 
    color: black; overflow: auto;
}
#korpa{
    width:100px; height: 20px;
    position: relative; float: left; top:10px; left: 30px;
    color: black; overflow: auto; display:none;
}
#naruciDugme{
    width:90px; height: 15px;
    position: relative; float: right;  right: 15px; bottom:35px; 
    overflow: hidden; display:none;
}
#porudzbina{
    width:250px; height: 180px;
    position: relative; float: right;  right: 15px; top:15px; 
    overflow: hidden;
}

/*--------------------- NEWS ------------------*/
.news_text{
    width:140px; margin-right:20px;
    position: relative; float: left;
}
/*--------------------- ADMIN ------------------*/
.uploadSlika{
    width:130px; height: 100px;
    position: relative; float: left;
    padding: 15px; margin: 10px;
    color: black; overflow: auto;
    border: 1px solid black; background: #F8F3EA;
}