/* Innogistic Stylesheet */
html {width: 100%; height: 100%;}
body {width: 100%; height: 100%; background-color:#CCCCCC; text-align: center; margin: 0 auto; font-size: 12px; font-family:Arial, Helvetica, sans-serif;}
h2 { display: inline; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; font-weight:bold; margin-bottom: 0;}
h3 {display: inline; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:17px; font-weight:normal; font-weight:bold;}
h4 {display: inline; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; font-weight:bold; margin-bottom: 0;}
p.phr {background: url(../images/background/h_dot2.gif) repeat-x scroll center; margin-top: 4px; margin-bottom: 4px; height: 1px; line-height: 1px;}
p.phr2 {background: url(../images/background/h_dot.gif) repeat-x scroll center; margin-top: 4px; margin-bottom: 4px; height: 1px; line-height: 1px;}
p {margin: 0;}
p.subscribe {font-size: 12px; color: #7F7F7F;}
img.imgborder {border:solid #FFF; border-width: 3px;}
img.imgbordergrey { border:solid #9E9CA4; border-width: 1px;}
img.rightimg {display:block; margin: 0 0 3px 0;}
img.imgdl {margin-right: 10px;}
div.centre {width: 100%; text-align: center; vertical-align: middle; margin: 0 auto;}
div.icon {text-align: center; vertical-align: middle; margin: 0 auto; padding: 0 0 0 5px;}
div.placetext {position: relative; top: -5pc;}
.grey {color: #666;}
img.featureimg {border:solid #FFF; border-width: 3px;}

table#container {height:100%; width:760px; margin: 0 auto; background-color: #FFF; padding: 0 8px 0 8px; border: 1px solid #9E9CA4; border-width: 0 1px 0 1px;}
td#containcell {vertical-align:top;}
table#header {width: 100%; padding: 0;}
td#logo {height: 57px; text-align: left; vertical-align:bottom;}
td#orangeban {height: 96px; text-align: left; background: #F28001 url(../images/background/bg-top-banner.gif) top repeat-x; color: #FFF; padding: 10px;}
div.headertext {height:50%; vertical-align:top; font-family:Arial, Helvetica, sans-serif; font-size: 26px; font-weight:lighter; line-height: 30px;}
div.innogistic {height:50%; position:relative; top: 30px;}
div.innogistic img {position: absolute; bottom: 30px; right: 0px;}
td#menu {height: 30px; background-color: #233D4A; vertical-align: middle; line-height: 12px;}
td#blankspace {height: 23px;}
td#footer {color: #FFF; background-color: #233D4A; font-size: 11px; font-weight: bold; text-align:left; padding: 5px 10px 5px 10px;}
td#rights {font-size: 9px; color: #999; text-align: left; line-height: 20px; padding-left: 10px;}
	td#rights a:link {color:#999; text-decoration: none;}
	td#rights a:active {color:#999; text-decoration: none;}
	td#rights a:visited {color:#999; text-decoration: none;}
	td#rights a:hover {color:#999; text-decoration: underline;}
td.pxspace2 {height: 2px;}
td.pxspace3 {height: 3px;}
table#midsection {width: 100%;}
td#leftimage {width: 371px;}
td.vpxspace2 {width: 2px;}
td#righttext {width: 100%; padding: 10px 13px 0 13px; background: #7E7B86 url("../images/background/greygradient.gif") repeat-x; text-align:left; vertical-align: top; font-size: 11px;}
div.casestudy {float:left; margin-right:10px; margin-bottom:7px; display: inline;}
div.casetext {display:inline; color:#666;}
div.casetitle {display:block; margin-top:38px;}
div.eventgrey {padding:5px; background: #DDD;}
div.eventwhite {padding:5px; background: #FFF;}


td#mainleft {width: 185px; height: 100%; text-align:left; vertical-align: top; font-size: 11px; background: #7E7B86 url("../images/background/grey_corner.gif") bottom right no-repeat;}
	table#mainleftcolumn {width:165px; height: 100%; padding: 9px 10px 0 10px;}
			td.valigntop {vertical-align:top;}
			div.iframe {width: 140px; background: #7E7B86; text-align: left;}
td#mainmid {width: 370px; vertical-align: top;}
	table#mainmidcolumn {width: 100%; height: 100%; vertical-align: top; text-align: center; padding: 0;}
		td#midcol1 {width:100%; height: 57px; padding: 0 0 0 4px; text-align: left; vertical-align:middle; background: #490065 /*url("../images/background/stripe_violet.gif")*/;}
			div.divleft {float:left; width: 55px;}
			div.divright {display:inline; position:relative; top: 7px; }
		td#midcol2 {width:100%; height: 57px; padding: 0 0 0 4px; text-align: left; vertical-align:middle; background: #D41F34 /*url("../images/background/stripe_red.gif")*/;}
		td#midcol3 {width:100%; height: 57px; padding: 0 0 0 4px; text-align: left; vertical-align:middle; background: #596EC8 /*url("../images/background/stripe_light_blue.gif")*/;}
		td#midcol4 {width:100%; height: 57px; padding: 0 0 0 4px; text-align: left; vertical-align:middle; background: #372E9E /*url("../images/background/stripe_blue.gif")*/;}
		td#midcol5 {width:100%; height: 57px; padding: 0 0 0 4px; text-align: left; vertical-align:middle; background: #377B41 /*url("../images/background/stripe_green.gif")*/;}
		td#midcol6 {width:100%; height: 57px; padding: 0 0 0 4px; text-align: left; vertical-align:middle; background: #6BBB44 /*url("../images/background/stripe_orange.gif")*/;}
			div#cornerorange {width:100%; height: 100%; background: url("../images/background/ltgreen_corner.gif") bottom right no-repeat;}
			div#midcolleft {float:left; width: 55px; position:relative; top: 4px;}
			div#midcolright {display:inline; position:relative; top: 11px; }
td#mainright {width: 185px; text-align: left; vertical-align: top; font-size: 11px;}
	table#mainrightcolumn {width:100%; background: #490065 url("../images/background/purple_corner.gif") bottom right no-repeat; padding: 9px 10px 10px 10px;}
		td#centre {text-align:center;}
td#stretch {height:100%;}

td.featuretd {text-align: left; margin: 0 auto 0;}
div.homefeature {float: left; width:537px; \width: 557px; w\idth: 537px; background: #7E7B86 url("../images/background/grey_corner.gif") bottom right no-repeat; padding: 10px; margin: 2px 0 0 0;}
img.homefeatureimg {border:solid #FFF; border-width: 3px; float: left; margin-right: 10px; display: inline;}
div.featuretext {float: left;}

a:link {color:#FFF; text-decoration: none;}
a:active {color:#FFF; text-decoration: none;}
/*a:visited {color:#FFF; text-decoration: none;}
a:hover {color:#FFF; text-decoration: underline;}*/

div#nav {height:12px; position:relative; top: -2px; left: 7px;}
/*ESCAPE*/div.inissue, div.dircat {background: #F8F8F7; border: 1px solid #D9D9D4; padding: 4px; width: 340px; \width: 350px; w\idth: 340px; margin: 0 0 4px 0;}

/*Start of Suckerfish*/
div#nav a, div#nav a:visited, div#nav a:active, div#nav a:hover { color: #fff; text-decoration: none; }
div#nav ul {/* all lists */ padding: 3px; margin: 0; list-style: none;	font-size: 12px; color: #FFF;}
li {/* all list items */ float: left; position: relative; font-size: 12px; line-height: 12px;}
div#nav li ul a {width: 10em; color: #FFF;}
li ul {/* second-level lists */ display: none; position: absolute; text-align:left; top: 1em; left: 0; width: 10em; background-color:#233D4A;}
li>ul {/* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */	top: auto; left: auto;}
li:hover ul, li.over ul { /* lists nested under hovered list items */ display: block;}
ul#navlist li li a { display: block; text-decoration:none; font-weight: normal; color: #FFFFFF; font-size: 12px; line-height: 14px;}
ul#navlist li li a:hover { display: block; text-decoration:none; font-weight: normal; color: #233D4A; background: #FFFFFF; font-size: 12px;}
/*End of Suckerfish*/

/* Generic Page Layout */
td#genleft {width: 185px; height: 100%; text-align:left; vertical-align: top; font-size: 11px;}
td#genleftgrey {width: 185px; height: 100%; text-align:left; vertical-align: top; font-size: 11px; background: #7E7B86 url("../images/background/grey_corner.gif") bottom right no-repeat; padding: 10px;}
	div#gradientgr {width: 100%; height:100%; /*background: url("../images/background/greygradient.gif") repeat-x;*/}	
	div#gradientgrey {width: 100%; /*height:100%;*/ background: #7E7B86 url("../images/background/greygradient.gif") repeat-x; color: #FFF; margin: 0 0 10px 0;}
td#genleftpurple {width: 185px; height: 100%; text-align:left; vertical-align: top; font-size: 11px; background: #490065 url("../images/background/purple_corner.gif") bottom right no-repeat; padding: 10px;}
	div#gradientpurple {width: 100%; height:100%; /*background: url("../images/background/purplegradient.gif") repeat-x;*/}
td#genleftred {width: 185px; height: 100%; text-align:left; vertical-align: top; font-size: 11px; background: #D41F34 url("../images/background/red_corner.gif") bottom right no-repeat; padding: 10px;}
	div#gradientred {width: 100%; height:100%; /*background: url("../images/background/redgradient.gif") repeat-x;*/}
td#genleftnavy {width: 185px; height: 100%; text-align:left; vertical-align: top; font-size: 11px; background: #372E9E url("../images/background/navy_corner.gif") bottom right no-repeat; padding: 10px;}
	div#gradientnavy {width: 100%; height:100%; /*background: url("../images/background/navygradient.gif") repeat-x;*/}
td#genleftblue {width: 185px; height: 100%; text-align:left; vertical-align: top; font-size: 11px; background: #596EC8 url("../images/background/blue_corner.gif") bottom right no-repeat; padding: 10px;}
	div#gradientblue {width: 100%; height:100%; /*background: url("../images/background/bluegradient.gif") repeat-x;*/}
td#genleftdkgreen {width: 185px; height: 100%; text-align:left; vertical-align: top; font-size: 11px; background: #377B41 url("../images/background/dkgreen_corner.gif") bottom right no-repeat; padding: 10px;}
	div#gradientdkgreen {width: 100%; height:100%; /*background: url("../images/background/dkgreengradient.gif") repeat-x;*/}
td#genleftltgreen {width: 185px; height: 100%; text-align:left; vertical-align: top; font-size: 11px; background: #6BBB44 url("../images/background/ltgreen_corner.gif") bottom right no-repeat; padding: 10px;}
	div#gradientltgreen {width: 100%; height:100%; /*background: url("../images/background/ltgreengradient.gif") repeat-x;*/}
	table#genleftcolumn {width:100%; color:#FFF;}
		table#genleftcolumn a:link {color:#FFF; text-decoration: none;}
		table#genleftcolumn a:active {color:#FFF; text-decoration: none;}
		table#genleftcolumn a:visited {color:#FFF; text-decoration: none;}
		table#genleftcolumn a:hover {color:#FFF; text-decoration: underline;}
		table#genleftcolumn ul {margin-left: 8px; padding: 0; list-style-position: inside;}
td#genmid {width: 370px; vertical-align: top;}
	div#midcorner {width: 100%; /*background: #7E7B86 url("../images/background/greygradient.gif") repeat-x;*/}
	table#genmidcolumn {width: 100%; color:#000; /*background: url("../images/background/grey_corner.gif") bottom right no-repeat;*/ vertical-align: top; text-align: center; padding: 9px 10px 10px 10px;}
		table#genmidcolumn a:link {color:#000; text-decoration: underline;}
		table#genmidcolumn a:active {color:#000; text-decoration: underline;}
		table#genmidcolumn a:visited {color:#000; text-decoration: underline;}
		table#genmidcolumn a:hover {color:#000; text-decoration: none;}
			td.alignleft {text-align:left; vertical-align: top;}
			td.alignleft ul {float: none !important; list-style-position: outside; padding: 0px 0 0px 15px; margin: 0px 0; width: 90%; font-weight: normal;}
			td.alignleft ul li {float: none !important; padding: 0; margin: 3px 0 0 0;}
td#genright {width: 185px; text-align: left; vertical-align: top; font-size: 11px; /*background: url("../images/background/greygradient.gif");*/}
	table#genrightcolumn {width:100%; background: url("../images/background/grey_corner.gif") bottom right no-repeat; padding: 10px 10px 10px 10px;}
		table#genrightcolumn a:link, table#genpurplecolumn a:link, table#gengreencolumn a:link, table#genbluecolumn a:link {color:#FFF; text-decoration: underline;}
		table#genrightcolumn a:active, table#genpurplecolumn a:active, table#gengreencolumn a:active, table#genbluecolumn a:active {color:#FFF; text-decoration: underline;}
		table#genrightcolumn a:visited, table#genpurplecolumn a:visited, table#gengreencolumn a:visited, table#genbluecolumn a:visited {color:#FFF; text-decoration: underline;}
		table#genrightcolumn a:hover, table#genpurplecolumn a:hover, table#gengreencolumn a:hover, table#genbluecolumn a:hover {color:#FFF; text-decoration: none;}
	table#genpurplecolumn {width:100%; background: url("../images/background/ltpurple_corner.gif") bottom right no-repeat; padding: 10px 10px 10px 10px;}
	table#gengreencolumn {width:100%; background: url("../images/background/vltgreen_corner.gif") bottom right no-repeat; padding: 10px 10px 10px 10px;}
	table#genbluecolumn {width:100%; background: url("../images/background/ltblue_corner.gif") bottom right no-repeat; padding: 10px 10px 10px 10px;}

td#genright div.testimonial {width: 185px; color: #000;}
td#genright div.testimonial div.text {width: 169px; padding: 0 8px;}
td#genright div.testimonial div.text h2 {font-size: 130%; color: #FF9C00;}
td#genright div.testimonial div.text p {color: #000; margin: 0 0 6px 0;}
td#genright div.testimonial img {clear: both; display: block; margin: 10px 0 10px 0;}


table.submitform td {padding: 3px;}
.fieldwidth {width: 150px;}

div.downloads {width: 100%; /*height:100%;*/ background: #9497FE url("../images/background/ltpurple_gradient.gif") repeat-x; color: #FFF; margin: 0 0 10px 0;}
div.casestudies {width: 100%; /*height:100%;*/ background: #68CE7A url("../images/background/vltgreen_gradient.gif") repeat-x; color: #FFF; margin: 0 0 10px 0;}
div.datasheets {width: 100%; /*height:100%;*/ background: #53ACCC url("../images/background/ltblue_gradient.gif") repeat-x; color: #FFF; margin: 0 0 10px 0;}
/* ---------------------*/

ul.normalul {margin-top: 10px; margin-bottom: 10px; font-size: 11px;}
ul.normalul li {position:static; list-style-type: disc; float: none; font-size: 11px;}
ul.bulletul {margin-top: 10px; margin-bottom: 10px; font-size: 13px;}
ul.bulletul li {position:static; list-style-type: disc; float: none; font-size: 13px; padding: 3px 0; line-height:14px;}


/************ DIVS **************/
div.aboutus {width: 745px; min-height: 179px; background: #DFDFDF url(../images/background/bg-about-us.jpg) top no-repeat; color: #4E4E4E; margin: 0 0 4px 0;}
div.aboutus div.welcome {float: left; width: 355px; text-align: left; margin: 25px; font-size: 90%; display: inline;}
div.aboutus div.welcome p, div.aboutus div.document p {margin: 0 0 6px 0;}
div.aboutus div.welcome h1 {font-size: 170%; font-family: Arial, Helvetica, sans-serif; color: #4E4E4E; margin: 0 0 5px 0;}
div.aboutus div.document {float: right; width: 174px; margin: 30px 30px 0 0;font-size: 90%; text-align: left; display: inline;}
div.aboutus div.document h2 {font-size: 140%; font-family: Arial, Helvetica, sans-serif; color: #4E4E4E; margin: 0 0 7px 0;}
div.aboutus div.download img {float: right; width: 125px; height: 170px;}

div.column-1 {float: left; width: 495px; display: inline;}
div.column-2 {float: left; width: 246px; display: inline; margin: 0 0 0 4px; display: inline;}
div.orange-header {color: #FFF; float: left; width: 100%; background: #F28000 url(../images/background/bg-orange-strip.gif) top repeat-x; text-align: left;}
div.orange-header h1 {font-size: 150%; margin: 4px 10px;}

div.products, div.stoppress, div.videos, div.partners {float: left; width: 493px; border: 1px #ABABAB solid; vertical-align: top; text-align: left;}
div.products, div.stoppress, div.videos, div.partners {margin: 0 0 5px;}
div.products a, div.stoppress a, div.videos a, div.news a {color: #4E4E4E; text-decoration: none; font-weight: bold;}
div.products img.image {float: left; margin: 0 15px 0 11px; display: inline;}
div.products div.text {float: left; width: 367px; font-size: 90%;}
div.products div.text a {color: #FFF;}
div.products div.text h1 {font-size: 150%; margin: 6px 0 4px 0;}
div.products div.government {float: left; width: 493px; background: #490065 url(../images/background/bg-purple.gif) bottom repeat-x; color: #FFF; margin: 0 0 3px 0;}
div.products div.emergency {float: left; width: 493px; background: #D41F34 url(../images/background/bg-red.gif) bottom repeat-x; color: #FFF; margin: 0 0 3px 0;}
div.products div.utilities {float: left; width: 493px; background: #596EC8 url(../images/background/bg-blue.gif) bottom repeat-x; color: #FFF; margin: 0 0 3px 0;}
div.products div.gis {float: left; width: 493px; background: #377B41 url(../images/background/bg-green-dk.gif) bottom repeat-x; color: #FFF; margin: 0 0 3px 0;}
div.products div.bespoke {float: left; width: 493px; background: #6BBB44 url(../images/background/bg-green-lt.gif) bottom repeat-x; color: #FFF;}

div.stoppress div.content {float: left; width: 473px; \width: 493px; w\idth: 473px; padding: 10px; color: #4E4E4E; font-size: 90%;}
div.stoppress div.content img {float: left; margin: 0 15px 0 0; display: inline;}
div.stoppress div.content h1 {font-size: 140%; font-family: Arial, Helvetica, sans-serif; color: #4E4E4E; margin: 0 0 5px 0;}
div.stoppress div.text {float: left; width: 270px;}
div.stoppress div.content p.phr {margin: -8px 0 6px 0;}
div.stoppress div.content p {margin: 0 0 6px 0;}

div.videos div.video {float: left; width: 463px; padding: 0 0 10px 0; margin: 10px 15px 2px; color: #4E4E4E; font-size: 90%; display: inline;}
div.videos div.divider {border: 1px solid #D3D3D3; border-width: 0 0 1px 0;}
div.videos div.video img {float: left; margin: 0 15px 0 0; display: inline;}
div.videos div.video h2 {font-size: 120%; font-family: Arial, Helvetica, sans-serif; color: #4E4E4E; margin: 0 0 6px 0;}
div.videos div.text {float: left; width: 350px;}
div.videos div.text p {margin: 0 0 6px 0;}

div.flash {float: left; margin: 10px 0 0 15px; display: inline;}

div.partners img {float: left; padding: 15px 0 10px 42px;}

div.news {float: left; width: 244px; border: 1px #ABABAB solid; vertical-align: top; text-align: left;}
div.news div.item {float: left; width: 214px; padding: 0 0 10px 0; margin: 10px 15px 2px; color: #4E4E4E; font-size: 90%; display: inline;}
div.news div.divider {border: 1px solid #D3D3D3; border-width: 0 0 1px 0;}
div.news div.all {float: left; margin: -10px 0 10px 15px; font-weight: bold; display: inline;}
div.news div.all a {color: #FB9A00;}
div.news h2 {float: left; font-size: 140%; font-family: Arial, Helvetica, sans-serif; color: #FB9A00; margin: 10px 0 0 15px; display: inline;}
div.news h3 {font-size: 110%; font-family: Arial, Helvetica, sans-serif; color: #FB9A00; margin: 0 0 5px 0;}
div.news div.item p {margin: 0 0 6px 0;}
div.news div.item p.date {color: #FB9A00;}
div.news img {padding: 0 0 0 4px;}