/* ///////// Layout ///////// */

.linkheading:hover{color:#333333;}
#sust_more_wrap:hover{color:#333333;}
#section_title h1:hover{color:#000000;}
#productsHeader h2 a:hover{color:#333333;}
#secondaryNav h4 a:hover{color:#333333;}
#content h1 a:hover{color:#333333;}

@font-face {
    font-family: 'DINRegular';
    src: url('fonts/din-webfont.eot');
    src: url('fonts/din-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/din-webfont.woff') format('woff'),
         url('fonts/din-webfont.ttf') format('truetype'),
         url('fonts/din-webfont.svg#DINRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DINBold';
    src: url('fonts/din-bold-webfont.eot');
    src: url('fonts/din-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/din-bold-webfont.woff') format('woff'),
         url('fonts/din-bold-webfont.ttf') format('truetype'),
         url('fonts/din-bold-webfont.svg#DINBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {margin: 0; padding: 0;}

.tk-ff-din-web-pro {font-family:DINRegular, Arial, 'Liberation Sans', FreeSans, sans-serif;}
.tk-ff-din-web-pro-bold {font-family:DINBold, Arial, 'Liberation Sans', FreeSans, sans-serif;}

body 
{
height: 100%;
margin: 0;
padding: 0;
color: #000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background: #e9e2c6;
}

p {
margin: 0;
padding: 0 0 5px 0;
}

.pFix {
    display: block;
    left: -2px;
}

form 
{
    margin: 0;
}

/* CLEARFIX: This allows Background Image of Container to Show */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}

.clearfix {
display: block;
clear: both;
}
/* End hide from IE-mac */

html[xmlns] .clearfix {
display: block;
}

* html .clearfix {
height: 1%;
}
/* END CLEARFIX */

.clearLeft {
clear: left;
}

.clearRight{
clear: right;
}
.clearBoth {
clear: both;
}
/* Old Class for Bold Text */
.sh1 {
font-weight: bold;
}

.txtBold {
font-weight: bold;
} 

.txtError {
font-weight: bold;
font-size: 120%;
color: #ff0000;
}
.redWarning 
{
	color: #ff0000;
} 

a:hover {
color: #cb8600;
text-decoration: none;
border-bottom: 1px dotted #cb8600;
}

a {
color: #000066;
text-decoration: none;
border-bottom: 1px dotted #000066;
outline: 0;
}

h3 {
font-size: 14px;
color: #000;
}

h4 {
font-size: 12px;
font-weight: bold;
color: #000;
}

h4 a {
color: #000066;
text-decoration: none;
border: 0;
}

.blockquote {
    margin: 0 0 0 10px;
}

.blockquote2 {
    margin: 0 0 0 30px;
}

.centerTxt {
text-align: center;
}

.sup {
font-size: smaller;
vertical-align: top;
line-height: .9em;
}

*html .nowrap { /* Fix IE white-space bug */
white-space: normal;
}

.nowrap {
white-space: nowrap;
}

.floatLeft {
float: left;
}

.floatRight {
float: right;
}

img.floatLeft {
float: left;
margin: 4px;
}

img.floatRight {
float: right;
margin: 4px;
}

img.border {
border: solid 1px #909090;
}

.noBorder, .noBorder:hover {
border: 0;
}

.form td {
    padding: 0 0 3px 0;
}

/* Product Document Listings */
.icon {
float: left;
margin: 0 3px 0 0;
padding: 0;
}

.docLink {
padding: 0 0 10px 0;
margin: 0;
}
/* End Product Document Listings */

/* Default List Style */
    
.listContent {
width: 500px;
margin: 0!important;
margin: 0 0 20px 0;
float:left;
}

/* For Firefox, Safari, Etc. */
ul {
margin: 3px 0 15px 20px;
padding: 0;
list-style-type: square;
}

#headerPrint {
display: none;
}

#header {
width: 945px;
margin: 0px;
padding: 0px;
height: 58px;
background: #004f78;
border-bottom: solid 1px #81a7bc;
}

#header img {
float: left;
width: 202px;
margin: 0;
padding: 0;
background: inherit;
border: 0;
}

#header #headerContent {
float: right;
width: 743px;
height: 58px;
margin: 0px;
padding: 0px;
font-size: medium;
background: #004f78;
}

#headerContent h1 {
width: 250px;
float: left;
margin: 20px 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12pt;
color: #fff;
background: #004f78;
}

#headerContent h1 a, #headerContent h1 a:hover {
    text-decoration: none;
    color: #fff;
}

#productsHeader h2 a, #productsHeader h2 a:hover {
    text-decoration: none;
    color: #8b8c8c;
}

#header #headerContent h2 {
width: 200px;
margin-top: 5px;
margin-right: 10px !important;
/* Fix for IE 3px Float Bug */
margin-right: 5px;
float: right;
font-size: 8pt;
color: #b4ccd8;
background: inherit;
text-align: right;
}

#header #headerContent h2 a {
color: #b4ccd8;
text-decoration: none !important;
text-decoration: underline;
border-bottom: 1px dotted #b4ccd8;
}

#header #headerContent h2 a:hover {
color: #fff;
text-decoration: none !important;
text-decoration: underline;
border-bottom: 1px dotted #fff;
}

/* ======= Popup Layer Styles ============ */

#popLayer {
    border: solid 1px #004f78;
}

#popHandle {
    background: #004f78;
    font-weight: bold;
    color: #fff;
    padding: 1px 1px 3px 0;
}

.popTitle {
    float: left;
    padding: 0 0 0 3px;
}

.popClose {
    float: right;
    /* border: solid 1px #7498ab;*/
}

.popClose a {
    border: none;
    text-decoration: none;
    color: #fff;
    padding: 0 2px;
    /*background: #003f5f;*/
}

.popClose a:hover {
    color: #fff;
    text-decoration: none;
}

#popContent {
    background: #fff;
    padding: 2px;
}

iframe {
    border: solid 1px #909090;
}

/* ========== Main Nav ============== 

defined in css/topMenu.css

*/

/* ///////// Search ///////// */

#search {
float: right;
margin: 0px;
padding: 0px;
width: 245px;
height: 27px;
background: url(../images/mainNavBg.gif) repeat-x left top;
}

#search fieldset {
margin: 0px;
padding: 0px;
border: none;
width: 160px;
float: right;
vertical-align: middle;
}

#search label i, #search2 label i {
    display: none;
}

#search input {
float: left;
position: relative;
top: 4px;
margin: 0px;
width: 100px;
height: 13px;
margin-right: 5px;
font-size: 11px;
border-top: 1px solid #999;
border-left: 1px solid #999;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
color: #000;
background: #fff;
}

