html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
border:0;
outline:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
margin:0;
padding:0;
}
:focus {
outline:0;
}

body {
line-height:1;
color:#333;
font:12px Arial, Helvetica, sans-serif;
width:954px;
background:#0053a0;
filter: expression(document.execCommand("BackgroundImageCache", false, true));
margin:auto;
position:relative;
}

ol,ul {
list-style:none;
}

table {
border-collapse:separate;
border-spacing:0;
}

caption,th,td {
text-align:left;
font-weight:400;
}

blockquote:before,blockquote:after,q:before,q:after {
content:"";
}

fieldset {
border:1px solid #a2a2a2;
margin-top:10px;
}

h1,h2 {
color:#0053a0;
font-size:14px;
font-weight:700;
margin:10px;
}

h3 {
color:#0053a0;
font-size:12px;
font-weight:700;
margin:5px;
}

h4 {
font-size:12px;
color:#333;
font-weight:700;
padding:5px;
margin-left:15px;
font-weight:bold;
}

img {
border:none;
margin:0;
padding:0;
}

td {
vertical-align:top;
}

#AllContent {
background:#fff;
width:954px;
float:left;
}

a{
color:#2372D1;	
}
#AllContent a:hover{
color:#dd7306;
}

#header {
height:85px;
padding-top:10px;
background:url(../images/headerBackground.jpg) no-repeat;
}

#header a {
color:#036;
}

#header_slogan {
font-size:12px;
color:#000;
float:left;
padding:50px 0 0 105px;
}

#headerLinks {
float:right;
margin-right:20px;
color:#fff;
}

#headerLinks a {
color:#FFF;
}

#headerLinks a:hover {
color:#dd7306;
}

ul#topnav {
	margin: 0; padding: 0;
	float:left;
	width: 954px;
	list-style: none;
	font-size: 1.1em;
	background:url(../images/menuBackground.jpg) no-repeat;
	
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative;
	
}
ul#topnav li a {
	float: left; 
	height: 28px;
	color:#fff;
	padding-top:12px;
padding-left:18px;
padding-right:18px;
text-decoration:none;
font-weight:bold;
font-size:12px;
}
ul#topnav li:hover a, ul#topnav li a:hover { color:#dd7306; }

ul#topnav li .sub {
	position: absolute;	
	top: 40px; left: 0;
	background: url(../images/background.jpg);
	padding: 10px 15px 15px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none;
}
ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 150px;
	float: left;
}
ul#topnav .sub ul li {
	width: 100%;
	color: #fff;
}
ul#topnav .sub ul li h2 {
	padding: 0;  margin: 0;
	font-size: 1.3em;
	font-weight: normal;
}
ul#topnav .sub ul li h2 a {
	padding: 5px 0;
	background-image: none;
	color:#CCC;
	text-decoration:underline;
	font-size:14px;
}
ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	padding: 7px 5px 7px 0px;
	display: block;
	text-decoration: none;
	color: #fff;
	font-weight:normal;
}
ul#topnav .sub ul li a:hover {color:#dd7306;}




#homepageIntro{
float:left;	
}
#homepageIntro h2{
margin-left:20px;	
}
#homepageIntro p{
	padding-left:125px;	
}
#tabs{
width:650px;
float:left;
background:#FFF;
margin: 15px 0px 20px 15px;
}

#tabs ul {
width:675px;
padding-top:5px;
}

#tabs li{
margin-right:2px;
list-style:none;
}

#tabs ul li {
background:url(../images/right.gif) top right no-repeat;
}

#tabs ul li a {
text-decoration:none;
color:#000;
background:url(../images/left.gif) no-repeat left top;
min-width:160px;
height:15px;
text-align:center;
padding:8px 15px;
}

#tabs ul ul {
display:none;
}

#tabs ul li:hover a {
color:#EFEFEF;
background-image:url(../images/left_on.gif);
display:block;
}

#tabs ul li.active a {
background-image:url(../images/left_on.gif);
color:#FFF;
}

#tabs div {
clear:both;
border:1px solid #ccc;
background:#FFF;
padding:5px;
padding-bottom:15px;
}
#tabs div a:hover{
color:#dd7306;
}
#tabs img {
margin-right:0;
}
#main p {
padding:3px 5px 3px 20px;
}
#tabs p {
margin-left:15px;
padding:3px;
}

#CaseStudiesBox {
width:500px;
height:200px;
float:left;
margin:40px 50px 50px;
}

#CaseStudiesBox h3 {
width:70px;
font-size:12px;
margin-top:15px;
margin-left:15px;
}

#nameAndTitle {
font-style:italic;
margin-left:120px;
font-weight:400;
font-size:12px;
margin-top:7px;
}

#main {
width:675px;
background:#FFF;
float:left;
padding-left:15px;
padding-bottom:10px;
}


#main h2,h1 {
margin-top:20px;
font-size:20px;
color:#333;
}

#main h3 {
font-size:14px;
color:#0053a0;
padding:12px;
}


