/* Sass Variables ------------------------------------------------------------- */
/* Global ------------------------------------------------------------- */
#container {
  width: 960px;
  margin: auto; }

p, a, h2, h3, table, #data #contentSub .dataSheet, .presentation, ul, li, ol, input, label {
  font-family: arial, helvetica, sans-serif; }

p, #data #contentSub .dataSheet, .presentation, ul, li, ol, input, label {
  color: #646464;
  font-size: 13px;
  line-height: 20px; }

h1 {
  color: #513c2f;
  font-size: 16px;
  font-family: verdana, arial, sans-serif;
  line-height: 26px; }

h2 {
  color: #fff;
  font-size: 13px;
  font-weight: bold; }

h3 {
  color: #5c4a1f;
  font-weight: bold;
  font-size: 13px; }

a {
  color: #513c2f;
  font-size: 13px;
  text-decoration: none; }

a:hover {
  color: #9fa615; }

table, tr, th {
  color: #646464;
  font-size: 13px;
  line-height: 20px; }

/* Header ------------------------------------------------------------- */
#header {
  background: url('images/topangaLogo.gif') no-repeat;
  width: 920px;
  height: 100px;
  float: left;
  margin-left: 50px; }

.displace {
  margin-left: -5000px; }

/* Navigation ------------------------------------------------------------- */
#navigationMain {
  float: left;
  margin: -20px 0 0 0; }

#navigationMain a {
  margin: 0px 8px 0px 0px;
  float: left; }

#navigationMain a.last {
  margin-right: 0px; }

#navigationMain a.homeBtn {
  margin-right: 358px; }

/* Nav rollovers */
a.homeBtn {
  width: 60px;
  height: 30px;
  background: url('images/homeBtn.gif') no-repeat; }

a.homeBtn:hover, a.homeBtnDown {
  background: url('images/homeBtnDown.gif') no-repeat; }

a.productsBtn {
  width: 150px;
  height: 30px;
  background: url('images/productsBtn.gif') no-repeat; }

a.productsBtn:hover, a.productsBtnDown {
  background: url('images/productsBtnDown.gif') no-repeat; }

a.energyBtn {
  width: 150px;
  height: 30px;
  background: url('images/energyBtn.gif') no-repeat; }

a.energyBtn:hover, a.energyBtnDown {
  background: url('images/energyBtnDown.gif') no-repeat; }

a.aboutBtn {
  width: 150px;
  height: 30px;
  background: url('images/aboutBtn.gif') no-repeat; }

a.aboutBtn:hover, a.aboutBtnDown {
  background: url('images/aboutBtnDown.gif') no-repeat; }

/* All pages ------------------------------------------------------------- */
#banner {
  width: 960px;
  background: url('images/bannerBack.jpg') no-repeat;
  margin: 10px 0 0 0;
  float: left; }

.bold {
  font-weight: bold; }

.italic {
  font-style: italic; }

.yellow {
  color: #9fa615;
  font-weight: bold; }

/* All Subpages ------------------------------------------------------------- */
#banner img {
  float: left; }

#banner ul {
  margin: 50px 0 0 0;
  float: left; }

#banner li {
  width: 190px;
  float: left;
  clear: left;
  border-top: 1px solid #fff;
  text-align: center; }

#banner li a {
  line-height: 29px;
  font-weight: bold;
  width: 170px; }

#banner li a.inactive {
  color: #9fa615; }

#banner li a.inactive:hover {
  color: #513c2f; }

#banner li.active {
  background: #edeed3; }

#contentSub {
  width: 770px;
  background: url('images/contentSubBack.gif') repeat-y;
  float: right;
  margin: 20px 0 10px 0px; }

#contentSub p, #contentSub h3 {
  width: 700px;
  float: left;
  clear: left; }

#contentSub p {
  margin: 10px 0 10px 40px; }

#contentSub h3 {
  margin: 10px 0 5px 40px; }

#banner #contentSub li {
  width: 700px;
  text-align: left;
  list-style: disc;
  margin-left: 20px; }

#banner #contentSub ul {
  margin: 0px 0 10px 40px; }

