@import "product_listing.css";
@import "basket.css";
@import "homepage.css";

/*basic elements definition*/
h1{
margin: 0px;
font-family: Verdana;
font-size: 14px;
font-weight: bold;
color: White;	
}
h1.dark{
margin: 0px;
font-family: Verdana;
font-size: 14px;
font-weight: bold;
color: #666666;	
}

h2{
	margin: 0px;
	font-family: Verdana;
	font-size: 12px;	
	font-weight: bold;
	font-style: normal;
	color: White;
}
h2.dark{
	margin: 0px;
	font-family: Verdana;
	font-size: 12px;	
	font-weight: bold;
	font-style: normal;
	color: #666666;
}


body{
	margin-left: 0px;
	margin-top: 0px;
	font-family: Verdana;
	font-size: 10px;
	color: White;
	background-color: black;
}
.page{
	border: solid 1px #A9A9A9;
	width: 1000px;	
	margin-left: auto;
	margin-right: auto;
	clear: both;
	background-color: #333333;
}

a {
	text-decoration: underline;
	#text-decoration: none;
	color: #fff;
}
a:hover{
	color: #ff6666;
	text-decoration: none;
}
a.active
{
	color: #ff6666;
	text-decoration: none;
}
form{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;	
}
input{
	margin: 2px;
	border: solid Silver 1px;
	height: 15px;
	background-color: black;
	color: White;
	/*padding-left: 2px;*/
}
textarea{
	padding: 2px;
	margin: 4px;
	_margin-top: 3px;
	margin-bottom: 0px;
	color: White;
	background-color: black;
	border: solid Silver 1px;
	width: 202px;
	#width: 210px;
	height: 100px;
}

.button_login{
	float: right;
	background-color: Gray;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	height: 20px;
	_height: 22px;
	font-size: 10px;
	margin-right: 5px;
	#margin-right: -5px;
	/*
	margin-left: 84px;
	#margin-left: 92px;*/
	font-weight: bold;
	padding-bottom: 3px;
}
.button_login_out{
	float: right;
	background-color: Gray;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	height: 20px;
	_height: 22px;
	font-size: 10px;
	margin-right: 0px;
	/*#margin-right: -5px;
	margin-left: 84px;
	#margin-left: 92px;*/
	font-weight: bold;
	padding-bottom: 3px;
}
.button_search{
	float: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 22px;
	_height: 22px;
	font-weight: bold;
	padding-bottom: 3px;
	background-color: Gray;
	#width: 73px;
}
.username{
	float: left;
	/*background-color: Gray;*/
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	height: 14px;
	font-size: 10px;
	font-weight: bold;
	padding-bottom: 3px;
	width: 146px;
	#width: 153px;
}
.search{
	/*background-color: Gray;*/
	float: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 3px;
	padding-left: 5px;
	width: 105px;
	#width: 100px;	
	margin: 2px 2px 2px 5px;	
}
.username_logged{
	float: left;
	background-color: Gray;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	height: 14px;
	font-size: 10px;
	font-weight: bold;
	padding-bottom: 3px;
	width: 146px;
	#width: 153px;
	margin: 2px;
	border: solid Silver 1px;
	height: 15px;
	color: White;
}
.login{	
	width: 155px;
	margin: 6px 0px 6px 6px;
	#margin: 6px 0px 6px 1px;
}
.search_form{	
	height: 50px;
	/*width: 155px;*/
	margin: 6px 0px 6px 0px;
	#margin: 6px 0px 6px 1px;
}
.login_name{
	margin: 2px;
}
.order{	
	width: 262px;
	margin: 2px 0px 6px 10px;
}
.color_select{
	margin-right: 2px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: White;
	font-size: 11px;
	border: 1px #A9A9A9 solid;
	height: 18px;
	background-color: #333333;
}
.color_select_2{
	margin: 4px 2px 0px 4px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: White;
	font-size: 11px;
	border: 1px #A9A9A9 solid;
	height: 20px;
	background-color: #333333;
}

