@charset "UTF-8";
/* CSS Document */

/* Global Styles */
* {
	font:12px Arial, Helvetica, sans-serif;
	line-height: normal;
}

body {
	text-align:center;
	background:#0D2666;
}

b {
	font-weight:bold;
}

i {
	font-style:italic;
}

#frame {
	width:980px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	padding:0px;
	text-align:left;
	position:relative;
}

/* Header and Header Elements */
#homeheader {
	background: #fff url(images/eParkingWorld.jpg) no-repeat left top;
	margin: auto;
	height: 100px;
	width: 980px;
	position:relative;
}
#header {
	background: #fff url(images/pwlogo.jpg) no-repeat left top;
	margin: auto;
	height: 100px;
	width: 980px;
	position:relative;
}
#homeheaderright {
	width: 470px;
	margin: 0px 0px 0px 510px;
	padding-top:74px;
}
#headerright {
	float: right;
	width: 470px;
	position:absolute;
	right:0px;
	top:0px;
}
#homeheaderleft {
    float: left;
	font:12px Arial, Helvetica, sans-serif;
	width: 470px;
	padding-left:20px;
	padding-top:75px;
}
#headerleft {
	text-align: center;
	font:12px Arial, Helvetica, sans-serif;
	margin: 0px 470px 0px 0px;
	padding-top:72px;
}
#headerleft a {
	font:12px Arial, Helvetica, sans-serif;
}
#headeradspace {
	width:470px;
	height:60px;
	margin-bottom:14px;
}

/* Navigation and Navigation Elements */
#topnav {
	background: #e6e6e6;
	margin: 0px;
	height: 30px;
	border-left:1px solid #b3b3b3;
	border-right:1px solid #b3b3b3;
}
#topnavcontainer {
	width:978px;
	margin:auto;
}
#topnav #topnavcontainer ul, #topnav #topnavcontainer li {
	margin:0;
	padding:0;
}
#topnav #topnavcontainer li {
	display: inline;
	float:left;
}
#topnav #topnavcontainer li a {
	font:14px Arial, Helvetica, sans-serif;
	line-height:30px;
	display:block;
	padding:0px 27px;
	text-decoration:none;
	color:#000;
	border-left:1px solid #b3b3b3;
}

/* Main Content and Main Content Elements */
#maincontent {
	background: #fff;
	width:978px;
	padding:0 0 0px 0;
	margin:0px auto;
	border-right:1px solid #b3b3b3;
	border-left:1px solid #b3b3b3;
	border-bottom:1px solid #b3b3b3;
}
#articlefooter {
	background:  url(images/headingbg.gif) repeat-x;
	height: 29px;
	width: 100%;
	position:relative;
}
#articlefooter p {
	padding:6px;
	color: #FFF;
	margin:0;
}
#articlefooter #arrowcontainer {
	position:absolute;
	right:0;
	top:0;
	line-height:29px;
	padding:5px 8px;
}
#articlefooter #arrowcontainer ul, #articlefooter #arrowcontainer li {
	margin:0;
	padding:0;
}
#articlefooter #arrowcontainer li {
	display:inline;
	float:left;
}