li.borderBottom {
  border-bottom: 1px solid #fff; }

.line, .line2, .line3 {
  float: left;
  width: 700px;
  height: 1px; }

.line {
  border-top: 1px solid #4b3905;
  margin: -5px 0 10px 40px; }

.line2 {
  border-top: 1px solid #e0e2bb;
  margin: 10px 0 10px 40px; }

.line3 {
  border-top: 1px solid #cec8bb;
  margin: -5px 0 10px 40px; }

/* Index ------------------------------------------------------------- */
#index #banner {
  height: 350px;
  background: url('images/indexBack.jpg') no-repeat; }

#banner h1 {
  width: 520px;
  float: left;
  margin: 20px 0 0 30px;
  font-size: 16px; }

.indexCallBox {
  width: 291px;
  height: 112px;
  background: url('images/callBoxBack.gif') no-repeat;
  float: left;
  margin: -20px -365px 0 360px; }

.indexCallBox h2 {
  margin: 16px 0 3px 20px;
  width: 240px; }

.indexCallBox p, .indexCallBox li {
  color: #fff;
  width: 240px;
  margin: 0px 0 0 20px;
  font-size: 12px; }

.indexCallBox li {
  list-style-type: disc;
  list-style-position: outside;
  margin-left: 36px; }

.indexCallBox a {
  color: #fff;
  text-decoration: underline; }

.indexCallBox a.circleBtn {
  float: right;
  margin: -78px 15px 0 0; }

/* Products by Application / All Tables ------------------------------------------------------------- */
#contentSub table.style1 {
  width: 700px;
  margin: 0 0 10px 40px;
  border-collapse: collapse;
  float: left;
  text-align: left; }

#contentSub table.style1 th, #lamp table.style1 th {
  height: 30px;
  border-right: 1px solid #fff;
  color: #646464;
  padding: 10px 10px 10px 10px;
  vertical-align: top; }

#contentSub table.style1 td, #lamp table.style1 td {
  height: 20px;
  padding: 5px 0 5px 10px;
  border-right: 1px solid #fff;
  vertical-align: top; }

#comparison table.style1 {
  width: 920px;
  margin: 30px 0 0 20px; }

#contentSub table.style2 {
  width: 700px; }

#contentSub table.style3 {
  width: 700px;
  float: left;
  margin-left: 40px; }

#contentSub table.style3 a {
  text-decoration: underline;
  font-weight: bold; }

#contentSub table.style4 {
  width: 700px;
  float: left;
  margin-left: 40px; }

#contentSub table.style5 {
  width: 180px; }

#contentSub table.style5 td {
  height: 10px;
  line-height: 10px; }

#contentSub table.style4 td, #contentSub table.style4 th {
  height: 20px;
  padding-left: 20px; }

#banner #contentSub th.tableHead, #banner #contentSub td.tableHead, #banner th.tableHead, #banner td.tableHead {
  background: #e2ded1;
  font-weight: bold;
  text-align: center;
  height: 50px; }

#banner th.tableHead, #banner td.tableHead {
  text-align: left; }

tr.changeBack {
  background: #f3f4e2; }

th.wider {
  width: 140px; }

#banner img.style1 {
  float: right;
  padding: 0px 30px 0 40px;
  margin-top: 10px; }

#banner .graph {
  float: right;
  border-left: 1px solid #e0e2bb;
  margin: 20px 0 0 0;
  height: 310px; }

#banner .graph img {
  margin: 0 27px 0 27px;
  float: left; }

#banner .graph h3 {
  margin: 0 0 0 20px; }

#container tr.brownBack, #container tr.brownBack th {
  color: #fff;
  background: #4b3905;
  font-weight: bold;
  margin-right: 20px; }

#application table th img {
  float: left;
  margin-left: -10px; }

#application table.style1 th {
  padding-bottom: 0px; }

#application table.style1 th.width150 {
  padding-right: 0px;
  width: 150px; }

/* Data Sheets ------------------------------------------------------------- */
#data #contentSub .dataSheet, #data #contentSub .presentation {
  width: 230px;
  height: 200px;
  float: left;
  text-align: center;
  margin: 10px 0px 0px 25px; }

#data #contentSub a {
  margin: 0;
  margin: 0;
  width: 230px;
  color: #3d014f;
  text-decoration: underline; }

#data #contentSub .dataSheet img {
  float: left;
  margin: 0 55px 0 55px; }

#data #contentSub .presentation img {
  float: left;
  margin: 0 55px 0 15px; }

