/***************************
=GLOBAL ELEMENTS
***************************/

html *, body * {
    margin: 0;
    padding: 0;
}

body {
    font: 100% Arial, Verdana, Sans-Serif;    
}

#tableless {
    background: url("/images/layout/tableless-bg.jpg") 0 100% no-repeat;
    margin: 0 auto;
    padding: 0 0 10px 0;
    width: 780px;
}

#container { 
    background: url("/images/layout/container-bg.jpg") repeat-y;
    padding: 5px 15px;
}

/******************************
=BANNER ELEMENTS 
******************************/

#banner {
    color: #707070;
    font-size: .70em;
}

#banner a {
    color: #707070;
    text-decoration: none;
}

#banner a:hover {
    text-decoration: underline;
}

.utility {
    float: right;
    padding: 50px 15px 0 0;
    text-align: right;
    width: 485px;
}

img.cmx-Logo {
    float: left;
    margin: 17px 0 12px 13px;
}

.bannernavigation {
    background: url("/images/layout/banner-nav-bg.jpg") repeat-x;
    border-top: 5px solid #9b0207;    
    clear: both;
    height: 40px;
    padding: 0 0 1px;
    width: 100%;
}

.bannernavigation a {
    float: left;
}

.bannernavigation .GoogleForm {
    float: right;
    padding: 9px 15px 0 0;
}

.bannernavigation .GoogleForm input {
    border: 1px solid #9b0207;
    float: left;
    height: 16px;
    width: 118px;
}

.bannernavigation .GoogleForm img {
    float: left;
    margin: 0 0 0 5px;
}

/***********************
=LEFT ELEMENTS
***********************/

#left {
    background: #f5f5f5;
    border-top: 1px solid #acacac;
    float: left;
    width: 200px;    
}

#left .leftnavigation {
    padding: 0 10px;
    width: 180px;
}

#left .leftnavigation a {
    background: url("/images/layout/left-nav-bg.gif") 6px 15px no-repeat;
    border-bottom: 1px dotted #d0d0d0;
    clear: both;
    color: #000;
    display: block;
    font-size: 11px;    
    padding: 10px 0 10px 17px;
    text-decoration: none;
}

#left .leftnavigation #left_current a {
    font-weight:bold;
}

#left .leftnavigation a:hover {
    color: #ee3248;
}

#left .leftnavigation a#left_current {
    font-weight: bold;
    color:#000;
}

#sIFR p.cmx-LeftHeading {
    background-color: #c2c2c2;
    color: #000;
    font-family: myriadpro; 
    text-transform: uppercase;
}

#left .leftnavigation .sublinks_transportation {
    display: block;
}

#left .leftnavigation .sublink {
    border-bottom: 1px solid #d0d0d0;
    display: block;
}

#left .leftnavigation .sublink a {
    background: none;
    border: 0;
    color: #707070;
    font-size: 11px;
    margin: 5px 0;
    padding: 0 0 0 25px;    
    text-decoration: none;
}

#left .leftnavigation .sublink a:hover {
    color: #ff0000;
}

#left .leftnavigation .sublink a#left_current {
    color: #ff0000;
}

#left .oemBox {
    background-color: #fff;
    color: #707070;
    display: block;
    font-size: .70em;
    line-height: 1.6;
    padding: 20px 0 15px 10px;
}

#left .oemBox p {
    margin: 5px 0 0;
}

/***********************
=MAIN ELEMENTS
***********************/

#main {
    border-top: 3px solid #ececec;
    color: #707070;
    display: block;
    float: right;
    font-size: .80em;
    line-height: 1.7; 
    margin: 0 0 0 25px;
    padding: 5px 0 10px;
    width: 525px; 
}

.breadcrumbs {
    background: #f5f5f5;
    border-top: 1px solid #e5e5e5;
    color: #ee3248;
    display: block;
    float: right;
    font-size: 10px;
    font-weight: bold;
    height: 21px;
    margin: 0 0 1px;
    padding: 7px 0 0 26px;
    width: 524px;  
}

.breadcrumbs a {
    color: #8ca2c2;
}

.breadcrumbs a nobr {
    color: #235090;
}

.breadcrumbs nobr {
    color: #707070;
}

.breadcrumbs a:hover {
    text-decoration: none;
}

#main p {
    margin: 0 0 15px;
}

#main a {
    color: #235090;
}

#main a:hover {
    text-decoration: none;
} 

h1 {
    font-size: 22px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 1;
    margin: 0 0 5px;
    position: relative;
    top: 6px;
}