/* Tabs Classes */
.tabs{
	width:100%;
}
.tabs div{
	float:left;
	width:49%;
	text-align:center;
}
.tabActive {
	text-align:center;
	border-top:1px solid #f5f5f5;
	border-left:1px solid #f5f5f5;
	border-right: 1px solid #f5f5f5;
	text-decoration:none;
	/*font-weight:bold;*/
	color:#fff;
	/*background:#f5f5f5; */
	background: url(images/activetab.jpg) no-repeat left top;
	margin-bottom:0;
	display:block;
	line-height:20px;
	padding-bottom: 8px;
	cursor: pointer;
	
}	
.tabActive2 {
	text-align:center;
	border-top:1px solid #f5f5f5;
	border-left:1px solid #f5f5f5;
	border-right: 1px solid #f5f5f5;
	text-decoration:none;
	/*font-weight:bold;*/
	color:#fff;
	/*background:#f5f5f5; */
	background: url(images/activetab2.jpg) no-repeat left top;
	margin-bottom:0;
	display:block;
	line-height:20px;
	padding-bottom: 8px;
	cursor: pointer;
	
}	
.tabActive6 {
	text-align:center;
	border-top:1px solid #f5f5f5;
	border-left:1px solid #f5f5f5;
	border-right: 1px solid #f5f5f5;
	text-decoration:none;
	/*font-weight:bold;*/
	color:#fff;
	/*background:#f5f5f5; */
	background: url(images/activetab6.jpg) no-repeat left top;
	margin-bottom:0;
	display:block;
	line-height:20px;
	padding-bottom: 8px;
	cursor: pointer;
	
}	
.tabActive7 {
	text-align:center;
	border-top:1px solid #f5f5f5;
	border-left:1px solid #f5f5f5;
	border-right: 1px solid #f5f5f5;
	text-decoration:none;
	/*font-weight:bold;*/
	color:#fff;
	/*background:#f5f5f5; */
	background: url(images/activetab7.jpg) no-repeat left top;
	margin-bottom:0;
	display:block;
	line-height:20px;
	padding-bottom: 8px;
	cursor: pointer;
	
}	
.tabInactive {
	background: url(images/tabbg.gif);
	border-top: 1px solid #f5f5f5;
	border-left:1px solid #f5f5f5;
	border-right: 1px solid #f5f5f5;
	text-decoration:none;
	color:#fff;
	text-align:center;
	display:block;
	line-height:20px;
	padding-bottom: 8px;
	cursor: pointer;
}
.tabFrame {
	background:#f5f5f5;
	border-left:1px solid #f5f5f5;
	border-right:1px solid #f5f5f5;
	border-bottom:1px solid #f5f5f5;
	padding:10px;
	height:100%;
}
.tabFrame img{
	margin-right: 10px;
	margin-top: 2px;
	margin-bottom: 2px;
}
.tabFrame ul {
	margin:10px;
	padding:10px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.tabFrame li {
	list-style-position: outside;
	list-style-image:url(images/listarrow.gif);
	padding:2px 0px;
}

/* New Products */
#producthdr {
	background: url(images/headingbg.gif) repeat-x;
	height: 29px;
	width: 100%;
	position:relative;
}
#producthdr p {
	padding:6px;
	color: #FFFFFF;
	margin:0;
}
#producthdr a {
	color:#FFFFFF;
}
#productcontainer {
	background: #fff;
	position:relative;
	border-left: 1px solid #b3b3b3;
	border-right: 1px solid #b3b3b3;
	border-bottom: 1px solid #b3b3b3;
	height:96px;
}
.productarrows {
	float:left;
	overflow:hidden;
	position:relative;
	width:30px;
	height:86px;
}
.productarrows img{
	position: absolute;
	top:33px;
	left:5px;
}
#products {
	background: #fff;
	float:left;
	width:570px;
}
#products img { 
	padding:3px 54px;
}


