﻿html 
{
	margin:0;
	padding:0;
}

body
{
    font-family: Arial;
    font-size: 12pt;
    color:#333333;
    margin-top:30px;
    margin-bottom:30px;
    background-color:#666666;
    height:100%;
}

h1 {
	font-family:"Arial Narrow";
	font-size:100%;
	color: #757575;
	font-weight: 100;
	line-height: 30px;
}

.node h1 {
	font-family:"Arial Narrow";
	font-size: 20px;
	/*color: #8E8E8E;*/
	color:#757575;
	letter-spacing: 2px;
}

h2
{
	font-family:"Arial Narrow";
	font-weight:lighter;
	font-size:20px;
	color:#4169E1;
}

h3 
{
	font-family:"Arial Narrow";
	margin: 35px 0px 3px 0px;
	font-size: 18px;
	font-weight:normal;
	color:#4169E1;
}
h4 
{

	margin: 10px 0px 0px 0px;
	font-size: 13px;
	font-weight: normal;
	color:#4169E1;
}


#content a:link, #content a:visited, 
#right a:link, #right a:visited,
#front_content a:link, #front_content a:visited{
	text-decoration: none;
	color: #4169E1;
}

#content a:hover, #content a:active, 
#right a:hover, #right a:active,
#front_content a:hover, #front_content a:active
{
	text-decoration: underline;
	color: #4169E1;
}
#front_content .contentright a:hover, #front_content a:active
{
	text-decoration: underline;
	color: #C41301;
}

#front_box3 a:link, #front_box3 a:visited,
#front_box4 a:link, #front_box4 a:visited,
#brochure a:link, #brochure a:visited {
	text-decoration: none;
	color: #4169E1;
}
#front_box3 a:hover, #front_box3 a:active,
#front_box4 a:hover, #front_box4 a:active,
#brochure a:hover, #brochure a:active {
	text-decoration: underline;
	color: #4169E1;
}

#front_box4 p
{
	margin-top:7px;margin-bottom:0px;
}

h2 a:link, h2 a:visited {
	text-decoration: none;
	color: black;
}

h2 a:hover, h2 a:active {
	text-decoration: underline;
	color: black;
}

#main
{
	top: 0;
	bottom: 0;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}

#page
{
	width: 1000px;
	background: url('../../themes/main/images/pgbackground.gif') repeat-y top left;
	padding-bottom:50px;
	overflow:hidden;
	min-height:1000px;
}

#page_hp 
{
	width: 1000px;
	padding:0px;
}

#pattern 
{
	text-align:left;
	background: url('../../themes/main/images/floater/floater_right_menu2.jpg') bottom left no-repeat;
	background-color: #EBEBEB;
	margin-top:-394px;
	margin-left:0px;
	position:absolute;
	z-index:500;
	width:161px;
	height:394px;
}

#top {
	width:1000px;
	background:white;
	text-align:center;
	line-height:100px;
	height:100px;
}

#top img
{
	vertical-align:middle;
}

#header_banner {
	width:100%;
	background:white;
	text-align:center;
}

#header_banner img  {
 	margin-left:auto;
	margin-right:auto;
 }

#middle {
	clear:both;
	background: #808080;
	padding: 2px 0px 1px 0;
	margin-left:auto;
	margin-right:auto;
	/*height: 35px;*/
	width: 1000px;
}

#left .header {
	display: none;
}

#left {
	float:left;
	font-family: "Arial Narrow";
	font-size: 90%;
	padding-top: 25px;
	letter-spacing: 1px;
	width: 190px;
	margin-left: -20px;
	/*background-color:#EBEBEB;*/
}

#left ul li
{
	vertical-align:top;
	background: url('../../upload/user/images/arrow_menu.gif') no-repeat -5px -3px; 
	list-style-type: none;
	/*list-style-image: url('../../upload/user/images/arrow_menu.gif');*/
	list-style-position:outside;
	/*color: #8E8E8E; */
	color: #757575;
	vertical-align:super;
	margin-left: -10px; 
    padding: 0px 0px 13px 20px;
	line-height:18px;
}

ul li a:link, ul li a:visited, #quicklinks a:link, #quicklinks a:visited
{
	text-decoration:none;
	/*color: #8E8E8E; */
	color: #757575;
	
}
ul li a:active, ul li a:hover, #quicklinks a:active, #quicklinks a:hover
{
	text-decoration:underline;
	/*color: #8E8E8E; */
	color: #757575;

}


