/* CSS Document */

/*----Product Page Layout----*/

#content{
	background:#FFF;
}

#content h1{
	font-family: Arial, Helvetica, sans-serif;
	color:#666;
	font-size:18px;
	font-weight:lighter;
	padding-bottom:16px;
	text-align:left;
	padding-top:0px;
}

#content p{
	font-size: 12px;
	color: #333;
	font-family:Arial, Helvetica, sans-serif;
	line-height:20px;
	word-spacing: 1px;
	padding-bottom: 12px;
}

#content a{
	color:#09C;
	text-decoration:none;
	font-weight:normal;
}
#content a:hover{color:#069;}

#content h2{
	font-size: 12px;
	color: #333;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:20px;
	word-spacing: 1px;
	padding-bottom: 8px;
	padding-top:10px;
}

#content ul{
	list-style-type: circle;
	list-style-position: outside;
	list-style-image: none;
	font-size: 12px;
	color: #333;
	font-family:Arial, Helvetica, sans-serif;
	line-height:20px;
	word-spacing: 1px;
	padding-bottom: 12px;
}

.centeredimage{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

.contentrow{
	display:block;
	width:900px;
	padding-left:40px;
	padding-right:40px;
	padding-bottom:40px;
	padding-top:0px;
}

.imagecolumn{
	display:inline-block;
	width:390px;
	vertical-align:middle;
	padding-left:20px;
	text-align:center;
}

.textcolumn{
	display:inline-block;
	width:450px;
	vertical-align:middle;
	padding-left:20px;
	text-align:left;
}

.contentrowfirst{
	display:block;
	width:900px;
	padding-left:40px;
	padding-right:40px;
	padding-bottom:40px;
	padding-top:0px;
}

.contentleft{
	float:left;
	width:400px;
}

.contentright{
	float:right;
	width:400px;
}


/*----Title Area----*/
.titlearea {
	height:160px;
	width:980px;
}

#title{
	width:395px;
	text-align:center;
	padding-left:585px;
}

.titlearea .pagetitle{
	padding-top:66px;
	padding-right:0px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#FFF;
	font-size:22px;
	font-weight:normal;
	letter-spacing:1px;
	/*text-shadow: 3px 3px 5px #222;*/
	-webkit-font-smoothing: antialiased;
}

.titlearea .pagetitle-small{
	/*padding-top:66px;*/
	padding-right:0px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#FFF;
	font-size:18px;
	font-weight:normal;
	line-height:160px;
	letter-spacing:1px;
	/*text-shadow: 3px 3px 5px #222;*/
	-webkit-font-smoothing: antialiased;
}

.titlearea .pagetitle-microspec{
	padding-top:66px;
	padding-right:0px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#FFF;
	font-size:18px;
	font-weight:normal;
	line-height:20px;
	letter-spacing:1px;
	/*text-shadow: 3px 3px 5px #222;*/
	-webkit-font-smoothing: antialiased;
}

.titlearea .highlight{
	color:#FF0;
}

.titlearea p{
	padding-top:8px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#FFF;
	font-size:11px;
}

/*----Sticky Nav Bar----*/

.navcontainer{
	height:100px;
    top: 0;
    width: 980px;
    overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/background/navbar-bg-100px.png);
	background-position:top;
	background-position:left;
	background-repeat:repeat-x;
	z-index:100;
}

#navbar{
	height:30px;
	width:980px;
	border-bottom-style:solid;
	border-bottom-color:#CCC;
	border-bottom-width:1px;
}

#navbar #navleft{
	diplay:inline-block;
	width:60px;
	float:left;
	padding-top:4px;
}

#navbar #navright{
	float:right;
	width:900px;
	text-align:right;
}

#navbar .item{
	display:inline;
	padding-left:15px;
	padding-right:15px;
	font-size:11px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#999;
	line-height:30px;
}

#navbar a{
	color:#09C;
	text-decoration:none;
	font-weight:normal;
}
#navbar a:hover{color:#069;}

#navbar .navbuttoncontainer{
	display:inline;
	padding-left:15px;
	padding-right:15px;
	font-size:11px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#999;
	line-height:30px;
}

