/* Tools Landing Page
---------------------------------*/
#main #callout {
	background-image: url('../images/tools/backgrounds/blueprints.jpg');
	background-color: #46413D;
}

#main #callout {
	min-height: 419px;
}

* html #main #callout {
  height: auto !important;
  height: 421px;
}

#main #inner-content {
	width: 210px;
	margin: 25px;
	color: #000000;
	background-color: #FFFFFF;
	padding: 25px;
  font-size: 12px;
	filter: alpha(opacity=90);   /*Internet Explorer*/
  opacity: 0.9; /*CSS3*/
}

#main #inner-content h1 {
	margin-bottom: 0.25em;
}

#main #inner-content h2 {
	color: #8FDEFF;
}

#main #inner-content p {
	margin: 1em 0;
}

#main #inner-content a {
	color: #fff;
	display: block;
	background: url('../images/glyphs/light-blue-circle-arrow-right.gif') no-repeat 0 50%;
	padding-left: 15px;
}


/* Feature browser
---------------------------------*/
#main #feature-browser {
	background: url('../images/coatings/backgrounds/feature-browser.gif') no-repeat scroll 0 0;
	width: 357px;
	height: 125px;
	border: 3px solid #fff;
	position: absolute;
	bottom: 20px;
	right: -20px;
}

* html #main #feature-browser {
	overflow: hidden;
}

#main #feature-browser h2,
#main #feature-browser div.content {
	float: right;
	width: 200px;
	padding-right: 25px;
}

#main #feature-browser img {
	float: left;
	width: 100px;
	margin-left: 25px;
	padding: 13px 0 0 0;
}

#main #feature-browser a {
	color: #4581B3;
	text-decoration: underline;
}

#main #feature-browser div.content p {
	margin: 0 0 0.75em 0;
}


/* Feature browser (dynamic)
---------------------------------*/
#main .dynamic#feature-browser #previous-feature,
#main .dynamic#feature-browser #next-feature {
	width: 17px;
	margin: 54px 0;
	position: absolute;
	top: 0;
}

#main .dynamic#feature-browser #previous-feature {
	left: 0;
	margin-left: 12px;
}

#main .dynamic#feature-browser #next-feature {
	right: 0;
	margin-right: 12px;
}

#main .dynamic#feature-browser #previous-feature button,
#main .dynamic#feature-browser #next-feature button {
	background-position: top left;
	background-repeat: no-repeat;
	background-color: transparent;
	width: 17px;
	height: 17px;
	text-indent: -100000px;
	display: block;
	border: 0;
}

#main .dynamic#feature-browser img {
	margin-left: 35px;
}

#main .dynamic#feature-browser h2,
#main .dynamic#feature-browser div.content {
	width: 165px;
	padding-right: 45px;
}


#main .dynamic#feature-browser #previous-feature button {
	background-image: url('../images/glyphs/big-white-circle-left.png');
}

#main .dynamic#feature-browser #next-feature button {
	background-image: url('../images/glyphs/big-white-circle-right.png');
}

/* Individual tools landing pages
---------------------------------*/

#content #header #header-content h1{
	padding-left:12px;
	padding-bottom: 7px;
	font-size: 22px;
	color: #386C8D;
	font-weight: bold;
}

#content #subheader #subheader-content h2{
	padding: 20px 0 12px 24px;
	width: 325px;
	font-size: 20px;
	line-height: 1.2em;
	color: #386C8D;
	float: left;
	display: inline;
}

#content .snippet-content h2{
	font-size:110%;
	font-weight:bold;
	letter-spacing:1px;
	margin-bottom:.2em;
	text-transform:uppercase;
}

#content h3 {
	padding: 10px 0 7px 26px;
	font-size:120%;
	font-weight:bold;
	color: #333;
	letter-spacing:1px;
	text-transform:uppercase;
	float: left;
	clear: both;
	display: inline;
}
#content #header #header-content h3{
	padding:12px 12px 0 12px;
	color: #A19F9A;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	float: none;
}

#content #header div#divider{
	margin: 0 0 0 4px;
	height: 4px !important;
	background-color: #cac9c7;
	line-height: normal !important;
	overflow: hidden;
}

#content #subheader #subheader-content p{
	margin: 16px 4px 0 0;
	height: 30px;
	width: 118px;
	float: right;
	display: inline;
	background-image: url('../images/backgrounds/print-this-page.gif');
	text-indent: -9999px;
}

#content #subheader #subheader-content p a{
	display: block;
	height: 100%;
}

