body {
background: #e9e9e9 url(../images/info_graf/bodyBg.gif) repeat-x left top;
}
.container .header .logo {
float: left;
margin: 0px 0px 15px 20px;
background: transparent url(../images/info_graf/logo.png) no-repeat left top;
width: 112px;
height: 88px;
display: block;
text-indent: -999em;
}
/* ----TRAŽILICA---- */
.container { 
    padding-top: 13px;
	}
.container .header .search_box { 
    background:  url(../images/info_graf/search_box.png);
    margin-top: 74px;
	}
.container .header .search_box label { 
    font: bold 10px arial;
	color: #fff;
	text-transform: uppercase;
	}
.container .header .search_box input { 
    background: url(../images/info_graf/serach_input.png);
	border: 0px;
	font: 11px arial;
	color: #666;
	}
.container .header .search_box a.btn { 
    background: url(../images/info_graf/serach_input_btn.png);
	border: 0px;
	height:21px;
	width:23px;
	margin-left:0px !important;
	float: left;
}
/* ----BOX ZA KORISNIKA---- */
.container .header .user_box { 
    background:  url(../images/info_graf/user_box.png);
    margin-top: 74px;
	}
.container .user_box a { 
   font: bold 10px arial;
   color: #fff;
}
.container .header .user_box a:hover { 
  color: #fff;
  }
/* ----GLAVNA NAVIGACIJA---- */  
.container .header .main_navigation { 
    background: url(../images/info_graf/main_nav_bg.png) no-repeat;
}
.container .header .main_navigation ul { 
    background:  #cb0114;
	}
.container .header .main_navigation ul li a { 
    font: bold 10px arial;
	color: #fff;
	}
.container .header .main_navigation ul li a:hover { 
    color: #eccdd0;
	}	
.container .header .main_navigation ul li.active { 
   background: url(../images/info_graf/nav_hover_left.png) no-repeat top left;
	}
.container .header .main_navigation ul li.active a { 
   background: url(../images/info_graf/nav_hover_right.png) no-repeat top right;
	}
/* ----SLIDER NOVIH PROIZVODA---- */ 	
.container .header .product_slider { 
   background:   url(../images/info_graf/product_slider_bg.png) no-repeat top left;
  }	
.container .header .product_slider .product_slider_inner { 
   background: #fff;
 }
.container .header .product_slider .product_slider_inner a.up { 
   background: url(../images/info_graf/product_slider_up_btn.gif) no-repeat top left;
  } 
.container .header .product_slider .product_slider_inner a.down { 
   background: url(../images/info_graf/product_slider_down_btn.gif) no-repeat top left;
  }
.container .header .product_slider .product_slider_inner a.down:hover,
.container .header .product_slider .product_slider_inner a.up:hover { 
   background-position: bottom left;
   }
.container .header .product_slider .product_slider_inner .product h1 a { 
   font: bold 11px arial;
   color: #333;
   text-decoration: none;
   }
.container .header .product_slider .product_slider_inner .product p.price,
.container .header .product_slider .product_slider_inner .product p.new { 
   font: bold 11px arial;
   color: #a20413;
  }
.container .header .product_slider .product_slider_inner .product p { 
   font: 11px arial;
   color: #666;
   }
.container .header .product_slider .product_slider_inner .product a.buy { 
   background: url(../images/info_graf/buy_btn_big.gif) no-repeat top left;
    }
    .container .header .product_slider .product_slider_inner .product a.pon { 
   background: url(../images/info_graf/ask_btn_big.gif) no-repeat top left;
    }
.container .header .product_slider .product_slider_inner .product a.buy:hover { 
   background-position: bottom left;
  }
  .container .header .product_slider .product_slider_inner .product a.pon:hover { 
   background-position: bottom left;
  }
/* ----NAJPRODAVANIJI---- */ 	  
.container .header .popular { 
   background: #f5f5f5;
  } 
.container .header .popular h2 { 
   font: bold 11px arial;
   color: #464646;
   text-transform: uppercase;
    }
.container .header .popular ul li span { 
   background:  url(../images/info_graf/popular_li_bg.png)  no-repeat top left;
   font: bold 14px arial;
   text-align: center;
   color: #464646;
   }
.container .header .popular ul li a { 
   font: 11px arial;
   color: #464646;
   text-decoration: none;
   } 
.container .header .popular ul li a:hover { 
  color: #000;
  text-decoration: underline;
   }
/* ----PREPORUÈENI---- */    
.container .header .recommend { 
   background: #989898;
 }
.container .header .recommend h2 { 
   color: #fff;
 } 
.container .header .recommend ul li span { 
   color: #fff;
 }
.container .header .recommend ul li a { 
   color: #fff;
 }
.container .header .recommend ul li a:hover { 
   color: #fff;
   text-decoration: underline;
 }  
.container .content { 
  width: 998px;
  background: #fff url(../images/info_graf/content_bg.gif) repeat-y;  
  overflow: hidden;
   }
/* ----SADRŽAJ---- */            	   	                 
.container .content { 
  background: #fff url(../images/info_graf/content_bg.gif) repeat-y;  
  }
.container .c_basket { 
 background: #fff ;  
 }
/* ----KATEGORIJE---- */  
.container  .content .navigation { 
  background:  url(../images/info_graf/nav_top.gif) no-repeat top left; 
  border-bottom: 1px solid #fff;
   } 
.container  .content .navigation ul.main  { 
  background: #af333a;
 }
.container .content .navigation ul.main li a { 
  font: 11px tahoma;
  color: #fff;
  text-transform: uppercase;
   } 
.container .content .navigation ul.main li a:hover { 
  color: #eccdd0;
   }
.container .content .navigation ul.main li a.active { 
  background: #770002 url(../images/info_graf/article_main_hover.png) no-repeat top left; 
  color: #fff;
   }
.container .content .navigation ul ul.sub { 
  background: #fff;
 }