#navbar .navbutton{
	display:inline;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:11px;
	padding-left:0px;
	margin-left:0px;
	text-align:center;
	padding-left:10px;
	padding-right:10px;
	padding-top:2px;
	padding-bottom:2px;
	border-width:0px;
	border-color:#CCC;
	/*
	-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	box-shadow:inset 0px 1px 0px 0px #fce2c1;*/
  -webkit-border-top-left-radius: 14px;
  -webkit-border-top-right-radius: 14px;
  -webkit-border-bottom-right-radius: 14px;
  -webkit-border-bottom-left-radius: 14px;
  -moz-border-radius-topleft: 14px;
  -moz-border-radius-topright: 14px;
  -moz-border-radius-bottomright: 14px;
  -moz-border-radius-bottomleft: 14px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
	/*COLOR*/  
  	color: #fef4e9;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}

#navbar .navbutton:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
	color:#FFF;
}
#navbar .navbutton:active {
	color:#FFF;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

/*----Intro Panel----*/

#intropanel{
	width:980px;
	display:block;
	padding-top:0px;
	padding-bottom:30px;
}

#introimage{
	float:left;
	width:400px;
	text-align:center;
}

#introtext{
	float:right;
	width:520px;
	margin-right:60px;
}

#introtext .title{
	font-family: Arial, Helvetica, sans-serif;
	color:#2D2D2D;
	font-size:18px;
	font-weight:lighter;
	padding-bottom:4px;
	text-align:left;
	padding-top:0px;
}

#introtext .modelnumber{
	color:#969696;
	font-size:10px;
	font-weight:lighter;
	vertical-align:middle;
	padding-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
}

#introtext p{
	font-size: 12px;
	color: #333;
	font-family:Arial, Helvetica, sans-serif;
	line-height:20px;
	word-spacing: 1px;
	padding-bottom: 12px;
}

#introtext .features{
	padding-bottom:2px;
	word-spacing: 1px;
	line-height:10px;
}

#introtext h2{
	font-size: 12px;
	color: #333;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:20px;
	word-spacing: 1px;
	padding-bottom: 8px;
	padding-top:10px;
}

/*----Product Models----*/

#models-section{
	width:980px;
	text-align:center;
	padding-top:60px;
	padding-bottom:60px;
	border-top-style:solid;
	border-top-color:#CCC;
	border-top-width:1px;
	display:block;
}

#models-section img{
	padding-top:10px;
	padding-bottom:10px;
}

#models-section h1{
	padding-left:40px;
}

#models-section h3{
	font-size: 11px;
	color: #999;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height:20px;
	word-spacing: 1px;
	font-weight:normal;
}

#models-section .productmodel{
	width:240px;
	border-right-style:dotted;
	border-right-color:#CCC;
	border-right-width:1px;
	text-align:center;
	display:inline-block;
}

#models-section .selectionarea{
	padding-top:20px;
	padding-bottom:20px;
}

#models-section .productmodellast{
	width:240px;
	text-align:center;
	display:inline-block;
}

#models-section a{
	color:#09C;
	text-decoration:none;
	font-weight:normal;
}
#models-section a:hover{color:#069;}

#models-section p{
	text-align:left;
	padding-left:40px;
}

/*----Sections----*/

#technology-section {
	padding-left:40px;
	padding-right:40px;
	padding-top:60px;
	padding-bottom:60px;
	border-top-style:solid;
	border-top-color:#CCC;
	border-top-width:1px;
}

#technology-section p{
	font-size: 12px;
	color: #333;
	font-family:Arial, Helvetica, sans-serif;
	line-height:20px;
	word-spacing: 1px;
	padding-bottom: 12px;
}

#technology-section img{
	padding-top:15px;
	padding-bottom:15px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

/*----Applications----*/

#applications-section{
	width:900px;
	padding-left:40px;
	padding-right:40px;
	padding-top:60px;
	padding-bottom:60px;
	border-top-style:solid;
	border-top-color:#CCC;
	border-top-width:1px;
}

#applications-section td.applist{
	width:300px;
	border:none;
	padding:0px;
	line-height:18px;
	vertical-align:top;
}

#applications-section table{
	padding-top:10px;
	padding-bottom:10px;
}

/*----Specifications----*/

#specifications-section{
	padding-left:40px;
	padding-right:40px;
	padding-top:60px;
	padding-bottom:60px;
	border-top-style:solid;
	border-top-color:#CCC;
	border-top-width:1px;
}