ul li.selected a:link, ul li.selected a:visited
{
	text-decoration:none;
	font-weight:bold;
}

ul li.selected a:hover, ul li.selected a:active
{
	text-decoration:underline;
	font-weight:bold;
	
}

ul li a.case_study_unselected a:link, ul li a.case_study_unselected a:active
{
	text-decoration:none;
	font-weight:normal;
	font-size:8pt
}

#quicklinks li
{
	line-height:1.2;
	padding-bottom:7px;
}

#content {
	margin-left:0px;
	margin-right:16px;
}

#quicklinks
{
	padding:13px;
	margin:0px
}

.quicklinkstitle
{
	font-weight:bold;
}

#twitter_update_list a
{
	
}

#twitter_update_list li span
{
	font-size:80%;
}

#twitter_update_list li a:link, #twitter_update_list li a:visited 
{
	
	text-decoration: none;
	color: #4169E1;
}
#twitter_update_list li a:active, #twitter_update_list li a:hover 
{
	
	text-decoration: underline;
	color: #4169E1;

}

#front a:link, #front a:visited {
	text-decoration: none;
	color: #4169E1;

}

#front a:active, #front a:hover {
	text-decoration: underline;
	color: #4169E1;

}

#front {
	float:left;
	font-family: Arial;
	font-size: 12px;
	line-height: 16px;
	/*color: #8E8E8E;*/
	color:#757575;
	background-color: white;
	padding: 10px;
	width: 980px;
	/*width: 675px;*/
}

#front ul
{
	list-style-type: disc;
	list-style-position: outside;
}

#front ul li {
	margin-bottom: 0px;
	padding-left: 0px;
}


#front strong {
	color: #C41301;
}

#front h1 {
	font-weight: 100;
	font-size: 26px;
}

#front h2 {
/*	font-family: Verdana;*/
	font-weight: 200;
	font-size: 20px;
}

#front #footer {
	position: relative;

}


#right {
	float:right;
	font-family:Arial;
	font-size: 12px;
	margin: 10px 10px -10px 0px;
	padding-top:20px;
	width: 780px;
	/*color: #8E8E8E;*/
	color: #757575;
	line-height: 20px;
	font-weight: normal;
}

div#page > div#right 
{ min-height:600px;
}

#right a {
	text-decoration: none;
	color: #BF311A;
}

.hpcontentleft
{
	float:left;
	width:400px;
	text-align:justify;
}

.hpfullwidth
{
	float:left;
	width:950px;
	text-align:justify;
}
.hpcontentcentre
{
	float:left;
	width:580px;
	text-align:justify;
	/*padding-top:20px; */
	/*padding-left:40px; */
}

.hpcontentfully
{
	float:left;
	width:100%;
	text-align:justify;
}
.contentleft
{
	float:left;
	width:600px;
	text-align:justify;
}

.contentright
{
	float:right;
	width:140px;
}

.hpcontentright
{
	float:right;
	width:360px;
}

.contentright img
{
	max-height:100%;
	max-width:100%;
}

.pdfimage
{
	padding-right:8px;
}

.readmore
{
	text-decoration:none;
}

.advertbarcontent
{
	padding-left:20px;
	padding-right:20px;
}
.advertbartext
{
	font-family:Arial;
	font-size:9px;
	text-align:center;
}

.advertbarimage
{
	width:85px;	
}

.groupleft
{
	float:left;
	width:210px;
}

.groupright
{
	float:right;
	width:210px;
}

.groupcenter
{
	margin-left:auto;
	margin-right:auto;
	width:210px;
}

.grouptabledata
{
	padding-left:10px;
	padding-right:10px;
	vertical-align:top;
}

#feature:hover
{
	background-color:rgb(218,241,239);
}

#feature a:hover
{
	color:#C41301;
}

#feature a
{
	display:block;
	height:100%;
	width:100%;
}

#featuretitle a
{
	display:block;
	height:100%;
	width:100%;	
	text-align:center;
}

#featuretext a:hover, featuretext a:link, featuretext a:visited, featuretext a:active
{
	text-decoration:none;
	color: #757575;
}

#featuretext a
{
	color: #757575;
	display:block;
	height:100%;
	width:100%;	
}