/* DEFINITIONS, CALCULATIONS, AND CONVERSIONS ------------------------------------------------------------- */
/* Product Sample Form ------------------------------------------------------------- */
form {
  margin: 10px 0 10px 0px;
  float: left; }

#colLeft, #colRight {
  float: left;
  width: 200px;
  margin: 0 0 0 40px; }

#colLeft input, #colLeft label, #colRight input, #colRight label {
  width: 200px;
  height: 20px;
  display: block;
  float: left;
  clear: left; }

#colLeft input, #colRight input {
  margin-bottom: 10px;
  border: 1px solid #e0e2bb; }

#sample input.areaHeight {
  height: 60px; }

#sample label.option {
  width: 40px;
  line-height: 12px;
  float: left;
  margin: -16px 0 0 30px; }

#sample input.radio {
  width: 40px;
  margin: 8px 0 0px 0;
  border: none;
  float: left; }

#sample label.radio {
  margin-top: 5px; }

#sample input.submitBtn, #contact input.submitBtn {
  width: 150px;
  height: 30px;
  border: none;
  float: left;
  margin: 30px 0 0 0; }

#sample input.other {
  width: 100px;
  margin: -25px 0 0 70px; }

.thankyou {
  float: left;
  margin: 100px 0 0 220px; }

/* Lamp Comparison ------------------------------------------------------------- */
#comparison #contentSub {
  background: none;
  margin: 50px 0 0 0; }

#comparison #lamp {
  background: url('images/lampBack.gif') repeat-y;
  float: left;
  margin: 50px 0 0 0; }

#comparison #lamp p {
  margin-left: 20px;
  width: 920px; }

#lamp .line2 {
  width: 920px;
  margin-left: 20px; }

/* Deployment Example ------------------------------------------------------------- */
#container tr.purpleBack, #container tr.purpleBack th {
  background: #e2ded1;
  color: #5c4a1f;
  font-weight: bold; }

#example tr.subHead {
  height: 40px;
  color: #5c4a1f;
  font-weight: bold;
  vertical-align: bottom; }

#example tr.total {
  color: #000;
  vertical-align: bottom; }

#example tr.borderBottom {
  border-bottom: 1px solid #4b3905; }

#application tr.borderTop, #example tr.borderTop {
  border-top: 1px solid #4b3905; }

#container tr.textBlack th {
  color: #000; }

/* Payback Calculator ------------------------------------------------------------- */
/* Management ------------------------------------------------------------- */
.colorBrown {
  color: #5c4a1f;
  font-weight: bold; }

.colorBrown2 {
  color: #5c4a1f; }

/* Partners ------------------------------------------------------------- */
#partners #banner p img {
  float: none;
  margin-left: 20px; }

#partners #banner p {
  margin-top: 40px; }

/* Contact ------------------------------------------------------------- */
#contact p {
  margin-left: 60px;
  width: 640px; }

#contact form {
  margin-left: 20px; }

.boxAddress {
  width: 320px;
  height: 100px;
  float: left;
  background: url("images/boxAddress.gif") no-repeat;
  margin: 10px -30px 10px 40px; }

#contact .boxAddress p {
  margin: 10px 0 0 20px;
  float: left; }

#contact #contentSub a {
  color: #3d014f;
  text-decoration: underline; }

#contact #contentSub p {
  margin-top: 10px; }

#salesBox, .highlightbox {
  width: 650px;
  height: 100px;
  background: #f3f4e2;
  float: left;
  margin-left: 40px; }

.highlightbox {
	height:auto;
}

#salesBox p, .highlightbox p {
  margin-left: 20px; }

/* News ------------------------------------------------------------- */
a.headline {
  font-size: 13px;
  color: #513c2f;
  font-weight: bold;
  text-decoration: underline; }

.byline {
  font-style: italic;
  font-size: 13px; }

/* Footer ------------------------------------------------------------- */
#footer {
  width: 960px;
  height: 50px;
  float: left;
  border-top: 1px solid #b9b309;
  margin-top: 15px; }

#footer ul {
  margin-left: 30px; }

#footer li a {
  list-style: none; }

#footer li {
  float: left;
  margin: 0 5px 0 0; }

#footer p {
  font-size: 12px;
  float: right;
  margin-right: 30px; }

.slideshow { width: 230px; float:left; margin:35px 0 0 30px; }
.slideshow img { border:0px; background-color: none; }