@charset "utf-8";



* {padding:0; margin:0;}
#main #twocolumns_landing_page .clearfix {
}


body {

	font-family: arial, tahoma, verdana, arial, sans-serif; 

	font-size: 11px; 

	color: #888888; 

	background-image: url(../images/body-bg.jpg);

	background-repeat: repeat-x;

	margin: 0;

}

p {

	font-family: arial, tahoma, verdana, arial, sans-serif;

	font-size: 1.05em;

	line-height: 1.35em;

	color: #666666;

}



img {



}



/* Gets rid of blue border on linked images in IE */

a img {
	border: none;
	text-align: center;

}



/* Adds black border to iframe; to work in IE, frameborder="0" must be set on individual page iframe code */

iframe { 

border: 1px black solid;

 }



img.hp { 

	margin: 0px;

	padding: 0px;

	display: block;

}



.bodycontent {

	font-family: arial, tahoma, verdana, sans-serif;

	font-size: 11px;

	line-height: 1.35em;

	margin: 0px 0px 10px 0px;

	color: #808284;

	font-weight: normal;

	font-style: normal;

}



.subfeathead {

	margin-bottom: 1em;

	font-weight: normal;

	font-size: 1.5em;

	color: #0c72b5;

    line-height: 1.1em;

}



.listcontent {

    font-family: arial, tahoma, verdana, sans-serif;

	font-size: 11px;

	line-height: 1.35em;

	margin: 0px 0px 10px 20px;

	color: #808284;

	font-weight: bold;

	font-style: normal;

}

#wrapper #main #feature p {
	font-weight: normal;
	font-style: normal;








}





.listcontentnorm {

    font-family: arial, tahoma, verdana, sans-serif;

    font-size: 1em;

	line-height: 1.35em;

	margin: 0px 0px 10px 20px;

	color: #666666;

	font-weight: normal;

	font-style: normal;

}



.copyright {

    font-family: "arial", tahoma, verdana, arial, sans-serif;

	font-size: 9px;

	line-height: 1.35em;

	margin: 8px 0px 0px 0px;

	color: #808284;

	font-weight: bold;

	font-style: normal;

}



h1 {

	margin-bottom: 1em;

	font-weight: normal;

	font-size: 1.6em;

	color: #0c72b5;

	line-height: 1.3em;

	font-style: normal;

}



h2 {

	margin-bottom: 0.3em;

	font-weight: normal;

	font-size: 1.4em;

	color: #0c72b5;

	line-height: 1.1em;

	text-align: left;

	font-style: normal;

}



h3 {
	margin-bottom: 0px;
	font-weight: normal;
	font-size: 1.1em;
	color: #0c72b5;
	line-height: 1.25em;

}



h4 {

	margin-bottom: 0px;

	font-weight: bold;

	font-size: 12px;

	color: #666666;

    line-height: 1.25em;

}



h5 {

	font-family: arial, tahoma, verdana, arial, sans-serif;

	font-size: 1.05em;

	line-height: 1.35em;

	font-style:italic;

	color: #666666;

}

/* ------------------- LINKS ------------------- */



A:link {

	FONT-WEIGHT: lighter;

	COLOR: #0086c8;

	TEXT-DECORATION: none;

}

A:visited {

    FONT-WEIGHT: lighter;

	COLOR: #0086c8;

	TEXT-DECORATION: none;

}

A:hover {

	FONT-WEIGHT: lighter;

	COLOR: #0086c8;

	TEXT-DECORATION: underline;

}

A:active {

	FONT-WEIGHT: lighter;

	COLOR: #FF9900;

	TEXT-DECORATION: none;

}

A.nav:link {

	FONT-WEIGHT: normal;

	COLOR: #666666;

	TEXT-DECORATION: none;

	font-size: 1.05em;

}

A.nav:visited {

    FONT-WEIGHT: normal;

	COLOR: #666666;

	TEXT-DECORATION: none;

	font-size: 1.05em;

}

A.nav:hover {

	FONT-WEIGHT: normal;

	COLOR: #0086c8;

	TEXT-DECORATION: underline;

	font-size: 1.05em;

}

A.nav:active {

	FONT-WEIGHT: normal;

	COLOR: #666666;

	TEXT-DECORATION: none;

	font-size: 1.05em;

}



/* ------------------- LAYOUT ------------------- */

  

#wrapper { 

  width: 897px;

  margin-left: auto;

  margin-right: auto;

  padding: 0px 40px 0px 40px;

  background-image: url(../images/access-bg.jpg);

  background-repeat: no-repeat;

}