.container .content .navigation ul ul.sub li a { 
  background: #fff;
  color: #96353a;
  font: 11px arial;
  text-transform: none;
  background: url(../images/info_graf/subnavigation_li_bg.png) no-repeat 2px 10px;
} 
.container .content .navigation ul ul.sub li a:hover,
.container .content .navigation ul ul.sub li a.active { 
  color: #770002; 
  background: url(../images/info_graf/subnavigation_li_bg.png) no-repeat 2px 10px;
}
.container .content .navigation a.download { 
  border-top: 1px solid #fff;
  width: 187px;
  height: 175px;
  text-indent: -999em;
  background: url(../images/info_graf/download.jpg) no-repeat left top;
 }
.container .content .midd_content .new_box { 
  border-bottom: 1px solid #fff;
}
.container .content .midd_content .new_box h2 { 
  background: #7f7f7f;
  font: bold 11px arial; 
  color: #fff; 
  border-bottom: 1px solid #fff;
  text-transform: uppercase;
}
/* ---- POÈETNA STRANICA - NOVI PROIZVODI ---- */   
.container .content .midd_content .new_product_box { 
  width: 399px;
  height: 137px;
  background: url(../images/info_graf/new_product_box_bg.jpg) repeat-x bottom left;
  position: relative;
}
.container .content .midd_content .new_product_box h3 a { 
   font: bold 11px arial;
   color: #333;
   text-decoration: none;
   } 
.container  .content .midd_content .new_product_box h3 a:hover { 
   text-decoration: underline;
   } 
.container  .content .midd_content .new_product_box p.price,
.container  .content .midd_content .new_product_box p.new { 
   font: bold 11px arial;
   color: #a20413;
   }
.container  .content .midd_content .new_product_box  p { 
   font: 11px arial;
   color: #666;
  }
.container  .content .midd_content .new_product_box  a.buy { 
   background: url(../images/info_graf/buy_btn_big.gif) no-repeat top left;
   }
   .container  .content .midd_content .new_product_box  a.pon { 
   background: url(../images/info_graf/ask_btn_big.gif) no-repeat top left;
   }
.container  .content .midd_content .new_product_box a.buy:hover { 
   background-position: bottom left;
  }
  .container  .content .midd_content .new_product_box a.pon:hover { 
   background-position: bottom left;
  }
/* ---- POÈETNA STRANICA - AKCIJE ---- */   
.container  .content .midd_content .actions { 
   background: #dcdcdc;
  }
.container  .content .midd_content .actions h2 { 
  background: #535252;
  font: bold 11px arial; 
  color: #fff; 
  border-bottom: 1px solid #fff;
  text-transform: uppercase;
  }
.container  .content .midd_content .actions .action_box_wrap { 
  border-bottom: 1px solid #fff;
  } 
.container  .content .midd_content .actions .action_box_wrap .action_box { 
   background: url(../images/info_graf/action_box_sep.gif) repeat-x bottom left;
  }
.container  .content .midd_content .actions .action_box_wrap .last { 
   background: none;
  } 
.container  .content .midd_content .actions .action_box_wrap .action_box p.price { 
   font: bold 11px arial;
   color: #a20413;
   }
.container  .content .midd_content .actions .action_box_wrap .action_box a.buy { 
   font: bold 11px arial;
   color: #000;
    text-transform: uppercase;
  }
.container  .content .midd_content .actions .action_box_wrap .action_box a.buy:hover { 
   color: #770002; 
    }
.container  .content .midd_content .actions .action_box_wrap .action_box .action_box_top { 
   background: #fff;
   border: 1px solid #bcbcbc;
   } 
.container  .content .midd_content .actions .action_box_wrap .action_box .action_box_top p { 
   font: 10px arial;
   color: #333;
    }
/* ---- POÈETNA STRANICA - IZDVOJENO IZ PONUDE ---- */ 	
.container  .content .midd_content .sep_products h2 { 
  background: #b4b4b4;
  font: bold 11px arial; 
  color: #333; 
  border-bottom: 1px solid #fff;
  text-transform: uppercase;
    }
.container  .content .midd_content .sep_products .sep_products_box { 
   text-align: center;
   background:  url(../images/info_graf/sep_box_bg.gif) repeat-x bottom left; 
   border-right: 1px solid #fff;
   }
.container  .content .midd_content .sep_products .sep_products_box h3 a  { 
   font: bold 11px arial;
   color: #333;
 }
.container  .content .midd_content .sep_products .sep_products_box h3 a:hover  { 
   text-decoration: underline;
    }
.container .content .midd_content .sep_products .sep_products_box p.price,
.container .content .midd_content .sep_products .sep_products_box p.new { 
   font: bold 11px arial;
   color: #a20413;
   }
.container  .content .midd_content .sep_products .sep_products_box a.buy { 
  background: url(../images/info_graf/buy_btn_left.gif) no-repeat top left;
 }
.container  .content .midd_content .sep_products .sep_products_box a.buy span { 
  background: url(../images/info_graf/buy_btn_right.gif) no-repeat top right;
  font: bold 11px arial;
  color: #fff;
  text-transform: uppercase;
 }
.container  .content .midd_content .sep_products .sep_products_box a.buy:hover { 
  background-position: bottom left;
    }
.container  .content .midd_content .sep_products .sep_products_box a.buy:hover span { 
  background-position: bottom right;
    }
/* ---- DESNA KOLONA - KOŠARICA ---- */ 	
.container  .content .right_content .basket { 
  background: #fff;
  border-bottom: 1px solid #dcdcdc;
  }
.container  .content .right_content .basket h2 a { 
  background: #cb0114;
  font: bold 11px arial; 
  color: #fff; 
  border-bottom: 1px solid #fff;
  text-transform: uppercase;
   }
.container  .content .right_content .basket h2 a:hover { 
  text-decoration: underline;
    } 
.container  .content .right_content .basket_wrap  .basket_item { 
  background: url(../images/info_graf/action_box_sep.gif) repeat-x bottom left;
 }