#main li {
list-style-type:disc;
margin-left:20px;
}
#main a:hover{
color:#dd7306;
}

#sidebar{
width:225px;
float:right;
margin:15px 10px 15px 15px;
}

.sidebarSection {
float:right;
width: 225px;
		margin: 0 0 20px 0px;
		padding: 0;
		background: url(../images/bottom.gif) no-repeat bottom left;
}
.sidebarSection {
		background-color: #EEE;
		}
#sidebar h2 {
color:#0053a0;
margin: 0 0 10px 0;
padding: 10px;
font-size: 130%;
color: #fff;
border-bottom: 1px solid #fff;
background: #999 url(../images/top.gif) no-repeat top left;
text-align:center;
}

#sidebar h3 {
color:#0053a0;
font-weight:700;
font-size:12px;
margin-left:10px;
margin-top:10px;
padding:0px;
margin-bottom:0px;
}
#sidebar p {
margin: 0 0 0 10px;
		padding: 0 10px 10px 10px;
		color: #666;
		font-family: Verdana, sans-serif;
		font-size: 90%;
		background: url(../images/arrow.gif) no-repeat 0 3px;
}
.sidebarImage {
float:right;
margin:5px 10px 0 5px;
}
.sidebarSection h2 {
		background-color: #0053a1;
		}
#sidebar .removeBackground{
	background:none;
	}
	
.BoldBulletList {
padding-left:20px;
font-weight:700;
list-style:disc;
margin:5px;
}

.Imageright {
float:right;
margin:10px;
}

.Imageleft {
float:left;
margin:10px 15px 10px 10px;
}

.center {
text-align:center;
}

.right {
text-align:right;
float:right;
}

.highlight {
font-style:italic;
font-weight:700;
}

.red {
color:#CD1418;
font-style:oblique;
}

.textLeft {
text-align:left;
margin-left:10px;
color:#039;
}

.box {
float:left;
margin-left:10px;
width:110px;
height:180px;
text-align:center;
}

.BlockSection{
	width:190px;
	height:300px;
	background:url(../images/section.jpg) no-repeat;
	float:left;
	margin-left:15px;
	padding:10px;
}
.BlockSection p {
margin-bottom:5px;
margin-left:5px;
}
.BlockSection h2{
text-align:center;	
margin:0;
padding:0 0 10px 0;
font-size:12px;
}
.BlockSection a:hover{
	color:#F00;
}
.infoBox {
float:left;
margin-top:10px;
width:650px;
border:1px solid #ccc;
background:#e5e5e5;
margin-bottom:15px;
padding:5px;
}

.infoBoxSection {
width:175px;
min-height:200px;
border-right:1px solid #CCC;
float:left;
padding:15px;
}

.infoBoxSection ul {
font-weight:700;
padding-top:5px;
}

#main .infoBoxSection p {
margin:0;
padding:0;
}

/**********************Footer*************************/
#footer {
	clear: both;
	width: 944px;
	height:160px;
	background:#0053a0;
	padding: 15px 0px 10px 35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:center;
	color: #fff;
}

#footer a {
	color: #fff;
	text-decoration: underline;
}
#footer a:hover {
	color: #ccc;
}
/******************************************************/

.Captions {
width:200px;
border:4px;
float:left;
background:#FFF;
border-color:#CCC;
border-style:solid;
padding:2px;
}

.Captions img {
padding:5px;
}

.Captions a {
text-decoration:none;
font-weight:700;
}
.Captions a:visited{
	color:#2372D1;
}

.CaptionText {
border:1px #CCC solid;
height:90px;
padding:2px;
}

.pushBarCodeScanner {
margin-left:65px;
}

.pushImage {
margin-left:15px;
}

#main form {
margin-left:80px;
}

#main form td {
padding:3px;
}

#main form td td {
padding:0;
}

#main form td label {
float:right;
margin-top:4px;
text-align:right;
}

#main form td input.checkbox {
float:left;
margin-top:5px;
margin-right:5px;
}

#main .error {
background-color:#933;
color:#CCC;
border:1px solid #ccc;
font-weight:700;
min-height:26px;
text-align:center;
padding:2px;
}
.missing{
	color:#900;
	font-style:italic;
}


#featuresList ul {
margin-left:30px;
}
#featuresList li{
padding:2px;	
}

#tabs li,#tabs li a,#main form td td label {
float:left;
}

#tabs li:hover,#tabs ul li.active {
background-image:url(../images/right_on.gif);
}

.sidebar a,.box a {
text-decoration:none;
}

.bullet,#main form .required {
font-weight:700;
}

.BoldBulletList li,.infoBoxSection li {
padding:2px;
}

.infoBoxSection h2,h3,#main .infoBoxSection h3 {
font-size:12px;
margin:0;
padding:0 0 10px;
}


/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{
position:absolute; 
left:0; 	
z-index:9999; 
overflow:hidden;}

#colorbox{
position:fixed;


}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(../images/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../images/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(../images/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../images/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(../images/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(../images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}