.form_spacer
	{
	width: 100%;
	height: 87px;
	}

.red{color: #ff6666;}
.big_red{color: #ff6666; font-weight: bold; font-size: 14px;}
.bold{font-weight: bold;}

.reverted a{ color: #ff6666; text-decoration: none;}
.reverted a:hover{ color: #fff; text-decoration: underline;}

.two a {color: #fff; text-decoration: none;}
.two a:hover {color: #fff; text-decoration: underline;}

.main_menu{	float: left; height: 25px;}

#menu_top{ 	width: 790px; float: left; height: 150px; overflow: hidden;}
#menu_top_homepage{
	width: 790px; 
	float: left; 
	height: 40px;
}
#menu_top_homepage a {	font-size: 13px; font-weight: bold;}
#menu_top_homepage a.active {	font-size: 13px; font-weight: bold; color: #ff6666; text-decoration: none;}
#menu_top_homepage .main_menu{	float: left; height: 25px; width: 930px;}
#menu_top a {	font-size: 13px; font-weight: bold;}
#menu_top a.active {	font-size: 13px; font-weight: bold; color: #ff6666; text-decoration: none;}
#menu_top .main_menu{	float: left; height: 25px; overflow: hidden; width: 788px;}

#menu_left{	float: left; 	width: 200px; _width: 198px;	margin-left: 4px; _margin-left: 2px; margin-top: 4px; margin-bottom: 4px;}
#menu_left .img{	padding-left: 26px;	padding-right: 26px;}
#menu_left .menu{	width: 198px; border: solid 1px #DCDCDC; padding-top: 10px; padding-bottom: 10px;}
#menu_left .menu a {font-size: 13px; font-weight: bold; text-decoration: none;}
#menu_left .menu_1{margin-left: 20px; _margin-left: 10px; width: 170px; margin-top: 2px;}
#menu_left .menu_2{margin-left: 30px; _margin-left: 15px; width: 160px; margin-top: 2px;}
#menu_left .menu_2 a{font-size: 11px; font-weight: bold; text-decoration: none; color: #ff6666;}
#menu_left .menu_2 a:hover{font-size: 11px; font-weight: bold; color: #fff;}
#menu_left .menu_3{margin-left: 40px; _margin-left: 20px; width: 150px; margin-top: 2px;}
#menu_left .menu_3 a{font-size: 11px; font-weight: bold; text-decoration: none; color: #b4b4b4;}
#menu_left .menu_3 a:hover{font-size: 11px; font-weight: bold; color: #fff;}

	
#menu_right {float: right; 
	width: 164px; 
	border: solid 1px #DCDCDC; 
	margin-right: 4px; 
	_margin-right: 2px; 
	margin-top: 4px; 
	margin-bottom: 4px; 
	padding: 2px 0px 4px 0px;  
	font-weight: bold;
	overflow: hidden;}
#menu_right .sales_contact	{width: 140px;	height: 180px;	margin-left: 20px; _margin-left: 10px;	margin-top: 10px;}
#menu_right .sales_img {border: solid #e5e5e5 2px; margin-bottom: 10px;}

#main {
	float: left; 
	width: 625px; 
	_width: 620px; 
	_padding-left: _2px; 
	overflow: hidden; 
	}

.footer{	
	clear:both;
	width: 1000px; 
	height: 17px; 
	background-color: #515151; 
	margin-top: 10px; 
	text-align: center; 
	padding-top: 3px;
	}
	
.clear{ width:100%; height:1px; clear:both;}
.clear_margin{
	 width:100%; height:5px; clear:both;
}
.right{ float: right;}
.left{ float: left;}
.info_text{
	height: 80px;
	text-align: justify;
}
.form_line{
	float: left;
	margin-top: 4px;
	margin-bottom: 2px;
}
.form_line_cell{
	width: 135px;
	padding-top: 3px;
	padding: 3px;
	border: solid Silver 1px;
	margin-top: 2px;
	background-color: #333333;	
	float: right;	
}
.bold{
	font-weight: bold;
}

.padding_l_r {padding-left: 10px; _padding-left: 5px; padding-right: 10px; _padding-right: 5px;}
.padding_t_b {margin-top: 4px; margin-bottom: 4px;}
.discount{ text-decoration: none;}
.action_offer{	width: 198px; height: 200px; border: 1px solid #DCDCDC; margin-top: 4px;}
.d_menu{ clear: both; height: 15px;	width: 610px; _width: 603px; }
.post{	
	text-align: justify;
	padding: 4px;
	width: 190px; 
	height: 100px; 
	border: 1px solid #DCDCDC; 
	margin-top: 4px;}

#product_detail{
	border: solid #a6a6a6 1px;
	margin: 4px;
	width: 615px;
	_width: 610px;
	/*height: 550px;*/
}
#product_detail .left_part{
	float: left;
	/*border: solid #a6a6a6 1px;*/
	margin: 6px; _margin: 3px; 
	width: 300px;
}
#product_detail .right_part{
	float: right;
	border: solid #a6a6a6 1px;
	background-color: Black;
	margin: 6px; 
	_margin: 3px;
	margin-right: 15px;
	_margin-right: 4px;
	margin-top: 42px; 	
	width: 280px;
	/*height: 272px;*/
}
#product_detail .row{
	float: left; 	
	width: 280px;
	_text-align: right;
}
#product_detail .row_2{
	float: left; 	
	width: 282px;
}
.product_name{
	float: left;
	padding: 0px 20px 20px 10px;
}
.product_name_admin{
	clear: left;
	float: left;
	width: 400px;
	padding: 0px 20px 20px 10px;
}
.product_name_colour{
	float: left;
	padding: 0px 20px 20px 10px;
	_margin-top: 25px; 
}
a.product{
	margin: 2px;
	float: left;
	display: block;
	width: 50px;
	height: 50px;
	border: solid #a6a6a6 1px;
}
a.product:hover{
	margin: 2px;
	float: left;
	display: block;
	width: 50px;
	height: 50px;
	border: solid #fff 1px;
}

