@charset "UTF-8";
/**
 * January 7, 2008 2:41:24 PM
 *
 * Osman Gormus <osman@project6.com>
 *
 * Project6 Design, Inc.
 */

/* reset */
html{color:#525252;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {/*vertical-align:text-top;*/}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;background-color:inherit}
/* fonts */
body {font:13px/1.231 verdana,arial,helvetica,clean,sans-serif}* html body{font-size:small;/*font:x-small*/}*:first-child+html body{font-size:small;/*font:x-small*/}table {font-size:inherit;/*font:100%*/}pre,code,kbd,samp,tt {font-family:monospace;line-height:100%;}
* html pre{font-size:108%}
* html code{font-size:108%}
* html kbd{font-size:108%}
* html samp{font-size:108%}
* html tt{font-size:108%}
*:first-child+html pre{font-size:108%}
*:first-child+html code{font-size:108%}
*:first-child+html kbd{font-size:108%}
*:first-child+html samp{font-size:108%}
*:first-child+html tt{font-size:108%}
/* base */
h1 {
  /*18px via YUI Fonts CSS foundation*/
  font-size:138.5%;
}
h2 {
  /*16px via YUI Fonts CSS foundation*/
  font-size:123.1%;
}
h3 {
  /*14px via YUI Fonts CSS foundation*/
  font-size:108%;
}
h1,h2,h3 {
  /* top & bottom margin based on font size */
  margin:1em 0;
}
h1,h2,h3,h4,h5,h6,strong {
  /*bringing boldness back to headers and the strong element*/
  font-weight:bold;
}
abbr,acronym {
  /*indicating to users that more info is available */
  border-bottom:1px dotted #000;
  cursor:help;
}
em {
  /*bringing italics back to the em element*/
  font-style:italic;
}
blockquote,ul,ol,dl {
  /*giving blockquotes and lists room to breath*/
  margin:1em;
}
ol,ul,dl {
  /*bringing lists on to the page with breathing room */
  margin-left:2em;
}
ol li {
  /*giving OL's LIs generated numbers*/
  list-style: decimal outside;
}
ul li {
  /*giving UL's LIs generated disc markers*/
  list-style: disc outside;
}
dl dd {
  /*giving UL's LIs generated numbers*/
  margin-left:1em;
}
th,td {
  /*borders and padding to make the table readable*/
  border:1px solid #000;
  padding:.5em;
}
th {
  /*distinguishing table headers from data cells*/
  font-weight:bold;
  text-align:center;
}
caption {
  /*coordinated margin to match cell's padding*/
  margin-bottom:.5em;
  /*centered so it doesn't blend in to other content*/
  text-align:center;
}
sub { vertical-align:sub; font-size: 85% }
p,fieldset,table,pre {
  /*so things don't run into each other*/
  margin-bottom:1em;
}
/* setting a consistent width, 160px;
   control of type=file still not possible */
input[type=text],input[type=password],textarea{width:12.25em}
* html input[type=text]{width:11.9em}
* html input[type=password]{width:11.9em}
* html textarea{width:11.9em}
*:first-child+html input[type=text]{width:11.9em}
*:first-child+html input[type=password]{width:11.9em}
*:first-child+html textarea{width:11.9em}
/* end of reset+fonts+base */
a{ /*color:#525252;*/color: #e48203;text-decoration:none }
a:hover{ text-decoration:underline}

ul.custom{ margin:0 }
ul.custom li{list-style:none}

h1,h2,h3{ margin:0 0 .5em 0;padding-bottom:8px;border-bottom:1px solid #A7AEB7 }
.hide{ display: none }
.clear{ clear:both;width:100%;height:0;line-height:0 }
* html .clear { height:1% }
*:first-child+html .clear{ height:1% }

/* layout */
div#pageWidth{width:950px}
div#pageBody{ float: right; width: 100%; margin-left: -195px; background: #FFF url(../images/bg_leftcol.png) repeat-y bottom left; min-height: 500px; height: auto; }
* html div#pageBody{height:500px}
.int div#pageBody{ background-image: url(../images/bg_leftcol_int.png) }
/* homepage only adjustments */
.home div#pageBody{ float:none;margin-left:0;background-image:none; }
.home div#pageBodyContent{ margin-left: 0;width:950px }
.home div#pageNav{ display: none }
div#pageBodyContent{margin-left:195px;position:relative;width: 755px}
div#pageNav{ float: left; clear: left; /*background: transparent url(../images/watermark.jpg) no-repeat 100% 100%;*/ width: 195px;position:relative }

div#pageFooter{ clear: both; float: none; width: 950px; background-color: #665D54; color: #b5aaa0; font-size: x-small; border-top: 1px solid #FFF; }
div.divContainer{  }

div#pageFooter div.divContainer{padding:7px 20px}
div#pageFooter div.divContainer span{padding-left:.5em;padding-right:.5em}
div#pageFooter div.divContainer a{color: #b5aaa0}
div#pageFooter a.rss{ padding:2px 0 2px 19px;background:transparent url(../images/icon_rss.gif) no-repeat 0 50% }

/* 2-col content */
/*
div#pageBodyContentMainCol{float:left;width:100%;margin-left:-250px}
div#pageBodyContentMainColContent{margin-left:250px}
div#pageBodyContentRightCol{float:right;width:250px}
div#pageBodyContentRightColContent{padding-left:1px}
div#pageBodyContentClear{clear:both;width:100%;font-size:1%}
div#pageBodyContentMainColContent div.divContainer{padding:40px 65px 40px 27px}
div#pageBodyContentRightColContent div.divContainer{padding:40px 30px 40px 10px}
*/
/*
.home div#pageBodyContentMainCol{float:left;width:100%;margin-left:-325px}
.home div#pageBodyContentMainColContent{margin-left:325px}
.home div#pageBodyContentRightCol{float:right;width:325px}
.home div#pageBodyContentRightColContent{padding-left:1px}
.home div#pageBodyContentClear{clear:both;width:100%;font-size:1%}
.home div#pageBodyContentMainColContent .divContainer{padding:30px 87px 20px 64px}
.home div#pageBodyContentRightColContent .divContainer{padding:30px 80px 20px 0}
*/

/* 1-Col Sublayout */
.OneColLayout {clear:both;/*width:100%*/width:755px}
.OneColLayout .OneCol{clear:both;width:100%}
.OneColLayout .OneColContent{padding:0}
/* 1-Col Padded Sublayout */
.OneColPaddedLayout {clear:both;/*width:100%*/width:755px;overflow:hidden;}
.OneColPaddedLayout .OneCol{clear:both;width:100%}
.OneColPaddedLayout .OneColContent{padding:40px 27px}
/* 2-Col Sublayout */
.TwoColLayout {clear:both;/*width:100%*/width:755px;overflow:hidden;}
.TwoColLayout .LeftCol{float:left;width:100%}
.TwoColLayout .LeftColWrapper{margin-right:249px}
.TwoColLayout .LeftColContent{padding:40px 35px 40px 27px}
.TwoColLayout .RightCol{float:left;width:249px;margin-left:-249px}
.TwoColLayout .RightColContent{padding:40px 30px 40px 10px}
/* 1-Col Sublayout */
.home .OneColLayout {clear:both;/*width:100%*/width:950px}
/* 2-Col Sublayout for homepage */
.home .TwoColLayout {clear:both;width:950px}
.home .TwoColLayout .LeftCol{float:left;width:100%;}
.home .TwoColLayout .LeftColWrapper{margin-right:325px}
.home .TwoColLayout .LeftColContent{padding:30px 87px 20px 64px}
.home .TwoColLayout .RightCol{float:left;width:325px;margin-left:-325px}
.home .TwoColLayout .RightColContent{padding:30px 80px 20px 0}
/* Equal 2-Col Sublayout */
.EqualTwoColLayout {clear:both;width:100%}
.EqualTwoColLayout .LeftCol{float:left;width:50%}
.EqualTwoColLayout .LeftColWrapper{ }
.EqualTwoColLayout .LeftColContent{padding:40px 27px;padding-top:0}
.EqualTwoColLayout .RightCol{float:left;width:49.9%}
.EqualTwoColLayout .RightColContent{padding:40px 27px;padding-top:0}




/* topNav */
#logo{ position:relative}
#topNav{ position:absolute;top:20px;left:350px;width:470px;padding-right:130px }
#topNav ul{ float:right;padding-right:125px;}
#topNav ul,#topNav li{list-style:none;margin:0;padding:0}
#topNav li{ display: inline }
#topNav li a {float:left;outline:0 none}
/* search form */
input.searchTxt{ border: 1px solid #9EAABA; color: #9EAABA; background-color: #FFF; width: 81px !important; padding:0 2px;height: 14px; position: absolute; top: 0; right: 40px; font-size: x-small; }
input.searchBtn{ width:40px !important;height:16px;background:#FFF url(../images/searchBtn.gif) no-repeat left center;border:0; position: absolute; top: 0; right: 0;}
input.active{ color:#3c495a }

/* mainNav */
#mainNav { padding-left: 195px; width: 755px; height: 30px; background: #C7D3E2 url(../images/bg_mainNav.gif) repeat-y left top; margin-bottom: 1px; }
.home #mainNav{background-image:url(../images/bg_mainNav_home.gif)}
#mainNav.international{background-image:url(../images/bg_mainNav_int.gif)}
.home #mainNav.international{background-image:url(../images/bg_mainNav_home_int.gif)}
#mainNav ul,#mainNav li{list-style:none;margin:0;padding:0}
#mainNav li{ display: inline }
#mainNav li a {float:left;outline:0 none}

/* leftNav */
#leftNav { position:relative }
#leftNav ul,#leftNav li{list-style:none;margin:0;padding:0}
#leftNav li{padding:1px 0}
#leftNav li.at{ background: transparent url(../images/bg_leftcol_over.png) repeat-y top left; border: 1px solid #FFF; border-width: 1px 0; padding: 0; }
.int #leftNav li.at{ background-image: url(../images/bg_leftCol_over_int.png) }
#leftNav li.first{ padding-top: 1px;border-top:0 }
#leftNav li a{ display: block; background-image: none; background-color: transparent; background-position: 0 50%; background-repeat: no-repeat; padding: 10px 0; color: #3c495a; text-decoration: none; outline: 0 none; height: 9px; }
.int #leftNav li a{ color: #4d523d }
#leftNav li a:hover{background-image: url(../images/n_over1.gif)}
#leftNav li.SectionHead a:hover{ background-image: none !important }

#leftNav li ul{ padding-bottom: .5em;display:none }
#leftNav li.at ul{display:block}
#leftNav li li{ padding:0 }
#leftNav li li.at{ border:0 }#leftNav li li.at a{ font-weight: bold}
#leftNav li li a{ padding:0 8px 8px 40px;font-size:x-small;height:auto }
#leftNav li li a:hover{background-image: url(../images/n_over2.gif);background-position:32px 3px;color:#000}

#leftNav li.at a.at:hover{background-image:none}









/* Yellow/Orange links with arrow */
a.a{ color: #e48203;padding-left:8px;background:transparent url(../images/a.gif) no-repeat 0 4px }

/* buckets */
.bucket{ padding-bottom: 1em;font-size:85% }
.bucket h4, .bucket p, .bucket ul, .bucket ol{ margin-bottom: .5em }


/* homepage hero rotator */
.hero-home ol, .hero-home li{list-style:none;margin:0;padding:0}
.hero-home ol{ overflow: hidden;height:266px }


/* Industry Communities */
.industry-communities{ clear:both;margin:0 }
.industry-communities .industry-community { float:left;width:165px;margin-right:45px;margin-bottom:25px }
.industry-communities .industry-community a{ display: block }

/* Collapsable Events & Testimonials at Community page */
.collapsable-list{ font-size: 85% }
.collapsable-list ul, .collapsable-list ul li{list-style:none;margin:0;padding:0}
.collapsable-list ul li{ margin-bottom: .35em }
.collapsable-list a{ outline:0 none }

/* Community: Recommended Products */
.recommended-products{
   margin-top: 2em;
   position: relative;
   /*border: 1px solid #A7AEB7;*/
   padding-bottom: 4em;
}
.recommended-products h1 { background-color: #FFF;margin-bottom:0 }


.recommended-products ol, .recommended-products ol li{list-style:none;margin:0;padding:0}
.recommended-products ol{ margin:0;font-size:91% }
.recommended-products ol li{ display:inline;}
.recommended-products a { text-align:center;display:block;float:left;}
.recommended-products a img{ display: block;float:left }

.recommended-products ol li ol {
   position: absolute;
   left: -999em;
   top: 141px;
   width: 671px;
   background-color: #f9fafc;
   border: 1px solid #A7AEB7;
   padding: 14px;
}
.recommended-products ol li:hover ol,
.recommended-products ol li.sfHover ol { left: 0 }
.recommended-products ol li ol li p { margin-bottom: .35em }




.recommended-products ul, .recommended-products ul li{list-style:none;margin:0;padding:0}
.recommended-products ul{ margin-left: 2em }
.recommended-products ul li { display: list-item; list-style: disc outside; }


.opaqueImage { filter: alpha(opacity=25); moz-opacity: 0.25; opacity: 0.25 }


.recommended-products .link-viewallproducts { position: absolute;top:0;right:0;text-align:right;font-size:smaller;line-height:2em;margin:0 }
.recommended-products .link-viewallproducts a { margin:0 }








ul.ListWithNoBullets, ul.ListWithNoBullets li{list-style:none;/*margin:0;*/padding:0}
ul.ListWithNoBullets { margin-left: 2em;font-size:85%}
ul.ListWithNoBullets li{ margin-bottom: 1em }


/* PAGE: Products */
ul.ProductList, ul.ProductList li{list-style:none;margin:0;padding:0}
ul.ProductList{ width: 100%;margin:2em 1em;font-size: 85% }
ul.ProductList li { width: 45%;float:left;padding:0 4% .5em 0 }

.box{ padding-bottom:2em;font-size: 85% }
#boxFeaturedProduct { clear:both }
#boxProductWizard{  }
#boxAllProducts{  }




/* PAGE: Product Details */
.product-details { border-top: 4px solid #E89529;padding: 40px 27px }

.headline-and-link { position: relative }
.headline-and-link .link-viewallproducts{ position: absolute;top:0;right:0;text-align:right;font-size:smaller;line-height:2em;margin:0 }
.headline-and-link .link-viewallproducts a { margin:0 }

.ProductDetails {clear:both;width:100%;margin-bottom:1.5em}
.ProductDetails .LeftCol{float:left;width:100%}
.ProductDetails .LeftColWrapper{margin-right:390px}
.ProductDetails .LeftColContent{/*padding:40px 65px 40px 27px*/}
.ProductDetails .RightCol{float:left;width:390px;margin-left:-390px;font-size:91%}
.ProductDetails .RightColContent{padding:30px 15px 15px 0}

.ProductDetails h4{ text-transform: uppercase;font-weight:bold;color:#525252; }
.ProductDetails h5{ text-transform: uppercase;font-weight:normal;color:#525252;font-size:85% }

/* Tabs */
/*.ProductTabs{ margin:0;position:relative;z-index:80;font-size:85%}
.ProductTabs ul.tabs{ list-style: none; margin: 0; padding: 0 0 0 1px; position: relative; z-index: 200; }
.ProductTabs ul.tabs li{list-style:none;margin:0;padding:0;float:left;}
.ProductTabs ul.tabs li a{
   background-color: #FFF;
   color: #A7AEB7;
   font-weight: bold;
   margin: 0 0 0 -1px;
   padding: .65em 1em;
   display: block;
   float: left;
   text-decoration: none;
   border: 1px solid #A7AEB7;
   outline: 0 none;
}
.ProductTabs ul.tabs li a:hover{ color:#345A89;text-decoration: none }
.ProductTabs ul.tabs li a.selected { background-color: #F5F7FA; color: #345A89; cursor: default; margin-bottom: 0; border-bottom: 1px solid #F5F7FA; }
.ProductTabs div.tabProductTabs{ background-color: #F5F7FA; clear: left; padding: 0; color: #525252; border: 1px solid #A7AEB7; top: -1px; position: relative; z-index: 101; margin: 0; }
* html .ProductTabs div.tabProductTabs{ top:-1.85em }
*:first-child+html .ProductTabs div.tabProductTabs{top:-1.85em }
.ProductTabs div.tabProductTabs div.tabProductTabs-container{ padding:2em }*/

/* SpryTabbedPanels.css - Revision: Spry Preview Release 1.4 */
.TabbedPanels { margin: 0; padding: 0; float: left; clear: none; width: 100%; font-size: 85% }
.TabbedPanelsTabGroup { margin: 0; padding: 0 0 0 1px; }
* html .TabbedPanelsTabGroup { margin-left: 1px }
.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: .65em 1em;
   font-weight: bold;
	margin: 0 0 0 -1px;
	background-color: #FFF;
   color: #A7AEB7;
	list-style: none;
	border-left: solid 1px #A7AEB7;
	border-bottom: solid 1px #A7AEB7;
	border-top: solid 1px #A7AEB7;
	border-right: solid 1px #A7AEB7;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}
.TabbedPanelsTabHover { background-color: #FFF; color: #345A89; }
.TabbedPanelsTabSelected { background-color: #F5F7FA; color: #345A89; border-bottom: 1px solid #F5F7FA; }
.TabbedPanelsTab a { color: #345A89; text-decoration: none; }
.TabbedPanelsContentGroup { clear: both; border: solid 1px #A7AEB7; background-color: #F5F7FA; }
.TabbedPanelsContent { padding:2em; }
.TabbedPanelsContentVisible { }


.TabbedPanelsContent table{ width:75% }
.TabbedPanelsContent table th { text-align: left; border-width: 0 0 1px 0; border-color: #A7AEB7; font-size: 91%; }
.TabbedPanelsContent table th div{ padding-left:3em;font-weight:normal }
.TabbedPanelsContent table td { text-align: left;border-width:0 0 1px 0;border-color: #A7AEB7}

#ProductCaution { font-size: 85%;color:#525252;margin-top:2em }
#ProductCaution h5{ padding-left:20px;background:#FFF url(../images/caution.gif) no-repeat left center; margin-bottom:.25em }
#ProductCaution p{ font-size: 91% }

#AttributeNotice {
   margin: 1em 0;
   font-size: 85%;
   color: #a7aeb7;
   padding: 0 2em;
   clear: both;
}


/* jQuery clueTip custom class */
.cluetip-mf { background-color: #FFF; border: 1px solid #BDCBDC; }
.cluetip-mf #cluetip-outer { position: relative; margin: 0; background-color: #FFF; }
.cluetip-mf h3#cluetip-title { margin: 0 0 5px; padding: 8px 10px 4px; font-size: 85%; font-weight: normal; background-color: #BDCBDC; color: #3c495a; }
.cluetip-mf #cluetip-title a { color: #ECF0F5; font-size: 85%; }  
.cluetip-mf #cluetip-inner { padding: 10px; }
.cluetip-mf div#cluetip-close { text-align: right; margin: 0 5px 5px; color: #665D54; }




/* icon:PDF */
a.pdf{ display: block; padding: 4px 0pt 4px 25px; background: transparent url(../images/icon-pdf.png) no-repeat 0 50%; color: #525252; }
a.pdf:hover{ color: #e48203 }


/* page: Sitemap */
ul#sitemap, ul#sitemap ul, ul#sitemap li{ list-style:none;margin:0;padding:0 }
ul#sitemap ul, ul#sitemap ul ul{ margin-left: 3em;margin-bottom:1em }
ul#sitemap{ margin-top:1.5em }




ul#summary, ul#summary li{ list-style:none;margin:0;padding:0 }
ul#summary{ /*font-size: 85%;margin-left:3em;margin-top:2em;border-top:1px solid #A7AEB7;padding-top:1em*/ }
ul#summary li{ padding-bottom: .5em }



/* page: Press Releases */
#pressReleases { font-size: 91% }


/* page: Product Specifications */
#ProductSpecifications { margin:1em 0 }
#ProductSpecifications p{ font-size: 85%;margin-bottom:.5em }
#ProductSpecifications .product-specification { display: none; padding-bottom: 1em; width: 440px; clear: both; page-break-after: auto; font-size: 85%; }
#ProductSpecifications .product-specification table { width:100% }


/* forms */
fieldset.mf-form{ padding:1em 0;clear:both }
fieldset.mf-form div.row{ clear:both }

fieldset.mf-form label, 
fieldset.mf-form input, 
fieldset.mf-form select, 
fieldset.mf-form span.msg{ display: block; font-size: 85%; padding-top: .15em; padding-bottom: .15em; }

fieldset.mf-form ul { margin:2em 0 }
fieldset.mf-form ul li { list-style: none }
fieldset.mf-form ul li span{ padding-right:3em }
fieldset.mf-form ul input { display: inline;padding:0 }

fieldset.mf-form div.row label{ font-weight: normal; padding-top: 1em; }
fieldset.mf-form div.row label span{ margin-left: 1em;font-size:smaller;color:#F00; }
fieldset.mf-form div.row label.required{ /*font-weight: bold;*/ }
fieldset.mf-form span.msg{ display: block }
fieldset.mf-form div.row input, 
fieldset.mf-form div.row select,
fieldset.mf-form div.row textarea{ width:300px;border:1px solid #b5aaa0;background-color:#FFF;color:#525252;float:left}

fieldset.mf-form div.row span.msg{ padding-left:1em }
fieldset.mf-form div.row input.btn{ width: auto; color: #FFF; font-weight: bold; font-size: 85%; background-color: #e48203; margin-left: 140px; margin-top: .75em; padding-left: 1em; padding-right: 1em; border: 0; }
fieldset.mf-form div.row textarea { height: 7em }

fieldset.mf-form div.terms { padding: 2em 0 }
fieldset.mf-form div.terms span * { display: inline !important }
fieldset.mf-form div.terms span input { display: inline; width: auto;margin-right:6px }

#SamplesAndLiteratures { clear: both;margin: 2em 0;font-size:85% }
#SamplesAndLiteratures table { width: 100%; }
#SamplesAndLiteratures table th,
#SamplesAndLiteratures table td { border:0; text-align: left;}
#SamplesAndLiteratures table thead th,
#SamplesAndLiteratures table thead td { font-weight:bold; }
#SamplesAndLiteratures table tbody th,
#SamplesAndLiteratures table tbody td { border-top: 1px solid #b5aaa0 }
#SamplesAndLiteratures table tbody td input{ display: inline }

/* page: Search Results */
#mf-search{  }
#mf-search #mf-search-message{ margin-bottom:1em }
#mf-search #mf-search-results{  }
#mf-search #mf-search-results a { color: #525252 }
#mf-search #mf-search-results small { color:#a7aeb7 }



/* page: Wizard */
#pageWizard{  }
#pageWizard #wQuestions div.row{ margin:.35em 0 }
#pageWizard #wQuestions h5{ padding-top: 1em }
#pageWizard #wQuestions select{ border: 1px solid #8ba169; color: #525252; background-color: #FFF; font-size: 123.1%; width: 100%; display: block; }
#wAnswers{ font-size: 91%;margin-top: 2em;/*background-color:#EFF3F7*/ }
#wAnswers h4{ background-color: #FFF }
#wAnswers ul.ProductList li{float:none;width:auto;}
#wAnswers #FilterResults{font-size:91%;margin-left: 1em}
#wAnswers #FilterResults span {/*text-decoration:underline*/}


/* page: Useful Links */
.usefulLink{ margin-bottom:2em }