.pe_clearfix:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

.pe_formintro{
	box-sizing: border-box;
	float: left;
	width: 60%;
	padding-right: 15px;
}
.pe_form{
	box-sizing: border-box;
	margin: auto auto;
	background: #eee;
}

.pe_form > h1{
	font-size: 24px;
	margin: 0px;
	padding: 0px;
	}

.pe_form_side{
	float: left;
	width: 40%;
	padding: 15px;
}

.ac_gdpr{

	text-align: center;
}
.pe_nameinputs > select{
	box-sizing: border-box;
	float: left;
	width: 30%;
}

.pe_nameinputs{
display: block;
	width: 74%;
	float: left;
	box-sizing: border-box;
}
.pe_form > label, .pe_form > falselabel {
	width: 100%;
	display: block;
	box-sizing: border-box;
}
.pe_form > label > span,.pe_form > falselabel > span{
	width: 25%;
	display: block;
	float: left;
	box-sizing: border-box;
	text-align: right;
	font-weight: normal;
	padding-right: 5px;
	font-size: 16px;
	line-height: 30px;
	height: 30px;
}

.pe_form > label > input,.pe_form > label > div > input,.pe_form > falselabel > input,.pe_form > falselabel > div > input{
	display: block;
	width: 74%;
	float: left;
	box-sizing: border-box;
	font-size: 16px !important;
	padding: 7px !important;
	height: 30px;
	border: 1px solid #ccc;
	}
	
	.pe_nameinputs > input{
	width: 32% !important;
	margin-left: 5px;
}
.pe_form > label > input[name="telephone"]{
	width: 50%;
}
.pe_form > label > input[name="housenum"]{
	width: 20%;
}

.pe_form > label > input[name="postcode"]{
	width: 40%;
}

.pe_submitbutton{
	background: green;
	color: white;
	margin-left: 25%;
	padding: 10px;
	border: 0px;
	font-weight: bold;
}

.pe_has_error{
	color: red;
	border-color: red !important;
}

.pe_product_menu{
	box-sizing: border-box;
	width: 25%;
	background: #eee;
	float: left;
	padding: 15px;
}
.pe_basket{
	box-sizing: border-box;
	width: 75%;

	float: left;
	border: 1px solid #eee;
	padding: 15px;
}

.pe_start_message{
	text-align: center;
	color: #666;
	padding: 30px;
}

.pe_product_menu_catagory{
	text-align: left;
	font-size: 18px;
	font-weight: bold;
	background: #5C449D;
	padding: 10px;
	color: white;
	cursor: hand;
	cursor: pointer;
	margin-top: 10px;
}

.pe_product_menu_catagory_cont{
	margin-bottom: 10px;
	padding: 10px;
	background: #fff;
	padding-bottom: 5px;
	display: none;
}

.pe_product_select{
	background: #DAD2F1;
	color: black;
	padding: 5px;
	margin-bottom: 5px;
	text-align: center;
}

.pe_product_select:hover{
	background: #5C449D;
	color: white;
	}
	.pe_product_select > img[src*="window"]{
		height: 40px;
	}
	.pe_product_select > img[src*="ctory"]{
		image-rendering: auto;
		width: 80px;
		border: 0px;
		
	}
	.pe_product_select > img[src*="door"]{
		image-rendering: auto;
		width: 80px;
		height: 75px;
		border: 0px;
		
	}
	
	
.pe_pc_toggle_icon{
	float: right;
}

.pe_product_card{
	border: 1px solid #eee;
	margin-bottom: 15px;
}
.pe_product_card_head{
	background: #eee;
	padding: 10px;
	font-size: 16px;
	font-weight: bold;
}
.pe_product_card_head > a > span{
	float:right;
	color: #666;
	}
.pe_product_card_body{
	padding: 10px;
}

.pe_product_card_footer{
	padding: 10px;
	background: #eee;
}

.pe_product_image{
	width: 33.33%;
	box-sizing: border-box;
	float: left;
	
}

.pe_product_menu_image{
	width: 50%;
	box-sizing: border-box;
	float: left;
border: 2px solid white;
	
}
.pe_product_menu_image > img{
	max-width: 90%;
	
	background: white;
	border: 2px solid white;
	image-rendering: pixelated;
	}
