/********************** GENERAL STYLES *************************/
* { margin: 0; padding: 0; }
img,
fieldset { border: none; }
a:link,
a:visited { font-weight: bold; color: #364867; text-decoration: none; }
a:hover { text-decoration: none; color: #7a7a7a; }
a:active { text-decoration: none; }
em { font-style: normal; }

body { background: #fff; color: #333; font-family: Arial, Helvetica, sans-serif; behavior:url("/htdocs/ecos-carrier/css/csshover.htc"); }
#container { width: 783px; }

/********************** HEADER&NAV *************************/
  #header { margin-right: 12px; }
  #header form { text-align: right; padding: 3px 4px; background: url(../images/BKGheader_form.gif) top right repeat-y; }
  #header select { width: 146px; }
  #header label,
  #header button { vertical-align: middle; *margin-left: 5px; } 

  h1 { margin: 28px 0 0 41px; position: absolute;  }
  
  #nav { margin-top: 16px; height: 62px; background: url(../images/BKGnav.jpg) top right no-repeat; font: bold 11px/14px Arial, Helvetica, sans-serif; }
  #nav img { margin: 22px 11px 0 31px; float: left; }
  #nav a img { margin: 0 0 0 4px; vertical-align: 10%; float: none; }
  #nav span { display: block; padding-top: 19px; }
    #nav span a { display: inline; }
  
    #nav ul { list-style: none; float: left; margin-left: 210px; *display: inline; background: url(../images/BKGnav_ul.gif) left 11px no-repeat; }
    #nav li { float: left; width: 99px; margin-top: 11px; padding: 13px 30px 10px 30px; }
    #nav li:hover { background: url(../images/BKGnavON.gif) top left no-repeat; margin: 0; padding-top: 24px; }
    #nav a { color: #7a7a7a; display: block;  }
    #nav li:hover a,
    #nav a:hover { color: #3a5879; }
    
    #nav ul ul { display: none; margin: 10px 0 0 -30px; padding-bottom: 1px; background: #acbed5 url(../images/BORDERnav.gif) bottom left repeat-x; *clear: left; }
    #nav li:hover ul { display: block; position: absolute; width: 159px;  }
    #nav li li { float: none; margin: 0; padding: 8px 3px 5px 18px; width: auto; background: url(../images/BORDERnav.gif) top left repeat-x; }
    #nav li li:hover, #nav li li.on { padding: 8px 3px 5px 18px; background: #496684; }
    #nav li li a { padding-left: 12px; background: url(../images/BULLITsubnav.gif) 0px 4px no-repeat; *display: block; *float: left; width: 126px; }
    #nav li li:hover a, #nav li li.on a { color: #d3dc74 !important; background-image: url(../images/BULLITsubnavON.gif); }

/********************** SIDEBAR *************************/    
#sidebar { float: left; list-style: none; position: relative; width: 210px; font: bold 11px/14px Arial, Helvetica, sans-serif; background: url(../images/BORDERsidebar.gif) bottom left repeat-x;}
  #sidebar li { padding: 7px 0 6px 19px; background: url(../images/BORDERsidebar.gif) top left repeat-x; }
  #sidebar a { color: #364867; background: url(../images/BULLITsidebar.gif) left 4px no-repeat; padding-left: 17px; }
  #sidebar a:hover, #sidebar a.on { color: #105cb4; background-image: url(../images/BULLITsidebarON.gif); }

/********************** CONTENT *************************/  
#wrapper { background: url(../images/BKGcontent_left.jpg) top left no-repeat; float: left; width: 588px; margin-left: -15px; }
#content { background: url(../images/BKGcontent_right.jpg) top right no-repeat; overflow: hidden; *zoom: 1; padding: 0 13px 55px 15px; }

h2 { background: url(../images/BKGh2.gif) top left no-repeat; padding: 8px 0 5px 20px; margin: 60px 0 13px 0; font-size: 18px; font-weight: normal; color: #1a4897; }
h2 span { color: #666; }
h3 { font-size: 16px; color: #1a4897; font-weight: bold; margin-bottom: 3px; }
.home h3 { margin-bottom: 12px; }
.smalltext h3 { font-size: 12px; margin-bottom: 2px; color: #333; }
h4 { font-size: 14px; font-weight: bold; margin: 5px 0; }
.box h4 { font-size: 13px; }

.more { display: block; margin-top: 5px; background: url(../images/BULLITarrow2.gif) left 7px no-repeat; padding-left: 10px; font-size: 11px; }
.top { display: block; *display: inline; float: right; margin: 0 20px 10px 0; color: #364867; font-size: 11px; background: url(../images/BKGbacktotop.gif) right 6px no-repeat; padding-right: 13px; }
a.print { display: block; float: right; cursor: pointer; font-size: 11px; color: #163467; margin: 20px 24px 0 0; *display: inline; background: url(../images/BKGprint.gif) top left no-repeat; padding-left: 20px; }

.pageing { font-size: 11px; padding: 0 22px; }
.pageing span { text-align: right; display: block; }
.pageing span.left { float: left; }
a.back,
a.goback { background: url(../images/BULLITarrow3.gif) left 5px no-repeat; padding: 0 10px; }
a.goback { font-size: 11px; margin-left: 20px; }
a.forward { background: url(../images/BULLITarrow2.gif) right 5px no-repeat; padding: 0 10px; border-left: 1px solid #163467; }
.pageing a.off { color: #ddd; font-weight: bold; }
.navigation { font-size: 11px; float: right; margin: -13px 9px 0 0; *display: inline; }
.navigation a.forward { border: none; }
.navigation a.off { color: #ddd; font-weight: bold; }


.text { font-size: 12px; padding: 28px 20px 0 20px; }
.text h3 { margin-bottom: 15px;  }
.text h4 { margin-bottom: 5px; }
.text p { margin-bottom: 15px; line-height: 16px; }
.smalltext { font-size: 12px; padding: 30px 0 0 30px; float: left; }
.imgleft { float: left; margin: 0 10px 10px 0; }

.box { border-collapse: collapse; background: url(../images/BORDERbox_hor.gif) bottom left repeat-x; margin: 8px 20px; }
  .box tr { background: url(../images/BORDERbox_hor.gif) top left repeat-x; }
  .box td { padding: 10px 0; vertical-align: top; line-height: 18px; }
  .box td.last { background: none; }
  .box td td { background: url(../images/BORDERbox.gif) top right repeat-y; width: 156px; padding: 0 5px 10px 13px; font-size: 13px; }
  .box td tr, .box td td.last { background: none; }
    .box div { padding-bottom: 10px; text-align: center; }
    .box .more { float: left; *margin-top: 2px; }
.box.home { background: none; margin: 8px 0; } 
  .box.home tr { background: none; }
  .box.home td td { width: 162px; padding: 0 15px 0px 20px; }
  .box.home td td.last { width: 142px; font-size: 12px; line-height: 18px; padding-right: 0; }
  .box.home ul { list-style: none; }
  .box.home li { font-size: 11px; line-height: 18px; background: url(../images/BULLITarrow2.gif) left 7px no-repeat; padding-left: 10px; }
.box.ref h3 { color: #666; font-size: 11px; font-weight: normal; margin: 5px 0 3px 0; }

/********************** FOOTER *************************/
#footer { border-top: 1px solid #e7e9ec; font-size: 10px; float: left; width: 771px; padding: 8px 0 20px 20px; }
  #footer a { color: black; }
  #footer a:hover,
  #footer span { color: red; }

/********************** FORMS *************************/
label { font-size: 9px; }
select { color: #666; font-size: 10px; border: 1px solid #7f9db9; padding: 1px; }
button { background: none; border: none; cursor: pointer; }

#contact { width: 318px; background: #f8f8f8; float: right; margin-right: 21px; padding: 0 0 23px 23px; *display: inline; }
  #contact h3 { font-size: 16px; margin: 27px 0 5px 0; }
  #contact em { color: #fd9b0e; }
  #contact span { display: block; font-size: 12px; margin-bottom: 20px; }
  #contact span.notice { font-size: 11px; }
  #contact label { font-size: 11px; display: block; clear: left; margin: 5px 0 2px 0; }
  #contact input,
  #contact textarea { border: 1px solid #d5d8dc; background: #fff url(../images/BKGinput.gif) top left repeat-x; width: 292px; padding: 2px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
  #contact textarea { height: 150px; }
  #contact input:focus,
  #contact textarea:focus { border: 1px solid #7f9db9; background: #ecedef url(../images/BKGinputON.gif) top left repeat-x; }
  #contact div { float: left; width: 152px; }
  #contact div input { width: 140px; }
  #contact .button { background: url(../images/BKGbutton_left.gif) top left no-repeat; cursor: pointer; display: block; *display: inline; float: right; margin: 0 22px 0 -15px; }
  #contact .button:hover { color: #333; }
  #contact .button span { margin: 0; background: url(../images/BKGbutton_right.gif) top right no-repeat; font-size: 10px; padding: 2px 6px; }