#search .submit {
float: right;
position: relative;
top: 3px;
height: 18px;
width: 39px;
padding: 0px;
margin: 0px;
margin-right: 10px;
background: url(../images/searchButton.gif) no-repeat;
overflow: hidden;
text-decoration: none;
border: 0;
}

.submit:hover {
    cursor: pointer;
}

/* style form elements on focus */
#search input:focus, textarea:focus {
background: #ffc;
}

/* Layout */

html>body #wrapper {
height: auto;
}
	
#wrapper {
margin: 0px auto;
padding: 0px 10px;
width: 945px;
position: relative;
voice-family: "\"}\"";
voice-family: inherit;
height: auto;
background: #fff url(../images/bgEdges.gif) repeat-y;
}

img {
border: 0px;
display: block;
}

#productsHeader {
position:relative;
z-index:1;
clear: both;
margin: 0;
padding: 0;
vertical-align: middle;
width: 945px;
height: 47px;
background: #fff url(../images/headerBg.gif) repeat-x;
}

#productsHeader h1 {
float: left;
position: relative;
padding: 0px;
margin: 12px 0 0 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #000000;
}

#productsHeader h1.searchTitle {
	color:#fff;
	font:30px/40px "DINBold", Arial, Helvetica, sans-serif;
}

#productsHeader h2 {
/*width: 740px;*/
float: left;
text-decoration: none;
position: relative;
padding: 0;
margin: 12px 3px 0 3px;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #8b8c8c;
}

#productsHeader h2 a, #productsHeader h2 a:hover {
    text-decoration: none;
    color: #8b8c8c;
}

/* Table Styles */

.tableDefault {
padding: 5px;
font-weight: normal;
border: 1px #666 solid;
border-collapse: collapse;
}

.tableDefault td {
    padding: 5px;
    border: 1px #666 solid;
}

.tableLtGray {
background: #f2f2f2;
}

/*#productDetailContent table {
border: 1px #666 solid;
border-collapse: collapse;
}

#productDetailContent td {
    padding: 5px;
    margin: 0;
    border: 1px #666 solid;
}
#productDetailContent tr:first-child {
color: #fff;
background: #727272;
font-weight: bold;
border: 1px #666 solid;
}
/* works only in Firefox and IE 7 */

#productDetailContent .tableNoBorders {
border: 0;
}

.searchBox {
    width: 350px;
    margin: 0 auto;
    border: solid 1px #999999;
}

.searchBoxTab {
    width: 250px;
    margin: 0 auto 10px 0;
    background: #fff;
    border: solid 1px #999999;
}

.searchBoxTab h4 {
padding: 2px 5px;
background: #e0e0e0;
}

.divider {
    padding: 1px 0 0 0;
    margin: 10px 0;
    background: #ccc;
}

.searchBox div, .searchBoxTab div {
    padding: 5px;
}

.searchBox h4 {
padding: 2px 5px;
background: #e0e0e0;
}

/* ----- Table Cell Styles ------ */

.tableNoBorders td {
padding: 5px;
margin: 0;
border: 0;
}

/* ----- Table Header Styles ------ */
td.tableHdrBlue {
color: #fff;
background: #004f78;
font-weight: bold;
border: 1px #666 solid;
}

td.tableHdrGray {
color: #fff;
background: #727272;
font-weight: bold;
border: 1px #666 solid;
}

td.tableHdrBRT {
color: #fff;
background: #a3b9bb;
font-size: 10;
font-weight: bold;
border: 1px #666 solid;
}

.tableBlue {
color: #fff;
background: #004f78;
font-weight: normal;
}
.assemblyThumb 
{
    width: 223px;
}

/* /// Homepage Styles /// */

/* Home Layout */

#homeContent {
clear: both;
width: 945px;
margin: 0;
padding: 0;
}

#homeLinksWrapper {
float: left;
width: 555px;
background: url(../images/homepage/bgHomeHeader.gif) repeat-x;
margin: 0;
padding: 10px 5px 0 5px;
}

#homeRight {
float: right;
font-size: 11px;
width: 375px;
margin: 0;
padding: 0 5px 0 0;
background: url(../images/homepage/bgHomeHeader.gif) repeat-x;
}

#homeHeadline {
height: 95px;
margin: 0;
padding: 0 5px 0 5px; /* 5px padding from homeLinksWrapper equals 10px */
}

#homeHeadline h1 {
font-weight: bold;
font-size: 18px;
padding: 0;
margin: 0;
}

#homeHeadline h2 {
padding: 0;
margin: 5px 0 0 0;
font-size: 11px;
color: #666;
}

img.homeMore {
display: inline;
vertical-align: baseline;
padding: 0 0 0 2px;
margin: 0;
border: 0;
}

#homeRight a {
text-decoration: none !important;
border-bottom: 1px dotted #000 !important;
border: 0;
text-decoration: underline;
color: #000;
}

#flashTopRight {
    margin: 5px 0 0 0;
}

#featureHomeTop {
margin: 9px 0 5px 0;
border-left: solid 4px #08567d;
background: url(../images/homepage/bgFeatureBlue.gif) repeat-x;
}

#featureHomeTop h3 {
padding: 5px 5px 0 10px;
font-size: 13px;
}

#featureHomeTop p {
padding: 0 5px 5px 10px;
margin: 0;
}

.featureHome {
margin: 5px 0 5px 0;
padding: 5px 5px 8px 10px;
border-left: solid 4px #c2c2c2;
background: #f2f2f2;
height: auto!important;
/* for IE6 */
height: .01%;
}

.featureHome:hover {
background: #dfdfdf;
}

#homeRight img.homePhotoRight {
padding: 5px 0 0 0;
margin: 0;

}

.featureHome h3 {
margin: 0 0 5px 0;
padding: 0;
font-size: 12px;
position: relative;
}

#homeRight .featurePhoto {
float: left;
margin: 2px 5px 0 0;
padding: 5px;
background: #fff;
border: solid 1px #a9a9a9;
}

#homeSwap {
margin: 0;
}

/* homeLinks Styles */

#homeLinksContent {
clear:left;
margin: 0;
padding: 11px 0 0 0;
background: url(../images/homepage/bgHomeLinksTop.gif) 0 1px repeat-x;
}

.links3Col 
{
display: none;
height: 100%;
background: url(../images/homepage/links3Col.gif) repeat-y 180px 3px;
}

.links2Col 
{
display: none;
height: 100%;
background: url(../images/homepage/links2Col.gif) repeat-y 180px 3px;
}

