/* INW CSS Document */

/* html, body and main container */

html { 
height:100%;
padding:0; 
margin:0; 
margin-bottom:15px;
border:0; 

/* hide overflow:hidden from IE5/Mac */ 

/* \*/ 

overflow: auto; 

/* */ 

}

body {
margin: 0 auto;
padding: 0;
font: 76% Arial, serif;
text-align:center;
background: #FFF;
border:0;
background-image: url(images/gradient.gif);
background-repeat: repeat-x; 
width:100%;
height:100%;
overflow:auto;
}

div#container {
position:absolute;
top:0;
left:0;
margin-left:10%;
margin-right:10%;
text-align:center;
margin-top:10px;
padding-bottom:15px;
height:800px;
min-width:900px !important;
border:0;
overflow:hidden;
}

/* Top Bar, Logo and Search Bar */
#topbar {
margin:0 auto;
width:900px;
min-width:800px;
height:40px;
overflow:hidden;
padding:0;
border:1px solid #FFFf4D;
background:#ffffff;
text-align:left; }

#logo_image {
float:left;
margin:5px 0 0 12px;
width:32px;
height:32px;
border:0;
background: url(images/logo.jpg);
background-repeat:no-repeat;
overflow:hidden;
}

#logo_image img {border:0;}
#logo_image a img {border:0;}
#logo_image img a {border:0;}
#logo {
float:left;
margin-left:40px;
top:-35px;
margin:3px 0 0 5px;
width:470px;
height:52px;
font-size:18px;
font-weight:bold;
font-family: Helvetica, Arial, sans-serif; 
color:#0B4499;
border:0;
overflow:hidden;
}

#logo p {
font-size:11px;
font-weight:normal;
color:#5C5C5C;
margin-left:2px;
margin-top:-5px;
}

#logo strong{
color:#90A1CB;
font-family: Verdana, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
text-transform: uppercase;
letter-spacing: normal;
line-height: 1.6em;}

/* Search Bar Styling */

#search {
float:right;
margin:5px 20px 0 0;
width:300px;
min-width:300px;
height:60px;
border:0;
background:#fff;
}

.srchresults
{border:0px;
font-size:14px;
font-weight:bold;
font-family: Helvetica, Arial, sans-serif; 
color:#0B4499;
background:#fff;
}



/* Top or Permanent Navigation */

#navtop {
width:900px;
height:30px;
margin:0 auto;
padding:0;
border:0px;
background:transparent; 
z-index:99;
text-align:left;
}

#nav, 
#nav ul {padding:0; margin:0;list-style:none; font:12px trebuchet ms, verdana, sans-serif !important; background:#eef6fa url(transparent.gif); z-index:100;}
#nav {height:15px; width:850px; padding:0; background:transparent;}

#nav table {border-collapse:collapse;}
#nav li {float:left;}
#nav li li {float:none;}
/* a hack for IE5.x and IE6 */
#nav li a li {float:left;}

#nav li a {display:block; float:left; background:transparent; color:#7C7C7C; height:23px; padding:0 20px 0 10px; line-height:22px; text-decoration:none; white-space:nowrap; font-weight:bold; border-left:1px solid #FBCC30;}
#nav li li a {height:21px; line-height:20px; float:none;}

#nav li:hover {position:relative; z-index:100;}
#nav a:hover {position:relative; z-index:100; background:#FBCC30; color:#fff; border-left:1px solid #FBCC30;}
#nav li:hover > a {border-left:1px solid #FBCC30; background:#FBCC30; color:#fff;}

#nav :hover  ul {left:0; top:23px; border-left:1px solid #FBCC30; z-index:300;}
#nav a:hover ul {left:-1px;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:0; margin-left:100%; top:0;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover li:hover > a {background:#FBCC30; color:#fff; border-left:1px solid #FBCC30;}

#nav li a:hover ul li a:hover {background:#FBCC30;}

/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:0;}

/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}


/* Home Page ONLY Center Sections*/
#center-wrap {
margin-right:10%;
margin-left:10%;
width:900px;
padding:0;
border:0px;
height:900px;
}
#center {
position:relative;
margin:0 auto;
border:0;
text-align:left;
padding:0;
height:270px;
width:900px;
min-width:900px;
}

