/****************************
    =GLOBAL ELEMENTS
****************************/
body {
    width:100%;
    height:100%; 
    margin:0;
    padding:0;
    background: #fff;
    font-family: arial, verdana, sans-serif;
    font-size: 100%;
    color:#000;
    }

#container {
    background-color: #fff;
    margin: auto;
    width: 740px;
    height: auto;
    }

h1 {
    font-size: 24px;
    font-weight: bold;
    color: #2754d3;
    line-height: 20px;
    margin-top: 10px;
    font-family: arial, sans-serif;   
    }

h2 {
    color:  #000 ;
    font-size: 12px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    }

h3, h3 a, h3 a:visited{
    color: #2754d3;
    font: bold 20px "arial narrow", arial, verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    }

h3 a:hover {
    color: #ffa500;
    text-decoration: none;
    }

h4 {
    color: #000;
    font: bold 12px "arial narrow", arial, verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    }

p {
    margin: 0px;
    padding: 0px;
    }

ul { 
    list-style-image: url(/images/bullet.gif);
    list-style-position: outside;
    display: block;
    padding:0px;
    margin: 0px 0px 0px 15px;
    }

a:link, a:active {
    color: #2754d3;
    text-decoration: none;
    }

a:hover {
    color: #2754d3;
    text-decoration: underline;
    }

a:visited {
    color: purple;
    text-decoration: none;    
    }

/****************************
    =MISC ELEMENTS
****************************/

.clearboth {
    float: left;
    display: block;
    clear:both;
    }

.floatleft { 
    float: left;
    }

.floatright {
    float: right;
    }

.logo-print {
    display: none;
    }

/****************************
    =BANNER ELEMENTS
****************************/
.bannernavigation {
    width: 585px;
    height: 25px; 
    margin: 0px 0px 1px 0px;
    padding: 20px 0px 0px 155px;
    background: #fff url(/images/nav-bg.gif) no-repeat center;
    }

.bannernavigation a:link, .bannernavigation a:visited, .bannernavigation a:active {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    padding: 0px 15px 0px 16px;
    }

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

#banner_current {
    width: auto;
    padding: 0px;
    margin: 0px 15px 0px 16px;
    border-bottom: 5px solid red;
    }

.marketing-message-sub {
    background: #fff url(/images/logo-right.jpg) no-repeat center;
    display: block; 
    float: left;
    width: 283px;
    height: 117px;
    margin: 0px;
    padding: 0px;
    }
.UAiemac .marketing-message-sub {
    margin-left: -4px;
    }

.calls-to-action-sub {
    float:right;
    display: block;
    background: #fff url(/images/calls-to-action.gif) no-repeat top;
    width: 199px;
    height: 117px;   
    }
.UAiemac .calls-to-action-sub {
    width: 197px;
    }

.banner-bottom {
    float:left; 
    clear:both;
    background: #fff url(/images/logo-left-bottom.jpg) no-repeat top left;
    display: block;
    width: 740px; 
    height: 35px;
    padding: 0px;
    font: .8em tahoma, verdana, sans-serif;
    }
.UAiemac .banner-bottom {
    margin-left: 3px;
    }


.banner-bottom a, a:active {
    color: #0000ff;
    text-decoration: underline;
    }

.banner-bottom a:visited {
    color: #800080;
    text-decoration: underline;
    }

.banner-bottom a:hover {
    color: #0000ff;
    text-decoration: none;
    }

.breadcrumbs {
    float:left;
    clear:left;
    margin: 20px 0px 0px 0px;
    padding-left: 210px;
    font-size: .8em;
    display: block;
    width: 320px; 
    }

.print {
    float:left;
    clear:right;
    margin:  20px 0px 0px 0px;
    padding-right: 25px;
    font-size: .8em;
    display: block;
    }

.print-icon {
    float: left;
    margin: 20px 5px 0px 50px;
    }

