/*  
		GRID COLUMN SETUP - REMOVE MARGINS AND GO FULL WIDTH
	*/
	.col { margin: 1% 0 1% 0%; }
.span_2_of_2, .span_1_of_2 { width: 100%; }
.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
.span_4_of_4, .span_3_of_4, .span_2_of_3, .span_1_of_4 { width: 100%; }
.span_5_of_5, .span_4_of_5, .span_3_of_5, .span_2_of_5, .span_1_of_5 { width: 100%; }
.span_6_of_6, .span_5_of_6, .span_4_of_6, .span_3_of_6, .span_2_of_6, .span_1_of_6 { width: 100%; }
.span_7_of_7, .span_6_of_7, .span_5_of_7, .span_4_of_7, .span_3_of_7, .span_2_of_7, .span_1_of_7 { width: 100%; }
.span_8_of_8, .span_7_of_8, .span_6_of_8, .span_5_of_8, .span_4_of_8, .span_3_of_8, .span_2_of_8, .span_1_of_8 { width: 100%; }
.span_9_of_9, .span_8_of_9, .span_7_of_9, .span_6_of_9, .span_5_of_9, .span_4_of_9, .span_3_of_9, .span_2_of_9, .span_1_of_9 { width: 100%; }
.span_10_of_10, .span_9_of_10, .span_8_of_10, .span_7_of_10, .span_6_of_10, .span_5_of_10, .span_4_of_10, .span_3_of_10, .span_2_of_10, .span_1_of_10 { width: 100%; }
.span_11_of_11, .span_10_of_11, .span_9_of_11, .span_8_of_11, .span_7_of_11, .span_6_of_11, .span_5_of_11, .span_4_of_11, .span_3_of_11, .span_2_of_11, .span_1_of_11 { width: 100%; }
.span_12_of_12, .span_11_of_12, .span_10_of_12, .span_9_of_12, .span_8_of_12, .span_7_of_12, .span_6_of_12, .span_5_of_12, .span_4_of_12, .span_3_of_12, .span_2_of_12 { width: 100%; }
.span_1_of_12 { width: 6.86%; }
.col_no_margin {
	display: block;
	float:left;
	margin:0;
}
.fifty_percent, .thirtythree_percent, .twentyfive_percent, .twenty_percent, .sixteen_percent, .fourteen_percent, .twelve_percent, .eleven_percent, .ten_percent, .nine_percent, .eight_percent { width:100%; }
.icon { margin:0 0 1% 22%; }
footer, footer a:hover { font-size : 1em; 	/* 12pt */ }
.image_hide, .logo_hide { display:none; }
.mobile_logo {
	display:block;
	clear:right;
}
.product { margin:0; }
.hideable, .image_display { display: block; }
.home { margin:2% 0 0 0; }
#values .red, #values .yellow { width:100%; }
.menuwrap { 100%;
}
.offers span {
	background-color:transparent;
	color:#939597;
	padding:1% 2%;
	font-size:1em;
	font-weight:400;
}
/*  =================================================================================================================
	MOBILE LAYOUT  portrait 
 =================================================================================================================*/
@media screen and (max-width: 40em) {
	/*
		Navigation
	*/
	.js #menu {
display: none;
}
 .js .slicknav_menu {
display: block;
}
 #navigation {
margin-top:0;
padding-top:0;
}
 .product {
border:none;
}
 header, #maincontent, #sectioncontent, footer {
 width: 96%;
}
 .cred_header {
display:none;
}
} /* end mobile layout portrait media query */

/*  =================================================================================================================
	MOBILE LAYOUT landscape  (360x640)  
 =================================================================================================================*/
@media only screen and (min-width: 641px) {
	/*  
		GRID COLUMN SETUP  - GRID OF TWO
	*/
	.span_2_of_2 {
width: 100%;
margin: 0 0 0 1.6%;
}
 .span_1_of_2 {
width: 49.2%;
margin: 0 0 0 1.6%;
}
 .js #menu {
display: none;
}
 .js .slicknav_menu {
display: block;
}
 #guidelinks {
display: none;
}
 #navigation {
