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

body {
  font-size: 75%;
  font-family: arial, helvetica;
  background: #bcdbed url(/images/bg01.jpg) repeat-x;
  color: #333;
}
a {
  color: #004071;
}



#container {
  width: 772px;
  margin: 0 auto 0 auto;
}



#container #top-box {
  width: 772px;
  float: left;
  background: #f4e9d1 url(/images/top-box-bg.gif) repeat-x;
  background-position: bottom center;
}
#top-box #logo-box {
  width: 300px;
  w\idth: 280px;
  float: left;
  padding: 5px 9px 8px 11px;
}
#top-box #search-box {
  width: 440px;
  float: left;
  text-align: right;
  padding: 25px 0 0 0;
}
#top-box #search-box input.search-field {
  vertical-align: middle;
  border: 1px solid #bdad91;
}
#top-box #search-box input.search-button {
  vertical-align: middle;
}



#top-menu {
  width: 772px;
  float: left;
}
#top-menu #corporate-links {
  width: 436px;
  w\idth: 426px;
  float: left;
  padding: 6px 0 4px 10px;
}
#top-menu #corporate-links ul {
  margin: 0;
  padding: 0;
}
#top-menu #corporate-links ul li {
  float: left;
  list-style: none;
  padding: 0 8px 0 5px;
  background: transparent url(/images/top-menu-splitter.gif) no-repeat;
  background-position: center right;
}
#top-menu #corporate-links ul li.last {
  background: none;
}
#top-menu #corporate-links ul li a {
  color: #fff;
  text-decoration: none;
}
#top-menu #tabs {
  width: 324px;
  float:left;
  margin: 0;
  padding: 0.3em 12px 0 0;
}
#top-menu #tabs ul {
  margin: 0;
  padding: 0;
}
#top-menu #tabs ul li {
  list-style: none;
  margin: 0;
  padding: 0;
  float: left;
}
#top-menu #tabs img {
  border-right: 2px solid #003366;
  display: block;
}



#body-box-header {
  width: 772px;
  height: 16px;
  float: left;
  background: #fff url(/images/body-top-corners.gif) no-repeat;
}



#body-box {
  width: 772px;
  w\idth: 751px;
  float: left;
  background: #fff;
  padding: 0 0 0 19px;
  border-left: 1px solid #98b1c1;
  border-right: 1px solid #98b1c1;
  background: #fff url(/images/sub-body-dots-bg.gif) repeat-y;
}
#body-box #leftside-box {
  width: 148px;
  float: left;
  margin: 0 13px 0 0;
  padding: 0;
  text-align: right;
}
#body-box #leftside-box ul {
  margin: 0;
  padding: 0;
}
#body-box #leftside-box ul li {
  list-style: none;
  padding: 4px 0 5px 0;
}
#body-box #leftside-box ul li a {
  font-weight: bold;
  font-family: georgia;
  color: #004071;
  text-decoration: none;
}
#body-box #leftside-box ul li ul li {
  list-style: none;
  padding: 4px 10px 2px 0;
  background: transparent url(/images/leftmenu-list-bg.gif) no-repeat;
  background-position: top right;
}
#body-box #leftside-box ul li ul li a {
  font-weight: bold;
  font-family: georgia;
  font-size: 0.9em;
  text-decoration: none;
}
#body-box #leftside-box #sales-numbers {
  margin: 90px 0 0 0;
}



#body-box #contents-box {
  width: 401px;
  w\idth: 364px;
  float: left;
  padding: 0 16px 20px 21px;
}
#body-box #contents-box p {
  margin: 0 0 0.5em 0;
  line-height: 1.6em;
}
#body-box #contents-box h1 {
  width: 200px;
  float: left;
  font-size: 1.7em;
  font-family: georgia;
  font-weight: normal;
  margin: 0 0 0.4em 0;
  color: #a5967e;
}
#body-box #contents-box h2 {
  font-size: 1.4em;
  font-family: georgia;
  font-weight: normal;
  margin: 0 0 0.4em 0;
  color: #084776;
}
#body-box #contents-box h3 {
  font-size: 1em;
  font-family: georgia;
  font-weight: bold;
  margin: 0 0 0.4em 0;
  color: #084776;
}
#body-box #contents-box #title-extra-box {
  width: 163px;
  float: right;
}
#body-box #contents-box ul {
  margin: 0;
  padding: 0.5em 0 0.5em 0;
}
#body-box #contents-box ul li {
  list-style: none;
  padding: 0 0 0.3em 16px;
  background: url(/images/list-style-dot.gif) no-repeat;
}
#body-box #contents-box div.brown-content {
  width: 360px;
  float: left;
  margin: 0 0 10px 0;
  background: #c8b490 url(/images/brown-content-footer.gif) no-repeat;
  background-position: bottom;
}
#body-box #contents-box div.brown-content h3 {
  background: #e9d2aa url(/images/brown-title-corner-bg.gif) no-repeat;
  background-position: bottom right;
  padding: 6px 18px 6px 16px;
  font-family: arial, helvetica;
}
#body-box #contents-box div.brown-content p {
  padding: 6px 10px 6px 10px;
}



#body-box #rightside-box {
  width: 189px;
  w\idth: 176px;
  float: left;
  padding: 0 0 0 13px;
}
#body-box #rightside-box ul {
  margin: 0;
  padding: 0;
}
#body-box #rightside-box ul li {
  list-style: none;
}
#body-box #rightside-box ul li div.thumbnail {
  width: 80px;
  float: left;
}
#body-box #rightside-box ul li div.text {
  width: 90px;
  float: left;
  padding: 5px 0 0 0;
}
#body-box #rightside-box ul li h3 {
  margin: 0 0 0.5em 0;
  font-size: 1em;
  font-family: georgia;
}
#body-box #rightside-box ul li a {
  color: #004071;
  text-decoration: none;
}




#body-box-footer {
  width: 772px;
  height: 24px;
  float: left;
  background: transparent url(/images/body-bottom-corners.gif) no-repeat;
}



#footer {
  width: 772px;
  float: left;
  padding: 10px 0 0 0;
}
#footer #copyright {
  width: 232px;
  float: left;
}
#footer #tibus-strapline {
  width: 340px;
  float: left;
  text-align: center;
  font-size: 0.9em;
}
#footer #links {
  width: 200px;
  float: left;
  text-align: right;
  color: #fff;
}
#footer #links a {
  color: #004071;
  text-decoration: none;
}