/****************************
    =LEFT ELEMENTS
****************************/
#leftcontent {
    float: left; 
    width: 210px;
    height: auto;    
    }

.left-header a, .left-header a:visited { 
    display: block;
    width: 175px;
    height: 30px;
    padding: 0px 0px 0px 5px;
    background: #fff url(/images/left-header-bg.gif) no-repeat top left; 
    color: #fff;
    font: bold 18px "arial narrow", arial, sans-serif;
    }

.left-header a:hover {
    color: #ffa500;
    text-decoration: none;    
    }

.left-nav {
    display: block; 
    width: 160px;
    height: auto;
    background: #fff url(/images/left-nav-bg.gif) repeat-x top left;
    margin-top: 1px;
    padding: 0px 10px 0px 10px;
    font: .7em verdana, tahoma, arial, sans-serif;
    line-height: 16px;
    }

.left-nav-links a {
    color: #2754d3;
    display: block; 
    width: 160px;
    height: auto;
    margin: 0px 0px 0px 0px;
    padding: 6px 0px 6px 0px;
    border-bottom: 1px dotted #bfbfbf;
    text-decoration: none;
    font-weight: bold;
    }

.left-nav-links a:hover  {
    color: #2754d3;
    display: block; 
    width: 160px;
    height: auto;
    margin: 0px 0px 0px 0px;
    padding: 6px 0px 6px 0px;
    border-bottom: 1px dotted #bfbfbf;
    text-decoration: underline;
    font-weight: bold;
    }

.left-nav-sub a {
    background: url(/images/bullet.gif) no-repeat 0px 6px;
    color: #2754d3;
    display: block; 
    width: 145px;
    height: auto;
    margin: 0px 0px 0px 0px;
    padding: 6px 0px 6px 15px;
    border-bottom: 1px dotted #bfbfbf;
    text-decoration: none;
    }

.left-nav-sub a:hover  {
    background: url(/images/bullet.gif) no-repeat 0px 6px;
    color: #2754d3;
    display: block; 
    width: 145px;
    height: auto;
    margin: 0px 0px 0px 0px;
    padding: 6px 0px 6px 15px;
    border-bottom: 1px dotted #bfbfbf;
    text-decoration: underline;
    }

.dotted-bottom-border {
    display: block; 
    padding: 5px 0px 5px 0px;
    border-bottom: 1px dotted #bfbfbf;
    }

.text-top-margin {
    display: block;
    padding: 5px 0px 5px 0px;
    }

.text-top-margin a:hover {
    text-decoration: underline;
    color: #2754d3;
    }

/****************************
    =MAIN ELEMENTS
****************************/
#main {
    float: left;
    display: block;
    width: 320px;
    height: 100%;
    font: .7em verdana, tahoma, arial, sans-serif;
    line-height: 1.4em;
    border-top: 1px solid #bbbbbb;
    }

#main a, #main a:active { 
    color: #0000ff;
    text-decoration: underline;
    }

#main a:visited {
    color: #800080;
    text-decoration: underline;
    }

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

.quick-links {
    background: url(/images/quick-links.gif) no-repeat;
    float: right;
    display: block;
    width:140px;
    height: 89px;
    border: 1px solid #ebebeb;
    margin: 2px 0px 5px 15px;
    padding: 10px 0px 0px 10px;
    }

/****************************
    =RIGHT ELEMENTS
****************************/
#rightcontent {
    float:right;
    display: block;
    width: 200px;
    height: 100%;
    }
.UAiemac #rightcontent {
    
    } 

.case-histories-outer, .nvh-outer {
    display: block;    
    width: 178px;
    height: auto;
    border: 1px solid #bbbbbb;
    margin: 15px 0px 0px 10px;
    }

.case-histories-inner {
    display: block;
    width: 138px;    
    height: auto;
    background: #fff url(/images/case-histories-bg.jpg) no-repeat top;
    border: 1px solid white;
    padding: 10px 15px 10px 15px;
    margin: 4px 3px 4px 4px;
    font-size: .7em
    }

