/* Website Developed By BusinessOnLine */
/* Developer: Jegan Chen                               */
/* Last Modified: 06.08.2009                            */


/* GLOBAL SETTINGS 
**************************/
body *, html * {
    margin: 0;
    padding: 0;
}

body {
    background: url("/images/layout/body-bg.jpg") 0 110px repeat-x;
    font: 100% Arial, Verdana, Sans-serif;
}

#container {
    margin: 0 auto;
    width: 900px;
}

/* =SEARCH BOX
**********************/
.search {
    float: right;
    margin: 30px 0 0;
    width: 335px;
}

.GoogleForm {
    float: right;  
    margin: 0 0 10px;    
    width: 230px;
}

.GoogleForm input {
    float: left;
    width: 160px;
}

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


/* =BANNER ELEMENTS
*******************************/
#banner {
    clear: both;
    float: left;
    width:100%;
}

/* =BANNER NAVIGATION 
*******************************/
.bannernavigation {
    background-color: #de002b;
    margin: 3px 0 0;
    height: 31px;
    width:100%;
}

.bannernavigation ul {
    list-style-type: none;
}

.bannernavigation li {
    float: left;    
    font-size: 13px;
}

.bannernavigation li a {
    color: #fff;
    line-height: 30px;
    padding: 5px 18px;    
    text-decoration: none;
}

.bannernavigation li#home a:hover, body.home .bannernavigation li#home a {
    background: url("/images/layout/nav-home.gif") 3px 0 no-repeat;
}

.bannernavigation li#blog a:hover, body.blog .bannernavigation li#blog a {
    background: url("/images/layout/nav-blog.gif") 3px 0 no-repeat;
}

.bannernavigation li#applications a:hover, body.applications .bannernavigation li#applications a {
    background: url("/images/layout/nav-applications.gif") 7px 0 no-repeat;
}

.bannernavigation li#materials a:hover, body.materials .bannernavigation li#materials a  {
    background: url("/images/layout/nav-materials.gif") 8px 0 no-repeat;
}

.bannernavigation li#advantage a:hover, body.advantage .bannernavigation li#advantage a {
    background: url("/images/layout/nav-advantage.gif") 6px 0 no-repeat;
}

.bannernavigation li#industries a:hover, body.industries .bannernavigation li#industries a {
    background: url("/images/layout/nav-industries.gif") 8px 0 no-repeat;
}

.bannernavigation li#about-us a:hover {
    background: url("/images/layout/nav-about-us.gif") 8px 0 no-repeat;
}

.bannernavigation li#contact-us a:hover {
    background: url("/images/layout/nav-contact-us.gif") 5px 0 no-repeat;
}

.bannernavigation li#reseller a {
    background-color: #9e0b0f;
    border: 1px solid #f71945;
    font-size: 11px;
    font-weight: bold;
    margin: 5px 0 5px 10px;
    padding: 5px 15px;
    text-transform: uppercase;
}

.bannernavigation li#reseller a:hover {
    background-color: #8a0306;
}

/* =MAIN ELEMENTS
*************************/
.starburst2 {
    left: 50%;
    margin: -5px 0 0 360px;
    position: absolute;
}

#main {
    color: #555;
    float: right;
    font-size: .80em;
    padding: 0 0 0 15px;
    width: 685px;
}

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

#main p {
    line-height: 1.6;
    margin: 0 0 15px;
}

.utilities {
    clear: both;
    color: #707070;
    font-size: .85em;
    padding: 15px 3px;
}

.utilities a {
    color: #df002c;
}

.breadcrumbs {
    float: left;
}

.printable {
    background: url("/images/layout/print-icon.gif") no-repeat;
    float: right;
    line-height: 20px;
    padding: 0 0 0 20px;
}

h1 {
    clear: both;
    font-size: 25px;
    font-weight: normal; 
    margin: 0 0 10px;
}

#sIFR h1 {
    background-color: transparent;
    font-family: avenir; 
    margin: 0 0  10px;
}

h2 {
    clear: both;
    font-size: 20px;
    font-weight: normal; 
    margin: 0 0 10px;
}

#sIFR h2 {
    background-color: transparent;
    font-family: avenir; 
    margin: 0 0 10px;
}

h3 {
    clear: both;
    font-size: 18px;
    font-weight: normal; 
    margin: 0 0 10px;
}

#sIFR h3 {
    background-color: transparent;
    font-family: avenir; 
    margin: 0 0 10px;
}

h6 {
    clear: both;
    font-size: 25px;
    font-weight: normal; 
}

#sIFR h6 {
    background-color: transparent;
    color: #de002b;
    font-family: avenir; 
    margin: 0 0 10px;
}

#main ul {
    clear: left;
    list-style-image: url("/images/layout/bullet-red.gif");
    list-style-type: none;
    margin: 0 0 15px 25px;
}

img.cmx-MainImage {
    float: left;
    margin: 5px 10px 10px 0;
}

img.cmx-MainImageRight {
    float: right;
    margin: 5px 0 10px 10px;
}

#main ul li {
    padding: 0 0 5px 9px;
}

#main ol {
    clear: left;
    margin: 0 0 15px 34px;
}

#main ol li {
    padding: 0 0 5px 0;
}

#main .more {
    border: 1px solid #e1e1e1;
    background-color: #ececec;
    clear: both;
    margin: 0 0 15px 0;
    padding: 20px 0 20px 20px;
}

