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

body {
    font: 100% Tahoma, Verdana, Sans-serif;
    }

body a:hover {
    text-decoration: none;
    }

body ul {
    margin: 0 0 0 20px;
    }

#container {
    background-color: #fff;
    border-top: 1px solid #e1e1e1;
    margin: 131px auto 0;
    width: 760px;
    }
.UAsafari #container { 
    margin: 0 auto;
    padding: 131px 0 0;
    }

.wrapper {
    display: block;
    float: right;
    width: 560px;
    }

/* =MISC STYLES
*********************/
h1 { 
    color: #035cc3;
    font: 2.0em Arial, Sans-serif;
    letter-spacing: -1px;    
    padding: 20px 0 5px 0;
    }

h2 {
    color: #035cc3;
    font: 1.6em Arial, Sans-serif;
    margin: 20px 0 5px 0;   
    }

font.cmx-Blue {
    color: #005ac2;
    }

img.cmx-Product {
    border: 1px solid #000;
    float: left;
    margin: 7px 5px 0 0;
    padding: 1px;    
    }

img.cmx-ProductFloatLeft {
    border: 1px solid #000;
    float: left;
    margin: 7px 5px 0 0;
    padding: 1px;
    }

img.cmx-ProductFloatRight {
    border: 1px solid #000;
    float: right;
    margin: 7px 0 0 5px;
    padding: 1px;
    }

.clearboth {
    clear: both;
    }

/* =BANNER ELEMENTS
*****************************/
#banner {
    clear: both;
    height: 130px;
    position: absolute;
    top: 0;
    width: 760px;
    } 

#banner .slogan {
    color: #737373;
    display: block;
    float: left;
    height: 55px;
    font: 18px Arial, Sans-serif;
    letter-spacing: -1px;
    padding: 40px 0 0 20px;
    width: 260px;
    } 

#banner .GoogleForm {
    display: block;
    float: left;
    height: 55px;
    padding: 20px 0 0 20px;    
    width: 203px;
    }

#banner .GoogleForm input {
    float: left; 
    margin: 0;
    width: 125px;
    }

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

#banner input.radio1 { 
    float: none;
    margin: 0 3px 0 0;
    padding: 0;
    width: 15px;
    }

#banner input.radio2 {
    float: none;
    margin: 0 3px 0 10px;
    padding: 0;
    width: 15px;
    }

#banner .searchButton {
    float: left;
    margin: 0 0 0 1px;    
    }

#banner .bannernavigation {
    clear: both;
    display: block;
    float: left;
    height: 35px;
    margin: 0;
    width: 760px;
    }

#banner .bannernavigation a {
    background: url("/images/bgBannerNav.gif") repeat-x;
    color: #545454;
    float: left;
    font-family: Tahoma, "Trebuchet MS", Sans-serif;
    font-size: 11px;
    height: 25px;
    margin: 0 1px 0 0;
    padding: 10px 17px 0;
    text-decoration: none;
    }

#banner .bannernavigation a.last {
    margin: 0;
    padding: 10px 24px 0 23px;
    }

.UAmac #banner .bannernavigation a.last {
    padding: 10px 30px 0 29px;
    }

#banner .bannernavigation a:hover {
    background-position: 0px -35px;
    }
.UAiemac #banner .bannernavigation a:hover {
    background: url("/images/bgBannerNavOn.gif") 0 0 repeat-x;
    }

/* =MAIN ELEMENTS
*************************/
#main {
    float: left;
    font-size: .80em;
    line-height: 1.7;
    padding: 0 0 15px 30px;
    width: 530px;
    z-index: 1;
    }
.UAmac #main {
    font-family: arial, sans-serif;
    }

.UAsafari #main p, .UAiemac #main p {
    clear: left;
    float: left;
    float: left;
    }

#main .breadcrumbs {
    display: block;
    font-size: .90em;    
    margin: 20px 0 0;
    }

#main .ProductBucket { 
    border-bottom: 1px dashed #ccc;
    clear: left;
    display: block;
    margin: 10px 0 0;
    padding: 0 0 10px;
    width: auto;
    } 

#main img.cmx-FloatLeft  {
    border: 1px solid #000;
    margin: 7px 5px 0 0;
    padding: 1px;
    width: 100px;
    }

