@charset "utf-8";
/* CSS Document */

 #custom-doc { width:73.85em;*width:72.07em;min-width:960px; margin:auto; text-align:left; }  
 
 html {
 	height:100%;
	background-color:#012131;
 	}
 body {
 	height:100%;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	line-height:130%;
 }
 
h1, h2, h3, h4, h5 {
	font-family:"calibri";
	color:#39C;
	border-bottom:1px dotted #fff;
	line-height:100%;
}

h1 {
	color:#fff;
	font-size:260%;
	margin:15px 0;
	padding:0 0 10px 0;
	border:0;
}

h2 {
	font-size:240%;
	margin:15px 0;
	padding:0 0 10px 0;
	
}

h3 {
	font-size:180%;
	margin:10px 0;
	padding:0 0 10px 0;
	
}
a {
 	color:#fff;
	text-decoration:none;
}

a:hover {
 	color:#ccc;
	text-decoration:none;
}

.left {
	float:left;
}

.right {
	float:right;
}

.clearboth {
	clear:both;
}
.clearleft {
	clear:left;
}
.clearright {
	clear:right;
}
 
.outerwrapper {
 	background-image:url(../images/outerwrapper-bg.jpg);
	background-repeat: repeat-x;
	height:100%;
	min-height:100%;
	
 }

.innerwrapper {
 	background-image:url(../images/innerwrapper-bg.jpg);
	background-repeat:no-repeat;
	
	height:100%;
 }
 
.innerwrapper:after { 
		display: block;
		clear: both;
		content: " ";
		height: 0;
		overflow: hidden;
	}

 
#hd {
	height:100px;
	position:relative;
 }
 
 #hd .tools {
 	float:right;
 }
 
 #hd .tools ul {
 	float:right;
	margin-top:10px;
 }
 
 #hd .tools ul li {
 	display:inline;
	margin:0px;
	padding:0 5px;
 }
 
 #hd .tools ul li+li {
  border-left:1px solid #fff;
 }
 
 #hd .logo {
 	position: absolute;
 	bottom:0;
	left:20px;
 }
 
#hd .title {
 	display:none;
 }
 #bd {
	padding-bottom:20px;
 }
 
 .col1, .col2, .col3 {
 	float:left;
	margin:0 0 0 20px;
 }

 .col1 {
 	width:200px;
 }
 
 .col2 {
 	width:340px;
 }
 
 .col3 {
 	width:340px;
 }
 
 .landing-page .col2, .article-page .col2  {
 	width:700px;
 }
 .landing-page .col3, .article-page .col3  {
 	float:right;
	padding-left:20px;
	margin:0 0 0 0px;
	background-color:#012130;
 }
 
 .col2 h3 {
 	border:0;
	color:#fff;
	font-size:140%;
	margin-bottom:5px;
	font-weight:bold;
}

 .col2 p {
 	margin:10px 0 15px;
	padding:0;
}

 .col2 p.callout {
	 border: 1px solid white;
 	margin:20px 0 0 0;
	padding:10px;
	width: 200px;
	line-height: 2em;
}

.col2 ul {
	margin:0 20px;
	padding:0;
}

.col2 ul li{
	margin:5px 0px;
	padding:0;
	list-style-type:square;
}
 
 .boxouter {
 	background-image:url(../images/boxouter-bg.png);
	background-position:top center;
	background-repeat:no-repeat;
	padding-top:15px;
	margin-top:25px;
	margin-bottom:10px;
 }
 
 .boxinner {
 	background-image:url(../images/boxinner-bg.png);
	background-position:bottom center;
	background-repeat:no-repeat;
	padding-bottom:10px;
	margin-bottom:15px;
	*width:100%;
	/*float:left;*/
	background-color:#fff;
 }
 
 .boxinner h3 {
  	border:0;
	margin:0px 20px;
	color:#012131;
	font-weight:normal;
	font-size:220%;
	color:#3399CC;
  }
  
 .boxinner ul {
  	border:0;
	margin:0px  0 0 30px;
  }
  
 .boxinner ul li {
  	border:0;
	margin:0 10px 5px 0;
	float:left;
	dislay:inline;
	width:46%;
	color:#012130;
  }
  
 .boxinner ul li a {
  	background-image:url(../images/li-a-bg.png);
	background-repeat:no-repeat;
	background-position:0 2px;
	padding-left:15px;
	color:#012130;
  }
   .boxinner ul li a:hover {
	color:#3399CC;
  }
  
  .boxouter .choose h3 {
  	border:0;
	margin:0px 20px 10px 20px;
	padding:5px 0 5px 70px;
	background-image:url(../images/choose-h3-bg.jpg);
	background-repeat:no-repeat;
 } 
 
 .boxouter .choose ul li {
 	list-style-type:disc;
	margin:5px 5px;
 }
 .nugget {
  	margin:20px 0 0;
  }
  
