body, table, .main, option { font-family: tahoma, verdana, arial, sans-serif; font-size: 10pt; }
tr { vertical-align: top; }									/*format radku hlavniho okna*/
h1, h3, h4, h5 { margin: 0pt; }									/*format nadpisu*/
h1, h4 {font-size:13px}
h4{color:#004262;text-transform: uppercase;}
select { width: 100%; }											/*format kombicka*/
a { text-decoration: none; color: black; }	/*format odkazu*/
a:hover { text-decoration: underline; }			/*odkaz po najeti mysi*/
hr { color: #004262; }													/*barva vodorovne cary*/
input{border:solid 1px #A4C2CF;}

.clear{clear:both; width:100%; height:1px; font-size:1px;}

.mnux, .mnuy { font-weight: bolder; color: white; font-size: 10pt; text-decoration: none; letter-spacing: 1pt; }	/*format top a left menu*/
.mnux { text-align: center; }	/*format top menu*/
.menulog { color: black; font-weight: bold; font-size:11px}	/*format napisu uzivatele a firmy*/
.menulog_img {border:1pt solid gray}

/*format toolbaru*/
.toolbar { background-color: #C6DFFF; border: 1pt solid black; font-family: wingdings; font-size: 14pt; width:20pt; height: 20pt; cursor: hand; }

/*podbarveni sudeho radku tabulky*/
.color_row { background-color: #C3D0D9; color:#0084B4; }
.color_row a{color:#0084B4 !important;}
/*format tabulky*/
.tabform { background-color: #007AA8; border: 1pt solid Black; font-size: 8pt; color:#FFF; }
.tabform a{color:#FFF;}
.tabform th { background-color: #004262; border-bottom: 1pt solid Black; color:white}
.tabform th a { color:white; text-decoration:underline; }
.tabform tr { vertical-align: middle; height: 15pt;  }

/*format tabulky s polozkama*/
.tabitem  { font-size: 8pt; background-color: #DFEFFF; }
.tabitem tr { height: 14pt; }
.tabitem th { background-color: transparent; color: #084994; height: 14pt; border: none; }
.tabitem th a { color:#084994; text-decoration:none; }

/*format tabulky v rezimu editace*/
.tabedit { background-color: #FFFFD0; border: 1pt solid Black; font-size: 8pt; }
.tabedit th { background-color: #234B86; border-bottom: 1pt solid Black; color:white }		
.tabedit tr { vertical-align: middle; height: 15pt; }													

.td_borderB td { border-bottom: 1pt solid Black }

/*editace - jeden radek*/
.color_edit { background-color: #FFFFD0; }
.ahref { color:white; }
/*format tlacitek*/
.button { background-color: #234B86; font-weight: bold; font-size: 10px; color:white; }	
/*symboly dle statusu produktu*/
.char { font-family: wingdings; font-size: 12pt; }

/*velikost pisma v legende*/
.legend { font-size: 8pt; }

/*objednavky*/
.color_ord_open { background-color: #FFFFD6 !important; } 	/*podbarveni otevrene objednavky/nabidky*/
.color_ord_offer { color: #C58B51 !important; } 						/*barva nabidky*/
.color_ord_stc { background-color: #B5FFB5; } 	/*podbarveni bunky nedodano - je skladem*/
.color_ord_nostc { background-color: #FF8684; } /*podbarveni bunky nedodano - neni skladem*/
.color_ord_stcb { background-color: #FFD78C; } 	/*podbarveni bunky nedodano - je skladem, ale mene nez nedodano*/
.color_ord_cli { color: red; } 									/*barva zaporneho kreditu klienta v sekci objednavek*/

/*faktury*/
.color_inv_open { background-color: #FFFFD6 !important; } 		/*podbarveni nepotvrzene faktury*/
.color_inv_due { color: red; font-weight: bold !important; } 	/*barva nezaplacene faktury*/

/*kontakty*/
.color_cont_log { background-color: lightgreen; } /*podbarveni radku prihlaseneho kontaktu*/
.color_cont_firm { color: blue; } 								/*barva firemniho kontaktu*/
.color_cont { color: black; } 										/*barva kontaktni osoby*/
.color_cont_int { color: red; } 									/*barva prihlaseneho kontaktu*/
.color_cont_imp { color: green; } 								/*barva implicitniho kontaktu*/

/*dodaci listy*/
.color_del_canc { background-color: #CD5C5C !important; }	 /*podbarveni stornovaneho dodaciho listu*/

/*input pro zadani mnozstvi*/
.inp_txt_qty {width:25;font-size:9;text-align:right;border:solid 1px #A4C2CF;}

/* velikost obrazku k nakupu - normalne kosik */
.img_buy_size {width:18px;height:18px;border:none;}

/*text pri zobrazeni top produktu z kategorie*/
.top_product {
	color:#5774D2;
	font-weight:bold;
}

/* zobrazeni nahledu */
.gallery_tab {
	table-layout:fixed;
	float:left;
	width:245px;
	margin:5px;
	padding:3px;
	background: #FFF url('img/stigallbckg.jpg') left top repeat-x;
  font-size:11px;
}
.gallery_tab input {
  margin-top:5px;
}
.gallery_tab .inp_txt_qty{
  height:20px;
  font-size:11px;
  border:solid 1px #A4C2CF;
  }
.gallery_head {
	width:245px;
	height:30px;
	text-align:left;
	background: url('img/stigallline.gif') bottom center no-repeat;
	text-align:center;
	text-transform: uppercase;
	vertical-align:middle;
	color:#007C98;
}
.gallery_head a{
  color:#007C98;
  margin: 2px 10px 1px 10px;
}
.gallery_tab a {
	font-size:11px;
	text-decoration:none;
	overflow:hidden;
}
.gallery_note a{
  display:block;
  float:right;
  width:88px;
  height:75px;
  margin:0;
  padding:0;
  position:relative;
  background: url('img/stigalllinehorizontal.jpg') top left no-repeat;
}

.gallery_note span{
  display:block;
  margin:10px 3px 10px 10px;;
  text-align:right:
}

.gallery_note img {
	display:block;
  width:75px;
	height:75px;
	border:0px;
	margin-right:5px;
	margin-bottom:5px;
	float:right;
}
.gallery_note {
  font-size:8pt;
	color:#474C4D;
	xmargin:10px 6px 13px 10px;
	padding:0;
	padding-bottom:5px;
	display:block;
	width:240px;
	height:120px;
	background: url('img/stigallline.gif') bottom center no-repeat;
}

.gallpricebox{
  float:left;
  margin-left:-6px;
}
.gallpriceboxleft{
  width:6px;
  height:22px;
  background: url('img/stigallpricerleft.jpg') top left no-repeat;
  float:left;
}
.gallpriceboxmiddle{
  height:22px;
  background: url('img/stigallpricemiddle.jpg') top left repeat-x;
  float:left;
  color:#FFF;
  font-weight:bold;
  padding-top:2px;
  }

.gallpriceboxright{
  width:6px;
  height:22px;
  background: url('img/stigallpriceright.jpg') top right no-repeat;
  float:left;
}

.show_type_img_note {
  color:gray;
  font-size:8pt;
}
.dott_border_top td {
  border-top:1pt dotted #7396EF;
}
.dott_border_top {
  border-top:1pt dotted #7396EF;
}
/* rychlofiltr */
.stilist_top {
  margin-top:10px;
  border: solid 1px #017FA8;
  font-size:11px;
  padding:3px;
  /* background:#C6DFFF; */
  background: #D8E0E3 ; 
}
.stilist_top b{
color:#004262;
}

.stilist_top strong{
color:#004262;
}
.stilist_top p {
  margin:3px;
  padding:0px;
  clear:left;
}
.stilist_top p a {
  text-decoration:underline;
}
.stilist_top p a:hover {
  text-decoration:none;
}
.stilist_top form {
  margin:0px;
  padding:0px;
}
.stilist_top form input {
	font-size:10px;
	border:none;
}

/* detail produktu */
.sti_detail {
	width:49%;
	clear:left;
	float:left;
	text-align:left;
	margin-bottom:10px;
	padding:0px;
	font-size:11px;
	border-bottom:1pt solid silver;
}
.sti_detail th, .sti_detail td {
	height:18px;
	vertical-align:middle;
	padding-left:5px;
	padding-right:5px;
}
.sti_detail th {
	background:#234B86;
	white-space:nowrap;
	color:white;
}
.sti_detail th a {
	color:white;
}
.sti_detail table th {
	background:white;
}
.sti_detail_head {
	border-top:2pt solid #234B86;
	border-bottom:0px;
}
.sti_detail_head th {
	border-bottom:1pt solid silver;
	background:#C6DFFF;
	color:black;
}
.sti_detail_head td {
	border-bottom:1pt solid silver;
}
.sti_detail_head td td {
	border-bottom:0px;
}
.sti_detail_head a {
	text-decoration:underline;
}
.price {
	color:#00293E;
	font-size:13px;
	padding-left:10px;
	padding-top:3px;
}

.bold {
	font-weight:bold;
}
.line_through {
	text-decoration:line-through;
}
.sti_detail_avail td, .sti_detail_avail th {
	border:0px;
	font-size:11px;
}
.sti_relation_div {
	clear:both;
	margin:0px;
	margin-top:15px;
	padding:0px;
	float:right;
	border:1pt solid #234B86;
	width:210px;
}
.sti_relation_div img {
	width:75px;
	height:75px;
	border:0px;
}
.sti_relation_head {
	font-weight:bold;
	margin:0px;
	padding:0px;
	text-align:center;
	background:#234B86;
	height:18px;
	color:white;
}
.sti_relation {
	margin-top:5px;
	margin-bottom:25px;
	padding:2px;
	font-size:11px;
	text-align:center;
}
.sti_field {
	clear:both;
	float:left;
	margin-top:5px;
	margin-bottom:5px;
	padding:2px;
	color:#5774D2;
	font-weight:bold;
	border:1pt solid #234B86;
}

/* webnewss */
#webnews {width:100%;font-size:10px}
#webnews .wp {margin:0px;margin-top:3px;margin-bottom:3px;padding:5px;background:#DCDDDE;font-weight:bold}
#webnews ul {list-style:disc;list-style-position:inside;margin:0px;margin-left:5px;padding:0px;}
#webnews ul li {line-height:16px;white-space:nowrap;width:100%;overflow:hidden}
#webnews .wn_price {font-weight:bold}
#webnews .wn3 {min-height:100px;_height:50px}
#webnews .wn3_img {}
#webnews .wn3_block {}
#webnews .wn3_topinfo {font-weight:bold}
#webnews .wn3_top {font-weight:bold;color:red}
#webnews .wn3_text {}

.wn7 {width:150px;text-align:left;overflow:hidden;margin:10px 10px 0px 20px;padding:0px;}
.wn7 a {font-weight:bold}
.wn7 img {width:150px;height:110px;border:0px;margin:2px 0px 2px 0px;padding:0px;}
.wn7_price {display:block;width:89px;height:17px;background:#00A0EE;float:left;border-right:1px solid #E5E9EC;color:white;}
.wn7_price_detail {display:block;width:60px;height:17px;background:#4F4F4F;color:white;float:left;text-align:center;}

#webnews .wn9 {position:relative;float:left;border-right:1pt solid silver;border-bottom:1pt solid silver;width:240px;width:23%;_width:253px;height:190px;overflow:hidden;margin:0px;margin-left:2px;margin-bottom:5px;padding:8px;}
#webnews .wn9_head {margin:0px;margin-bottom:3px;font-weight:bold}
#webnews .wn9 img {width:75px;height:75px;border:0px;margin:0px;margin-right:5px;margin-bottom:5px;float:left}
#webnews .wn9_text {}
#webnews .wn9_price {position:absolute;left:5;bottom:0;margin:0px}
#webnews .wn10 {width:140px;text-align:center;overflow:hidden;margin:0px;padding:3px;border:1pt solid silver;border-top:0pt}
#webnews .wn10 a {font-weight:bold}
#webnews .wn10 img {width:75px;height:75px;border:0px;margin:10px;padding:0px}

#webnews_detail {width:100%;float:left;font-size:11px;}


/* ===== H E L K O ===== */


#helko_body {
  min-width:1200px;
  margin:0px;
  padding:0px;
  text-align:center;
  background: #FFF url('img/bodybckg.gif') left top repeat-y;
  
}
#helko_main {
  width:100%;
  padding:0px;
  margin:0px;
  margin-left:auto;
  margin-right:auto;
  text-align:left;

}

#headerContainer{
width:100%;
height:257px;
background: url('img/headerbckg2.jpg') right top repeat-x;
}

#helko_top {
  width:100%;
  height:257px;
  background: url('img/headerimg2.jpg') top left no-repeat;
}
.helko_top_a {
  display:block;
  width:205px;
  height:115px;
  position:relative;
  top:11px;
  left:111px;
  float:left;
  color:red;
}
.helko_top_a span {
  display:none;
}
#helko_slogan {
  width:240px;
  height:120px;
  position:absolute;
  top:15px;
  left:30px;
}
#helko_register{
  position:absolute;
  top:55px;
  left:933px;
  text-align:left;
  font-size:11px;
  border:none;
  xbackground: url('img/quill.gif') top left no-repeat;
  
}
#helko_register img{
border:none;
margin-right:-2px;
}
#helko_register a{
color:#FFF;
margin-top:-4px;
}

#helko_logon{
  position:absolute;
  top:83px;
  left:930px;
  text-align:left;
  font-size:11px;
  border:none;
}
#helko_logon img{
border:none;
margin-right:5px;
}
#helko_logon a{
color:#FFF;
}
.headerbasket{
position:absolute;
top:16px;
left:-6px;
right:auto;
margin-top:4px;
}

.headerwebnews{
position:absolute;
top:45px;
left:-10px;
right:auto;
font-size:12px;
font-weight:bold;
width:180px;
}

.headerratesell{
position:absolute;
top:80px;
left:-14px;
font-weight:bold;
font-size:12px;
width:215px;
}

.headerratesell a{
color:#0084B4 !important;
}

#headermenu {
  position:absolute;
  top:153px;
  left:0px;
  right:auto;
  width:500px;
  height:34px;
  float:left;  
}
#headermenu a{
  color:#002F46 !important;
  }

#helko_obsah {
  width:100%;
  overflow:display;
}
#columnleft {
  padding:0 0 0 10px;
  width:218px;
  overflow:display;
}
#helko_obsah_right {
  /* width:195px;
  border-left:1px solid #234B86;
  background:#E5E9EC; */
  width:1px;
  background:#234B86;
}
#searchcontainer {
  position:absolute;
  top:204px;
  left:10px;
  right:auto;
  width:218px;
  height:68px;
  color:white;
  font-size:11px;
  float:left;
}

.searchleft{
  height:75px;
  width:4px;
  background: url('img/searchbckgleft.jpg') top left no-repeat;
  float:left;
}
.searchright{
  height:75px;
  width:5px;
  background: url('img/searchbckgright.jpg') top right no-repeat;
  float:left;
}
.search{
  padding:10px 0 0 3px;
  width:206px;
  ?width:208;
  height:75px;
  background: url('img/searchbckg.jpg') top left repeat-x;
  float:left;
}
.search a{
padding:0;
margin:-2px 0 0 10px;
?margin:8px 0 0 10px;
color:#FFF;
height:10px;
float:left;
display:block;
}
.search form{
 width:194px;
 height:33px;
 background: url('img/btngreybckg.jpg') top left repeat-x;
 float:left;
}
.search form input{
float:left;
margin:7px 2px 0 2px ;
width:110px;
}

.searchboxleft{
height:33px;
width:6px;
background: url('img/btngreybckgleft.jpg') top left no-repeat;
float:left;
}
.searchboxright{
height:33px;
width:6px;
background: url('img/btngreybckgright.jpg') top left no-repeat;
float:left;
}
.btnsearch{
border:none;
margin:0px !important;
color:#002F45;
font-weight:bold;
text-transform: uppercase;
background: url('img/btnsearchbckg.jpg') top left no-repeat;
height:33px;
cursor:pointer;
width:70px !important;
text-align:right;
}

.lefttreecontainer{
margin-top:12px;
padding:0;
float:left;
}
.lefttreetop{
height:5px;
width:218px;
background: url('img/lefttreebckgtop.jpg') top left no-repeat;
float:left;
}
.lefttreebottom{
height:6px;
width:218px;
background: url('img/lefttreebckgbottom.jpg') top left no-repeat;
float:left;
}
.lefttreearea{
  ?margin-top:-11px;
  padding:0;
  width:218px;
  background: #004262 url('img/lefttreebckg.jpg') top left repeat-x;
  float:left;
}
.lefttreearea th {
	vertical-align:middle; 
	height:20px;
}
.lefttreearea td {
	background:#5774D2;
	border:1pt solid black;
	border-top:none;
	padding-left:2px;
}
.lefttreearea .td_strid_block {
	background:#5774D2;
	border:1px solid black;
	border-bottom:0px;
	width:50%;
}
.lefttreearea .td_strid_hide {
	background:#C6DFFF;
	border:1px solid silver;
	border-bottom:1px solid black;
}
.lefttreearea .td_strid_block a {
	cursor:default;
	color:white;
}
.lefttreearea .td_strid_hide a {
	cursor:pointer;
	color:black;
}
.lefttreearea .div_strid_block {
	display:block;
}
.lefttreearea .div_strid_hide {
	display:none;
}
.lefttreearea ul{
 list-style: none;
 margin:0;
 margin:0 3px 0 25px;
 padding:0;
}
.lefttreearea ul a{
  font-weight:bold;
}
.lefttreearea ul a img{
 list-style: none;
 margin:0 0 0 0;
 padding:0 0 0 10px;
 border:none;
}
.lefttreearea ul .tc_n_b {
	display:block;
	margin:0px;
}
.lefttreearea .tc_n{
background: url('img/tc_no.gif') top left no-repeat;
width:9px;
height:9px;
}

.lefttreearea ul .tc_n_h {
	display:none;
}
.lefttreearea ul li {
  width:180px;
 clear:both;
 float:left;
 margin:0;
 padding:0;
}
.lefttreearea ul ul a{
font-weight:normal;
margin:0;
padding:0;
}
.lefttreearea ul ul li{
margin-left:-20px;
padding:0px;
}


.catboxcontainer{
margin:4px 0 0 10px;
float:left;
}
.catboxleft{
height:33px;
width:6px;
background: url('img/btncatgreybckgleft.jpg') top left no-repeat;
float:left;
padding:0;
margin:0;
}
.catboxright{
height:33px;
width:6px;
background: url('img/btncatgreybckgright.jpg') top left no-repeat;
float:left;
padding:0;
margin:0;
}
.catboxf{
background: url('img/btngreybckg.jpg') top left repeat-x;
height:33px;
width:185px;
?width:185px;
font-size:14px;
font-weight:bold;
float:left;
text-align:center;
padding:0;
margin:0;
color: #008000;
padding-top:6px;
}
.catbox{
background: url('img/btngreybckg.jpg') top left repeat-x;
height:33px;
width:185px;
?width:185px;
font-size:13px;
font-weight:bold;
float:left;
text-align:center;
padding:0;
margin:0;
}
.catbox a{
color:#002F45;
height:10px;
display:block;
width:88px;
float:left;
margin-top:7px;
}
.catbox img{
width:1px;
height:33px;
float:left;
}

.catbox a img{
border:none;
background:none;
margin:3px 0 0 3px;
width:11px;
height:11px;
float:left;
}

.exxaboxcontainer{
margin:8px 0 0 10px;
float:left;
}
.exxaboxleft{
height:33px;
width:6px;
background: url('img/btnyelwbckgleft.jpg') top left no-repeat;
float:left;
padding:0;
margin:0;
}
.exxaboxright{
height:33px;
width:6px;
background: url('img/btnyelwbckgright.jpg') top left no-repeat;
float:left;
padding:0;
margin:0;
}
.exxabox{
background: url('img/btnyelwbckg.jpg') top left repeat-x;
height:33px;
width:185px;
font-size:13px;
font-weight:bold;
float:left;
text-align:center;
padding:0;
margin:0;
}
.exxabox a{
color:#002F45;
height:10px;
display:block;
width:186px;
float:left;
margin-top:7px;
}
.exxabox a span{
float:left;
width:163px;
text-align:center;
cursor:pointer;
}
.exxabox img{
width:1px;
height:33px;
float:left;
}
.exxabox a img{
  border:none;
  background:none;
  margin-top:3px;
  width:11px;
  height:11px;
  float:left;
}

#helko_ol_hledat form {
  margin:5px 0px 5px 0px;
  padding:0px;
}
#helko_ol_hledat a {
  font-weight:bold;
  color:white;
  margin:0px;
  padding:0px;
}
#helko_ol_mezera1 {
  width:100%;
  height:17px;
  border-top:1px solid white;
  border-bottom:1px solid white;
}
#helko_ol_produkty {
  width:100%;
  height:34px;
  background:white url('img/helko-bg-sekce-svetly.gif') top left no-repeat;
  color:white;
  font-size:13px;
  font-weight:bold;
}
#helko_ol_produkty a {
  color:white;
}
.helko_ol_produkty_posun {
  position:relative;
  top:10px;
  left:35px;
}
#helko_ol_mezera2 {
  width:100%;
  height:7px;
  font-size:1px;
  border-top:1px solid white;
}
#helko_ol_mezera3 {
  width:100%;
  height:7px;
  font-size:1px;
  border-bottom:1px solid white;
}
.helko_ol_pro_vyr{
margin-top:8px;
}
.helko_ol_pro_vyr a {
  text-align:left;
  display:block;
  width:100%;
  height:17px;
  color:#FFF;
  font-size:11px;
  font-weight:normal;
}
.helko_ol_pro_vyr a:hover {
  font-weight:bold;
}
.helko_ol_pro_vyr_posun {
  position:relative;
  top:1px;
  left:30px;
}
#helko_oc_hack {
  margin:10px;
  overflow:hidden;
}
#helko_best {
  font-size:13px;
  color:#004262;
  text-transform: uppercase;
  margin:0px;
  margin-top:3px;
  margin-bottom:3px;
  padding:5px;
  /* background:#DCDDDE; */
  font-weight:bold;
}



.exxacontainer {
margin:0;
padding:0;
  width:100%;
  font-size:11px;
  color:#FFF;
}
.exxacontainer ul {
color:#FFF;
list-style: none;
margin:0;
padding:0 0 0 30px;
}
.exxacontainer a{
color:#FFF;
font-weight:normal !important;
}
.exxacontainer ul li{
margin:4px 0 0 0;
}


.helko_tab_kontakt td {
  width:150px;
}


#footercontainer{
margin:15px 0 0 0;
padding:0;
background: #005A83 url('img/footerbckg.jpg') left top repeat-x;
width:100%; 
display:block; 
position:relative;
float:left; 
height:102px;
}

#footercontainer span{
margin:40px 0 0 0;
display:block;
color:#FFF;
}

#stilist_top_head {
  float:left;
}
#stilist_top_head a {
  color:#00A0EE;
  font-weight:bold;
  font-size:18px;
}
#stilist_top_head_vyr a {
  border-right:2px solid black;
  padding-right:15px;
  margin-right:7px;
  font-weight:none;
  text-decoration:none;
}