.nvh-inner {
    display: block;
    width: 138px;    
    height: auto;
    background: #d4e0e9 url(/images/nvh-bg.jpg) no-repeat top;
    border: 1px solid white;
    padding: 10px 15px 10px 15px;
    margin: 4px 3px 4px 4px;
    font-size: .7em;
    }

.landing-page-row, .landing-page-row-2 {
    display: block;
    float:left;
    clear: both;
    margin-top: 20px;
    }

.landing-page-row img {
    float: left;
    width: 100px;
    }

.landing-page-text {
    float: right;
    width: 210px;
    }

.landing-page-row-2 img {
    float: right;
    width: 95px;
    margin-right: 10px;
    }

.landing-page-text-2 {
    float: left;
    width: 200px;
    }

/****************************
    =FOOTER ELEMENTS
****************************/
#footer {
    background: #f5f5f5 url(/images/footer-bg.jpg) repeat-x top;
    float: left; 
    clear: both;
    display: block;
    width: 700px;
    height: auto;
    margin-top: 20px;
    padding: 30px 20px;
    text-align: center;
    font: 12px tahoma, verdana, arial, sans-serif; 
    }


#footer a, #footer a:visited, #footer a:active {
    color: #000;
    text-decoration: none;
    }

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

.footer-text {
    display: block;
    }

.footer-print {
    display: none;
    }

/*********************************
    Absolutely Positioned
*********************************/
.marketing-message-sub-title {
    display: block;
    width: 230px;
    text-align: right;
    position: absolute;
    top: 100px;
    margin-left:  40px;
    }

.marketing-message-sub-title a, .marketing-message-sub-title a:active, .marketing-message-sub-title a:visited, .marketing-message-sub-title a:hover  {
    color: #2754d3;
    font: bold 15px verdana, tahoma, sans-serif;
    text-decoration: none;
    }

.marketing-message-sub-text {
    display: block;
    width: 230px;
    text-align: right;
    position: absolute;
    top: 120px;
    margin-left: 40px;
    }

.marketing-message-sub-text a, .marketing-message-sub-text a:active, .marketing-message-sub-text a:visited, .marketing-message-sub-text a:hover {
    color: #787878;
    font: 13px verdana, tahoma, sans-serif;
    text-decoration: none;
    }

.action-email a, .action-email a:visited, .action-email a:active {
    display: block;
    color: red;
    font: bold 16px arial, tahoma, sans-serif; 
    position: absolute;
    top: 85px;
    margin-left:10px;
    width: 170px;
    }

.action-email a:hover {
    text-decoration: none; 
    color: #fff;
    } 

.action-email-sub a, .action-email-sub a:visited, .action-email-sub a:active {
    display: block;
    color: #fff;
    font: 9px tahoma, verdana, sans-serif;
    position: absolute;
    top: 104px;
    margin-left: 10px;
    width: 180px;
    }

.action-email-sub a:hover {
    text-decoration: none;
    color: white;
    }

.action-rfq a, .action-rfq a:visited, .action-rfq a:active {
    display: block;
    color: red;
    font: bold 16px arial, tahoma, sans-serif; 
    position: absolute;
    top: 125px;
    margin-left: 10px;
    width: 180px;
    }

.action-rfq a:hover {
    text-decoration: none; 
    color: #fff;
    }

.action-rfq-sub {
    font: 9px tahoma, verdana, sans-serif;
    }

.action-rfq-sub a, .action-rfq-sub a:visited, .action-rfq-sub a:active {
    display: block;
    color: #fff;
    position: absolute;
    font: 9px tahoma, verdana, sans-serif;
    top: 144px;
    margin-left: 10px;
    width: 170px;
    }

.action-rfq-sub a:hover {
    text-decoration: none;
    color: white;
    }