/* General Includes
---------------------------------*/
@import "sidebar.css";


/* Content
---------------------------------*/
#content {
	float: right;
	width: 573px;
	line-height: 1.5em;
}

/* Previous page content 
---------------------------------*/
#content #previous-page{
	background:#8A8985 url(../images/backgrounds/small-dark-grey-gradient.png) repeat-x scroll left top;
	clear:both;
	float:left;
	padding:15px;
	width:543px;
}

#content #previous-page a{
	color: #fff;
	background:transparent url(../images/glyphs/left-arrow.gif) no-repeat scroll 0 50% !important;
	float:right;
	padding-left:20px;
}

#content #previous-page a:hover{
	text-decoration: underline;
}
	
/* General Snippets
---------------------------------*/
div.snippet-with-image {
	float: left;
	clear: both;
	width: 573px;
	border-bottom: 1px solid #d4d3d0;
	margin-bottom: 2px;
	background-color: #F1F1F1;
}

div.snippet-with-image div.content {
	float: left;
	padding: 15px 15px 15px 0;
	width: 434px;
}

div.snippet-with-image div.image {
	float: left;
	padding: 15px;
	width: 94px;
	overflow: hidden;
}

#content .snippet-content,
#content .snippet-featured-content-Small,
#content .snippet-featured-content-Large,
#content .snippet-featured-content-XLarge {
	float: left;
	clear: both;
	padding: 15px;
	width: 543px;
	border-bottom: 1px solid #d4d3d0;
	margin-bottom: 2px;
}

#content .snippet-content-training {
	float: left;
	clear: both;
	padding: 15px 15px 9px 15px;
	width: 543px;
	border-bottom: 1px solid #d4d3d0;
	margin-bottom: 0px;
}

#content .snippet-featured-content-XLarge p {
	margin: 1em 0;
}

#content .snippet-featured-content-XLarge h2 {
	font-size: 164%;
	/* Comp specifies bold, but looks to heavy when rendered in browser */
	font-weight: normal;
	color: #167195;
}

#content .snippet-featured-content-XLarge a {
	display: block;
	background: url('../images/glyphs/dark-circle-arrow.png') no-repeat scroll 0 50%;
	padding: 0 15px;
}

#content .snippet-featured-content-XLarge ul {
	list-style: disc outside;
}

#content .snippet-featured-content-XLarge ul li {
	margin: 0 1em;
	padding-left: 3em;
}

#content .snippet-featured-content-Small a {
	margin-top: 1em;
}

#content .snippet-featured-content-Small {
	background: url('../images/backgrounds/small-grey-gradient.gif') repeat-x scroll 0 0;
	background-color: #ebebea;
}

#content .snippet-featured-content-Large {
	background: url('../images/backgrounds/large-grey-gradient.gif') repeat-x scroll 0 0;
	background-color: #efefee;
}

#content .snippet-featured-content-XLarge {
	background: url('../images/backgrounds/xxx-large-gradient.png') repeat-x scroll 0 0;
	background-color: #ECECEB;
}

#content .mini-content-snippet {
	width: 253px;
	float: left;
	margin: 0 20px 15px 0;
}

#content .even {
	clear: both;
}

#content .odd {
	margin-right: 0;
}

#content .snippet-content ul li,
#content .snippet-featured-content-Small ul li,
#content .snippet-featured-content-Large ul li {
	float: left;
	width: 253px;
}


/* Green snippets
---------------------------------*/
#coatings #content #header.green {
	background: url('../images/coatings/headings/green.jpg') no-repeat top left;
	background-color: #5D921C;
	float: left;
	height: auto;
	padding: 20px 160px 15px 20px;
	width: 393px;
	position: relative;
	color: #fff;
}

#coatings #content #header.green p a{
background:transparent url('../images/glyphs/white-circle-arrow.png') no-repeat scroll 0 50%;
color:#FFFFFF;
display:block;
padding-left:17px;
}

