/*div { border:1px solid red;}*/

/*body, html {
 width:100%;
 height:100%;
}*/

body {
 margin:0px;
 padding:0px;
 height:100%;
 width:100%;
 background-color:#002854;
}

img {
 border:0px;
}

.wrapper {
 width:100%;
 height:100%;
}

.container {
 width:770px;
 background:url('../images/back.gif') repeat-y #FFF center center;
 position:relative;
}

div {
 font-family:arial;
 font-size:11px;
 color:#3c4043;
}

.flash {
 width:754px;
 position:relative;
 z-index:1;
 border-bottom:1px solid #FFFFFF;
 border-top:4px solid #333333;
}

.nav {
 float:left;
 position:relative;
 bottom:38px;
 z-index:3;
 right:1px;
}

.navLink{
 margin-left:26px;
 padding-top:4px;
 display:block;
}

.navItem {
 background:url('../images/navitem_back.gif') no-repeat;
 width:166px;
 height:24px;
 text-align:left;
}

.subNavDiv {
 background:url('../images/subnav.gif');
 margin-bottom:1px;
}

.subNavLink{
 margin-left:30px;
 padding:2px 0px 2px 0px;
 display:block;
 color:#777A7C;
}

.subNav {
 width:166px;
 text-align:left;
}

.subNavOn {
 width: 166px;
 text-align: left;
 font-weight: bold;
}

.navItemOn {
 background:url('../images/navitemon_back.gif') no-repeat;
 width:166px;
 height:24px;
 text-align:left;
 font-weight:bold;
}

a {
 color:#195881;
 text-decoration:none;
}

a:hover {
 color:#195881;
 text-decoration:underline;
}

.bottomHalf {
 width:770px;
 background:url('../images/top.gif') repeat-x top;
}

.text {
 width:525px;
 vertical-align:top;
 padding:34px 20px 0px 25px;
 text-align:left;
}

.leftSide {
 width:181px;
 padding-left:17px;
}

.rightSide {
float:right;
}

.footer {
 width:770px;
 background:url('../images/footer.gif') repeat-x top;
 overflow:auto;
}

.footerText {
 padding-top:13px;
 padding-bottom:7px;
 color:#999999;
}

.sampler {
  margin-top:13px;
  position:relative;
  text-align:left;
}

#sampDiv2 {
 background:url('/images/samp-req-bg.jpg') repeat-y;
 visibility:hidden;
 display:none;
}

.samp-title {
 width:100px;
 float:left;
 color:#195881;
}

.samp-odd {
 background:#FAFAFA;
 padding:3px 0px 3px 10px;
 margin-bottom:1px;
}

.samp-even {
 background:#F5F5F5;
 padding:3px 0px 3px 10px;
 margin-bottom:1px;
}

.samp-info {
 border-top:1px solid #F0F0F0;
 padding-top:1px;
 border-bottom:1px solid #F0F0F0;
 width:500px;
}

h3 {
 margin-top:0px;
 margin-left:-14px;
 font-size:14px;
}

h4 {
 margin-top:0px;
 margin-left:-14px;
 font-size:14px;
 position:absolute;
}

h5 {
 margin-top:0px;
 margin-left:0px;
 font-size:12px;
}

.samp-input {
 font-size:10px;
 font-family:Tahoma, Verdana;
 width:117px;
 height:12px;
 border:1px solid #999999;
 padding-left:4px;
}

.samp-table td {
 text-align:left;
}


#sampTn {
 border:1px solid #FFFFFF;
 margin:1px;
}

.samp-nav {
 margin-right:20px;
 text-align:right;
 border-bottom:1px solid #F5F5F5;
 padding-bottom:2px;
 margin-top:4px;
}

.samp-nav select {
 width:200px;
 font-size:11px;
 font-family:Tahoma, Verdana;
 color:#333333;
 height:18px;
}

option.odd {
 background-color:#F5F5F5;
 border-top:1px solid #FFFFFF;
}

option.even {
 background-color:#FAFAFA;
 border-top:1px solid #FFFFFF;
}

option.top {
 background-color:#FAFAFA;
 border-top:1px solid #FFFFFF;
 border-bottom:1px solid #CCCCCC;
 font-weight:bold;
 padding:2px 0px 5px 0px;
 color:#002854;
}

optgroup {
 padding-top:5px;
}

.range {
 width:160px;
 float:left;
 margin-left:5px;
}

.range {
 width:160px;
 height:39px;
 background:url('/images/range-bg.gif');
 border-right:1px solid #E0E0E0;
 margin-left:5px;
 margin-top:5px;
}

