/******************************************************
        TierRack CSS File
        Coded by BusinessOL.com
        Thanh Nguyen August 2005
        http://www.businessol.com/

        Updated July 2008
        Jegan Chen
******************************************************/

/***************** =Global Definitions***************/

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

body {
    background: url("/images/layout/body-bg.jpg") repeat-x;
    margin: 0px;
    padding: 0px;
    font: 100% Arial, Helvetica, sans-serif;
}

a {
    color: #397ddb;
    text-decoration: underline;
} 

a:hover {
    text-decoration: none;
}

ul {
    margin: 0 0 0 20px;
} 

ol {
    margin: 0 0 0 25px;
}


/* =Wrapper */

.wrapper {
    margin: 0 auto;
    width: 900px;
}

/******************* =Banner**********************/

#banner{
    background: url("/images/layout/banner-bg.jpg") no-repeat;
    clear: both;
    float :left;
}

#banner .logo {
    display: block;
    float: left;
}

.searchbox {
    display: block;
    float: right;
    padding: 5px 8px 0;
}

.searchbox input {
    border: 1px solid #707070;
    float: left;    
    height: 18px;
    margin: 0 5px 0 0;
}

.all-new {
    display: block;
    float: right;
    margin: 11px 0 0;
    width: 206px;
}

.bannernavigation {
    background: url("/images/layout/banner-nav-bg.jpg") no-repeat;
    height: 35px;
    width: 900px;
}

.bannernavigation a{
    background: url("/images/layout/banner-nav-separator.jpg") 100% 8px no-repeat;
    color: #fff;
    display: inline-block;
    float: left;
    font: bold 17px "Arial Narrow", Arial, Verdana, sans-serif;
    text-decoration: none;
    padding: 7px 12px 6px 11px;
}

.bannernavigation a.contact {
    background: url("/images/layout/banner-nav-separator-2.jpg") 100% 8px no-repeat;
}

.bannernavigation a.last {
    background: none;
}

#banner_current {
/*    background: url("/images/layout/nav-current.gif") 50% 0 no-repeat; */
    color: #c1c1c1;
}

.bannernavigation a:hover {
    color: #ccc;
} 

/* =Breadcrumbs */

.utility {
    background: url("/images/layout/utility-bg.jpg") repeat-x;
    color: #707070;
    font-size: 11px;
    height: 26px;
    padding:  0 15px 0 13px;
}

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

.breadcrumbs {
    background: url("/images/layout/breadcrumb-bg.gif") 0 9px no-repeat;
    display: block;
    float: left;
    padding: 6px 0 0 10px;
}

/******************* =Left************************/

#left {
    float: left;
    padding: 25px 0;    
    color: #555;
    font: .75em/1.5em Arial, Verdana, sans-serif;
    width:  200px;
}

#left .leftnavigation {
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    display: block;
    padding: 0 10px;
    width: 178px;
}

#left .leftnavigation a {
    background: url("/images/layout/left-nav-small-arrow.jpg") 0 5px no-repeat;
    clear: both;
    display: block;
    margin: 0 0 0 18px;
    padding: 0 0 0 10px;
    text-decoration: none;
}

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

#left .leftnavigation a.left-heading {
    background: url("/images/layout/gray-dot-horizontal.gif") 0 100% repeat-x;
    clear: both;
    color: #000;
    display: block;
    font: bold 16px "Arial Narrow", Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 10px 0;
}

/*
#left .leftnavigation a.left-heading.last {
    background: none;
}
*/

#left .leftnavigation a.left-heading span {
    background: url("/images/layout/left-nav-arrow.jpg") 0 3px no-repeat;
    margin: 0;
    padding: 0 0 0 22px;
}

#left .leftnavigation a.left-heading:hover {
    color: #003777;
}

#left .leftnavigation a.left-subheading {
    clear: both;
    display: block;
    margin: 0 0 0 5px;
} 

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

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

#main {
    margin: 0;
    float: right;
    width: 660px;
    color: #555;
    font: .80em/1.7em  Arial, Helvetica, sans-serif;
    padding: 25px 0 25px 40px;
}

img.header {
    padding: 0 0 17px 10px;
}

.call-to-action-sub {
    float: right;
    display: block;
    width: 180px;
    padding: 0;
    margin: 0 0 0 5px;
}

#main .thumbnail {
    text-align: center;
    float: left;
    padding: 3px;
    margin: 5px 0;
}

#main p{
    padding: 5px 0 15px 0;
}

#main .thumbnail p, #main .rightThumb p{
    padding: 5px 0;
    margin: 0;
}

#main .thumbnail img, #main .rightThumb img{
    padding: 3px;
    border: 1px solid #ccc;
}

#main .rightThumb{
    text-align: center;
    float: right;
    clear: right;
    padding: 3px;
    margin: 5px 0;
}

.scrapetable {
    width: 100%;
    text-align: center;
}

.scrapetable th{
    background-color: #000;
    color: #fff;
}

.scrapetable .base{
    text-align: left;
}

.scrapetable  .col4 .col4_3 {
    border-bottom: 1px solid #ccc;
}

.scrapetable .odd{
    background-color: #e7e7e7;
}

.row{
    display: block;
    clear: both;
    margin: 0 0 10px 0;
}


/******************* =Footer**********************/

#footer{
    background: url("/images/layout/footer-bg.jpg") repeat-x;
    clear: both;
    color: #000;
    font: .70em/1.7em Tahoma, Arial, Verdana, sans-serif;
    width: 100%;
}

