@charset "utf-8";
.body{
width: 980px;
margin: 0 auto;
}

.sector{
	font-family: Open Sans, Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 16px;
	color: #f39903;
	margin: 0 auto;
	text-transform:capitalize;
	border-bottom: none;
	padding: 15px 0px;
	text-align: center;
	}
.sector1{
	font-family: Open Sans, Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 18px;
	color: #f39903;
	margin: 0 auto;
	text-transform:capitalize;
	border-bottom: none;
	padding-top: 15px;
	margin-top: 5px;
	text-align: left;
	margin-left: 20px;
	}
.left{
	float:left;
	width:100%;
	padding-bottom: 10px;
	margin: 0 auto;
	margin-bottom: 50px;
	}
#container{
	width: 980px;
	margin: 0 auto;
	display: block;
	clear: both;
	padding-top: 20px;
	}
#container div{
	display: inline-block;
	}
#container:after{
    content: '';
    display: inline-block;
    width: 100%;
}

.container1{
	width: 880px;
	margin: 0 auto;
	display: block;
	clear: both;
	padding-bottom: 40px;
	padding-top: 20px;
	margin-left: 45px;
	margin-top: 15px;
	border-top: 1px solid #CCC;
	}
.description{
	padding-top: 10px;
	width: 980px;
	margin: 0 auto;
}
.apps{
	padding-top: 40px;
	width: 70%;
	margin: 0 auto;
}
.app1{
	float:left;
	width:36%;
	padding-bottom: 25px;
	margin-left: 7%;
	margin-right: 7%;
	margin-bottom: 50px;
	text-align: center;
	}
.app-title{
	padding-top: 15px;
	font-size: 17px;
line-height: 23px;
text-align:center;
	}
.circle{
	text-align: center;
	margin: 0 auto;
	float: center;
	}
/*.left:hover, .right:hover{
	-moz-box-shadow: 0px 0px 15px #cecece; 
 -webkit-box-shadow:  0px 0px 15px #cecece; 
 box-shadow:  0px 0px 15px #cecece; 
	}*/
.right{
	float:right;
	width:48%;
	padding-bottom: 10px;
	}

.box-left {
	float: left;
	width: 30%;
	margin-top: 25px;
	margin-left: 25px;
	}
.box-right {
	float: right;
	width: 65%
	}
.action{
	margin-top: 15px;
	text-align: center;
	}
.action1{
	margin-top: 15px;
	text-align: center;
	}
.pagename{
	margin: 25px 0px 15px 30px;
	}
.surveillance>li{
	list-style-type: disc;
	font-size: 13.5px;
	line-height: 23px;
	}
.surveillance{
	margin-left: 30px;
	margin-top: 15px;
	text-align: left;}
	
.surveillance1>li{
	list-style-type: disc;
	font-size: 14.5px;
	line-height: 23px;
	}
.surveillance1{
	margin-left: 50px;
	margin-top: 0px;}