#main .dottedLine {
    border-top: 1px dashed #ccc;
    display: block;
    margin: 10px 0;
    font-size: 0;
    }

#main a.productHeader {
    color: #035cc3;
    font: 1.3em Arial, Sans-serif;
    padding: 0;   
    text-decoration: none;
    }

#main .pdf a {
    background: url("/images/pdf.gif") no-repeat;
    padding: 0 0 0 20px;    
    }
.UAmac #main .pdf a {
    padding: 3px 0 3px 20px;
    }

#main .avi a {
    background: url("/images/avi.gif") no-repeat;
    padding: 0 0 0 20px;    
    }

#main .productCatalog {
    background-color: #eee;
    border: 1px solid #ccc; 
    font-size: .9em;
    margin: 5px 0;
    padding: 5px;
    width: 322px;
    }
.UAsafari #main .productCatalog, .UAiemac #main .productCatalog  {
    clear: left;
    display: block;
    float: left;
    }

FONT.cmx-AnchorLinks {
    background: url("/images/blue-arrow.gif") 0 5px no-repeat;
    padding: 0 0 0 10px;
    }

/* =RIGHT ELEMENTS
***************************/
#right {
    float: right;
    margin: 0 0 10px 10px;
    padding: 20px 0 0;
    width: 180px;
    z-index: 10;
    }

#right .email a, #right .quote a, #right .catalog a {
    color: #fff;
    display: block;    
    font: bold .90em Arial, Sans-serif;
    height: 29px;
    margin: 1px 0 0;
    padding: 10px 10px 0 0;
    text-align: right;    
    text-decoration: none;
    }

#right .email a {
    background: url("/images/buttonEmail.gif") no-repeat;
    }

#right .quote a {
    background: url("/images/buttonRFQ.gif") no-repeat; 
    }

#right .catalog a {
    background: url("/images/buttonCatalog.gif") no-repeat;
    }

#right .print a {
    background: url("/images/iconPrint.gif") 0 0 no-repeat;
    display: block; 
    font-family: tahoma, sans-serif;
    font-size: .80em;
    margin: 15px 0;
    padding: 0 0 5px 0;
    text-align: right;
    } 
.UAmac #right .print a {
    background-image: none;    
    }

#right .certifications a {
    background: url("/images/headerCertifications.gif") no-repeat; 
    color: #fff;
    display: block;
    font: bold 1.0em Arial, Sans-serif;
    height: 23px;
    margin: 0;
    padding: 7px 10px 0 0;
    text-align: right; 
    text-decoration: none;
    }

#right .certificationsBucket {
    background-color: #d7d7d7;
    color: #545454;
    display: block;
    font-size: .85em; 
    line-height: 1.4em;
    margin: 1px 0 0;
    padding: 10px;
    }

#right .email a:hover, #right .quote a:hover, #right .catalog a:hover, #right .certifications a:hover {
    color: #fed600; 
    }

/* =LEFT ELEMENTS
*************************/
#left {
    background-color: #ebebeb;
    float: left;
    width: 200px;
    }
.UAiemac #left {
    width: 199px;
    }

#left .header {
    background-color: #ccc;
    border-left: 8px solid #acacac;
    color: #1166c8;
    display: block;
    font: bold 14px Arial, Sans-serif;
    padding: 5px 0 5px 8px;
    text-decoration: none;
    }

#left .header a {
    color: #1166c8;
    text-decoration: none;
    }

#left .header a:hover {
    color: #666;
    }

#left .leftNav {
    color: #545454;
    display: block;
    font-size: .70em;
    padding: 0 0 20px 15px;
    }

#left .leftNav strong {
    display: block;
    padding: 15px 0 0;
    }

/* =FOOTER ELEMENTS
*****************************/
#footer {
    background: #545454 url("/images/bgFooter.gif") repeat-x;
    clear: both;
    color: #fff;
    font-size: .80em;
    height: 90px;
    padding: 30px 0 0;
    text-align: center;
    }

.UAmac #footer {
    font-size: .70em;
    line-height: 1.4;
    } 

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

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

#footer .copyrightnotice a, #footer .copyrightnotice {
    color: #fed600;
    }