#specifications-section table{
	width:900px;
}

#specifications-section tr{
	color:#999;
}

#specifications-section tr:hover{
	color:#575757;
}

#specifications-section td.specname{
	width:200px;
	min-height:40px;
	vertical-align:top;
	text-align:left;
	padding:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border-bottom-color:#C0C0C0;
	border-bottom-width:1px;
	border-bottom-style:dotted;
}

#specifications-section td.specdata{
	width:230px;
	min-height:30px;
	vertical-align:top;
	padding:12px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border-bottom-color:#C0C0C0;
	border-bottom-width:1px;
	border-bottom-style:dotted;
	line-height:16px;
}

#specifications-section .componenttable{
	width:500px;
}

#specifications-section .componenttable td{
	min-width:160px;
	min-height:30px;
	vertical-align:top;
	padding-left:4px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:24px;
	border-bottom:none;
}

#specifications-section .componenttable tr.odd{
	background-color:#F6F6F6;
}


/*----Specifications End----*/

/*----More Info starts----*/

#moreinfo-section{
	padding-left:40px;
	padding-right:40px;
	padding-top:20px;
	padding-bottom:40px;
}

#moreinfo-section h2{
	color:#969696;
}

#moreinfo-section .linkcolumn{
	width:300px;
}

#moreinfo-section ul{
	list-style-type: none;
	list-style-position: outside;
	list-style-image: none;
	margin-left:0px;
	padding-left:0px;
}

#moreinfo-section ul li{
	margin-left:0px;
	margin-right:12px;
	padding-top:8px;
	padding-bottom:6px;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	border-bottom-color:#CCC;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:11px;
}

#moreinfo-section ul li.last{
	border-bottom:none;
}

#moreinfo-section p{
	padding-top:6px;
	padding-bottom:2px;
}

#moreinfo-section .linkexplainer {
	font-size:9px;
	line-height: 6px;
	color:#999;
	padding-left:7px;
}

/*----More Info ends----*/

/*----Video section----*/
#video-section{
	padding-left:40px;
	padding-right:40px;
	padding-top:60px;
	padding-bottom:60px;
	border-top-style:solid;
	border-top-color:#CCC;
	border-top-width:1px;
	text-align:center;
}
/*----Video section ends----*/

.stickymenu {
	padding: 10px;
	border-radius: 10px;
	background-color:#F0F0F0;}

.clearfix:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

.clearfix {display: inline-block;}  /* for IE/Mac */

/* backgrounds begin */

.refinery-bg {
	background-image:url(../images/background/bg-refinery-980px.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

.color-bg {
	background-image:url(../images/background/bg-color-980px.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

.gases-bg {
	background-image:url(../images/background/bg-gases-980px.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

.infrared-bg {
	background-image:url(../images/background/bg-infrared-980px.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

.oilinwater-bg {
	background-image:url(../images/background/bg-oilinwater-980px.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

.stack-bg {
	background-image:url(../images/background/bg-stack-980px.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

.chemical-bg {
	background-image:url(../images/background/bg-chemical-980px.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

.sru-bg {
	background-image:url(../images/background/bg-sulfur-980px.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

.mixer-bg {
	background-image:url(../images/background/mixer-bg-fullwidth.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

/* backgrounds end */

/* --- text gradient begins --- */
    .white-gradient {
        position:relative;
    }
    .white-gradient:after {
        content: '';
        position:absolute;
        display:block;
        top:0;
        left:0;
        height:60%;
        width:100%;
        background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));
        background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
        background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
        background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
        background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
    }
/* --- text gradient ends --- */

/* --- image hover fade begings --- */
.fade {
   opacity: 1;
   transition: opacity .10s ease-in-out;
   -moz-transition: opacity .10s ease-in-out;
   -webkit-transition: opacity .10s ease-in-out;
   }

   .fade:hover {
      opacity: 0.5;
      }
/* --- image hover fade ends --- */

/* subscript trick */
sup, sub {
   vertical-align: baseline;
   position: relative;
   top: -0.4em;
}
sub { top: 0.4em; }


/* --- background gallery --- */

#gallery {
	position:absolute;
	height:160px;
	max-height:160px;
	width:980px;
	padding-top:0px;
	z-index:200;
}
#gallery img {
	position:absolute;
	left:0;
	right:0;
}