* { outline: none; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
body { background: #fff; margin: 0; padding: 0; }
a { color: #0069af; text-decoration: none; }
a:hover { color: #00355f; text-decoration: none; }
form, fieldset { margin: 0; padding: 0; border: 0; }
a img { border: none; }
input, select { font-size: 12px; }

.clear { clear: both; }
.rounded-small { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.rounded-all { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }

#page { position: relative; margin: 0 auto; width: 958px; }

#left-column { position: relative; width: 728px; float: left; }
#logo { display: block; width: 728px; height: 90px; background: #ccc url('/images/site/logo.png'); text-indent: -999999px; }
#caption { position: absolute; top: 26px; left: 250px; font-size: 11px; line-height: 24px; color: #4D7EA1; cursor: pointer; }
#caption b { display: block; color: #fff; }
#top-navigation { list-style-type: none; margin: 10px 30px; padding: 0; }
#top-navigation li { -moz-display: inline-block; display: inline-block; padding: 0 10px 0 0; }
#top-navigation li * { font-size: 12px; }
#top-navigation h1 { color: #0069af; margin: 0; padding: 0; }

#left-column h2,
#left-column h2 a { color: #003661; font-size: 32px; margin: 0; padding: 0; letter-spacing: -2px; }
#left-column h2 a:hover { color: #0069af; }
#left-column .greska h2, #left-column h2.greska { color: #c00; }
#left-column h3,
#left-column h3 a { color: #0069af; margin: 0; padding: 0; letter-spacing: -1px; font: italic 24px Georgia, "Times New Roman", serif; }
#left-column h3 a:hover { color: #003661; }
#left-column .wiki h3 { margin: 10px 0; line-height: 22px; font-size: 20px !important; }
#left-column p { font-size: 12px; margin: 32px 0 0 0; padding: 0;  line-height: 14px; }
#left-column .wiki p { margin: 10px 0; line-height: 18px; }
#left-column .wiki p.datum { color: #aaa; }
#left-column .wiki .quoted { margin: 0 30px; }
#left-column .wiki .quoted p { font-style: italic;  }
#left-column .wiki ul { margin: 10px 15px; padding: 0 15px; }
#left-column .wiki li, #left-column .wiki address { font-size: 12px; line-height: 18px; margin: 0; padding: 0; }
#left-column .wiki address { font-style: normal; }
#left-column .wiki { color: #666; position: relative; padding: 15px 30px; margin: 0 0 10px 0; background: #eee url('/images/site/wiki-background.png') no-repeat 0 0; }
#left-column .wiki input { border: none; }
#left-column hr { height: 1px; background: #ccc; border: none; margin: 20px 0; }

#left-column .item { color: #666; position: relative; padding: 15px 30px; margin: 0 0 10px 0; background: #eee url('/images/site/item-background.png') no-repeat 0 0; height: 280px; }
#left-column .item .info { position: absolute; top: 15px; left: 30px; width: 375px; }
#left-column .item .info * { position: relative; }
#left-column .item img { float: right; margin-right: 20px; }
#left-column .item .badge { position: absolute; display: block; text-indent: -999999px; bottom: 0; right: 0; width: 85px; height: 62px; background: url('/images/site/badge.png') no-repeat; z-index: 4; }

#left-column .item .price,
#left-column .item .heart,
#left-column .item .size { list-style-type: none; margin: 10px 0 0 0; padding: 0; }

#left-column .item .price .numbers { float: left; width: 200px; text-align: center; background: #0069af url('/images/site/price-background.png') repeat-x; color: #fff; font: 36px Impact; letter-spacing: -1px; margin: 0 10px 0 0; padding: 0; }

#left-column .item .heart li { width: 32px; height: 32px; float: left; margin-right: 10px; }
#left-column .item .heart a { display: block; text-indent: -999999px; width: 32px; height: 32px; background: url('/images/site/heart.png') no-repeat 0 0; }
#left-column .item .heart a.dim { background-position: -32px 0; }
#left-column .item .heart a.hover { background-position: -64px 0; }

#left-column .item .size li { width: 32px; height: 32px; float: left; margin-right: 10px; }
#left-column .item .size a { display: block; text-indent: -999999px; width: 32px; height: 32px; }
#left-column .item .size a.size-s { background: url('/images/site/size.png') no-repeat 0 0; }
#left-column .item .size a.size-s:hover { background: url('/images/site/size.png') no-repeat -64px 0; }
#left-column .item .size a.size-s-dim,
#left-column .item .size a.size-s-dim:hover { background: url('/images/site/size.png') no-repeat -32px 0; }
#left-column .item .size a.size-m { background: url('/images/site/size.png') no-repeat 0 -32px; }
#left-column .item .size a.size-m:hover { background: url('/images/site/size.png') no-repeat -64px -32px; }
#left-column .item .size a.size-m-dim,
#left-column .item .size a.size-m-dim:hover { background: url('/images/site/size.png') no-repeat -32px -32px; }
#left-column .item .size a.size-l { background: url('/images/site/size.png') no-repeat 0 -64px; }
#left-column .item .size a.size-l:hover { background: url('/images/site/size.png') no-repeat -64px -64px; }
#left-column .item .size a.size-l-dim,
#left-column .item .size a.size-l-dim:hover { background: url('/images/site/size.png') no-repeat -32px -64px; }
#left-column .item .size a.size-xl { background: url('/images/site/size.png') no-repeat 0 -96px; }
#left-column .item .size a.size-xl:hover { background: url('/images/site/size.png') no-repeat -64px -96px; }
#left-column .item .size a.size-xl-dim,
#left-column .item .size a.size-xl-dim:hover { background: url('/images/site/size.png') no-repeat -32px -96px; }
#left-column .item .size a.size-xxl { background: url('/images/site/size.png') no-repeat 0 -128px; }
#left-column .item .size a.size-xxl:hover { background: url('/images/site/size.png') no-repeat -64px -128px; }
#left-column .item .size a.size-xxl-dim,
#left-column .item .size a.size-xxl-dim:hover { background: url('/images/site/size.png') no-repeat -32px -128px; }

#left-column .item li.description { width: 140px; font-size: 11px; text-align: left; line-height: 13px; float: left; padding: 10px 0 0 0; height: auto; }
#left-column .item .price .description { padding: 15px 0 0 0; }

#left-column .list-info { color: #666; margin: 10px 0; padding: 20px 30px; font-size: 12px; background: #eee; }

#left-column .modal { width: 670px; position: absolute; top: 0; left: 30px; z-index: 6; text-align: center; display: none; }
#left-column .modal-background { height: 310px; width: 730px; position: absolute; top: 0; left: 0; z-index: 5; background: #003661; display: none; border: none; }
#left-column .modal h3, #left-column .modal p { color: #fff; margin: 0; padding: 0; width: auto !important; }
#left-column .modal h3 { margin-top: 130px !important; }
#left-column .modal p { font-size: 14px; font-weight: bold; }
#left-column .modal img { float: none !important; margin: -85px 0 0 0 !important; }
#left-column .zoom-background { height: 550px; top: -110px; width: 630px; left: 50px; border: 5px solid #f90; }

table { border-collapse: collapse; width: 100%; }
table td { border: 1px solid #ccc; padding: 4px 8px; font-size: 12px; }
table td.r { text-align: right; }
tabel td.c { text-align: center; }

#right-column { width: 220px; right: 0; top: -16px; position: absolute; }
#right-column .create { display: block; background: url('/images/site/create-button.png') no-repeat; width: 220px; height: 148px; text-indent: -99999px; }
#right-column .nav { background: #eee; padding: 10px 0; }
#right-column a { color: #c40; }
#right-column a:hover { color: #f60; }
#right-column h4 a { color: #fff; }
#right-column h4 a:hover { color: #c40; }
#right-column h4 { color: #fff; height: 36px; font-size: 18px; margin: 0; padding: 9px 0 0 25px; background: url('/images/site/section-background.png') no-repeat 50% 0; }
#right-column p { color: #666; font-size: 14px; margin: 10px 25px; padding: 0; }
#right-column ul { list-style-type: none; margin: 10px 25px; padding: 0; font-size: 12px; }
#right-column li { margin: 0; padding: 0; }
#right-column form { margin: 0; padding: 0; }
#right-column input { color: #666; width: 190px; height: 22px; margin: 0; padding: 12px 15px; background: url('/images/site/input-background.png') no-repeat 50% 0; border: none; }
#right-column .side-nav-block { display: none; }
#right-column .outter-button { display: block; padding: 10px 25px; font-size: 11px; background: url('/images/site/backtotop-button.png') no-repeat 120px 0; }

.generic-button { color: #fff !important; height: 36px; font-size: 18px; margin: 0; padding: 9px 25px; display: block; background: url('/images/site/checkout-background.png') no-repeat 50% 0; }
.generic-button:hover { color: #82cdff !important; }
.generic-submit-button { width: 220px; margin: 20px 0 0 230px; text-align: center; }

.checkout-count { padding: 0; }
.checkout-count input { width: 25px; height: 18px; text-align: right; margin: 0; padding: 5px; border-right: 1px solid #ccc !important; }

#checkout-buttons { list-style-type: none; margin: 0; padding: 0; }
#checkout-buttons li { width: 50%; float: left; margin: 0; padding: 30px 0; text-align: center !important; }
#checkout-buttons li a { text-align: center !important; }

#register-form td { text-align: right; }
#register-form input { font-weight: bold; }
#register-form .cell-r { width: 50%; text-align: left !important; background: #fff; }
input.full-width { width: 100%; }

/* create form */

#create-left { float: left; width: 290px; margin-bottom: 20px; }
#create-left label { display: block; margin: 10px 0; font-size: 12px; }
#create-left input { border: 1px solid #ccc !important; }
#create-left input, #create-left select { width: 280px; }
#create-left select.half-width { width: 140px; }
#create-right { float: right; width: 350px; margin-bottom: 20px; }
#preview-body { background: #eee !important; overflow: hidden; }
#preview-body p { font-size: 12px; margin: 0; padding: 0 30px; text-align: center; }
#preview-body p.greska { color: #c00; }

/* uplatnica */

#uplatnica { position: relative; margin: 30px 0 0 45px; width: 625px; height: 365px; background: url('/images/site/hub1.gif') no-repeat; }
#uplatnica, #platitelj, #primatelj, #model, #banka, #racun, #poziv, #svrha, #uplata, #cijena { position: absolute; }
#model, #banka, #racun, #poziv, #cijena { font: bold 14px 'Courier New', Courier, monospace; letter-spacing: 10px; }
#model, #banka, #racun, #poziv, #cijena, #svrha, #uplata { height: 20px; }
#platitelj, #primatelj, #svrha { font-size: 12px; line-height: 14px; }

#platitelj { top: 85px; left: 35px; width: 180px; height: 52px; overflow: hidden; }
#primatelj { top: 155px; left: 35px; width: 180px; height: 52px; }

#model { top: 155px; left: 225px; width: 35px; }
#banka { top: 155px; left: 295px; width: 130px; }
#racun { top: 155px; left: 435px; width: 175px; }
#poziv { top: 195px; left: 225px; width: 380px; }
#svrha { top: 225px; left: 295px; width: 300px; }
#uplata { top: 10px; left: 535px; width: 300px; font-size: 16px; }
#cijena { top: 50px; left: 430px; width: 170px; text-align: right; letter-spacing: 5px; }