﻿*
{
    margin: 0;
    padding: 0;
}

body
{
    background: url(/images/bgPage.gif) repeat-x #64a3b4;
    font-family: Arial;
    font-size: 12px;
}

.clear
{
    clear:both;
}
.blue
{
    color: #0077c1;
}
.blue a
{
    color: #0077c1;
}
.green
{
    color: #007b55;
}
.green a
{
    color: #007b55;
}
.green a:hover
{
    color: #23a84a;
}
.orange
{
    color: #cf7815;
}

.orange a
{
    color: #cf7815;
}
.orange a:hover
{
    color: #cf7815;
}
img
{
    border: none;
}
p
{
    margin: 0 0 10px 0;
}

a
{
    text-decoration:none;
    color:#0077c1;
}
a:hover
{
    text-decoration:underline;
    color: #3f7988;
}
h1
{
    color: #0a7726;
    font-size: 22px;
    font-weight:bold;
    margin-bottom:25px;
    margin-top:25px;
}
h2
{
    color: #145c89;
    font-size: 14px;
    font-weight:bold;
    margin-top:10px;
}
h3
{
    color: #145c89;
    font-size:12px;
    font-weight:bold;
    margin-top:10px;
}

h4
{
    color: #145c89;
    font-size:11px;
    font-weight:normal;
    margin-bottom:10px;
}
ul
{
    list-style:none;
    margin-top:10px;
}
li
{
    background:url("/images/bulletBlue.gif") no-repeat scroll 0 5px transparent;
    padding:0 0 10px 10px;    
}
.pager-link {
    background-image:url(/images/pagerInActive.gif);
    width:18px;
    height:18px;
}
.pager-active {
    background-image:url(/images/pagerActive.gif);
    width:18px;
    height:18px;
}
.bx-pager {
    display:block;
    margin-left: 49px;
    margin-top:-75px;
    position:relative;
    z-index:99;
}
.bx-pager a {
    text-decoration:none;
    margin-left:5px;
}
#mainnav li, #left_nav li, ul.tabnavigation li
{
    background:none;
    padding:0;
     z-index:100;
}

#wrapper
{
    margin: 0 auto;
    width: 938px;
}
#headerwrapper
{
    height:74px;
    width:938px;
    margin: 10px auto 0 auto;
}
#logo
{
     height:74px;
     width:234px;
     float:left; display:inline;
}
#navigation
{
    height:74px;
     width:704px;
     float:left; display:inline;
}
#utility
{
     background: url(/images/bgUtility.gif);
     height:42px;
     width:704px;
     float:left; display:inline;
}

#search, #stockcheck
{
    font-size:14px;
    color:#007586;
    font-weight:bold;
    padding:10px 0 0 10px;
    height:23px;
    /*width:150px;*/
    float:left; display:inline;
}

#search span, #search label, #stockcheck span, #stockcheck label
{
    float:left;
    display:inline;
    line-height: 23px;
}
#search img, #stockcheck img
{
    float:left;
    display:inline;
    margin-top:1px;
}
#search input, #stockcheck input, #search img, #stockcheck img
{
    float:left;
    display:inline;
    margin: 0 5px;
}
#search input[type=text], #stockcheck input[type=text]
{
    padding-left:4px;
    padding-right:4px;
    width:111px;
    height:21px;
    color:#74878c;
}

#search_results
{
}

.search_result_item
{
    font-family: Arial;
    font-size: 12px;
    padding-bottom:18px;
}

.search_result_item div
{
    padding-bottom:6px;
}
.search_result_item a
{
    font-size:14px;
}

#languagenav
{
    float:right; display:inline;
    color:#5c819a;
    padding:15px;
    font-size:11px;
}

#languagenav a
{
    color:#5c819a;
    text-decoration:none;
}
#languagenav a:hover
{
    text-decoration:underline;
}

.languagenavseparator {
    padding: 1px 5px
}

#mainnav
{
     background: url(/images/plcNav.gif);
     height:32px;
     width:704px;
     float:left; display:inline;
     z-index:100;
     
}

#mainnav ol
{
    list-style:none;
     z-index:100;
     height:32px;
}
#mainnav ol li
{
    float:left; display:inline;
     z-index:100;
}

.fullbox
{
    padding:3px;
}

/* top nav */
#mainnav a
{
	display: block;
     z-index:100;
     height:32px;
}

#mainnav li
{
	float: left;
	position: relative;
     z-index:100;
}

#mainnav li li
{
    float: none;
     z-index:100;
}

#mainnav ol li ol
{
	position: absolute;
	display: none;
	width: 300px;
	margin: 0;
	padding:0;
	left: 0;
	z-index: 100;
}