.btn-primary-datasheet {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}
.btn-datasheet {
    display: inline-block;
    padding: 5px 30px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.btn-primary-learnmore {
    color: #fff;
    background-color: #F60;
    border-color: #2e6da4;
}
.btn-learnmore {
    display: inline-block;
    padding:5px 25px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}


/* set border-box so that percents can be used for width, padding, etc (personal preference) */
.cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


.cycle-slideshow { width: 980px; min-width: 200px; max-width: 980px; padding: 0; position: relative;
    background: url(http://malsup.github.com/images/spinner.gif) 50% 50% no-repeat;

 }

/* slideshow images (for most of the demos, these are the actual "slides") */
.cycle-slideshow img { 

    position: absolute; top: 0; left: 0;
    width: 980px; padding: 0; display: block;
}

/* in case script does not load */
.cycle-slideshow img:first-child {
    position: static; z-index: 100;
}

/* pager */
.cycle-pager { 
    text-align: center; 
	width: 100%; 
	z-index: 500; 
	position: absolute; 
	top: 180px; 
}
.cycle-pager span { 
    font-family: Arial; 
	font-size: 50px; 
	width: 18px; 
	height: 18px; 
    display: inline-block; 
	color: #ffffff; 
	cursor: pointer; 
}
.cycle-pager span.cycle-pager-active { color: white;opacity: .9;
}
.cycle-pager > * { cursor: pointer;
opacity: .5;}


/* caption */
.cycle-caption { position: absolute; 
	color: white; 
	opacity: .4;
	bottom: 15px; 
	right: 15px; 
	z-index: 700; }



/* display paused text on top of paused slideshow */
.cycle-paused:after {
    content: 'Paused'; color: white; background: #666666; padding: 5px;
	font-family: 'Open Sans', Tahoma, Arial, sans-serif;
	font-size: 11px;
    z-index: 500; position: absolute; top: 5px; right: 5px;
    border-radius: 10px;
    opacity: .8; filter: alpha(opacity=50);
}/* CSS Document */

/*data collection*/
#sideMenu{
	width: 980px;
	margin: 0 auto;
	}
td.menuItems5{
	font-family: 'Open Sans', Verdana, Tahoma, sans-serif;
	font-size: 16px;
	color: #ffffff;
	text-align: center;
	vertical-align: middle; 
	background-color: #4398ef;
	font-weight: 400;
	height: 36px;
	cursor: pointer;
	padding: 1px;
	}
td.menuItems5:hover, td.menuItems6:hover{
		background-color: #2284e8;}
td.menuItems5>a, td.menuItems6>a {
	color: #ffffff;
	text-decoration: none;}
td.menuItems6{
	font-family: 'Open Sans', Verdana, Tahoma, sans-serif;
	font-size: 16px;
	color: #ffffff;
	text-align: center;
	vertical-align: middle; 
	background-color: #4398ef;
	font-weight: 400;
	height: 38px;
	cursor: pointer;
	padding: 1px;
	}
td.menuItems8{
	font-family: 'Open Sans', Verdana, Tahoma, sans-serif;
	font-size: 16px;
	color: #ffffff;
	text-align: center;
	vertical-align: middle; 
	background-color: #4398ef;
	font-weight: 400;
	height: 31px;
	cursor: pointer;
	padding: 1px;
	}
td.menuItems8:hover, td.menuItems6:hover{
		background-color: #2284e8;}
td.menuItems8>a, td.menuItems6>a {
	color: #ffffff;
	text-decoration: none;}

#digital-signage-player, #display, #software{
	 
	color: #ffffff;
	 
	}
.products img{
	padding-bottom: 15px;}
.products{
	width: 980px;
	margin: 0 auto;
		}
.products1{
	width: 980px;
	margin: 0 auto;
	margin-bottom: 20px;
	}
td{
	font-family: 'Open Sans', Verdana, Tahoma, sans-serif;
	font-size: 13px;
	color: #666666;
	font-weight:400;
	line-height: 35px;
	 
	}
 
	
td.content{
	font-size: 13px;
	color: #666666;
	font-weight: 400;
	line-height: 45px;
	border-bottom: thin dotted #CCC
}
	
.header{color:#069; font-size:14px}	
	
td.productName1{
	text-align: left;
	}
td.productName>a, td.productName1>a{
	color: #257cbf;
	text-decoration: none;
	}
tr.description{
	height: 80px;
	}
.description>td.bullets{
	vertical-align: top;
	}
table.products>tr>td.bullets{
	padding-top: 10px;}
	
td.bullets{
	font-family: 'Open Sans', Verdana, Tahoma, sans-serif;
	font-size: 13px;
	color: #424242;
	line-height: 22px;
	text-align: left;
	vertical-align: top;
	}	
ul{
	 list-style-type: circle
	}
td.price{
	text-align: center;
	padding-bottom:10px;
	}
span.from{
	color: #545454;
	font-size: 12px;
	font-family: 'Open Sans', Verdana, Tahoma, sans-serif;
	font-weight: 400;
	}
td.price>h5{
	font-family: 'Open Sans', Verdana, Tahoma, sans-serif;
	color: #f39800;
	font-size: 20px;
	font-weight: 400;
 	text-align: center;
	text-decoration: none;
	margin: 0 auto;
	}
	

	img.map, map area{
    outline: none;
}
.side{border-spacing: 2px;
border-collapse:separate;
	}
.go-top {
	position: fixed;
	bottom: 2em;
	right: 20em;
	text-decoration: none;
	color: white;
	background-color: rgba(37, 124, 191, 0.6);
	font-size: 13px;
	padding: 1em;
	font-family: 'Open Sans', Verdana, Tahoma, sans-serif;
	display: none;
}

.go-top:hover {
	background-color: rgba(37, 124, 191, 0.9);
	Color: #ffffff;
	text-decoration: none;
}
.intro{
	font-size: 15px;
	line-height: 22px;
	color: #666666;
	text-aling: left;
	margin: 20px 70px;
	}

.intro1{
	font-family: 'Open Sans', Verdana, Tahoma, sans-serif;
	font-size: 15px;
	line-height: 22px;
	color: #666666;
	text-align: left;
	padding-left:25px;
	padding-right:25px
	 
	}
img{ border-width:0px; border:0}	
	
#page{
	margin: 0 auto;
	width: 980px;}
.name{
	margin: 15px 50px;
	}
ul.applinks{
	list-style: none;
		margin-left: 70px;
	margin-bottom: 20px;
	}
.applinks>li{
	font-size: 15px; 
	line-height: 23px;
		}
ul.applinks>li>a{
	color:#4398ef;
	text-decoration: none;
	}
 ul.applinks>li>a:hover{
	color:#2284e8;
	text-decoration: underline;
	}
.sharing{
	margin-top: 20px;}
.share-buttons{
	margin-top: 40px;
	}
ul.materials>li, ul.share-buttons>li {
	display: inline;
	}
div.sharing{
	clear: both;
	}
 ul.share-buttons{
	text-align: left;
	padding-left: 20px;}
.body{clear: both;
}
.pageName{
	background-image:url(img/apps_banner1%20copy%203.jpg);
	background-repeat:no-repeat;
	}
.customh2{
	font-family: 'Open Sans', Helvetica, Arial, Sans-serif;
	color: #666666;
	font-weight: 600;
	font-size: 22px;
	padding-left:5px;
	margin: 0;
 
	}
h3{
	color: #004280;
	font-weight: 600;
	font-size: 30px;
	padding-left: 5px;
	margin: 0;
 	}


h4{
	color: #666666;
	font-weight: 600;
	font-size: 22px;
	padding-left: 5px;
	margin: 0;


img{ border:0px; border-width:0px}

h2.apps{
	font-family: 'Open Sans', Helvetica, Arial, Sans-serif;
	color:#ffffff;
	font-weight: 400;
	font-size: 22;
	padding-left: 70px;
	margin: 0;
	padding-bottom: 41px;
	padding-top: 10px;
	}
.column{
	float:left;
	width:23%;
	background-color:#fcfcfc;
	padding-bottom: 25px;
	margin-left: 1%;
	text-align: center;
	margin-right: 1%;
	height: 402px;
	}
.margin{
	margin-top: 62px;
	}
.margin2{
	margin-top: 38px;
	}
.column:hover{
	-moz-box-shadow: 0px 0px 15px #cecece; 
 -webkit-box-shadow:  0px 0px 15px #cecece; 
 box-shadow:  0px 0px 15px #cecece; 
	}

div.pic{
	text-align: center;
	margin: auto;
	}
.button{
	margin: 15px 0px 15px 20px;}