* {margin:0; padding:0;}
.clear {float:none; clear:both;}

#conf {
	position:absolute;
	width:827px;
	height:500px;
	border-radius:15px;
	overflow:hidden;
	border:2px solid #0055FF;
	background-color:#cceeff;
	color:white;
	text-shadow:0 -1px 1px #000000;
	box-shadow:inset 0 0 30px #ffffff;
}

.conf_button {
	display:inline-block;
	padding:7px 10px;
	border-radius:7px;
	border:1px solid #002288;
	background: rgb(109,179,242);
	background: linear-gradient(to bottom, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */
	cursor:pointer;
	box-shadow:0px 1px 3px #112244;
}

.conf_button:hover {
	border:1px solid #000033;
	background: linear-gradient(to bottom, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
	box-shadow:0px 0px 2px #112244;
	text-shadow:0 -1px 0px #222222;
}


#conf > div {
	position:absolute;
	width:100%;
	height:100%;
}


.conf_title {
	display:block;
	position:absolute;
	text-align:center;
	width:100%;
	padding:20px 0;
	font-size:30px;
	color:#7db9e8;
	text-shadow:0 -1px 1px #000000, 0 1px 1px #ffffff;
}


.conf_height_field {
	position:absolute;
	border-radius:10px;
	border:1px solid #002288;
	width:182px;
	height:190px;
	text-align:center;
	box-shadow:inset 0 0 20px #ffffff, 0 0 3px #000000;
}

.conf_height_img {
	width:120px;
	height:120px;
	margin:8px 0 10px;
}

.conf_height_field > .conf_button {
	
}

#conf_height_select_2 {
	bottom:230px;
	left:20px;
}

#conf_height_select_25 {
	bottom:230px;
	left:222px;
}

#conf_height_select_3 {
	bottom:230px;
	left:424px;
}

#conf_height_select_35 {
	bottom:230px;
	left:626px;
}

#conf_height_select_4 {
	bottom:20px;
	left:122px;
}

#conf_height_select_45 {
	bottom:20px;
	left:324px;
}

#conf_height_select_5 {
	bottom:20px;
	left:526px;
}


#conf_pistil_select {
	display:none;
}

#conf_pistil_select_content {
	box-shadow:0 0 25px #ffffff;
	border-top:1px solid #0055FF;
	padding-top:16px;
	overflow-y:auto;
	height: 401px;
    position: absolute;
    width: 100%;
	top:82px;
}

.conf_pistil_field {
	position:relative;
	border-radius:10px;
	border:1px solid #002288;
	width:82px;
	height:390px;
	text-align:center;
	box-shadow:inset 0 0 20px #ffffff, 0 0 3px #000000;
	float:left;
	margin:0 0 16px 16px;
}

.conf_pistil_img {
	height:328px;
	margin:8px 0 10px;
}

.conf_pistil_field > .conf_button {
	
}



#conf_plate_select {
	display:none;
}

#conf_plate_preview {
	display:block;
	position:absolute;
	top:0;
	left:0;
	height:500px !important;
	width:670px !important;
	background-image:url('konfigurator/front/bg.jpg');
	overflow:hidden;
	border-right:1px solid #0055FF;
	z-index:1;
}

#conf_plate_preview_shadow {
	display:block;
	position:absolute;
	top:340px;
	left:-103px;
	height:102px;
	width:876px;
	background-image:url('konfigurator/front/shadow.png');
}

.conf_plate_preview_pistil {
	display:block;
	position:absolute;
	bottom:100px;
	width:25px;
	height:150px;
	overflow:hidden;
	/*box-shadow:0px 0px 4px 1px #000000;
	box-shadow:0px 0px 4px 1px rgba(0,0,0,0.5);
	background-color:#000000;
	background-color:rgba(0,0,0,0.5);*/
}

