@charset "utf-8";

@font-face {
    font-family:"Demi";
    src: url("fonts/lubalingraphstd-demi-webfont.ttf") /* TTF file for CSS3 browsers */
}

*{margin:0;padding:0;}
img  {border:none;}
a {text-decoration:none;outline:none;}
a:hover {text-decoration:underline;}
.fright {float:right;display:none;}
body {
	background:#fff/*#f4f4f4*/;
	/*background-image: url(../images/background.png);
	background-repeat: repeat-x;*/
	text-align:center;
	font-family: Arial, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#000;
}
#container{width:960px;
	text-align:left;
	margin:0 auto;
	overflow:hidden;
	background-color:#fff;}
#containerPadding{}
#header, #navTop, #bannerMain, #content, #footer, #copyright, #ddmenu {margin-bottom:5px;float:left;width:100%;clear:both;font-weight:normal;}
#bannerMain .leftCol, #bannerMain .rightCol, #content .leftContent, #content .rightContent {float:left;text-align:left;}
#bannerMain .leftCol, #content .leftContent {/*width:25%;*/width:239px;border-right: 1px solid #fff;}
#bannerMain .rightCol, #content .rightContent {/*width:74%;*/padding-left:5px;width:715px;}
#content .rightContent a{color:#333333}
#header{
	height:130px;
	background-image: url(../images/header-bg.png);
	background-repeat: repeat-x;
}
#header h1{
	color:#900;
	font-family: "Times New Roman", Times, serif;
	font-size: 33px;
	line-height: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	margin-top:40px;
	padding-left:30px;
}
#header h1 a{color:#d60000;}
#header h1 a:hover{text-decoration:none;color:#d60000;}
#header h3{color:#0000ee;font-size:13px;font-weight:bold;padding-left:160px;}
#header .right {margin-top:50px;color:#333;}
#header .right span.bold {font-weight:bold;}
#header .right a{color:#333;}
#navTop{
	line-height: 31px;
	color: #FFFFFF;
	background-image: url(../images/nav-bg.png);
	background-repeat: repeat-x;
	height: 31px;
	text-align:right;
}
#navTop a{padding:0px 10px;color:#fff;}
#bannerMain{/*height:189px;*/margin-top:-3px;}
#bannerMain .leftCol{background:#6ca8da;color:#fff;height:100%;}
#bannerMain .leftCol h3{
	padding-top:10px;
	padding-left:7px;
	font-weight:bold;
	font-size:13px;
	line-height:24px;
}
#bannerMain .leftCol h3 a {color:#ffffff;padding-left:10px;}
#topLeftLinks ul{margin: 0px; padding: 5px; list-style-position: inside; /*font-size: 12px; font-weight:normal;*/}
#topLeftLinks li{background: url("../images/bullet-white.gif") no-repeat scroll left 8px transparent;list-style: none outside none;padding-left:7px;}
#bannerMain .rightCol {	background-image: url(../images/access-security-banner.png);background-repeat: no-repeat;height:100%;}
#bannerMain .rightColHome {	height:100%;}
#bannerMain .rightCol h1, #bannerMain .rightCol h3{padding-left:30px;width:420px;}
#bannerMain .rightCol h1{font-size:22px;/*30px*/line-height:36px;color:#0a4401;font-weight:normal;padding-top:50px;}
#bannerMain .rightCol h3{
	font-size:15px;/*18px*/
	line-height:22px;
	font-weight:normal;
	color:#383e43/*#282828*/;
}
#content{}
.contentList{clear:both;overflow:hidden;color:#92a0ab;font-size:11px;}
.contentList ul{margin:0px;padding:0px;list-style-type:none;margin-bottom:10px;}
.contentList li{float:left; display:inline;margin-left:0;margin-right:2%;}
.contentList li img {display:block;padding:0px;}
#content .leftContent{color:#333333;line-height:20px;}
.breadcrumbs {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;color:#000;}
.breadcrumbs span{font-weight:bold;}
.breadcrumbs a{color:#000000;}
#content .rightContent h2{color:#5ea813;/*font-size:18px;font-weight:normal;*/font-family:Demi,'Open Sans', Arial, sans-serif;font-size:25px;font-weight:100;}
#content .rightContent{font-family:'Open Sans', Arial, sans-serif;font-size:15px;font-weight:400;line-height:21px;/*font-weight:normal;*/color:/*#697680*/#333333;text-align:justify;padding-right:5px;width:710px;}

#content .rightContent h4.moreDetails, h4.moreDetails a{color:#ed8811;font-size:12px;font-weight:400;text-decoration:underline;}
#content .rightContent h4{color:#666666;font-size:14px;font-weight:bold;}
#footer{color:#21759c;background:url(../images/footer-background.png);background-repeat:repeat-x;line-height:45px;}
#footer ul{margin:0px;padding:0px;list-style-type:none;text-align:Center;}
#footer li{display:inline;padding:0px 10px;}
#footer li a{color:#21759c;}
#copyright{line-height:24px;padding-left:20px;}
.right{float:right;margin-right:10px;}
.security-solutions {
	width:100%;
	margin-bottom:5px;
}
.security-solutions h2.red{
color:#990000;
font-size:13px;/*14px*/
/*font-weight:bold;*/
line-height:20px;/*18px*/
/*margin-bottom:5px;*/
font-family:Demi,'Open Sans', Arial, sans-serif;font-size:14px;font-weight:100;
}
.security-solutions h2.red a{color:#990000;
}
.security-solutions ul {
	margin: 0px;
	padding: 5px;
	list-style-position: inside;
	font-size: 12px;
	font-weight:normal;
padding-top:1px;
font-family:'Open Sans', Arial, sans-serif;font-size:13px;font-weight:300;line-height:18px;
}
.security-solutions ul li {
	background: url("../images/bullet.gif") no-repeat scroll left 7px transparent;
	list-style: none outside none;
	padding-left:17px;
	color:#333333;
}
.security-solutions li a{color:#697680;}
.topIcons {
	padding-left:190px;
	padding-top:10px;
	display:block;
}
.topIcons img{padding-left:4px;padding-right:1px;}
.redColor{color:#990000;font-size:14px;line-height:18px;margin-bottom:5px;}
.solutionsLink{
	color:#000000;
	font-weight:bold;
	/*font-size:12px;*/
	line-height:18px;
}
.more{color:#990000;text-decoration:underline;font-weight:bold;}
.homeBanner{/*margin-bottom:5px;clear:both;*/float:left;width:100%;margin-top:-3px;}
.bannerLeft{float:left;width:240px;background:#6ca8da;height:194px;}
.bannerLeft h3{padding-top:6px; padding-left:2px; font-weight:bold; font-size:13px; line-height:24px;}
.bannerLeft h3 a {color:#ffffff;padding-left:10px;}
.bannerLeft ul{margin: 0px; padding: 5px; list-style-position: inside;}
.bannerLeft li{background: url("../images/bullet-white.gif") no-repeat scroll left 8px transparent;list-style: none outside none;padding-left:7px;}
.bannerRight{width:720px;float:left;}
.homeContent{padding:15px 0px;overflow:hidden;clear:both;color:#697680;font-size:12px;line-height:18px;}
.homeContent .col1{width:200px;float:left;padding-left:15px;padding-right:15px;}
.homeContent .col2{width:200px;float:left;padding-left:15px;padding-right:15px;}
.homeContent .col3{width:200px;float:left;padding-left:15px;padding-right:15px;}
.homeContent .col4{float:left;padding-left:15px;}
.homeInformation{clear:both;overflow:hidden;font-size:12px;}
.homeInformation .column01{width:315px;float:left;}
.homeInformation .column02{width:315px;float:left;}
.homeInformation .column03{width:315px;float:left;}
.innerPadding{padding:10px;}
.borderLeft{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #E6E6E6;
}
.headings a {margin:0;padding:0;color:#5ea813;line-height:24px;font-weight:bold;font-size:12px;text-decoration:underline;}
.moreHome {color:#990000;}

/* banners */
#bannerMain .rightCol > div#perimeter{background-image: url(../images/perimeter-security-header.jpg);background-repeat: no-repeat;height:100%;margin-left:-5px;}
#bannerMain .rightCol > div#server-header{background-image: url(../images/build-server-header.jpg);background-repeat: no-repeat;height:100%;margin-left:-5px;}
#bannerMain .rightCol > div#cctvhome{background-image: url(../images/cctv-home-header.jpg);background-repeat: no-repeat;height:100%;margin-left:-5px;}
#bannerMain .rightCol > div#home-automation{background-image: url(../images/homeautomation-header.jpg);background-repeat: no-repeat;height:100%;margin-left:-5px;}
#bannerMain .rightCol > div#video-door-phone{background-image: url(../images/videodoorphone-header.jpg);background-repeat: no-repeat;height:100%;margin-left:-5px;}
#bannerMain .rightCol > div#digital-door-locks{background-image: url(../images/digitaldoorlocks-header.jpg);background-repeat: no-repeat;height:100%;margin-left:-5px;}
#bannerMain .rightCol > div#entrance-control{background-image: url(../images/entrance-control-header.jpg);background-repeat: no-repeat;height:100%;margin-left:-5px;}
#bannerMain .rightCol > div#waterleak-detection{background-image: url(../images/waterleak-detection-header.jpg);background-repeat: no-repeat;height:100%;margin-left:-5px;}
#bannerMain .rightCol > div#fire-supression{background-image: url(../images/fire-supression-header.jpg);background-repeat: no-repeat;height:100%;margin-left:-5px;}
#bannerMain .rightCol > div#access-control{background-image: url(../images/access-control-header.jpg);background-repeat: no-repeat;height:100%;margin-left:-5px;}
#bannerMain .rightCol > div#time-attendance{background-image: url(../images/time-attendance-header.jpg);background-repeat: no-repeat;height:100%;margin-left:-5px;}
#bannerMain .rightCol > div#ip-cctv-camera{background-image: url(../images/ip-cctv-camera-header.jpg);background-repeat: no-repeat;height:100%;margin-left:-5px;}
#bannerMain .rightCol > div#public-address{background-image: url(../images/public-address-header.jpg);background-repeat: no-repeat;height:100%;margin-left:-5px;}
#bannerMain .rightCol > div#fire-detection{background-image: url(../images/fire-detection-header.jpg);background-repeat: no-repeat;height:100%;margin-left:-5px;}
#bannerMain .rightCol > div#smoke-detectors{background-image: url(../images/smoke-detectors-header.jpg);background-repeat: no-repeat;height:100%;margin-left:-5px;}
#bannerMain .rightCol > div#entrance{background-image: url(../images/entrance-header.jpg);background-repeat: no-repeat;height:100%;margin-left:-5px;}
#bannerMain .rightCol > div#contact-us{background-image: url(../images/contact-banner.png);background-repeat: no-repeat;height:100%;margin-left:-5px;}
#bannerMain .rightCol > div#enquiry{background-image: url(../images/enquiry-banner.png);background-repeat: no-repeat;height:100%;margin-left:-5px;}
#bannerMain .rightCol > div#support{background-image: url(../images/support-banner.png);background-repeat: no-repeat;height:100%;margin-left:-5px;}
#bannerMain .rightCol > div#solutions{background-image: url(../images/solutions-banner.png);background-repeat: no-repeat;height:100%;margin-left:-5px;}
#bannerMain .rightCol > div#aboutus{background-image: url(../images/inner-banner.png);background-repeat: no-repeat;height:100%;margin-left:-5px;}
#bannerMain .rightCol > div#brand{background-image: url(../images/brands-banner.png);background-repeat: no-repeat;height:100%;margin-left:-5px;}
#bannerMain .rightCol > div#client{background-image: url(../images/clients-banner.png);background-repeat: no-repeat;height:100%;margin-left:-5px;}
#bannerMain .rightCol > div#casestudies{background-image: url(../images/casestudies-banner.png);background-repeat: no-repeat;height:100%;margin-left:-5px;}

#menu {
	position: relative;
	}

#menu a {
	display: block;
	width: 100px;
}

#menu ul {
	list-style-type: none;
	padding-top: 5px;
	border:solid 1px blue;
}

#menu li {
	float: left;
	position: relative;
	padding: 3px 0;
	text-align: center;
}

#menu ul.sub-menu {
	display: none;
	position: absolute;
	top: 20px;
	left: -10px;
	padding: 5px;
	z-index: 90;
	background-color:#fff;width:190px;
}

#menu ul.sub-menu li {
	text-align: left;
}

#menu ul.sub-menu a {width:190px;}
#menu li:hover ul.sub-menu {
	display: block;
	border: 1px solid #999999;
}

#bannerMain .rightCol > div#bg1{background-image: url(../images/access-security-banner1.png);background-repeat: no-repeat;height:100%;margin-left:-5px;}
.c1 {
	font-size: 15px;
	color: #333333;
}
.c2 {
	font-size: 14px;
	color: #333333;
}
.cSystem{
}
.system {
	font-size: 14px;
	color: #ed8811;
}
.cLogoWidth {
	width: 100px;
}
.cLogoWidth img {}
.rLogoWidth{ }
.manymore{color:#5ea813;font-weight:bold;}

#rForm tr{height:28px;line-height:28px;padding:2px;font-family: Arial, Verdana, Helvetica, sans-serif;font-size:13px;}
#rForm tr:hover {background-color:#f6f6f6;}
#rForm td{padding:2px 5px;}
#rForm input, #rForm select, #rForm textarea{padding:3px;}
/*#rForm  td.bold{font-weight:bold;}
#rForm  span.bold{font-weight:bold;}*/
.bTable{width:710px;padding-left:0px;}

.bLogoWidth {
	width: 110px;
}
.bLogoDetails{}
.bLogoDetails strong{font-size:14px;}
.bCaseStudyTable{width:710px;padding-left:0px;margin-bottom:30px;}
.bCaseStudies{padding-right:150px;padding-top:10px;}
.bCaseStudies strong{font-size:14px;}
.viewcasestudy{padding-right:150px;}
.casestudyHR{margin-top:10px;}
.plsclick{width:14%;}

h1.main-title{margin:0;padding:0;font-size:18px;color:#990000;font-weight:400;}
h2.marginBottom{margin:5px 0 5px 0;}
.camera-image{float:left;padding:5px;border:solid 1px #efefef;margin:0 5px 5px 0;}
.right-form{float:right;width:250px;padding:5px;border:solid 1px #efefef;margin: 10px 0 10px 10px;}
.enquiryformcolor{color:#990000;font-size:15px;}
.banner-cameras-systems{border-bottom:solid 1px #efefef;border-top:solid 1px #efefef;float:left;width:100%;;margin-bottom:5px;padding:5px;text-align:center;}
#copyright a{color:#000;}
.right a{color:#0000EE;}
.cctv-ip-camera-systems{font-size:11px;color:#697680;font-weight:300;}
.cctv-ip-camera-systems a:link,.cctv-ip-camera-systems a:visited{color:#697680;}

.security-solutions  ul.sublinks li {
	background: none;
	list-style: none outside none;
	padding-left:17px;
	color:#333333;
}

.security-solutions  ul.sublinks li a{
color:/*333*/#697680;
font-weight:/*bold*/normal;}

.flap-barrier-tripod-bollard{font-size:11px;color:#697680;font-weight:300;}
.flap-barrier-tripod-bollard a:link,.flap-barrier-tripod-bollard a:visited{color:#697680;}
.wrapper {
    margin: 0 auto;
    max-width: 960px;
    padding-left: 10px;
    padding-right: 10px;
}

#bannerMain .mobileBanner img,.homeBanner .mobileBanner img{
	width:100%;
	height:auto;
}

#content .bottomContent h2{font-size:16px;}
h1.product-sys{font-weight:300;font-size:18px;line-height:22px;color:#5ea813;margin:0 0 10px 0;padding:0;}
#homeFont{font-family:'Open Sans', Arial, sans-serif; font-size:20px !important;}
@media only screen and (max-width : 1366px) {
	#container {width:100% !important;}	
	#header .right{float:right;}
	#header .left{float:left;}
	#content .leftContent{}
	#content .rightContent{}
		#bannerMain .rightCol > div#access-control{min-height:178px;}
		#bannerMain .rightCol > div{min-height:178px;}
		
}

@media only screen and (min-width : 980px) {
	#ddmenu ul{width: 960px; }

}

@media only screen and (max-width : 960px){
	#header .left{float:left;}
	#header .right{float:right;margin-top:0;padding-left:10px;}
}
@media only screen and (min-width : 770px) {
		.colOne{width:59.5%;float:left;text-align:left;}
	.colTwo{width:38%;float:left;padding-left:1%;margin-top:5px;}
}
@media only screen and (max-width : 768px){
	#header {height:auto;}
	#header .right{float:right;margin-top:0;padding-left:10px;}
	.topIcons{padding-left:0px;}
	#header .left{float:left;}
	#header h1{margin-top:5px;padding-left:5px;font-size:24px;}
	#header .logoImg {width:40px;height:auto;}
	#header h3{padding-left:5px;}
	#bannerMain .leftCol{width:100%;display:none;}
	#bannerMain .rightCol{width:100%;min-height:180px;display:none;}
	/*.homeBanner .bannerRight, */.homeBanner .bannerLeft{display:none;}
	.homeBanner .bannerRight{width:100% !important;height:auto;}
	#bannerMain .mobileBanner,.homeBanner .mobileBanner{display:block !important;}
	
	/*.homeBanner .mobileBanner img{min-height:100px;}*/
	#content .leftContent, #footer{display:none;}
	#content .rightContent{width:96%;padding:1%;}
	#footer {background-repeat:repeat;}	
	#copyright {padding:5px;margin:10px 0;}
	.homeContent .col4{display:none;}
	.homeInformation .column01, .homeInformation .column02, .homeInformation .column03{width: 33%;}
	.homeContent .col1, .homeContent .col2, .homeContent .col3 {width:29%;padding:0 2%;} 
	.bottomContent{display:block !important;}
	.colOne{width:100%;float:left;}
	.colTwo{width:100%;}

}

@media only screen and (max-width : 480px){
	.topIcons, #header h3{display:none;}
	#header h1{margin-top:5px;padding-left:5px;font-size:20px;}
	#header{margin-bottom:1px;}
	.homeInformation .column01, .homeInformation .column02, .homeInformation .column03{width: 95%;}
	.homeInformation .borderLeft {border:none;}
	.homeContent .col1, .homeContent .col2, .homeContent .col3 {width:90%;padding:1% 3%;} 
}

@media only screen and (max-width : 320px){
#header h1{padding-left:2px;font-size:20px;}
}

#qrcode-reader{}
#qrcode-reader p{margin-bottom:15px;}
#qrcode-reader h1.mainNetworkTitle{margin:0;margin-bottom:22px;/*color:#5ea813;*/font-family:Demi,'Open Sans', Arial, sans-serif;font-size:20px;font-weight:100;line-height:27px;}
#qrcode-reader h3.mainProductTitle{margin-top:0px;/*color: #990000;*/font-size:16px;text-align:right}
#qrcode-reader p.subHeadingsMain{color: #5ea813;font-weight:bold; }
#qrcode-reader p.subHeadings{ color: #990000;font-size: 15px; font-weight: bold; line-height: 20px;margin-bottom:5px}
#qrcode-reader img {height: auto; max-width: 100%;margin-bottom:10px;}
.enquiry-now {left: -5px;position: fixed;top: 40%;z-index: 9999 !important;}

@media (max-width 768px){
	#no-mobile{display:none !important;}
	#ddmenu .hide-mmmenu{display:none !important;border:solid 5px red !important;}
	#ddmenu .over .dropdown .hide-mmmenu{display:none !important;}
	.enquiry-now{left:-10px !important}
}

.our-sols{}
.our-sols p{margin-top: 5px}
.our-sols p.first{margin-bottom: 10px}
.mbtm10{margin-bottom: 5px}
.pTop5{padding-top: 5px}