#homeLinksContent ul {
margin: 0;
padding: 0 0 5px 0;
list-style-type: none;
}

.homeLinks {
float: left;
width: 170px;
padding: 0 10px 0 5px;
margin: 0;
list-style-type: none;
}  

#homeLinksContent ul li.linksHeader, #homeLinksContent ul li.linksHeader a {
margin: 0;
padding: 0 0 2px 0;
font-size: 11px;
font-weight: bold;
color: #000000;
background: transparent;
text-decoration: none;
}

#homeLinksContent ul li.linksHeader2, #homeLinksContent ul li.linksHeader2 a {
margin: 0;
padding: 0 0 2px 0;
font-size: 11px;
font-weight: bold;
color: #000000;
background: transparent;
text-decoration: none;
text-transform: uppercase;
}

#homeLinksContent ul li {
margin: 0;
padding: 0 0 2px 6px;
font-size: 11px;
text-decoration: none;
background: url(../images/secondaryBullet.gif) no-repeat;
background-position:0 4px!important; /* For IE - bullet image */
background-position:0 4px;
}

#homeLinksContent ul li a {
width: 205px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 11px;
font-weight: normal;
color: #1a57b0;
text-decoration: none;
border: 0;
}

#homeLinksContent b {
color: #1c54b3;
}

#homeLinksContent ul li a:hover {
color: #cb8600;
}

.homeLinksTabs {
padding: 0;
margin: 0;
font-size: 11px;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
background: #fff;
}

.homeLinksTabs li {
position: relative;
top: 6px;
float: left;
border: 0px;
outline: 0;
border: 0;
margin: 0 2px 0 0;
padding: 3px 0 3px 3px;
font-weight: bold;
text-decoration: none;
background: #eee url(../images/products/prodTabLeft.gif) left top no-repeat;
}

.homeLinksTabs li a {
margin: 0;
padding: 3px;
padding-right: 8px;
border: 0px;
color: #000;
text-decoration: none;
background: url(../images/products/prodTabRight.gif) right top no-repeat;
}

.homeLinksTabs li.selected {
position: relative;
top: 2px;
border-top: solid 1px #555555;
border-right: solid 1px #555555;
border-left: solid 1px #555555;
padding: 5px 0 5px 3px;
font-weight: bold;
text-decoration: none;
background: #727272 url(../images/products/blank.gif) no-repeat;
}

.homeLinksTabs li.selected a { /*selected main tab style */
top: 0px;
position: relative;
border: 0px;
color: #fff;
text-decoration: none;
background: #727272 url(../images/products/blank.gif) no-repeat;
}

.homeLinksSub {
display: none;
}

@media print {
.homeLinksSub {
display:block!important;
}
}

@media print {
.productDetailSub {
display:block;
}
}

/* #homeLinks END
=======================*/

/* Spacing for header slash*/

#productsHeader h3 {
float: left;
position: relative;
padding: 0;
margin: 0;
margin: 12px 3px 0 3px;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
}

#emailPrint {
width: 200px;
float: right;
margin: 0;
padding: 20px 0 0 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #0000FF;
}

#emailPrint #email {
float: left;
left: 0;
margin: 0;
padding: 0 10px 0 0;
}

#emailPrint #email img {
float: left;
position: relative;
left: 0;
top: 1px;
margin-right: 4px;
}

#emailPrint #print {
float: left;
position: relative;
left: 0;
margin: 0;
padding: 0 10px 0 5px;
}

#emailPrint #print img {
float: left;
position: relative;
left: 0;
top: -4px;
margin-right: 4px;
border: none;
}

/* secondaryNav
=======================*/
#secondaryNav {
position: relative;
width: 190px;
float: left;
margin: 0;
padding: 0;
margin-top: 5px;
margin-bottom: 5px;
}

/* Category Overview */
#secondaryNav h4 {
    margin: 0 0 2px 0;
}

#secondaryNav ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#secondaryNav ul li {
width: 182px;
margin: 0;
margin-bottom: 2px;
padding: 0 0 0 8px;
font-weight: bold;
font-size: 11px;
background: url(../images/secondaryBullet.gif) no-repeat;
background-position: 0 5px; 
}

#secondaryNav ul li a {
font-weight: normal;
}

#secondaryNav li.selected {
padding: 2px 0 0 8px;
margin: 0;
background-position: 0 6px; 
}

#secondaryNav li li {
margin-left: 4px;
width: 174px;
font-size: 10px;
line-height: 11px;
}

/* secondaryNav END
=======================*/

#content {
float: right;
width: 715px;
padding: 0;
margin: 0;
}

#content h1 {
width: 468px;
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12pt;
color: #666;
}

#content img.detailImage {
/* width: 180px; */
margin: 5px 10px 10px 0;
padding: 10px;
border: #909090 1px solid;
float: left;
}

#content img.detailImageRight {
/* width: 180px; */
margin: 5px 0 10px 10px;
padding: 10px;
border: #909090 1px solid;
float: right;
}

#content span.floatRight2 {
/* width: 180px; */
margin: 5px 0 10px 10px;
padding: 0;
width: 310px;
float: right;
font-size: .8em;
line-height: 1em;
}

#content span.floatRight2 img.detailImage {
    padding:0;
    margin:0 0 5px 0;
    float:none;
    border: none;
}

#content span.detailImage {
/* width: 180px; */
margin: 5px 10px 10px 0;
padding: 0;
border: #909090 1px solid;
float: left;
}

.detailImage a.videoLink, .detailImage a.videoLink2, .detailImage a.videoLink3 
{
    margin: 75px 2px 0 8px;
    float: left;
    height: 60px;
    width: 88px;
    text-decoration: none;
    border: none;
}

.detailImage a.videoLink2 {
    margin: 75px 0 0 58px;
}

.detailImage a.videoLink3 {
    margin: 75px 2px 0 8px;
}

#content p {
margin: 0;
padding: 0 0 10px 0;
font-size: 13px;
line-height: 1.3em;
width: 100%;
}

.wheretobuy {
margin: 10px 0 0 0;
}

#contentRight img {
float: left;
margin: 0 5px 5px 0;
padding: 0;
}

#contentRight ul a {
    line-height: 1.3em;
}

#contentRight p {
margin: 0 0 10px 0;
padding: 0;
}

/******* Classes for contentWrapper DIV ****************/

#contentWrapper {
    height: auto!important;
    height: 340px; /* For IE 6 and under */
    min-height: 350px; /*set min-height of contentWrapper */
}