#gallery {margin:0 auto;padding-bottom:50px; margin-top:-15px;text-align:left; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; text-transform: none;letter-spacing: 0px; width:850px; padding:15px 0 0 0; line-height:15px;}
#gallery div.off {color:#336699; height:33px; margin-right:2px; line-height:33px; padding:0 20px; float:left; background: url(images/tabs_0.gif) repeat-x left bottom; border:1px solid #ffcc33; border-bottom-color:#ffcc33; cursor:pointer; z-index:20;}
#gallery div.on {color:#6699FF; padding:0 20px; margin-right:2px; margin-top:1px; float:left; background:#fff; border:1px solid #ffcc33; border-bottom:1px solid #fff; cursor:pointer; height:33px; line-height:32px; z-index:100;}

div.hide {display:none; width:0; overflow:hidden;margin:0;}
div.show {margin:0 auto; clear:left; background:#fff; width:850px; height:200px; margin-top:0; top:-1px; border:1px solid #fff;padding:20px; z-index:50; font:11px verdana, arial, sans-serif; line-height:18px;}
div.show img {float:left; margin:0 10px 10px 0; border:0;}
.clear {clear:both;}
p.topleft {float:left; margin:0; background:#fff; width:120px; height:200px; padding:5px; overflow:hidden; font-size:11px; color:#666; border:1px dotted #ccc;}
p.contacttab {float:left; margin:0; background:#fff; width:700px; padding:5px;  font-size:16px; color:#666; }
p.topleftpic {float:left; margin-top:-5px; background:#fff; width:120px; height:200px; padding:5px;overflow:hidden; font-size:11px; color:#666; border:1px solid #fff;}
p.topleftpic img {border:0; margin:0; }
p.top {float:left; margin-top:10px; margin-left:235px; margin-right:3px; background:#ccc;}
p.right {float:right; margin-top:0; margin-left:0; color:#666; width:225px; height:130px; overflow:hidden; border:1px dotted #ccc; background:#fff; padding:5px;}
p.right b {color:#666; font-family: Helvetica, Arial, sans-serif; font-size: 18px; font-style: normal; font-weight: bold; text-transform: none;letter-spacing: -1px;}
p.right strong {color:#336699; font-size:14px; font-family: Helvetica, Arial, sans-serif;font-style: normal; font-weight: bold; text-transform: none;letter-spacing: -1px;}
p.background {background: url(images/map_background.jpg); height:200px;}
p.bottom {float:right; margin-left:50px; width:700px; margin-top:-55px;background:#fff; color:#336699; font-family: Helvetica, Arial, sans-serif; font-size: 18px; font-style: normal; font-weight: bold; text-transform: none;letter-spacing: -1px;}
p.bottom b {color:#ffcc33;}
p.rightcontact {float:right; margin-top:0; margin-left:0; color:#666; width:275px; height:130px; font-family:arial, sans-serif; font-size:12px; color:#000; overflow:hidden; border:0px dotted #ccc; background:#fff; padding:5px;}
p.rightcontact b {margin:0; padding:0; color:#336699; font-family: Helvetica, Arial, sans-serif; font-size: 18px; font-style: normal; font-weight: bold; text-transform: none;letter-spacing: -1px;}
p.rightcontact strong {color:#000; font-weight:bold;}

#navlist
{
border-bottom: 1px solid #FFCC33;
border-top: 1px solid #FFCC33;
margin: 0px;
margin-bottom: 30px;
padding: 0px;
padding-left: 180px;
background-color: #FFCC33;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
padding-bottom: 3px;
padding-top: 3px;
}

#navlist a, #navlist a:link, #navlist a:visited
{
border: 1px solid #FFCC33;
padding: 1px;
padding-left: 0.5em;
padding-right: 0.5em;
color: #000000;
font-weight: bold;
text-decoration: none;
}

#navlist a:hover, #navlist a:active, #navlist a:focus
{
border: 1px solid #000000;
padding: 1px; 
text-decoration: none;
}

#navlist li
{
padding-right: 1px;
display: inline;
font-size: 0.6em;
}

#navlist ul
{
margin: 0px;
padding: 0px;
}

#navlist #active a { background-color: #FFCC66; }

/* Products Links Menu */
#menu {float:right; margin-top:-210px; margin-left:150px; list-style-type:none; width:700px; padding:0;}
#menu ul {list-style-type:none; padding:0; margin:0;}
#menu li {float:left; background:#fff; margin:0 1px 0 0;}
#menu li img {margin:0 5px 0 5px; text-align:center; overflow:hidden; border:0;}
#menu li.getsmall {width:70px !important; cursor:auto;}
#menu li.sub {background:#FFCC33; text-align:center;}
#menu li a.center, #menu li a.center:link, #menu li a.center:hover, #menu li a.center:visited {text-align:center;}
#menu li, #menu li a {display:block; color:#000; font-family:arial, sans-serif; font-size:11px; line-height:24px; width:100px; text-decoration:none; text-align:left; cursor:pointer; font-weight:bold;}
#menu li a.left {text-align:left;}
#menu li a:hover {background:#FFCC33;}
#menu ul {width:100px; background:#fff;}
#menu li.click {background:#fff;}
#menu li.click ul{left:0; top:24px; background: url(images/transparent.gif);} /* the background image is for IE7 */

/* Support and App sections */
#info {font-family:arial, sans-serif; font-size:12px;width:400px; height:130px; margin-left:150px; border:1px solid #000; background:transparent; padding:5px;}

div#info2 {font-family:arial, sans-serif; font-size:12px;width:380px; height:130px; margin-left:150px; border:0px solid #444; background:transparent; padding:5px;}
div#info2 a img {border:0;}

#fixed {display:block; width:120px; height:120px; overflow:hidden; float:left; background:#fff; text-align:left;}

div#info2 ul {width:425px; height:130px; list-style-type:none; padding:0; margin:0;}
div#info2 li {margin:0; padding:0; }

div#info2 li.frontbottom {border:0; line-height:1em;font-size:12px; float:left; list-style-type:none; width:45px; margin:0; margin-right:10px;}

div#info2 li.frontbottom img {border:0; margin:0;}

div#info2 li.frontbottom a, div#info2 li.frontbottom a:link, div#info2 li.frontbottom a:visited {font-size:10px;color:#000; outline: none; text-decoration:none; line-height:1em;}

div#info2 li.frontbottom a:hover {color:#6699cc; border:0; text-decoration:none; font-weight:normal; outline: none; line-height:1em; text-decoration:underline;}

div#info2 h2 {margin:0; padding:0; color:#336699; font-family: Helvetica, Arial, sans-serif; font-size: 18px; font-style: normal; font-weight: bold; text-transform: none;letter-spacing: -1px;}



/* Interior Pages - Center Section */

#main {margin:0 auto; margin-top:10px; margin-bottom:20px; padding:0; background:#fff; height:450px; min-height:450px; max-height:450px; overflow:hidden; width:900px; border:1px solid #FFFF00; text-align:left;}
#main h3 {font-size:14px; color:#999;}
#main img {border:0;}

/* Interior Section Navigation and Nav Styles */
div#main_nav ul{ margin-top:15px; padding-left:10px; z-index:100; width:100%; }
div#main_nav ul#second {clear:left; padding-left:10px; padding-top:0px; margin:0; margin-top:-5px; height:40px; width:100%; z-index:300;}
div#main_nav ul#third {clear:left; padding-left:40px; padding-top:0px; margin:0; margin-top:0px; margin-left:75px; height:40px; width:100%; z-index:300;}

div#main_nav li {
float:left; margin-left:5px;font-family: Verdana, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
text-transform: uppercase;
letter-spacing: normal;
line-height: 1.6em;
list-style-type:none;
color:#999; 
}
div#main_nav li.title {font-family: Helvetica, Arial, sans-serif; 
font-size: 24px;
font-style: normal;
font-weight: bold;
text-transform: none;
letter-spacing: -1px;
line-height: 1.4em;
color:#0B4499;
text-transform:none;
padding-right:5px; 
margin-top:-8px;}
div#main_nav li.tinyarrow {border:0; margin-top:5px; padding:0;}
div#main_nav li.clicked {color:#666; font-weight:600; }
div#main_nav li a, div#main_nav li a:visited {color:#666; padding:0; margin:0; text-decoration:none; background:transparent; border:0;}
div#main_nav li a:hover {color:#000 !important; text-decoration:none; padding:0; margin:0;  background:#ccc; border:0;}

div#main_nav li.two {color:#ffcc33;}
div#main_nav li.twoclicked {color:#fff !important; background:#ffcc33; text-transform:none;}
div#main_nav li.twoclicked a, div#main_nav li.twoclicked a:visited {color:#fff; background:#ffcc33; }
div#main_nav li.twoclicked a:hover {color:#000; background:#fff; }
div#main_nav li.two a, div#main_nav li.two a:visited {color:#000 !important; text-decoration:none; background:transparent; border:0; padding:0;margin:0; margin-top:-15px; text-transform:none;}
div#main_nav li.two a:hover {color:#fff !important; text-decoration:none; background:#ffcc33; border:0; text-transform:none; padding:0;margin:0; margin-top:-15px; }

/*Right side Column next to Image */
div#main_upper h2, div#main_upper_2 h2 {
font-family: Helvetica, Arial, sans-serif; 
font-size: 24px;
font-style: normal;
font-weight: bold;
text-transform: none;
letter-spacing: -1px;
line-height: 1.2em;
color:#0B4499;
text-transform:none; }
div#main_upper li, div#main_upper_2 li  {font-family: Verdana, sans-serif; font-size:12px; color:#666; font-weight:200; list-style-type:none; margin:0;padding:0;}
div#main_upper li a, div#main_upper li a:link, div#main_upper li a:visited {font-family: Helvetica, Arial, sans-serif; 
font-size: 24px;
font-style: normal;
font-weight: bold;
letter-spacing: -1px;
line-height: 1.2em;
color:#0B4499;
text-transform:none; 
text-decoration:none;background:transparent; border:0;}
div#main_upper ul, div#main_upper_2 ul {margin:0; width:175px;}
div#main_upper ul li, div#main_upper_2 ul li {margin-bottom:5px;}
div#main_upper ul.trydown {margin-top:20px; width:175px; }
div#main_upper ul.trydown li {margin-bottom:-5px;}
div#main_upper li a, div#main_upper_2 li a {text-decoration:none;}
div#main_upper li a:hover,div#main_upper_2 li a:hover {color:#fff; text-decoration:none; background:#FFCC33; border:0;}

div#main_upper li.download {color:#666; font-size:12px; }
div#main_upper li.download a,div#main_upper li.download a:link, div#main_upper li.download a:visited  {font-style: normal; font-weight: normal; letter-spacing: 0px; line-height: 1em; text-transform:none; text-decoration:underline;color:#666; font-size:12px; }
div#main_upper li.download a:hover{color:#fff;}

div#main_upper a em {font-size:12px; vertical-align:middle; margin-left:10px; text-decoration:none;}
div#main_upper img, div#main_upper_2 img {border:0;}
div#main_upper {float:right; width:175px; height:320px; margin-top:-360px; margin-right:30px; background:#fff; border:0; padding:0; text-align:left;}
div#main_upper_2 {float:right; width:175px; height:120px; margin-top:-360px; margin-right:30px; background:#fff; border:0; padding:0; text-align:left;}
div#main_upper.switcheroo {float:right; width:175px; height:320px; margin-top:0px; margin-right:30px; background:#fff; border:0; padding:0; text-align:left;}

/* Interior Positioning */
div#main_content p {font-size:12px;}
div#main_content p img {float:left; margin-left:5px;}

/*This changes the font and color for the title of the middle section on all pages */
div#main_content h1, div#main_content_longer h1, div#main_content_wider h1 {padding:0; margin:0; font-family: Helvetica, Arial, sans-serif; 
font-size: 18px;
font-style: normal;
font-weight: bold;
text-transform: none;
letter-spacing: -1px; 
color:#FF9900;}

div#main_nav {height:60px; margin:0; padding:0; background:transparent;z-index:50;}
div#main_content {float:left; border:5px solid black; border-bottom:1px solid #ffcc33; padding:0; padding-bottom:2px;margin-left:15px; margin-bottom:25px; width:440px; color:#336699;background:transparent;height:240px;overflow:auto; text-align:left;}
div#main_content_skinny {float:left; border:0; padding:0; padding-bottom:2px;margin-left:15px; margin-bottom:25px; width:440px; color:#336699;background:transparent;height:440px;overflow:auto; text-align:left;}
div#main_content_longer {float:left; border:0;  padding:0; margin-left:15px; margin-bottom:25px; width:640px; color:#336699;background:transparent;height:340px;overflow:auto; text-align:left;}
div#main_content_longer.lesswide {float:left; border:0;  padding:0; margin-left:15px; margin-bottom:25px; width:440px; color:#336699;background:transparent;height:340px;overflow:auto; text-align:left;}
div#main_content_longer iframe {float:right; margin-right:10px;}
div#main_content_wider {float:left; border:0;  padding:0; margin-left:15px; margin-bottom:25px; width:640px; color:#336699;background:transparent;height:240px;overflow:auto; text-align:left;}
div#main_content_longer a:link, div#main_content a:link, div#main_content_longer a:visited,div#main_content a:visited   {background:#fff; color:#336699; margin:0; padding:.1em;border:0; line-height:1.5em;font-weight:normal;text-decoration:underline; }
div#main_content_longer a:hover,div#main_content a:hover {color:#000; background:#fff; text-transform:none; text-decoration:underline;}
div#main_content_full {float:left; padding:0; padding-bottom:2px; margin-left:15px; margin-bottom:5px; width:840px; color:#336699; background:transparent;height:340px;overflow:auto; text-align:left;}
#main_content_longer.lesswide ul li{list-style-type:circle; margin-left:15px; margin-bottom:2px; }
div#main_image {z-index:0;float:right;width:200px;padding:0px;margin-right:0;margin-top:0;background:#fff; overflow:hidden;}

div#main_content_bottom {margin-left:20px; clear:left; padding:0; background:transparent; height:100px; overflow:hidden; width:450px; z-index:1000;}
div#main_content_bottom em {text-align:center; background:transparent; border:0; color:#999; line-height:1.2em;}
div#main_content_bottom b {text-align:center; background:transparent; border:0; color:#666;}
div#main_content_bottom ul {margin:0; padding:0; width:700px; height:110px;}
div#main_content_bottom li.bottom {border:0; line-height:1em;font-size:10px; float:left; list-style-type:none; width:60px; overflow:hidden; margin-right:15px; text-align:center;}
div#main_content_bottom li.bottom img, div#main_content img {border:0; padding:0; margin:0; margin-bottom:8px; height:40px; text-decoration:none; background:#fff;}
div#main_content_bottom li.bottom a, div#main_content_bottom li.bottom a:link, div#main_content_bottom li.bottom a:visited {font-size:10px;color:#000; outline: none; text-decoration:none; line-height:1em; text-align:center; padding-bottom:10px;}
div#main_content_bottom li.bottom a:hover {color:#6699cc; border:0; text-decoration:none;font-weight:normal; outline: none; text-decoration:none; }
div#main_content_bottom h2 {color:#668080; font-family: Helvetica, Arial, sans-serif; font-size: 18px; font-style: normal; font-weight: bold; text-transform: none;letter-spacing: -1px;}

/*Dataloggers and Pressure level pages with multiple images  */
#main_upper_2.testie {float:right; width:160px; height:250px; margin:0; overflow:hidden; background:#fff; border:0px; padding:0px; padding-left:0px;text-align:left;}

div#main_content.sensors {float:left; border:0px; margin-left:20px; width:490px; color:#336699; background:transparent; height:95px; overflow:auto; text-align:left; border-bottom:1px solid #ffcc33;}

div#main_content_bottom.moresensors {margin:0; margin-left:20px; padding:0; background:transparent; height:auto;overflow:hidden; width:450px; z-index:1000; border:0px;}
div#main_content_bottom.moresensors li.bottom img {height:40px;}
/*hack to make sure the orange border shows up*/
div#main_content {float:left; border:0; border-bottom:1px solid #ffcc33; padding:0; padding-bottom:2px;margin-left:15px; margin-bottom:25px; width:440px; color:#336699;background:transparent;height:240px;overflow:auto; text-align:left;}

/*For EXTRA LONG Bottom bar with more then 7 tiny images */
div#main_content_bottom.extend {margin-left:20px; clear:left; padding:0; background:transparent; height:100px; overflow:hidden; width:650px; z-index:1000;}
div#main_upper.retract {float:right; width:175px; height:250px; margin-top:-360px; margin-right:30px; background:#fff; border:0; padding:0; text-align:left;}

/* Bottom - Copyright Info*/

#footer { font-size:10px; color:#fff;}
#footer.homepage {text-align:center; position:absolute; bottom:0;}

/* necessary end universals */
*											{ margin: 0; padding: 0; }
.floatLeft 									{ float: left; margin-right: 10px;}
.floatRight									{ float: right; }
.clear 										{ clear: both; }
h5 {padding:0; margin:0; 
font-family: Helvetica, Arial, sans-serif; 
font-size: 14px;
font-style: normal;
font-weight: bold;
text-transform: none;
letter-spacing: -1px; 
color:#000;}