.container  .content .right_content .basket_wrap  .item_last { 
  border-bottom: 1px solid #000;
  background: none;
  }   
.container  .content .right_content .basket_wrap  .basket_item h3 a { 
  text-transform: uppercase;
  font: bold 11px arial;
  color: #000;
  zoom: 1;
  }
.container  .content .right_content .basket_wrap .basket_item p { 
  font:11px arial;
  color: #333;
  }
.container  .content .right_content .basket_wrap .basket_item p.price { 
  font: bold 11px arial;
  color: #a20413;
 }
.container  .content .right_content .basket_wrap .basket_item a.qu { 
  font: bold 11px arial;
  color: #fff;
  text-align: center;
  background: #838277;
  line-height: 12px;
}
.container  .content .right_content .basket_wrap .basket_item a.qu:hover { 
  background: #99988E;
}
.container  .content .right_content .basket_wrap .basket_item span { 
  font: bold 11px arial;
  color: #000;
  text-align: center;
 }
.container  .content .right_content .basket_wrap  p.full_price { 
  font: bold 11px arial;
  color: #000;
  zoom: 1;
  }
.container .content .right_content .basket_wrap  a.order { 
  background: url(../images/info_graf/basket_icon.gif) no-repeat top left;
  } 
.container .content .right_content .basket_wrap  a.order:hover { 
  background-position: bottom left;   
  }
/* ---- DESNA KOLONA - NOVOSTI ---- */   
.container .content .right_content .company_news { 
  background: #dddddd;
  border-bottom: 1px solid #fff;
  }
.container .content .right_content .company_news h2 { 
  background: #b4b4b4;
  font: bold 11px arial; 
  color: #333; 
  border-bottom: 1px solid #fff;
  text-transform: uppercase;
    } 
.container .content .right_content .company_news_box { 
  border-bottom: 1px solid #f1f1f1;
    }
.container .content .right_content .company_news_box p.datee { 
 font: 10px tahoma;
 color: #333;
 }
.container .content .right_content .company_news_box .bold { 
 font-weight: bold !important;
    }
.container  .content .right_content .company_news_box a.txt { 
 font: 11px arial;
 color: #666;
}
.container .content .right_content .company_news_box a.txt:hover { 
 text-decoration: underline;
}
/* ---- FOOTER ---- */   
.container .footer { 
  background: url(../images/info_graf/footer.png) ;
 }
.container .f_basket { 
 background: url(../images/info_graf/footer_basket.png) no-repeat ;
}
.container  .footer ul li a { 
 font: bold 10px arial;
 color: #fff;
 text-transform: uppercase;
 }
.container .footer  span { 
 font: bold 10px arial;
 color: #fff;
}
.container .footer  a.corvus { 
 background: url(../images/info_graf/corvus_logo.png) no-repeat top left;
 }
.container .footer  a.corvus:hover { 
 background-position: bottom left;
}

/* ----------GRUPA - AKCIJE---------- */	
 .container .content .midd_content .actions_big .action_box { 
   background: none !important;
 }
.container .content .midd_content .actions_big p.price { 
   background: #7f7f7f;
   text-align: center;
   color: #fff !important;
 }   	 		 	   
.container .content .midd_content .actions_big a.buy { 
   background: #a20413;
   text-align: center;
   color: #fff !important;
 }
.container .content .midd_content .actions_big a.buy:hover { 
   background: #770002;
   }
.container .content .midd_content .product_box_wrap  { 
   border-bottom: 1px solid #fff;
}
.container .content .midd_content .no_bg  { 
  background: none;
    }
/* ----------GRUPA - PROIZVODI---------- */		 
.container  .content .midd_content .product_box_wrap h2  { 
  background: #7f7f7f;
  font: bold 11px arial; 
  color: #fff; 
  border-bottom: 1px solid #fff;
  text-transform: uppercase;
  }
.container  .content .midd_content .product_box_wrap h2 a { 
  font: bold 11px arial; 
  color: #fff; 
  border-bottom: 0px solid #fff;
  text-transform: uppercase;
  text-decoration: none;
 }
.container  .content .midd_content .product_box_wrap h2 a:hover  { 
  text-decoration: underline;
   }
.container  .content .midd_content .product_box { 
  border-right: 1px solid #EEECE1;
  background:  url(../images/info_graf/prod_box_bg.gif) repeat-x bottom left;
  }
.container  .content .midd_content  .product_box_right { 
 border-right: 0px !IMPORTANT;
    }	
.container  .content .midd_content  .product_box h3 a { 
  font: bold 11px arial;
  color: #333;
  text-transform: uppercase;
    }
.container  .content .midd_content  .product_box h3 a:hover { 
  text-decoration: underline;
   }
.container .content .midd_content .product_box p.price
.container .content .midd_content .product_box p.new { 
  font: bold 11px arial;
  color: #a20413;
 } 
.container  .content .midd_content  .product_box p { 
  font: 11px arial;
  color: #333;
    }
.container  .content .midd_content  .product_box a.buy { 
  background: url(../images/info_graf/buy_btn_left.gif) no-repeat top left;
  }	
.container  .content .midd_content .product_box a.buy span { 
  background: url(../images/info_graf/buy_btn_right.gif) no-repeat top right;
  font: bold 11px arial;
  color: #fff;
  text-transform: uppercase;
 }
.container  .content .midd_content  .product_box a.buy:hover { 
  background-position: bottom left;
  cursor: pointer;
    }
.container  .content .midd_content  .product_box a.buy:hover span { 
  background-position: bottom right;
  cursor: pointer;
    }
/* ----------GRUPA - PAGINACIJA---------- */		
.container  .content .midd_content .paging { 
  background: #dcdcdc;
  }
.container  .content .midd_content .paging ul li a { 
  font: bold 11px arial;
  color: #333;
  } 
.container  .content .midd_content .paging ul li a:hover,
.container  .content .midd_content .paging ul li a.active { 
  color: #a20413;
  }