/* Content with Secondary Nav and Without Callouts */
.wrapperNavOnly {
content: "."; /* This dot is the actual appended content */
clear: both;
width: 925px;
padding: 0px;
margin: 10px;
background: #fff url(../images/vertLine.gif) repeat-y 200px;
}

.wrapperNavOnly #contentLeft {
margin: 0;
padding: 0;
float: right;
width: 715px; /* 925(contentWrapper)-190(secondaryNav)-20(space for vertLine) */
}

/* Content with Secondary Nav and Callouts */

#prodOverviewHeader {
padding: 9px;
margin: 0;
width: 697px; /* 715px - 9px(padding-right) - 9px(padding-left) */
background: #fff;
border: solid 1px #909090;
}

.wrapperNavCallouts #contentLeft {
margin: 0;
padding: 0;
float: left;
width: 495px;
}

.wrapperNavCallouts #contentRight {
float: right;
width: 200px;
}

.wrapperNavCallouts {
content: "."; /* This dot is the actual appended content */
clear: both;
width: 925px;
padding: 0px;
margin: 10px;
background: #fff url(../images/vertLineProdCategory.gif) repeat-y 200px;
/*background: #fff url(../images/vertLineCallouts.gif) repeat-y 200px;*/
}

.prodSpacer {
    background: #fff;
    height: 10px;
}

.wrapperNavCallouts #contentRight p {
font-size: 11px;
}


/* Content without Secondary Nav */

.wrapperNoNav {
content: "."; /* This dot is the actual appended content */
clear: both;
width: 925px;
padding: 0px;
margin: 10px;
background: #fff url(../images/vertLine.gif) repeat-y 715px;
}

.wrapperNoNav #secondaryNav {
display: none;
}

.wrapperNoNav #content {
    float: left;
    width: 925px;
    padding: 0;
    margin: 0;
}

.wrapperNoNav #contentLeft {
float: left;
width: 705px;
}

.wrapperNoNav #contentRight {
margin: 0;
padding: 0;
float: right;
width: 200px;
}

/* END Content without Secondary Nav */

/* Product page without Nav */

.wrapperProductNoNav  {
content: "."; /* This dot is the actual appended content */
clear: both;
width: 925px;
padding: 0px;
margin: 10px;
background: #fff;
}

.wrapperProductNoNav #secondaryNav {
display: none;
}

.wrapperProductNoNav #content {
    float: left;
    width: 925px;
    padding: 0;
    margin: 0;
}

.wrapperProductNoNav #contentLeft {
float: left;
width: 705px;
}

.wrapperProductNoNav #contentRight {
margin: 0;
padding: 0;
float: right;
width: 200px;
}

.wrapperProductNoNav #contentRight {
display: none;
}

.wrapperProductNoNav #productDetailNav {
clear: both;
width: 100%;
padding: 10px 0 0 0 !important;
padding: 0;
margin: 10px 0 0 0;
}

.wrapperProductNoNav .productDetailTabs 
{
font-size: 9pt;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.wrapperProductNoNav .productDetailTabs li {
padding: 0 0 2px 0;
display: block;
float: left;
}

.wrapperProductNoNav .productDetailTabs li a {
padding: 2px 8px 2px 8px;
color: #000;
font-weight: bold;
display: inline;
position: relative;
text-decoration: none;
border-right: solid 1px #ed8500;
outline: 0;
}

.wrapperProductNoNav .productDetailTabs li.selected {
margin: 0;
top: 0; /* changed from default 1px */
position: relative;
text-decoration: none;
background: none;
/* background: #ed8500; */
}

.wrapperProductNoNav .productDetailTabs li.selected a { /*selected main tab style */
padding: 2px 8px 2px 8px;
color: #fff;
background: #ed8500;
}

/* Detail Content WITHOUT Callouts */

.wrapperProductNoNav #productDetailContent { /*style of tab content container*/
clear: left;
font-size: 11px;
border: none;
border-top: #ed8500 2px solid;
width: 902px; /*was 688px*/
padding: 10px;
margin: 0;
color: #000;
background: #fff;
}

.wrapperProductNoNav #productDetailContent p {
font-size: 12px;
padding: 0;
margin: 0 0 5px 0;
}

/* Product Detail With Line */
.wrapperProductNoNav .productDetailSub {
width: 902px;
padding: 0;
margin: 0;
background: #fff url(../images/vertLinePlant.gif) repeat-y;
background-position: 642px top;
}

.wrapperProductNoNav .productDetailSub p {
width: 632px;
}


/* Product Detail Without Line */
.wrapperProductNoNav .productDetailSub2 {
width: 632px; /*was 678px*/
background: #fff;
}

.wrapperProductNoNav .productDetailSub .prodDetailLeft {
float: left;
width: 632px;
}

.wrapperProductNoNav .productDetailSub3 {
width: 678px; /*was 678px*/
background: #fff;
}

.wrapperProductNoNav .prodDetailLinks {
width: 250px;
float: right;
}

.wrapperProductNoNav .productDetailSub .faq, .wrapperProductNoNav .productDetailSub2 .faq {
font-weight: bold;
float: left;
width: 15px;
}

.wrapperProductNoNav .productDetailSub .faqQuestion {
font-weight: bold;
float: left;
width: 617px;
}

.wrapperProductNoNav .productDetailSub .faqBlue, .wrapperProductNoNav .productDetailSub2 .faqBlue {
font-weight: bold;
float: left;
color: #0000FF;
width: 617px;
}

.wrapperProductNoNav .productDetailSub .faqTxt {
float: left;
width: 617px;
margin: 0 0 5px 0;
}

.wrapperProductNoNav .productDetailSub2 .faqQuestion {
font-weight: bold;
float: left;
width: 617px;
}

.wrapperProductNoNav .productDetailSub2 .faqTxt {
float: left;
width: 617px;
margin: 0 0 5px 0;
}
/* ========================================== */

/* Content Centered - One Column */
.wrapperCentered {
content: "."; /* This dot is the actual appended content */
clear: both;
width: 925px;
padding: 0;
margin: 10px;
background: #fff;
}

.wrapperCentered #content {
float: none;
padding: 0 185px;
margin: 0;
width: 555px;
}

.wrapperCentered #contentLeft {
width: 555px;
margin: 0;
padding: 10px 0 10px 0;
}

.wrapperCentered #contentRight {
display: none;
}

.wrapperCentered #secondaryNav {
display: none;
}

/* Content Centered Full - One Column */
.wrapperCenteredFull {
content: "."; /* This dot is the actual appended content */
clear: both;
width: 925px;
padding: 0;
margin: 10px!important;
margin: 0px!important;
background: #fff;
}