.rangeTn {
 margin:1px;
 border:1px solid #FFFFFF;
 width:70px;
 height:35px;
 cursor:pointer;
}

.rangeLnk {
 text-align:center;
 padding-top:12px;
 width:84px;
 float:right;
}

.raquo {
 color:#2a7ca4;
 font-size:12px;
}

.breadCrumbs {
 color:#808080;
 font-size:10px;
 position:absolute;
 z-index:2;
 top:15px;
 left:435px;
}

.breadCrumbs a {
 color:#808080;
}

.ind-header {
 background:#DDDDDD;
 color:#195881;
 text-align:center;
 padding:3px;
}

.ind-tick {
 border-bottom:1px solid #F5F5F5;
}

.feature {
 background:url('/images/feature_bg.gif');
 padding:0px 15px 0px 15px;
 height:75px;
 text-align:left;
 vertical-align:bottom;
}

.balloonstyle{
position:absolute;
top: -500px;
left:0px;;
visibility: hidden;
line-height: 18px;
z-index: 100;
background-color: white;
}

#arrowhead{
z-index: 99;
position:absolute;
top: -500px;
left: 0;
visibility: hidden;
}

/* add this class to give shadow to the image */
img.shaddow {
	-webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 10px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 10px rgba(50, 50, 50, 0.75);
}
img.shaddow:hover {
	-webkit-box-shadow: 0px 0px 10px rgba(19, 110, 63, 0.75);
	-moz-box-shadow:    0px 0px 10px rgba(19, 110, 63, 0.75);
	box-shadow:         0px 0px 10px rgba(19, 110, 63, 0.75);
}

/* DNV page images */
div.dnv-image-wrapper{
	
}

img.dnv-image{
	float: left;
	border-color: #66717D;
	margin: 10px;
}

div.dnv-image-caption{
	margin-right: 22px;
	text-align: right;
	font-size: 90%;
}
/* --------------- */

/* Products table thumbnails */
div.prod-thumb{
	margin: 10px;
	float: left;
	position: relative;
	width: 150px;
	-webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 10px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 10px rgba(50, 50, 50, 0.75);
}

div.prod-thumb:hover{
	-webkit-box-shadow: 0px 0px 10px rgba(19, 110, 63, 0.75);
	-moz-box-shadow:    0px 0px 10px rgba(19, 110, 63, 0.75);
	box-shadow:         0px 0px 10px rgba(19, 110, 63, 0.75);
}

img.prod-image{
	width: 150px;
	height: 150px;
}

div.prod-image-desc{
	cursor: pointer;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	background-color: black;
	color: white;
	opacity: 0.6;
	filter: alpha(opacity=60);
}

p.prod-image-desc-text{
	text-align: center;
	font-size: 110%;
}

p.prod-table-heading{
	font-size: 120%;
}
/* ---------------- */

/* PDF table thumbnails */
div.pdf-thumb{
	margin: 10px;
	float: left;
	position: relative;
	width: 150px;
	-webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 10px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 10px rgba(50, 50, 50, 0.75);
}

div.pdf-thumb:hover{
	-webkit-box-shadow: 0px 0px 10px rgba(19, 110, 63, 0.75);
	-moz-box-shadow:    0px 0px 10px rgba(19, 110, 63, 0.75);
	box-shadow:         0px 0px 10px rgba(19, 110, 63, 0.75);
}

div.pdf-desc-outer{
	display: table;
	overflow: hidden;
	height: 54px;
	width: 150px;
	cursor: pointer;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	background-color: black;
	opacity: 0.6;
	filter: alpha(opacity=60);
}

div.pdf-desc-outer .pdf-desc-inner{
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

p.pdf-desc-text{
	font-size: 110%;
	color: white;
}
/* ---------------- */

/* Contacts output */
div.contact-wrapper{
	float: left;
	width: 41%;
	margin: 1em;
	padding: 1em;
	background-color: rgb(245, 245, 245);
	-webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 10px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 10px rgba(50, 50, 50, 0.75);
}

div.contact-wrapper span{
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/* Environment Soltuions Page */
div.green-heading {
	padding: 5px;
	background-image: url(/images/green_solutions_555_210_sun_bk.jpg);
	background-position: top;
	background-repeat: no-repeat;
	color: #000000;	
}

div.green-heading img.green-heading-logo {
	width: 89px;
	height: 74px;
	float: right;
	margin-top: 15px;
	margin-right: 15px;
}

div.green-heading .green-heading-text {
	color: #ffffff;
	float: left;
	font-size: 140%;
	font-weight: bold;
}

div.green-heading p {
	margin-bottom: -3px;
}