#main .more ul {
    clear: none;
    display: block;
    float: left;
    font-size: .90em;
    list-style-image: none;
    list-style-type: none;
    margin: 10px 0 0 0;
    width: 220px;
}

#main .more ul li {
    background: url("/images/layout/bullet-red.gif") no-repeat;
    padding: 0 0 5px 15px;
}

#main a.pdf {
    background: url("/images/layout/pdf-icon.gif") no-repeat;
    clear: both;
    display: block;
    margin: 5px 0;
    padding: 0 0 0 20px;
}

.connect {
    background: url("/images/layout/button-footer.jpg") no-repeat;
    clear: both;
    color: #fff;
    height: 30px;
    margin: 0 0 15px;
    padding: 10px 0 0;
    text-align: center; 
}

.connect a {
    color: #fff;
}

.product {
    float: left;
    margin: 15px 15px 15px 0;
    width: 150px;
}

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

.threeimage1 {
    border: 1px solid #ccc;
    float: left;
    margin: 0 0 0 2px;
}

.threeimage2 {
    border: 1px solid #ccc;
    float: left;
    margin: 0 35px;
}

.threeimage3 {
    border: 1px solid #ccc;
    float: left;
}

.threelink1, .threelink2, .threelink3 {
    display: block;
    float: left;
    font-size: .90em;
    margin: 0 1px;
    text-align: center;
    width: 200px;
}

.threelink1 {
    margin: 0 0 0 2px;
}

.threelink2 {
    margin: 0 35px;
}


.clearboth {
    clear: both;

}

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

.idLeft {
    display: block;
    float: left;
    width: 60px;
}

.idRight {
    display: block;
    float: right; 
    padding: 5px 0 0;
    width: 625px;
}

/* =Scrape Table Elements 
********************************/

table.scrapetable {
    background-color: #fff;
    border: 1px solid #D9D9D9;    
    border-collapse: collapse;
    color: #000;
    font-size: .85em;
    margin: 5px 0 10px;
} 

#main table.scrapetable p {
    margin: 0;
    padding: 0;
}

.scrapetable td.col1 {
    background-color: #E9E9E9; 
    font-weight: bold;
    width: 180px;
}

.scrapetable td {
    border: 1px solid #D9D9D9;
    border-spacing: 1px;
    padding: 3px 5px;
    vertical-align: top;
}

.scrapetable .even td {
    background-color: #fff; 
    border: 0;
    height: 2px;
    line-height: 1px;
    font-size: 1px;    
    padding: 0;
}

.scrapetable td.col2 {
    background-color: #fff; 
    border: 0;
    line-height: 1px;
    font-size: 1px;    
    padding: 0;
    width: 1px;
}

/* =LEFT ELEMENTS
*************************/
#left {
    float: left;
    width: 200px;
}

#left a {
    color: #353535;
    text-decoration: none;
}

#left a:hover {
    color: #D80014;
}

#left .left-box-outer-1 {
    background: url("/images/layout/left-box-heading-1.gif") no-repeat;
    margin: 0 0 10px;
}

#left .left-box-outer-2 {
    background: url("/images/layout/left-box-heading-2.gif") no-repeat;
    margin: 0 0 10px;
}

#left .left-box-inner {
    background: url("/images/layout/left-box-bottom.gif") 0 100% no-repeat;
    padding: 0 0 3px;
}

#left .left-box-heading { 
    font-size: 13px;
    height: 22px;
    padding: 8px 0 0 30px;
}

#left .left-box-text {
    background-color: #fff;
    border-color: #e2e2e2;
    border-style: solid;
    border-width: 0 1px;
    font-size: .80em;
    padding: 15px 20px 15px 0;
    width: 178px;    
}

#left .left-box-text ul {
    color: #555;
    list-style-type: none;
    list-style-image: url("/images/layout/bullet-red.gif");
    margin: 0 0 0 30px;
}

#left .left-box-text ul li {
    line-height: 1.2em;
    margin: 0 0 8px;
}

/* =FOOTER ELEMENTS
******************************/
#footer {
    background: url("/images/layout/footer-bg.jpg") no-repeat;
    clear: both;
    color: #707070;
    font-size: .70em;
    line-height: 1.7;
    padding: 10px 0 0;
    text-align: center;
}

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

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

.footer-top {
    clear: both;
} 

.copyrightnotice {
    background: url("/images/layout/copyright-bg.gif") 50% 0 no-repeat;
    clear: both;
    display: block;
    margin: 5px 0 0;
    padding: 10px 0;
}

/* =LEFT NAVIGATION LINKS 
*********************************/
body.assetid #left a.assetidlink,
body.rfid #left a.rfidlink,
body.uid #left a.uidlink,
body.assetlabel #left a.assetlabellink,
body.oem #left a.oemlink,
body.security #left a.securitylink,
body.paint #left a.paintlink,
body.warehouse #left a.warehouselink,
body.hightemp #left a.hightemplink,
body.applications #left a.applicationslink {
    color: #D80014;
    font-weight: bold;
}

/* -- Reseller Profiles -- */

.company {
    width:250px;
    float:left;
    margin-bottom:10px;
    }

.company-description {
    width:435px;
    float:left;
    margin-bottom:10px;
    background:url(/images/layout/copyright-bg.gif) bottom left no-repeat;
    }

.company-description p {
    margin-bottom:10px;
    }

.last .company-description {
    background:none;
    }

.clear { clear:both; }