@import url(/css/generic.css);
@import url(/css/xstandard.css);
/*
 * Site Specific Styles
 */

body {
  _position:relative;
  _height:1%;
  margin: 0 auto 0 auto;
  width: 995px;
  font-family: verdana, helvetica;
  font-size: 75%;
  color: #444;
}
a {
  color: #424e4c;
  /*color: #204aa1;*/
  font-weight: bold;
}

#top-container {
  width: 995px;
  w\idth: 935px;
  height: 90px;
  float: right;
  padding: 0 0 0 30px;
}

#top-container #top-box {
  width: 100%;
  float: right;
  padding: 0 0 0 0;
}
#top-container #top-box #logo-empty-box {
  width: 270px;
  height: 90px;
  float: right;
}

#top-container #top-box #logo-empty-box #logo-box {
  position: absolute;
  padding-left: 2px;
}

#top-container #top-box #logo-box-words {
  position: absolute;
  margin: 0 0 0 0;
  padding: 0;
}

#top-menu {
  width: 993px;
}

#top-menu ul {
  margin: 0;
  padding-bottom: 20px;
  padding-top: 10px;
  float: right;
}
#top-menu ul li {
  list-style: none;
  margin: 0;
  padding: 4px 12px 5px 12px;
  float: left;
}
#top-menu ul li#first-menu {
  background: none;
  padding: 4px 24px 5px 24px;
}
#top-menu ul li#empty-menu {
  padding: 4px 24px 5px 124px;
}
#top-menu ul li#last-menu {
  padding: 4px 24px 5px 24px;
  border-right: none;
}
#top-menu ul li a {
  text-decoration: none;
}
#top-menu ul li a.selected {
  color: #ff6600;
}



#body-box {
  width: 995px;
  float: left;
  background: #fff url(/images/subpage-bg.gif) repeat-y;
}
#body-box #body-leftside-box {
  width: 177px;
  w\idth: 161px;
  float: left;
  padding: 40px 14px 200px 2px;
  background: url(/images/leftside-bg.gif) no-repeat;
}
#body-leftside-box ul {
  margin: 0 0 0 0;
  padding: 0;
}
#body-leftside-box ul li {
  list-style: none;
  margin: 0;
  padding: 0 0 10px 0;
  text-align: right;
}
#body-leftside-box ul li a {
  text-decoration: none;
}
#body-leftside-box ul li a.selected {
  color: #ff6600;
}
#body-leftside-box ul li ul {
  margin: 7px 0 0 0;
  padding: 0;
}
#body-leftside-box ul li ul li {
  list-style: none;
  margin: 0;
  padding: 0 12px 7px 0;
  text-align: right;
  background: url(/images/left-list-dash.gif) no-repeat;
  background-position: top right;
}
#body-leftside-box ul li ul li a {
  font-weight: normal;
  text-decoration: none;
}
#loginform-container h2 {
  margin: 0;
  padding: 1em 0 0.5em 0.6em;
  font-family: arial;
  font-weight: normal;
  font-size: 1.5em;
  color: #ff6600;
  text-align: left;
}
#loginform-container label {
  font-size: 0.9em;
  float: left;
  width: 7em;
  text-align: right;
}
#loginform-container input.text {
  font-size: 0.9em;
  float: left;
  margin-left: 0.3em;
  width: 7em;
  margin-bottom: 0.5em;
}
#loginform-container input.button {
  color: #ff6600;
  font-weight: bold;
  padding: 0.1em;
  float: right;
  background: #f6f6f6 url(/images/li_bg.jpg) top left repeat-x;
  border: 1px solid #ccc;
}
#loginform-container div.reason {
  font-size: 0.8em;
  font-weight: bold;
  color: #f60;
  padding: 0 0 1em 0;
  text-align: center;
}
#loginform-container p {
  padding: 0 0.5em 0 1em;
  font-size: 0.9em;  
}
#loginform-container p span {
  color: #f60;
}



#body-box #body-contents-box {
  width: 818px;
  float: left;
}
#body-contents-box #body-title-box {
  background: #00305b url(/images/subpage-title-bg.jpg) repeat-x;
}
#body-contents-box #body-title-box h1 {
  margin: 0;
  padding: 14px 10px 14px 30px;
  font-family: arial;
  font-weight: normal;
  font-size: 1.8em;
  color: #fff;
}