.Box{
    border: 1px solid #b3b3b3;
    color: white;
}
.TitleBar{
    background: url(images/headingbg.gif) repeat-x;
    color: white;
    padding: 2px 10px;
}
.Box p{
    padding: 0px 10px;
}
.Section {
	background: #fff;
	border-left:1px solid #b3b3b3;
	border-top:1px solid #b3b3b3;
	padding:10px;
	overflow:hidden;
}
#Section1 {
	position:absolute;
	top:190px;
	left:0px;
	width:564px;
	height:400px;
	z-index: -1;
}
#Section1 .Article{
    display: inline-block;
	text-align:center;
	width: 275px;
	height: 130px;
	overflow:hidden;
}
#Section1 #Article1{position: absolute; top: 10px; left: 10px;}
#Section1 #Article2{position: absolute; top: 145px; left: 10px;}
#Section1 #Article3{position: absolute; top: 280px; left: 10px;}
#Section1 #Article4{position: absolute; top: 10px; left: 290px;}
#Section1 #Article5{position: absolute; top: 145px; left: 290px;}
#Section1 #Article6{position: absolute; top: 280px; left: 290px;}
#Section1 .Headline{
	font-weight:bold;
	font-size:12px;
	text-align:center;
	width: 200px;
	height: 46px;
	overflow:hidden;
	margin: auto auto;
	cursor:pointer;
}
#Section1 .Picture{
	width:128px;
	height:80px;
	overflow:hidden;
	margin: auto auto;
	text-align:center;
	background:#f5f5f5;
	border:1px solid #b3b3b3;
	border-bottom: 0px;
	cursor:pointer;
}
#Section2 {
	position:absolute;
	top:190px;
	left:582px;
	width:230px;
	height:340px;
	line-height: 14px;
	z-index: -1;
}
#Section3 {
	position:absolute;
	top:550px;
	left:582px;
	width:230px;
	height:440px;
	line-height: 14px;
}
#Section3 .Box {
    width: 230px;
    color: black;
    margin-bottom: 8px;
}
#Section4 {
	position:absolute;
	top:610px;
	left:315px;
	width:246px;
	height:380px;
	line-height: 14px;
}
#Section5 {
	position:absolute;
	top:610px;
	left:0px;
	width:294px;
	height:380px;
}
#BannerAd {
	width:980px;
	height:60px;
	margin-bottom:6px;
    text-align: center;
}
#SkyscraperAd {
	background: #fff;
	position:absolute;
	top:190px;
	left:833px;
	width:145px;
	height:820px;
	border:1px solid #b3b3b3;
	z-index: -1;
}
#SkyscraperAd img {
	margin: 10px 10px 0px 10px;
}
#sidebar1 {
	width: 204px;
	background:#e6e6e6;
}
#sidebar1 h1 {
	background: url(images/sidenavactive.jpg) repeat-x;
	color: #fff;
	padding: 5px 12px;
	margin:0;
}
#sidebar1 h2 {
	background: url(images/sidenavinactive.jpg) repeat-x;
	color: #fff;
	padding: 5px 12px;
	margin:0;
}
#sidebar1 ul, #sidebar1 li {
	margin:0;
	padding:0;
	list-style-type:none;
}
#sidebar1 li a {
	padding: 5px 12px;
	text-decoration:none;
	display:block;
	color:#000;
}
#sidebar1 li a:hover {
	background:#f3f3f3;
}
#sidebar2 {
	width: 124px;
	padding: 0 10px 10px 10px; /* padding keeps the content of the div away from the edges */
}
#sidebar2 img {
	margin: 10px 10px 0px 10px;
}
#mainContentSub { 
	background: #fff;
	border-right:1px solid #b3b3b3;
	border-left:1px solid #b3b3b3;
	width:580px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 0 24px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 
#mainContentSub h1 {
	margin: 8px 0;
	font-size:24px;
	font-weight:bold;
}
#mainContentSub h2 {
	font-size:16px;
	font-weight:bold;
	color:#005496;
}
#mainContentSub h3 {
	margin:0;
	font-weight:bold;
}
#mainContentSub ul{
	margin:5px 0 20px 12px;
	padding:0;
}
#mainContentSub li {
	list-style: url(images/arrowbullet.jpg);
	padding:3px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


	
a.readmore {
	color:#000;
	width:100%;
	text-align:right;
	line-height: 80%;
}
a.rightarrow {
	background: url(images/arrowr1.gif) no-repeat;
	height: 20px;
	width: 20px;
	display:block;
}
a.leftarrow {
	background: url(images/arrowl1.gif) no-repeat;
	height: 20px;
	width: 20px;
	display:block;
}
/* Footer and Footer Elements */
#homefooter {
	position: absolute;
	top:1011px;
	margin:auto;
	width:956px;
	text-align:center;
	padding:12px;
	border-top:1px solid #b3b3b3;
	color:#FFF;
}
#homefooter a {
	text-decoration:none;
	color:#FFF;
}
#homefooter p {
	text-align:center;
	margin:auto;
	font-size:10px;
	margin-top:12px;
}
#footer {
	font-size:12px;
	text-align:center;
	color: #FFF;
}
#footer a {
	color:#000;
	text-decoration:none;
}
#footer span {
	display:block;
	font-size:10px;
}

/* Videos */
.vidLink {
	cursor: pointer;
}
.vidLink:hover {
    background: url(images/headingbg.gif) repeat-x;
    color: white;
}

/* Product Focus */
.product_focus {
	width: 250px;
	float: left;
	margin: 10px 10px;
	padding: 5px;
}
.product_focus img{}
.product_focus .company{
	font-weight: bold;
}
.product_focus .description{}
.product_focus .address{}
.product_focus .contact{}
.product_focus .phone{}
.product_focus .fax{}
.product_focus .email{}
.product_focus .website{}
.product_focus .video{}


#SisterSiteLogo{
    position:absolute;
    top: 138px;
    left: 555px;
    z-index: 5;
}
#SisterSiteLogo img{
    border: none;
}