/****************************************************
GLOBAL ATTRIBUTES
****************************************************/
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: .75em;
    color: #000000;
    margin: 0px;
    background-color: #083478;
    }

li {
    list-style-type: square;
    text-align: left;
    }


/****************************************************
CONTAINER
****************************************************/
#container{
    width: 748px;
    margin-left: auto;
    margin-right: auto;
    background-color: #F6F8FC; 
    padding: 3px 6px 1px 6px;
    }

    
/****************************************************
BANNER
****************************************************/
#banner{
    clear: both;
}

/*
.call_to_action ul{
    list-style-type: none;
}

.call_to_action li{
    list-style-type: none;
    list-style-image: url(../../Images/blue_arrow.gif);
    list-style-position: outside;
}

.call_to_action{
    width: 150px;
    font-size: 12px;
    display: block;
    margin-left: 50%;
    position: absolute;
    top: 20px;
    left: 202px;
    padding: 0;
}.UAie .call_to_action {
    padding-top: 5px;
}

.call_to_action a{
    color: #002C76;
    font-weight: bold;
    text-decoration: none;
}

.call_to_action a:hover{
    color: #002C76;
    font-weight: bold;
    text-decoration: underline;
}
*/

.bannernavigation {
    clear: both;
    position:absolute;
    width: 748px;
    top: 99px;
    left: 50%;
    font-size: 12px;
    margin-left: -374px;    
}

.bannernavigation a{
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    display: table-cell;
    text-align:center;
    height: 16px;
    padding-top: 3px;
    float: left;
    display: block;
}

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

.bannernavigation a.home_nav{
    width: 65px;
    background: url(../../Images/home.gif) no-repeat;
    }

.bannernavigation a.corp_nav {
    width: 103px;
    background: url(../../Images/corporate.gif) no-repeat;
    }

.bannernavigation a.contact_nav {
    width: 95px;
    background: url(../../Images/contact.gif) no-repeat;
    }

.bannernavigation a.converting_nav {
    width: 105px;    
    background: url(../../Images/converting.gif) no-repeat;
    }

.bannernavigation a.services_nav {
    width: 86px;
    background: url(../../Images/services.gif) no-repeat;
    }

.bannernavigation a.products_nav {
    width: 85px;
    background: url(../../Images/products.gif) no-repeat;
    }

.bannernavigation a.industries_nav {
    width: 86px;
    background: url(../../Images/industries.gif) no-repeat;
    }

.bannernavigation a.how_nav {
    width: 113px;
    height: 16px;
    padding: 3px 0px 0px 5px;
    background: url(../../Images/how.gif) no-repeat;
    text-align: left;
    }

#banner_current{
    color: #FDE72B;
    }

#banner .search_bar{
    background: url(../../Images/search_bar.gif) no-repeat;
    float: left;
    clear: left;
    width: 742px;
    margin: 0;
    padding: 0px 0 0 6px;
    color: #FFF;
    font-weight: bold;
}

#banner .search_bar .search_box{
    float: right;
    margin: 3px 3px 5px 3px;    
    padding: 0;
    display: block;
}

#banner .search_bar .search_box input.text_size{
    height: 12px;
}

.GoogleForm {
    float: right;
}

.GoogleForm img{
    margin-left: 3px;
    margin-top: 2px;
}

#banner .search_bar .GoogleForm .go_button{
    margin-left: 3px;
    color: #003B6D;
    background-color: #EAEFF6;
    border-left: 1px solid #153769;
    border-bottom: 1px solid #153769;
    border-top: 1px solid #4C79BB;
    border-right: 1px solid #4C79BB;
    font-size: 10px;
}

/* Breadcrumbs */

#banner .breadcrumbs{
    margin: 0;
    padding: 5px 0 0 0;
    font-size: 11px;
    float: left;
}

#banner .breadcrumbs a{
    color: #fff;
    text-decoration: underline;
}

/****************************************************
LEFT CONTENT
****************************************************/

#left{
    float: left;
    margin-right: 5px;
    font-size: 12px;
}

#left .bucket{
    background: #FFF url(../../Images/left_nav_bg.gif) no-repeat;
    width: 153px;
    height: 167px;
    display: block;
    color: #FFF;
}

#left .product_bucket{
    background: #FFF url(../../Images/product_bucket.gif) no-repeat;
    width: 154px;
    height: 223px;
    display: block;
    color: #FFF;
    display: block;
}

#left  #leftcontent h1{
    padding: 7px 5px 5px 1px;
    margin: 0px;
    font: 12px Arial, sans-serif;
    font-weight: bold;
}

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

