/* form.css */

form {font-size: 100%;}

.form_border, .form_border_wide {
  float: left;
  border: 1px solid #333;
  padding: 10px 10px 10px 10px;
  /*width: 600px;*/
  margin-bottom: 20px;
}

.form_border_wide {width: 700px;}

.form_border .filter {
  float: left;
  padding: 3px 5px 0 0;
}

.form_border.price_levels .inputText {
	width:125px;
}

.form_border.price_levels .options_assignment_checkbox {
	margin-right:-30px;
}

.form_border_small {
  border: 1px solid #333;
  padding: 3px 3px 3px 3px;
  width: 197px;
}

form div {
  clear: left;
  margin: 5px 0 0 0;
  padding: 5px 3px;
}

form div label {
  float: left;
  text-align: right;
  width: 150px;
  padding-right: 10px;
}

form div td label {
	width:auto;
}

form div.variant_border label {
	padding:0px;
}

.checklist form label {
	width:245px;
}

form div input, form div textarea {
  width: 200px;
}

form div textarea {
	min-height:80px;
}

form div input[type=file] {
  width: 250px;
}

form div input[type=checkbox] {
  width:auto;
}

form button,
form .inputSubmit {
	min-width:130px;
}


fieldset.divider {
  border: none;
  border-top: 1px solid #C66330;
}

fieldset.divider legend {
  padding-left: 10px;
  padding-right: 10px;
  font-size: 120%;
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 5px;
  color: #C66330;
}

fieldset {
	padding:20px;
	margin:10px 0px;
}

fieldset legend {
	padding:0px 10px;
}

.no_label {padding-left: 163px;}
.input_info {padding-left: 163px; font-size: 80%; margin-top: -8px;}

.submit {padding-left: 163px; width: auto;}
.submit label {display: none;}