.wrapperCenteredFull #content {
float: none;
width: 675px;
padding: 0 125px 0 125px ;
margin: 0;
}

.wrapperCenteredFull #contentLeft {
width: 675px;
margin: 0;
padding: 10px 0 10px 0;
}

.wrapperCenteredFull #contentRight {
display: none;
}

.wrapperCenteredFull #secondaryNav {
display: none;
}

/* Content Centered - One Column */

.searchRow {
    border-top: solid 1px #ccc;
    padding: 10px 0 10px 0;
}
.searchRow span {
    float: left;
    width: 215px;
    margin: 0!important;
    margin: 0 -4px 0 0;
    padding: 0 10px 0 0;
}

span.boldItalics {
    float:none;
    font-weight: bold;
    font-style: italic;
    width: auto;
    padding:0;
    margin: 0;
}

.wrapperSearch {
content: "."; /* This dot is the actual appended content */
clear: both;
width: 925px;
padding: 0;
margin: 10px 0 10px 2px;
background: #fff;
}

.wrapperSearch #content {
padding: 0;
margin: 0;
width: 925px;
}

.wrapperSearch #search label {
    float:left;
}

.wrapperSearch #secondaryNav {
display: none;
}
.wrapperSearch #contentLeft {
	padding: 0 35px;
	margin: 0;
	width: 590px;
	float: left;
}

.wrapperSearch #contentRight {
	padding: 0;
	margin: 0;
	width: 265px;
	float: right;
}

#search2 fieldset {
    border: none;
}

.wrapperSearch input {
    float: left;
    /*border: solid 1px #a4b97e;*/
    padding: 0 5px;
    margin: 0 5px 0 0;
}

.wrapperSearch input.search {
    width:510px;
	height:19px;
	margin:0;
}

#search2 .submit {
	color:#FFFFFF;
	font-size:0.9em;
	padding:0pt 4px;
	text-transform:uppercase;
	font-family:Helvetica,Arial,sans-serif;
	cursor:pointer;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal; 
	vertical-align:middle; 
	width:60px;
	background-color:#ADC8D3;
	border-color:#ADC8D3;
	margin: 0 0 0 5px;
}

#search2 .submit:hover {
	background:#2E70AA none repeat scroll 0 0;
	border-color: #2E70AA;
}

#search2 .submit:focus {
    background-color: #ffffcc;
	border: 1px solid #999933;
}

/* style form elements on focus */
#search2 input:focus, textarea:focus {
background: #ffc;
}

/******* Classes for search result page ****************/

.wrapperSearch h3 {
    margin: 0 0 10px 0;
}

.wrapperSearch p {
    font-size: 10px;
}

.wrapperSearch form {
    margin: 0;
}

.wrapperSearch fieldset.topMatches {
    margin: 10px 0 0 0;
    padding: 5px 10px 10px 10px;
    border: solid 3px #b2b2b2;
}

.wrapperSearch fieldset ul {
list-style: none;
padding: 10px 0;
margin: 0!important;
margin: 5px 0 0 0;
background: #e5edf1;
}

.wrapperSearch fieldset li {
margin: 0 0 0 10px;
line-height: 1.6em;
background: url(../images/searchBullet.gif) no-repeat;
background-position: 0 .6em;
}

.wrapperSearch fieldset li a {
    padding: 0 0 0 10px;
}

.wrapperSearch legend {
color: #000;
font-size: 13px;
padding: 0 6px;
text-transform: uppercase;
}

.searchPages {
border-top: dotted 1px #b2b2b2;
padding: 20px 0;
margin: 30px 0 10px 0!important;
}

.searchPages h3 {
    float:left;
    width: 150px;
    font-size: 14px;
    font-weight: normal;
    margin: 0 50px 0 0;
}

.wrapperSearch .searchPages a:link, .wrapperSearch .searchPages a:visited {
    font: 14px Arial, Helvetica, sans-serif;
    margin: 0 0 0 5px;
	color:#3974a7;
	text-decoration:none;
}

.wrapperSearch .searchPages a:hover, .wrapperSearch .searchPages a:active {
	text-decoration:underline;
}

.searchPages .pagination b {
	font: 14px Arial, Helvetica, sans-serif;
	color:#3974a7;
	text-decoration:underline;
}

.searchPages div {
    float: right;
    text-align: right;
    /*width: 500px;*/
    margin: 0 auto;
}

#searchResults h3 {
    margin: 10px 0 3px;
    font:18px Arial, Helvetica, sans-serif;
}

#searchResults div {
	margin:10px 0 20px 0;
}

.wrapperSearch a:link, .wrapperSearch a:visited {
    border: 0;
    text-decoration: underline;
	color:#32659b;
	font:12px Arial, Helvetica, sans-serif;
	margin-bottom:10px;
}


/******* END Classes for contentWrapper DIV ****************/

#footer {
clear: both;
margin: 0;
padding: 0;
padding-top: 4px;
margin-left: 4px;
margin-right: 4px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 10px;
width: 917px;
text-align: right;
background: #004f78;
color: #b4ccd8;
border-top: 3px #B9CFDA solid;
}

#footer a {
font-family: arial, helvetica, sans-serif;
font-size: 8pt;
color: #b4ccd8;
border-bottom: 1px dotted #b4ccd8;
}

#footer a:hover {
color: #fff;
background: #004f78;
border-bottom: 1px dotted #fff;
}

#bottomShadow {
margin: 0 auto;
padding: 0 10px;
width: 945px;
height: 20px;
padding-bottom: 10px;
background: #e9e2c6 url(../images/bgBottom.gif) repeat-x;
}

/*---- Product Overview Page ------*/

.horizLine {
clear: both;
width: 100%;
padding: 5px 0;
height: 10px;
background: url(../images/horizLine.gif) left 5px repeat-x;
}

#prodOverviewCallouts {
margin: 5px 0 0 0!important;
width: 715px;
background: url(../images/vertLine.gif) repeat-y;
background-position: 357px top;
}


#prodOverviewCallouts p {
margin: 0 0 5px 0!important;
margin: 0;
padding: 0;

}

#prodOverviewCallouts h3 {
font-size: 14px;
margin: 0;
padding: 0;
}

#prodOverviewLeft {
width: 358px;
float: left;
}

#prodOverviewCallouts div p {
clear:left;
}

#prodOverviewRight {
width: 347px;
float: right;
}

#prodOverviewLeft img, #prodOverviewRight img {
float: left;
margin: 0 5px 5px 0;
padding: 0;
}

/*---- Product Details Swap Content ------*/