#sIFR h1 {
    background-color: transparent;
    color: #235090;
    font-family: myriadpro; 
}

h2 {
/*    border-bottom: 1px solid #e1e1e1; */
    color: #235090;
    font-size: 16px;
    font-weight: bold;
    line-height: 1; 
    margin: 0 0 15px;
    padding: 0 0 5px;
    position: relative;
    top: 6px;
}

h2 a {
    text-decoration: none;
}
/*
#sIFR h2 {
    background-color: #fff;
    color: #235090;
    font-family: myriadpro; 
}
*/
h3 {
    font-size: 14px;
    font-weight: bold;
    line-height: 1; 
    margin: 0 0 5px;
    padding: 0;
}

img.cmx-GrayBorderFloatRight {
    border: 4px solid #ececec;
    float: right;
    margin: 5px 0 10px 10px;
}

img.cmx-GrayBorderFloatLeft {
    border: 4px solid #ececec;
    float: left;
    margin: 5px 10px 10px 0;
}

#main .resources {
    border: 1px solid #d7d7d7; 
    display: block;
    font-size: .90em;
    line-height: 1.5;
    margin: 0 0 20px;
    padding: 5px 14px 14px;
    width:495px;
} 

#main .resources h2 {
    border: 0;
    margin: 0 0 5px;
    padding: 0;
    width: 255px;
    font-size:14px;
}

#main .resources .left {
    display: block;
    float: left;
    padding: 5px 0 0;
    width: 255px;    
}

#main .resources .right {
    display: block;
    float: right;
    padding: 5px 0 0;
    width: 200px;
}

#main .resources a {
    background: url("/images/layout/left-nav-bg.gif") 0 6px no-repeat;
    font-size: .95em;
    padding: 0 0 0 10px;
    line-height:20px;
}

#main .resources  h2 a {
    background:none;
    padding:0;
}

#main .resources h2 {
    margin-bottom:5px;
}

#main ul, ol {
    margin: 0 0 20px 25px;
}

p.cmx-BottomBox {
    background: #f5f5f5;
    border: 1px solid #d7d7d7;
    display: block;
    font-size: .90em;
    height: 35px;
    padding: 15px 15px 0;
    text-align: center;
}

table.fiftyfifty td {
    width: 50%;
} 

#main table td {
    vertical-align: top;
}

#main table.featured_products {
    font-size: .85em;
}

#main .table.featured_products ul {
    margin: 0;  
    padding: 0;    
}

font.cmx-PDF {
    background: url("/images/layout/pdf-icon.jpg") no-repeat;
    padding: 0 0 0 18px;
    line-height:20px;
}

a.cmx-PDF span {
    background: url("/images/layout/pdf-icon.jpg") left no-repeat;
    line-height: 1.4em;
    padding: 0 0 0 20px;
}

font.cmx-Video {
    background: url("/images/layout/video-icon.jpg") no-repeat;
    line-height: 1.4;
    padding: 0 0 3px 18px;
}

font.cmx-Excel {
    background: url("/images/layout/excel-icon.jpg") no-repeat;
    line-height: 1.4;
    padding: 0 0 3px 18px;
}

font.cmx-SuperScript {
    vertical-align: super;
}

font.cmx-SubScript {
    vertical-align: sub;
}



/**************************
=FOOTER ELEMENTS
**************************/

#footer {
    border-top:1px solid #ebebeb;
    clear: both;
    color: #898989;
    font-size: 11px;
    line-height: 16px;
    width: 100%;
}

#footer a {
    color: #898989;
    text-decoration: none;
}

#footer a:hover {
    color: #000
}

#footer .top {
    background-color: #f5f5f5;
    display: block;
    padding: 10px;
}

#footer .bottom {
    display: block;
    padding: 10px;
}

#footer .bottom .col2 {
    padding: 0 0 0 40px;
}

/**************************
    CATEGORY PAGE
**************************/
.cat_box {
    display: block;
    float: left;
    margin: 10px 5px;
    width: 360px;
}

.cat_image {
    display: block;
    float: left;
    width: 140px;
}

.cat_box_text {
    display: block;
    float: right;
    font-size: .90em;
    line-height: 1.4;
    padding: 0 0 0 10px;
    width: 200px;
}

#main .cat_box_text p {
    margin: 0;
    padding: 0;
}

/****************************************
    2ND LEVEL  CATEGORY PAGE
****************************************/

.cat_box_2 {
    display: block;
    float: left;
    margin: 10px 0 10px 0;
    width: 150px;
}

.cat_box_2.middle {
    margin: 10px 35px;
}