/* ----------OPŠIRNO O ARTIKLU---------- */  
.container  .content .midd_content .full_prew  { 
  background: none;
    }
.container  .content .midd_content .full_prew  h3 { 
  font: bold 15px arial;
  color: #333;
}
.container  .content .midd_content .full_prew  p { 
  font: 11px arial;
  color: #666;
  }
.container  .content .midd_content .full_prew p.price,
.container  .content .midd_content .full_prew p.new { 
   font: bold 11px arial;
   color: #a20413;
  }
.container  .content .midd_content .full_prew  p span.blue { 
  font: 11px arial;
  color: #a20413;
  }
.container  .content .midd_content .full_prew  p span.green { 
  font: 11px arial;
  color: #999900;
  }
.container  .content .midd_content .full_prew  p span.red { 
  font: 11px arial;
  color: #CC0000 ;
  } 
.container  .content .midd_content .full_prew  a.buy { 
   background: url(../images/info_graf/buy_btn_big.gif) no-repeat top left;
   }
   .container  .content .midd_content .full_prew  a.pon { 
   background: url(../images/info_graf/ask_btn_big.gif) no-repeat top left;
   }
.container  .content .midd_content .full_prew a.buy:hover { 
   background-position: bottom left;
  }
  .container  .content .midd_content .full_prew a.pon:hover { 
   background-position: bottom left;
  }
.container .content .midd_content .full_prew .img_slider img { 
  border: 1px solid #f0f0f0;
   }
.container  .content .midd_content .img_slider .slider span { 
   background: #f0f0f0;
   text-align: center;
   font: 11px arial;
   color: #a20413;
  }
.container  .content .midd_content .img_slider .slider a.slider_left { 
   background:  url(../images/info_graf/img_slider_left.gif) no-repeat top left;
  }
.container  .content .midd_content .img_slider .slider a.slider_left:hover,
.container  .content .midd_content .img_slider .slider a.slider_right:hover   { 
   background-position: bottom left;
  }
.container  .content .midd_content .img_slider .slider a.slider_right { 
  background:  url(../images/info_graf/img_slider_right.gif) no-repeat top left;
  }
.container  .content .midd_content ul.table_nav li  { 
 background: url(../images/info_graf/spec_nav_left.gif) no-repeat top left;
 }
.container  .content .midd_content ul.table_nav li a { 
 background: url(../images/info_graf/spec_nav_right.gif) no-repeat top right;
 font:  11px arial;
 color: #a20413;
 text-transform: uppercase;
}
.container  .content .midd_content ul.table_nav li:hover,
.container  .content .midd_content ul.table_nav li.active  { 
  background-position: bottom left;
 } 
.container  .content .midd_content ul.table_nav li:hover a { 
  background-position: bottom right;
}
.container  .content .midd_content ul.table_nav li.active a { 
  background-position: bottom right;
  font-weight: bold;
}
.container  .content .midd_content h2.categories  { 
  background: #EEF0F3;
  }
.container  .content .midd_content h2.categories a { 
 background: #EEF0F3 url(../images/info_graf/spec_row_btn.png) no-repeat top right;
 font: 11px arial;
 color: #3F5C78;
}
.container  .content .midd_content h2.categories a:hover { 
 background-position: right -17px;
}
.container  .content .midd_content h2.categories a.active { 
 background-position: right -34px;
 color: #3F5C78;
}
/* ---------- KORACI KUPNJE---------- */             
.container  .content .midd_content .spec_row  { 
 font: 11px arial;
 color: #666;
 background: #eef0f3;
}
.container  .content .midd_content .desc  { 
margin-left: 10px;
padding: 15px;
width: 500px;
}
.container  .content .midd_content .alternating  { 
 background: #fff;
}  
.container  .content .midd_content .spec_row  .label { 
 background: url(../images/info_graf/spec_li_bg.gif) no-repeat 5px 5px;
} 
.container  .content .midd_content_big .basket_head  {  
 background: #7f7f7f url(../images/info_graf/steps_h2_bg.gif) no-repeat top left;
}
.container  .content .midd_content_big .basket_head h2 {  
 font: bold 11px arial;
 color: #fff;
 text-transform: uppercase;
 }
.container  .content .midd_content_big .switch ul li a {  
 font: 10px tahoma;
 color: #fff;
 text-transform: uppercase;
 cursor:text;
 } 

.container  .content .midd_content_big .switch ul li.active  {  
 background: url(../images/info_graf/steps_hover_left.png) no-repeat top left;
 color: #333;
 }

.container  .content .midd_content_big .switch ul li.active a {  
 background: url(../images/info_graf/steps_hover_right.png) no-repeat top right;
 color: #333;
 }
.container  .content .midd_content_big .cartTbl tr {
  background: #fff;
  border-bottom: 1px solid: #fff;
}
.container  .content .midd_content_big .cartTbl tr.alternate {
  background: #f2f2f2;
}
.container  .content .midd_content_big .cartTbl .price {
  font: 11px arial;
  color: #000;
  text-align: right;
}
.container  .content .midd_content_big .cartTbl .productInfo h3 a {
  font: bold 11px arial;
  color: #000;
  text-decoration: none;
}
.container  .content .midd_content_big .cartTbl .productInfo p{
  font: 10px arial;
  color: #000;
}
.container  .content .midd_content_big .cartTbl .productInfo h3 a:hover {
  text-decoration: underline;
  color: #000;
}
.container  .content .midd_content_big .cartTotal {
  background: #fff;
  text-align: right;
  font: bold 11px arial;
  color: #a20413;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  border-top: 1px solid #dedede;
} 
.container  .content .midd_content_big .cartTbl .qty .qtyMinus,
.container  .content .midd_content_big .cartTbl .qty .qtyPlus { 
  font: bold 11px arial;
  color: #fff;
  text-align: center;
  background: #838277;
  line-height: 12px;
} 
.container  .content .midd_content_big .cartTbl .qty .qtyPlus:hover,
.container  .content .midd_content_big .cartTbl .qty .qtyMinus:hover { 
  background: #99988E;
}
.container  .content .midd_content_big .cartTbl .qty .qtyNumber {
  text-align: center;
  font: bold 11px arial;
  color: #000;
}
.container  .content .midd_content_big .orderNavigation a.back {
 background: url(../images/info_graf/basket_back_left.gif) no-repeat top left;
}
.container  .content .midd_content_big .error {
 font: bold 11px arial;
 color: #CC0000;
 margin: 20px 0px 0px 20px;
} 
.container  .content .midd_content_big .orderNavigation a.back span {
 background: url(../images/info_graf/basket_back_right.gif) no-repeat top right;
 font: bold 10px tahoma;
 color: #fff;
 text-transform: uppercase;
}
.container  .content .midd_content_big .orderNavigation a.back:hover {
 background: url(../images/info_graf/basket_back_left.gif) no-repeat bottom left;
}
 .container  .content .midd_content_big .orderNavigation span.next a {
 background: url(../images/info_graf/basket_next_right.gif) no-repeat top right;
 font: bold 10px tahoma;
 color: #fff;
 text-transform: uppercase;
 }
 .container  .content .midd_content_big .orderNavigation span.next {
 background: url(../images/info_graf/basket_next_left.gif) no-repeat top left;
 }