margin-top:0;
padding-top:0;
}
 .fifty_percent {
 width:50%;
}
	/*
		  GRID COLUMN SETUP - GRID OF THREE   
	*/
	.span_3_of_3 {
width: 100%;
margin: 0 0 0 1.6%;
}
 .span_2_of_3 {
width: 66.13%;
margin: 0 0 0 1.6%;
}
 .span_1_of_3 {
width: 32.26%;
margin: 0 0 0 1.6%;
}
 .thirtythree_percent {
 width:33.33%;
}
 #values .red, #values .yellow {
 width:40%;
}
 .offers span {
 background-color:#939597;
 color:#FFF;
 padding:1% 2%;
 margin:0 1%;
 font-size:1em;
 text-align:left;
 line-height:1.5em;
 opacity: 0.9;
 font-weight:400;
 filter: alpha(opacity=60); /* For IE8 and earlier */
}
} /* end mobile layout landscape media query */

/*  =================================================================================================================
	TABLET LAYOUT portrait (980x1280) 
 =================================================================================================================*/
@media only screen and (min-width: 768px) {
 header, #maincontent, #sectioncontent, footer {
 width: 90.675%;
 max-width: 1232px;
}
 #footercontainer .span_1_of_4 {
width: 40%;
margin: 0 0 0 1.6%;
}
 #footercontainer .span_1_of_2 {
width: 100%;
margin-top:2%;
}
 #maincontent {
min-height: 700px;
}
 footer, footer a:hover {
font-size : 0.688em; 	/* 11 px / 8pt */
}
/*.home {
		background: url('/images/provider-of-global-screening-solutions.jpg') no-repeat top right;
		background-color: #F9F9F9;
		margin:2% 0 0 0;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
	}*/
} /* end tablet portrait media query */

/* =================================================================================================================
	TABLET LAYOUT landscape (980x1280) 
 =================================================================================================================*/
@media only screen and (min-width: 900px) {
 #footercontainer .span_1_of_4 {
width: 23.8%;
margin: 0;
}
 #footercontainer .span_1_of_2 {
width: 49.2%;
margin: 0;
}
	/*
		  GRID OF FOUR   
	*/
	.span_4_of_4 {
width: 100%;
margin: 0 0 0 1.6%;
}
 .span_3_of_4 {
width: 74.6%;
margin: 0 0 0 1.6%;
}
 .span_2_of_4 {
width: 49.2%;
margin: 0 0 0 1.6%;
}
 .span_1_of_4 {
width: 23.8%;
margin: 0 0 0 1.6%;
}
 .twentyfive_percent {
 width:25%;
}
 #maincontent {
min-height: 300px;
}
} /*end tablet landscape media query */


/*  =================================================================================================================
	DESKTOP LAYOUT   
 =================================================================================================================*/
@media only screen and (min-width: 981px) {
 header, #maincontent, #sectioncontent, footer {
width:  88.5%;
}
 #maincontent {
