/* ================================================ G L O B A L ============================================ */
html, body, form, fieldset, 
table, caption, tr, td, th, 
div, p, ul, ol, li, a, img, 
dl, dt, dd, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; border: solid 0 #999; }

html 		{ font-size: 100.01%; text-align: center; }
body, table { font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif; }
body 		{ font-size: 75%; color: #fff; background: url('/images/bg_body.png') repeat-x top #296198; line-height: 1.5em; /* = LH */   }
table 		{ font-size: 100%; }

	/* non semantic */
hr      	{ display: none; }
.hidden,
#micronav 	{ position: absolute; top: -9999px; left: -9999px; }
.clr		{ clear: both; height: 1px; font-size: 1px; overflow:  hidden; }
.replace	{ position: absolute; top: 0; left: 0; overflow: hidden; z-index: 1; display: block; }

	/* pouzivat acronym - IE nerozezna abbr */
acronym, 
abbr 		{ background: url('/images/dot.gif') repeat-x bottom; border: 0; cursor: help; padding: 0; }

	/* formular */

	/* tables */

thead th { background: #c3d9ff; }
th, td, caption { padding: 4px 10px 4px 5px; }
tr.even td { background: #e5ecf9; }
tfoot { font-style: italic; }
caption { background: #eee; }
/* ======================================================================================================== */
#page	{ width: 995px; margin: 0 auto; text-align: left; }
#head	{ height: 155px; position: relative; }
#main	{ width: 100%; float: left; }
#content{ float: left; width: 772px;  }
#center	{ width: 540px; float: right; padding: 20px 0 0 }
#left	{ width: 212px; float: left; }
#right	{ width: 203px; float: right; }
#foot	{ width: 100%; float: left; padding: 30px 0; } 

/* ---------------------------/ TOP BOX /-------------------------- */
#head h1,
#head a.logo {  width: 433px; height: 133px; display: block; overflow: hidden; background: url('/images/logo.png') no-repeat left top; }
* html #head h1,
* html #head a.logo { background: transparent none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/images/logo.png'); }

	/* login form */
#login			{ position: absolute; top: 0; right: 0; height: 96px; width: 229px; padding: 10px 20px 0; overflow: hidden; margin: 0; background: url('/images/bg_login.png') repeat;  }
* html #login	{ background: transparent none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/images/bg_login.png', sizingMethod='scale'); }
#login fieldset	{ margin: 0; }
#login div 		{ width: 100%; float: left;}
#login label	{ vertical-align: middle; color: #fff; #float: left }
#login input	{ width: 180px; border: 1px solid #989898; float: right; margin: 0.2em 0; padding: 1px 3px }
#login input.sub{ border: 0; width: 92px; height: 26px; background: url('/images/button_login.png'); padding: 0; }
#login a		{ font-size: 0.9166em; text-align: left; color: #fff; }
#login a.reg	{ text-transform: uppercase; font-size: 1em; }
#login .links	{ width: auto; float: left; margin: -30px 0 0 }

	/* loged */
p.user 		{ text-align: center; }	
p.user span { font-size: 1.2em; font-weight: bold; color: #a7ff00; }
#login a.logout { display: block; position: absolute; right: 70px; bottom: 30px }
#login a.logout span { width: 91px; height: 26px; background: url('/images/button_logout.png'); }

	/* main menu */
#menu ul		{ position: absolute; bottom: 12px; right: 0; list-style-type: none; margin: 0; background-color: #8cdc00; }
#menu li		{ float: left; background: url(/images/bg_menu_li.gif) repeat-y left; }
#menu a			{ color: #fff; padding: 7px 12px; display: block; text-transform: uppercase; font-size: 0.9166em;   }
#menu a:hover,
#menu a.active 	{ color: #1a2901} 

/* ------------------------/ LEFT BOX/----------------------------- */
	/* products tree menu */
#menu-products {}
#menu-products h2      { position: relative; height: 47px; line-height: 1em; margin: 0 0 0.5em; border: 0; }
#menu-products h2 span { width: 212px; height: 47px; background: url('/images/bg_product_summary.png'); }
#menu-products ul			{ list-style-type: none; margin: 0; }
#menu-products li			{ background: url('/images/dot.gif') repeat-x bottom; padding: 0 0 0 8px }
#menu-products ul a 		{ background: url('/images/ico_arrow.gif') no-repeat left 0.667em; padding: 0.4em 0 0.5em 20px; display: block; color: #fff; text-decoration: none; outline: none; }
#menu-products ul a:hover	{ color: #97ed00; }
#menu-products li.expanded a{ background: url('/images/ico_arrow_down.gif') no-repeat 1px 0.75em; font-weight: bold;  }
#menu-products li.expanded li.expanded a { color: #97ed00; }
#menu-products li.expanded li.expanded li.expanded a { color: #97ed00; }
#menu-products li.expanded li.expanded li a { color: #fff; }
#menu-products ul ul 		{ background: url('/images/dot.gif') repeat-x top; margin: 0 0 0 -8px; padding: 0.5em 0 0.5em 20px }
#menu-products ul ul li		{ background: none; }
#menu-products ul ul a,
#menu-products ul ul strong	{ background: url('/images/ico_arrow_white.gif') no-repeat left 0.75em !important; font-weight: normal !important; padding: 0.2em 0 0.2em 13px; display: block; }
#menu-products ul ul strong	{ color: #97ed00; font-weight: bold !important; }
* html #menu-products a,
* html #menu-products strong{ height: 1px; } 

	/* search field */
#search,
#search fieldset	{ margin: 1em 0;}
#search input { border: 1px solid #525252; padding: 2px 4px; width: 135px; float: left; vertical-align: middle  }
#search input.sub { width: 60px; background: url('/images/green_pattern.png') repeat-x top #92e600; border: 1px solid #304a01; float: right; font-size: 0.9166em; color: #000; cursor: pointer; }

	/* news */
#news 			{ background-color: #4072a3; padding: 0 15px 1px; }
#news h2 		{ background: url('/images/ico_new.jpg') no-repeat right top; padding: 1.7em 0 1.7em 8px; color: #8cdc00; text-transform: uppercase; margin: 0 -15px; border: 0; font-size: 1.1em; }
#news h2 span 	{ background: url('/images/ico_file.png') no-repeat left 0em ; padding: 0.7em 0 0.7em 29px;  color: #fff;  }
#news p			{ font-size: 0.9166em; }
#news img 		{ border: 4px solid #fff; margin-bottom: 0 }
#news p.more-news 		{ position: relative; margin-top: -8px;  }
#news p.more-news span 	{ position: absolute; top: 0; left: 0; width: 82px; height: 24px; z-index: 1; overflow: hidden; background: url('/images/button_more_news.png'); cursor: pointer; }


/* ------------------------/ RIGHT BOX/--------------------------------*/
	/* basket */
#basket 		{ text-align: center; padding: 0 0 1em;  }
#basket h2 		{ position: relative; text-align: center; margin-bottom: 1em; height: 46px; border: 0; }
#basket h2 span { width: 203px; height: 46px; background: url('/images/bg_basket.png'); }
#basket p		{ margin-bottom: 0.2em;}
#basket p a 	{ font-weight: bold; color: #fff; }

	/* best selling */
#best-selling 			{ padding: 0 11px 10px; }
#best-selling h2 		{ position: relative; text-align: center; padding: 5px 0 0; height: 45px; margin: 0 -11px 0.5em; border: 0; }
#best-selling h2 span 	{ width: 203px; height: 45px; background: url('/images/bg_best_selling.png'); }

	/* call */
#call { width: 178px; height: 129px; background: url('/images/bg_call.png'); margin: 0 0 0 12px }
#call form { padding: 59px 15px 0 0; }
#call input { border: 0; width: 115px; float: right; margin: 0 0 7px; }
#call input.sub { width: auto; margin-right: -3px;  }


/* ---------------------/ CENTER BOX & OTHERS/------------------------*/
#breadcrumbs	{ margin-bottom: 1.0em; }
#breadcrumbs a { color: #fff; }
	/* text box */
.text-box { background-color: #6a88a4; border: 3px solid #4b7399; padding: 1.5em 1.5em 0; margin: 0 0 1em; }
.text-box h2 { font-size: 1.4em; color: #fff; line-height: 1.0em; margin: 0 0 1.0em; text-transform: uppercase; border: 0;  }

	/* product thumb */
.product-row	{ float: left; }
.product 		{ float: left; width: 158px; height: 285px; background: url('/images/bg_product_bottom.png') no-repeat bottom; text-align: center; padding: 0 11px 15px; position: relative; }
.product h2,
.product h3		{ background: url('/images/bg_product_top.png') no-repeat top; text-align: center; text-transform: uppercase; line-height: 1em; padding: 11px 11px 5px; margin: 0 -11px; font-size: 1.0em; font-weight: bold; border: 0;   }
.product h2 a,
.product h3 a	{ color: #fff; padding: 0.5em 0; display: block; text-decoration: none; border: 2px solid; }
.product p,
.product div		{ font-size: 0.9166em; line-height: 1.2em; margin-bottom: 0.5em; }
.product p.img { height: 127px; }
.product div 	{ height: 39px; overflow: hidden; }
.product img	{ border: 5px solid #fff; }
.product ul		{ margin: 1.0em 0 /*2.8*/0em 0px; text-align: left;  }
.product li		{ float: left; list-style-type: none; margin: 0 0 /*-12*/0px 20px; display: inline; }
.product a.buy			{ position: relative; width: 51px; height: 21px; display: block; text-align: center  }
.product input.buy { width: 51px; height: 21px; border:0; cursor: pointer; }
.product a.buy span		{ width: 51px; height: 21px; cursor: pointer; }
.product a.detail		{ /*position: relative;*/ width: 107px; height: 30px; display: block; text-align: center; font-size: 0; color:#29619c; }
.product a.detail span	{ width: 107px; height: 30px; cursor: pointer; /*add harvym*/ position: absolute; top: 260px; left: 35px; }
#right .product 		{ float: none; }
	/* product colors (orange, green ) */
.product.orange h2 a,
.product.orange h3 a 			{ border-color: #7b6953; background: url('/images/bg_product_title_orange.png') repeat-x top #febd02; }
.product.orange a.buy span	 	{ background: url('/images/button_buy_orange.png');  }
.product.orange input.buy { background: url('/images/button_buy_orange.png'); }
.product.orange a.detail span 	{ background: url('/images/button_detail_big.png');  }
.product.green h2 a,
.product.green h3 a 			{ border-color: #66a653; background: url('/images/bg_product_title_green.png') repeat-x top #93e700;}
.product.green a.buy span 		{ background: url('/images/button_buy_green.png');  }
.product.green input.buy { background: url('/images/button_buy_green.png'); }
.product.green a.detail span 	{ background: url('/images/button_detail_big.png');  }

	/* pagination */
.pagination	 	{ float: left; width: 100%; }
.pagination ul 	{ list-style-type: none; text-align: right; margin-right: 5px; margin-top: 0.5em;}
.pagination li 	{ display: inline; }
.pagination li a,
.pagination li strong	{ padding: 0.25em 0.65em 0.333em; background-color: #5682ae; color: #abc1d7; text-decoration: none;  }
.pagination li strong 	{ color: #fff;}

#product-detail			{ float: left; width: 100%; padding: 0 0 20px }
#product-detail #aside 	{ float: left; width: 190px; }
#product-detail #info	{ float: right; width: 330px; }
#product-detail #info input.dbuy { width:107px; height:30px; background-image: url('/images/button_buy_big.png'); border: 0; }
#product-detail #info textarea { width:240px; height:100px; }
#product-detail select { width:165px; }

#aside .image img		{ border: 5px solid #f19e10; width: 180px }

#aside .more-images		{ margin: 1em 0; }
#aside .more-images ul	{ list-style-type: none; margin: 0; }
#aside .more-images li	{ margin: 0 0 5px  }
#aside .more-images img { border: 3px solid #f19e10; width: 84px; overflow: hidden; }
#aside .more-images a	{ overflow: hidden; }


#product-detail #info input 	{ width: 40px; margin: -5px 10px 0 0; position: relative; top: -5px; }
#product-detail #info input.sub { width: auto; position: relative; top: 5px }
#product-detail #info td,
#product-detail #info th 		{ text-align: left;}


/* ------------------------/ FOOT BOX/---------------------------- */
#foot ul 		{ width: 100%; text-align: center; margin-bottom: 0.5em }
#foot li 		{ display: inline;  }
#foot li a 		{ padding: 0 10px; text-transform: uppercase; color: #fff; font-size: 0.833em; border-left: 1px solid #fff;s }
#foot li.first a{ border: 0;}
#foot p 		{ font-size: 0.9166em; text-align: center; }


#objednavka img { border:0; }
#objednavka table { border: 1px solid; background-color:#fff; width:540px; text-align:center; color:#000; }

/*light box*/

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../img/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../img/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
}


.hotspot{color:#A21919;padding-bottom:1px;border-bottom:1px dotted #A21919;cursor:pointer;font-size:12px}
#tt{position:absolute;display:block;background:url(/js/images/tt_left.gif) top left no-repeat}
#tttop{display:block;height:5px;margin-left:5px;background:url(/js/images/tt_top.gif) top right no-repeat;overflow:hidden}
#ttcont{display:block;padding:2px 12px 3px 7px;margin-left:5px;background:#666;color:#FFF}
#ttbot{display:block;height:5px;margin-left:5px;background:url(/js/images/tt_bottom.gif) top right no-repeat;overflow:hidden}


#msg {display:none; position:absolute; z-index:200; background:url(/js/images/msg_arrow.gif) left center no-repeat; padding-left:7px}
#msgcontent {display:block; background:#f3e6e6; border:2px solid #924949; border-left:none; padding:5px; min-width:150px; max-width:250px; color:#000; }

/*light box end*/

.povinne { font-weight:bold; font-size: 11px !important; }
.registrace span, #objednavka span { font-size: 13px; font-weight: bold; position: relative; top:3px; margin-left: 5px; color:#A7FF00; }
.registrace input.submit { background-color: #A7FF00; font-weight: bold; font-size: 13px; border:0; padding: 3px 5px; }
#objednavka em { font-size: 12px; }
#objednavka table {}
#objednavka table td.right { text-align: right; }
#objednavka table td { text-align: left; padding: 5px; }
#objednavka .basket-btn a,
#objednavka .basket-btn input { border: 1px solid #000; margin: 2px 5px; display: block; color: #000; background-color: #A7FF00; text-align: center; text-decoration: none; cursor: pointer;}

td.strike { text-decoration: line-through; }
input.radio_button { width: 10px; }
td.radio { width: 20px; }


.error {
background:#FFFFFF url(/images/dialog_box/error_bg.jpg) no-repeat scroll right bottom;
border-style:none solid solid;
border-width:medium 1px 1px;
}
.error {
border:1px solid #FF0000;
color:#FF0000;
font-weight:bold;
padding:10px;
}