.ChannelHeader, .gfg-title {
  	display:none;
  }
  
 .gf-result {
 	background-color:transparent;
 }
  
.gf-title  {
  	font-weight:bold;
	font-size:110%;
	background-image:url(../images/primary-nav-on.png);
	background-repeat:no-repeat;
	background-position:0 2px;
	padding:0 0 0 20px;
	margin:0;
  }
  
 .gf-title a {
	background-image:none;
	padding:0 0 0 0px;
	margin:0;
  }
  .gfg-listentry {

	margin:10px 0;
	border-top:1px dotted #ccc;
	font-weight:bold;
	background-image:url(../images/primary-nav-off.png);
	background-repeat:no-repeat;
	background-position:0 12px;
	padding:10px 0 0 20px;
 }
 
  .gfg-listentry:hover {

	background-image:url(../images/primary-nav-on.png);
 }
 
 .gf-result {
 	height:85px;
 }
 
 .gf-snippet {
 	margin-left:20px;
 }
 
 .gf-relativePublishedDate {
 	margin-left:20px;
	font-size:85%;
	padding:4px 0;
	color:#3399CC!important;
 }
  
.NewItemDescription, .ItemDescription {
 	padding:0 0 0 20px;
	margin:0;
  }
  
.NewItemFooter, .ItemFooter {
  	padding:0 0 0 20px;
	margin:5px 0 15px
  }
  
.credit {
  font-size:70%;
  color:#fff;
  font-style:italic;
  padding:0 0 0 20px;
  }
  
 .content-pic {
  float:left;
  padding:5px;
  margin:0 15px 5px 0;
  border:1px solid #3399CC;
  }
  
 .homelink {
 	background-image:url(../images/homelink-bg.png);
	background-repeat:no-repeat;
	height:20px;
	width:49px;
	line-height:20px;
	font-size:90%;
	text-align:center;
	margin:0px 0 0 20px ;
 }
 
  .homelink a{
	line-height:17px;
	font-size:90%;
	display:block;
 }
 
 
 
 
 
 
/* ****************************************
 	Footer styles
******************************************* */
 
 #ft {
 	background-image: url(../images/ft-bg.png);
	background-repeat:repeat-x;
	height:143px;
	text-align:left;
	color:#A0AFB6;
 }
 
 #ft a {
 	color:#A0AFB6;
 }
 
  #ft a:hover {
 	color:#fff;
 }
 
 .ft-content {
 	width:720px;
	padding-left:240px;
	margin:0 auto;
	background-image:url(../images/ft-logo.png);
	background-repeat:no-repeat;
	background-position:20px 0;
 }
 
 .ft-content ul {
 	float:left;
	margin:20px 0;
	padding:0 20px;
	border-left:1px solid #55798A;
	min-height:85px;
 }
 
 .call-out {
 	margin:0;
	padding:0;
 }
  .call-out p {
 	margin:20px 0px 20px;
	padding:0 20px 0 0;
	line-height:130%;
	color:#fff;
	font-size:135%;
	text-align:right;
	font-style:italic;
	border-right:1px dotted #39C;
 }
   .call-out p span {
 	margin:0px;
	padding:0;
	line-height:130%;
	color:#fff;
	font-size:50%;
	text-align:right;
	display:block;
 }
 
  /* ****************************************
 	Primary Navigation styles
******************************************* */
 .prim-nav ul {

 }
 
 .prim-nav ul li a{
 	padding:5px 15px;
	display:block;
	font-family:"calibri";
	font-size:120%;
	color:#fff;
	background-image:url(../images/primary-nav-off.png);
	background-position:0 8px;
	background-repeat:no-repeat;
 }
 
 .prim-nav ul li a:hover{
	display:block;
	background-image:url(../images/primary-nav-on.png);
	background-position:0 8px;
	background-repeat:no-repeat;
	
	color:#39c;
 }
 
  
 /* ****************************************
 	Secondary Navigator styles
******************************************* */


 /* this turns off the secondary nav by default. each channel switches it back on at the correct time. */
 .cdm-sec-nav, .quality-sec-nav, .proj-mang-sec-nav, .pumps-sec-nav, .elec-eng-sec-nav, .conveyors-sec-nav, .sheet-eng-sec-nav, .pipe-eng-sec-nav, .mech-eng-sec-nav, .valves-sec-nav, .case-sec-nav  {
 display:none;
 }
 
 
 ul ul.sec-nav li a{
	color:#9CF;
	font-size:100%;
	font-style:italic;
	background-image:none;
	padding:3px 5px 3px 0;
}