#allsolutionstable
{
	margin-right:auto; 
	margin-left:auto;
	padding-top:3px;
	padding-bottom:10px;
}

.solutionstable
{
	background-color:Gray;
}

.solutionstable a:hover, #solution a:link, #solution a:visited, #solution a:active
{
	text-decoration:none;
	color: #757575;
}

#solution a
{
	display:block;
	height:100%;
	width:100%;
}

#solution:hover
{
	background-color:rgb(132,132,132);
	font-weight:bold;
}

.solutionsgroup
{
	width:213px;
	text-align:left;
	border-bottom:solid 1px rgb(140,140,140);
	padding-top:3px;
	padding-bottom:3px;
}

.solutionsgroupbottom
{
	float:left;
	width:210px;
	text-align:left;
	padding-top:5px;
	padding-bottom:5px;
}

.solutionstitle
{
	font-size:10pt;
	font-family:Arial;
	color:White;
	font-weight:bold;
}

.solutionscontent
{
	font-size:8pt;
	font-family:Arial;
	color:White;
}

.solutionsgrouptabledata
{
	padding-left:10px;
	padding-right:10px;
	vertical-align:top;
}

#customerleftbar
{
	float: left;
	width: 252px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding-top:5px;
	border-left-style:solid;
	border-right-style:solid;
	border-color:#757575;
	border-width:1px;
}

#customercentralbar
{
	float: left;
	width: 252px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding-top:5px;
}

#customerrightbar
{
	float: left;
	width: 252px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding-top:5px;
	border-left-style:solid;
	border-right-style:solid;
	border-color:#757575;
	border-width:1px;
}

.customer
{
	padding-top:0px;
	margin-top:-5px;
	margin-left:10px;
	margin-right:10px;
	/*background-color:#FFF1EF;*/
	padding-bottom:20px;
	height:170px;
}

.customertitle
{
	padding-top:10px;
	padding-bottom:10px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	background-color:#757575;
	color:White;
}

.customerimage
{
	padding-top:10px;
	padding-bottom:10px;
	width:200px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

.customerimage img
{
	max-width:100%;
	max-height:100%;
}

.customertext
{
}

#partnerleftbar
{
	float: left;
	width: 252px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding-top:5px;
	border-left-style:solid;
	border-right-style:solid;
	border-color:#757575;
	border-width:1px;
}

#partnercentralbar
{
	float: left;
	width: 252px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding-top:5px;
}

#partnerrightbar
{
	float: left;
	width: 252px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding-top:5px;
	border-left-style:solid;
	border-right-style:solid;
	border-color:#757575;
	border-width:1px;
}

.partner
{
	padding-top:0px;
	margin-top:-5px;
	margin-left:10px;
	margin-right:10px;
	/*background-color:#FFF1EF;*/
	padding-bottom:20px;
	height:170px;
	cursor:pointer;
}

.partnertitle
{
	padding-top:10px;
	padding-bottom:10px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	background-color:#757575;
	color:White;
}

.partnerimage
{
	padding-top:10px;
	padding-bottom:10px;
	width:200px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

.partnerimage img
{
	max-width:100%;
	max-height:100%;
}

.partnertext
{
}

.lightboxtitle
{
	font-weight:bold;
	font-size:20px;
	text-align:center;
	position:relative;
	padding-left:20px;
	padding-right:20px;
}

.lightboxtext
{
	position:relative;
	padding-left:20px;
	padding-right:20px;
	text-align:left;
}

.lightboximage
{
	padding-top:20px;
}

#footer 
{
	margin-bottom: 0px;
	clear:both;
	border-top: 5px solid Gray;
	/*color: #8E8E8E; */
	color: #757575;
	font-size: 10px;
	text-align:left;
	padding:20px 0px 20px 10px;
	bottom:0px;
	background: white;
	height: 165px;
	width:990px;
	/*margin-left:51px;*/
	margin-left:0px;
	margin-bottom:0px;
}

#footer p {
	padding-left: 5px;
}

#footer a:visited
{

}

.footertitle
{
	font-size:16px;
	font-weight:bold;
}

.socialnetworkingimage
{
	padding:5px;
}

.footertechnologyimage
{
	padding-top:5px;
	padding-left:15px;
	padding-right:15px;
}

#footerleftbar {
float: left;
width: 320px;
height:130px;
margin-left:auto;
margin-right:auto;
text-align:center;
padding-top:5px;
}

