*{
	padding : 0;
	margin : 0;	
	border : 0;
}
body{	
	background-attachment : fixed;
	background-size : 100% auto;
}
.blended_grid{
	display : block;
	/*width : 900px;*/
	overflow : auto;
	margin : 30px auto 0 auto;
}
.pageHeader{	
	float : left;
	clear : none;
	height : 20%;
	width : 80%;
	margin: 0 0 30px;	
}
.pageLeftMenu{	
	float : left;
	clear : none;
	height : 600px;
	width : 550px;
}
/*.pageContent{	
	float : left;
	clear : none;
	height : 600px;
	width : 500px;
}*/
.image-color-samples{
	display: inline-block;
	text-align: center;
	width: 18%;
}
@media (max-width: 767px){
	.image-color-samples{
	display: inline-block;
	text-align: center;
	width: 40%;
}

}

.image-color-samples span.color-label{
	display: block;
	cursor: pointer;
	padding: 5px 0px;
}
.image-color-samples span.color-label:hover{
	color: #ff9900;
}
.color-samples-checkbox{
	position: relative;
	/*background: transparent;*/
	background-size: 88%;
	background-position: center center;
	height: 50px;
	width: 50px;
	cursor: pointer;
	border: 1px solid #e1e1e1;
}
.image-color-samples .color-samples-checkbox{
	border: 1px solid #e1e1e1 !important;
}
.color-samples-checkbox:hover + .color-label{
	color: #ff9900;
}
/*.color-samples-checkbox:before{
	position: absolute;
	top: -12px;
	left: -43px;
	content: "";
	width: 52px;
	height: 46px;
	cursor: pointer;
}*/
/*.color-samples-checkbox:before .image-color-samples image {
    border: 1px solid #ff9900 !important;
}*/

.color-smaple-content input[type="checkbox" i] {
    -webkit-appearance: unset !important;
    box-sizing: border-box;
   outline: none;

}
.color-samples-checkbox:checked + .color-label{
	font-weight: 600;
	color: #ff9900;
}

.popup-color-sample input[type="checkbox" i] {
	-webkit-appearance: unset !important;
	box-sizing: border-box;
	/*outline: none;*/
}

.color-samples-checkbox:checked {
  border: 1px solid #ff9900 !important;
  outline: none;
  /*margin: unset;*/
  box-shadow: none;
}
#samplesColor b{
	margin: 25px 0px 15px 0px;
	display: inline-block;
}
#moreColorSample{
	float: left;
    padding: 5px 25px;
    height: 32px;
    margin-right: 8px;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    font-size: 16px;
    border-color: #46bd44 !important;
    background-image: linear-gradient(to bottom, #79cd73, #00af00);
    color: #fff;
    border-radius: 5px;
}
#moreColorSample:hover {
    background-image: linear-gradient(to bottom, #00af00, #00af00) !important;
}
#sendColorSample{
	display: inline-block;
    padding: 5px 25px;
    height: 32px;
    margin-right: 8px;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    font-size: 16px;
    background-color: #ff9900;
    color: #ffffff;
    border-radius: 5px;
}
#sendColorSample:hover {
    background: #eb8c05;
    color: #ffffff;
}
#displayError{
	margin: 12px 0px;
	display: inline-block;
}
.colorSec img{
	vertical-align: middle;
}

.pageLeftMenu .color-header{
    float: left;
    display: block;

}

.pageLeftMenu .color-header .pname{
    display: block;
    float: left;
    margin-right: 5px;
}

.pageLeftMenu .color-header .ladderband{
    float: left; 
    display: inline-block;
    margin-right: 5px;
}
.pageLeftMenu .color-header a{
	margin-bottom: 8px;
	display: inline-block;
	color: #4d4d4d;
	text-transform: none;
	text-decoration: underline;	
    float: left;

}
.pageLeftMenu .color-header a:hover{
	color: #ff9900; 
}
.colorSec{
	margin: 12px 0px;
	display: block;
}
.color-sample-label-value{
	margin: 0px 6px;
	display: inline-block; 
}


.color-header .pname,.color-header .ladderband{
	text-transform: uppercase; 
}

.delete-color{
	background-color: transparent;
	text-decoration: underline;
}
.delete-color:hover{
	color: #ff9900; 
}
.pageContent{
	background-color: #f8f8f8;
	padding: 15px;
	display: inline-block;
	float: right;
    clear: none;
    width: 50%;
}
.pageContent .email-name{
	width: 48%;
	float: left;
	margin: 0px 5px;
}
.pageContent .email-name .label{
	width: unset;
}
.pageContent .email-address{
	margin: 0px 5px;
}
.pageContent .field{
	margin-bottom: 15px;
}
.pageContent #submitEmail{
	float: right;
	margin-top: 15px;
	background-image: linear-gradient(to bottom, #fbb450, #f89406);
    background-repeat: repeat-x;
    text-transform: uppercase;
    color: #fff;
    height: 36px;
  	width: 280px;
    border-radius: 5px; 
}
.pageContent #submitEmail span{
	font-size: 18px;
	font-weight: normal;
}
.pageContent #submitEmail:hover{background: #eb8c05;}
.more-success{display: none;}

.more-success a{color:#ff9900}

.popup-color-sample {
	background-color: #f8f8f8;
	padding-left: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 25px;

}

.color-sample-link a{font-size: 16px}

.color-samples-checkbox:focus:focus-within {
    box-shadow: none;
    border-color: transparent;
}
a.stalen-success  {
	
	text-decoration:underline;
	
}

a.stalen-success:hover {
	
	text-decoration:none;
	
}

@media only screen and (max-width: 1024px){
	.modal-popup.modal-slide .modal-inner-wrap[class] {

		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
	}
}


@media only screen and (max-width: 767px) {
	.modal-popup.modal-slide .modal-inner-wrap[class] {
		background-color: #fff;
		height: auto;
		

	}

	body, .page-wrapper, .header-container, .header-container2, .header-container3, .main-container, .footer-container, .footer-container2, .footer-container3{
		background-size: 100%;
	    overflow-x: hidden;
	    /* Disable for now
	    overflow-y: scroll;*/
	}
	.header-m-container {
		overflow-y: hidden;
		overflow-x: hidden;
	}
	.modal-popup.modal-slide {left:0;}
	#moreColorSample{width: 100%;}
	#sendColorSample{width: 100%; margin-top: 10px;}
	.pageHeader{padding-top: 220px;}
	.pageContent{width: unset; }
	.pageLeftMenu{padding-top: 0px; height: auto;}
	.pageContent .email-name{width: 100%; margin: 0;}
}	.pageContent .email-address{ margin: 0 0 15px 0; }

@media only screen and (min-width: 768px){
	.fieldset > .field:not(.choice) > .label{
		width: auto !important;
		margin-bottom: 4px;
	}
	.fieldset .field.firstname,.fieldset .field.lastname,.fieldset .field.postcode,.fieldset .field.residence{
		width: 50%;
		margin: 0 0 5px;
		padding: 0 10px 0 0;
	}
	.fieldset .field.lastname,.fieldset .field.residence{ padding: 0 !important; }
	.fieldset > .field:not(.choice) > .control{
		width: 100% !important;
	}
	.fieldset > .field{
		margin: 0 0 5px 0 !important;
	}
}