.cross_promo{
	padding: 4px;
	margin-left: 2px;
	float: left;
	/*border: solid #a6a6a6 1px;*/
	width: 580px;
}
.cross_promo_product{
	padding: 4px;
	margin: 10px;
	margin-top: 6px;
	float: left;
	border: solid #a6a6a6 1px;
	width: 160px;
	height: 50px;
}
.koupit{
	width: 105px;
	height: 28px;
	background: url(../img/koupit.gif);
	border: none;
	float: left;	
}
.top_menu_picture{
	position: relative;
	margin: 0px;
	width: 790px;
	height: 110px;
}
.basket_page{
	/*border: solid #a6a6a6 1px;*/
	margin: 4px;
	_margin: 2px;
	width: 620px;
	_width: 610px;
	/*_margin-left: 155px;*/
}
.admin_action_page{
	margin: 4px;
	_margin: 2px;
	width: 620px;
	_width: 710px;
	_margin-left: 155px;
	_margin-top: 25px;
	/*border: solid #a6a6a6 1px;*/
}
.id{
	position: relative;
	float: left;
	margin-left: 16px;
	_margin-left: 8px;
	width: 590px;
}
.id input{	
	background-color: #333333;
	margin:2px 0px 8px 0px;
}

.id .half{
	margin-right: 40px;
	_margin-right: 15px;
	float: left;
	width: 250px;
}