ul ul.sec-nav li a:hover {
	color:#FFF;
	background-image:none;
} 

#rotator .header-image, #static .header-image {
	font-family:Arial, Helvetica, sans-serif;
	clear:left;
	color:#000;
	padding:30px 0px 0px 20px;
	height:211px;
	border:0px solid red;
}
#rotator .header-image h2, #rotator .header-image p, #static .header-image h2, #static .header-image p {
	margin-right:450px;
}

.header-image img {
	float:right;
	margin:-12px 12px 0 0;
}
 
 /* ****************************************
 	rotator styles
******************************************* */
#wrapper {
	width:960px; 
	margin:0 auto;
	padding:0 0 20px 0;
}

#rotator, #static {
	background:transparent;
	color:#000;
	position:relative;
	padding-bottom:2.6em;
	margin:0; 
	font-size:16px;
	height:182px;
}

/* Tabs */
ul.ui-tabs-nav, li.ui-tabs-nav-item, li.ui-tabs-nav-item a:link, li.ui-tabs-nav-item a:visited {
	margin:0 1px 0 0;
	padding:0;
	border:0;
	outline:0;
	text-decoration:none;
	font-size:100%;
	list-style:none;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
}

ul.ui-tabs-nav {
	position:absolute;
	bottom:1px;
	left:22px;
	z-index:1;
	width:auto;

}

li.ui-tabs-nav-item a {
	width:115px;
	height:54px;
	
}

/* Non-Selected Tabs */
li.ui-tabs-nav-item a:link,
li.ui-tabs-nav-item a:visited {	
	font-size:80%;
	font-weight:normal;
	color:#012131;
	background:transparent url(../images/uitabsbg.png) no-repeat bottom left; 
}

/* Hovered Tab */
#rotator .ui-tabs-nav-item a:hover,
#rotator .ui-tabs-nav-item a:active {
	background:transparent url(../images/uiactivetabbg.png) no-repeat bottom left;
	color:#333;
}

#rotator .ui-tabs-nav-item a span {
	float:left; 
	padding:9px 10px 10px 25px; 
	cursor:pointer;
}

/* Active Tab */
#rotator .ui-tabs-selected a:link,
#rotator .ui-tabs-selected a:visited,
#rotator .ui-tabs-selected a:hover,
#rotator .ui-tabs-selected a:active {
	background:transparent url(../images/uiactivetabbg.png) no-repeat bottom left;
	color:#333;
}

/* Content Panels */
#rotator .ui-tabs-panel {
	font-family:Arial, Helvetica, sans-serif;
	clear:left;
	color:#000;
	padding:30px 540px 0px 20px;
	height:211px;
	border:0px solid red;
}

#rotator .ui-tabs-hide {
	display:none;
}

#rotator h2 {
	color:#013148;
	font-weight:normal;
	margin:0;
	padding:0 0 0 0;
	font-size:2.2em;
	line-height:1.2em;
	border:0;
}

#static h2 {
	color:#FFF;
	font-weight:normal;
	margin:30px 0 10px;
	padding:0 0 0 0;
	font-size:2.2em;
	line-height:1.2em;
	border:0;
}
#static p {
	color:#FFF;
	line-height:130%;
	font-size:75%;
}

#rotator p {
	font-size:75%;
	margin:10px 0;
	color:#333;
	font-weight:plain;
	line-height:130%;
	width: 550px;
}

#rotator .btn_get_started {
	float:left;
	height:30px;
	width:117px;
	text-indent:-9999em;
	margin-right:7px; 
	overflow:hidden; 
	background:transparent url(../images/rotator-images/more.png) no-repeat
}

#rotator .btn_learn_more {
	float:left;
	height:26px;
	font-size:.9em;
}