* html body#coatings #content #header.green p a {
	background-image: url('../images/glyphs/white-circle-arrow.gif');
	position: relative;
}
/*
#coatings #container #main #content #header .green a:link {
	background-image: url('../images/glyphs/white-circle-arrow.gif');
}

#coatings #container #main #content #header .green a:hover {
	background-image: url('../images/glyphs/white-circle-arrow.gif');
}

#coatings #container #main #content #header .green a:visited {
	background-image: url('../images/glyphs/white-circle-arrow.gif');
}

#coatings #container #main #content #header .green a:active {
	background-image: url('../images/glyphs/white-circle-arrow.gif');
}*/

/* FadedBackground snippets
---------------------------------*/

#content .snippet-fadedbackground-Large{
	background: url('../images/backgrounds/gray-faded-background-large.jpg') repeat-x scroll 0 0;
	background-position:left bottom;
}

#content .snippet-fadedbackground-Small{
	background: url('../images/backgrounds/gray-faded-background-small.jpg') repeat-x scroll 0 0;
	background-position:left bottom;
}

/* Two Column snippet
---------------------------------*/

#content .snippet-featured-content-Small #left_column, 
#content .snippet-featured-content-Large #left_column,
#content .snippet-featured-content-XLarge #left_column,
#content .snippet-content #left_column{
	float: left;
	display: inline;
	width:48%;
}


#content .snippet-featured-content-Small #right_column, 
#content .snippet-featured-content-Large #right_column,
#content .snippet-featured-content-XLarge #right_column,
#content .snippet-content #right_column{
	float: left;
	display: inline;
	width:50%;
}

#content .snippet-two-column{
	border: none 0;
	padding-bottom: 0;
}

/* Two Column 40 snippet
---------------------------------*/

#content .snippet-two-column-40 #left_column{
	padding: 0 0 0 15px;
	float: left;
	display: inline;
	width:40%;
	background-color: #f4f4f4;
}

#content .snippet-two-column-40 #right_column{
	padding: 0 9px 0 15px;
	height: 100%;
	float: left;
	display: inline;
	width:51%;
	background-color: #f4f4f4;
}

#content .snippet-two-column-40{
	padding: 15px 0 0 0;
	height: 100%;
	border: none 0;
	background-color: #f4f4f4;
	overflow: auto;
	clear: both;
}
/* Two Column 40 training snippet
---------------------------------*/

#content .snippet-two-column-40-training #left_column{
	padding: 0 0 0 15px;
	float: left;
	display: inline;
	width:40%;
	background-color: #f4f4f4;
}

#content .snippet-two-column-40-training #right_column{
	padding: 0 9px 0 15px;
	height: 100%;
	float: left;
	display: inline;
	width:51%;
	background-color: #f4f4f4;
}

#content .snippet-two-column-40-training{
	padding: 0;
	height: 100%;
	border: none 0;
	background-color: #f4f4f4;
	overflow: auto;
	clear: both;
}

/* Margin Top MetaData 
---------------------------------*/
#content .margin-top{
	margin-top: 24px !important;
}

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

#content #header #header-content h3{
	padding:12px 12px 0 15px;
	color: #A19F9A;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	float: none;
}

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


/* Small Faded Gray Snippet 
---------------------------------*/
#content .snippet-small-gray-faded{
	background:#EBEBEA url(../images/backgrounds/tight-grey-gradient.gif) repeat-x;
	clear: both;
	color:#4F4D48;
	height: 12px;
	overflow: hidden;
	margin-bottom: 1px;
	padding:13px 15px;	
}

#content .snippet-small-gray-faded h2{
	color:#4F4D48;
	display: inline;
	float: left;
	font-size:110%;
	font-weight:bold;
	letter-spacing:1px;
	margin:-3px 0 0 0;
	padding:0;
	text-transform:uppercase;
	width: 70%;
	
}

#content .snippet-small-gray-faded a{
	background: transparent url(../images/glyphs/arrow.gif) no-repeat scroll 0 6px !important;
	display: inline;
	float: right;
	margin-top: -2px;
	padding-left: 14px !important;
}