#content .snippet-content ul{
	margin-left: 16px;
	list-style-type: disc;
}

#content .snippet-content ul li{
	width: auto;
	list-style-type: disc;
	float: none;
}

#main #content .snippet-content li a{
	display:block;
	height: 14px;
	padding-top: 8px;
}

#content .snippet-content #common-causes{
	margin-left: 30px;
}

#content .snippet-content #common-causes li{
	list-style-type: none;
}

/* Tools Progressive Disclosure Section. The [+] and [-] section. 
---------------------------------*/
#content .prog-disclosure-title{
	background: #efefef;
	margin-bottom: 2px;
	cursor: pointer;
} 

#content .prog-disclosure-title-clicked{
	background: #d1d2d4; 
} 

#content span{
	display: inline;
}

#content .prog-disclosure-title .minus{
	display: none;
	padding-left: 5px;
	padding-right: 5px;
}

#content .prog-disclosure-title .plus{
	padding-left: 5px;
	padding-right: 5px;
}

#content .prog-disclosure-description{
	display: none;
	padding: 10px 0 20px 5px;
}

/* Epoxy and Resins Landing Page: Stlying for the tables
---------------------------------*/
#content .table_container{
	float: left;
	clear: both;
}

#content table{
	margin: 0 0 0 17px;
	width: 556px;
	border-collapse: collapse;
	border-bottom: 1px solid #D9D9D9;
}


#content table tr th{
	padding: 3px 0 2px 10px;
	font-size: 12px;
	font-weight: bold;
	background:#f0f0f0;
	border: 0 none;
	border-right: 1px solid  #D9D9D9;
	vertical-align: bottom;
	line-height: 110%;
}

#content table tr td{
	padding: 6px 4px 3px 10px;
	font-size: 11px;
	border: 0 none;
	border-right: 1px solid #D9D9D9;
	line-height: 110%;
	height: 110%;
}

#content table tr .first_header{
	color: #FFF;
	font-weight: bold;
	background: #76736c;
}

#content table tr .first_row{
	padding-top: 4px;
}

#content table tr .last_row{
	padding-bottom: 8px;
}

#content table tr .first_column{
	border-left: 1px solid #D9D9D9;
}

#content #features{
	margin-bottom: 18px;
	border-top: 1px solid #D9D9D9;
}

#content #features .first_column{
	width: 23%;
}

#content #features .second_column{
	width: 25%;
}

#content #features .third_column{
	width: 25%;
}

#content #features .fourth_column{
	width: 27%;
}

#content #coreactant{
	margin-bottom: 16px;
	border-left: 1px solid #D9D9D9;
	border-right: 1px solid #D9D9D9;
}

#content #coreactant tr td, #content #coreactant tr th{
	border: 0 none;
}

#content #coreactant tr th, #content #features tr th{
	height: 20px;
}

#content #coreactant .first_column{
	width: 19%;
}

#content #coreactant .second_column{
	width: 19%;
	border-right: 1px solid #D9D9D9;
}

#content #coreactant .third_column{
	width: 20%;
}

#content #coreactant .fourth_column{
	width: 21%;
}

#content #coreactant .fifth_column{
	width: 21%;
}

#content #coreactant #second_header{ 
	border-right: 1px solid #D9D9D9;
	background-color: #f0f0f0;
}

#content #coreactant #second_header_title{ 
	text-align: center !important;
	background-color: #FFF;
	padding: 0 0 4px 0;
}

#content #coreactant .third_header{ 
	padding-bottom: 4px;
	padding-top: 0;
}

#content #blush{
	margin-bottom: 10px;
	border: 1px solid #D9D9D9;
}

#content #blush .best, #content #coreactant .best{
	padding-top: 3px;
	font-size: 12px;
	font-weight: bold;
}

#content #blush tr td, #content #blush tr th{
	border: 0 none;
}

#content #blush tr th{
	height: 34px;	
	padding-bottom: 5px;
	padding-top: 0;
}

#content #features .first_column{
	width: 23%;
}

#content #features .second_column{
	width: 25%;
}

#content #features .third_column{
	width: 25%;
}

#content #features .fourth_column{
	width: 27%;
}


/* Tools Charts List
---------------------------------*/

#content .snippet-tools-charts-list{
	margin-top: 2px;
	float: left;
	display: inline;
	border-bottom:1px solid #D4D3D0;
	clear:both;
	float:left;
	padding:15px;
	width:543px;
	background-image: url('../images/backgrounds/small-grey-gradient.gif');
}


