/* CSS Document */

html {
height:100%;margin-bottom:1px;}

body, div, h1, h2, h3, h4, p, ul, li, img{
margin:0;
padding:0;
border:0;}

body {
background:#b2b2b2 url(images/bg-gradient.jpg) repeat-x top center;}

img.pic{
float:right;
margin-bottom:20px;
}
div.picture{
float:right;
height:200px;
width:822px;
}
a{outline:none;}

#container{
width:855px;
margin:0 auto;
background:#ffffff url(images/content-repeat.jpg) repeat-y;
}

#content{
width:822px;
margin-left:16px;
background:#ffffff;
clear:both;
}

div.mainContent{
	clear:both;
}

a:link, a:hover, a:active, {
text-decoration:underline;
color:#000099;}

a:visited{
	text-decoration:none;
}
div.picture{
position:relative;
background:url(images/pic.jpg) no-repeat;
width:822px;
height:200px;
margin-bottom:10px;
}
div.picture img{float:right;}

div.clear, .clear{clear:both;}
.clearLeft{clear:left;}


div.head{
float:right;
z-index:1;}

div.button{
float:right;
margin:-42px 40px 0 0;
}

div.button a, div.button a:link, div.button a:visited{display:block;}

/* ---------------------------  Home Content Left --------------------------- */

.left{
width:393px;
float:left;
text-align:left;
padding:0 ;
padding:0 0 10px 0;
border-right:1px solid #999999;
}

.left img{
	margin:0;
}

.left-top{
	border-bottom:1px solid #999;
	margin:0 0 5px 0;
}

div.left-top p{
	width:	380px;
	margin-bottom:9px;
}

div.left-bottom{
	width:380px;
	margin:5px 5px 0 0;
}

div.left-bottom img{
	vertical-align:middle;
}

div.left-bottom h2{
	margin:5px 0 5px 0;
	text-align:left;
}

div.left-top h2{
	margin-bottom:5px;
}


.left a{
color:#333333;}

div.left p.p3{
	width:380px;
	margin-top:5px;
	padding:0;
}

p{
color:#000000;
font:12px Arial, Helvetica, sans-serif normal;
line-height:18px;
text-align:justify;}

p.p2{
color:#000000;
font:12px Arial, Helvetica, sans-serif normal;
padding-left:28px;
line-height:18px;
z-index:2;}

p.p3{
color:#000000;
font:11px Arial, Helvetica, sans-serif normal;
padding-left:25px;
line-height:16px;
z-index:2;}

h2{
color:#69a0bf;
font:20px Arial, Helvetica, sans-serif bold;}

.dots{
color:#a1ca46;
font-size:14px;}

.hr{
	width:387px;
	margin:0 0 20px 0;
	background:url(images/hr.jpg) no-repeat;}

img.arrow{position:relative;top:20px;}

.vr{
position:relative;
left:388px;
top:340px;}

.demo-box{margin:0 0 0 25px;}

/* ---------------------------  Home Content Right --------------------------- */
.right{
width:428px;
float:right;
padding-bottom:20px;
text-align:left;
}

.right a{
color:#333333;
text-decoration:underline;}

.right a:hover;{
color:#000;
}

.right p{
color:#000000;
font:12px Arial, Helvetica, sans-serif normal;
padding-left:10px;
line-height:18px;
text-align:justify;
}

.right p.p2{
color:#000000;
font:10px Arial, Helvetica, sans-serif normal;
padding-left:25px;
line-height:18px;
z-index:2;}

.right p.p3{
color:#000000;
font:11px Arial, Helvetica, sans-serif normal;
padding-left:25px;
line-height:16px;
z-index:2;}

.right h2{
color:#69a0bf;
font:20px Arial, Helvetica, sans-serif bold;
margin-left:15px;}

.right h2.table{
margin-bottom:5px;
font:17px Arial, Helvetica, sans-serif bold;}

.float-right{
float:right;
padding:0 0 10px 20px;}

.float-left{
float:left;
padding:0 0 10px 20px;}

/* ---------------------------  Other Page Content Left --------------------------- */
.left_column{
float:left;
width:130px;
background:#fff;
padding-bottom:5px;
margin:15px 0 20px 0;
}

.left_column ul{
list-style:none;
text-decoration:none;
font:12px Arial, Helvetica, sans-serif normal;
padding:5px 0 5px 8px;
border:1px solid #003366;
}

.left_column li{
padding-bottom:3px;
}

.left_column a{
list-style:none;
text-decoration:none;
color:#003366;
}

.left_column a:hover{
text-decoration:underline;}

.indent{
position:relative;
left:10px;
font:10px Arial, Helvetica, sans-serif normal;
color:#ccc;
}

.indent2{
position:relative;
left:30px;
font:10px Arial, Helvetica, sans-serif normal;}

.indent3{
position:relative;
left:10px;
font:12px Arial, Helvetica, sans-serif normal;
color:#000;
}

.middle_column{
width:432px;
float:left;
margin:15px 5px 20px 15px;
}

.middle_column p{
color:#000000;
font:12px Arial, Helvetica, sans-serif normal;
line-height:18px;
margin-bottom:8px;
text-align:justify;}

.middle_column h1{
color:#003366;
font:24px Arial, Helvetica, sans-serif bold;}

.middle_column h2{
color:#003366;
font:18px Arial, Helvetica, sans-serif bold;
text-decoration:none;}

.middle_column li{list-style-type:square;}

.middle_column a{
	list-style:none;
	text-decoration:underline;
	color:#003366;
}

.middle_column img{
	padding:10px 0 0 0;
}

.middle_column a:hover{
text-decoration:underline;}

.wide{
	width:552px;
}
.new{
float:left;
margin:0 0 0 -42px;}

.breadcrumb{
font:10px Arial, Helvetica, sans-serif normal !important;
color:#999999 !important;
margin-bottom:10px;}

.breadcrumb a{
color:#666666 !important;
text-decoration:none !important;}

.breadcrumb a:hover{
color:#000000 !important;
text-decoration:underline !important;}

.caption{
color:#4b95d0;}
.10margin{
	margin-bottom:10px !important;
}
.right_column{
width:230px;
float:right;
margin:15px 0 20px 5px;}

.right_column h2{
	font:16px arial, normal;

	color:#003366;
}

.right_column p{
float:right;
width:208px;
margin:35px 0 0 0;
padding:10px;
background:url(images/quote.gif) no-repeat;
font:10px Verdana, Arial, Helvetica, sans-serif;
line-height:16px;}

div.mtsWire{
	float:right;
	width:230px;
	margin:0 0 20px 25px;
}
.right_column .wireless, div.mtsWire .wireless{
	text-align:center;
	font:12px arial, normal;
	padding:0;
	height:100%;
	clear:both;
}

.left-quote{
float:left;
padding:0 10px 0 0;}

.right-quote{
float:right;
padding:0 0 0 10px;}

.float-pic{
float:right;
padding:0;}

.list{
position:relative;
left:20px;
font:11px Arial, Helvetica, sans-serif normal;
}

.list2, div.mts ul.list2{
margin:0 0 0 25px !important;
list-style-type:disc !important;
font:12px Arial, Helvetica, sans-serif normal !important;
border-top:0;
border-bottom:0;
padding-top:0;
}
div.mts ul.list2 li{
	list-style-type:disc !important;
	margin-bottom:0;
}
/* ---------------------------  MTS Page --------------------------- */
div.mts{
width:822px;
padding:15px 0 5px 0;
clear:both;
}

div.mts h1, div.mts h2, div.mts h3{
	color:#003366;
	margin:0 0 10px 0 ;
	font:18px Arial, Helvetica, sans-serif bold;
}
div.mts h4{
	font:15px Arial, Helvetica, sans-serif bold;
	color:#003366;
}
div.mts h1.noMargin, h2.noMargin, h3.noMargin{
	margin:0 !important;
}
.mts h3.small{
	font-size:16px;
}
.mts h3.smaller{
	font-size:15px;
	margin-bottom:2px;
}
div.mts p {
	margin-bottom:10px;
}
div.mts p.firstP{
	margin-top:10px;
}
div.mts a{
	color:#000099;
	text-decoration:underline;
}

div.mts ul{
	border-top:1px dotted #000;
	border-bottom:1px dotted #000;
	margin:0px 0 10px 0;
	padding-top:10px;
	width:802px;
}

div.mts li{
	margin:0 0 8px 10px;
	list-style-type:none;
	font:12px Arial, Helvetica, sans-serif normal;
}
.wireless2{
	width:562px !important;
}

div.picWrapper{
	position:relative;
	float:right;
	height:480px;
	margin:0 0 10px 10px;
	clear:both;
}

div.picWrapper a.caption{
	clear:both;
	padding:10px 0 0 80px;
	font:15px arial normal;
}

div.picWrapper img.mtsButton{
	position:absolute;
	bottom:-25px;
	left:50px;
}

div.picWrapper a.border{
	border:1px solid black;
}
div.picWrapper a.contactButton, div.right_column a.contactButtonOrange{
	float:right;
	clear:both;
	width:134px;
	height:25px;
	background:url(images/contact-button.jpg) no-repeat top left;
	text-indent:9999px;
	margin-right:100px;
}
div.right_column a.contactButtonOrange, div.amsContent a.contactButtonOrange{
		float:right;
		clear:both;
		width:134px;
		height:25px;
		background:url(images/contact-button-orange.jpg) no-repeat top left;
		text-indent:9999px;
		margin-right:100px;
}
div.right_column a.contactButtonOrange:hover, div.amsContent a.contactButtonOrange:hover{
	background:url(images/contact-button-orange.jpg) no-repeat bottom left;
}
.col{
	margin-right:45px !important;
}
div.picWrapper a.contactButton:hover{
	background:url(images/contact-button.jpg) no-repeat bottom left;
}
.amsContent{
	clear:both;
}
.amsContent p.images span{
	float:right;
	font-size:15px;
	color:red;
}
.floatImages{
	float:right;
	width:200px;
	padding-left:10px;
}
.captionPic{
	float:right;
	margin:0 0 10px 15px;
	text-align:center;
	font-size:14px;
}
.captionPic img{
	border:1px solid #000;
	margin-bottom:5px;
}
.captionPicLeft{
	float:left;
	margin-right:15px;
	text-align:center;
	font-size:14px;
}
.captionPic span{
	font-size:12px;
}
.rfid{
	height:272px !important;
	text-align:center;
	font:13px Arial, helvetica, sans-serif normal;

}
div.rfidNav {
	background:#fff url(images/bg.gif) repeat-x bottom;
	margin-bottom:25px;
	float:left;
	line-height:normal;
	width:100%;
	font-size:93%;
}

div.rfidNav ul{
	border-top:0;
	border-bottom:0;
	padding:10px 10px 0;
	margin:0;
}


div.rfidNav li{
	float:left;
	background:url(images/norm_right.gif) no-repeat right top;
	margin:0;
	padding:0;
	list-style-type:none;
}

div.rfidNav a{
	display:block;
	color:#003366;
	font-size:14px;
	display:block;
	background:url(images/norm_left.gif) no-repeat left top;
	padding:5px 15px 4px;
	text-decoration:none;
	/* Commented Backslash Hack
	     hides rule from IE5-Mac \*/
	  #header a {float:none;}
	  /* End IE5-Mac hack */
}
div.rfidNav li#current {
    background-image:url(images/norm_right_on.gif);
}
div.rfidNav li#current a {
    background-image:url(images/norm_left_on.gif);
	padding-bottom:5px;
}
div.rfidNav a:hover{color:#003366;}



/* ---------------------------  Slideshow --------------------------- */
div.slideshow{
	width:650px;
	margin:0 0 0 80px;
	padding-top:20px;
	clear:both;
}

div.slideshow h3{
	color:#003366;
	font:18px Arial, Helvetica, sans-serif bold;
	padding-bottom:10px;
}

div.slideshow a{
	padding-right:5px;
	text-decoration:underline;
	color:#000099;
}

div.hr{
	width:650px;
	margin:10px 0 20px 0;
	border-bottom:1px solid #999999;
}
div.hr2{
	width:822px;
	border-bottom:1px dashed #999;
	margin:20px 0 20px 0;
}
/* ---------------------------  Footer --------------------------- */
.footer{
width:822px;
margin-left:16px;
padding-bottom:5px;
clear:both;
border-top:1px solid #999999;
font:11px Arial, Helvetica, sans-serif normal;
text-align:center;
}

.footer p{
text-align:inherit;
font-style:italic;
font-size:11px;
line-height:11px;
color:#888;
padding-top:10px;
}

.footerContent{
	float:left;
	width:855px;
	margin: 10px 0 20px 20px;
	font-size:10px !important;
}

.footerContent a{
	color:#888;
}

.footerContent a:hover{
	color:#000;
}
.footerContent img.first{margin-left:75px;}
#bbbdiv{
	float:right;
	padding:10px 20px 10px 10px;

}
#bbbdiv h3{
	font-size:10px;
	margin-bottom:4px;
}
.marginBottom{
	margin-bottom:10px !important;
}
.marginTop{
	margin-top:25px;
}
div.footerHR{
	float:right;
	position:relative;
	top:50px;
	right:45px;
	background:url(images/footer-vert-hr.jpg) no-repeat;
	height:65px;
	width:1px;
}
div.partners{margin-left:20px;}
div.partners img{
	float:left;
	vertical-align:top;
	margin:15px 15px 30px 0;
}
div.partners h3{
	margin:15px 0 5px 0;
}