.id .continue{
	font-weight: bold;
	font-size: 10px;
	text-align: center;
	margin-right: 35px;
	margin-top: 15px;
	float: right;
	border: none;
	width: 170px;
	height: 29px;
	background-image: url(../img/continue_shopping.jpg);
}
.border_cell{
	padding: 3px;
	border: solid Silver 1px;
	margin-top: 2px;
	background-color: #333333;	
	float: right;	
}
.border{
	border: solid #a6a6a6 1px;
}
.payment_body{
	padding: 10px;
	_padding: 5px;
	margin-left: 10px;
	_margin-left: 5px;
	border: solid #a6a6a6 1px;	
	width: 583px;
	float: left;
	position: relative;
}
.radio{	
	float: left;
	margin-top: 5px;
	margin-left: 10px; 
}
.clear_margin_15px{
	width: 100%; clear: both; margin-top: 15px;
}
.payment_body h1{
	margin-left: 0px;
	margin-top: 10px;
}
.payment_body h2{
	margin-left: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.half_payment{
	float: left;
	width: 290px;
	height: 280px;
	margin-top: 15px;
}
.shopping_continue_payment{
	width: 170px;
	height: 29px;
	position: absolute;
	left: 423px;
	top: 410px;
	background-image: url(../img/continue_shopping.jpg);
}
.button_universal{
	position: relative;
	_width: 200px;
	height: 29px;
	font-weight: bold;
	/*border: solid #a6a6a6 1px;*/
	overflow: hidden;
}

.button_universal a {
	#height: 24px;
	text-decoration: none;
	}
	
.button_universal a:hover {
 	color: #fff; 
	text-decoration: none;
	}
	
.button_universal .middle{
	height: 29px;
	float: left;
	background: url(../img/button_middle_background.gif);
	text-align: center;
}
.button_universal_grey_middle{
	height: 29px;
	float: left;
	background-image: url(../img/button_background_grey.gif);
	text-align: center;
}
.button_universal .text{
	float: left;
	height: 20px;
	padding-top: 7px;
}
.button_universal .text_2{
	float: left;
	height: 20px;
	padding-top: 8px;
	/*padding-left: 27px;*/
}
.admin_left_part{
	/*border: solid #a6a6a6 1px;*/
	float: left;
	width: 400px;	
	#width: 395px;
	_width: 385px;
}
.admin_right_part{
	/*border: solid #a6a6a6 1px;*/
	float: left;
	width: 200px;
}
.admin_right_part_2{
	/*border: solid #a6a6a6 1px;*/
	float: left;
	width: 180px;
}
.admin_cell{
	padding: 4px;
	text-align: right;
	margin: 4px 4px 0px 4px;
	border: solid #a6a6a6 1px;
}
.admin_cell_double_margin_top{
	padding: 4px;
	text-align: right;
	margin: 10px 4px 0px 4px;
	border: solid #a6a6a6 1px;
}
.admin{
	padding-left: 4px;
	margin: 4px 4px 0px 4px;
	#margin: 2px 4px 0px 4px;
	height: 18px;
}
.admin_colour{
	float: left;
	padding-left: 4px;
	margin: 4px 4px 0px 4px;
	#margin: 2px 4px 0px 4px;
	height: 18px;
}

.no_border{
	height: 12px;
	padding: 4px;
	text-align: right;
	margin: 4px 4px 0px 4px;
	/*border: none 1px;*/
	border: solid #333333 1px;
}
.checkstyle{
	background-color: #333333;
	float: left;	
	margin-left: 4px;
	_margin-left: 0px;
	margin-top: 8px;
	border: none;
}
.color_name{
	width: 125px;
	#width: 120px;
	float: left;	
	margin-left: 4px;
	margin-top: 8px;
	border: solid #333333 1px;
}

.delete_category{
	width: 250px;
	#width: 240px;
	float: left;	
	margin-left: 4px;
	margin-top: 8px;
}
.admin_full_frame{
	position: relative;
	padding: 4px;
	float: left;
	width: 620px;
	_width: 600px;	
	/*border: solid #a6a6a6 1px;*/
}
.admin_cell_left{
	float: left;
	width: 232px;
	padding: 4px;
	text-align: left;
	margin: 4px 4px 0px 4px;
	_margin: 4px 4px 0px 2px;
	border: solid #a6a6a6 1px;
}
.admin_cell_right{
	float: left;
	width: 232px;
	padding: 4px;
	text-align: left;
	margin: 4px 4px 0px 4px;
	/*border: solid #a6a6a6 1px;*/
}
.admin_cell_text_left{
	padding: 4px;
	text-align: left;
	margin: 4px 4px 0px 4px;
	border: solid #a6a6a6 1px;
}
.admin_cell_left_no_border{
	float: left;
	width: 232px;
	padding: 4px;
	text-align: left;
	margin: 4px 4px 0px 4px;
	/*border: solid #a6a6a6 1px;*/
}

.insert_image{
	float: left;	
	padding: 4px;
	text-align: left;
	margin: 4px 4px 30px 4px;	
	_margin-left: -80px;
	/*border: solid #a6a6a6 1px;*/
}
.position{
	position: absolute;
	left: 300px;
	_left: 280px;
	top: 20px;
}
.position_2{
	position: absolute;
	left: 460px;
	_left: 460px;
	top: 20px;
}
.position_3{
	position: absolute;
	left: 0px;
	_left: 0px;
	top: 20px;
}

.admin_position{	
	position: absolute;
	left: 350px;
	_left: 330px;
	top: -30px;
	#top: -50px;
	
}
.full_frame_position{
	clear: both;
	position: relative;
	padding: 4px;
	float: left;
	width: 600px;
	height: 60px;
	/*border: solid #a6a6a6 1px;*/
	overflow: hidden;
}
.full_frame_position_2{
	clear: both;
	position: relative;
	padding: 4px;
	float: left;
	width: 500px;
	height: 60px;
	_margin-left: -10px;
}
.admin_picture_frame{
	float: left;
	/*height: 58px;*/
	width: 298px;
	_width: 290px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin: 8px 4px 0px 4px;
	border: solid #a6a6a6 1px;
}
.picture_frame_name{
	width: 195px;
	float: left;	
	margin-left: 4px;
	margin-top: 8px;
	border: solid #333333 1px;
}
.fileinput{
	color: #B0C4DE;
	font-weight: bold;
	padding: 2px;
	margin: 2px;
	border: solid Silver 1px;
	height: 22px;
	background-color: #999999;
	color: White;
}
#main_admin{
	float:left;
	overflow: hidden; 
	width: 625px; 
	_width: 770px; 
	_padding-left: 2px; 
	_margin-top: -445px;/* zmena 14.5.2008 14:29* _margin-top: -400px;*/
	_margin-left: 27px;	
	}