#mainnav ol li ol a
{
	min-height: 20px; 
	height: 20px;
	background: url(/images/bgDropDown.gif) repeat-y;
	color: #565555;
	text-decoration: none;
	border-top:1px #f7f7f7 solid;
	border-bottom:1px #b7b7b7 solid;
	font-weight: bold;
	padding: 7px 0px 5px 12px;
     z-index:100;
    white-space:nowrap;
}

#mainnav ol li ol a:hover
{
	background: url(/images/bgDropDownOver.gif) repeat-y;
     z-index:100;
}

#mainnav li:hover ol,
#mainnav li.hover ol
{
	display: block;
     z-index:100;
}

#mainnav ol li
{
	z-index: 100;	
}



#contentwrapper
{
    margin:0 auto;   
    width:938px;
    position:relative;
}

#breadcrumb
{
    background: url(/images/bgBreadcrumb.png) no-repeat;
    float:left;
    height:20px;
    width:913px;
    font-size: 11px;
    font-weight:bold;
    color: #74878c;
    padding: 13px 0 0 25px;
    
}
#breadcrumb a
{
    color: #74878c;
}


#footerwrapper
{
    width:898px;
    float:left; display:inline;
    margin:20px;
    line-height:20px;
    color: #a6d3d9;
    font-size:11px;
}

#footerwrapper a
{
    color: #a6d3d9;
    text-decoration:none;
}
#footerwrapper a:hover
{
    text-decoration:underline;
}
#footerleft
{
    float:left; display:inline;
    width:298px;
}
#footerright
{
    float:right; display:inline;
    width:600px;
    text-align:right;
}



/*--Homepage--*/
.homecontentwrapper
{
    margin:0 auto;   
    width:938px;
     background: url(/images/plcBottom.gif) no-repeat;
     background-position:bottom;
     padding-bottom: 27px;
     float:left; display:inline;
     position:relative;
}
#homewrapper
{
     background: url(/images/bgHome.jpg) repeat-y;
     float:left; display:inline;
     
}
#homeLeftColumn
{
     min-height:531px;
     width:704px;
     float:left; display:inline;
}
#mainImaging
{
     height:298px;
     width:704px;
     float:left; display:inline;
}
#homeBucketWrapper
{
    background: url(/images/bgHomeLeft.jpg) no-repeat;
    padding-top:15px;
     min-height:228px;
     width:704px;
     float:left; display:inline;
     font-size:11px;
     font-weight:bold;
     line-height:25px;
}

#homeBuckets
{
    float:left; display:inline;
    width:704px;
    background: url(/images/bgHomeBucketShadow.png) repeat-y;
    line-height: 20px;
}
#homeBuckets a
{
    text-decoration:none;
}

#homeBuckets .leftBucket
{
    float:left; display:inline;
    width:256px;
}
#homeBuckets .centerBucket
{
    float:left; display:inline;
    width:216px;
}
#homeBuckets .rightHomeBucket
{
    float:left; display:inline;
    width:232px;
}

#homeBuckets div .bucketContent
{
    padding: 15px 25px;
}

#homeRightColumn
{
     background: url(/images/bgHomeRight.jpg) no-repeat;
     min-height:460px;
     width:234px;
     padding-top:17px;
     float:left; display:inline;
     font-size:12px;
     color: #3d5e63;
     padding-bottom:65px;
}

#homeRightColumn h1
{
    font-size:13px; 
    font-weight:bold;
    margin-bottom:0;
}

#whatsnew .bucketContent
{
    padding:25px 15px;
    line-height: 17px;
}

#requestsamples .bucketContent
{
    padding:10px 0 10px 15px;
    font-size:11px;
    font-weight:bold;
}
#checkstock .bucketContent
{
    padding:10px 15px;
    font-size:11px;
    font-weight: bold;
}

.checkstockinput
{
    width:157px; 
    height:21px; 
    font-size: 11px; 
    float:left; 
    display:inline;
}

.checkstockbutton
{
    float:left; 
    display: inline; 
    margin-left:5px;
}

#qualitystandards
{
    bottom:0;
    right:0;
    position:absolute;
}

/*Reusable*/

.rightBucket .bucketHeader
{
    background: url(/images/bgCalloutHeading.gif) repeat-y;
}

.rightBucket .bucketHeader .bucketTitle
{
    color: #1a7f34;
    font-size:11px;
    font-weight:bold;
    background:url(/images/bgCalloutHeadingTop.gif) no-repeat;
    padding: 12px 25px 0 12px;
}