.conf_plate_preview_pistil > img {
	display:block;
	width:25px;
	filter: url("data:image/svg+xml;utf8,<svg height=\'0\' xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'conf_shadow\'><feGaussianBlur in=\'SourceAlpha\' stdDeviation=\'3\'/><feOffset dx=\'0\' dy=\'0\' result=\'offsetblur\'/><feFlood flood-color=\'rgba(0,0,0,0.7)\'/><feComposite in2=\'offsetblur\' operator=\'in\'/><feMerge><feMergeNode/><feMergeNode in=\'SourceGraphic\'/></feMerge></filter></svg>#conf_shadow");
	png-shadow:0px 0px 4px #000000; 
	png-shadow:0px 0px 4px rgba(0,0,0,0.7); 
	-webkit-filter: drop-shadow(0px 0px 4px #000000);
	-webkit-filter: drop-shadow(0px 0px 4px rgba(0,0,0,0.7));
	filter: drop-shadow(0px 0px 4px #000000);
	filter: drop-shadow(0px 0px 4px rgba(0,0,0,0.7));
}

#conf_plate_preview_left_pistil {
	left:175px;
}

#conf_plate_preview_right_pistil > img {
	transform: scaleX(-1);
}

#conf_plate_preview_right_pistil {
	left:470px;
}

.conf_plate_preview_plate {
	display:block;
	position:absolute;
	width:275px;
	filter: url("data:image/svg+xml;utf8,<svg height=\'0\' xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'conf_shadow\'><feGaussianBlur in=\'SourceAlpha\' stdDeviation=\'2\'/><feOffset dx=\'0\' dy=\'0\' result=\'offsetblur\'/><feFlood flood-color=\'rgba(0,0,0,0.4)\'/><feComposite in2=\'offsetblur\' operator=\'in\'/><feMerge><feMergeNode/><feMergeNode in=\'SourceGraphic\'/></feMerge></filter></svg>#conf_shadow");
	png-shadow:0px 0px 4px #000000; 
	png-shadow:0px 0px 4px rgba(0,0,0,0.7); 
	-webkit-filter: drop-shadow(0px 0px 4px #000000);
	-webkit-filter: drop-shadow(0px 0px 4px rgba(0,0,0,0.7));
	filter: drop-shadow(0px 0px 4px #000000);
	filter: drop-shadow(0px 0px 4px rgba(0,0,0,0.7));
}

#conf_plate_title {
	width:137px;
	left:680px;
	font-size:24px;
	padding:7px 0;
	text-shadow:0 -1px 1px #000000;
}

#conf_plate_select_content {
	box-shadow:0 0 15px #ffffff;
	border-top:1px solid #0055FF;
	overflow-y:scroll;
	overflow-x:hidden;
	height: 421px;
    position: absolute;
    width: 157px;
	top:72px;
	left:670px;
}


.conf_plate_field {
	position:relative;
	width:142px;
	height:100px;
	text-align:center;
	box-shadow:inset 0 0 20px #ffffff, 0 0 3px #000000;
}

.conf_plate_img {
	width:132px;
	margin:8px 5px 10px;
}

.conf_plate_field > .conf_button {
	
}


#conf_pistil_select > .conf_to_start {
	position:absolute;
	top:20px;
	left:20px;
}

#conf_plate_select > .conf_to_start {
	position:absolute;
	top:15px;
	left:15px;
	z-index:2;
}

#conf_pistil_select > .conf_back {
	position:absolute;
	top:20px;
	left:115px;
}

#conf_plate_select > .conf_back {
	position:absolute;
	top:15px;
	left:110px;
	z-index:2;
}



#conf_plate_info {
	position:absolute;
	bottom:15px;
	left:15px;
	max-width:640px;
	z-index:2;
	font-size:12px;
	
	display:inline-block;
	border-radius:7px;
	border:1px solid #002288;
	background: rgb(109,179,242);
	/*background: linear-gradient(to bottom, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(to bottom, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 32%,rgba(32,124,202,1) 33%,rgba(125,185,232,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
	cursor:pointer;
	box-shadow:0px 1px 3px #112244;
}

.conf_plate_info_item {
	position:relative;
	float:left;
	text-align:center;
	padding:3px;
	max-width:47px;
}

.conf_plate_info_item_sep {
	border-left:1px solid #002288;
}

.conf_plate_info_item_title {
	margin-bottom:10px;
	height:15px;
}

.conf_plate_info_item_content {
	height:35px;
}