#admin_insert{ 
	float:left;
	overflow: hidden; 
	width: 625px; 
	 
	_padding-left: _2px; 
	_margin-top: 0px;
	/*_margin-left: -150px;	*/
	}
#users_admin{ 
	float:left; 
	width: 625px; 
	_width: 620px; 
	_padding-left: _2px; 
	_margin-top: -380px;
	_margin-left: 22px;
	}
	
#admin_announcement{
	margin-left: 20px;
	margin-top: 2px;
	float: left;	
	width: 580px;	 
	_padding-left: 2px;
	margin-top: 4px;
	color: black;
	background-color: #e1e1e1;
	border: solid #cccccc 1px;
}
.announcement_page{
	margin: 8px;
	_margin: 2px;
	width: 560px;
}
.announcement_center{
	margin-left: 30px;
}
.hidden {
    display:none;
}
.margin_right_20{
	margin-right: 20px;
}
.margin_left_20{
	margin-left: 20px;
}
.voucher{
	margin-left: 20px;
}
.calendar_position{
	position: absolute;
	top: 5px;
	left: 170px;
}
.relative{
	height: 30px;
	float: left;
	position: relative;
}
.margin{
	height: 25px;
	clear: both;	
	margin-bottom: 10px;	
	_margin-bottom: 0px;
}
.chyba{
	float: left;
	width: 580px;
	#width: 575px;
	padding: 5px;
	_padding-left: 2px;
	border: solid Silver 1px;
	font-size: 12px;
	font-weight: bold;
	margin-left: 4px;
	/*_margin-left: 205px;*/
	margin-bottom: 10px;
	margin-top: 4px;
	color: #FF6666;
}
.chybap{
	float: left;
	width: 595px;
	/*_width: 605px;*/
	#width: 575px;
	padding: 5px;
	border: solid Silver 1px;
	font-size: 12px;
	font-weight: bold;
	margin-top: 0px;
	_margin-top: 4px;
	margin-left: 4px;
	_margin-left: 2px;
	margin-bottom: 10px;
	color: #FF6666;	
}