#main {

	width: 857px;

	overflow: hidden;

	background-color: #FFFFFF;

	padding: 10px 20px 10px 20px;

	box-shadow: 2px 2px 0px 2px #AFAFAF;

}

#main_full_width {

	width: 1100px;

	overflow: hidden;

	background-color: #FFFFFF;

	padding: 10px 20px 10px 20px;

}



#feature p {

}





#header {

	background-color: #FFFFFF;

	width: 857px;

}



#info { 

	float: left;

 	background-color: #004680;

 	width: 857px;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;



}



#info2 {

	float: left;

	background-color: #004680;

	width: 857px;

	height: 60px;

	margin: 0px 0px 0px 0px;

	padding: 10px 0px 0px 0px;

}





#home {

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

}



#prodimage{

	float: left;

	border: 0px solid #ccc;

	background: #FFFFFF;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	height: 121px;

	width: 857px;

}



/* ------------------- IMAGE NAVIGATION ------------------- */

 

#onenew {

	float:left;

	width: 289px;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	height: 221px;

}

#twonew {

	float:left;

	width: 264px;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	height: 221px;

	}

#threenew {

	float:left;

	width: 304px;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	height: 221px;

	}





#feature {

	float: left;

	margin: 0px 0px 20px 0px;

	padding: 20px 20px 0px 20px;

	width: 600px;

	text-align: left;

	font-style: italic;

}

#feature_full_width {

	float: left;

	margin: 0px 0px 20px 0px;

	padding: 20px 20px 0px 20px;

	width: 815px;

	text-align: left;

	font-style: italic;

}



#subfeature {

	float:right;

	margin: 20px 0px 0px 0px;

	width: 200px;

}

#featurefull {

	float: left;

	border: 0px solid #ccc;

	background: #FFFFFF;

	margin: 0px 0px 0px 0px;

	padding: 20px 20px 0px 20px;

	height: 100%;

	width: 817px;

	border-bottom-style: solid;

	border-bottom-color: #dedddd;

	border-bottom-width: 0px;

}



/* ------------------- FOOTER ELEMENTS ------------------- */



#footer {

	clear:left;

	margin: 30px 0px 0px 0px;

	padding: 20px 0px 0px 0px;

	height: 70px;

	width: 857px;

	background-image: url(../images/footer.jpg);

	background-repeat:no-repeat;	

}



#footerbar {

	width:857px;

	text-align: center;

}



#footerbar ul {

	margin: 0px 0px 0px 0px;

	padding: 10px 0px 0px 25px;

}



#footerbar ul li {

	display: inline;

	list-style:none;

	border-right:1px solid #cccccc;

	margin:0px 0px 10px 0px;

	padding:0px 5px 0px 5px;		

}



#footerbar ul li.first {

	margin-left: 0px;

	border-left: none;

}



#footerbar ul li.last {

	margin-left: 0px;

	padding-left:0px;

	border-right: none;

}



#socialbar {

	width:857px;

	text-align: center;

	vertical-align: middle;

}



#socialbar ul {

	margin: 0px 0px 0px 0px;

	padding: 10px 0px 0px 25px;

}



#socialbar ul li {

	display: inline;

	list-style:none;

	vertical-align : middle;

    text-align: center;

	margin:0px 0px 10px 0px;

	padding:0px 10px 0px 10px;		

}



#socialbar ul li.first {

	margin-left: 0px;

	border-left: none;

}



#socialbar ul li.last {

	margin-left: 0px;

	padding-left:0px;

	border-right: none;

}



#copyright {

	clear: both;

	font-family: arial, tahoma, verdana, sans-serif;

	font-size: 9px;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 30px;

	color: #808284;

	font-weight: normal;

}



/* ------------------- IMAGE FLOATS ------------------- */



img.floatLeft {

	float: left;

	margin: 0px 20px 10px 0px;

}

img.floatRight {

	float: right;

	margin: 8px;

	text-align: left;

}

img.floatLeftTight { 

    float: left; 

    margin: 0px 10px 0px 0px;

}

#floatclear {

	clear:both;

}
#floatclear_plus30px {
	clear: both;
	margin-bottom: 30px;

}

img.hometop { 

    float: right; 

    margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px; 

}

img.homeRight { 

    float: right; 

    margin: 0px 0px 10px 10px; 

}



#menulogo {

	display:inline-block;

	float:left;

    padding:4px;	

}