.bucketHeader img.calloutHeadingBottom {
    float:left;
}

.rightBucket .bucketContent
{
    margin: 10px 10px 20px 35px;
    font-size:11px;
    line-height:15px;
}
/* Inner */

.fullwidth
{
     background: url(/images/bgPageBottom.png) no-repeat;
     background-position:bottom;
     padding-bottom: 20px;
     float:left; display:inline;
     position:relative;
     width:938px;
}
.fullwidth .mainwrapper
{
     /*background: url(/images/bgHome.jpg) repeat-y;*/
     background:#fff;
     float:left; display:inline;   
     width:879px;
    padding: 10px 20px 20px 39px;
    float:left; display:inline;
}

.landingpage
{
     background: url(/images/bgLandingPageBottom.png) no-repeat;
     background-position:bottom;
     padding-bottom: 20px;
     float:left; display:inline;
     position:relative;
}
.landingpage .mainwrapper
{
     background: url(/images/bgLandingPage.gif) repeat-y;
     float:left; display:inline;   
}
.landingpage .mainwrapper .maincolumn
{
    width: 640px;
    margin: 10px 20px 20px 39px;
    float:left; display:inline;
}

.landingpage .mainwrapper .rightcolumn
{
    width:229px;
    float:left; display:inline;
    padding: 17px 0 0 10px;
}

.widelandingpage {
     background: url(/images/bgWideLandingPageBottom.png) no-repeat;
     background-position:bottom;
     padding-bottom: 20px;
     float:left; display:inline;
     position:relative;
}

.widelandingpage .mainwrapper
{
     background: url(/images/bgWideLandingPage.gif) repeat-y;
     float:left; display:inline;   
}
.widelandingpage .mainwrapper .maincolumn
{
    width: 879px;
    margin: 10px 20px 20px 39px;
    float:left; display:inline;
}



.applicationbuckets
{
    clear:both;
    float:left;
    margin-top:20px;
    background: url(/images/bgApplicationBuckets.gif) repeat-y;
    font-size:11px;
}

.applicationbuckets .bucket
{
    float:left;
    width:139px;
    padding:0 7px;
}

.applicationbuckets .first
{
    padding: 0 5px 0 0;
    width:150px;
}

.applicationbuckets .last
{
    width:150px;   
    padding: 0 0 0 7px;
}

.applicationbuckets .bucket h3
{
    padding: 10px 0;
}


/* Left Navigation */

.leftnav
{
    float:left;
    width:203px;
    min-height:100px;
    padding-bottom:140px;
}
#left_nav ul
{
    margin-top:0px;
}
#left_nav li.on
{
    background: url(/images/bgLeftNavOn.gif) repeat-y;
    width:203px;
}

#left_nav .navHeader
{
    
}

#left_nav li a
{
     line-height:20px;
     *line-height:13px;
    font-size: 11px;
    display:block;
    color: #145c89;
    font-weight:bold;
    padding:8px 5px 8px 17px;
    text-decoration:none;
    background:url(/images/lnNavHeaderOn.gif) no-repeat 0 11px;
}

#left_nav li ul li a
{
     line-height:20px;
    font-size: 11px;
    display:block;
    color: #145c89;
    font-weight:normal;
    padding:0 5px 0 12px;
    margin-left:17px;
    text-decoration:underline;
    background:url(/images/lnSub.gif) no-repeat 0 8px;
}
#left_nav li ul li ul li a
{
     line-height:15px;
    font-size: 11px;
    display:block;
    color: #145c89;
    font-weight:normal;
    padding:0 5px 0 15px;
    margin-left:24px;
    text-decoration:underline;
    background:url(/images/lnSubSub.gif) no-repeat 0 8px;
}

div#leftNavMain ul#left_nav li.on ul {
	padding-bottom:10px;
}

#left_nav a:hover
{
    color: #565555;
}



/* Main Content */
.onecolumn
{
     background: url(/images/bgOneColumnBottom.png) no-repeat;
     background-position:bottom;
     padding-bottom: 20px;
     float:left; display:inline;
     position:relative;
     width:938px;
}
.onecolumn .mainwrapper
{
     background: url(/images/bgOneColumn.gif) repeat-y;
     width:938px;
     float:left; display:inline;   
}

.onecolumn .mainwrapper .maincolumn
{
    width: 640px;
    margin: 10px 20px 20px 39px;
    float:left; display:inline;
}

.onecolumn .mainwrapper .rightcolumn
{
    display:none;
    visibility:hidden;
}