.pe_product_image > img{
		width: 100%;

	}
	.pe_product_card_body > form > label, .pe_form > form > label{
		display: block;
		line-height: 20px;
		font-size: 14px;
		
	}
	.pe_product_card_body > form > label{
		width: 66.66%;
		float: right;
	}
	.pe_form > form > label>input{
		margin: 5px;
		}
	
	.pe_product_card_body > form > label >input,.pe_product_card_body > form > label >select,.pe_form > falselabel > div >input,.pe_form > label  >input ,.pe_form > falselabel > div >select{
		display: inline-block;
		box-sizing: border-box;
height: 30px;
padding: 4px 6px;
margin-bottom: 10px;
font-size: 14px;
line-height: 20px;
color: #555555;
vertical-align: middle;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-color: #ffffff;
border: 1px solid #cccccc;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		}
		
		.pe_product_card_body > form > label >input[type="checkbox"]{
			padding: 0px;
			margin: 10px;
			margin-left: 0px;
			height: auto;
			width: auto;
			position: relative;
			top: -3px;
			
		}
		
		.pe_product_card_body > form > label > div> select,.pe_form > label > div >select{
			display: inline-block;
height: 30px;
padding: 4px 6px 5px 5px;
margin-bottom: 10px;
font-size: 14px;
line-height: 20px !important;
color: #555555;
vertical-align: middle;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-appearance: menulist;
box-sizing: border-box;
align-items: center;
white-space: pre;
-webkit-rtl-ordering: logical;
color: black;
background-color: white;
cursor: default;
			
		}
.pe_product_card_body > form > label > span{
	display: inline-block;
	width: 33.33%;
	text-align: right;
	padding-right: 10px;
	position: relative;
	top: -3px;
	
	
}
.pe_product_card_body > form > p{
	text-align: center;

}

.pe_input_append{
	display: inline;
	width: auto !important;
	border: 0px;
	padding: 5px;
	color: #ccc;
	text-align: left;
}

.pe_item_price{
	text-align: center;
	font-weight: bold;
	font-size: 18px;

}
.pe_item_price > span{
	font-weight: normal;
	}
	
	.pe_powered_by{
		text-align: center;
		padding: 15px;
	}
	.pe_powered_by > a{
		font-weight: bold;
		color: black;
		}
		#pe_total_price_container{
			font-size: 18px;
			text-align: center;
			padding: 15px;
			background: #ccc;
		}
		
		@media screen and (max-width: 768px){
			.pe_product_menu_catagory{
				font-size: 12px;
			}
.pe_formintro{
	width: 100% !important;
}
.pe_form_side{
	width: 100% !important;
}
.pe_form > label > span{
	font-size: 14px !important;
	white-space: nowrap;
}
.pe_product_menu{
	width: 100% !important;
}

.pe_basket{
	width: 100% !important;
}
.pe_product_image{
			width: 100% !important;
			float: none !important;
		}
		.pe_product_card_body > form > label, .pe_product_card_body > form > label >span{
		width: 100% !important;
		float: none !important;
	text-align: left !important;
		}
		
		.pe_product_card_body > form > p {
			display: none;
		}
		.pe_input_append{
			width: auto !important;
			float: right;
		}
}

.pe_finish_button{
	background: #eee;
	color: black;
	padding: 5px;
	margin-bottom: 5px;
	text-align: center;
	width: 25%;
	margin: auto auto;
	font-size: 18px;
	font-weight: bold;
	float: right;
}

.pe_dplabel input{
	width: auto !important;
	height: auto !important;
	margin-right: 10px;
	display: inline-block;
	float:none !important;
	position: relative;
	top: 1px;
	
}
.pe_dplabel{
	font-size: 12px;
	font-weight: 300;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 0px;
}

.ac_gdprmore p{

	font-size: 12px;
	text-align: left;
}
.ac_gdprmore{
	display: none;
}

@media screen and (min-width: 768px) and (max-width: 992px){
	.pe_formintro{
	width: 50% !important;
}
.pe_form_side{
	width: 50% !important;
}
.pe_form > label > span{
	font-size: 14px !important;
}
.pe_product_menu{
	width: 30% !important;
}
.pe_basket{
	width: 70% !important;
}
	
}