/* Definicije opstih stilova */

/* Fix za vertical scroll bar page shift (a.k.a. stalno ukljucen vertikalni skrolbar) */
html {
  min-height: 100%;
  margin-bottom: 1px;
  overflow-y: scroll;
  overflow-x: auto;
}

body {
  text-align: center;  /* Fix za automatsko centriranje sadržaja na strani u starim IE */
  margin: 0;
  padding: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  background: #fff;
  font-family: Tahoma, Verdana, Helvetica, sans-serif;
  color: #666;
  font-size: 11px;
}

.hidden {
  display: none;
}

.inline {
  display: inline;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


h1, h2, h3 {
  margin: 0;
}

a {
  color: #999;
  font-weight: bold;
  text-decoration: none;
}

a:visited {
  color: #999;
}

a:hover {
  color: #09f;
}

hr {
  border: 0;
  color: #ccc;
  background-color: #ccc;
  height: 1px;
}

img {
  border: 0;
}

/* Stil za inline menije */
ul.menu {
  list-style-type: none;
  font-size: 0;
  padding: 0;
  margin: 0;
}

ul.menu li {
  display: inline;
  font-size: 11px;
}

/* Loader za Ajax */
#ajax-bg {
  display: none;
  z-index: 1001;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("/uploads/images/ajax-bg.gif");
}

#ajax-loader {
  display: none;
  z-index: 1000;
  position: fixed;
  _position: absolute; /* Fix za IE6 */
  left: 50%;
  width: 300px;
  margin-left: -150px;
  top: 42%;
  _top: expression(eval(document.compatMode && document.compatMode=="CSS1Compat") ? documentElement.scrollTop + ((documentElement.clientHeight-this.clientHeight)*0.42) : document.body.scrollTop + ((document.body.clientHeight-this.clientHeight)*0.42));  /* Fix za IE6 */
  text-align: left;
  border: 1px solid #666;
  background-color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #666;
}

#ajax-loader p {
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}

#ajax-loader img {
  vertical-align: top;
  margin-right: 5px;
}

/* Glavni okvir sadrzaja */
#main {
  width: 821px;
  margin: 0 auto;
}

/* Izbor jezika i pretraga */
#box1 {
  height: 23px;
}

#menu-lang {
  float: right;
  margin-top: 3px;
}

#menu-lang li {
  font-size: 9px;
  padding-top: 0;
  padding-right: 7px;
  padding-left: 7px;
  padding-bottom: 2px;
}

#menu-lang li.inner {
  padding-left: 8px;
  background: url("/uploads/images/menu-pipe.gif") no-repeat;
}

#menu-search {
  float: right;
  width: 149px;
  height: 18px;
  background: url("/uploads/images/search-box.gif");
}

#menu-search #cntnt01searchinput {
  float: left;
  padding: 0;
  font-size: 11px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-left: 7px;
  margin-right: 7px;
  border: 0;
  width: 120px;
  background: none;
}

#menu-search input#submit {
  float: right;
  margin-top: 4px;
  margin-right: 5px; 
}

/* Logo i glavni meni */
#box2 {
  background: url("/uploads/images/box2-body-r.gif") no-repeat bottom right;
  margin-bottom: 5px;
}

#box2-head {
  background: url("/uploads/images/box2-head-r.gif") no-repeat top right;
}

#box2-head span {
  display: block;
  background: url("/uploads/images/box2-head-l.gif") no-repeat top left;
  height: 10px; 
  font-size: 0;
  margin: 0;
  color: #fff;
}

#box2-body {
  background: url("/uploads/images/box2-body-l.gif") no-repeat bottom left;
  height: 50px;
  padding: 0; 
  padding-left: 15px;
}

#logo {
  float: left;
}

#menu-main {
  float: right;
  height: 35px;
  margin-top: 15px;
  margin-right: 10px;
}

#menu-main li.first {
  padding-top: 0;
  padding-left: 20px;
  padding-right: 15px;
  padding-bottom: 2px;
}

#menu-main li.inner {
  padding-top: 0;
  padding-left: 20px;
  padding-right: 15px;
  padding-bottom: 2px;
  background: url("/uploads/images/menu-pipe.gif") no-repeat;
}

.dropdown-menu {
  display: none;
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
  width: 124px;
  padding-top: 4px;
  _padding-top: 2px; /* Fix za IE6 */
  text-align: left;
}

.dropdown-icon {
  padding: 0;
  padding-left: 2px;
}