.twocolumn
{
     background: url(/images/bgTwoColumnBottom.png) no-repeat;
     background-position:bottom;
     padding-bottom: 20px;
     float:left; display:inline;
     position:relative;
}
.twocolumn .mainwrapper
{
     background: url(/images/bgTwoColumn.gif) repeat-y;
     float:left; display:inline;   
}

.twocolumn .mainwrapper .maincolumn
{
    width: 437px;
    margin: 10px 20px 20px 39px;
    float:left; display:inline;
}

.twocolumn .mainwrapper .rightcolumn
{
    width:229px;
    float:left; display:inline;
    padding: 17px 0 0 10px;
}




/* Product Callouts */
.productmaincolumn
{
    width:595px;
    padding-right:20px;
    float:left;display:inline;
}

.productcallouts
{
     background: url(/images/bgProductCallout.gif) repeat-y;
     float:left; display:inline;
     width:216px;
     padding-top:15px;
     margin-top:15px;
}

.productBucket .bucketHeader
{
    background: url(/images/bgProductCalloutHeading.gif) repeat-y;
}

.productBucket .bucketHeader .bucketTitle
{
    color: #1a7f34;
    font-size:11px;
    font-weight:bold;
    background:url(/images/bgProductCalloutHeadingTop.gif) no-repeat;
    padding: 12px 25px 0 12px;
}


.productBucket .bucketContent
{
    margin: 0 10px 20px 20px;
    font-size:11px;
}

/* Tabs */
.producttabs
{
        clear:both;
    margin-top:20px;
    float:left; display:inline;
}
.tabcolumn
{
    float:left; display:inline;
    width:618px;
}
.tabs
{
}
ul.tabnavigation
{
    float:left; display:inline;
}
ul.tabnavigation li
{
    float:left; display:inline;
}

.contenttab
{
    border: #b2d6dd solid 4px;
    padding:25px 40px;
    width:530px;
    min-height:160px;
    float:left; display:inline;
}

/* Block Diagram */
.blockdiagram
{
    float:right; display:inline;
    width:260px;
}

/* Tables */

.lowercontent
{
    margin-top:20px;
    clear:both;
}
.producttable
{
    clear:both;
    margin-top:20px;
    float:left; display:inline;
}
.producttable th
{
    background:#64a4b4;
    color:#fff;
    font-size:11px;
    padding:10px;
    font-weight:bold;
    text-align:center;
}

.producttable tbody tr td
{
    background:#dbf2f6;
    color:#5e5e5e;
    font-size:11px;
    padding:5px;
    font-weight:bold;
    text-align:center;
}

.producttable tbody tr.alt td
{
    background:#b9dae0;
    color:#5e5e5e;
    font-size:11px;
    padding:5px;
    font-weight:bold;
    text-align:center;
}

.productdisclaimer {
	clear:both;
	padding-top:1px;
}