/* ------------------- HEADER NAVIGATION ------------------- */



/* the styling */

#menu {

	list-style-type: none;

	margin: 0px 22px 0px 0px; /* settings for this demo olnly */

	padding-top: 0px;

	padding-right: 0px;

	padding-left: 40pt;

	padding-bottom: 0px;

	float: left;

	display: inline;

}



#menu li {

     display:block; 

     float:left; 

     position:relative; 

     z-index:100; 

     margin:0px 2px 0px 0px;

}



#menu li span {

     display:block; 

     z-index:100; 

	 background:#0086c8; 

	 padding: 5px 10px;

	 font-size:1em;

}



#menu li a, #menu li a:visited {

     display:block; 

	 padding:0;

}



#menu dl {

	position: absolute;

	top: 0px;

	left: 0px;

	margin: 0px;

	padding-left: 2px;

	padding-right: 2px;

	padding-bottom: 3px;

	padding-top: 8px;

	border-radius: 0px 4px 4px 4px;

	background-color: #004680;

}



#menu dt {

     background-color: #004680; 

	 margin:0px 0px 0px 0px;

	 width: 11em;

	 font-size: 1em; 

	 border-bottom:0px;

	 float:left; 

	 border-right:0px solid #fff;

}



#menu dd {

     display:none; 

	 background-color: #0086c8; 

	 border-bottom:1px solid #FFFFFF; 

	 clear:left; 

	 margin:0; 

	 padding:0; 

	 color: #fff; 

	 font-size: 1em; 

	 text-align:left;

}



#menu dt a, #menu dt a:visited {

      display:block; 

	  color:#FFFFFF; 

	  padding: 5px 10px; 

	  text-decoration:none;

}



#menu dd a, #menu dd a:visited {

      background-color:#0086c8; 

	  color:#FFFFFF; 

	  text-decoration:none; 

	  display:block; 

	  padding: 5px 10px;

}



#menu li a:hover {

      border:2px;

}



#menu li:hover dd, #menu li a:hover dd {

      display:block;

}



#menu li:hover dl, #menu li a:hover dl {

       border-bottom:0px solid #FF6600;

}



#menu li:hover dt a {

      background-color: #0086c8; 

	  color:#FFFFFF;

}



#menu li a:hover dt a {

      background-color: #0086c8; 

	  color:#FFFFFF;

}



#menu dd a:hover {

      background-color: #FFFFFF; 

	  color:#004680;

}



/* ------------------- UNORDERED LISTS ------------------- */



#sublink ul {

	 list-style-type: none;

     padding: 0;

     margin: 0;	

}



#sublink ul li {

	 background-image: url(http://www.access-is.com/images/blue_arrow.gif);

     background-repeat: no-repeat;

     background-position: 0.3em 0px;

     padding-left: 1.5em;

	 padding-bottom: 0.6em;

}



#sublink ul li.first {

	margin-left: 0;

	border-left: none;

}


#sublink ul li.last {

	margin-left: 0;

	border-right: none;

}

/* ------------------- UNORDERED Version No. LISTS ------------------- */

#sublinkversion ul {

	 list-style-type: none;

     padding: 0;

     margin: 0;	

}



#sublinkversion ul li {

	 background-image: url(http://www.access-is.com/images/blue_arrow.gif);

     background-repeat: no-repeat;

     background-position: 0.3em 0px;

     padding-left: 1.5em;

	 padding-bottom: none;

}



#sublinkversion ul li.first {

	margin-left: 0;

	border-left: none;
	font-size: 11.5px;
	font-style: bold;

}

#sublinkversion ul li.second {
	background-image: url(http://www.access-is.com/images/blank.gif);
		 		 
	margin-left: 0;

	border-left: none;

    padding-left: 1.5em;
	
	padding-bottom: 1em;	
	

}


#sublinkversion ul li.last {

	margin-left: 0;

	border-right: none;

}



/* ------------------- HOME PAGE ------------------- */



#wrapper #main #feature strong {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11.5px;

	font-style: normal;

	line-height: normal;

	color: #0c72b5;

	text-decoration: none;

	list-style-position: inside;

	list-style-image: none;

	list-style-type: square;

	font-weight: bold;

}

.red_text {

	color: #FF0000;

	font-weight: bold;

}

#wrapper #main #twocolumns {

	float: left;

	width: 600px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 20px;

	margin-left: 0px;

	padding-top: 20px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

}