#productDetailNav {
clear: both;
width: 700px;
padding: 0;
margin: 10px 0 0 0;
}

.productDetailTabs {
padding: 0;
margin: 0;
font-size: 9pt;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.productDetailTabs li {
display: block;
float: left;
padding: 5px 0 5px 0;
margin: 0;
}

.productDetailTabs li a {
padding: 5px 8px 5px 8px;
margin: 0;
display: inline;
position: relative;
text-decoration: none;
border: none;
outline: 0;
}

.productDetailTabs li.selected {
margin: 0;
top: 1px;
position: relative;
text-decoration: none;
background: #eee url(../images/products/prodTabLeft.gif) left top no-repeat;
}

.productDetailTabs li.selected a { /*selected main tab style */
padding: 5px 8px 5px 8px;
margin: 0;
border: 0;
position: relative;
background: url(../images/products/prodTabRight.gif) no-repeat;
background-position: right top;
color: #000;
font-weight: bold;
}

/* Detail Content WITHOUT Callouts */

#productDetailContent { /*style of tab content container*/
clear: left;
padding: 10px;
font-size: 11px;
border: #909090 1px solid;
width: 688px; /*was 678px*/
margin: 0;
color: #000;
background: #eeeeee;
}

/* min-height for IE 6< */
*html .productDetailSub, *html .productDetailSub2 {
height: 150px;
display: none;
}

.productDetailSub, .productDetailSub2 {
min-height: 150px; /* doesn't work in IE 6< */
display: none;
}

#productDetailContent p {
font-size: 11px;
padding: 0;
margin: 0 0 5px 0;
}

/* With border */
#productDetailContent img.border {
margin: 0 10px 10px 0;
padding: 0;
border: solid 1px #909090;
}

#productDetailContent img.border2 {
border: solid 1px #909090;
}

#productDetailContent img.floatLeft {
float: left;
margin: 0 10px 5px 0;
padding: 0;
}

#productDetailContent img.floatLeft2 {
float: left;
margin: 0 10px 10px 0;
padding: 0;
border: solid 1px #909090;
}

/* With border */
#productDetailContent img.floatRight {
float: right;
margin: 0 0 10px 10px;
padding: 0;
}

#productDetailContent img.floatRight2 {
float: right;
margin: 0 0 10px 10px;
padding: 0;
border: solid 1px #909090;
}

/* Detail Content WITH Callouts */

#productDetailContent .gallery {
width: 678px;
}

#productDetailContent .gallery h4 {
    clear:left;
}

#galleryPhoto {
    float: left;
    width: 167px; /*includes 2px for border on image */
    margin: 2px 0 0 20px;
}

.swatches span {
    margin: 0 10px 10px 0;
    float: left;
    width: 100px;
}

.swatchesdec span {
	margin: 0 22px 10px 0;
	float: left;
	width: 90px;
}

.swatches173 span {
    margin: 0 10px 10px 0;
    float: left;
    width: 173px;
}

.swatches, .swatches173 {
    float: left;
    width: 560px;
}

.swatches3col {
    width: 715px;
}

.swatches3col span {
    margin: 0 10px 10px 0;
    float: left;
    width: 173px;
}

.swatches3col span.center {
    margin: 0 10px 10px 0;
    float: left;
    width: 335px;
}

#productDetailContent .gallery .horizLine {
    clear:left;
    padding: 0 0 10px 0!important;
    padding: 0 0 6px 0; /* IE 6 */
}

.productDetailSub .prodDetailLeft img {
margin: 0 10px 0 0;
padding: 0;
}

/* Product Detail With Line */
.productDetailSub {
width: 688px;
padding: 0;
margin: 0;
background: #eeeeee url(../images/vertLine.gif) repeat-y;
background-position: 478px top;
}

.productDetailSub p {
width: 458px;
}

/* Product Detail Without Line */
.productDetailSub2 {
width: 570px; /*was 678px*/
background: #eeeeee;
}

.productDetailSub .prodDetailLeft {
float: left;
width: 468px;
}

.productDetailSub3 {
width: 678px; /*was 678px*/
background: #eeeeee;
}

/* Product Detail Search - DensDeck */
.productDetailSearch {
width: 688px;
background: #eee url(../images/vertLine.gif) repeat-y 262px top;
}

.productDetailSearch .prodDetailLeft {
float: right;
width: 418px;
}

.productDetailSearch .prodDetailLinks {
float: left;
width: 250px;
}
.productDetailSearch label 
{
    display: block;
    font-weight: bold;
    margin: 5px 0 0 0;
}

.productDetailSearch input {
    display: block;
    margin: 5px 0 0 0;
}
    
#ddlProducts, #ddlSolution, #ddlRoof 
{
    width: 240px;
}


/* insert clearing for floated elements */
.productDetailSub:after,.productDetailSub2:after,.productDetailSub3:after, .productDetailSearch:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* Hide Callout Div if No Callouts */
.productDetailSub2 .prodDetailLinks {
display: none;
}

.prodDetailLeft p {
width: 100%;
}

.prodDetailLinks {
width: 200px;
float: right;
}

.prodDetailLinks p {
width: 100%;
}

.prodDetailLinks .photo {
float: left;
margin: 0 5px 0 0;
padding: 0;
}

#productDetailContent .footnote { /*style of tab content container*/
font-size: 10px;
color: #676767;
margin: 10px 0 0 0;
padding: 0;
}

.footnote, #content p.footnote {
font-size: 10px;
margin: 10px 0 0 0;
padding: 0;
line-height: 1.2em; 
}
/* =========== FAQ Styles =============== */

.productDetailSub .faq, .productDetailSub2 .faq {
font-weight: bold;
float: left;
width: 15px;
}

.productDetailSub .faqQuestion {
font-weight: bold;
float: left;
width: 443px;
}

.productDetailSub .faqBlue,
.productDetailSub2 .faqBlue  
{
	font-weight: bold;
	float: left;
	width: 443px;	
	color: #0000FF;		
}

.productDetailSub .faqTxt {
float: left;
width: 443px;
margin: 0 0 5px 0;
}

.productDetailSub2 .faqQuestion {
font-weight: bold;
float: left;
width: 555px;
}

.productDetailSub2 .faqTxt {
float: left;
width: 555px;
margin: 0 0 5px 0;
}

/* END Products Styles
=======================*/

/* === Dealer Locator Styles ================= */

#dealerBox {
    width: 470px;
    padding: 5px;
    margin: 0 auto;
    background: #cfcfcf;
    border: solid 1px #666;
}