.cat_image_2 {
    display: block;
    float: left;
    width: 150px;
    border:4px solid #ECECEC;
    margin:5px 0 10px 0;
}

.cat_box_text_2 {
    clear: both;
    display: block;
    float: left;
    font-size: .90em;
    line-height: 1.4;
    padding: 0;
    width: 150px;
}

#main .cat_box_text_2 p {
    margin: 0;
    padding: 0;
}

/***********************
    PRODUCT PAGE
************************/

.prod_box {
    border-bottom: 1px solid #eee;
    margin: 10px 0;
    padding: 0 0 10px;
    width: 525px;
}

.prod_left {
    float: left;
    width: 150px;
}

.prod_box_image {
    display: block;
    width: 150px;
}

.prod_call {
    background-color: #e1e1e1;
    font-size: .85em;
    line-height: 1.3;
    margin: 1px 0 0;
    padding: 5px;
}

.prod_box_text {
    display: block;
    float: right;
    font-size: .90em;
    line-height: 1.4;
    margin: 0 0 0 10px;
    padding: 0;
    width: 360px;
}

.prod_box_text ol {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.prod_box_text ol li {
    background: url("/images/layout/pdf-icon.jpg") no-repeat;
    line-height: 1.4;
    padding: 0 0 3px 18px;
}

/**************************
    APPLICATION PAGE
**************************/
.app_box {
    border-bottom: 1px solid #eee;
    margin: 10px 0;
    padding: 0 0 10px;
    width: 525px;
}

.app_left {
    float: left;
    width: 200px;
}

.app_box_image {
    display: block;
    width: 200px;
    border:4px solid #ECECEC;
    margin:5px 0 10px;
    float:left;
}

.app_box_text {
    display: block;
    float: right;
    font-size: .90em;
    line-height: 1.4;
    margin: 0 0 0 10px;
    padding: 0;
    width: 300px;
}

/*************************
    BRANDS PAGE 
*************************/

.brand_box {
    float: left;
    margin: 5px 12px;
    width: 125px;
}


/*******************************
    SORTABLE TABLES
*******************************/
#sortableTable {
    margin: 15px 0;
}

#sortableTable a {
    text-decoration: none;
}

#sortableTable a:hover {
    text-decoration: underline;
}

#sortableTable td {
    border-bottom: 1px solid #e1e1e1;
    padding: 2px 5px;
}

#sortableTable th {
    background-color: #C2C2C2;
    color: #000;
    font-size: .90em;
    font-weight: bold;
    padding: 2px 5px;
}

#sortableTable th a {
    color: #000;
    text-decoration: none;
}

#sortableTable th a:hover {
    color: #235090;
    text-decoration: none;
}

#sortableTable .th1, #sortableTable .th2, #sortableTable .th3 {
    text-align: left;
}

#sortableTable .th1, #sortableTable .column1 {
    width: 80px;
}

#sortableTable .th2, #sortableTable .column2 {
    text-align: left;
    width: 235px;
}

#sortableTable .th3, #sortableTable .column3 {
    text-align: left;
    width: 140px;
}

/***********************************
    PRESS RELEASES LISTING
************************************/
.press_listing {
    border-bottom: 1px solid #e1e1e1;
    padding: 2px 0;
}

.press_date {
    float: left;
    width: 100px;
}

.press_title {
    float: left;
    width: 325px;
}

.press_category {
    float: left;
    width: 100px;
}

/**************************
    SCRAPED TABLE
***************************/
table.scrapetable {
    border: 0;
    border-collapse: collapse;
    font-size: .90em;
    padding: 10px 0 0;
    width:  100%;
}

table.scrapetable td {
    border: 1px solid #c1c1c1;
    padding: 2px 5px;
}  

table.scrapetable tr.row1 {
    background-color: #9B0207;
    color: #fff;
}


/* ----- image border ------ */

.img-border img {
border:4px solid #ECECEC;
margin:5px 0 10px;
float:left;
}

.whiteBox {
background-color:#fff;
display:block;
}

.prod_left img {
border:4px solid #ECECEC;
margin:5px 0 10px;
float:left;
}

.prod_box_text {
width:350px;
}


/* ---- Flooring Blog Header --- */

.container-marketing {
    position:relative;
}

img.btn-blog {
    position:absolute;
    top:52px;
    right:-61px;
    z-index:99;
}

.UAie7 img.btn-blog {
    position:absolute;
    top:22px;
    right:-61px;
    z-index:99;
}

/* --- clear ---*/

div.clear { 
    clear:both;
    height:0.01em;
}