@charset 'UTF-8';
@import url(http://fonts.googleapis.com/css?family=Droid+Sans:700);

div#full-column {
  float: left;
  width: 956px !important;
}

div#left,
div#right {
  float: left;
}

div#left {
  width: 235px;
}

div#right {
  width: 705px;
}

/**
 * The Main Content
**/
div#right {
  padding: 18px 0 10px 6px ;
  color: #333;
  font-size: 120%;
}

div#right div#title-container {
  float: left;
  width: 711px;
  margin: 0 0 14px 0;
  background-image: url('/img/subpages/right-content-hr.png');
  background-repeat: no-repeat;
  background-position: left bottom;
}

div#right div#title-container h2 {
  font-family: "Droid Sans", Calibri, Arial, sans-serif;
  font-size: 36px;
  font-weight: bold;
  color: #0380AC;
}

div#right div#logolistctr {
  float: right;
  width: 412px !important;
  margin: 5px 15px 8px 6px;
  border-radius: 5px;
  box-shadow: 0px 0px 5px #000;
}

div#right div#product-image {
  float: right;
  margin: 5px 15px 8px 6px;
  border-radius: 5px;
  box-shadow: 0px 0px 5px #000;
  height: 265px;
  overflow: hidden;
  border: 3px solid #FFF;
}

div#right ul {
  list-style-image: url('/img/subpages/ul-list-image.png');
}

div#right ul li {
  background-repeat: no-repeat;
  background-position: left bottom;
}

div#right ul.logos li div.logo {
  border: 1px solid #b5ab8a;
  line-height: 72px;
  vertical-align: middle;
  margin-bottom: 8px;
  width: 72px;
  height: 72px;  
}

div#right ul.logos li div.logo span {
  display: block;
  margin: 0 auto 0 auto;
  text-align: center;
  height: 100%; 
}

div#right ul.logos li div.logo img {
  display: inline !Important;
}

div#right ul#logolist li div{
  text-align: center;
  clear: both;
  float: none;
  border: 1px solid #b5ab8a;  
  line-height: 100px;
  padding: 10px;  
  margin: 5px;  
  width: 100px;
  height: 100px; 
}

div#right ul#logolist {
  list-style: none;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 399px;
}

div#right ul#logolist li {
  margin: 0;
  padding: 0;
  width: 140px;
}

/** 
 * Subpage navigations
**/

div#left div#ul-head {
  width: 210px;
  margin: 18px 0px 0px 14px;
  background-image: url('/img/subpages/left-nav-top.png');
  background-position: left bottom;
}

div#left ul {
  margin:  0px 0px 15px 14px;
  padding: 0px 14px 19px 14px;
  list-style: none;
  float: left;
  width: 182px;
  background-image: url('/img/subpages/left-nav.png');
  background-position: left bottom;
}

div#left ul li {
  float: left;
  width: 182px;
  background-image: url('/img/subpages/left-nav-li-bg.png');
  background-position: left bottom;
  background-repeat: no-repeat;
  padding: 0 0 7px 0;
  font-family: "Droid Sans", Calibri, Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
}

div#left ul li.last {
  background: transparent;
  padding: 0;
}

div#left ul li a {
  text-decoration: none;
  display: block;
  padding: 15px 0 15px 10px;
}

div#left ul li a:hover {
  text-decoration: none;
}

div#left ul li a.active {
  background-color: #1187B1;
  color: #FFF;
  text-shadow: 0px -1px 0px #000;
}

/**
 * Brochure
**/
div#brochure-head {
  float: left;
  width: 210px;
  margin: 18px 0px 0px 14px;
  background-image: url('/img/subpages/left-nav-top.png');
  background-position: left bottom;
}

div#brochure {
  margin:  0px 0px 15px 14px;
  padding: 0px 14px 19px 14px;
  float: left;
  width: 182px;
  min-height: 200px;
  background-image: url('/img/subpages/left-nav.png');
  background-position: left bottom;
  color: #333;
  font-size: 120%;
}

div#brochure h2 {
  color: #0380AC;
  font-family: "Droid Sans", Calibri,Arial,sans-serif;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}

div#brochure p {
  padding: 0 8px;
}

div#brochure img {
  margin: 0 0 15px 8px;
}