#body-contents-box #center-box {
  width: 630px;
  w\idth: 580px;
  float: left;
  padding: 24px 20px 20px 30px;
}
/* style below used only on customers page */
#body-contents-box #center-box-customers {
  width: 579px;
  w\idth: 579px;
  margin: 24px 10px 0 10px;
  background: #f7f7f7;
  float: left;
  padding: 15px 15px 15px 15px;
}
#center-box h2, #center-box-customers h2{
  margin: 0 0 0.5em 0;
  padding: 0;
  font-weight: normal;
  font-family: arial;
  font-size: 2em;
  color: #ff6600;
}

#center-box-bg {
  background: #f5f5f5;
  padding: 10px 0 10px 0;
}

#center-box h3 {
  margin: 0 0 0.5em 0;
  padding: 0;
  font-weight: normal;
  font-size: 1.4em;
  color: #ff6600;
}
#center-box ul {
  list-style-image: url(/images/li.gif);
  margin: 0;
  padding: 10px 0 10px 25px;
  background: #f5f5f5;
}
#center-box ul li {
  margin: 0;
  padding-bottom: 10px;
}
#center-box #category-list ul {
  list-style-image: url(/images/spacer.gif);
}

#center-box ul.no-bullet {
  margin: 0;
  padding: 0;
  list-style-image: url(/images/spacer.gif);
}
#center-box ul.no-bullet li {
  margin: 0;
  padding: 0;
  list-style-image: url(/images/spacer.gif);
}

#center-box-customers #category-list table.customers {
  background-color: #f5f5f5;
  width: 100%;
}
#center-box-customers #category-list table td.customers {
  background: #e3e3e3 url(/images/td-bg.jpg);
  height: 125px;
  width: 180px;
  border: 0px solid #e3e3e3;
  vertical-align: middle;
  text-align: center;
  overflow: hidden;
}
#center-box-customers #category-list img {
  padding-bottom: 24px;
  text-align: center;
}
#center-box-customers #category-list a {
  text-align: center;
  line-height: 16px;
  width: 180px;
  vertical-align: middle;
  display: block;
}
#center-box #documents ul {
  display:inline-block;
  overflow:hidden;
}
#center-box #documents ul {
  display:block;
}

#center-box #documents ul li {
  width: 555px;
  float: left;
  list-style: none;
}

#body-contents-box #rightside-box {
  width: 186px;
  float: left;
  padding: 24px 0 20px 0;
}
#rightside-box div.rightside-item {
  width: 186px;
  w\idth: 181px;
  margin: 0 0 10px 0;
  padding: 5px 5px 5px 0;
  border: 1px solid #ccc;
  background: #eee url(/images/rightside-box-bg.gif) repeat-x;
}
#rightside-box div.rightside-item h3 {
  margin: 0 0 0.5em 0;
  padding: 0 0 0 10px;
  font-weight: bold;
  font-size: 1.2em;
  color: #ff6600;
}
#rightside-box div.rightside-item p.title {
  font-family: arial;
  font-weight: bold;
  font-size: 1.3em;
  color: #ff6600;
}
#rightside-box div.rightside-item ul {
  margin: 0 0 8px 0;
  padding: 0;
}
#rightside-box div.rightside-item ul li {
  list-style: none;
  margin: 0 0 0 5px;
  padding: 0 0 0 14px;
  background: url(/images/left-list-dash.gif) no-repeat;
  background-position: top left;
  font-size: 0.9em;
}
#rightside-box div.rightside-item ul li img {
  margin: 0 0 0 -10px;
}


#body-leftside-home-footer {
  width: 177px;
  float: left;
}

#body-leftside-footer {
  width: 177px;
  float: left;
  border-top: 1px solid #ccc;
}



#footer #terms-of-use {
  width: 250px;
  float: right;
  margin: 30px 0 10px 0;
  text-align: right;
}
#footer ul {
  margin: 0;
  padding: 0;
}
#footer ul li {
  list-style: none;
  margin: 0;
  padding: 0 20px 0 0;
  float: left;
}
#footer ul li a {
  text-decoration: none;
}

#tibus-strapline {
  text-align: center;
  font-size: 0.9em;
}

div#tibus-credit p {
  float: none;
  clear: both;
  text-align: right;
  padding: 10px 0 0 0;
}
div#tibus-credit p a {
  text-decoration: none;
}
div#tibus-credit p a:hover {
  text-decoration: none;
}