.footer-top {
    background: url("/images/layout/footer-top-bg.jpg") no-repeat;
    height: 205px;
    margin: 0 auto;
    width: 900px;
}


#footer .column-box.first {
    background:  url("/images/layout/gray-dot.gif") 100% 0 repeat-y;
    float: left;
    margin: 0 15px 0 0;
    padding: 25px 0 30px 15px;
    width: 195px;
}

#footer .column-box.second {
    background:  url("/images/layout/gray-dot.gif") 100% 0 repeat-y;
    float: left;
    padding: 25px 30px 30px 15px;
    width: 196px;
}


#footer .column-box.third {
    background: url("/images/layout/gray-dot.gif") 100% 0 repeat-y;
    float: left;
    padding: 25px 30px 30px 30px;
    width: 165px;
}


#footer .column-box.last {
    background: none;
    float: left;
    padding:25px 15px 30px 30px;
    width: 164px;
}

.footer-bottom {
    background: url("/images/layout/footer-bottom-bg.jpg") no-repeat;
    color: #363636;
    height: 87px;    
    margin: 0 auto;
    padding: 18px 0 0;
    width: 900px;
}

.footer-bottom a {
    color: #363636;
}

.address {
    float: left;
    padding: 0 0 0 15px;
    width: 435px;
}

.footer-nav {
    float: right;
    padding: 0 15px 0 0;
    text-align: right;
    width: 435px;
}

/******************** =Global************************/

img.gray{
    margin-right: 5px;
    border: 2px solid #808080;
}

.left{
    float: left;
}

.right{
    float: right;
}

#main .block{
    display: block;
    width: 520px;
    clear: both;
}

.floatleft{
    float: left;
    clear: left;
}

.floatright{
    float: left;
    clear: right;
    margin-left: 10px;
}

.hr{
    border-top: 1px solid #e7e7e7;
}

.watch li, #left .watch li{
    background: url("/images/video.gif") 0% 50% no-repeat; 
    padding-left: 20px; 
}

/* =Heading Styles */

h2{
    font: bold 1.4em "Arial Narrow", Helvetica, sans-serif;
    color: #000;
    display: block;
    clear: left;
    margin-top: 20px;
}

h3{
    font: bold 1.0em Tahoma, Arial, Helvetica, sans-serif;
    color: #555;
}


/* =sIFR */

h1 {
    clear: left;
    color: #0052c7;    
    display: block;
    font-family: "Arial Narrow", Helvetica, Arial, sans-serif;
    font-size: 20px;
    height: 25px;
    margin: 0 0 5px 0;
}

#sIFR h1 {
    background-color: transparent;
    color: #0052c7;
    font-family: helvetica;
} 

#sIFR h2 {
    background-color: transparent;
    color: #0052c7;
    font-family: helvetica;
}  

h5 {
    font-size: 14px;
    height: 20px;
    margin: 0 0 5px 0;
}

#sIFR h5 {
    background-color: transparent;
    color: #464646;
    font-family: helvetica;
}

#sIFR h5 a:hover {
    color: #003777;
}

.sIFR-replaced a { display:block; }

/* =Custom Image Styles */

img.cmx-MainLeft {
    background: #fff;
    border: 1px solid #e1e1e1;    
    float: left;
    margin: 0 10px 2px 0;
}

img.cmx-MainRight {
    background: #fff;
    border: 1px solid #e1e1e1;    
    float: right;
    margin: 0 0 2px 10px;

}

/* =Light Box */
/* =LIGHTBOX STYLES
***************************/
#lightbox {
    background-color: #fff;
    padding: 10px;
    border-bottom: 5px solid #fff;
    border-right: 5px solid #fff;
    border-top: 5px solid #fff;
    border-left: 5px solid #fff;
    color: #555;
    }
#lightbox a {
    color: #555;
    }
#lightboxDetails{
    font-size: 0.8em;
    padding-top: 0.4em;
    }	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(/images/lightbox/overlay.png); }

* html #overlay{
    background-color: #508B6D;
    back\ground-color: transparent;
    background-image: url(/images/none.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/lightbox/overlay.png", sizingMethod="scale");
    }


a.lightbox-gallery {
    float: left;
    margin: 0 5px 0 0;
}

/* footer sifr links */

.footer-top { position: relative; }
.footer-top a.link-used-racks { position:absolute; top:23px; left:15px; z-index:99; width:190px; height:20px; background:url("/Images/spacer.gif"); }
.footer-top a.link-stock { position:absolute; top:23px; left:235px; z-index:99; width:190px; height:20px; background:url("/Images/spacer.gif"); }
.footer-top a.link-about { position:absolute; top:23px; left:496px; z-index:99; width:190px; height:20px; background:url("/Images/spacer.gif"); }
.footer-top a.link-contact { position:absolute; top:23px; left:720px; z-index:99; width:190px; height:20px; background:url("/Images/spacer.gif"); }

.footer-top a span { display:none; }

/*------ */
.margin-right-10px { margin-right:10px; }
.margin-left-10px { margin-left:10px; }

.img-border {
    border:1px solid #ccc;
    padding:2px;
}

.img-left {
    float:left;
    margin-right:10px;
    margin-bottom:10px;
}

.img-right {
    float:right;
    margin-left:10px;
}

img.cmx-Bordered {
    background-color: #fff;
    border: 1px solid #ececec;
    margin: 0 5px 2px 0;
    padding: 1px;
    float: left;
}

.margin-bottom-10px {
    margin-bottom:10px;
}

FONT.cmx-TextRed {
    color:#990000;
}