.container  .content .midd_content_big .orderNavigation a.back:hover span {
 background: url(../images/info_graf/basket_back_right.gif) no-repeat bottom right;
 }
.container  .content .midd_content_big .orderNavigation span.info_graft {
 background: url(../images/info_graf/basket_info_graft_left.gif) no-repeat top left;
 }
 .container  .content .midd_content_big .orderNavigation a.next {
 background: url(../images/info_graf/basket_next_left.gif) no-repeat top left;
 }
 .container  .content .midd_content_big .orderNavigation a.next span {
 background: url(../images/info_graf/basket_next_right.gif) no-repeat top right;
 font: bold 10px tahoma;
 color: #fff;
 text-transform: uppercase;
 }
 .container  .content .midd_content_big .orderNavigation span.info_graft a {
 background: url(../images/info_graf/basket_info_graft_right.gif) no-repeat top right;
 font: bold 10px tahoma;
 color: #fff;
 text-transform: uppercase;
 }
.container  .content .midd_content_big .orderNavigation span.info_graft:hover {
 background: url(../images/info_graf/basket_info_graft_left.gif) no-repeat bottom left;
 cursor: pointer;
 }
.container  .content .midd_content_big .orderNavigation span.info_graft:hover a {
 background: url(../images/info_graf/basket_info_graft_right.gif) no-repeat bottom right;
 }
.container  .content .midd_content_big .orderNavigation a.info_graft {
 background: url(../images/info_graf/basket_info_graft_left.gif) no-repeat top left;
 }
 .container  .content .midd_content_big .orderNavigation a.info_graft span {
 background: url(../images/info_graf/basket_info_graft_right.gif) no-repeat top right;
 font: bold 10px tahoma;
 color: #fff;
 text-transform: uppercase;
 }
 .container  .content .midd_content_big .orderNavigation a.info_graft:hover {
 background: url(../images/info_graf/basket_info_graft_left.gif) no-repeat bottom left;
 cursor: pointer;
 }
.container  .content .midd_content_big .orderNavigation a.info_graft:hover span {
 background: url(../images/info_graf/basket_info_graft_right.gif) no-repeat bottom right;
 }
 
.container  .content .midd_content_big .steps_left label,
.container  .content .midd_content_big .steps_left label {
  font: 11px arial;
  color: #666;
 }
.container  .content .midd_content_big .steps_left textarea {
  font: 11px arial;
  color: #666;
  border: 1px solid #E0DED1;
 }
.container  .content .midd_content_big .steps_left span.mandatory,
.container  .content .midd_content_big .steps_left span.mandatory {
  color: #CC0000;
}
.container  .content .midd_content_big .steps_left input.txt,
.container  .content .midd_content_big .steps_left input.txt,
.modal .modal_txt .modal_content input.txt {
  border: 1px solid #E0DED1;
  font: 11px arial;
  color: #666;
   } 
   .modal .modal_cont .error
   {
       font:11px Arial ;
       color:#D51B23;
       padding:0px 0px 20px 20px;
    }
.container  .content .midd_content_big .steps_left input.select,
.container  .content .midd_content_big .steps_left input.select {
  border: 1px solid #E0DED1;
  border-right: 0;
  font: 11px arial;
  color: #666;
  }
.container  .content .midd_content_big .steps_left a.select_btn,
.container  .content .midd_content_big .steps_left a.select_btn {
  background: url(../images/info_graf/select_btn.gif) ;
 }
.container  .content .midd_content_big .steps_left h3 {
  font: bold 11px arial;
  color: #000;
 }
/* ---------- MODAL---------- */     
 .modal {
  background: url(../images/info_graf/modal_top.png) no-repeat;
 }
.modal h2 {
  font: bold 11px arial;
  color: #fff;
  text-transform: uppercase;
 } 
.modal a.close {
 background: url(../images/info_graf/close.gif);
 }
.modal  .modal_cont {
  background: #fff;
 }
.modal  .modal_cont label {
  font: 11px arial;
  color: #666;
  text-align: right;
}
.modal  .modal_cont input {
  font: 11px arial;
  color: #666;
  border: 1px solid #E0DED1;
}
.modal  .modal_cont a.send {
  background: url(../images/info_graf/modal_btn_left.gif) no-repeat top left;
  }
.modal  .modal_cont a.send span {
  background: url(../images/info_graf/modal_btn_right.gif) no-repeat top right;
  font: bold 10px tahoma;
  color: #eccdd0;
  text-transform: uppercase;
  }
.modal  .modal_cont a.send:hover span {
  color: #fff;
}
.modal  .modal_cont a.sublinks {
  font: 11px arial;
  color: #666;
}
.modal  .modal_cont a.sublinks_reg {
  font: 11px arial;
  color: #666;
 }