.description {padding-left: 163px; font-size: 80%; margin-top: -10px;}
.selectOne {width: 205px;}
.inputSubmit {width: auto; color:#FFFFFF; font-weight:bold; background-color:#FF0000; padding: 3px 16px 3px 16px;}
.inputSelect {width: 205px;}
.inputCheckbox {width: auto; border: none;}
.inputTextarea {overflow: auto; width: 300px;}

.checkbox_field {display: block;}

/* PRO IE */
/*.options_assignment_checkbox {position: relative; float: left;}
.options_assignment_optional {position: absolute; float: left; margin-left: -25px;}*/

.options_assignment_checkbox {float: left; display: inline;}
.options_assignment_optional {display: inline-block;}

.required {font-weight: bold;}
.optional {font-weight: normal;}


label.radio {
    width:auto;
    height:50px;
    text-align:center;
    margin:5px 0px 0px 0px;
    box-sizing: border-box;
    float:right;
}

input.radio { 
    width:auto; 
    margin:0px 20px 0px 5px;
    float:right;
}

.attributes div.optional {
	clear:none;
}

.attributes label.optional {
	float:left;
    clear:both;
}

.attributes div.optional {
    margin-bottom:10px;
}

.attributes label.radio {
	height:45px;
	float:left;
	clear:none;
}

.attributes br {
	display:none;
}

.attributes input.radio {
	margin:0px 5px;
	float:none;
}

input, select, textarea {
  border: 1px solid #333;
  padding: 1px 2px 1px 2px;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 100%;
  color: #000000;
  position: static;
}

.inputTextEn {
  float: right;
  width: 170px;
  background-color: #ddd;
  margin-bottom: 15px;
}

.registration_checkbox {
    padding-left: 160px;
    text-align: left;
    float: left;
}

.registration_checkbox input {
    margin-right: 20px;
    float: left;
}

.registration_checkbox label {
    text-align: left;
    width: 100%;
    float: left;
}

div.paging {
  float: left;
  margin-top: 10px;
  padding: 3px 3px 3px 5px;
  /*border: 1px solid #e5e5e5;*/
  background-color: #e5e5e5;
}

.paging_select {
  float: left;
  width: auto;
  margin-top: 3px;
  padding-right: 10px; 
}

.paging_arrows {
  float: left;
  width: auto;
  padding: 2px 20px 0 20px;
}

.paging_numbers {
  float: left;
  width: auto;
  padding-right: 10px;
  margin-top: 7px;
}

.paging_numbers a {
  display: inline;
  padding: 2px 5px;
  height: 16px;
  border: 1px solid #666666;
  background-color: white;
  margin-right: 3px;
  margin-top: -3px;
  text-align: center;
}

/*div.paging input {visibility: hidden;}*/
div.paging select {width: 50px;}

.clear {clear: both;}
.inline {display: inline;}

.width50 {width: 50px;}
.width70 {width: 70px;}
.width75 {width: 75px;}
.shortInput {width: 15px;}
.longInput {width: 350px;}

/*pole pro nabidku ajaxu*/
div.autocomplete {
  position: absolute;
  width: 350px;
  background-color: white;
  border: 1px solid #888;
  margin: 0px;
  padding: 0px;
}
div.autocomplete ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li {
  list-style-type: none;
  display: block;
  margin: 0;
  padding: 2px;
  height: 16px;
  cursor: pointer;
}

/**************** SEARCH ***************************/
form .input_search {
  display: inline;
  padding: 0;
  margin: 0;
  width: 20px;
  border: none;
}

.search_form {
  background-color: #D1E3E9;
  width: 648px;
}

.search_results {
  float: left;
  padding: 10px;
  width: 638px;
  background-color: #fbfbfb;
  border: 1px solid #eee;
}

div.search_paging {
  float: left;
  margin-top: 10px;
  padding: 0;
  /*border: 1px solid #e5e5e5;*/
  background-color: #e5e5e5;
  width: 100%;
}

.search_paging_arrows {
  float: left;
  width: auto;
  padding: 5px;
}

.search_paging_numbers {
  float: right;
  width: auto;
  padding-right: 10px;
  padding-top: 6px;
  margin-top: 2px;
}

.search_paging_numbers a {
  display: inline;
  padding: 2px 5px;
  height: 16px;
  border: 1px solid #666666;
  background-color: white;
  margin-right: 3px;
  /*margin-top: -3px;*/
  text-align: center;
}

a.search_button, .search_button_unclickable {
  display: block;
  padding: 2px 8px;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  border-left: 1px solid gray;
  border-top: 1px solid gray;
  background-color: white;
  float: left;
  /*margin-bottom: 10px;*/
  text-decoration: none;	
}

input.search_input {
/*  float: left;*/
  margin-left: 3px;
  width: 150px;
  display: inline;
  clear: none;
}

div.search_area {
  display: inline;
}

.search_submit_button {
  display: inline;
}

p.error {
  display: block;
  width: 198px;
  margin-left: 157px;
  padding: 3px;
  border: 1px solid red;
  background-color: #FFEFEF;
  color: red;
  font-size: 10px;
  font-weight: normal;
}

/**** login form *****/
input.loginInput {width: 165px;}


/*** cart buttons ***/
button.cart_button, a.cart_button {
    display: inline;
    border: none;
    padding: 5px 20px;
    color:#FFFFFF;
    background-color: #01ad9d;
    font-weight: bold;
    cursor: pointer;
    margin: 0;
    margin-right: 10px;
    text-transform:uppercase;
    font-size:12px;
}

button#cart_send_disabled {
    background-color: gray;
}

a.cart_button {
    color:#FFFFFF;
    padding: 7px 20px;
}

button.cart_button[name=recount], a.cart_button.orange {
	background-color: #707175;
}

#iconset a img {
	padding:7px;
}

#iconset a:hover img {
	padding:5px;
	border:2px solid #FF6600;	
	border-radius:5px;
}


#iconset a.active img {
	padding:5px;
	background-color:#FFFFFF;
	border:2px solid #FF6600;
	border-radius:5px;
}

ul#configurator ul.controls {
	width:530px;
	padding:10px;
	background-color:#F7F7F7;
	border:#CCCCCC solid 1px;
}

ul#configurator ul.controls input {
	float:right;
}

ul#configurator li {
	list-style:none;
}

ul#configurator li.label {
	margin-bottom:15px;
}

ul#configurator li.label a {
	display:inline-block;
	width:320px;
	padding:3px;
	background-color:#FFFFFF;
	border:#CCCCCC solid 1px;
}

ul#configurator li h3 {
	width:200px;
	cursor:pointer;
	padding-left:25px;
	background:url('assets/help_icon.png') 0px 0px no-repeat;
	float:left;
	clear:left;
}