.story{
	text-align: justify;
	float: left;
	width: 570px;
	margin-left: 20px;
}
.colour_list{
	border: solid Silver 1px;
	float: left;
	width: 188px;
	_width: 174px;
	margin-right: 10px;
	margin-bottom: 10px;
}
.action_list{
	border: solid Silver 1px;
	float: left;
	width: 270px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding-left: 10px;
	_padding-left: 5px;
	padding-top: 10px;
}
.discount_row{
	margin-top: 4px;
	/*border: solid Silver 1px;*/
	float: left;
	width: 220px;
	height: 22px;
}
.admin_left{
	float: left;
	padding-left: 4px;
	_padding-left: 2px;
	margin: 0px 4px 0px 4px;
	#margin: 0px 4px 0px 4px;
	height: 17px;
}
.admin_left_padding{
	float: left;
	padding-left: 4px;
	_padding-left: 2px;
	padding-top: 4px;
	margin: 0px 4px 0px 4px;
	#margin: 0px 4px 0px 4px;
	height: 17px;
}
.checkstyle_2{
	background-color: #333333;
	float: left;	
	margin-left: 4px;
	_margin-left: 0px;
	margin-top: 2px;
	border: none;
}

.colour_row{
	float: left;
	width: 610px;
	/*height: 25px;*/
}
.user_row{
	float: left;
	width: 610px;
	height: 20px;
}
.user_cell{
	height: 14px;
	float: left;
	width: 380px;
	padding: 4px;
	text-align: right;
	margin: 4px 4px 0px 4px;
	border: solid #a6a6a6 1px;
}
.user_cell_input{
	height: 14px;
	float: left;
	width: 170px;
	padding: 4px;
	text-align: left;
	margin: 4px 4px 0px 4px;
}
.user_cell_input_half{
	height: 14px;
	float: left;
	width: 90px;
	padding: 4px;
	text-align: left;
	margin: 4px 4px 0px 4px;
}
.vertical_align{
	vertical-align: bottom;
}
.login_name_right_menu{
	margin-left: 5px;
	#margin-left: 7px;
}
.button_edit     { 
		width: 144px; 
		height: 29px; 
		border: 0px solid transparent; 
		margin: 1px; 
		padding: 0px; 
		background-image: url(../img/button_background.gif);
		background-repeat: no-repeat; 
		font-family: Verdana;
		font-size: 10px;
		font-weight: bold;
		}
.orderdata{
	margin-left: 20px;
	width: 550px;
	border: solid Silver 1px;
}
.colour_cell{	
	width: 232px;
	padding: 4px;
	text-align: left;
	margin: 4px 4px 0px 4px;
	_margin: 4px 4px 0px 2px;
	border: solid #a6a6a6 1px;
}
.search_action_page{
	position: absolute;
	left: 5px;
	top: 0px;
}
#main_search{ 
	position: relative;
	float:left;
	overflow: hidden; 
	width: 605px;
	height: 500px;
	}