.modal  .modal_cont a.sublinks:hover,
.modal  .modal_cont a.sublinks_reg:hover {
  color: #000;
}
.modal  .modal_cont span {
  font: 11px arial;
  color: #666;
}
.modal  .modal_foot {
  background: url(../images/info_graf/modal_fot.png) no-repeat;
 }
/* ---------- REZULTATI PRETRAŽIVANJA ---------- */    
.container  .content .midd_content .product_box_wrap h2 p.search_results { 
 font-weight: normal;
 text-transform: none;
   }
.container  .content .midd_content .product_box_wrap h2 p.search_results span { 
 font-weight: bold;
   }
.container  .content .midd_content .alter { 
 background: #f4f4f4;
   } 
.container  .content .midd_content .results_box h3 a{ 
 font: bold 11px arial;
 color: #333;
}
.container  .content .midd_content .results_box p { 
 font: 11px arial;
 color: #666;
 }
.container  .content .midd_content .results_box a.more { 
 font: bold 11px arial;
 color: #000;
} 
.container  .content .midd_content .results_box a.more:hover { 
 color: #87804E;
 }
/* ---------- ČLANAK - RECENZIJE ---------- */  
.container  .content .midd_content_big  h2.article,
.container h2.configTitle {  
 font: bold 11px arial;
 color: #fff;
 background: #7F7F7F url(../images/info_graf/steps_h2_bg.gif) no-repeat scroll left top;
 text-transform: uppercase;
}
.container  .content .midd_content_big .article_left .article_left_content .leadText,
.container  .content .midd_content_big .article_left .article_left_content p {  
 font:bold 11px arial;
 color: #666;
}
.container  .content .midd_content_big .article_left .article_left_content .articleText {  
 font: 11px arial;
 color: #666;
}               
.container  .content .midd_content_big .article_left .article_left_content h2 {  
 font:bold 11px arial;
 color: #333;
 text-transform: uppercase;
}
.container  .content .midd_content_big .article_right {  
 background: #dcdcdc;
}
.container  .content .midd_content_big .article_right h2 {  
	border-bottom: 1px solid #fff;
	font: bold 11px arial;
	color: #333;
	text-transform: uppercase;
	background: #b4b4b4;
}
.container .content .midd_content_big .article_right .specifications ul li {
color: #333;
font-family:arial;
font-size:11px;
display:block;
padding:8px 0;
background: none;
}

.container .content .midd_content_big .article_right ul li {  
 background: url(../images/info_graf/conn_art_sep.gif) repeat-x bottom left;
}
.container .content .midd_content_big .article_right ul li a {  
 font: 11px arial;
 color: #475F79;
 background: url(../images/info_graf/spec_li_bg.gif)  no-repeat 0px 5px;
 }
.container .content .midd_content_big .article_right ul li a:hover {  
 text-decoration: underline;
}
.container .content .midd_content_big .article_right ul {  
 font: 11px arial;
 color: #475F79;
 }

/* ----Filteri----*/   
.container .content .right_content .filters { 
  background: #DCDCDC;
 }
.container .content .right_content .filters h2 { 
  background: #535252;
  font: bold 11px arial; 
  color: #fff; 
  border-bottom: 1px solid #fff;
  text-transform: uppercase;
  }
.container .content .right_content .filters  ul.filters li { 
  background: url(../images/info_graf/filters_list_bg.gif) no-repeat top left;
}
.container .content .right_content .filters  ul.filters li.showFilters{ 
 background:  url(../images/info_graf/filters_list_bg_active.gif) no-repeat top left;
}
.container .content .right_content .filters  ul.filters li a { 
 text-transform: uppercase;
 font: 10px arial;
 color: #000;
 }
.container .content .right_content .filters  ul.filters li ul { 
 display: none;
}
.container .content .right_content .filters  ul.filters li.selected   { 
  background:  url(../images/info_graf/filters_list_bg_active.gif) no-repeat top left;
}
.container  .content .right_content .filters  ul.filters li.selected ul li  { 
 background: none;
}
.container .content .right_content .filters  ul.filters li a:hover { 
 color: #a20413;
} 
.container .content .right_content .filters  ul.filters li ul li a { 
 color: #666;
 text-transform: none;
} 
.container .content .right_content .filters  ul.filters li.showFilters ul li { 
 background:  none;
}
.container .content .right_content .filters  ul.filters li div.filtersBox { 
 background: url(../images/info_graf/filters_box_top_bg.png) no-repeat top left;
 }
.container .content .right_content .filters  ul.filters li div.filtersBox li  { 
 background: #62625D;
 }
.container .content .right_content .filters  ul.filters li div.filtersBox ul  { 
 background: url(../images/info_graf/filters_box_bottom_bg.png) no-repeat bottom left;
 } 
.container .content .right_content .filters  ul.filters li div.filtersBox li a { 
 color: #fff;
}
.container .content .right_content .filters  ul.filters li div.filtersBox li a:hover { 
 color: #ccc;
 background: none;
}
.container .content .right_content .filters  ul.filters li div.filtersBox ul li.last { 
 background: url(../images/info_graf/filters_box_bottom_bg.png) no-repeat bottom left;
} 
/* ----Profil----*/     
.container .content .midd_content .steps_left_profil label {  
 font: 11px arial;
 color: #666;
 }
.container .content .midd_content .steps_left_profil input {  
 font: 11px arial;
 color: #666;
 border: 1px solid #E0DED1;
}
.container .content .midd_content .steps_left_profil input.mandatory {  
 background: url(../images/info_graf/mandatory.gif) no-repeat 213px 11px;
}
.container .content .midd_content .steps_left_profil span.profile {  
 font: bold 11px arial;
 color: #a20413;
 }
.container .content .midd_content .steps_left_profil a.save {
  background: url(../images/info_graf/modal_btn_left.gif) no-repeat top left;
  cursor: pointer;
  }