ul#configurator li h3.optional {
	background-image:url('assets/help_icon_orange.png');
}

ul#configurator li h3.selected {
	background-image:url('assets/help_icon_green.png');
}

ul#configurator ul {
	margin:10px 0px 25px 0px;
	clear:both;
}

ul#configurator ul li {
	position:relative;
	padding:5px;
}

ul#configurator ul li:hover {
	/*position:relative;*/
}

ul#configurator ul li label {
/*	font-weight:normal;*/
}

ul#configurator ul li:hover label {
	/*font-weight:bold;*/
	/*text-decoration:underline;*/
}

ul#configurator ul li.bold {
	font-weight:bold;
}

ul#configurator ul li span.hint {
	display:inline-block;
	width:20px;
	height:15px;
	cursor:help;
	background:url('assets/info_icon.png') 0px 0px no-repeat;

}

ul#configurator ul li p {
	position:absolute;
	display:block;
	font-size:11px;
	font-weight:normal;
	color:#A41916;
	text-decoration:none;
	padding:8px 4px;
	margin:-22px 30px 0px 210px;
	background-color:#FFFFFF;
	border:#A41916 dotted 1px;	
}

ul#configurator ul li:hover p {
	/*display:block;*/
}

ul#configurator input[type=text] {
	color:#A41916;
	text-align:right;
	padding:3px;
	margin-right:10px;
	border:#CCCCCC solid 1px;	
}

#configuratorForm #submit {
	padding:8px 10px;
}

#configuratorForm #resetBtn {
	font-weight:bold;
	color:#666666;
	padding:0px 20px;
	margin-right:125px;
	background:none;
	background:url('../images/icons/cross.png') top left no-repeat;
	border:none;
	float:right;	
}

#configuratorForm #submit.searching {
	color:#CCCCCC;
	padding-right:30px;
	background:#FFFFFF url('../images/ajax-loader.gif') top right no-repeat;
}

#configuratorForm a.shareBtn {
	padding:0px 0px 0px 20px;
	background:url('../images/icons/share-icon.png') top left no-repeat;
}

#configuratorForm a.facebookBtn {
	padding:0px 0px 0px 20px;
	background:url('../images/icons/facebook-icon.png') top left no-repeat;
}

#configuratorForm input[name=share-url] {
	font-weight:bold;
	width:390px;
	padding:3px;
	border-style:dotted;
	background:#FFFFFF url('../images/icons/link-icon.png') 375px 3px no-repeat;	
}


#configuratorForm .query-form {
	padding:25px 15px;
	border:1px solid #999;
}

#configuratorForm .query-form label {
	width:120px;
}

#configuratorForm .query-form input,
#configuratorForm .query-form textarea {
	width:400px;
}

#configuratorForm .query-form #queryBtn {
	width:405px;
	padding:3px 0px;
	margin-left:132px;
	background-color:#a41916;
}

a#inquiryLink {
	padding-left:20px;
	background:url('assets/info_icon.png') 0px 0px no-repeat;	
}

.customs small ul,
.options small ul {
	display:block;
	font-size:12px;
	width:200px;
	padding:3px;
	margin-left:140px;
	list-style:none;
}

.customs small li,
.options small li {
	margin-bottom:5px;
}

.customs small a,
.options small a {
	padding-left:20px;
}

.customs small a:hover,
.options small a:hover {
	background:url('../images/icons/cross.png') top left no-repeat;
}

/** autocomplete */

div.autocomplete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0;
  padding:0;
}

div.autocomplete ul {
  list-style-type:none;
  margin:0;
  padding:0;
}

div.autocomplete ul li.selected { 
	background-color: #f7953e;
}

div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:auto;
  cursor:pointer;
}

#alert {
	position:absolute;
/*	display:none;*/
	width:auto;
	max-width:380px;
	min-height:auto;
	top:0px;
	left:0px;
	padding:12px;
	border:1px solid #999;
	border-radius:20px;
	border-top-left-radius:0px;
	background-color:#FFFFFF;
	box-shadow:3px 3px #DADADA;
	z-index:999;
}

#alert p {
	margin-bottom:5px;
}

#alert input {
	margin:0px 10px 3px 0px;
}