#twocolumns #leftcolumn {

	float: left;

	width: 260px;

	margin-right: 20px;

	margin-left: 10px;

	margin-top: 10px;

	background-image: url(images/hp_security_eye_patch_10pc.jpg);

	background-repeat: no-repeat;

	background-position: center 2em;

}

#twocolumns #middlecolumn {

	width: 260px;

	margin-right: 30px;

	margin-left: 20px;

	font-family: arial, tahoma, verdana, arial, sans-serif;

	float: left;

	margin-top: 10px;

}

.orange_link {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 1.4em;

	line-height: 2em;

	font-weight: bold;

	color: #F60;

	text-align: center;

}

#slideshow_container {

	float: left;

	/*height: 300px;*/

	width: 560px;

	margin-top: 0px;

	margin-right: 20px;

	margin-bottom: 10px;

	margin-left: 5px;

}

#rightcolumn {

	float: left;

	width: 257px;

	margin: 0px;

}

#rightcolumn p {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 1.1em;

	line-height: 1.6em;

	color: #004680;

}

#hp_industry_links {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 1.1em;

	font-weight: bold;

	color: #F60;

}

.orange_link a {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 1em;

	font-weight: bold;

	color: #F60;

	line-height: 1.9em;

	text-align: center;

}

#background_image_left_col {

	width: 260px;

	margin-right: 20px;

	margin-left: 10px;

	margin-top: 10px;

	position: absolute;

	background-image: url(images/hp_security_eye_patch_15percent.jpg);

}

#wrapper #main #twocolumns #leftcolumn p {

	margin-left: 10px;

	margin-right: 10px;

	color: #333;

}

#twocolumns #leftcolumn h2 {

	font-size: 1.3em;

	font-weight: bold;



}

#hp_strapline {

	font-size: 1.3em;

	line-height: 1.3em;

	margin-right: 30px;

	margin-left: 13px;

	font-style: italic;

	margin-top: 1px;

	margin-bottom: 15px;

}

#career_slideshow_container {

	float: left;

	height: 227px;

	width: 425px;

	margin-top: 0px;

	margin-right: 20px;

	margin-bottom: 10px;

	margin-left: 5px;

}

#wrapper #main #twocolumns_landing_page {

	float: left;

	width: 580px;

	margin-top: 0px;

	margin-right: 10px;

	margin-bottom: 20px;

	margin-left: 10px;

	padding-top: 20px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

}

#subfeature_box {

}

.image_and_caption {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 90%;

}

.image_caption {

	text-align: center;

	float: right;

	width: 250px;

	clear: left;

}

.image_padding {

	padding-top: 3px;

	padding-right: 3px;

	padding-left: 3px;

	padding-bottom: 3px;

}
.image_padding_left10px {
	padding-top: 3px;
	padding-right: 3px;
	padding-left: 10px;
	padding-bottom: 3px;

}
.image_padding_right {
	padding-top: 3px;
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 3px;
	margin-right: 10px;
	margin-top: 1px;
	margin-left: 1px;
	margin-bottom: 1px;

}

h3 .bodycontent #busiest_airports {}



.industries .row .colmn_right h2 { margin-bottom:10px;}

.industries .row a.img100 { display:block; width:100px; height:100px; overflow:hidden; float:left;  margin-right:10px;}

.industries .row .colmn_right table { width:300px;}

.industries .row .colmn_right {float:left;}



.flost_l { float:left;}

.flost_r { float:right;}





ul.listing { margin:0px 5px; padding:0px; list-style-type:none;}

ul.listing li {background:url(images/blue_arrow.gif) 0px 2px no-repeat; line-height:20px; padding-left:10px;}

ul.listing li a {}