#left  #leftcontent  a:hover{
    text-decoration: underline;
    color: #FFF;
}

#left  #leftcontent ul{
    padding: 0 0 0 10px;
    margin: 0;
}

#left  #leftcontent li{
    list-style-type: none;
    padding: 0;
    margin: 0;
    font: 90% Arial, Helvetica, sans-serif;
}

#left #leftcontent  a.yellow {
    color: #FFE700;
    text-decoration: underline;
    font: bold 100% Helvetica, Arial, Verdana;
    padding: 0 0 0 10px;
    margin: 10px 0 0 0;
}

#left #leftcontent  .product_bucket a.yellow_small {
    text-decoration: none;
    font: bold 80% Verdana, Helvetica, Arial;
    padding: 0 0 0 10px;
    display: block;
}
/****************************************************
MAIN CONTENT
****************************************************/
#main{
    color: #49648E;
    font-size: 1.1em;
    clear: right;
    float: right;
    padding: 0px 3px 0px 5px;
    line-height: 20px;
    width: 577px;
}

#main h1{
    color: #204B8B;
    font-size: 1.8em;
    font-weight: normal;
    line-height: 22px;
    margin:10px 0px -5px 0px;
    border: 3px solid #C6D1E1;
    border-width: 0 0 3px 0;
    padding-bottom: 7px;
    width: 70%;
}

#main h2{
    color: #204B8B;
    font-size: 130%;
    font-weight: bold;
    margin: 20px 0px -12px 0px;
}

#main h3{
    color: #000;
    font-size: 110%;
    font-weight: bold;
}


/*#main .toolbox{
    width: 165px;
    height: 157px;
    background: url(../../Images/toolbox_bg.gif) no-repeat;
    float: right;
    clear: both;
    }

#main .toolbox li{
    font-size: 11px;
    color: #FFF;
    font-weight: bold;
    list-style-type: none;
    margin: 0;
    padding: 2px 0 0 15px;
    background: url(../../Images/white_arrow.gif) 0% 50% no-repeat;
}

#main .toolbox ul{
    padding: 10px 0 0 6px;
    margin: 0;
}

#main .toolbox ul a{
    color: #FFF;
    text-decoration: none;
}

#main .toolbox ul a:hover{
    color: #FFF;
    text-decoration: underline;
}
*/

#main  .cat_nav{
    display: block;
    width: 150px;
    height: 115px;
    float: right;
    clear: both;
    padding: 0 0 0 10px;
    background-color: #fff;
    border: 1px solid #174485;
}

#main .cat_nav  a.header{
    font: bold 100% Arial, verdana, helvetica;
    color: #6B0301;
    padding: 0;
    text-decoration: underline;
}

#main .cat_nav a{
    font: bold 80% verdana, helvetica;
    text-decoration: none;
}

#main .cat_nav a:hover{
    text-decoration: underline;
}

/****************************************************
FOOTER
****************************************************/
#footer{
    clear: both;
    color: #fff;
    font-size:  11px;
    text-align: center;
    margin:0;
}

#footer .text_padding{
    display: block;
    background: url(../../Images/footer.gif) no-repeat;
    width: 755px;
    height: 43px;
    padding-top: 4px;
} .UAie #footer .text_padding{padding-top: 8px;}

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

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

    
/****************************************************
MISC
****************************************************/

font.cmx-yellow{
    color: #FEE938;
}

.leftalign {
    float: left;
}

.rightalign{
    float: right;
}

.callout{
    display: block;
    color: #000;
    background-color: #F0F9FD;
    border: 1px solid #000;
    width: 396px;
    padding: 2px;
    margin-top: 10px;
}

/****************************************************
MAC IE
****************************************************/

.UAiemac .bannernavigation a.home_nav{
    width: 53px;
    padding-left: 12px;
    }

.UAiemac .bannernavigation a.corp_nav{
    width: 91px;
    padding-left: 12px;
    }

.UAiemac .bannernavigation a.contact_nav {
    width: 83px;
    padding-left: 12px;
    }

.UAiemac .bannernavigation a.services_nav, .UAiemac .bannernavigation a.products_nav,  .UAiemac .bannernavigation a.products_nav , .UAiemac .bannernavigation a.industries_nav {
    width: 74px;
    padding-left: 12px;
    }

.UAiemac #main{
    clear: none;
    width: 574px;
}

.UAiemac #left{
    clear: none;
    width:  159px;
}