.container .content .midd_content .steps_left_profil a.save span {
  background: url(../images/info_graf/modal_btn_right.gif) no-repeat top right;
  font: bold 10px tahoma;
  color: #eccdd0;
  text-transform: uppercase;
 }
.container .content .midd_content .steps_left_profil a.save:hover span {
  color: #fff;
}
.container .content .midd_content .steps_left_profil  .table_nav_profile {
  border-bottom: 4px solid #EEF0F3;
}
.container  .content .midd_content .steps_left_profil label.other {
    color: #666;
	font-weight: normal;
	font: 11px arial;
}
.midd_content .steps_left_profil span.mandatory {
	font: 16px georgia;
	color: #D51B23;
}
.midd_content .steps_left_profil table {
	background: #E0DED1;
	font: 11px arial;
	color: #666;
	}
.midd_content .steps_left_profil table td.head {
	font-weight: bold; 
}
.midd_content .steps_left_profil table tr {
	background: #fff;
}
.midd_content .steps_left_profil .table_pag a {
	font: 11px arial;
	color: #666;
}
.midd_content .steps_left_profil .table_pag a:hover {
	color: #000;
}	            

            	       	     	 	                 	            	    			       	    		   		                                              		  				
/***** ADD TO CART NOTIFICATION *****/

.addToCartCloud {
background: transparent url(../images/info_graf/cloud_bg.png) no-repeat left top;
width: 163px;
height: 53px;
font: 10px tahoma;
color: #fff;
padding: 16px 0px 0px 0px;
text-align: center;
zoom: 1;
position: absolute;
z-index: 1000;
}


.container .content .midd_content_big .steps_left .orderFieldHelp {
background: url(../images/info_graf/helpIcon.gif) no-repeat left top;
}
.container .content .midd_content_big .steps_left .orderFieldHelp .helpBox {
background: #7f7f7f;
color: #fff;
}

.modalElement .galleryLeft {
background: transparent url(../images/info_graf/galleryLeft.png) no-repeat left top;
}
.modalElement .galleryRight {
background: transparent url(../images/info_graf/galleryRight.png) no-repeat left top;
}

/*** RELATED PRODUCTS ***/
.linkedProductsInfo h3 a {
font-weight: bold;
color: #000;
font-size: 11px;
}
.linkedProductsInfo p.price,
.linkedProductsInfo p.new { 
font: bold 11px arial;
color: #a20413;
}

.configurator_modal .addToCart { 
background: url(../images/info_graf/buy_btn_left.gif) no-repeat top left;
height: 19px;
padding: 0 0 0 4px;
display: block;
margin-top: 15px;
cursor: pointer;
}
.configurator_modal .addToCart span { 
background: url(../images/info_graf/buy_btn_right.gif) no-repeat top right;
font: bold 11px arial;
color: #fff;
text-transform: uppercase;
height: 16px;
padding: 3px 20px 0 17px;
display: block;
}
.container .content .midd_content .full_prew a.print { 
 color: #333;
 background: url(../images/info_graf/subnavigation_li_bg.png) no-repeat 0px 5px;
 font: bold 11px arial;
 text-transform: uppercase;
 }
.container .content .midd_content .full_prew a.friend { 
 color: #333;
 background: url(../images/info_graf/subnavigation_li_bg.png) no-repeat 0px 5px;
 font: bold 11px arial;
 text-transform: uppercase;
 }

/******** Konfigurator **************/

.ui-widget-header {background: #7f7f7f;}
.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:20px;
padding-bottom:20px;
  }
.configuratorContainer ul.main   {
  height: 32px;
  width: 954px;
 }  
.configuratorContainer ul.main li.main  {
  float: left;
  background: url(../images/info_graf/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: #cb0114;
  border: 1px solid #cb0114;
  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/info_graf/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/info_graf/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: #a20413; 
  }          
.configuratorContainer ul.main li.main a {
  float: left;
  background: url(../images/info_graf/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: #a20413;
 }
.configuratorContainer  .content_head { 
    width : 960px;
 }
.configuratorContainer  .content_head  ul { 
  background:  #E8E8E8 url(../images/info_graf/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/info_graf/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/info_graf/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/info_graf/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/info_graf/sub_btn_right.png) no-repeat bottom right;
  color: #fff;
  height: 25px;
  } 
.configuratorContainer  .content_head  ul li.done  { 
   background: url(../images/info_graf/sub_btn_left.png) no-repeat bottom left;
  }
.configuratorContainer .content { 
  width: 942px;
  margin: 1px 0px 0px 0px;
  padding: 2px 0px 0px 5px;
  z-index: 5;
  background: #E8E8E8 url(../images/info_graf/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/info_graf/filter_bg.gif) no-repeat bottom left;
  width: 939px;
  height: 48px;
  padding: 10px 0px 0px 10px;
  margin: 1px 0px;
   }     
.filter input { 
  background:  #E5E5E5;
  color: #cb0114;
   }        
.configuratorContainer  .content .content_txt   { 
  background: url(../images/info_graf/right_coll_bg.jpg) repeat-y 624px 0px;
  overflow: hidden;
  width: 943px;
  }   
.configuratorContainer .content .content_txt .content_left { 
  width: 610px;
  float: left;
  position: relative;
  padding: 15px 5px 0px 5px;;
  _width: 609px;
  } 
.configuratorContainer .content .content_txt .content_left h2 { 
  font: bold 15px trebuchet ms !important;
  color: #535252 !important;
  margin-bottom: 20px !important;
  text-transform: uppercase;
  }
.configuratorContainer .content .content_txt .content_left .components { 
 margin-top: -43px;
 float: left;
}    
.configuratorContainer .content .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  .content .content_txt  .content_left .product_box img { 
  float: right;
  margin: 0px 0px 20px 0px;
  }
.configuratorContainer  .content .content_txt  .content_left .product_box h3  { 
  font: bold 11px trebuchet ms;
  color: #333;
  display: block;
  margin-bottom: 10px;
  text-decoration: none;
  }
.configuratorContainer  .content .content_txt  .content_left .product_box p { 
  font:  11px arial;
  color: #666;
 }
.configuratorContainer  .content .content_txt  .content_left .product_box p.price { 
  float: left;
  color: #a20413;
  margin-top: 5px;
 }
.configuratorContainer  .content .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: #cb0114;
 float: right;
 padding: 4px 0px 0px 0px;
 cursor: pointer;
 } 
.configuratorContainer  .content .content_txt  .content_left .product_box a.pick_btn:hover { 
 background: #b30011;
 }
.configuratorContainer  .content .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/info_graf/more_btn.jpg) repeat-x top left;
 float: right;
 padding: 4px 0px 0px 13px;
 cursor: pointer;
 } 