.col2 .quote {
	padding:10px 20px;
	font-size:110%;
	color:#3399CC;
	line-height:140%;
	font-style:italic;
	border-left:1px dotted #3399CC; 
}

/* Background Images */
#rotator {
	background:transparent url(../images/rotator-images/image0.png) no-repeat top right;
}

#static {
	background:transparent url(../images/header-images/header-background.png) no-repeat top right;
}

#rotator #fragment-1 {
	background:transparent url(../images/rotator-images/image1.png) no-repeat top right;
}

#rotator #fragment-2 {
	background:transparent url(../images/rotator-images/image2.png) no-repeat top right;
}

#rotator #fragment-3 {
	background:transparent url(../images/rotator-images/image11.png) no-repeat top left;
	
}

#rotator #fragment-4 {
	background:transparent url(../images/rotator-images/image4.png) no-repeat top left;
}

#rotator #fragment-5 {
	background:transparent url(../images/rotator-images/image5.png) no-repeat top left;
}

#rotator #fragment-6 {
	background:transparent url(../images/rotator-images/image6.png) no-repeat top right;
}

/* Javascript items */

.item-link {}
.pics { height: 102px; width: 144px; padding:0; margin:0 auto; overflow: hidden;  }
.pics img { height: 102px; width: 144px; padding: 0px; border: 0px solid #ccc; background-color: #eee; top:0; left:0; z-index:100; }
.nugget-link {display:block; color:#000; background-color:transparent; display:none; }
.nugget-link a{ position:absolute; bottom:0px; left:0px; width:144px; text-align:center; background-color:transparent; color:#000000; height:30px; line-height:30px; background-color:#CCCCCC; background-image:url(../images/item-link-bg.png); background-repeat:no-repeat;}
.prev {float:left; margin-top:40px;}
.next {float:right; margin-top:40px;}
.show {margin-top:20px;padding-bottom:35px;background-image:url(../images/show-bg.png);background-repeat:no-repeat;background-position:bottom;}
.image-holder {height: 102px;overflow:hidden;}
	




.galleria_container {clear:both; height:auto;}
.galleria_wrapper{ position: relative; border:0px solid green; text-align:center; padding:14px 20px 12px ; background-image:url(../images/gallery-bg.jpg); background-repeat:no-repeat; border-bottom:1px solid #333;}
span.text{font-size:80%;}
.galleria_wrapper img {margin-top:10px;}
ul.galleria {padding:0 30px 3px!important; margin:0!important;}

.galleria {list-style:none; width:280px; height:42px; border:0px solid red; background-image:url(../images/gallery-thumbs-bg.jpg); background-repeat:no-repeat; background-position:bottom; }
.galleria li{display:block;width:30px;height:30px;overflow:hidden;float:left;margin:0 10px 10px 0!important; border:1px solid #183545;}
.galleria li:hover{border:1px solid #fff;}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:10px;display:block;width:30px;height:30px}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */
.caption { padding:5px 30px; font-style:italic; font-weight:bold; display:block; background-color:#193644; border-top:1px solid #798992;}
img.replaced { border:1px solid #ccc;}




ul.productlister {
	width:100%;
	margin:20px 0 0;
	padding:0;
	float:left;
	
}

ul.productlister li {
	float:left;
	margin:0 20px 20px 0;
	padding:0 0 5px 0;
	width:45%;
	border:0;
	list-style-type:none;
}

ul.productlister li h3{
	margin-top:0;
	margin-bottom:5px;
	padding-bottom:5px;
}


ul.productlister li p{
	font-size:95%;
	margin:5px 0 5px 15px;
	padding:0;
}

ul.productlister li .contentimage {
	border:1px solid #3399CC;
	padding: 5px;
	margin:0px 15px 0px 0px;
	align:center;
	vertical-align:middle;
	background-color:transparent;
	float:left;
	}
	
ul.productlister li .contentimage img {
	height:90px;
	}

table {paddind:0}
td {padding:5px;}
td input, td textarea, td select   {
	border:1px solid #fff;
	background-color:#C8D1DB;
	padding:2px;
}

td input.button {
	height:30px;
	line-height:30px;
	background-position:0 0;
	background-image:url(../images/button-bg.png);
	background-repeat:repeat-x;
	color:#333;
	cursor:pointer;
}

td input.button:hover {
	height:30px;
	line-height:30px;
	background-position:0 0;
	background-image:url(../images/button-bg-hover.png);
	background-repeat:repeat-x;
	color:#000;
}