body {background:url(../images/body.png) repeat-x #f6f7f7; margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif;}
a:active, a:focus {outline:none;}
img {border:none;}
iframe {border:1px solid #eee; padding:10px; background:#fff;}

.address {width:450px; margin:0 auto;}
.address div {float:left; margin:10px 12px;}
.address img {border:none; position:relative; top:18px;}

#sensor-key {background:url(../images/sensor-key.jpg) bottom no-repeat; width:687px; height:148px; margin:0 auto; padding:40px 0 0 0;}
#sensor-key p {padding:0 20px; margin:0;}
#sensor-key img {border:0;}
#sensor-key a {border:none; margin:10px 25px;}

#header {width:964px; margin:0 auto; position:relative; font-family:Arial, Helvetica, sans-serif;}
#logo {background:url(../images/logo.png) no-repeat; width:510px; height:70px; display:block; text-indent:-6666px;}

#quote {width:215px; position:absolute; top:0; right:20px;}
#quote span {font-size:22px; color:#dedddd; font-weight:normal; position:absolute; top:5px; right:5px;}
a#requestquote {width:157px; height:27px; background:url(../images/requestquote.png) no-repeat; text-indent:-6666px; position:absolute; top:33px; right:0px;}
a#requestquote:hover {background-position:0 -27px;}

h2.purple {color:#3E2F73;}

#newsletter {background:#3E2F73; color:#343334; font-size:12px; background:url(../images/newsletterbg.jpg) no-repeat; width:512px; height:43px;}
#newsletter span {position:relative; top:6px; left:10px; font-weight:bold;}

.demo {width:215px; float:right; margin:8px 25px;}

.post-index {background:#fff; padding:15px; border:1px #c1bfbf solid; margin:15px 0 10px 0;}

#middle {width:1000px; margin:0 auto;}

#left {width:198px; float:left;}
#left img {margin:12px 0; border:0;}

#menu {width:198px; height:237px; margin:10px 0 12px; }
#menu a {width:198px; background-image:url(../images/menu.jpg); display:block;color:#fff;}
#menu ul {list-style:none; padding:0; margin:0; position:relative; width:198px;}
#menu li {text-indent:-7777px;}

#menu a.people-counters {height:42px;background-position:0px 0px;}
#menu a.people-counters:hover {background-position:198px 0px;}
#menu a.vehicle-counters {height:29px; background-position:0px -42px;}
#menu a.vehicle-counters:hover {background-position:198px -42px;}
#menu a.software {height:29px; background-position:0px -71px;}
#menu a.software:hover {background-position:198px -71px;}
#menu a.testimonials {height:29px; background-position:0px -100px;}
#menu a.testimonials:hover {background-position:198px -100px;}
#menu a.support {height:29px; background-position:0px -129px;}
#menu a.support:hover {background-position:198px -129px;}
#menu a.about-us {height:29px; background-position:0px -158px;}
#menu a.about-us:hover {background-position:198px -158px;}
#menu a.contact-us {height:50px; background-position:0 -187px;}
#menu a.contact-us:hover {background-position:198px -187px;}

/* flyout */

/* hack for IE5.5 */
* html #menu ul {margin-left:-16px; ma\rgin-left:0;}
/* get rid of the table */
#menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}
/* style the links */

#menu ul li ul li a {
display:block; 
text-decoration:none;
background:url(../images/body.jpg);
height:25px;
line-height:20px;
width:125px;
color:#fff;
text-indent:0px;
padding:0px 5px;
font-weight:bold;
border:solid #ccc;
border-width:1px 0 0 1px;
font-size:12px;
z-index:1000;
}

#menu ul li ul li a:hover {color:#411562; background:#ebecee;}
/* hack for IE5.5 */
* html #menu ul li ul li a {width:125px; w\idth:124px;}
/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu ul ul {visibility:hidden; position:absolute; top:160px; left:135px; z-index:100;  }
/* make the second level visible when hover on first level list OR link */
#menu ul li:hover ul, #menu ul a:hover ul {visibility:visible;}
/* keep the third level hidden when you hover on first level list OR link */
#menu ul :hover ul ul{visibility:hidden; left:262px; top:108px;}
/* keep the fourth level hidden when you hover on second level list OR link */
#menu ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
#menu ul :hover ul :hover ul{visibility:visible;}
/* make the fourth level visible when you hover over third level list OR link */
#menu ul :hover ul :hover ul :hover ul {visibility:visible;}

/* end flyout */

#right {width:775px; float:right;}

#content {background:url(../images/content-bg.jpg) repeat-y; width:769px;  margin:10px 0 0 0; padding:0; }
#content-top {background:url(../images/content-top.jpg) no-repeat; width:729px; min-height:797px; height:auto !important; height:797px; padding:15px 20px;}
#content-bottom {background:url(../images/content-bottom.jpg) no-repeat; width:769px; height:33px;}
#content li {font-size:12px; margin:10px 0; line-height:15px;}

#content h1 {color:#3e2f73; font-size:20px; margin-top:5px; padding:10px 0; font-weight:normal; border-bottom:1px solid #b8b8b8;}
#content h2 {font-size:14px;}
#content p {color:#262626; font-size:12px; line-height:18px;}
#content a {color:#3e2f73; text-decoration:underline;}
#content a:hover {color:#666666;}

.right-aligned-links {text-align:right; clear:both; font-size:14px; margin:10px 0 30px;}

#footerlinks {text-align:right; padding-right:20px; color:#999; font-size:12px;}
#footer a {color:#2e2d2d; font-size:12px; text-decoration:underline;}
#footer a:hover {color:#666666;}
#footer span {color:#2e2d2d; font-size:12px; float:right; margin-right:20px; margin-bottom:20px; position:relative; top:15px;}
#footer p {font-size:10px; font-weight:normal; color:#3e2f73;}
#footer p a {font-size:10px;}

/* Retail Counters */
h3 {font-size:16px; margin:0;}
#content h3 a {text-decoration:none;}
.retailhalf {float:left; width:46%; padding:2%;}
#content .retailhalf p {font-size:13px;}
#content h1.retail {background:url(../images/retailheader.png) no-repeat; height:45px; width:495px; text-indent:-6666px; border-bottom:none; padding:0 0;}
#content h2.retail {text-align:center; color:#3E2F73; font-size:17px; font-weight:normal;}
.bigbutton {margin:20px auto; display:block;}

/* Product Selector */
#selector {background:#edeaf0;}
#selector th {font-size:13px; font-weight:bold; background:#5E3D76; color:#fff; padding:4px;}
#selector td {font-size:12px; padding:10px;}
#selector .dark {background:#d8d3e0;}

/* About Us Support Organizations */
#supportorgs {background:#fff; border:1px solid #ccc; height:70px; margin:0; padding:0;}
#supportorgs li {list-style:none; float:left; margin:10px 8px;}

/* Social Icons */
#icons {width:62px; height:21px; text-indent:-6666px; position:absolute; top:0px; right:16px;}
#icons li {float:left; list-style:none; margin:0;}
#icons a {background:url(../images/icons.png) no-repeat; display:block; height:21px; margin:0;}

#icons a.rss {background-position:0px 0px; width:21px;}
#icons a.rss:hover {background-position:0px -21px;}
#icons a.linkedin {background-position:-21px 0px; width:20px;}
#icons a.linkedin:hover {background-position:-21px -21px;}
#icons a.twitter {background-position:-41px 0px; width:21px;}
#icons a.twitter:hover {background-position:-41px -21px;}

/* ADDITIONAL STYLES */
#comparecounters {background:url(../images/comparecounters.png) no-repeat; width:252px; height:49px; display:block; text-indent:-6666px;}
#comparecounters:hover {background-position:0 -49px;}

#whyusebutton {background:url(../images/whyusebutton.png) no-repeat; width:252px; height:49px; display:block; text-indent:-6666px; margin:0 auto;}
#whyusebutton:hover {background-position:0 -49px;}

#quotebigbutton {background:url(../images/quotebigbutton.png) no-repeat; width:227px; height:47px; display:block; text-indent:-6666px; margin:10px auto;}
#quotebigbutton:hover {background-position:0 -47px;}

img.centered {margin:10px auto; display:block;}
.slideshow {width:681px; height:221px; display:block; overflow:hidden; margin:0 18px 10px;}

.verticalcenter {display:table-cell;}
#social .verticalcenter img, .verticalcenter img {vertical-align:middle;}

#whyuse {text-align:center;}
#whyuse img {margin:8px;}
hr {border-color:#ccc; color:#ccc;}
.LV_validation_message {font-weight:bold; margin-left:15px;}
.LV_invalid {color:red;}
.LV_valid {color:#33CC33;}

.needsfilled {color:#fff; background:#401461;}
#error {border:1px dashed red; color:red; padding:4px 10px; display:none;}

.sitemap {width:48%; float:left; vertical-align:top;}
#content .sitemap li {margin:6px 0;}

.floatleft {float:left; margin:0 15px 15px 0;}

.sidebyside {width:40%; float:left; margin-top:0; display:inline;}
#testimonials-contain {width:296px; margin-top:27px; float:right;background:#fff; -moz-border-radius:8px; -webkit-border-radius:8px; border:1px solid #ccc; padding-bottom:8px;}
#testimonials-head {background:#A5C756; color:#fff; -moz-border-radius:8px 8px 0 0; -webkit-border-radius:8px 8px 0 0; text-align:center; padding:8px;}
#testimonials-head h2 {margin:0;}
#testimonials {width:282px; float:right; height:580px; padding:0 8px 8px; overflow:hidden; float:none; overflow-y:scroll; overflow-x:hidden;}
#testimonials li {margin:10px 0;}

.client {clear:left; margin:10px 5px; width:400px; }
.clienttitle {display:block; background:#8165A2; color:#fff; font-size:13px; font-weight:bold; padding:3px 3px 3px 12px; }
.client ul {padding:0 0 0 25px; margin:0;}

.clearleft {clear:left;}

.partner {float:left; margin:20px 5px; display:block; text-align:center; font-size:12px; }
.partner img {border:none; padding-bottom:10px;}
.third {width:230px;}
.half {width:320px;}
#social {margin:10px auto; font-size:13px; width:500px; clear:both;}
#social a {text-decoration:none;}
#social div {margin:10px; float:left;}
#social img {position:relative; top:10px; padding-right:10px;}

.prod-img {float:left; margin: 0 15px 15px 0;}
.float-right {float:right; margin:0 0 10px 15px;}
.float-left {float:left; margin:0 10px 0 0;}
.product {width:684px; clear:both; margin:20px auto; background:url(../images/products-bg.jpg) repeat-y;}
.product img {border:0;}
.product h2 {font-size:14px;margin:0 10px 10px;}
.product li {font-size:12px; margin:10px 0;}
.product ul {margin:0 20px; padding:0;}
.product-left {float:left; width:250px; text-align:center; padding:0;}
.product-left p {font-weight:bold;}
.product-right {width:425px; float:left; padding:0;}
.product-right img {float:right;}
.product-top {width:684px; height:17px; background:url(../images/products-top.jpg) top center no-repeat;}
.product-bottom {width:684px; height:21px; background:url(../images/products-bottom.jpg) bottom center no-repeat; clear:both;}
p.indent {margin-left:10px;}

#screenshots {width:215px; float:right; margin:0 0 0 20px; top:0; left:0; position:relative;}
#screenshots img {margin:15px 0; border:0;}
#screenshots a.p1, a.p2, a.p3, a.p4 {display:inline;}
#screenshots a .large {display:block; position:absolute; width:0; height:0; top:0; left:0;}
#screenshots a.p1:hover .large {display:block; position:absolute; top:0px; left:-480px; width:580px; height:400px;}
#screenshots a.p2:hover .large {display:block; position:absolute; top:195px; left:-480px; width:580px; height:400px;}
#screenshots a.p3:hover .large {display:block; position:absolute; top:380px; left:-480px; width:580px; height:400px;}
#screenshots a.p4:hover .large {display:block; position:absolute; top:550px; left:-480px; width:580px; height:400px;}

#wifinetwork {background:url(../images/wifinetwork.jpg) no-repeat; width:680px; height:553px; font-size:12px; color:#56296F; margin:0 auto;}
#wifi1 {background:url(../images/wifi1.jpg) no-repeat; height:60px; padding:20px 0 0 54px; position:relative; top:30px; width:370px;}
#wifi2 {background:url(../images/wifi2.jpg) no-repeat; height:60px; padding:18px 0 0 54px; position:relative; top:330px; width:270px; clear:both;}
#wifi3 {background:url(../images/wifi3.jpg) no-repeat; height:60px; padding:12px 0 0 54px; position:relative; top:320px; width:270px; clear:both;}

#tcpip {background:url(../images/tcpip.jpg) no-repeat; width:680px; height:525px; font-size:12px; color:#56296F; margin:0 auto;}
#tcpip1 {background:url(../images/wifi1.jpg) no-repeat; height:60px; padding:13px 0 0 54px; position:relative; top:30px; width:530px;}
#tcpip2 {background:url(../images/wifi2.jpg) no-repeat; height:60px; padding:18px 0 0 54px; position:relative; top:290px; width:270px; clear:both;}
#tcpip3 {background:url(../images/wifi3.jpg) no-repeat; height:60px; padding:12px 0 0 54px; position:relative; top:290px; width:270px; clear:both;}

#rfsensors {background:url(../images/rf-how-it-works.jpg) no-repeat; width:680px; height:525px; font-size:12px; color:#56296F; margin:0 auto;}
#rf1 {background:url(../images/wifi1.jpg) no-repeat; height:60px; padding:13px 0 0 54px; position:relative; top:30px; width:320px;}
#rf2 {background:url(../images/wifi2.jpg) no-repeat; height:60px; padding:18px 0 0 54px; position:relative; top:290px; width:270px; clear:both;}
#rf3 {background:url(../images/wifi3.jpg) no-repeat; height:60px; padding:12px 0 0 54px; position:relative; top:290px; width:270px; clear:both;}

.extradetails {padding:12px 0; overflow:hidden;}
.extradetails img {float:left; padding-right:8px;}
.extradetails div {width:45%; float:left; padding-right:20px;}
.extradetails span {font-size:11px; line-height:18px; }
.extradetails .title {font-weight:bold; font-size:15px; display:block; text-align:left;}

.color {color:#3e2f73; font-weight:bold;}

.num-list {list-style:decimal; font-size:12px;}
.num-list li {margin:10px 0;}

.specifications {font-size:12px; width:100%;}
.specifications th {font-weight:bold; color:#3e2f73;}
.specifications td {padding:5px;}
.even {background:#fff;}
.odd {background:#E3E6F4;}

.two-wide {width:80%; text-align:center; margin:0 0 20px 50px;}

.border {border:1px solid #262626;}

.tech td {padding:0 20px 0 0;}

/* about us */
.about-links {text-align:center; padding:10px 0;}
.about-links a {font-size:14px; font-weight:bold; margin:0 15px; }
.about-full {padding:0px 20px;}
.about-full ul {padding:0 15px; margin:0;}
.about-full h2 {text-transform:uppercase; border-bottom:1px dashed #401461; padding-bottom:4px;}
.about-half {padding:0 22px 0 20px; background:#fff; border:1px solid #ccc; width:42%;}
.left {float:left;}
.right {float:right;}
.totop {display:block; text-align:right; padding-right:50px; background:url(../images/totop.png) right no-repeat; background-position:625px 0;}

/* rounded boxes */
.whitebox {width:680px; clear:both; margin:20px 0; background:#fff; border:1px solid #ccc; padding:5px 20px;}
.roundedbox-top {width:684px; height:10px; background:url(../images/products-top.jpg) top center no-repeat;}
.roundedbox-bottom {width:684px; height:21px; background:url(../images/products-bottom.jpg) bottom center no-repeat; clear:both;}
.round {position:relative; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; behavior: url(/css/PIE.htc);}
/* library page */

#library-left {width:270px; float:left;}
#left-top {background:url(../images/bookcase.jpg) no-repeat; width:260px; height:536px; padding:1px 10px;}
#left-bottom {width:259px; height:73px; margin:0 auto; padding-top:20px;}
#library-left h2, #library-right h2 {margin:10px 0;}
#library-left ul {padding:0 0 0 20px; margin:0; }
#library-right {width:400px; float:left;}
.title {font-size:14px; text-align:center;}

.library {width:100%;margin:10px 0; }
.library-img {width:35%; float:left; padding-top:15px; text-align:center; }
.library-img img {border:0;}
.library-descript {width:60%; float:left; padding:2%; }
.library-descript span {font-size:11px;}
.library-descript ul {padding:0 0 0 15px; margin:0; }
.library-bottom {clear:both;}

.white-bg {background:#fff; padding:10px;}
#library-recommended {background:#9bbb59; border:2px solid #71893f; padding:0 10px; margin:0px auto;}
#library-recommended div {float:left; width:33%; text-align:center;}
#library-recommended a {text-decoration:underline;}
#library-recommended a:hover {text-decoration:none;}
#library-buttons {text-align:center; margin:15px 0;}
#library-buttons img {margin:0 10px;}

/* green page */

.green {color:#24910a;}

#green-contain {background:#fff; border:1px solid #ccc; padding:5px 10px; margin:10px 0;}
#green-contain h2 {font-size:13px;}
#green-contain p, #green-contain li {font-size:11px;}
#green-left-top {background:url(../images/green-left-top.png) no-repeat; width:290px; height:9px;}
#green-left {width:45%; float:left;  background:url(../images/green-left-bg.png) repeat-y; } 
#green-left-inside {padding:0 9px; width:87%;}
#green-left img {float:left; margin:5px 6px 5px 0px;}
#green-left-bottom {background:url(../images/green-left-bottom.png) no-repeat; width:290px; height:13px; clear:left;}
#green-right {width:55%; float:right;} 
#green-right ul {padding:0px 0 0 25px; margin:0;}
.green-half {float:left; width:40%;}
.green-img {float:left; width:28%; text-align:center;}
.green-desc {float:left; width:72%;}
.stack {margin:20px 0; padding:10px 0; border:dashed #383838; border-width:1px 0 0 0;}
.alpha {list-style:upper-alpha;}
.clear {clear:both;}
.center {text-align:center;}
.leed {float:left;  margin:0 10px 0 0;}


/* tooltip */

#JT_arrow_left{
	background-image: url(../images/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(../images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #262626 ;
	background-color: #fff;
	line-height:18px;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(../images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #262626 ;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-size:14px;
	color:#fff;
}

#JT_close_right{
	background-color: #262626 ;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
	color:#fff;
}

#JT_copy p{
font-size:12px;
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
	width:65px;
	display:inline;
	height:65px;
	float:right;
	cursor:default;

}

.thankyou-button {
	width:415px; height:44px;
	background:url(../images/button-thankyou.png) no-repeat;
	margin:40px auto;
	text-align:center;
	vertical-align:middle;
	padding-top:2px;
	color:#000;
	}
#content .thankyou-button a {
	color:#000;
	text-decoration:none;
	font-size:14px;
}
#content .thankyou-button a:hover {
	text-decoration:underline;
}
.thankyou-button img {
	position:relative; top:6px;
	}