.dropdown-menu li a.first,
.dropdown-menu li a.inner,
.dropdown-menu li a.last {
  display: block;
  width: 90px;
  _width: 122px; /* Fix za IE6 */
  background-color: #fff;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 22px;
  padding-right: 10px;
  filter: alpha(opacity=80);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  -moz-opacity: 0.80;
  opacity: 0.8;
}

.dropdown-menu li a.first {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #fff;
}

.dropdown-menu li a.inner {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

.dropdown-menu li a.last {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #ddd;
}

.dropdown-menu li a.first:hover,
.dropdown-menu li a.inner:hover,
.dropdown-menu li a.last:hover {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  color: #3bf;
  filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  -moz-opacity: 1.0;
  opacity: 1;
}

/* Promo banner */
#box3 {
  height: 177px;
  margin-bottom: 2px;
}

/* Quicklinks i Shopping Cart */
#box4 {
  background: url("/uploads/images/box4-body-r.gif") no-repeat bottom right;
  margin-bottom: 10px;
}

#box4-body {
  background: url("/uploads/images/box4-body-l.gif") no-repeat bottom left;
  height: 30px;
  padding-left: 5px;
  padding-right: 15px;
}

#menu-quick {
  float: left;
  height: 20px;
  margin-top: 7px;
}

#menu-quick li a {
  padding-left: 10px; 
  padding-right: 8px; 
  padding-top: 6px;
  padding-bottom: 2px;
  border: 0;
}

#menu-quick li a.inner {
  background: url("/uploads/images/quick-pipe.gif") no-repeat;
}

#menu-cart {
  float: right;
  height: 30px;
}

#menu-cart img {
  margin-top: 5px;
}

/* Sadrzaj strane */
#content {
  text-align: left;
  min-height: 150px;
}

/* Footer */
#footer {
  margin-top: 10px;
  background: url("/uploads/images/box6-body-r.gif") no-repeat bottom right;
  border-top: 2px solid #ddd;
  text-align: left;
}

#footer-body {
  background: url("/uploads/images/box6-body-l.gif") no-repeat bottom left;
  height: 55px;
  padding-left: 15px;
  padding-right: 15px;
}

#cri-info {
  float: left;
  margin-top: 3px;
}

#cri-info p {
  color: #999;
  margin: 0;
  padding: 0;
  line-height: 130%;
}

#menu-bottom {
  float: right;
  margin-top: 20px;
}

#menu-bottom li {
  font-size: 9px;
  padding-top: 0;
  padding-right: 7px;
  padding-left: 7px;
  padding-bottom: 2px;
}

#menu-bottom li.inner {
  background: url("/uploads/images/menu-pipe.gif") no-repeat;
}

/* Webkit error div */

#warning-wrapper {background-color: #fffea2; border: 2px solid #fccd05; margin:0 0 10px 0; color:#d32027; text-align:center;} 
#warning {margin: 5px auto; text-align: center; width: 100%;}

/* New key-visual design */

input#search-box {outline: none;}
#main-copy {padding: 35px 0 0 0;}
    #main-copy h1 {font: 26px 'Lucida Sans Unicode', 'Lucida Grande', 'Segoe UI', Tahoma, Arial, sans-serif; font-weight: normal; color: #999;}
#key-visual-holder {
        background: transparent url('/uploads/images/background.jpeg') no-repeat center center;
        min-height: 177px;
        -moz-border-radius-topleft:12px;
        -moz-border-radius-topright:12px;
        -webkit-border-top-left-radius:12px;
        -webkit-border-top-right-radius:12px;
        border-top-right-radius:12px;
        border-top-left-radius:12px;
      }
      #search-wrapper {padding: 30px 0 0 119px;}
      #search-box-wrapper {
                padding: 5px 0 0 0;
                width: 437px;
                height: 34px;
                float: left;
                background: transparent url('/uploads/images/search-form-input-background.png') no-repeat left top;
                padding: 7px 0 0 0\9
            }
              #search-box-wrapper form {focus:0;}
              @-moz-document url-prefix() {#search-box-wrapper {padding: 6px 0 0 0;}}
              @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {#search-box-wrapper {padding: 7px 0 0 0;}}

      #search-box {
                font: 16px 'Arial', sans-serif;
                border: 0;
                color: #309DCF;
                width: 420px;
                letter-spacing: 0.2em;
            }

      #button-pretrazi {
                border: 0 none;
                cursor: pointer;
                text-indent: -9999px;
                margin: 0 0 0 10px;
                float: left;
                display: block;
                width: 136px;
                height: 34px;
                background: url('/uploads/images/pretrazi.png') no-repeat bottom;
            }
                #button-pretrazi:hover {background: url('/uploads/images/pretrazi.png') no-repeat top;}