#content .snippet-tools-charts-list a{
	background:transparent url(../images/glyphs/arrow.gif) no-repeat scroll 0 50%;
	padding-left: 12px;
	font-size: 110%;
	font-weight:bold;
}	

/* Faded Background Large Snippet
---------------------------------*/
#content .snippet-content snippet-fadedbackground-Large p a{
	background:transparent url(../images/glyphs/arrow.gif) no-repeat scroll 0 50%;
	font-size:110%;
	font-weight:bold;
	padding-left:12px;
}

/* Tools Accordian Styling 
---------------------------------*/

#content .accordian-title{
	padding: 7px 10px;
	width:553px;
	color:#4f4d48;
	border-bottom:1px solid #D4D2D1;
	background: url('../images/backgrounds/tight-gradient-light.gif') repeat-x scroll 0 0;
	background-color: #E2E2E1;
	clear:both;
	overflow: auto;
	cursor: pointer;
}

#content .accordian-title a{
	color: #333;
	text-decoration:none;
	background-image:url("../images/glyphs/chevron-grey-circle-down.gif");
	background-position:100% 50%;
	background-repeat:no-repeat;
	float:right;
	padding-right:20px;
}

#content .accordian-description{
	padding: 15px;
	clear:both;
	width: 543px;
	display: none;
	background-color:#f1f1f1;
}

#content .accordian-description h2{
	font-size:110%;
	font-weight:bold;
	letter-spacing:1px;
	margin-bottom:0.2em;
	text-transform:uppercase;
}
	
#content .accordian-title h3{
	width: 400px;
	margin: 0;
	padding: 0;
	font-size: 110%;
}

#content .accordian-title a{
	float: right;
}

#content .accordian-title a:hover{
	text-decoration: underline;
}

#content .accordian-description ul{
	list-style-type: disc;
	margin-left: 15px
}
#content .accordian-title .accordian-close{
	display:none;
}


#content .accordian-title-clicked{
	background:#716F6A url('../images/backgrounds/tight-gradient-dark2.gif') repeat-x !important;
}

#content .accordian-title .accordian-link-clicked{
	color: #FFF;
	background-image:url("../images/glyphs/dark-down-circle.gif");
}

#content .accordian-title .accordian-header-clicked{
	color: #FFF;
}

#content .accordian-title-on-hover{
	background:#716F6A url('../images/backgrounds/tight-gradient-dark2.gif') repeat-x scroll !important;
}

#content .accordian-title .accordian-header-on-hover{
	color: #FFF;
}

#content .accordian-title a.accordian-link-on-hover{
	color: #FFF;
	background-image:url("../images/glyphs/dark-down-circle.gif");
}

#content .accordian-description #nace_title_toggle, #content .accordian-description #nace_description_toggle{
	display: none;
	margin-bottom: 15px;
}

/* Rules for Header section with uses-fancy-header
---------------------------------*/
body#tools-landing.uses-fancy-header #container #main #content #header {
	background: url('../images/tools/headers/bg.jpg') no-repeat scroll 0 0;
	min-height: 126px;
/*	padding-bottom: 9px;*/
	color: #fff;
	width: 573px;
	float: left;
}

body#tools-landing.uses-fancy-header #container #main #content h1 {
	color: #fff;
	padding-left: 0px;
}

body#tools-landing.uses-fancy-header #container #main #content ul li{line-height: normal !important}

* html body#tools-landing.uses-fancy-header #container #main #content #header {
	height: 126px;
}

body#tools-landing.uses-fancy-header #container #main #content #header #header-content {
	float: left;
	width: 261px;
	padding: 12px;
}

* html body#tools-landing.uses-fancy-header #container #main #content #header #header-content {
	overflow: hidden;
}

body#tools-landing.uses-fancy-header #container #main #content #header #header-content p {
	margin: 0 0 7px 0;
}

body#tools-landing.uses-fancy-header #container #main #content #header #header-content a {
	color: #fff;
	display: block;
	background: url('../images/glyphs/white-circle-arrow.png') no-repeat scroll 0 50%;
	padding-left: 17px;
}

* html body#tools-landing.uses-fancy-header #container #main #content #header #header-content a {
	background-image: url('../images/glyphs/white-circle-arrow.gif');
}

body#tools-landing.uses-fancy-header #container #main #content #header img {
	float: right;
}

body#tools-landing.uses-fancy-header #container #main #content h2 {
	font-size: 110%;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 1em;
}