/***** PODLOGA *****/
body { 
background: #E9E9E9;
font-family: arial;}
/***** SLIKA U ZAGLAVLJU *****/
.container .header {
margin-top:0px;
}
.container .header { 
   background:  url(http://racunala.protronic.hr/www/header3.png) no-repeat; 
   height: 180px;
}
/*.container .header { 
   background:  url(../images/protronic/holiday_head.jpg) no-repeat !important; 
  }  
.container .header a.logo {
margin: -17px 0 0 20px;
background:  url(../images/protronic/logotip.png) no-repeat;
width: 269px;
height: 46px;
display: block; 
}*/
.container .header input.search {
    border: 0 none;
    float: left;
    height: 30px;
    line-height: 30px !important;
    margin-top: 139px;
    padding: 0px 5px;
    text-transform: uppercase;
    width: 180px;
}
.container .header input.search_btn {
    border: 0 none;
    float: left;
    height: 30px;
    margin-top: 139px;
    text-transform: uppercase;
    width: 30px;
}
/***** GLAVNA NAVIGACIJA *****/ 
.container .header ul {
padding-top: 5px;
} 
.container .header a { 
  font: bold 10px tahoma;
  color: #333; 
  text-transform: uppercase;
}
.container .header ul li a:hover { 
  color: #a80000;  
}
.container .header ul li  { 
   background: url(../images/protronic/nav_sep.jpg) no-repeat top right;
   height: 20px;
   padding: 5px;
}
.container .header ul li.active { 
  color: #a80000;  
}     
.container .header ul li.active a.main_navigation { 
  background: url(../images/protronic/hover_right.png) no-repeat top right;
  color: #a80000;  
   }
/***** TRAĂ„Ä…Ă‹ĹĄILICA *****/        
.container .header input.search { 
  background: url("http://racunala.protronic.hr/www/search_box.png") no-repeat scroll 0 0 transparent;
  font: 11px tahoma ;
  color: #666;
 } 
.container .header input.search_btn { 
  background: url("http://racunala.protronic.hr/www/search_box_btn.png") no-repeat scroll 0 0 transparent;
  font-size: 11px;
  color: #000;
}
/***** PRIJAVA I REGISTRACIJA KORISNIKA *****/ 
.container .header .user_box {
bottom: 152px;
left: 663px;
text-align: right;
}  
.container .header .user_box a { 
  font:  bold 10px tahoma;
  color: #a80000;
} 
.container .header .user_box span { 
  font: bold 10px tahoma ;
  color: #a80000;
  text-transform: uppercase;
 }
/***** JEZICI *****/ 
.container .header a.language { 
   font: bold 10px tahoma;
   color: #000;
   text-transform: uppercase;
  }
.container .header a.active { 
  background: url(../images/protronic/lang_active.gif);
  color: #F39524;
   } 

/***** SADRĂ„Ä…Ă‹ĹĄAJ NASLOVNICA - LIJEVA KOLONA *****/
 .container .content  .content_left_wrap .content_left { 
background: url("http://racunala.protronic.hr/www/content_top_protronic.png") no-repeat scroll left top transparent;
 }
 .container .content .content_left_wrap .content_left .content_txt { 
  background:  #fff;
  border-left: 1px solid #C0C0C0;
  border-right: 1px solid #C0C0C0;
 } 
 .container .content .content_left_wrap .content_left .content_foot { 
background: url("http://racunala.protronic.hr/www/content_bottom_protronic.png") no-repeat scroll 0 0 transparent;
 } 
.container .content .content_left_wrap .content_left h2 { 
  font: 16px tahoma;
  border-bottom: 1px solid #EDE9F3;
  color: #a80000;
  text-transform: lowercase;
  margin-bottom: 10px;
 }
/***** SADRĂ„Ä…Ă‹ĹĄAJ NASLOVNICA - LIJEVA KOLONA - NOVOSTI *****/  
.container .content .content_left_wrap .content_left .news_box .date_box { 
 position: relative;
}
.container .content .content_left_wrap .content_left .news_box .date_box  p { 
 font: 11px trebuchet ms;
 color: #fff;
}
.container .content .content_left_wrap .content_left .news_box .date_box  p.year { 
 font-weight: bold;
 font:  11px trebuchet ms;
 }
.container .content .content_left_wrap .content_left .news_box .news_txt  h3 a { 
 font: 16px tahoma;
 color: #a80000;
  } 
.container .content .content_left_wrap .content_left .news_box .news_txt  h3 a:hover { 
 color: #a80000;
 text-decoration: underline;
 }
.container .content .content_left_wrap .content_left .news_box .news_txt  p { 
 font: 11px tahoma;
 color: #666;
 line-height: 17px;
}
/***** SADRĂ„Ä…Ă‹ĹĄAJ NASLOVNICA - LIJEVA KOLONA - O NAMA *****/    
   
.container .content .content_left_wrap .content_left .us_box_left { 
	border-right: 1px solid #EDE9F3;
}
.container .content .content_left_wrap .content_left .us_box_left p { 
 font: 11px tahoma;
 color: #666;
 line-height: 17px; 
}
.container .content .content_left_wrap .content_left .us_box_right .contact_box  p { 
 font: 11px tahoma;
 color: #666; 
 line-height: 17px; 
 }
.container .content .content_left_wrap .content_left .us_box_right a { 
 font: 11px tahoma;
 color: #666;
} 
.container .content .content_left_wrap .content_left .us_box_right .contact_box  p.bold { 
 font-weight: bold;
 }
.container .content .content_left_wrap .content_left .us_box_right .contact_box  a { 
 font: 11px tahoma;
 color: #666;
 }
.container .content .content_left_wrap .content_left .us_box_right  a.map { 
 background: url(../images/protronic/map_btn.jpg);
 font: bold 11px tahoma;
 color: #fff;
 text-transform: uppercase;
}  

/***** SADRĂ„Ä…Ă‹ĹĄAJ NASLOVNICA - LIJEVA KOLONA - PODNOĂ„Ä…Ă‹ĹĄJE *****/    

.container .content .content_left_wrap .footer { 
 background: url("http://racunala.protronic.hr/www/footer.png") no-repeat scroll 0 0 transparent;
 padding: 0 10px 0 5px;
 width: 732px;
 height: 30px;
 }
.container .content .content_left_wrap .footer ul li a { 
 font: 10px tahoma;
 text-transform: uppercase;
 color: #a80000;
  }
.container .content .content_left_wrap .footer ul li a:hover { 
 color: #a80000;
  }  
.container .content .content_left_wrap .footer ul li.active  { 
} 
.container .content .content_left_wrap .footer ul li.active a { 
} 
 
/***** SADRĂ„Ä…Ă‹ĹĄAJ NASLOVNICA - DESNA KOLONA  *****/     
.container .content .content_right_wrap .right_box { 
  background: url("http://racunala.protronic.hr/www/right_coll_top.png") no-repeat scroll left top transparent;
   }
.container .content .content_right_wrap p.copyright { 
  font: 10px tahoma;
  color: #666;
}
.container .content .content_right_wrap .right_box .right_box_foot { 
  background: url("http://racunala.protronic.hr/www/right_coll_bottom.png") no-repeat scroll left top transparent;
 }
.container .content .content_right_wrap .right_box .right_box_txt { 
  background: #fff;
  border-left: 1px solid #C0C0C0;
  border-right: 1px solid #C0C0C0;
  }
 /***** SADRĂ„Ä…Ă‹ĹĄAJ NASLOVNICA - DESNA KOLONA  - NEWSLETTER*****/    
.container .content .content_right_wrap .right_box .right_box_txt input.search { 
  background: url(../images/protronic/search_box.png);
  font: 11px tahoma ;
  color: #666;
} 
.container .content .content_right_wrap .right_box .right_box_txt input.search_btn { 
  text-transform: uppercase;
  background: url(../images/protronic/search_box_btn.png) no-repeat bottom left;
  font: 11px tahoma;
  color: #666;
}        
 /***** SADRĂ„Ä…Ă‹ĹĄAJ NASLOVNICA - DESNA KOLONA  - KOĂ„Ä…Ă‚ ARICA *****/ 
 .container .content .content_right_wrap .right_box .right_box_txt h2 { 
  font: bold 16px tahoma;
  color: #666;
  text-transform: uppercase;
 }
.container .content .content_right_wrap .right_box .right_box_txt p { 
  font: 11px tahoma;
  color: #333;
 }
.container .content .content_right_wrap .right_box .right_box_txt p span { 
  font-weight: bold;
 }
.container .content .content_right_wrap .right_box .right_box_txt a.shop { 
  font: bold 10px tahoma;
  color: #fff;
  background: url(../images/protronic/basket_btn.jpg) no-repeat top left;
  }
.container .content .content_right_wrap .right_box .right_box_txt a.basket_finish { 
  font: bold 11px tahoma;
  color: #fff;
  background: url(../images/protronic/basket_finish_btn.jpg) no-repeat top left;
 } 
/***** SADRĂ„Ä…Ă‹ĹĄAJ NASLOVNICA - DESNA KOLONA  - DOWNLOAD KATALOGA *****/  
.container .content .content_right_wrap .right_box .right_box_txt  a.pdf { 
  background: url(../images/protronic/pdf_icon.gif)  no-repeat top right;
  font: 11px tahoma;
  color: #25292A;
 }
.container .content .content_right_wrap .right_box .right_box_txt  a.pdf:hover { 
  color: #E2320F; 
 } 
 /***** SADRĂ„Ä…Ă‹ĹĄAJ NASLOVNICA - DESNA KOLONA  - NAJPRODAVANIJE/NAJNOVIJE *****/   
 
.container .content .content_right_wrap .right_box .right_box_txt  .switch { 
  background: url(../images/protronic/right_coll_nav_left.gif) no-repeat top left;
 }
.container .content .content_right_wrap .right_box .right_box_txt  .switch ul { 
  background: url(../images/protronic/right_coll_nav_right.gif) no-repeat top left;
  } 
.container .content .content_right_wrap .right_box .right_box_txt  .switch ul li a { 
  font: bold 10px tahoma;
  color: #333;
  text-transform: uppercase;
 }
.container .content .content_right_wrap .right_box .right_box_txt  .switch ul li.active { 
 background: url(../images/protronic/right_coll_nav_left_active.jpg) no-repeat top left;
 } 
.container .content .content_right_wrap .right_box .right_box_txt  .switch ul li.active a,
.container .content .content_right_wrap .right_box .right_box_txt  .switch ul li.active a:hover { 
 background: url(../images/protronic/right_coll_nav_right_active.jpg) no-repeat top right;
 color: #fff;
 }
.container .content .content_right_wrap .right_box .right_box_txt  .switch ul li a:hover { 
  color: #E2320F;
 }
.container .content .content_right_wrap .right_box .product_box_right { 
  background: url("http://racunala.protronic.hr/www/product_box_right_top.png") no-repeat scroll left top transparent
 }
.container .content .content_right_wrap .right_box .product_box_right .product_box_txt { 
   background: none repeat scroll 0 0 #FFFFFF;
   border-color: #C0C0C0;
   border-left: 1px solid #C0C0C0;
   border-right: 1px solid #C0C0C0;
  }
.container .content .content_right_wrap .right_box .product_box_right .product_box_txt a.img_placeholder { 
   background: url("http://racunala.protronic.hr/www/img_placeholder.png") no-repeat scroll 0 0 transparent;
   }
.container .content .content_right_wrap .right_box .product_box_right .product_box_txt h2 a,
.container .content .content_right_wrap .right_box .product_box_right .product_box_txt h2  { 
   font: bold 11px trebuchet ms;
   color: #333;
  }
.container .content .content_right_wrap .right_box .product_box_right .product_box_txt p.price { 
   font: 11px tahoma;
   color: #a80000;
 }
.container .content .content_right_wrap .right_box .product_box_right .product_box_txt p.new { 
   font: 11px tahoma;
   color: #999900;
   background: url(../images/protronic/new_price_icon.gif) no-repeat top right;
   }
.container .content .content_right_wrap .right_box .product_box_right .product_box_foot { 
   background: url("http://racunala.protronic.hr/www/product_box_right_bottom.png") no-repeat scroll left top transparent;
  }
.container .content .content_right_wrap .right_box .product_box_right .product_box_foot a.buy { 
   background: url(../images/protronic/product_box_buy_btn_left.gif) no-repeat top left;
   } 
.container .content .content_right_wrap .right_box .product_box_right .product_box_foot a.buy span { 
   background: url(../images/protronic/product_box_buy_btn_right.gif) no-repeat top right;
   font: bold 10px tahoma;
   color: #333; 
   } 
.container .content .content_right_wrap .right_box .product_box_right .product_box_foot a.buy:hover span { 
   color: #C5231D;
 } 
 /***** SHOP STRANICA - SADRĂ„Ä…Ă‹ĹĄAJ *****/ 
 
.container .content .content_left_wrap .article_wrap { 
  background: url("http://racunala.protronic.hr/www/content_top_protronic.png") no-repeat scroll left top transparent;
  }
.container .content .content_left_wrap .article_wrap .article_midd { 
  background: none repeat scroll 0 0 white;
  border-left: 1px solid #C0C0C0;
  border-right: 1px solid #C0C0C0;
  }
.container .content .content_left_wrap .article_wrap .article_footer { 
  background: url("http://racunala.protronic.hr/www/content_bottom_protronic.png") no-repeat scroll left top transparent;
  }   
 /***** SHOP STRANICA - SADRĂ„Ä…Ă‹ĹĄAJ - PODNAVIGACIJA*****/   
.container .content .content_left_wrap .subnavigation ul.sub li a {
    background: none repeat scroll 0 0 transparent;
    border-bottom: 1px dashed #E0E0E0;
    color: #333333;
    font: 10px tahoma;
    margin-bottom: 0;
    padding: 7px 26px 7px 0;
    text-align: left;
    text-transform: uppercase;
}
.container .content .content_left_wrap .subnavigation ul.sub li a:hover { 
 color: #a00000;
 background: url("http://racunala.protronic.hr/www/empty-shopping-cart-icon.png") no-repeat scroll right bottom transparent;
}
.container .content .content_left_wrap .subnavigation ul.sub li.active { 
 margin-bottom: 10px; 
}
.container .content .content_left_wrap .subnavigation ul.sub li.active ul {
    background: none repeat scroll 0 0 transparent;
    padding: 0 0 0 10px;
}
.container .content .content_left_wrap .subnavigation ul.sub li.active ul.sub li { 
 background: none;
}
.container .content .content_left_wrap .subnavigation ul.sub li.active a { 
 font-weight: bold;
 color: #a00000;
 background: url("http://racunala.protronic.hr/www/full-shopping-cart-icon.png") no-repeat scroll right bottom transparent;
}
.container .content .content_left_wrap .subnavigation ul.sub li.active ul li a {
    background: none repeat scroll 0 0 transparent;
    color: #333333;
    font: 10px tahoma;
    margin-bottom: 0;
    padding: 7px 26px 7px 10px;
    text-transform: uppercase;
}
.container .content .content_left_wrap .subnavigation ul.sub  li.active ul li a:hover { 
 color: #a00000;
 background: url("http://racunala.protronic.hr/www/empty-shopping-cart-icon.png") no-repeat scroll right bottom transparent;
}
.container .content .content_left_wrap .subnavigation ul.sub  li.active ul li.active a { 
 font-weight: bold;
 color: #a00000;
 background: url("http://racunala.protronic.hr/www/full-shopping-cart-icon.png") no-repeat scroll right bottom transparent;
}   
.container .content .content_left_wrap .subnavigation  h2 { 
  font: 18px trebuchet ms;
  color: #000;
  text-transform: uppercase;
}
/***** SHOP STRANICA - SADRĂ„Ä…Ă‹ĹĄAJ - FILTERI*****/ 
.container .content .content_left_wrap .subnavigation  ul.filters li a { 
 font: bold 10px arial;
 color: #000;
 background: url(../images/protronic/filters_li_bg.gif) no-repeat top left;
 }
.container .content .content_left_wrap .subnavigation  ul.filters li a:hover { 
 color: #E2320F;
}
.container .content .content_left_wrap .subnavigation  ul.filters li.showFilters a { 
 font: bold 10px arial;
 color: #E2320F;
 background: url(../images/protronic/filters_li_bg_active.gif) no-repeat top left;
}
.container .content .content_left_wrap .subnavigation  ul.filters li.selected a { 
 font: bold 10px arial;
 color: #E2320F;
 background: url(../images/protronic/filters_li_bg_active.gif) no-repeat top left;
}
.container .content .content_left_wrap .subnavigation  ul.filters li.showFilters ul li a { 
 font: 9px tahoma;
 color: #F39524;
 background: none;
}
.container .content .content_left_wrap .subnavigation  ul.filters li div.filtersBox li a:hover { 
 color: #fff;
 text-decoration: underline;
}
.container .content .content_left_wrap .subnavigation  ul.filters li.selected ul li a { 
background:transparent none repeat scroll 0 0;
color:#E2320F;
}
.container .content .content_left_wrap .subnavigation  ul.filters li a:hover { 
 color: #E2320F;
}
.container .content .content_left_wrap .subnavigation  ul.filters li div.filtersBox { 
 background: url(../images/protronic/filters_box_top.png) no-repeat top left;
  } 
.container .content .content_left_wrap .subnavigation  ul.filters li div.filtersBox li a { 
 background: url(../images/protronic/filters_box_midd.png) repeat-y;
 font: 11px arial;
 color: #fff;
}
.container .content .content_left_wrap .subnavigation  ul.filters li div.filtersBox ul li.last { 
 background: url(../images/protronic/filters_box_foot.png) no-repeat ;
}
.container .content .content_left_wrap .subnavigation  ul.filters li div.filtersBox ul li.last a { 
 background: none;
}  
/***** SHOP STRANICA - SADRĂ„Ä…Ă‹ĹĄAJ - SREDNJA KOLONA *****/  
 
.container .content .content_left_wrap .article_wrap .midd_content  h2,
.container .content .content_left_wrap .article_wrap .midd_content  h2 a { 
  text-transform: lowercase;
  font: 16px tahoma;
  color: #a00000;
  border-bottom: 1px solid #EDE9F3;
}

 /***** SHOP STRANICA - SADRŽAJ - SREDNJA KOLONA - PREPORUČENI PROIZVODI *****/  
.container .content .content_left_wrap .article_wrap .midd_content .recommended_box { 
 background: url("http://racunala.protronic.hr/www/recommended_box.png") no-repeat scroll 0 0 transparent;
}
.container .content .content_left_wrap .article_wrap .midd_content .recommended_box .recommended_placeholder { 
 background: url("http://racunala.protronic.hr/www/recommended_box_placeholder.png") repeat scroll 0 0 transparent;
 }
.container .content .content_left_wrap .article_wrap .midd_content .recommended_box .recommended_txt  h3 a { 
 font: bold 11px tahoma;
 color: #333;
}
.container .content .content_left_wrap .article_wrap .midd_content .recommended_box .recommended_txt  p { 
 font: 11px tahoma;
 color: #333;
 line-height: 15px;
 }
.container .content .content_left_wrap .article_wrap .midd_content .recommended_box .recommended_txt  p span { 
 color: #a00000;
}
.container .content .content_left_wrap .article_wrap .midd_content .recommended_box .recommended_txt  p span.ava { 
 color: #999900;
} 
.container .content .content_left_wrap .article_wrap .midd_content .recommended_box .recommended_txt  p.price { 
 font: bold 11px tahoma;
 color: #a00000;
 }
.container .content .content_left_wrap .article_wrap .midd_content .recommended_box .recommended_txt  p.new { 
 font: bold 11px tahoma;
 color: #999900;
 background: url(../images/protronic/new_price_icon.gif) no-repeat top right;
 display: inline;
 padding-right: 20px;
 }
.container .content .content_left_wrap .article_wrap .midd_content .recommended_box .recommended_txt  a.buy { 
 background: url(../images/protronic/recommended_box_btn_left.png) no-repeat top left;
 }
.container .content .content_left_wrap .article_wrap .midd_content .recommended_box .recommended_txt  a.buy span { 
 background: url(../images/protronic/recommended_box_btn_right.gif) no-repeat top right;
 font: bold 10px tahoma;
 color: #fff;
 text-transform: uppercase;
 }
.container .content .content_left_wrap .article_wrap .midd_content .recommended_box .recommended_txt  a.buy:hover span { 
 color: #000;
 cursor: pointer;
  } 
.container .content .content_left_wrap .article_wrap .midd_content .recommended_box .recommended_txt  a.offer { 
 background: url("http://racunala.protronic.hr/www/offer_btn_left.png") no-repeat scroll left top transparent;
  }
.container .content .content_left_wrap .article_wrap .midd_content .recommended_box .recommended_txt  a.offer span { 
 background:  url(../images/protronic/offer_btn_right_alone.gif) no-repeat top right;
 font: 9px tahoma;
 color: #fff;
 text-transform: uppercase:
 }  
.container .content .content_left_wrap .article_wrap .midd_content .recommended_box .recommended_txt  a.offer:hover span { 
 color: #000;
 cursor: pointer;
  }             
 /***** SHOP STRANICA - SADRŽAJ - SREDNJA KOLONA - PREPORUČENI PROIZVODI - PAGINACIJA *****/   
.container .content .content_left_wrap .article_wrap .midd_content  .switch { 
  background: url(../images/protronic/right_coll_nav_left.gif) no-repeat top left;
  }
 .container .content .content_left_wrap .article_wrap .midd_content  .switch_big { 
  background: url(../images/protronic/right_coll_nav_left.gif) no-repeat bottom left;
  } 
.container .content .content_left_wrap .article_wrap .midd_content  .switch ul { 
  background: url(../images/protronic/right_coll_nav_right.gif) no-repeat top left;
 }
.container .content .content_left_wrap .article_wrap .midd_content  .switch ul li a { 
  font: bold 10px tahoma;
  color: #333;
  text-transform: uppercase;
}
.container .content .content_left_wrap .article_wrap .midd_content  .switch ul li a.active { 
 background:  url(../images/protronic/switch_midd_cont_hover.gif) no-repeat top left;
 } 
.container .content .content_left_wrap .article_wrap .midd_content  .switch ul li a.active,
.container .content .content_left_wrap .article_wrap .midd_content  .switch ul li a.active a:hover { 
 color: #fff;
 }
 
 
 .container .content .content_left_wrap .article_wrap .midd_content  .switch ul li.active { 
 background:  url(../images/protronic/switch_midd_cont_hover.gif) no-repeat top left;
 } 
.container .content .content_left_wrap .article_wrap .midd_content  .switch ul li.active,
.container .content .content_left_wrap .article_wrap .midd_content  .switch ul li.active a:hover { 
 color: #fff;
 }
 .container .content .content_left_wrap .article_wrap .midd_content  .switch ul li.active a
 {
     color: #fff;
     }
 
 
.container .content .content_left_wrap .article_wrap .midd_content  .switch ul li a:hover { 
  color: #C5231D;
 } 
 /***** SHOP STRANICA - SADRĂ„Ä…Ă‹ĹĄAJ - SREDNJA KOLONA - PROIZVODI *****/ 
 .container .content .content_left_wrap .article_wrap .midd_content  div.title { 
  font: bold 11px Arial;
  color: #E2320F; 
  text-transform: uppercase;
}       
.container .content .content_left_wrap .article_wrap .midd_content .product_box { 
  background: url("http://racunala.protronic.hr/www/midd_coll_product_box.png") no-repeat scroll 0 0 transparent;
  }
.container .content .content_left_wrap .article_wrap .midd_content .product_box .placeholder { 
  background: url("http://racunala.protronic.hr/www/midd_coll_product_placeholder.png") no-repeat scroll 0 0 transparent;
  }
.container .content .content_left_wrap .article_wrap .midd_content .product_box .product_box_txt  h3 a { 
 font: bold 11px tahoma;
 color: #333;
 text-decoration: none;
 }
.container .content .content_left_wrap .article_wrap .midd_content .product_box  p { 
 font: 11px tahoma;
 color: #333;
 height: 45px;
 margin: -3px 0 0 8px;
 }
.container .content .content_left_wrap .article_wrap .midd_content .product_box  .product_box_txt p.price { 
 font:  11px tahoma;
 color: #a00000;
 height: 12px;
 margin-top: -3px;
 }
.container .content .content_left_wrap .article_wrap .midd_content .product_box  .product_box_txt p.new { 
 font:  11px tahoma;
 color: #999900;
 background: url(../images/protronic/new_price_icon.gif) no-repeat top right;
 display: inline;
 padding-right: 15px;
 margin: 3px 0px 0px 0px;
 }
.container .content .content_left_wrap .article_wrap .midd_content .product_box a.buy { 
   background: url(../images/protronic/product_box_buy_btn_left.gif) no-repeat top left;
  }
.container .content .content_left_wrap .article_wrap .midd_content .product_box a.buy span { 
   background: url(../images/protronic/product_box_buy_btn_right.gif) no-repeat top right;
   font: bold 10px tahoma;
   color: #333; 
  }
.container .content .content_left_wrap .article_wrap .midd_content .product_box a.buy:hover span { 
  color: #C5231D;
  } 
                 
/***** KOĂ„Ä…Ă‚ ARICA  - PREGLED KOĂ„Ä…Ă‚ ARICE *****/ 
.container .content .content_left_wrap .content_left .content_txt  .switch { 
 background: url(../images/protronic/right_coll_nav_left.gif) no-repeat top left;
 margin-top: -10px;
   }
.container .content .content_left_wrap .content_left .content_txt  .switch ul { 
 background: url(../images/protronic/right_coll_nav_right.gif) no-repeat top left;
 }
.container .content .content_left_wrap .content_left .content_txt  .switch ul li span { 
  font: bold 10px tahoma;
  color: #333;
  text-transform: uppercase;
 }
.container .content .content_left_wrap .content_left .content_txt  .switch ul li.active { 
 background: url(../images/protronic/right_coll_nav_left_active.gif) no-repeat top left;
 } 
.container .content .content_left_wrap .content_left .content_txt  .switch ul li.active span,
.container .content .content_left_wrap .content_left .content_txt  .switch ul li.active a:hover { 
 background: url(../images/protronic/right_coll_nav_right_active.gif) no-repeat top right;
 color: #fff;
 }
.container .content .content_left_wrap .content_left .content_txt  .switch ul li a:hover { 
  color: #F39524;
 }
.container .content .content_left_wrap .content_left .content_txt .cartTbl {
  background: #fff ;
}
.container .content .content_left_wrap .content_left .content_txt .cartTbl td {
  backgrond: #fff;
  border-bottom: 1px solid #fff;
}
.container .content .content_left_wrap .content_left .content_txt .cartTbl  tr {
 background: #E9E9E9;
}
.container .content .content_left_wrap .content_left .content_txt .cartTbl  tr.alternate {
 background: #F2F2F2;
}
.container .content .content_left_wrap .content_left .content_txt .cartTbl .price {
font: bold 11px arial;
color: #F39524;
}
.container .content .content_left_wrap .content_left .content_txt .cartTbl .productInfo h3 a {
font: bold 11px arial; 
color: #333;
}
.container .content .content_left_wrap .content_left .content_txt .cartTbl .productInfo p {
font: 11px arial;
color: #000;
}
.container .content .content_left_wrap .content_left .content_txt .cartTotal {
font: bold 11px arial;
color: #000;
}
.container .content .content_left_wrap .content_left .content_txt .cartTbl .qty .qtyMinus {
color: #333;
font: bold 11px arial;
background:  url(../images/protronic/basket_btn.png);
}
.container .content .content_left_wrap .content_left .content_txt .cartTbl .qty .qtyPlus {
color: #333;
font: bold 11px arial;
background:  url(../images/protronic/basket_btn.png);
} 
.container .content .content_left_wrap .content_left .content_txt .cartTbl .qty .qtyPlus:hover, 
.container .content .content_left_wrap .content_left .content_txt .cartTbl .qty .qtyMinus:hover {
 color: #E2320F;
}
.container .content .content_left_wrap .content_left .content_txt .cartTbl .qty .qtyNumber {
font:bold  9px tahoma;
color: #000;
background: #fff;
}
.container .content .content_left_wrap .content_left .content_txt .orderNavigation a.back {
 background: url(../images/protronic/cart_btn_back_left.gif) no-repeat top left;
 } 
.container .content .content_left_wrap .content_left .content_txt .orderNavigation a.back span {
 background: url(../images/protronic/cart_btn_back_right.gif) no-repeat top right;
 font: bold 11px tahoma;
 color: #fff;
 text-transform: uppercase;
}
.container .content .content_left_wrap .content_left .content_txt .orderNavigation a.back:hover span {
 color: #fff;
}
.container .content .content_left_wrap .content_left  a.next {
 background: url(../images/protronic/cart_btn_next_right.gif) no-repeat top right;
}
.container .content .content_left_wrap .content_left  a.next span {
  background: url(../images/protronic/cart_btn_next_left.gif) no-repeat top left;
 font: bold 11px tahoma;
 color: #fff;
 text-transform: uppercase;
}
.container .content .content_left_wrap .content_left  div.next {
 background: url(../images/protronic/cart_btn_next_right.gif) no-repeat top right;
}
.container .content .content_left_wrap .content_left  div.next input {
  background: url(../images/protronic/cart_btn_next_left.gif) no-repeat top left;
 font: bold 11px tahoma;
 color: #fff;
 text-transform: uppercase;
}
.container .content .content_left_wrap .content_left div.next:hover input {
 color: #F29124;
}
.container .content .content_left_wrap .content_left  input.next {
 background: url(../images/protronic/cart_btn_next_right.gif) no-repeat top right;
 border: none;
}
.container .content .content_left_wrap .content_left n input.next span {
  background: url(../images/protronic/cart_btn_next_left.gif) no-repeat top left;
 font: bold 11px tahoma;
 color: #fff;
 text-transform: uppercase;
 border: none;
}
.container .content .content_left_wrap .content_left  input.next:hover span {
 color: #F29124;
} 
       
/***** KOĂ„Ä…Ă‚ ARICA  - ADRESA *****/  
 
.container .content .content_left_wrap .content_left .content_txt .steps_left label,
.container .content .content_left_wrap .article_wrap .midd_content .steps_left label,
.modal .modal_txt .modal_content  label {
  font: 11px Arial;
  color: #666;
}
.container .content .content_left_wrap .content_left .content_txt .steps_left span.mandatory,
.container .content .content_left_wrap .article_wrap .midd_content .steps_left span.mandatory,
.modal .modal_txt .modal_content  span.mandatory {
  font: 16px georga;
  color: #D51B23;
}
.container .content .content_left_wrap .content_left .content_txt .steps_left input.txt,
.container .content .content_left_wrap .article_wrap .midd_content .steps_left input.txt,
.modal .modal_txt .modal_content input.txt {
  background: url(../images/protronic/input_bg.gif);
  border: 0px;
  font: 11px arial;
  }
.container .content .content_left_wrap .content_left .content_txt .steps_left input.mand,
.container .content .content_left_wrap .article_wrap .midd_content .steps_left input.mand,
.modal .modal_txt .modal_content input.mand {
  background: url(../images/protronic/input_bg_mandatory.gif);
 } 
.container .content .content_left_wrap .content_left .content_txt .steps_left input.mand_small,
.container .content .content_left_wrap .article_wrap .midd_content .steps_left input.mand_small,
.modal .modal_txt .modal_content input.mand_small {
  background: url(../images/protronic/input_bg_mandatory_small.gif);
  width: 156px;
 } 
.container .content .content_left_wrap .content_left .content_txt .steps_left input.select,
.container .content .content_left_wrap .article_wrap .midd_content .steps_left input.select {
  background: url(../images/protronic/select_bg.gif);
  font: 11px arial;
 } 
 /***** KOĂ„Ä…Ă‚ ARICA  - DOSTAVA *****/   
.container .content .content_left_wrap .content_left .content_txt .steps_left a.select_btn,
.container .content .content_left_wrap .article_wrap .midd_content .steps_left a.select_btn {
  background: url(../images/protronic/select_btn.gif) no-repeat top left;
  }
.container .content .content_left_wrap .content_left .content_txt .steps_left a.select_btn:hover,
.container .content .content_left_wrap .article_wrap .midd_content .steps_left a.select_btn:hover {
  background-position: bottom left;
 }  
.container .content .content_left_wrap .content_left .content_txt .steps_left h3,
.container .content .content_left_wrap .article_wrap .midd_content .steps_left {
 font: bold 11px arial;
 color: #F29124;
}
.container .content .content_left_wrap .content_left .content_txt .steps_left textarea,
.container .content .content_left_wrap .article_wrap .midd_content .steps_left textarea {
  background: url(../images/protronic/textarea_bg.gif);
  border: 0px;
  font: 11px arial;
  color: #666;
 }   
 /***** KOĂ„Ä…Ă‚ ARICA  - ZAVRĂ„Ä…Ă‚ ENA KUPOVINA *****/  
.container .content .content_left_wrap .content_left .content_txt p {
 font: 11px arial;
 line-height: 17px;
} 
 /***** Ă„ĹšLANAK *****/   
.container .content .content_left_wrap .content_left .article_box_left div.article_txt { 
 font: 12px arial;
 color: #666;
}
.container .content .content_left_wrap .content_left .article_box_left h3 { 
 font: bold 12px arial;
 color: #666;
 }
.container .content .content_left_wrap .content_left .article_box_right { 
 background: url(../images/protronic/article_right_coll_top.gif) no-repeat 0px 0px;
 }
.container .content .content_left_wrap .content_left .article_box_right .article_right_box_txt { 
 background: #F2F2F2;
 }
.container .content .content_left_wrap .content_left .article_box_right .article_right_box_txt h3 { 
 font: bold 12px arial;
 color: #000;
 margin: 0px 0px 5px 5px;
 text-transform: uppercase;
 }
.container .content .content_left_wrap .content_left .article_box_right .article_right_box_txt ol li  { 
 background: url(../images/protronic/nav_li_bg_sub.gif) no-repeat 6px 5px;
}  
.container .content .content_left_wrap .content_left .article_box_right .article_right_box_txt ol li a { 
 font: 11px arial;
 color: #252828;
}
.container .content .content_left_wrap .content_left .article_box_right .article_right_box_txt ol li a:hover { 
 text-decoration: underline;
 }
.container .content .content_left_wrap .content_left .article_box_right .article_right_box_txt ol li a:hover { 
 text-decoration: underline;
 }   
.container .content .content_left_wrap .content_left .article_box_right .article_right_box_foot { 
 background: url(../images/protronic/article_right_coll_bottom.gif);
 }
.container .content .content_left_wrap .content_left .article_box_right .article_right_box_txt ul li { 
 font: 11px arial;
 color: #252828;
 }
.container .content .content_left_wrap .content_left .article_box_right .article_right_box_txt ul li span { 
 font-weight: bold;
 } 
.container .content .content_left_wrap .content_left .article_box_right .article_right_box_txt .thumb { 
 background: url(../images/protronic/article_right_coll_placeholder.gif);
 }        
.container .content .content_left_wrap  .paging { 
  background: url(../images/protronic/right_coll_nav_left_hor.gif) no-repeat bottom right;
  }
.container .content .content_left_wrap  .paging ul.animatedPaging { 
  background: url(../images/protronic/right_coll_nav_right.gif) no-repeat top left;
 }
.container .content .content_left_wrap  .paging ul.animatedPaging li a { 
  font: bold 10px tahoma;
  color: #333;
  text-transform: uppercase;
}
.container .content .content_left_wrap  .paging ul.animatedPaging li.active { 
 background:  url(../images/protronic/switch_midd_cont_hover.gif) no-repeat top left;
 } 
.container .content .content_left_wrap  .paging ul.animatedPaging li.active a,
.container .content .content_left_wrap  .paging ul.animatedPaging li.active a:hover { 
 color: #fff;
 }
.container .content .content_left_wrap   .paging ul.animatedPaging li a:hover { 
  color: #F39524;
 } 
 /***** OPIS PROIZVODA *****/
.container .content .content_left_wrap .article_wrap .midd_content .recommended_box .img_nav { 
  background:   url(../images/protronic/article_img_nav_bg.png);
  display: none;
  } 
.container .content .content_left_wrap .article_wrap .midd_content .recommended_box ul li a { 
  background: url(../images/protronic/article_img_nav_btn.png);
  font: 10px tahoma; 
  color: #fff;
 }
.container .content .content_left_wrap .article_wrap .midd_content .recommended_box ul li a.active { 
  background-position: 0px -25px;
} 
.container .content .content_left_wrap .article_wrap .midd_content .recommended_box ul li a:hover { 
  color: #F39524;
  }      
.container .content .content_left_wrap .article_wrap .midd_content ul.table_nav { 
 background: url(../images/protronic/table_nav_bg.gif) no-repeat 0px 22px;
}
.container .content .content_left_wrap .article_wrap .midd_content ul.table_nav li a { 
 font: bold 10px tahoma;
 color: #333;
}
.container .content .content_left_wrap .article_wrap .midd_content ul.table_nav li a:hover { 
 color: #E2320F;
}
.container .content .content_left_wrap .article_wrap .midd_content ul.table_nav li.active   { 
 background: url(../images/protronic/table_nav_left.gif) no-repeat top left;
} 
.container .content .content_left_wrap .article_wrap .midd_content ul.table_nav li.active  a { 
 background: url(../images/protronic/table_nav_right.gif) no-repeat top right;
 color: #E2320F;
}
.container .content .content_left_wrap .article_wrap .midd_content h2.categories a { 
 background: #E7DDEC url(../images/protronic/table_btn.png) no-repeat 494px 3px;
 font: bold 10px tahoma;
 color: #333; 
}
.container .content .content_left_wrap .article_wrap .midd_content h2.categories a.active { 
 background: #835FA7 url(../images/protronic/table_btn.png) no-repeat 494px -39px;
 color: #fff;
} 
.container .content .content_left_wrap .article_wrap .midd_content .spec_row  { 
 background: #F0F0F0;
 font: 11px arial;
 color: #666;
}
.container .content .content_left_wrap .article_wrap .midd_content .alternating  { 
 background: #fff;
}
.container .content .content_left_wrap .article_wrap .midd_content .spec_row  .label { 
 background: url(../images/protronic/table_label_icon.gif) no-repeat 6px 6px;
} 
/***** KORISNIĂ„ĹšKI PROFIL *****/ 

.container .content .content_left_wrap .article_wrap .midd_content a.save,
.modal .modal_txt .modal_content a.save { 
 background: url(../images/protronic/save_btn_left.gif) no-repeat top left;
 }
.container .content .content_left_wrap .article_wrap .midd_content a.save span,
.modal .modal_txt .modal_content a.save span { 
 font: bold 10px tahoma;
 color: #fff;
 background: url(../images/protronic/save_btn_right.gif) no-repeat top right;
 } 
.container .content .content_left_wrap .article_wrap .midd_content a.save:hover span,
.modal .modal_txt .modal_content a.save:hover span { 
 background-position: bottom right	;
} 
.container .content .content_left_wrap .article_wrap .midd_content a.save:hover,
.modal .modal_txt .modal_content a.save:hover   { 
 background-position: bottom left;
}
.container .content .content_left_wrap .article_wrap .midd_content span.other { 
font-weight: normal;
color: #666;
 } 
.container .content .content_left_wrap .article_wrap .midd_content table.my {
	background: #E0DED1;
	font: 11px arial;
	color: #666;
	}
.container .content .content_left_wrap .article_wrap .midd_content table.my td.head {
	font-weight: bold; 
}
.container .content .content_left_wrap .article_wrap .midd_content table.my tr {
	background: #fff;
}
.container .content .content_left_wrap .article_wrap .midd_content .table_pag a {
	font: 11px arial;
	color: #666;
}
.container .content .content_left_wrap .article_wrap .midd_content .table_pag a:hover {
	color: #000;
}	   
/***** MODAL -REGISTRACIJA/PRIJAVA *****/ 

.modal { 
   background: url(../images/protronic/modal_top.png) no-repeat top left; 
  }
.modal .modal_txt { 
   background:  url(../images/protronic/modal_bg.png) repeat-y top left;
  } 
.modal .modal_txt .modal_content  { 
   background: url(../images/protronic/modal_bg_img.gif) no-repeat top right;
}
.modal  h2 { 
   font: 18px trebuchet ms !important;
   color: #5F447B !important;
}
.modal  a.close { 
   background: url(../images/protronic/modal_close_btn.gif);
  }
.modal .modal_foot { 
   background:  url(../images/protronic/modal_foot.png) no-repeat top left;
   }
.modal .modal_txt .modal_content  a.sub,
.modal .modal_txt .modal_content  span.sub { 
   font: 11px arial;
   color: #666;
 }
.modal .modal_txt .modal_content  a.sub:hover { 
  color: #000;
}
.modal .modal_txt .modal_content  a.sub_r { 
   font: 11px arial;
   color: #666;
}
.modal .modal_txt .modal_content  a.sub_r:hover { 
   color: #000;
   } 
/***** REZULTATI PRETRAĂ„Ä…Ă‹ĹĄIVANJA *****/ 

.container .content .content_left_wrap .article_wrap .midd_content .results_box { 
  background: url("http://racunala.protronic.hr/www/novosti_frame.png") no-repeat scroll left top transparent;
 } 
.container .content .content_left_wrap .article_wrap .midd_content .results_box .results_box_txt { 
  background: #fff;
  border-left: 1px solid #C0C0C0;
  border-right: 1px solid #C0C0C0;
  padding:0 10px;
 }
.container .content .content_left_wrap .article_wrap .midd_content  .results_box .results_box_foot { 
  background:  url(../images/protronic/search_results_box_bottom.gif) no-repeat bottom left;
  display:none;
 }
.container .content .content_left_wrap .article_wrap .midd_content .results_box .results_box_txt  a.offer { 
 background: url("http://racunala.protronic.hr/www/offer_btn_left.png") no-repeat scroll left top transparent;
  }
.container .content .content_left_wrap .article_wrap .midd_content .results_box .results_box_txt  a.offer span { 
 background:  url(../images/protronic/offer_btn_right.gif) no-repeat top right;
 font: 9px tahoma;
 color: #fff;
 text-transform: uppercase:
}
.container .content .content_left_wrap .article_wrap .midd_content .results_box .results_box_txt  a.offer:hover span { 
 color: #000;
 cursor: pointer;
  }
.container .content .content_left_wrap .article_wrap .midd_content .results_box .results_box_txt  a.offer_alone span { 
 background:  url(../images/protronic/offer_btn_right_alone.gif) no-repeat top right;
 text-transform: uppercase;
}
.container .content .content_left_wrap .article_wrap .midd_content .recommended_box .recommended_txt a.offer_alone span { 
 background:  url(../images/protronic/offer_btn_right_alone.gif) no-repeat top right;
}   
.container .content .content_left_wrap .article_wrap .midd_content .results_box .results_box_txt  a.buy { 
 background: url(../images/protronic/recommended_box_btn_left.png) no-repeat top left;
 }
.container .content .content_left_wrap .article_wrap .midd_content .results_box .results_box_txt  a.buy span { 
 background: url(../images/protronic/recommended_box_btn_right.gif) no-repeat top right;
 font: bold 10px tahoma;
 color: #333;
 text-transform: uppercase;
 }
.container .content .content_left_wrap .article_wrap .midd_content .results_box .results_box_txt  a.buy:hover span { 
 color: #F39524;
 cursor: pointer;
  }
.container .content .content_left_wrap .article_wrap .midd_content .results_box .results_box_txt h3 a { 
 font: bold 11px tahoma;
 color: #a00000;
 text-decoration: none;
 margin-top: 10px;
 padding-bottom:5px;
 border-bottom: 1px dashed;
 text-transform: uppercase;
 } 
.container .content .content_left_wrap .article_wrap .midd_content  .results_box .results_box_txt p { 
 font: 11px tahoma;
 color: #333;
 text-align: justify;
 padding-bottom:5px;
 }
.container .content .content_left_wrap .article_wrap .midd_content  p.res { 
 font: 11px arial;
 color: #000;
 } 
.container .content .content_left_wrap .article_wrap .midd_content  p.res span.yell { 
 color: #F39524;
  }  
.animatedPaging
{
    margin-top:10px;}

.animatedPaging li
{ display : inline;
    float: left;
    }
.animatedPaging a{
    color: #666666;
    }
.animatedPaging a.active:hover{
    color: #F29920;
    }
.animatedPaging a.active{
    font-weight: bold;
    }  
.error p {
 font-weight: bold !important;
 color: #CC0000;} 
                      
/***** KOĂ„Ä…Ă‚ ARICA KORACI*****/ 
.container .content .content_right_wrap .right_box .right_box_txt .smallCartItem h3 a,
.container .content .content_right_wrap .right_box .right_box_txt .smallCartItem h3  { 
  font: bold 12px arial;
  color: #000;
}
.container .content .content_right_wrap .right_box .right_box_txt  .qty  { 
  font:bold 10px tahoma;
  color: #666;
  background: #EEEEEE;
  }
.container .content .content_right_wrap .right_box .right_box_txt  .price_b  { 
  font: 10px tahoma;
  color: #000;
  background: #CCCCCC;
}
.container .content .content_right_wrap .right_box .right_box_txt .smallCartFooter dt  { 
  font: bold 12px arial;
  color: #fff;
  background: #AF270C;
  }
 .container .content .content_right_wrap .right_box .right_box_txt .smallCartFooter dd  { 
  font: bold 12px arial;
  color: #fff;
  background: #AF270C;
 }
 /***** cart cloud *****/ 
 .addToCartCloud {
 background: transparent url(../images/protronic/cloud_bg.png) no-repeat left top;
 color: #fff;
} 

.configurator_modal .addToCart { 
height: 29px;
padding-left: 29px;
margin-top: 10px;
margin-left: 5px;
float: left;
background: transparent url(../images/protronic/recommended_box_btn_left.png) no-repeat scroll left top;
cursor: pointer;
}
.configurator_modal .addToCart span { 
height: 21px;
padding: 8px 20px 0px 10px; 
float: left;
background: transparent url(../images/protronic/recommended_box_btn_right.gif) no-repeat scroll right top;
color: #FFFFFF;
font: bold 10px Tahoma;
text-transform: uppercase;
}

.ui-widget-header {background: #666666;}
.no_bg {background: none !important;}
.configuratorContainer {
background: #fff;
padding-top: 10px;
color:#666666;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
padding-left:23px;
padding-top:0px;
padding-bottom:20px;
  }
.configuratorContainer ul.main   {
  height: 32px;
  width: 954px;
 }  
.configuratorContainer ul.main li.main  {
  float: left;
  background: url(../images/protronic/nav_left_btn.jpg) no-repeat top left;
  display : inline;
  height: 32px;
  margin: 0px 1px 0px  0px;
  cursor: pointer;
  padding-left: 7px;
 }
.filter .newConf {
  float: right;
  width: 118px;
  text-align: center;
  position: relative;
  padding-left: 7px;
  display: inline;
  height: 14px;
  margin: 3px 8px 0px  0px;
  cursor: pointer;
  background: #ababab;
  color: #fff;
  padding: 8px 10px 8px 10px;
  font: 11px arial;
  text-decoration: none;
  text-transform: uppercase;
  border: 1px solid #ababab;
   }
.filter .newConf:hover {
  color: #fff;
  background: #787878;
  border: 1px solid #999;
 }
.filter .myConf {
  float: right;
  position: relative;
  padding-left: 7px;
  display: inline;
  height: 36px;
  margin: 3px 14px 0px  0px;
  cursor: pointer;
  width: 133px;
   }
.filter .myConf a {
  float: right;
  color: #fff;
  background: #d22b18;
  border: 1px solid #d22b18;
  padding: 8px 10px 8px 10px;
  font: 11px arial;
  text-decoration: none;
  text-transform: uppercase;
  }
.filter .myConf:hover a,
.filter .myConf a.active {
  color: #000;
  background: #F3F3F3;
  border: 1px solid #fff;
 }
.filter .myConf div {
  position: absolute;
  background: #F3F3F3;
  top: 30px;
  z-index: 10;
  left: -15px;
  width: 157px;
  padding: 10px 0px 10px 0px;
  overflow: hidden;
  border: 1px solid #fff;
  }
.filter .myConf div span {
  background: url(../images/protronic/my_conf_bg.png) repeat-y top left;
  width: 127px;
  padding: 6px 20px 6px 10px;
  float: left;
   }
.filter .myConf div span.last {
  background: url(../images/protronic/my_conf_bottom_bg.png) no-repeat bottom left;
  width: 137px;
}
.filter .myConf div span.last a {
 }      
.filter .myConf div span  a {
  background: none;
  padding: 0px 20px 5px 5px;
  float: left;
  font: 10px tahoma;
  color: #666;
  width: 106px;
  border: none !important;
  border-bottom: 1px solid #fff !important;
  }
.filter .myConf div span a:hover {
  color: #0b3278; 
  }          
.configuratorContainer ul.main li.main a {
  float: left;
  background: url(../images/protronic/nav_right_final_2.gif) no-repeat top right;
  height: 22px;
  padding: 0px 17px 0px 10px;
  font: bold 10px tahoma;
  color: #666;
  text-decoration: none;
  text-transform: uppercase;
  padding: 10px 17px 0px 10px;
 }
.configuratorContainer ul.main li a:hover {
 color: #000;
 } 
.configuratorContainer ul.main li.active  {
  background-position: bottom left;
  }
.configuratorContainer ul.main li.active a {
  background-position: bottom right;
  color: #E2320F;
 }
.configuratorContainer  .content_head { 
    width : 960px;
 }
.configuratorContainer  .content_head  ul { 
  background:  #E8E8E8 url(../images/protronic/subanvigation_bg.jpg) repeat-x bottom left;
  width: 929px;
  padding: 19px 10px 0px 10px;
  overflow: hidden;
  *padding-bottom: 10px;
  
  }
.configuratorContainer   .content_head  ul li  { 
  background: url(../images/protronic/sub_btn_left.png) no-repeat top left;
  height: 28px;
  padding-left: 6px;
  float: left;
  margin-bottom: 10px;
  white-space: nowrap;
  margin-left: 3px;
  }
.configuratorContainer  .content_head  ul li a { 
  background: url(../images/protronic/sub_btn_right_active.png) no-repeat top right;
  height: 25px;
  float: left;
  padding: 7px 20px 0px 12px;
  font: 11px arial;
  color: #8C8C8C;
  display: block;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  cursor:pointer;
  } 
.configuratorContainer   .content_head  ul li a:hover { 
  color: #000;
  }
.configuratorContainer   .content_head  ul li.active a { 
  background: url(../images/protronic/sub_btn_right_active.png) no-repeat bottom right;   
  color: #fff;
  height: 21px;
  } 
.configuratorContainer   .content_head  ul li.active  { 
  background-position: bottom left;
  }
.configuratorContainer   .content_head  ul li.done a { 
   background: url(../images/protronic/sub_btn_right.png) no-repeat bottom right;
  color: #fff;
  height: 25px;
  } 
.configuratorContainer  .content_head  ul li.done  { 
   background: url(../images/protronic/sub_btn_left.png) no-repeat bottom left;
  }
.configuratorContainer .content2 { 
  width: 942px;
  margin: 1px 0px 0px 0px;
  padding: 2px 0px 0px 5px;
  z-index: 5;
  background: #E8E8E8 url(../images/protronic/content_bg.jpg) repeat-x top left;
  border: 1px solid #E8E8E8;  
  overflow:hidden;
   } 
.filter .arrow_icon { 
 float: left;
 margin: 4px 0px 0px 0px;
 cursor: pointer;
   }
.filtersList { 
  background:  #e6e6e6;
  width: 939px;
  height: 26px;
  padding: 10px 0px 0px 10px;
  margin: 1px 0px;
   }
.filtersList label {
float: left;
margin-right: 5px;
padding-top: 2px;
}
.filtersList select {
float: left;
width: 100px;
background: #fff;
border: 1px solid #b3b3b3;
font: 11px Arial;
color: #666;
margin-right: 15px;
}
.filtersList #filterContainer {

}
.filtersList .priceSort {

}
.filtersList .priceSort select {
width: 145px;
}
.filter { 
  background:  url(../images/protronic/filter_bg.gif) no-repeat bottom left;
  width: 939px;
  height: 48px;
  padding: 10px 0px 0px 10px;
  margin: 1px 0px;
   }     
.filter input { 
  background:  #E5E5E5;
  color: #E2320F;
   }        
.configuratorContainer  .content2 .content_txt   { 
  background: url(../images/protronic/right_coll_bg.jpg) repeat-y 624px 0px;
  overflow: hidden;
  width: 943px;
  }   
.configuratorContainer .content2 .content_txt .content_left { 
  width: 610px;
  float: left;
  position: relative;
  padding: 15px 5px 0px 5px;;
  _width: 609px;
  } 
.configuratorContainer .content2 .content_txt .content_left h2 { 
  font: bold 15px trebuchet ms !important;
  color: #000 !important;
  margin-bottom: 20px !important;
  text-transform: uppercase;
  }
.configuratorContainer .content2 .content_txt .content_left .components { 
 margin-top: -43px;
 float: left;
}    
.configuratorContainer .content2 .content_txt .content_left .product_box { 
  float: left;
  background: #fff !important;
  width: 282px;
  padding: 10px 6px 10px 15px;
  overflow: hidden;
  margin: 0px 0px 1px 0px;
  position: relative;
  margin-right: 1px;
  height: 120px;
  _height: 130px;
  } 
.configuratorContainer  .content2 .content_txt  .content_left .product_box img { 
  float: right;
  margin: 0px 0px 20px 0px;
  }
.configuratorContainer  .content2 .content_txt  .content_left .product_box h3  { 
  font: bold 11px trebuchet ms;
  color: #333;
  display: block;
  margin-bottom: 10px;
  text-decoration: none;
  }
.configuratorContainer  .content2 .content_txt  .content_left .product_box p { 
  font:  11px arial;
  color: #666;
 }
.configuratorContainer  .content2 .content_txt  .content_left .product_box p.price { 
  float: left;
  color: #F39524;
  margin-top: 5px;
 }
.configuratorContainer  .content2 .content_txt  .content_left .product_box a.pick_btn { 
 width: 81px;
 height: 17px;
 text-decoration: none;
 text-transform: uppercase;
 text-align: center;
 font: 10px arial;
 color: #fff;
 background: #E2320F;
 float: right;
 padding: 4px 0px 0px 0px;
 cursor: pointer;
 } 
.configuratorContainer  .content2 .content_txt  .content_left .product_box a.pick_btn:hover { 
 background: #cd2706;
 }
.configuratorContainer  .content2 .content_txt  .content_left .product_box a.more { 
 width: 76px;
 height: 17px;
 text-decoration: none;
 text-transform: uppercase;
 font: 10px arial;
 color: #fff;
 background: url(../images/protronic/more_btn.jpg) repeat-x top left;
 float: right;
 padding: 4px 0px 0px 13px;
 cursor: pointer;
 } 
.configuratorContainer  .content2 .content_txt  .content_left .product_box a.more:hover { 
 background-position: bottom left;
 } 
.configuratorContainer  .content2 .content_txt  .content_left .product_sep  {
 clear: both;
 display: none;
}
.configuratorContainer  .content2 .content_txt  .content_left ul  { 
margin: 10px 0px;
float: right;
 } 
.configuratorContainer  .content2 .content_txt  .content_left ul li  { 
 float: right;
 display: inline;
 font: 11px arial;
 color: #666;
 margin: 0px 3px;
 text-decoration: none;
 cursor:pointer;
 }
 .configuratorContainer  .content2 .content_txt  .content_left ul li.right {
 float: right;
 }

.configuratorContainer  .content2 .content_txt  .content_left ul li:hover,
.configuratorContainer  .content2 .content_txt  .content_left ul li.active { 
 color: #E2320F;
 }
 .configuratorContainer  .content2 .content_txt  .content_left ul li.disabled ,
 .configuratorContainer  .content2 .content_txt  .content_left ul li.disabled { 
 color: #ccc;
 cursor:default;
 }
.configuratorContainer  .content2 .content_txt  .content_right { 
 float: right;
 width: 293px; 
 _width: 289px;
 padding: 17px 12px 20px 1px;
 text-transform: uppercase;
 }
.configuratorContainer  .content2 .content_txt  .content_right h2 { 
  font: bold 15px trebuchet ms !important;
  color: #E2320F !important;
  margin-bottom: 10px !important; 
  float: left !important;
 } 
.configuratorContainer  .content2 .content_txt  .content_right a.del { 
  background: #3B3B3B;
  width: 66px;
  height: 17px;
  font: 10px tahoma;
  color: #fff;
  text-align: center;
  padding: 4px 0px 0px 0px;
  text-decoration: none;
  text-transform: uppercase;
  float: right;
  cursor: pointer;
 }
.configuratorContainer  .content2 .content_txt  .content_right a.del:hover { 
  background: #4d4d4d;
 } 
.configuratorContainer  .content2 .content_txt  .content_right .picked_box { 
  background: #fff;
  padding: 10px;
  overflow: hidden;
  *width: 250px;
  position: relative;
  height: 93px;
  border-bottom: 1px solid #EEE;
  }
.configuratorContainer  .content2 .content_txt  .content_right .picked_box .picked_right { 
  float: left;
  width: 174px;
  *width: 160px;
  }  
.configuratorContainer  .content2 .content_txt  .content_right .picked_box img { 
  float: right;
  margin-right: 10px;
  }
.configuratorContainer  .content2 .content_txt  .content_right .picked_box h2  { 
  font: bold 12px trebuchet ms !important;
  color: #000 !important;
  margin-bottom: 5px !important;
  
  }
.configuratorContainer  .content2 .content_txt  .content_right .picked_box a.img { 
  float: left;
  margin-right: 15px;
  }
.configuratorContainer  .content2 .content_txt  .content_right .picked_box h3 { 
  font:  11px trebuchet ms;
  color: #333;
  }
.configuratorContainer  .content2 .content_txt  .content_right .picked_box p { 
  font:  11px arial;
  color: #F39524;
  text-transform: none;
  margin-bottom: 10px;
  } 
.configuratorContainer  .content2 .content_txt  .content_right .picked_box a.del_small { 
  background: #3B3B3B;
  width: 66px;
  height: 17px;
  font: 10px tahoma;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  padding-top: 4px;
  text-decoration: none;
  margin-right: 0px;
  cursor: pointer;
  position: absolute;
  bottom: 5px;
  right: 5px;
  } 
  .configuratorContainer .content2 .content_txt  .content_right .picked_box a.del_small:hover { 
  background: #4D4D4D;
  }
  .configuratorContainer .content2 .content_txt .content_right .total_price { 
  font: 12px arial;
  color: #F39524;
  margin-bottom: 20px;
  padding-top: 20px;
  }
.configuratorContainer .content2 .content_txt .content_right a.save_conf { 
 background: #ABABAB;
 width: 178px;
 height: 21px;
 float: left;
 font: 11px arial;
 color: #fff;
 text-transform: uppercase;
 text-align: center;
 padding-top: 7px;
 text-decoration: none;
 cursor: pointer;
 }
.configuratorContainer .content2 .content_txt .content_right a.buy { 
 background: #E2320F;
 width: 80px;
 height: 21px;
 float: right;
 font: 11px arial;
 color: #fff;
 text-transform: uppercase;
 text-align: center;
 padding-top: 7px;
 text-decoration: none;
 cursor: pointer;
 } 
.configuratorContainer .content2 .content_txt .content_right a.save_conf:hover 
{
 background: #AFAFAF;   
    
    }
.configuratorContainer .content2 .content_txt .content_right a.buy:hover { 
 background: #cd2706;
  }  
.configuratorContainer  .footer { 

width: 960px;
height: 0px;

  }    
                 
.preloaderBox {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
text-align: center;
height: 111px;
background: transparent url(../images/protronic/opacityPromo.png) repeat left top;
z-index: 40;
}                               
.configurator_modal {
 background: #fff; 
 width: 280px;
 padding: 8px 10px 7px 10px;
 z-index: 100002;
 position: relative;
 border: 5px solid #E6E6E6
 }
.configurator_modal h2 {
 height: 20px;
 text-transform: uppercase;
 padding-left: 8px; 
 margin: 0px 0px 0px 0px;
 padding-top:7px;
}
.configurator_modal h2 span {
 font: bold 10px tahoma;
 color: Black;
 text-transform: uppercase;
 
}
.configurator_modal .configurator_modal_txt {
 background: #fff;
 background: url(../images/protronic/configurator_modal_body.png) left top; 
 padding: 0px 5px;
 
}      

.configurator_modal .configurator_modal_txt .specifications {
 max-height:250px;
 overflow-x: auto;
 color:#666666;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
}
              
.configurator_modal .close {
position: absolute;
right: 0px;
top: 0px;
display: block;
width: 15px;
height: 13px;
cursor: pointer;
text-indent: -999em;
background: transparent url(../images/protronic/modalCloseBtn.png) no-repeat left top !important;
}
.configurator_modal .configurator_modal_foot {
background: transparent url(../images/protronic/configurator_modal_foot_new.png) left bottom;
height: 10px;
}

.configurator_modal .configurator_modal_txt .specRow {
border-bottom: 1px solid #fff;
background: #ededed url(../images/protronic/row_sep.gif) repeat-y 90px 0px  ;
float: left;
width: 100%;
}
.configurator_modal .configurator_modal_txt .specRow:hover {
background: #e6e5e5;
}
.configurator_modal .configurator_modal_txt .specRow .label {
width: 81px;
padding: 2px 0px 0px 4px;
font-size: 10px;
float: left;
padding-right: 5px;
white-space: pre-line;

}
.configurator_modal .configurator_modal_txt .specRow .value {
width: 156px;
float: left;
padding:2px 0 2px 4px;
font-size: 10px;
}
.configurator_modal .configurator_modal_txt .alternating {
background: #f4f4f4 url(../images/protronic/row_sep.gif) repeat-y 90px 0px  ;
}
.configuratorContainer  .content2 .content_txt  .content_left .info_box  { 
  background: #fff ;
  width: 607px;
  padding: 12px 0px;
  margin-top: 5px;
  }
.configuratorContainer  .content2 .content_txt  .content_left .info_box  .info_box_midd { 
  
  padding: 0px 15px;
  }
.configuratorContainer  .content2 .content_txt  .content_left .info_box  .info_box_midd p { 
  font: 11px arial;
  color: #ff0000;
  }  
.configuratorContainer  .content2 .content_txt  .content_left .info_box  .info_box_foot { 

  
  }      
  
.available {
  color:#999900; 
  } 
  
  .unavailable {
color: #666;
}
    
 .availiabilityDisplay {
    position:absolute;
    bottom:27px;
    right:10px;
    }
    
    
.configurator_modal {
 background: #fff; 
 width: 581px;
 padding: 0px 0px 0px 0px;
 }
.configurator_modal h2 {
 text-transform: uppercase;
 background: #a9260c;
 height: 45px;
 padding-left: 8px; 
 margin: 0px 0px 0px 0px;
 
}
.configurator_modal h2 span {
 font: bold 10px tahoma;
 color: #fff;
 text-transform: uppercase;
 background: url(../images/protronic/configurator_modal_h1_right.png) no-repeat right top;
 height: 25px; 
 padding: 13px 13px 0px 8px;
 float: left;
}
.configurator_modal h3 {
 margin: 5px 0px 10px 0px !important;
 padding: 0px !important; 
}
.configurator_modal .configurator_modal_txt {
 background: #fff;
 padding: 0px 10px;
 overflow:  auto;
 height: 300px;
}                    
.configurator_modal .close {
position: absolute;
right: 10px;
top: 10px;
display: block;
cursor: pointer;
width: 15px;
height: 13px;
text-indent: -999em;
background: transparent url(../images/protronic/modalCloseBtn.png) no-repeat left top !important;
}
.configurator_modal .configurator_modal_foot {
background: #a9260c;
height: 10px;
}

.configurator_modal .configurator_modal_txt .addConfigurationTable .specRow {
background: #fff;
float: none;
font: 11px Arial;
}
.configurator_modal .configurator_modal_txt .addConfigurationTable .alternating {
background: #fff;
float: none;
}   
.configurator_modal .configurator_modal_txt .addConfigurationTable .specRow .label {
padding: 5px 10px 4px 10px;
border-right: 1px solid #eee;
float: none;
width: auto;
border-bottom: 1px solid #eee;
}
.configurator_modal .configurator_modal_txt .addConfigurationTable .specRow .label_short {
padding: 5px 10px 4px 10px;
width: 100px;
float: left;
}
.configurator_modal .configurator_modal_txt .addConfigurationTable .specRow .price {
padding: 5px 10px 4px 10px;
font-size: 11px;
width:92px;
text-align: center;
vertical-align:top;
float: none;
border-bottom: 1px solid #eee;
}
.configurator_modal .configurator_modal_txt .addConfigurationTable .specRow .add {
border-left: 1px solid #fff;
text-align:center;
} 
.addConfiguration {
text-transform: uppercase;
font: bold 10px Tahoma;
cursor: pointer;
}

.content_right h4 {
cursor: pointer;
background: #dbdbdb url(../images/protronic/configGroupOpened.png) no-repeat 270px 3px;
padding: 3px 6px;
color: #2b2b2b;
font-size: 12px;
font-weight: bold;
border-bottom: 1px solid #fff;
font-family: Trebuchet MS;
}
.content_right h4.hidden {
background: #dbdbdb url(../images/protronic/configGroupClosed.png) no-repeat 270px 3px;
}

/******* DODANO BY PROTRONIC *******/

.container .content .content_left_wrap .content_left .news_box .date_box  p { 
 padding-bottom: 0px;
 }
.container .content .content_left_wrap .content_left .news_box .date_box  p.year { 
 margin-top: 0px;
 }
.plainText {
font: 11px tahoma;
line-height: 16px;
color: #666;
text-align: justify;
}
.container .content .content_left_wrap .content_left .news_box .news_txt h3 a {
    display: block;
    height: 60px;
    margin-bottom: 10px;
    margin-left: 42px;
    text-align: left;
}
.container .content .content_left_wrap .content_left .news_box .news_txt  p { 
 margin-bottom: 20px;
 height: 90px;
 text-align: justify; 
}
a {outline: none; text-decoration: none; color: #a00000 }
a:hover {outline: none; text-decoration: none; color: #a00000 }
.container .content .content_left_wrap .article_wrap .article_midd .subnavigation h2 { 
  text-transform: lowercase;
  font: 16px tahoma;
  color: #a00000;
  border-bottom: 1px solid #EDE9F3;
}
.container .content .content_left_wrap .content_left {
    margin-top: 0;
    margin-bottom: 10px;
    width: 747px;
}
.container .content .content_left_wrap .footer {
    margin: 0 0 10px;
}
.container .content .content_left_wrap .article_wrap {
    margin-bottom: 10px;
    margin-top: 0;
}
.container .content .content_left_wrap .footer a.powered {
    background: url("http://racunala.protronic.hr/www/corvus.png") no-repeat scroll left top transparent;
    display: none;
}
.container .content {
    width: 996px;
}
.container .content .content_left_wrap .content_left .news_box .news_txt {
    background: url("http://racunala.protronic.hr/www/pozadina_news_6.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 302px;
    margin-top: -66px;
    padding: 0 5px;
    width: 220px;
    text-align: center;
}
.container .header ul li a {
    float: left;
    height: 20px;
    padding: 5px;
}
.container .content .content_right_wrap .right_box .right_box_txt input.search {
    background: url("http://racunala.protronic.hr/www/search_box.png") no-repeat scroll 0 0 transparent;
    color: #666666;
    font: 11px tahoma;
}
.container .content .content_right_wrap .right_box .right_box_txt input.search {
    border: 0 none;
    float: left;
    height: 30px;
    line-height: 30px !important;
    padding: 0 5px;
    text-transform: uppercase;
    width: 178px;
}
.container .content .content_right_wrap .right_box .right_box_txt input.search_btn {
    background: url("http://racunala.protronic.hr/www/search_box_btn_news.png") no-repeat scroll left bottom transparent;
    color: #666666;
    font: 11px tahoma;
    text-transform: uppercase;
}
.container .content .content_right_wrap .right_box .right_box_txt input.search_btn {
    border: 0 none;
    float: left;
    height: 30px;
    width: 30px;
}
.container .content .content_right_wrap .right_box {
    margin-bottom: 10px;
    padding-top: 5px;
    width: 240px;
}
.container .content .content_right_wrap .right_box .right_box_txt {
    padding: 0 10px;
    width: 218px;
}
.container .content .content_right_wrap .right_box .right_box_foot {
    clear: both;
    height: 5px;
    width: 240px;
}
.container .content .content_right_wrap .right_box .right_box_txt img.basket {
    bottom: 2px;
    position: absolute;
    right: 8px;
    height: 70px;
}
.container .content .content_right_wrap .right_box .right_box_txt .switch {
    float: right;
    height: 36px;
    margin-bottom: 10px;
    margin-right: -10px;
    margin-top: 0;
    padding-left: 13px;
}
.container .content .content_right_wrap .right_box .product_box_right {
    padding-bottom: 25px;
    padding-top: 7px;
    width: 218px;
}
.container .content .content_left_wrap .article_wrap .article_footer {
    float: left;
    height: 26px;
    width: 745px;
}
.container .content .content_left_wrap .article_wrap {
    overflow: hidden;
    padding-top: 19px;
    position: relative;
    width: 747px;
    z-index: 25;
}
.container .content .content_left_wrap .article_wrap .article_footer {
    float: left;
    height: 26px;
    width: 747px;
}
.container .content .content_left_wrap .article_wrap .midd_content .switch {
    float: right;
    height: 36px;
    margin-bottom: 0;
    margin-right: -14px;
    margin-top: 2px;
    padding-left: 13px;
}
.container .content .content_left_wrap .subnavigation {
    border-right: 1px solid #EDE9F3;
    float: left;
    margin: 0;
    padding: 0 10px;
    width: 178px;
}
.container .content .content_left_wrap .article_wrap .midd_content {
    float: left;
    padding: 0 14px;
    position: relative;
    width: 518px;
}
.container .content .content_left_wrap .article_wrap .midd_content .recommended_box .recommended_txt a.buy {
    bottom: -2px;
    float: left;
    height: 29px;
    padding-left: 29px;
    position: absolute;
    right: 0;
    z-index: 10;
}
.container .content .content_left_wrap .article_wrap .midd_content .recommended_box {
    float: left;
    height: 157px;
    padding: 6px 0 6px 6px;
    width: 512px;
}
.container .content .content_left_wrap .article_wrap .midd_content .recommended_box .recommended_txt a.offer {
    bottom: -2px;
    float: left;
    height: 29px;
    padding-left: 10px;
    position: absolute;
    right: 78px;
}
.container .content .content_left_wrap .article_wrap .midd_content .recommended_box .recommended_txt .printSendBox {
    background: url("http://racunala.protronic.hr/www/printSendBg.png") no-repeat scroll left top transparent;
    bottom: -2px;
    color: #666666;
    font: bold 10px Tahoma;
    height: 20px;
    padding: 9px 12px 0 7px;
    position: absolute;
    right: 80px;
    text-transform: uppercase;
    z-index: 2;
}
.container .content .content_left_wrap .article_wrap .midd_content .recommended_box .recommended_txt .printSendBox a {
    color: #FFFFFF;
    padding: 0 7px;
    text-decoration: none;
}
.container .content .content_left_wrap .subnavigation ul.sub {
    padding: 5px 0;
}
.container .content .content_left_wrap .article_wrap .midd_content .results_box {
    float: left;
    height: 235px;
    margin-bottom: 15px;
    margin-right: 5px;
    position: relative;
    width: 254px;
    padding-top: 15px;
}
.container .content .content_left_wrap .article_wrap .midd_content .product_box .product_box_txt {
    float: left;
    height: 84px;
    padding: 10px 0 0 7px;
    width: 121px;
}
.modal .modal_txt .modal_content label {
    float: left;
    padding: 15px 20px 10px 10px;
    text-align: right;
    width: 75px;
}
.modal .modal_txt .modal_content label.chk_l {
    float: left;
    padding: 16px 0 0 2px;
    width: 57px;
}
.container .content .content_left_wrap .content_left .content_txt .steps_left label, .container .content .content_left_wrap .article_wrap .midd_content .steps_left label {
    float: left;
    padding: 10px 20px 10px 9px;
}
.productImg {
    background-color: White;
    float: left;
    margin-right: 10px;
    width: 120px;
    height: auto;
}