#dealerBox input, #dealerBox radio {
    float: left;
    padding: 0 5px;
}

#dealerBox select {
    float: left;
}
/* Search button */
#dealerBox input#ImageButton {
    clear:left;
    float: left;
    width: 160px;
    padding: 0;
    margin: 0 0 0 155px;
}

#dealerBox label {
    float: left;
    text-align: right;
    font-weight: bold;
    padding: 0 5px 0 0;
    width: 150px;
}

#dealerBox .noPadding label, #dealerBox .noPadding input {
    margin: 3px 0 0 5px;
    width: auto;
}

#dealerBox input#SaveBox {
    height: 20px;
}

#directions {
    width: 640px;
}

#directionsTable {
    width: 660px;
    border-collapse: collapse;
}

#directionsTable td {
    padding: 5px;
}

#searchtools td {
    padding: 0 0 2px 5px;
}

/* mmaps.aspx: total width of window = 700px */
#mapsWrapper {
    width: 660px;
    padding: 10px;
}

/* left div*/
#myMap 
{
    margin: 5px 0 10px 0;
    float: left;
    width: 460px;
}
/* right div*/
#directionsForm {
    float: right;
    width: 190px;
}

/* leaving Site popup styles */
.hold {
position: absolute;
height: 100%;
width: 100%;
margin: 0px;
padding: 0px;
z-index: 200;
}

#leavingSite
{
    width: 500px;
    margin: 0 auto 0 -250px;
    top: 130px;
    left: 50%;
    border: solid 1px #666;
    background: #fff;
    display: none;
    position: absolute;
    z-index: 100;
}

#leavingSite p 
{
    margin: 0 0 10px 0;
	padding: 10px;
}

#leavingContent {padding: 10px;}

#leavingSite h1 {
width: 480px;
margin: 0;
padding: 10px;
font-size: 1.5em;
color: #fff;
background: #004f78;
}

.acceptLeave, .declineLeave 
{
    padding: 5px;
    margin: 0 10px 0 0;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    background: url(../images/mainNavBg.gif);
}

/*.declineLeave {
background:#FF9900;
}*/

.copyright {
font-size: .8em;
}

/* Document Classes */
.prodDetailLeft p.doc 
{
    background: url(../images/icons/icon_word.gif) no-repeat top left;
}

.prodDetailLeft p.pdf {
    background: url(../images/icons/icon_pdf.gif) no-repeat top left;
}

.prodDetailLeft p.excel 
{
    background: url(../images/icons/icon_excel.gif) no-repeat top left;
}

.prodDetailLeft p.blank 
{
    background: none;
}


/* ============== Build It Better ================ */

.bibP {
	margin: 0;
	padding: 0 10px 0;
	font-family: Trebuchet MS,Verdana,Arial,Sans-serif;
	font-size:14px;
	color: #000000;
	line-height:125%;
}

.bibCutline, #content p.bibCutline {
font-size:12px;
color: #000;
line-height:125%;
margin: 6px 0 10px 0;
}
.bibContent 
{
	padding: 0 10px 0 0;
}

.bibCaption {
font-size:9px;
color: #000000;
line-height:125%;
/*float: left;*/
font-weight: normal;
width: 220px;
margin: 5px 0 0 0;
text-align: center;
}

.bibCaptionwrapper {
/*float: left;*/
background: url(../images/homepage/bgHomeFeature.gif) repeat-x;
margin: 0;
padding: 10px 5px 0 5px;
}

ul.bib {
margin: 3px 0 6px 20px;
padding: 0;
font-size:11px;
color: #000000;
line-height:128%;
list-style-type: square;
}

img.bibBorder {
	border: solid 1px #8F8A67;
	float:none;
}

img.bibBorder1 {
	border: solid 1px #8F8A67;
	float: left;
	margin : 0 14px 0px 0px;
}


#content p.feed {
  margin-left: 3px;
  padding: 0 0 10px 19px;
  background: url("../images/icon-feed-14x14.png") no-repeat 0 3px;
} 

.jump 
{
  display: inline-block;
  margin-left: 3px;
  padding: 0px 0 0px 19px;
  background: url(../images/icon-jump-14x14.png) no-repeat 0 50%;
} 

.back {
  margin-left: 3px;
  padding: 0 0 0px 19px;
  background: url(../images/icon-back-14x14.png) no-repeat 0 50%;
} 

.bibBlockindent {
	padding: 0 12 0;
	font-family: Trebuchet MS,Verdana,Arial,Sans-serif;
	font-size:12px;
	color: #000000;
	width: 400px;
	line-height:115%;
	background: url(../images/homepage/bgHomeFeature.gif) repeat-x;
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash #headerContent h1, .sIFR-hasFlash #leavingSite #leavingHeader h1 {
visibility: hidden;
margin: 23px 0;
font-size: 16px;
}

.sIFR-hasFlash #homeHeadline h1 {
visibility: hidden;
}

.sIFR-hasFlash #productsHeader h1 {
visibility: hidden;
margin: 14px 0 0 10px!important;
margin: 14px 0 0 5px;
padding: 0;
font-size: 18px;
}

.sIFR-hasFlash #productsHeader h3 {
visibility: hidden;
padding: 0;
margin: 12px 0 0 4px;
width: 11px;
font-size: 18px;

}

.sIFR-hasFlash #productsHeader h2 {
visibility: hidden;
margin: 11px 0 0 0;
font-size: 22px;
}

.sIFR-hasFlash #content h1 {
visibility: hidden;
top: -5px;
font-size: 16px;
}

/* Homepage sifr */
.sIFR-hasFlash #homeLinks h1 {
visibility: hidden;
font-weight: bold;
font-size: 18px;
padding: 0;
margin: 10px 0 0 0;
}

.sIFR-hasFlash #homeLinks h2 {
visibility: hidden;
padding: 0;
margin: 5px 0 0 0;
font-weight: normal;
font-size: 14px;
}

.displayStatus {
	display: none;
}