/* ---------------------------  Navigation --------------------------- */
ul.navigation{
float:right;
text-align:left;
list-style:none;
width:822px;
height:30px;
background: url(images/nav-blue-round.jpg) no-repeat;
clear:both;}

ul.navigation li{
float:left;
margin-left:5px;
padding:6px 13px;}

ul.navigation li a:link, ul.navigation li a:visited{
font:12px Arial, Helvetica, sans-serif normal;
text-decoration:none;
color:#ffffff;}

ul.navigation a.number{font-size:18px;}

ul.navigation li a:hover, ul.navigation li a:active{
text-decoration:underline;}

ul.top-nav{
float:right;
list-style:none;
margin:-55px 0 0 15px;
background:transparent;
width:120px;
z-index:99;}

ul.top-nav li{
float:right;
margin-right:30px;
padding:0px;}

ul.top-nav li a:link, ul.top-nav li a:visited{
font:11px Arial, Helvetica, sans-serif bold;
text-decoration:none;
color:#333333;
display:block;}

ul.top-nav li.number{font-size:18px;color:#003399;}

ul.top-nav li a:hover, ul.top-nav li a:active{
color:#000000;}

ul.top-nav p{color:#003399;}


/* -------------------------- Lightbox CSS --------------------------------- */

#lightbox{position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(includes/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(includes/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* -------------------------- Image Floats --------------------------------- */
.floatRight{
	float:right;
	margin:0 0 5px 10px;
}
.floatLeft{
	float:left;
	margin:0 5px 5px 0;
}
h1.border{
	border-bottom:1px solid #ccc;
	padding:0 20px 20px 0;
	margin-bottom:25px;
	width:400px;
}
a.homeButton{
	position:absolute;
	bottom:-20px;
	right:40px;
	background:url(images/wms-demo-sprite.png) top left;
	height:44px;
	width:108px;
}
a.homeButton:hover{
	background:url(images/wms-demo-sprite.png) bottom left;
}