﻿@charset "utf-8";
/* CSS Document */

#top-rule {
	width: 801px;
	height: 5px;
	background-color: #069;
}
#mainer {
	width: 809px;
	background: url("../images/site-background-shadow.png") repeat-y;
}
#mainer #container-mainer-inner {
	margin: 0 0 0 4px;
}
/*	top part of the page	*/
#mainer #container-mainer-inner #header-banner {
	display: block;
	width: 801px;
	height: 149px;
	background: #069 url("../images/header-banner.jpg") no-repeat;
}
#mainer #container-mainer-inner .about {
	background: url("../images/about_banner.jpg") no-repeat !important;
}
#mainer #container-mainer-inner .contact {
	background: url("../images/contact_banner.jpg") no-repeat !important;
}
#mainer #container-mainer-inner .hardware {
	background: url("../images/hardware_banner.jpg") no-repeat !important;
}
#mainer #container-mainer-inner .software {
	background: url("../images/software_banner.jpg") no-repeat !important;
}
#mainer #container-mainer-inner .solutions {
	background: url("../images/solutions_banner.jpg") no-repeat !important;
}
#mainer #container-mainer-inner .support {
	background: url("../images/support_banner.jpg") no-repeat !important;
}
#mainer #container-mainer-inner .services {
	background: url("../images/services_banner.jpg") no-repeat !important;
}
#mainer #container-mainer-inner #container-page-columns {
	display: inline-block;
	padding: 0 10px;
}
/*	page content	*/

/*	left side nav	*/
#container-page-columns #sectional-nav {
	width: 140px;
	float: left;
	padding: 20px 10px 0 0;
}
#container-page-columns #sectional-nav ul {
	margin: 20px 0;
}
#container-page-columns #sectional-nav li {
	list-style-type: none;
	margin: 0 0 5px 0;
	padding-bottom:5px;
	line-height: 14px;
	border: solid 1px #999;
	border-width: 0 0 1px 0;
}
#container-page-columns #sectional-nav ul li a, #container-page-columns #sectional-nav ul li span {
	font: 12px Arial, sans-serif;
}
#container-page-columns #sectional-nav ul li span {
	color: #666;
}
#container-page-columns #sectional-nav ul li a, #container-page-columns #sectional-nav ul li a:visited {
	color: #069;
	text-decoration: none;
}
#container-page-columns #sectional-nav ul li a:hover {
	color: #F9A902;
	text-decoration: none;
}
/*	page content (right side)	*/
#container-page-columns #page-content {
	width: 600px;
	float: left;
	padding: 20px 0 40px 20px;
	border: solid 1px #999;
	border-width: 0 0 0 1px;
	min-height: 400px;
}
#container-page-columns #page-content>h1 {
	font: bold 18px Arial, sans-serif;
	color:#e3a216;
	text-transform: uppercase;
	padding: 0 0 8px;
	margin: 0 0 8px;
	border: solid 1px #999;
	border-width: 0 0 1px;
}

#container-page-columns #page-content h1 + p,
#container-page-columns #page-content img + p {
font-size:14px; 
color:#336DA3;
}

#container-page-columns #page-content h1 + p a,
#container-page-columns #page-content img + p a,
#container-page-columns #page-content a {
text-decoration:underline;
color:#336DA3;
}

#container-page-columns #page-content h1 + p a:hover,
#container-page-columns #page-content img + p a:hover,
#container-page-columns #page-content a:hover{
text-decoration:none;
color:#333;
}

#container-page-columns #page-content>h2 {
	font: bold 12px Arial, sans-serif;
	color: #069;
}
#container-page-columns #page-content ul {
	margin: 3px 0 12px 26px;
}
#container-page-columns #page-content ol {
	margin: 3px 0 12px 30px;
}
#container-page-columns #page-content h3, #container-page-columns #page-content p, #container-page-columns #page-content ul li, #container-page-columns #page-content ol li, #container-page-columns #page-content ul li p, #container-page-columns #page-content ol li p {
	font: 12px/16px Arial, sans-serif;
	color: #000;
	color:#333;
	line-height:20px;
}
#container-page-columns #page-content h3 {
	font-weight: bold;
}
#container-page-columns #page-content p {
	padding: 0 20px 15px 0;
}
#container-page-columns #page-content ul h1, #container-page-columns #page-content ul p, #container-page-columns #page-content ol p {
	display: inline;
}
#container-page-columns #page-content ul h1 {
	color: #F9A902;
	font: bold 12px Arial, sans-serif;
}
#container-page-columns #page-content ul li, #container-page-columns #page-content ol li {
	color: #F9A902;
	margin: 0 0 5px;
}
/*	LINK STYLES	*/
a.about-us, a.about-us:visited, a.pdf, a.pdf:visited {
	font-weight: bold;
	color: #F9A902;
}
a.about-us:hover, a.pdf:hover {
	font-weight: bold;
	color: #069;
}
a.pdf {
	background: url(../images/pdf.gif) center right no-repeat;
	padding: 0 15px 0 0;
	z-index:999;
}
a.driver:hover {
	color: #F9A902;
}

/* Fix for sub nav flicker on page load */
.nav-menu{
	visibility: hidden;
}


#container-page-columns #page-content #hardware-head h1 {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #999999;
    border-style: solid;
    border-width: 0 0 1px;
    color: #E3A216;
    font: bold 18px Arial,sans-serif;
    margin: 0 0 8px;
    padding: 0 0 8px;
    text-transform: uppercase;
}

.hardware {
	float: left;
	clear: none;
	padding: 0;
}
.hardware-items{
	margin-top:20px;
}
#container-page-columns #page-content .hardware-items h3{
	color: #E3A216;
	font: bold 16px Arial, sans-serif;
}
.hardware-items a:link{
	color: #F9A902;
	font: bold 13px Arial, sans-serif;
}

.hardware-check-scanners-joggers-logos {
	left:0;
	width:150px;
	padding:0 5px 0 0;
}
.hardware-check-scanners-joggers-products {
	left:0;
	width:150px;
	padding:20px 5px 0 0;
}

#page-content #hardware-section {
	width:600px;
	margin-top:10px;
	padding: 0 0 10px 0;
	display:block;
	position:relative;
}
.hardware-logos {
	left:1px;
	width:600px;
	margin-top:30px;
	margin:0;
	position:relative;
}
.hardware-content {
	float: right;
	width:440px;
	margin-top:20px;
	right:0;
	padding:0;
	position:relative;
}
#container-page-columns #page-content .hardware-content h2{
	color: #006699;
	font: bold 14px Arial, sans-serif;
}