ul.listing li a:hover { color:#0086c8; text-decoration:underline;}



.clearfix:after { clear:both; display:block; content:'';}

#menu dd { width:150px;}

.menu_button { display:none;}

#sfm_container_div_contact_support iframe { height:980px !important;}



table.industries_table {}

table.industries_table td { width:50%;}

input, select, textarea, button {-webkit-appearance: none;border-radius:0;}

input:focus, textarea:focus, select:focus, button:focus { outline:none;}



/* Responsive Images */

img, img.scale-with-grid {outline:0; max-width:100%;height:auto;}

@media (max-width:993px) {

	table.industries_table { width:100%;}

	#hp_strapline { margin-top:57%;}

	#wrapper {width:688px; padding:0px; margin:0px auto;}

	#main { width:668px; padding:10px;}

	#info2 { width:100%; margin-bottom:20px;}

	#menu { margin-right:0px; padding-left:0px;}

	#menu dt { width:8em;}

	#menu dl { border-radius:0px;}

	#hp_strapline { margin-left:0px; margin-right:0px;} 

	#wrapper #main #twocolumns { width:70%; margin-right:1%; padding-top:0px;}

	#slideshow_container { width:100%; margin-right:0px; height:auto; margin-left:0px; float:none;} 

	#rightcolumn { width:29%;}

	div#slideshow { width:100% !important; padding:0px; height:auto !important;}

	#slideshow { padding:0px;}

	#slideshow img, #slideshow div { padding:0px !important;}

	div#slideshow a { width:98% !important; height:auto !important;}

	#twocolumns #leftcolumn { float:none; width:100%; margin:0px 0px 20px 0px;}

	#twocolumns #middlecolumn { float:none; width:100%; margin:0px;}

	

	#footer, #footerbar, #socialbar { width:100%;}

	#footer { background-size:contain;}

	#socialbar a { margin:0px 10px;}

	#feature { width:70%; margin-right:1%; padding:0px 0px;}

	#subfeature { width:29%;}

	

	#feature p img.floatLeft { float:none;}

	#wrapper #main #twocolumns_landing_page { width:70%; margin-right:1%; margin-left:0px;}

	#rightcolumn #subfeature_box #subfeature { width:100%;}

	.listcontentnorm { margin:0px; list-style-type:none;}

	.one_row_img { float:none !important; width:auto; height:auto; margin:0px 0px 10px !important;}

	.case_studies_img {width: 120px;height: 120px; float:left !important; margin-right:15px !important;}	

	#prodimage { width:100%;  height:auto; margin-bottom: 10px;}

	#feature_full_width { width:100%; padding:0px 0px;}

	#featurefull { width:668px; padding:0px;}

	.access_exterior img { width:238px; height:auto;}

	

}

@media (max-width:720px) {

	.full_img { width:100%; height:auto;}

	.mob_hide { display:none;}

	

	.menu_button { display:block;}

	#menu { display:none; float:none; width:100%; background-color:#fff;} 

	.menu_button { background:url(images/three-line.png) no-repeat; width:30px; height:24px; float:right; margin:10px 15px; cursor:pointer;}

	span.menu_button.menu_close {  background: url(images/close-blue.png) 5px 2px no-repeat; width:30px; height:24px; overflow:hidden; text-indent: -999px; cursor: pointer;}

	#menu li { float:none; margin:0px;}

	#menu dl { position:static; padding-left:0; padding-right:0; background-color:transparent;}

	#menu dd { display:block !important; width:auto; border-bottom:#ccc 1px solid;}

	#menu dd a, #menu dd a:visited { padding-left:20px; padding-right:20px; background-color:#FFFFFF; color:#000;}

	#menu dd a:hover {color:#0086c8;}

	#menu li span { display:none;}

	

	

	#menu dt {width:auto; float:none; border:none;}

	#menulogo { float:none;  padding-bottom:14px;}

	#wrapper {width:480px;}

	#main { width:480px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}

	#info2 { height:auto;padding:10px 0px 0; margin-bottom:10px;}

	#wrapper #main #twocolumns  { width:100%; margin-right:0;}

	#rightcolumn { width:100%; float:none;}

	#feature, #wrapper #main #twocolumns_landing_page { width:100%; margin-right:0px;}

	#subfeature { width:100%;}

	#featurefull { width:460px; float:none;}

	div#slideshow a { width:100% !important;}

	img.floatLeft, img.floatRight {float:none; margin:0px 0px 10px;}

	.industries .row a.img100 img, .one_row_img { width:100%;}

	.industries .row .colmn_right { margin-bottom:10px; width:340px;}

	#subfeature { display:none;}

	.airport_products td, table.industries_table td  { float:left; width:100%;}

	.news_exhibitions td { float:left; width:100%; height:150px;}

	.mob_left { float:left; margin-right:15px;}

	img { text-align:left; float:none;}

	.mob_padd { padding:13px 0px;}

	table.industries_table td a br { display:none;}

	table.industries_table td a { line-height:24px;}

	iframe { width:460px;}

}



@media (max-width:520px) {

	#wrapper, #main, #featurefull {width:100%;}

	

	#main { padding:15px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}

	#footerbar ul { padding-left:0px;}

	h2 strong br { display:none;}

	iframe, table { width:100%;}

}
.clear_both {
	clear: both;
}