#footercentralbar {
float: left;
width: 320px;
height:130px;
margin-left:auto;
margin-right:auto;
text-align:center;
padding-top:5px;
}

#footerrightbar {
float: left;
width: 320px;
height:130px;
margin-left:auto;
margin-right:auto;
text-align:center;
padding-top:5px;
}

#footercontactus
{
	font-size:12px;
	text-align:left;
	padding-left:70px;
	line-height:18px;
}

#footercontactus a
{
	color:#0645AD;
}

#footerlinks a
{
	font-size:9px;
	color: #757575;
}

.twitter-share-button
{
	margin-right:auto;
}

.block_content {
	margin: 0px;
	padding: 0px;
}

#menu.block .header 
{
	display:none;
	font-family:Lucida Sans;
}

#menu.block{
	text-transform:capitalize;
	font-family:Lucida Sans;
	font-size:90%;
	
}

#menu ul {
	margin-top:0px;
	height: 60px;
}

#menu ul li{
	float:left;
	list-style-type: none;
	margin-left:14px;
	margin-right: 14px;
	height: 50px;

}

#menu ul li a {
	text-decoration:none;	
	font-family:Lucida Sans;
	font-size: 16px;
	color: white;
	font-weight: 100;
	padding:6px;
}

#menu ul li a:hover {
	color: white;
	background: #BBBBBB;
		height: 50px;

}

#menu ul li.selected {
	color: #C41301;
	background: #BBBBBB;
}

#menu ul li.selected a {
	color: #C41301;
	background: #BBBBBB;
}

#contact ul {
	list-style-type: none;
}

#case_study .block 
{

}

.required,.error {
	color:red;
}

.colhead 
{
	float: left;
	color: #BF311A;
	font-variant: small-caps;
	font-size: 14pt;
	height: 45px;

}

.colsubhead 
{
	clear:left;
	float: left;
	font-variant: small-caps;
	color: black;
	width: 200px;
}

.coltext
{
	clear:both;
	line-height: 16.5px;
	height:70px;

}

.colread
{
	margin-bottom: 0px;
	vertical-align: bottom;
}

table.boxlayout tr td
{
	padding-right: 20px;
	vertical-align: top;
	text-align: left;
	width: 40%;

}


#front_right {
	float:right;
	font-family:Arial;
	font-size: 12px;
	width: 180px;
	/*color: #8E8E8E; */
	color:#757575;
	line-height: 20px;
	font-weight: normal;

}

/* partners tables start*/

.table
{
	width: 665px; font-size: 9pt;
	
}

/*specifications table is using this*/
.table tr td 
{
	border-left:1px solid #999999;
	border-bottom:1px solid #999999;
}

#partners .table tr td 
{
	border-left:1px solid lightgray;
	border-bottom:1px solid lightgray;
}

#partners table .title
{
	font-size:11pt;
	height:30; 
	vertical-align:middle;
	color:#4169E1;
	border-left:0px;
}

#partners .company
{
	vertical-align:top;
	width:100px;
	background-color:#ececec;
}

#partners .description
{
	vertical-align:top;
	text-align:justify;width:400px;
}

#partners .logo
{
	border-right:1px solid lightgray;
	vertical-align:top; 
}

/* parters tables end*/

.float_left
{
	float: left;
	margin-right: 4px;
}

.box
{
	margin-top: 80px;
	height: 400px;
	font-size: 8pt;
	line-height: 14px;
	color: black;

}
.boxtop
{
	background: url('../../themes/main/images/rcboxtop.jpg') no-repeat;
	height: 48px;
	padding:4px 11px;
	width:175px;
	margin-bottom:0px;
	line-height: 18px;
	font-size: 14px;
	color: #BF311A;

	margin-bottom:0px;
	padding-bottom:0px;

}

.boxtop p
{
	padding: 2px;	

}

.box strong
{
	color: #BF311A;
}

.boxmiddle
{
	font-size: 7pt;
	margin:0px;
	padding-left: 8px;
	padding-right: 10px;
	background: url('../../themes/main/images/rcboxmid.jpg') repeat-y;
	width: 169px;
}


.boxbottom
{
	background: url('../../themes/main/images/rcboxbottom.jpg') no-repeat;
	height: 12px;
	width: 169px;
}

.boxmiddle p 
{
	padding-left: 8px;
	padding-top: 8px;
}