.configuratorContainer  .content .content_txt  .content_left .product_box a.more:hover { 
 background-position: bottom left;
 } 
.configuratorContainer  .content .content_txt  .content_left .product_sep  {
 clear: both;
 display: none;
}
.configuratorContainer  .content .content_txt  .content_left ul  { 
margin: 10px 0px;
float: right;
 } 
.configuratorContainer  .content .content_txt  .content_left ul li  { 
 float: right;
 display: inline;
 font: 11px arial;
 color: #666;
 margin: 0px 3px;
 text-decoration: none;
 cursor:pointer;
 }
 .configuratorContainer  .content .content_txt  .content_left ul li.right {
 float: right;
 }

.configuratorContainer  .content .content_txt  .content_left ul li:hover,
.configuratorContainer  .content .content_txt  .content_left ul li.active { 
 color: #a20413;
 }
 .configuratorContainer  .content .content_txt  .content_left ul li.disabled ,
 .configuratorContainer  .content .content_txt  .content_left ul li.disabled { 
 color: #ccc;
 cursor:default;
 }
.configuratorContainer  .content .content_txt  .content_right { 
 float: right;
 width: 293px; 
 _width: 289px;
 padding: 17px 12px 20px 1px;
 text-transform: uppercase;
 }
.configuratorContainer  .content .content_txt  .content_right h2 { 
  font: bold 15px trebuchet ms !important;
  color: #a20413 !important;
  margin-bottom: 10px !important; 
  float: left !important;
 } 
.configuratorContainer  .content .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  .content .content_txt  .content_right a.del:hover { 
  background: #4d4d4d;
 } 
.configuratorContainer  .content .content_txt  .content_right .picked_box { 
  background: #fff;
  padding: 10px;
  overflow: hidden;
  *width: 250px;
  position: relative;
  height: 93px;
  border-bottom: 1px solid #EEE;
  }
.configuratorContainer  .content .content_txt  .content_right .picked_box .picked_right { 
  float: left;
  width: 174px;
  *width: 160px;
  }  
.configuratorContainer  .content .content_txt  .content_right .picked_box img { 
  float: right;
  margin-right: 10px;
  }
.configuratorContainer  .content .content_txt  .content_right .picked_box h2  { 
  font: bold 12px trebuchet ms !important;
  color: #000 !important;
  margin-bottom: 5px !important;
  
  }
.configuratorContainer  .content .content_txt  .content_right .picked_box a.img { 
  float: left;
  margin-right: 15px;
  }
.configuratorContainer  .content .content_txt  .content_right .picked_box h3 { 
  font:  11px trebuchet ms;
  color: #333;
  }
.configuratorContainer  .content .content_txt  .content_right .picked_box p { 
  font:  11px arial;
  color: #a20413;
  text-transform: none;
  margin-bottom: 10px;
  } 
.configuratorContainer  .content .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 .content .content_txt  .content_right .picked_box a.del_small:hover { 
  background: #4D4D4D;
  }
  .configuratorContainer .content .content_txt .content_right .total_price { 
  font: 12px arial;
  color: #a20413;
  margin-bottom: 20px;
  padding-top: 20px;
  }
.configuratorContainer .content .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 .content .content_txt .content_right a.buy { 
 background: #770002;
 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 .content .content_txt .content_right a.save_conf:hover 
{
 background: #AFAFAF;   
    
    }
.configuratorContainer .content .content_txt .content_right a.buy:hover { 
 background: #a20413;
  }  
.configuratorContainer  .footer { 

width: 960px;
height: 0px;

  }    
                 
.preloaderBox {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
text-align: center;
height: 111px;
background: transparent url(../images/info_graf/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/info_graf/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/info_graf/modalCloseBtn.png) no-repeat left top !important;
}
.configurator_modal .configurator_modal_foot {
background: transparent url(../images/info_graf/configurator_modal_foot_new.png) left bottom;
height: 10px;
}

.configurator_modal .configurator_modal_txt .specRow {
border-bottom: 1px solid #fff;
background: #ededed url(../images/info_graf/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/info_graf/row_sep.gif) repeat-y 90px 0px  ;
}
.configuratorContainer  .content .content_txt  .content_left .info_box  { 
  background: #fff ;
  width: 607px;
  padding: 12px 0px;
  margin-top: 5px;
  }
.configuratorContainer  .content .content_txt  .content_left .info_box  .info_box_midd { 
  
  padding: 0px 15px;
  }
.configuratorContainer  .content .content_txt  .content_left .info_box  .info_box_midd p { 
  font: 11px arial;
  color: #ff0000;
  }  
.configuratorContainer  .content .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: #7f7f7f;
 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/info_graf/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/info_graf/modalCloseBtn.png) no-repeat left top !important;
}
.configurator_modal .configurator_modal_foot {
background: #7f7f7f;
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 {
background: #a20413;
cursor: pointer;
display: block;
text-align: center;
width: 145px;
padding: 6px 0px;
color: #fff;
text-transform: uppercase;
font: bold 10px Tahoma;
margin-left: 10px;
margin-top: 10px;
}

.content_right h4 {
cursor: pointer;
background: #dbdbdb url(../images/info_graf/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/info_graf/configGroupClosed.png) no-repeat 270px 3px;
}