@charset "utf-8";

/* Debugging*/
.border {border-color: red; border-style:solid; border-width: 1px;}

/* Typography.css */
.product-finder p.caption
{	
  font-size: 14px;
  font-weight: bold;
}

.product-finder .form-item label, .product-finder .form-item select, .product-finder .help-area
{
  font-size: 11px;	
}

.home-sidenav  .product-finder .help-area a
{
  margin-left: 60px;
}		

.product-finder .help-area a
{
  margin-left: 80px;
}		


/* Structure.css */
h1 { padding-bottom: 0.5em}


.help-area a, .email-print a {color: #184EBF; text-decoration: none; }
.help-area a:hover, .email-print a:hover { text-decoration: underline; }
/*.email-print a.share {color: #fd724f;}*/ 

a.help-me
{
	display: block;
	padding-left: 20px;
	width: 45px;
	height: 14px;	
	padding-top: 2px;
}

a.video, a.pdf, a.zip, a.doc, a.xls
{
	padding-left: 20px;
	padding-top: 1px;
	padding-bottom: 1px;		
	color: #184EBF; 
	text-decoration: none; 		
}

a.video:hover, a.pdf:hover, a.zip:hover, a.doc:hover,  a.xls:hover { text-decoration: underline; }

.breadcrumb {	color: #00A28A; }
.breadcrumb a {	color: #00A28A; text-decoration: none; }
.breadcrumb a:hover {	color: #74CCBF; text-decoration: none; }	
	
.email-print a
{
	float: right;
	display: block;
	padding-left: 22px;
	/*width: 25px;*/
	height: 18px;
	/* padding-top: 2px; */
}	

.email-print a.print
{
	 margin-left: 10px;
}

.email-print div.block-share
{	
  float: right;
	display: block;
	width: 60px;
}

.email-print div.block-print
{	
  float: right;
	display: block;
	width: 45px;
}

.email-print div.block-quote
{	
  float: right;
  display: block;
  width: 120px;
  padding-right: 10px;
}

.email-print div.block-info
{	
  float: right;
  display: block;
  width: 110px;
  padding-right: 10px;
}

/* Products Page */
.product-tabs
{
	  clear: both;
}

.tabs-pages
{
  margin-bottom: 20px;	 	
}

.content ul.applications
{
	float: left;
	list-style-type: none;
	padding-left: 0;
}

.content ul.applications li 
{ 
	display: inline; 	
}

.content ul.applications li div 
{
	display: block;
	float: left;
	width: 361px;
	padding-bottom: 10px;
}

.content h1, .content h2, .content h3
{
	color:#00A28A;
}

.content h1 a, .content h2 a, .content h3 a
{
	color: #184EBF;
	text-decoration: none;
}		

.content h1 a:hover, .content h2 a:hover, .content h3 a:hover
{
	text-decoration: underline;
}

.productlanding-content h2  
{
  padding-top:15px;
  /*padding-bottom:5px;*/
}

.category-content h1
{   
  padding-bottom:5px;
}

.category-content h3
{  
  padding-bottom:5px;
}

.applicationslanding-content h3 a
{  
  padding-bottom:5px; 
}	

.content-area ul.downloads
{
	list-style-type: none;	
}

.content-area ul.downloads-group  
{
	padding-top:0.25em;
	padding-bottom:0.75em;
	list-style-type: none;
}

.category-products
{
	float: left;
	width: 722px; 
}

.products-table
{
  float: left;
  display: inline;  
  width: 360px;
}

.products-table table
{
	width: 100%; 
}

.products-table table td div
{
  height: 125px;	  
}

.category-product-photo
{
  width: 135px;
  text-align: center;  
}

.category-product-photo div
{
  width: 125px;
  height: 125px;  
}

td.category-product-info
{
  padding: 10px;
}

.category-content h2 a {
color:#00A28A;
text-decoration:none;
}

.category-content h2 a:hover {
  text-decoration: underline;
}


/* Applications landing page */
table.industries td
{
  vertical-align: top;
  padding-bottom: 20px;	
}

table.industries td.industry-info
{
  padding-left: 10px;
	padding-right: 10px;	
}

/* Industry page */
.industry-content
{
	float: left;
	width: 722px;
}
	
.industry-description
{
	float: left;
	width: 400px;	
}	

.application-photos
{
	float: right;
	width: 288px;
}	
		
.application-photos ul
{
  padding-top: 10px;	
}

.application-photos ul li 
{
  padding-bottom: 20px;
}		

.product-finder
{
  margin-left: 730px;
  padding-top: 10px;	
}

.product-finder-home .product-finder
{
  margin-left: 0px;
}

.product-finder p.caption
{
  color: #00A28A;
  padding-bottom: 4px;   
}

.product-finder .help-area
{
  padding-top: 10px;  	
}

.form-item
{
  float:left;
  display: inline;
  padding-top: 8px;
}

.product-finder .form-item label
{
	float:left;
  display: block;
  width: 80px;  
}

.product-finder .form-item select
{	
	float:left;
  width: 150px;
}

/* Home page styles */

.home-mastheader
{
	margin-top:20px;
	margin-bottom: 5px;
}

.home-sidenav
{
  float: left;
  padding: 0px;
  width: 232px;
  min-height: 250px;
  height: auto !important;
  height: 250px;  
}

.home-news
{
	float: right;
  min-height: 289px;  
}

.home-news div
{
  padding: 10px;
}

.home-news .content p
{
  font-size: 11px;
  line-height: 13px;	
}

.home-sidenav .product-finder
{
  margin-left: 0px;
  padding-left: 10px;
  padding-top: 10px;
}

.home-sidenav .product-finder .form-item label 
{
	width: 60px;
}

.home-content-area 
{
  float:left;
  padding-left:22px;
  width:475px;
}

.home-content-area p
{
  padding-bottom:0.5em;
  padding-top:0.5em;
}


/* Navigation tune-ups */
.mainnav a {
  color: #FFFFFF;
  margin-right:25px;
  text-decoration:none;
}

.mainnav a.active, .mainnav a:hover { 
	color: #184EBF;
	text-decoration: none 
}

.sidenav a:hover { text-decoration: underline;}

.sidenav .topnav a.active {font-weight: bold; }
.sidenav .subnav a.active {font-weight: normal; color: black}


#toolbar-area
{
  float: right;
  display: inline;
  width: 350px;
  height: 67px;  
}


.searchbox
{
  float: right;
  display: inline;
  padding-top: 0px;
  padding-left: 2px;
  /*padding-right: 2px;*/
  /*Anton; IE6, IE7 needs width and remove outline for the input*/
  width: 250px;	
  outline-style: none;
  
}	
.searchbox div
{
  display: inline; 
}

.searchbox input
{	
	outline-style: none;
	border-style: none;
	border-width: 0;
  /*border: #FFFFFF solid 1px;*/
}
	
.searchbox .search-textbox 
{
  color:#666666;
  line-height:12px;
  font-size: 11px;
  vertical-align:middle;
  width: 222px;
  padding-left: 3px;
  border-style: none;
}

.searchbox .search-submit-button
{
	vertical-align:middle;
}

ul.search-results, .content ul.search-results
{
  list-style-type: none;
  padding-left: 0;  
}

ul.search-results li
{
  padding-top: 0.5em;
  padding-bottom: 0.5em;	
  margin-left: 0;
}

ul.search-results a  
{
  color:#184EBF;
  text-decoration:none;
}

ul.search-results a:hover
{
  text-decoration: underline;
}

.news
{
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

.jobs 
{
  padding-bottom: 0.5em;
  padding-top: 0.5em;
}

.drawer
{
  padding-bottom: 0.5em;
  padding-top: 0.5em;
}

.content-area .drawer p.title
{
  padding-top: 0;
  padding-bottom: 0.25em;
}


.content-area .jobs p.location 
{
  padding: 0;
}

.content-area .jobs p.title
{
  padding-top: 0;
  padding-bottom: 0.25em;
}

.content-area .news p.date
{
	padding: 0;
	/*font-size: 0.8em;*/ 
}

.content-area .news p.title
{
  padding-top: 0;
  padding-bottom: 0.25em;
}

.content-area .news a
{
  color:#184EBF;
  text-decoration:none;	
}

.content-area .news a:hover
{
  text-decoration: underline;
}

.rep-finder .form-item
{
  padding-right: 10px;
  clear: both;	
}

.rep-finder .form-item label 
{
	width: 110px;
	display:block;
	float:left;
}

.rep-finder .form-button
{ 
	padding-top: 10px;
	display:block;
	float:left;
	clear: both;
	padding-left: 110px;
}

.sidenav ul li
{
  margin-left: 0;
}

.rep-finder .results
{
  padding-top: 20px;
}

/* Contact forms */
.contact .form-item
{	
  clear: both;	
}

.contact .form-item label
{	 
	display:block;
	float:left;	
	width: 110px;
}	

.contact .form-button
{ 
	padding-top: 10px;
	display:block;
	float:left;
	clear: both;
	padding-left: 110px;
}

.content ul
{
	list-style-type: disc;
	list-style-position: outside;
	padding-left: 17px;
}

.content .application-photos ul
{
  list-style-type: none;
}

#toolbar-area .tool-nav
{
	padding-top: 12px;
	height: 21px; 
	text-align: right;
}

#toolbar-area .tool-nav a 	
{
	margin-left: 10px;
}	

#toolbar-area .toolbar 
{
	padding-left: 18px;
	padding-top: 6px;
	height: 27px;
	
	background-position: 99px 4px;
}

#toolbar-area .toolbar a
{
  margin-left: 5px;
}	

.toolbar-icons
{
  float: left;
  display: inline;
}

.bottomspacer
{
	clear: both;
	height: 5px;
}		

.bottomnav
{
	clear: both;		
}

.bottomnav a 
{
  color: #0066cc;
  margin-right: 25px;
  text-decoration: none;
}

.bottomnav a:hover
{
  text-decoration: underline;
}

.footer
{
  color: #6b6b6b;
  padding-left: 15px;
  padding-top: 7px;
}


a {	color: #0066cc;	text-decoration: none; }
a:hover {	text-decoration: underline; }	

.events {padding-top: 10px}
.events th {text-align: left; background-color: #a9ccec }
.events tr.highlight td {background-color: #e9f2f7} 
.events-date {width: 200px;}
.events-country {width: 100px;}
.events-city {width: 100px;}
.events-booth {width: 100px;}
.events td, .events th {border: 1px solid #cce0f8; padding: 3px 5px;}
table.events {border-collapse: collapse; margin-top: 10px }

.error {color: #FF0000}
label.error {padding-left: 10px;}

table td.labels {width: 200px;}

.sitemap ul {list-style-type: none;}
.sitemap ul li {padding-top: 0.5em; padding-bottom: 0.5em; }
.sitemap ul li ul li {padding-top: 0; padding-bottom: 0 }
.sitemap ul ul {padding-left: 20px; padding-top: 0.25em; padding-bottom: 0.5em}


.sidepanel { float:left; width:232px; }

.sidenav 
{
  min-height: 250px;
  height: auto !important;
  height: 250px;
}  

.livechat, .banners
{
  float: left;
  display: inline; 
  margin-bottom: 5px;
  margin-top: 20px;
  width: 232px;
  height: 90px;
  background-image: none; 
}

/* 
   Calculated padding should be 22px but one user experienced the view where the content area slid under the menu on IE 7.0 
   Cutting 2px off the calculated padding seems like solving the problem  
*/
.content-area 
{
 padding-left: 20px;
}

.search_display_options
{
  padding-bottom: 10px;
}

.search_display_option
{
  padding-left: 5px;
  padding-right: 20px;
}

.content .searchresults-content h2
{
  padding-top: 10px;
}

.mainnav div.topnav
{
  float: left;
  width: 630px;
}

.mainnav div.languages
{
  float: right;
  width: 260px;
}

.content div.richtext
{
  line-height: 1.5em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

form.tableless
{
  padding-left: 50px;
}

form.tableless label
{
  display: block;
  width: 200px;
  padding-bottom: 15px;
  float: left;
}

form.tableless textarea 
{
  display: block;
  width: 200px;
  float: left;
}

form.tableless input 
{
  display: block;
  width: 200px;
  float: left;
}

form.tableless .toppadding
{
  margin-top: 10px;
}


form.tableless input.submit
{
  width: 100px;
}

form.tableless label.error
{
  display: block;
  width: 200px;
  float: left;
}

form.tableless br
{
  clear: both;
}

#banner_container {
	overflow: hidden;
	position: relative;
}
#banner_container div {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}


.news-content h2
{
  display: block;
  padding-top: 0;
  padding-bottom: 0;
}

.news-body {
  padding-bottom:0.5em;
  padding-top:0em;
}

.readmore
{
  white-space: nowrap;
}

.home-news ul, .news-content .news ul
{
  list-style-position: outside;
  list-style-type: none;
  padding-left: 0px;
}

.news-content .news p.news-year
{
  padding-bottom: 0.25em;
  padding-top: 1em;
}

#power-selector #fldThickness a 
{
  color: #3CB6A7;
}

#power-selector #fldThickness a.selected 
{
   color: #0073B9;
}   
   