min-height: 420px;
}
 .hideable, .image_display {
 display: none;
}
 .col {
 display: block;
 float:left;
 margin: 1% 0 1% 1.6%;
}
 .col:first-child {
margin-left: 0;
}
 .col_no_margin {
 display: block;
 float:left;
 margin:0;
}
 .twenty_percent {
 width:20%;
}
 .sixteen_percent {
 width:16.66%;
}
 .fourteen_percent {
 width:14.28%;
}
 .twelve_percent {
 width:12.5%;
}
 .eleven_percent {
 width:11.11%;
}
 .ten_percent {
 width:10%;
}
 .nine_percent {
 width:9.09%;
}
 .eight_percent {
 width:8.33%;
}
	/*
		  GRID OF FIVE   
	*/
	.span_5_of_5 {
width: 100%;
}
 .span_4_of_5 {
width: 79.68%;
}
 .span_3_of_5 {
width: 59.36%;
}
 .span_2_of_5 {
width: 39.04%;
}
 .span_1_of_5 {
width: 18.72%;
}
	/*
		  GRID OF SIX    
	*/
	.span_6_of_6 {
width: 100%;
}
 .span_5_of_6 {
width: 83.06%;
}
 .span_4_of_6 {
width: 66.13%;
}
 .span_3_of_6 {
width: 49.2%;
}
 .span_2_of_6 {
width: 32.26%;
}
 .span_1_of_6 {
width: 15.33%;
}
	/*
		  GRID OF SEVEN   
	*/
	.span_7_of_7 {
width: 100%;
}
 .span_6_of_7 {
width: 85.48%;
}
 .span_5_of_7 {
width: 70.97%;
}
 .span_4_of_7 {
width: 56.45%;
}
 .span_3_of_7 {
width: 41.94%;
}
 .span_2_of_7 {
width: 27.42%;
}
 .span_1_of_7 {
width: 12.91%;
}
	/*
		  GRID OF EIGHT   
	*/
	.span_8_of_8 {
width: 100%;
}
 .span_7_of_8 {
width: 87.3%;
}
 .span_6_of_8 {
width: 74.6%;
}
 .span_5_of_8 {
width: 61.9%;
}
 .span_4_of_8 {
width: 49.2%;
}
 .span_3_of_8 {
width: 36.5%;
}
 .span_2_of_8 {
width: 23.8%;
}
 .span_1_of_8 {
width: 11.1%;
}
	/*
		  GRID OF NINE    
	*/
	.span_9_of_9 {
width: 100%;
}
 .span_8_of_9 {
width: 88.71%;
}
 .span_7_of_9 {
width: 77.42%;
}
 .span_6_of_9 {
width: 66.13%;
}
 .span_5_of_9 {
width: 54.84%;
}
 .span_4_of_9 {
width: 43.55%;
}
 .span_3_of_9 {
width: 32.26%;
}
 .span_2_of_9 {
width: 20.97%;
}
 .span_1_of_9 {
width: 9.68%;
}
	/*
		  GRID OF TEN    
	*/
	.span_10_of_10 {
width: 100%;
}
 .span_9_of_10 {
width: 89.84%;
}
 .span_8_of_10 {
width: 79.68%;
}
 .span_7_of_10 {
width: 69.52%;
}
 .span_6_of_10 {
width: 59.36%;
}
 .span_5_of_10 {
width: 49.2%;
}
 .span_4_of_10 {
width: 39.04%;
}
 .span_3_of_10 {
width: 28.88%;
}
 .span_2_of_10 {
width: 18.72%;
}
 .span_1_of_10 {
width: 8.56%;
}
	/*
		  GRID OF ELEVEN    
	*/
	.span_11_of_11 {
width: 100%;
}
 .span_10_of_11 {
width: 90.76%;
}
 .span_9_of_11 {
width: 81.52%;
}
 .span_8_of_11 {
width: 72.29%;
}
 .span_7_of_11 {
width: 63.05%;
}
 .span_6_of_11 {
width: 53.81%;
}
 .span_5_of_11 {
width: 44.58%;
}
 .span_4_of_11 {
width: 35.34%;
}
 .span_3_of_11 {
width: 26.1%;
}
 .span_2_of_11 {
width: 16.87%;
}
 .span_1_of_11 {
width: 7.63%;
}
	/*
		  GRID OF TWELVE   
	*/
	.span_12_of_12 {
width: 100%;
}
 .span_11_of_12 {
width: 91.53%;
}
 .span_10_of_12 {
width: 83.06%;
}
 .span_9_of_12 {
width: 74.6%;
}
 .span_8_of_12 {
width: 66.13%;
}
 .span_7_of_12 {
width: 57.66%;
}
 .span_6_of_12 {
width: 49.2%;
}
 .span_5_of_12 {
width: 40.73%;
}
 .span_4_of_12 {
width: 32.26%;
}
 .span_3_of_12 {
width: 23.8%;
}
 .span_2_of_12 {
width: 15.33%;
}
 .span_1_of_12 {
width: 6.86%;
}
 .js #menu {
display: block;
}
 .js .slicknav_menu {
display: none;
}
/*
	  NAVIGATION-USED FOR TABLET AND DESKTOP and hidden on MOBILE
*/
#navigation {
 padding-top:2%
}
 #menu {
 display:inline-block;
 float:right;
}
 html[xmlns] #menu {
 display:block
}
 * html #menu {
 height:1%
}
 .CTA {
 background:#AC162C;
 color:#FFF
}
 .mobile_logo, .slicknav_menu {
 display:none
}
 #menu .mobile {
 display:none;
 padding-left:0
}
 .logo_hide {
 display:block
}
} /*end desktop media query
/*  =================================================================================================================
	WIDE DESKTOP LAYOUT   
 =================================================================================================================*/
@media only screen and (min-width: 1280px) {
 .logo_hide {
display:block;
}
 .icon {
 margin:0 0 1% 10%;
}
 .slicknav_menu, .mobile_logo {
display: none;
}
 .image_hide {
display:block;
}
 #price {
font-size:3em;
}
}