#zipsearch input
{
    float:left;
    display:inline;
    margin: 0 5px;
}


	#imagecontainer 
	{ 
		width:240px; 
		padding-bottom:10px; 
		padding-right:10px; 
		overflow:hidden;
		padding-left:10px;
	}
	
	#images 
	{ 
		height: 195px; 
		width: 232px; 
		margin: auto; 
		position:relative; 
		top:-26px; 
	}
	#images1 
	{ 
		margin: auto; 
		position:relative; 
	}
	#images img 
	{ 
		padding: 10px 10px 35px 10px; 
		border: 1px solid #e6e6e6; 
		background: #ffffff; 
		-moz-box-shadow: 2px 2px 1px #d7d7d7;
		-webkit-box-shadow: 2px 2px 1px #d7d7d7;
		box-shadow: 2px 2px 1px #d7d7d7;
	}
	
	#nav a 
	{ 
		border: 1px solid #e6e6e6; 
		background: #dcdcdc; 
		text-decoration: none; 
		margin: 5px; padding: 5px;  
		-moz-box-shadow: 2px 2px 1px #d7d7d7;
		-webkit-box-shadow: 2px 2px 1px #d7d7d7;
		box-shadow: 2px 2px 1px #d7d7d7;
	}
	#nav a.activeSlide 
	{ 
		background: #ffffff; 
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	
	#caption 
	{
		color:#155c8a;
		font-weight:bold;
		font-size:14px;
		padding:5px;
		margin:0px;
		height:20px;
	}
	
	.deco-arrow 
	{
		padding:0 5px;
		margin:0px;
		vertical-align:bottom;
	}
	
	#overlay 
	{ 
		height:20px;
		background-color:#65a4b5; 
		color:#ffffff; 
		font-weight:bold; 
		font-size:10px; 
		text-decoration:none; 
		position:relative; 
		top:181px; 
		left:4px; 
		margin:1px; 
		width:230px; 
		padding-left:10px; 
		z-index:5; 
		padding-top:5px; 
		
	}
	
	.picHL
	{
	    border: 1px solid #e6e6e6; 
	}
	.picHL2
	{
	    border: 1px solid #e6e6e6; 
	}

.alt-table thead tr th
{
    background:#64a4b4;
    color:#fff;
    font-size:11px;
    padding:10px;
    font-weight:bold;
    text-align:center;
}
 
.alt-table tbody tr td
{
    background:#dbf2f6;
    color:#5e5e5e;
    font-size:11px;
    padding:5px;
    font-weight:bold;
    text-align:center;
}

.alt-table-left thead tr th
{
    background:#64a4b4;
    color:#fff;
    font-size:11px;
    padding:10px;
    font-weight:bold;
    text-align:left;
}
 
.alt-table-left tbody tr td
{
    background:#dbf2f6;
    color:#5e5e5e;
    font-size:11px;
    padding:5px;
    font-weight:bold;
    text-align:left;
}

.alt-table-tiny thead tr th
{
    background:#64a4b4;
    color:#fff;
    font-size:10px;
    padding:2px;
    font-weight:bold;
    text-align:center;
}
 
.alt-table-tiny tbody tr td
{
    background:#dbf2f6;
    color:#5e5e5e;
    font-size:10px;
    padding:2px;
    font-weight:bold;
    text-align:center;
}

sub {
	vertical-align : 0;
}

sup {
	vertical-align : 2px;
}

.warning {
	color:#ff0000;
}

sub {
	vertical-align : 0;
}

sup {
	vertical-align : 2px;
}

.areatable td 
{ 
    padding-left:10px; 
    padding-right:10px; 
    padding-bottom:5px; 
    border-left:1px dotted gray; 
    vertical-align:top;
} 

.areatable tr td:first-child 
{ 
    border: none !important; 
}

.nobr	{ white-space:nowrap; }

.japanese 
{
    font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif !important;    
}

.video {
    margin-bottom:20px;
}

iframe.video {
    border:1px solid lightgray;
}

.video-container {
    clear:both;
}

.video-container h3 {
    font-weight:normal;
    font-size:16px;
    color:#0a7726 !important;
}

.video-container h3 a {
    color:#0a7726 !important;
}

.video-container h4 {
    font-weight:bold;
    font-size:14px;
    border-bottom:1px solid lightgray;
}

.video-page-description {
}

.video-image-link {
    width:104px;
    height:71px;
    border:1px solid lightgray;
    box-shadow: 2px 2px 5px 0px #BBB;
    display:block;
    position:relative;
    float:left;
    margin-bottom:10px;
    margin-right:10px;
}

.video-thumbnail {
    width:104px;
    height:71px;
}

.video-play-overlay {
    position:absolute;
    left:44px;
    top:27px;
}

.video-date {
    float:right;
    color:gray;
    font-weight:normal;
    font-size:11px;
    line-height:16px;
}

.video-page-date {
    color:gray;
}

.video-more {
    width:104px;
    height:71px;
    position:absolute;
    text-align:center;
    top:27px;
}

.pr-pageheading {
    margin-bottom: 0px;
}

.pr-subheading {
    padding-bottom: 10px;
}

.pr-publish-date {
}

.pr-page-banner {
    float: right; 
    padding-left: 10px; 
    padding-bottom: 10px;
    width:330px;
}

.search-thumbnail {
    float:left;
}

.greybox-wrapper {
    padding:20px;
}

.general-content {
    position:relative;
}

.general-content-bottom {
    position:absolute; 
    bottom:0; 
    left:0;
}

.breadcrumb-separator {
    color:#36b557;
    font-weight:bold;
}

.share-buttons {
    float:right;
    margin-right:10px;
    margin-top:-4px;
}

.print-page {
    cursor:pointer;
}

.search-result-item-url {
    color:gray;
}

.sales-search-label {
    font-weight: bold; 
    float: left; 
    display: inline; 
    line-height: 25px;
}

.sales-search-input {
    height:21px;
}

.sales-listing-separator {
    border-bottom:1px dotted gray;
}

.sales-listing-top {
    float:right;
    font-variant:small-caps;
}

sales-region-separator {
    color:gray;
}

.bold {
    font-weight:bold;
}

.rss-items {
    width: 160px;
    padding-top:10px;
}

.rss-date {
    color: darkgreen;
}

.left-nav-divider {
    height:2px;
    background:url(/images/lnDivider.gif) no-repeat !important;
}