/***   GLOBAL STYLES
*********************************/
body{
    background: #CDCDCD;
    }

p, h1, h2, h3, h4, h5, h6{
    padding: 0;
    margin: 0;
    }
    
    
/***   MAIN CONTAINER
*********************************/
#container{
    width: 720px;
    padding: 0 20px;
    margin: 0 auto ;
    background: url(/images/container_bg.gif) repeat-y;
    font-family: Tahoma, Arial;
    }

.UAmac #container{
    font-family: "Trebuchet MS", Arial;
    }
    

/***   GLOBAL HEADER
*********************************/
#banner{
    background: #FFF;
    position: relative;
    }

.bannernavigation{
    clear: both;
    font-size: 11px;
    border-bottom: solid 5px #000;
    }

.macbreak{
    display: none;
    }

.UAiemac .macbreak{
    display: block;
    }

.bannernavigation a{
    display: table-cell !important;
    display: inline-block;
    text-decoration: none;
    background: #FF0000;
    border-right: solid 1px #FFF;
    border-bottom: solid 1px #FFF;
    border-top: solid 4px #FF0000;
    color: #FFF;
    padding: 3px 13px;
    }

.UAiemac .bannernavigation a{
    display: block !important;
    float: left !important;
    text-decoration: none;
    background: #FF0000;
    border-right: solid 1px #FFF;
    border-bottom: solid 1px #FFF;
    border-top: solid 4px #FF0000;
    color: #FFF;
    padding: 3px 13px;
    }

.bannernavigation a:hover{
    text-decoration: underline;
    }

.bannernavigation a.home{
    padding: 3px 14px;
    }

.bannernavigation a.contact{
    border-right: 0;
    padding: 3px 15px;
    }

.UAmac .bannernavigation a.contact{
    padding: 3px 19px;
    }

#banner_current{
    border-top: solid 4px #0096e3;
    border-bottom: solid 1px #000;
    background: #000;
    }

.breadcrumbs{
    display: block; 
    padding: 5px;
    background: #E6E6E6;
    font-size: 0.85em;
    }

.breadbrumbs a{
    text-decoration: none;
    color: #0000FF;
    }

.GoogleForm{
    position: absolute;
    top: 80px;
    left: 515px;
    }

.GoogleForm img{
    position: relative;
    top: 4px !important;
    top: 2px;
    left: 2px;
    }

.GoogleForm input{
    width: 150px;
    }


/***   MAIN BODY CONTAINER
*********************************/
#main{
    width: 500px;
    margin: 10px 10px 10px 0;
    float: right;
    display: inline;
    }

#main h1{
    font-weight: normal;
    font-family: Arial, Helvetica, Sans-serif;
    border-left: solid 5px #0096e3;
    padding: 5px;
    font-size: 1.9em;
    margin-bottom: 0.85em;
}

#main h2{
    border-bottom: 4px solid #FF0000;
    clear: both;
    font-size: 1.3em;
    line-height: 1.0em;
    margin: 20px 0 5px 0;    
    padding: 0 0 3px 0;
    }

#main h2 a {
    color: #000;
    text-decoration: none;
    }

#main h2 a:hover {
    color: #FF0000;
    }

#main h3{
    font-size: 1.1em;
    font-weight: bold;
    }

#main ul{
    list-style-type: square;
    }
    
#main p{
    margin :1.5em 0;
    }

#main .maincontent{
    display: block;
    font-size: 0.9em;
    line-height: 1.5;
    }

.UAiemac #main .maincontent{
    display: inline;
    }
    

/***   LEFT NAVIGATION
*********************************/
#left{
    float: left;
    width: 180px;
    margin: 10px 20px 10px 10px;
    display: inline;
    font-size: 0.85em;
    }
    
#left h2{
    display: block;
    background: #FF0000;
    font-weight: bold;
    font-size: 1em;
    color: #FFF;
    padding: 5px;
    border-bottom: solid 1px #000;
    }

#left h2 a{
    padding: 0;
    background: none;
    color: #FFF;
    text-decoration: none;
    }

#left a{
    display: block;
    padding: 5px;
    background: url(/images/left_separator.gif) repeat-x bottom;
    color: #000;
    text-decoration: none;
    }

#left #left_current{
    background: url(/images/left_separator.gif) repeat-x bottom #E6E6E6;    
    }

#left a.product{
    display: block;
    padding: 5px 5px 5px 15px;
    background: url(/images/icon_arrow_blue.gif) no-repeat 5px 8px;
    font-weight: bold;
    color: #000;
    text-decoration: none;
    }

#left .productCategory{
    display: block;
    background: url(/images/left_separator.gif) repeat-x bottom;
    padding-bottom: 1px;
    }

#left .category{
    display: block;
    padding: 5px 5px 10px 5px;
    }

#left .category ul{
    padding: 0;
    margin: 0 0 0 30px;
    list-style-type: square;
    }

#left .category li{
    margin-bottom: 5px;
    }

#left .category ul a{
    padding: 0;
    background: none;
    display: inline;
    }

/*** Hides sub-navigation category links ***/
#left .random,
#left .mist, 
#left .liquid, 
#left .fractionalTower, 
#left .structured, 
#left .fractionalTrays{
    display: none;
    }


/***   RIGHT MARGIN
*********************************/
#right{
    float: right;
    width: 180px;
    font-family: Arial, Helvetica, Sans-serif;
    margin: 0 0 10px 10px;
    }

#right .rightOuter{
    display: block;
    border: solid 5px #FFF;
    }

#right .rightInner{
    display: block;
    border: solid 1px #C1C1C1;
    background: #DADADA;
    padding: 0 8px;
    }


#right .call, #right .fax, #right .request, #right .email, #right .print_link{
    display: block;
    background: url(/images/left_separator.gif) repeat-x bottom;
    padding-bottom: 1px;
    padding: 5px 0;
    }


#right .small{
    display: block;
    font-size: 12px;
    font-weight: bold;
    }

#right .large{
    display: block;
    font-size: 18px;
    font-weight: bold;
    }

#right .request{
    font-size: 15px;
    }

#right .email{
    font-size: 15px;
    }

#right .request a, #right .email a{
    background: url(/images/icon_arrow_blue.gif) no-repeat 0 50%;
    padding: 0 0 0 10px;
    color: #000;
    text-decoration: none;
    font-weight: bold;
    }

#right .print_link{
    background: none;
    text-align: center;
    background: url(/images/icon_print.gif) no-repeat 0 50%;
    font-size: 11px;
    }


/***   GLOBAL FOOTER
*********************************/
#footer{
    clear: both;
    background: #E6E6E6;
    width: 720px;
    padding: 15px 0;
    font-size: 0.85em;
    color: #595959;
    line-height: 1.5;
    text-align: center;
    margin: 15px 0 0 0;
    }

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

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

#footer .noprint{
    display: block;
    border-top: solid 5px #FF0000;
    margin: 0 15px;
    padding: 10px 0 0 0;
    }

#footer .printable{
    display: none;
    }

font.cmx-Subscript{
    font-size: 0.85em;
    position: relative;
    top: 0.15em;
    }

font.cmx-Superscript{
    font-size: 0.85em;
    position: relative;
    top: -0.15em;
    }

#main img.cmx-FloatLeft, #main img.cmx-FloatRight, #main img.cmx-Block, #main img.cmx-Center{
    background-color: #fff;
    border: 1px solid #C1C1C1;
    margin: 5px 5px 0 5px;
    padding: 2px;
    }

.showPrint{
    display: none;
    }