.frontintro
{
	
}
.rc_menu
{
	padding-left:3px;
	padding-right:3px;
}

.submenu 
{
	font-size:80%;
	font-weight:normal;
	text-transform:none;
}

.DynamicSubMenu
{
	z-index:100;
}

.btnSend 
{ background-color:#757575;
	border:1px solid #757575;
	color:White;
	margin-left:115px;
	font-size:11px;
	margin-top:5px;

	
}
.btnOrder 
{ background-color:orange;
	/*border:1px solid orange;*/
	border:1px solid #FFB238;
	color:White;
	
	font-size:11px;
	margin-top:5px;

	
}

.btnOrder_active {
 background-color:#FFB238;
	border:1px solid #FFB238;
	color:white;
	font-size:11px;
	margin-top:5px;

	
}
.btnSend_active {
 background-color:#555555;
	border:1px solid #555555;
	color:white;
	margin-left:115px;
	font-size:11px;
	margin-top:5px;

	
}

.ctbtnSend 
{ background-color:#757575;
	border:1px solid #757575;
	color:White;	
}

.ctbtnSend_active {
 background-color:#555555;
	border:1px solid #555555;
	color:white;	
}



.OMNIKEYtable table tr td 
{
	
}
.OMNIKEYtable
{
	border:1px solid #999999;
}

#OMNIKEYtable table tr td a:link, #OMNIKEYtable table tr td a:visited
{
	color:#4169E1;
	text-decoration:underline;
}


#OMNIKEYtable table tr td a:hover, #OMNIKEYtable table tr td a:active
{
	color:#4169E1;
	text-decoration:none;
}
#OMNIKEYtable .lightbg 
{
	background-color:#ececec;
}

.lightbg 
{
	background-color:#ececec;
}

#OMNIKEYtable .lightborder 
{
	border-top: 1px solid #999999;
}

#twitter_div ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#twitter_div ul li
{
	display:block;
}

/*Light box (popup)*/
.black_overlay{
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.7;
	opacity:.70;
	filter: alpha(opacity=70);
}
 
.white_content
{
	display:none;
	position: fixed;
	top: 10%;
	left: 50%; /*width: 35%;
	height: 60%;*/
	width: 500px;
	height: 450px;
	margin-left: -250px; /*border: 8px solid #757575;*/
	background-color: white;
	z-index: 1002;
	overflow: auto;
}

.closebutton
{
	position:relative;
	/*top:-15px;
	right:-15px;*/
    display:block; 
    float:right; 
    border:0;
}

.closebutton a:hover, a:link, a:visited, a:active
{
	text-decoration:none;
	color:White;
}

/*slide show at homepage*/
#gallery {position:relative; width:880px; margin:10px auto;  border:6px solid #fff; background:#757575; border:2px solid #757575;}
#images {border:2px solid #757575; height:90px; background:#eef5f6; margin-bottom:20px}
#image {position:relative; width:870px; height:90px; padding:5px;  background:#FFF url(../../upload/user/images/loading.gif) center center no-repeat}
#image img {position:absolute; top:5px; left:5px}
#thumbwrapper {margin-top:10px; padding:5px 0; width:682px; height:100px; background:#FFF}
#thumbarea {position:relative; overflow:hidden; height:100px; width:682px; }
#thumbs {position:absolute; list-style:none; margin-left:5px; height:100px; width:100px; border-right:5px solid #FFF}
#thumbs li {float:left; margin-right:5px; cursor:pointer}
.imgnav {position:absolute; width:20%; z-index:100; height:90px; width:20%; z-index:100; outline:none; cursor:pointer}
#previmg {left:0; background:url(../../upload/user/images/left.gif) left center no-repeat; border-left:5px solid #FFF}
#previmg:hover {opacity:1; filter:alpha(opacity=100)}
#nextimg {right:0; background:url(../../upload/user/images/right.gif) right center no-repeat; border-right:5px solid #FFF}
#nextimg:hover {opacity:1; filter:alpha(opacity=100)}

@media 
only screen and (max-width: 200px),
(min-device-width: 200px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	#featuretable, #feature { 
		display:block; margin-left:1px; margin-right:1px; text-align:left;
	}
	#allsolutionstable, #allsolutiondata { 
		display:block; margin-left:1px; margin-right:1px; text-align:left;
	}
}