/* inline popup */
.messageBackSkin{
                background-color:Gray; opacity:0.75; filter:alpha(opacity=55); height:100%; width:100%; left:0; top:0; z-index:10000; position:fixed;
            }
            .messageBlock{
                background:#ffffff none repeat scroll 0 0; border:3px solid #0075BD; left:50%; top:50%; position:fixed; z-index:10002; width:500px; height:250px; margin-left:-250px; margin-top:-125px;
            }
            .messageHeading{
                background-color:#f0f7f9; border-bottom:solid 1px #eee; padding:0.5em 1em; font-size:medium; font-weight:bold;
            }
            .messageBlock table{
                width:100%; padding-top:4px;
            }
            .messageBlock td{
                padding-top:15px;
            }   
            .hd{
                font-size:18px;
            } 
            .ml-close {
                float:right;
                margin-top:5px;
            }
            .ml-close a {
                background:url("../images/close_button.png") no-repeat scroll 0 0 transparent;
                cursor:pointer;
                display:block;
                height:15px;
                width:15px;
            }     
            .ml-close img {
                height:15px;
                width:15px;
            }         
            .c{
                clear:both;    
            }  
            .message-orange{background-color: #FECE2F;
    border: 1px solid #D19405;
    color: #4C3000;
    font-weight: bold;
    margin: 0 25px;
    padding: 15px 25px;
    text-align: center;}
	
/*	Architectual Specs  */
.resource_content {
	padding-top:45px;
}
.resource_section_bar {
	background:#F7F9FA;
	border-left:1px solid #E6E6E6;
	border-right:1px solid #E6E6E6;
	height:30px;
	cursor:pointer;
}
.resource_section_bar.first {
	border-top:1px solid #E6E6E6;
}
.resource_section_bar p {
	color:#85a2a5;
	font:13px/30px "DINBold",Arial, sans-serif;
	text-transform:uppercase;
}
.resource_section_bar .close {
	background: url(../images/resource-oc.png) no-repeat 0 -78px;
	width: 20px; 
	height: 28px;
	display: inline-block;
	*display: inline;
	float: left;
	zoom: 1;
}
.resource_section_bar .expand {
	background: url(../images/resource-oc.png) no-repeat 0 0px;
	width: 20px; 
	height: 28px;
	display: inline-block;
	*display: inline;
	float: left;
	zoom: 1;
}
.resource_section {
	border-left:1px solid #E6E6E6;
	border-right:1px solid #E6E6E6;
	border-bottom:1px solid #E6E6E6;
	padding:20px;
}
.resource_section .resource_family {
    margin-bottom: 20px;
}
.resource_section .resource_family img {
    float: left;
}
.resource_section .resource_family span {
    float: right;
}
.resource_section .resource_family span a {
    margin-left: 20px;
    margin-right: 5px;
}
.resource_section .resource_family span a img {
    float: none;
    display: inline;
    margin-right: 12px;
    margin-bottom: -3px;
}
.resource_section .resource_family h3 {
    width: 538px;
    float: right;
    color: #797979;
    font: 13px/18px "DINBold",Arial, sans-serif;
    text-transform: uppercase;
    margin-top:30px;
}
.resource_section ul {
	margin:0;
}
.resource_section ul li {
	list-style:none outside none;
	margin-bottom:5px;
}
.resource_section ul li.doc {
	background: url(../images/icon_doc.gif) no-repeat 0 0px;
	padding-left:30px;
}
.resource_section ul li.pdf {
	background: url(../images/icon_pdf_new.gif) no-repeat 0 0px;
	padding-left:30px;
}
.resource_section ul li.cad span {
	width:380px;
	display:inline-block;
}
.resource_section ul li.cad a {
	margin-left:20px;
}
.resource_section ul li.rvt span {
    width:440px;
    display:inline-block;
}
.resource_section ul li.rvt a {
    margin-left:20px;
}
.resource_footnote {
	padding:20px;
	border-bottom:1px dotted #000;
	margin-bottom:50px;
}
.resource_footnote p.footnote {
	margin:0;
}
.resource_item {
	margin: 16px 0 17px 0; 
	float:left; 
	padding: 0;
}
.resource_item.first {
	margin:0 0 17px 0;
}
.resource_item img {
	float:left; 
	margin: 5px 20px 0 0; 
	border: 1px solid #666;
}
.resource_item.education img {
	margin: 5px 15px 0 0; 
}
.resource_item h4, .resource_item h3, .resource_item p {
	float:left; 
	width: 400px;
}
.resource_item.education h4, .resource_item.education h3, .resource_item.education p {
	width: 345px;
}
.resource_item p a {
	display: block; 
	margin-top:10px;
}
.resource_item.education p a {
	display: inline; 
	margin-top:0;
	text-decoration:underline;
	font-weight:normal;
}
.resource_item p {
	margin-left: 1px;
}
.resource_item.education p {
	margin-left: 1px;
	font-size:14px;
	line-height:20px;
	width:387px;
}
.resource_item h3 {
	margin:0 0 2px 0; 
	font-size: 30px; 
	font-weight: normal; 
	height: 47px;
}
.resource_item h4 {
	margin:0 0 15px 0; 
	height: 22px; 
	color: #333; 
	font-weight: normal;
}
.resource_item hr {
	border:0;
	border-bottom:1px dotted #000;
	display:inline-block;
	width:570px;
	margin-top:20px;
}
.resource_item.wide h3, .resource_item.wide p {
	width: 584px;
}
.resource_item .button a {
	height: 25px;
	padding-top: 6px;
}	
.resource_item .button a {
    background: url("../images/button_bg.gif") no-repeat scroll 0 0 transparent;
    display: block;
    font-size: 16px;
    font-weight: normal;
    height: 27px;
    padding-top: 4px;
    text-align: center;
    width: 167px;
	float:left;
	margin-bottom:15px;
}
.resource_item .button a:link, .resource_item .button a:visited {
	color: #fff;
	text-decoration: none;
}
.resource_item .button a:hover, .resource_item .button a:active {
	color: #ccc;
	text-decoration: none;
}
.resource_content .courses {
	padding-bottom:20px;
	float:left;
}
.resource_content .courses .course {
	float: left;
    margin-left: 45px;
    width: 160px;
	min-height:368px;
	position:relative;
}
.resource_content .courses .course.first {
    margin-left: 0;
}
.resource_content .courses .course h3 {
	line-height:18px;
	margin-bottom:0;
}
.resource_content .courses .course h4 {
	font:bold 10px/20px Helvetica,Arial,sans-serif;
}
.resource_content .courses .course .button {
	position:absolute;
	bottom:0;
	left:0;
}
.resource_content .courses .course .button a {
    background: url("../images/button_bg.gif") no-repeat scroll 0 0 transparent;
    display: block;
    font-size: 16px;
    font-weight: normal;
    height: 27px;
    padding-top: 4px;
    text-align: center;
    width: 167px;
	float:left;
	margin-bottom:15px;
}
.resource_content .courses .course .button a:link, .resource_content .courses .course  .button a:visited {
	color: #fff;
	text-decoration: none;
}
.resource_content .courses .course .button a:hover, .resource_content .courses .course .button a:active {
	color: #ccc;
	text-decoration: none;
}