﻿/*Podloga stranice"*/
body {
    background-color: #E3DECA;
	font: 11px arial;
	line-height: 17px;
	color: #666; } 
/*Zaglavlje*/
.header_wrap { 
  background: #fff;
   }
.head {
  padding-top: 51px !important;
  position: relative; 
  height:30px;
   }
.head a.logo {
  position:absolute; 
  background: url(../images/tehnomobil/logo.gif);
  width: 215px;
  height: 47px;
  top:19px;
  left: -11px; 
}
/*Korisnik log in/register*/  
.head  span.user  { 
  color: #303030;
  border-right: 1px solid #303030;
  }
.head  span.user  span { 
  color: #EA843F;
    }
.head a.reg { 
  color: #2C2816;
  border-left: 1px solid #2C2816; 
  }	
/*Pregled košarice*/  	
.head .basket  { 
   border: 0px solid #2C2816;
   background: #F7F7FB;
    }	
.head .basket  a { 
   background: #596266;
   color: #fff;
   border-bottom: 1px solid #596266;
   }
.head .basket  a:hover { 
   border-bottom: 1px solid #fff !important;
 }
.head .basket  a.basket_prew { 
   background: #FFCC00;
   border-bottom: 1px solid #FFCC00;
  }
/*Glavna Navigacija*/     
.nav_wrap { 
  background: #FFCC00;
  } 
.nav_wrap .navigation ul li a { 
 color: #fff;
  } 
.nav_wrap .navigation ul li a:hover,
.nav_wrap .navigation ul li a.active { 
  color: #b2d5ea;
    }
.nav_wrap .navigation input { 
  background: #fff;
  border: 1px solid #fff;
  color: #2C2816;
  }	
.nav_wrap .navigation input.btn { 
 color: #2C2816;
 }
.nav_wrap .navigation input.btn:hover { 
  color: #EA843F;
  }
/*Sadržaj*/    
.content_wrap  { 
 background: #E6E6E8;
 }
.content_wrap  .content { 
 background: #EEEEF7;
 border: 1px solid #fff;
 }
/*Sadržaj - Podnavigacija*/    
.content_wrap  .content .sub_navigation { 
 background: #EEEEF7;
 } 
.content_wrap  .content .sub_navigation h2 { 
 border-bottom: 1px dotted #2C2816;
 font: bold 11px arial;
 color: #fff;
 background: #596266;
  } 
.content_wrap  .content .sub_navigation ul.filters li a { 
 border-left: 11px solid #fff;
 }
.content_wrap  .content .sub_navigation ul.filters li.selected a { 
 border-left: 11px solid #cd234f;
}
.content_wrap  .content .sub_navigation ul.filters ul.sub li a { 
 color: #cd234f !important;
} 
.content_wrap  .content .sub_navigation ul li,
.content_wrap  .content .sub_navigation ul.sub li { 
 font: bold 12px Comic sans MS ;
 color: #2C2816;
}
.content_wrap  .content .sub_navigation ul li a { 
 font: 11px arial;
 color: #2C2816; 
 }
.content_wrap  .content .sub_navigation ul.sub li a { 
 color: #2C2816 !important ;
 }
.content_wrap  .content .sub_navigation ul li.active,
.content_wrap  .content .sub_navigation ul li.active a   { 
 color: #EA843F;
 font-weight: bold;
  } 
.content_wrap  .content .sub_navigation ul.sub li.active a  { 
 color: #EA843F !important;
  }
.content_wrap  .content .sub_navigation ul.sub li.active ul.sub2 li a { 
 color: #2C2816 !important ;
}
/*Sadržaj - Srednja kolona*/  
.content_wrap  .content .txt  { 
 border-right: 1px solid #fff;
 border-left: 1px solid #fff;
 background: #F7F7FB;
 }
.content_wrap .content .txt h2 { 
 border-bottom: 1px dotted #596266;
 font: bold 11px arial;
 color: #fff;
 background: #778388;
}
.content_wrap  .content .txt h2 a { 
 font: bold 11px arial;
 color: #2C2816;
}
.content_wrap .content .txt h2 a { 
color: #fff;
}
.content_wrap .content .txt h2 a:hover { 
text-decoration: underline;
}

/*Sadržaj - Srednja kolona - Izdvojeni proizvod*/  
.content_wrap  .content  .big_product { 
 background: #fff;
 border: 1px solid #E8E8F4;
  }
.content_wrap  .content  .big_product { 
 background: #fff;
 border: 1px solid #E8E8F4;
  }  
.content_wrap  .content  .big_product { 
 background: #fff;
 border: 1px solid #E8E8F4;
  }
.content_wrap  .content  .big_product .product_txt h3 a { 
  font: bold 12px arial;
  color: #32373e;
  }
.content_wrap  .content  .big_product .product_txt p { 
  font: 11px arial;
  color: #666;
 }
.content_wrap  .content  .big_product .product_foot { 
  background: #FFCC00;
 }
.content_wrap  .content  .big_product .product_foot span { 
  font: bold 11px arial;
  color: #fff;
  }
.content_wrap  .content  .big_product .product_foot a { 
  font: bold 11px arial;
  color: #fff;
  }
.content_wrap  .content  .big_product .product_foot a:hover { 
  background: #fff;
  color: #cd234f;
    } 
.content_wrap  .content  .big_product a.desc { 
 border-right: 1px solid #EEEEF7;
 }
.content_wrap  .content  .big_product .desc_txt h3 a,
.content_wrap  .content  .big_product .desc_txt h3 { 
  font: bold 15px arial;
  color: #333;
 } 
 
/*Sadržaj - Srednja kolona - Proizvod*/   
.content_wrap  .content .txt .txt_inner .small_product { 
 background: #fff;
 border: 1px solid #E8E8F4;
 } 
.content_wrap  .content .txt .txt_inner .small_product .product_txt h3 a { 
  font: bold 11px arial;
  color: #2C2816;
  }
.content_wrap  .content .txt .txt_inner .small_product .product_txt p { 
  font: 11px arial;
  color: #666;
 }
.content_wrap  .content .txt .txt_inner .small_product .product_foot { 
  background: #FFCC00;
 } 
.content_wrap  .content .txt .txt_inner .small_product .foot_red { 
  background: #CC3300;
   } 
.content_wrap  .content .txt .txt_inner .small_product .product_foot span { 
  font: bold 11px arial;
  color: #fff;
 }
.content_wrap  .content .txt .txt_inner .small_product .product_foot a { 
  font: bold 11px arial;
  color: #fff;
 }
.content_wrap  .content .txt .txt_inner .small_product .product_foot a:hover { 
  background: #fff;
  color: #EA843F;
    } 
.content_wrap  .content .txt .txt_inner .small_product .foot_red a:hover { 
  background: #fff;
  color: #CC3300;
    }
/*Sadržaj - Srednja kolona - Proizvod - Detaljni pregled proizvoda */  	
.content_wrap  .content .txt .txt_inner .big_product .desc_txt .printProduct,
.content_wrap  .content .txt .txt_inner .big_product .desc_txt .sendProduct { 
font: 11px arial;
color: #000;
padding: 0 3px;
}
.content_wrap  .content .txt .txt_inner .big_product .desc_txt .printProduct:hover,
.content_wrap  .content .txt .txt_inner .big_product .desc_txt .sendProduct:hover { 
text-decoration: underline;
}
 
.content_wrap  .content .txt .txt_inner .big_product .desc_txt p { 
  font: 11px arial;
  color: #666;
  }	
.content_wrap  .content .txt .txt_inner .big_product .desc_txt p span { 
  color: #999900
  }
.content_wrap  .content .txt .txt_inner .big_product .desc_img  ul  { 
 background-color: #2C2816;
 } 
.content_wrap  .content .txt .txt_inner .big_product .desc_img  ul li a { 
  font: bold 11px trebuchet MS;
  color: #fff;
 } 
.content_wrap  .content .txt .txt_inner .big_product .desc_img  ul li a.active { 
  color: #cd234f;
  }
.content_wrap  .content .txt .txt_inner .big_product .desc_foot { 
  background-color: #EA843F;
  }
.content_wrap  .content .txt .txt_inner .big_product .desc_foot span { 
  font: bold 11px arial;
  color: #fff;
  }
.content_wrap  .content .txt .txt_inner .big_product .desc_foot a { 
  font: bold 11px arial;
  color: #fff;
  }
.content_wrap  .content .txt .txt_inner .big_product .desc_foot a:hover { 
  background: #fff;
  color: #EA843F;
    }
/*Sadržaj - Srednja kolona - Proizvod - Detaljni pregled proizvoda - Navigacija */  		
.content_wrap .content .txt .txt_inner ul.specs_navigation  { 
  border-bottom: 3px solid #EA843F ;
 }
.content_wrap  .content .txt .txt_inner ul.specs_navigation li a { 
  font: bold 11px trebuchet MS;
  color: #2C2816;
  background: #fff; 
 }
.content_wrap  .content .txt .txt_inner ul.specs_navigation li a:hover { 
  color: #EA843F;
    }
.content_wrap  .content .txt .txt_inner ul.specs_navigation li a.active { 
  background-color: #EA843F;
  color: #fff;
    }
.content_wrap  .content .txt .txt_inner .spec_row { 
   background: #fff;
    }
.content_wrap  .content .txt .txt_inner .spec_row:hover { 
  background: #E2E2F1;
    }	
.content_wrap  .content .txt .txt_inner .alternating { 
  background: #EEEEF7;
    }		
.content_wrap  .content .txt .txt_inner .spec_row .label { 
  font: 10px arial;
  color: #666; 
  }
.content_wrap  .content .txt .txt_inner .spec_row .value { 
  font: 10px arial;
  color: #666; 
 }
.content_wrap  .left_coll { 
 border-right: 1px solid #fff;
 background: #F7F7FB;
 } 
.content_wrap  .left_coll h2 { 
 border-bottom: 1px dotted #2C2816;
 font: bold 11px arial;
 color: #fff;
 background: #778388;
  } 
/*Sadržaj - Srednja kolona - Koraci narudžbe*/    
.content_wrap  .left_coll .left_coll_inner .orderSteps {
	color: #666;
	border-bottom: 3px solid #FFCC00;
}
.content_wrap  .left_coll .left_coll_inner .orderSteps li span.num {	
	font: bold 12px trebuchet ms;
	color: #2C2816;
	background: #fff;
}  
.content_wrap  .left_coll .left_coll_inner .orderSteps li span.step {	
	font: 11px trebuchet ms;
	color: #2C2816;
}
.content_wrap  .left_coll .left_coll_inner .orderSteps li.activ span.step {	
color: #FFCC00;
}
.content_wrap  .left_coll .left_coll_inner .orderSteps li.activ span.num {	
background-color: #FFCC00;
color: #fff;
}
.content_wrap  .left_coll .left_coll_inner .cartTbl {
background: #fff ;
}
.content_wrap  .left_coll .left_coll_inner .cartTbl td {
background: #fff;
}
.content_wrap  .left_coll .left_coll_inner .cartTbl  tr.alternate {
 background: #EBEBF5;
} 
.content_wrap  .left_coll .left_coll_inner .cartTbl .price {
font: 11px arial;
color: #000;
}
.content_wrap  .left_coll .left_coll_inner .cartTbl .productInfo h3 a {
font: bold 11px arial; 
color: #000;
}
.content_wrap  .left_coll .left_coll_inner .cartTbl .productInfo h3 a:hover {
color: #000;
}
.content_wrap  .left_coll .left_coll_inner .cartTbl .productInfo p {
font: 11px arial;
color: #000;
}
.content_wrap  .left_coll .left_coll_inner .cartTotal {
font: bold 11px arial;
color: #000;
border-top: 1px dotted #000;
}
.content_wrap  .left_coll .left_coll_inner .cartTbl .qty .qtyPlus, 
.content_wrap  .left_coll .left_coll_inner .cartTbl .qty .qtyMinus {
background: #2C2816;
font: bold 11px arial;
color: #fff;
}
.content_wrap  .left_coll .left_coll_inner .cartTbl .qty .qtyNumber {
color: #398cac;
font: bold 11px arial;
color: #000;
}
.content_wrap  .left_coll .left_coll_inner .orderNavigation {
font: bold 10px Tahoma;
} 
.content_wrap  .left_coll .left_coll_inner .orderNavigation .back {
background: #FFCC00;
} 
.content_wrap  .left_coll .left_coll_inner .orderNavigation .forward {
color: #fff;
background: #FFCC00;
}
.content_wrap  .left_coll .left_coll_inner .orderNavigation .back:hover, 
.content_wrap  .left_coll .left_coll_inner .orderNavigation .forward:hover {
background: #BB9600;
}
.content_wrap  .left_coll .left_coll_inner .steps_left h3 {
font: bold 11px arial;
color: #000;
}
.content_wrap  .left_coll .left_coll_inner .steps_left label {
  font: 11px arial;
  color: #666;
 }
.content_wrap  .left_coll .left_coll_inner .steps_left input.txt {
  background: #fff;
  border: 1px solid #E5E5F2;
  font: 11px arial;
  color:#666;
} 
.content_wrap  .left_coll .left_coll_inner .steps_left textarea {
  background: #fff;
  border: 1px solid #E5E5F2;
  font: 11px arial;
  color:#666;
  }
 .content_wrap  .left_coll .left_coll_inner .steps_left select {
  background: #fff;
  border: 1px solid #E5E5F2;
  font: 11px arial;
  color:#666;
}
.content_wrap  .left_coll .left_coll_inner .steps_left input.mandatory {
  background: #fff url(../images/tehnomobil/mandatory.gif) no-repeat 215px 10px;
} 
.content_wrap  .left_coll .left_coll_inner  p.security {
  font: 11px arial;
  color: #666;
  background: #fff;
  border: 1px dotted #666;
}
.content_wrap  .left_coll .left_coll_inner .steps_left input.btn {
  background: #FFCC00;
  font: bold 9px tahoma;
  color: #fff;
 }
.content_wrap  .left_coll .left_coll_inner .steps_left input.btn:hover { 
background: #BB9600;
}
.content_wrap  .left_coll .left_coll_inner .steps_left a {
  font: 11px arial;
  color: #666;
}
.content_wrap  .left_coll .left_coll_inner .steps_left a.sep {
  border-left: 1px solid #666;
}
/*Sadržaj - Srednja kolona - Rezultati pretraživanja*/ 
.content_wrap  .left_coll .left_coll_inner span.term {
  font: bold 11px arial;
  color: #cd234f;
 }
.content_wrap  .left_coll .left_coll_inner span.results {
 font: bold 11px arial;
 color: #cd234f;
 } 
.content_wrap  .left_coll .left_coll_inner .results_box {
  border-bottom: 1px dotted #666;
 }
.content_wrap  .left_coll .left_coll_inner .results_box h3 a {
  font: bold 11px arial;
  color: #333;
 }
.content_wrap  .left_coll .left_coll_inner .results_box p {
  font: 11px arial;
  color: #666;
  } 
.content_wrap  .left_coll .left_coll_inner .results_box h3.article {
  font: bold 11px arial;
  color: #cd234f;
  margin-bottom: 5px;
  } 
.content_wrap  .left_coll .left_coll_inner .results_box a.article {
  background: #fff;
 } 
/*Sadržaj - Srednja kolona - Clanak*/ 
.content_wrap  .left_coll .left_coll_inner .results_box .article_box_left  .article_txt {
   font: 11px arial;
   color: #666;
  }
.content_wrap  .left_coll .left_coll_inner .results_box .article_box_right .article_side_box {
   background: #EEEEF7;
   border-bottom: 1px dotted #2C2816; 
  }
.content_wrap  .left_coll .left_coll_inner .results_box .article_box_right .article_side_box h3 {
   font: bold 11px arial;
   color: #cd234f;
  } 
.content_wrap  .left_coll .left_coll_inner .results_box .article_box_right .article_side_box ul li {
   font: 11px arial;
   color: #666;
   }
.content_wrap  .left_coll .left_coll_inner .results_box .article_box_right .article_side_box ol li {
   font: bold 11px georgia;
   color: #666;
 }
.content_wrap  .left_coll .left_coll_inner .results_box .article_box_right .article_side_box ol li a {
   font: 11px arial;
   color: #666;
   }
.content_wrap  .left_coll .left_coll_inner .results_box .article_box_right .article_side_box img {
  border: 1px solid #EEEEF7;
   }
.content_wrap  .left_coll .left_coll_inner .results_box .article_box_right .article_side_box img:hover{
   border: 1px solid #fff;
   }              
  

           	 
/*Sadržaj - Srednja kolona - Paginacija*/    
.content_wrap .content .txt  .paging,
.content_wrap  .left_coll .left_coll_inner .paging { 
 border-bottom: 1px dotted #2C2816; 
  } 	
.content_wrap  .content .txt .txt_inner .paging ul li a,
.content_wrap  .left_coll .left_coll_inner .paging ul li a { 
font: 11px arial;
color: #2C2816;
  }  
.content_wrap  .content .txt .txt_inner .paging ul li a:hover,
.content_wrap  .content .txt .txt_inner .paging ul li a.active,
.content_wrap  .left_coll .left_coll_inner .paging ul li a:hover,
.content_wrap  .left_coll .left_coll_inner .paging ul li a.active { 
color: #cd234f;
 } 
  
 /*Sadržaj - Desna kolona*/  	
.content_wrap  .content .right_coll { 
 background: #EEEEF7;
 }
.content_wrap  .content .right_coll h2 { 
 border-bottom: 1px dotted #9CA5A9;
 font: bold 11px arial;
 color: #fff;
 background: #9CA5A9;
  }
/*Sadržaj - Desna kolona - Novosti*/   
.content_wrap  .content .right_coll .right_coll_inner .news_box { 
 border-bottom: 1px dotted #2C2816;
 background: #fff;
}
.content_wrap  .content .right_coll .right_coll_inner .news_box span.date { 
 font: 10px tahoma;
 color: #EA843F;
 }
.content_wrap  .content .right_coll .right_coll_inner .news_box h3.news a { 
 font: 11px arial;
 color: #2C2816;
}
.content_wrap  .content .right_coll .right_coll_inner .news_box p { 
 font: 11px arial;
 color: #666;
  }
.content_wrap  .content .right_coll .right_coll_inner .news_box a.more { 
 font: bold  10px arial;
 color: #666;
}
.content_wrap  .content .right_coll .right_coll_inner .news_box a.more:hover { 
 color: #000;
  }
.content_wrap  .content .right_coll .right_coll_inner .news_box span.num { 
 font: 30px georgia;
 color: #E5E5F2;
 } 
.content_wrap  .content .right_coll .right_coll_inner .news_box h3 a { 
 font: bold 11px arial;
 color: #333;
 }  
.content_wrap  .content .right_coll .right_coll_inner .news_box a.buy { 
 font: bold 11px arial;
 color: #EA843F;
 }
.content_wrap  .content .right_coll .right_coll_inner .news_box a.buy:hover { 
 color: #333;
 }
 

.prevPage
{ font: 11px arial;
  color: #666;
  float: right;
  cursor:pointer;
  padding: 0px 5px;
	
}
.nextPage
{ font: 11px arial;
  color: #666;
  float: right;
  cursor:pointer;
  padding: 0px 5px;
	
}
.prevPage:hover,
.nextPage:hover
{
	cursor:pointer;
	color: #cd234f;
	
}
.pag { font: 11px arial;
  color: #666;
  margin-top:10px;
	
}
.pagination 
{float: left;
 margin-top: -10px;}
 
.animatedPaging
{
    margin-top:10px;}

.animatedPaging li
{ display : inline;
    float: left;
    }
.animatedPaging a{
    color: #666666;
    }
.animatedPaging a.active:hover{
    color: #cd234f;
    }
.animatedPaging a.active{
    font-weight: bold;
    }
.content_wrap  .left_coll .left_coll_inner .steps_left span.name {
  color: #cd234f;
  font-weight: bold;
 }   
.padding_top {padding-top: 52px !important;}    	     	
	    
 .secureButton { 
color: #fff;
background: #cd234f;
padding: 6px 15px 6px 15px;
border: 0px;
cursor: pointer;
font: 10px tahoma;
text-transform: uppercase;
}    
   		    
   		    
.content_wrap .content .txt .txt_inner .big_product .desc_img div.circlePaging {background-color:#596266 !important}

/***** MODAL WINDOW *****/
.modalLogReg .boxHeader {
background: #EA843F;
color: #fff;
}
.modalLogReg .boxContent .sendBtn {
background: #EA843F;
color: #fff;
}
.modalLogReg .boxContent .sendBtn:hover {
background: #ef9e69;
}
.modalLogReg .boxContent .error {
color: #d51b23;
}
.downloadPriceList {
background:url("../images/tehnomobil/download_banner.jpg") no-repeat scroll left top transparent;
}

.ui-widget-header {background: #EA843F;}
.no_bg {background: none !important;}
.configuratorContainer {
  width: 948px;
  margin: 0 auto;
  padding: 14px 24px;
  background: #fff;
  }
.configuratorContainer ul.main   {
  height: 32px;
  width: 954px;
 }  
.configuratorContainer ul.main li.main  {
  float: left;
  background: url(../images/tehnomobil/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 {
cursor:pointer;
display:inline;
float:right;
height:36px;
margin:3px 14px 0 0;
padding-left:7px;
position:relative;
width:133px;
   }
.filter .myConf a {
  float: right;
  color: #fff;
  background: #2C2816;
  border: 1px solid #2C2816;
  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/tehnomobil/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/tehnomobil/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/tehnomobil/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: #EA843F;
 }
.configuratorContainer  .content_head { 
    width : 960px;
 }
.configuratorContainer  .content_head  ul { 
  background:  #E8E8E8 url(../images/tehnomobil/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/tehnomobil/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/tehnomobil/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/tehnomobil/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/tehnomobil/sub_btn_right.png) no-repeat bottom right;
  color: #fff;
  height: 25px;
  } 
.configuratorContainer  .content_head  ul li.done  { 
   background: url(../images/tehnomobil/sub_btn_left.png) no-repeat bottom left;
  }
.configuratorContainer  .content { 
  width: 942px;
  margin: 1px 0px 10px 0px;
  padding: 2px 0px 0px 5px;
  z-index: 5;
  background: #E8E8E8 url(../images/tehnomobil/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/tehnomobil/filter_bg.gif) no-repeat bottom left;
  width: 939px;
  height: 48px;
  padding: 10px 0px 0px 10px;
  margin: 1px 0px;
   }     
.filter input { 
  background:  #E5E5E5;
  color: #EA843F;
   }        
.configuratorContainer  .content .content_txt   { 
  background: url(../images/tehnomobil/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: #2C2816 !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: #EA843F;
  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: #FFCC00;
 float: right;
 padding: 4px 0px 0px 0px;
 cursor: pointer;
 } 
.configuratorContainer  .content .content_txt  .content_left .product_box a.pick_btn:hover { 
 background: #BB9600;
 }
 .configurator_modal .configurator_modal_txt .specRow .label_short {
float:left;
padding:5px 10px 4px;
width:100px;
font-weight: bold;
}
.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/tehnomobil/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: #EA843F;
 }
 .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: #EA843F !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: #a70a33;
  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: #a70a33;
  margin-bottom: 20px;
  padding-top: 20px;
  }
.configuratorContainer .content .content_txt .content_right a.save_conf { 
 background: #FFCC00;
 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: #EA843F;
 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: #BB9600;   
    
    }
.configuratorContainer .content .content_txt .content_right a.buy:hover { 
 background: #EF9E69;
  }  
.configuratorContainer  .footer { 

width: 960px;
height: 0px;

  }    
                 
.preloaderBox {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
text-align: center;
height: 111px;
background: transparent url(../images/tehnomobil/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/tehnomobil/configurator_modal_body.png) left top; 
 padding: 0px 5px;
 
}      

.configurator_modal .configurator_modal_txt .specifications{
 max-height:250px;
 overflow-x: auto;
}
              
.configurator_modal .close {
position: absolute;
right: 0px;
top: 0px;
display: block;
width: 13px;
height: 13px;
cursor: pointer;
text-indent: -999em;
background: transparent url(../images/tehnomobil/modalCloseBtn.png) no-repeat left top !important;
}
.configurator_modal .configurator_modal_foot {
background: transparent url(../images/tehnomobil/configurator_modal_foot_new.png) left bottom;
height: 10px;
}

.configurator_modal .configurator_modal_txt .specRow {
border-bottom: 1px solid #fff;
background: #ededed url(../images/tehnomobil/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/tehnomobil/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: #EA843F;
 color: #2C2816;
 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/tehnomobil/configurator_modal_h1_right.png) no-repeat right top;
 height: 25px; 
 padding: 13px 13px 0px 8px;
 float: left;
}
.configurator_modal h3 {
 margin: 5px 0px 2px 0px !important;
 padding: 0px !important;
 font-weight: bold;
}
.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: 13px;
height: 13px;
text-indent: -999em;
background: transparent url(../images/tehnomobil/modalCloseBtn.png) no-repeat left top !important;
}
.configurator_modal .configurator_modal_foot {
background: #EA843F;
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 .addToCart {
padding: 3px 4px;
display: block;
background: #EA843F;
color: #fff;
font: bold 11px Arial;
cursor: pointer;
width: 80px;
margin: 10px 0 0 0;
}
.configurator_modal .configurator_modal_txt .addConfigurationTable .specRow .addToCart:hover {
background: #EF9E69;
}
.addConfiguration {
background: #778388;
cursor: pointer;
display: block;
height: 20px;
width: 120px;
padding: 5px 10px 0px 10px;
color: #fff;
text-align: center;
}
.addConfiguration:hover {
background: #EA843F;
}

.content_right h4 {
cursor: pointer;
background: #dbdbdb url(../images/tehnomobil/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/tehnomobil/configGroupClosed.png) no-repeat 270px 3px;
}
