@charset "utf-8";

html, body {  width: 100%;  height: 100%;  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  color: #ffff99;
  font-size: 12px;
}

img {
  border: 0px;
}

body { background-color: #0e0903; }

.backgroundContainer {  background: url(/images/background-bottom.jpg) repeat-y top center; }

a {
  /*color: #ffff99;*/
  color: #fccd3d;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a:focus {
  outline: none;
}

iframe {
  overflow: hidden;
}

h2 {
  font-size: 14px;
  font-weight: bold;
}

.quickSpecs {
  margin-top: 10px;
  overflow: hidden;
}

.header {
  width: 100%;
  overflow: hidden;
}

.header.first {
  margin-top: -30px;
  width: 430px;
}

.header h2 {
  background: url(/images/header-background.png) top left no-repeat;
  height: 22px;
  padding-top: 19px;
  float: left;
}

.header h2 span {
  padding-left: 31px;
  padding-right: 15px;
  color: #ff8200;
  font-weight: bold;
  font-size: 14px;
}

.topBox {
  margin-top: 30px;
  margin-left: 30px;
  width: 400px;
}

.background {
  background: url(/images/background-bottom.jpg) repeat-y top center;
  width: 100%;
  height: 100%;
}

.background .inner1 {
  background: url(/images/background-top.jpg) no-repeat top center;
  width: 100%;
  height: 100%;
  min-height: 704px;
}

.background .inner2 {
  margin: auto;
  width: 950px;
  height: 100%;
}

.navigation {
  /*background: url(/images/nav-background.png) repeat-x top left;*/
  height: 44px;
  /*padding-left: 247px;*/
}

.container {
  width: 100%;
  overflow: visible;
}

.leftNav {
  /*background: url(/images/left-nav-background.jpg) no-repeat top left;*/
  width: 238px;
  height: 660px;
  float: left;
}

.leftNav div {
  margin-left: 10px;
  margin-top: 60px;
  line-height: 120%;
}

.leftNav a {
  color: #903f00;
  font-size: 11px;
  /*display: block;*/
  text-decoration: none;
  padding-left: 5px;
}

.leftNav a:hover {
  text-decoration: underline;
}

.leftNav span {
  display: block;
  color: #903f00;
  padding-left: 10px;
}


.leftNav .header {
  color: #43311c;
  font-size: 12px;
  font-weight: bold;
  display: block;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 0px;
}

.pageBody {
  float: left;
  /*width: 475px;*/
  width: 712px;
  margin-top: 30px;
}

.pageBodyRight {
  float: right;
  width: 240px;
  margin-top: 2px;
  margin-bottom: 50px;
}

.pageBodyLeft {
  
}

.contactCard {
  text-align: right;
}

.rightNavBox {
  width: 193px;
  height: 114px;
  background: url(/images/semi-transparent-bg.png);
  margin-top: 19px;
}

/*
.rightNav {
  width: 235px;
  float: right;
  margin-top: 40px;
}
*/

h1 {
  color: #ff8200;
  font-size: 29px;
  margin: 30px 0 30px 0;
}

h1 span {
  color: #fed559;
  font-size: 29px;
}

h3 {
  margin: 0px;
  color: #fed559;
  font-size: 12px;
  display: inline;
  padding-right: 5px;
}

.searchCities {
  width: 846px;
  margin: auto;
  overflow: visible;
}

.searchCities .inner {
  background-color: #2f2319;
  overflow: hidden;
}

.searchCities .inner2 {
  background-color: #2f2319;
}

.searchCities ul {
  float: left;
  width: 120px;
}

.searchCities a {
  color: #fccd3d;
  text-decoration: none;
}

.searchCities a:hover {
  text-decoration: underline;
}

.footer {
  padding-top: 20px;
  margin-left: 55px;
  padding-bottom: 10px;
  overflow: hidden;
}

.footer a {
  color: #fccd3d;
}

.quickQuote {
  margin-top: 20px;
  padding: 20px;
  padding-right: 10px;
  
  /*
  background-color: #ffffff;
  filter: alpha(opacity=10);
  opacity: .10;
  */
  
  background: url(/images/quick-quote-background.png);
}

.quickQuote span {
  color: #fed559;
  font-weight: bold;
}

.quickQuote .inner {
  /*
  filter: alpha(opacity=100);
  opacity: 1;
  */
}

.quickQuote td {
  padding-right: 10px;
}

.quickQuote input {
  border: 0px;
  background-color: #f5e8b8;
  width: 100%;
}

.quickQuote textarea {
  width: 100%;
  height: 150px;
  border: 0px;
  background-color: #f5e8b8;
  overflow: hidden;
}

.hidden {
  display: none;
}

#login {
  display: none;
  width: 415px;
  height: 185px;
  background: url(/images/login-background.jpg) top left no-repeat;
}

.templateContainer {
  margin-top: 10px;
  font-size: 14px;  width: 430px;
  font-weight: bold;
}

.tcinner1 {
  font-size: 12px;
  font-weight: normal;
}

.tcinner2 {
  margin-top: 10px;
  margin-left: 20px;
}

.tca {
  margin-right: 15px;
  cursor: pointer;
}

/***************** Quotes */

.quotes {
  margin-top: 20px;
  margin-left: 5px;
  width: 400px;
}

.quotes h3 {
  font-weight: bold;
  font-size: 14px;
}

.quotes span {
  color: #fed559;
  font-weight: bold;
}

.quotes .inner {
  /*
  filter: alpha(opacity=100);
  opacity: 1;
  */
}

.quotes input {
  border: 0px;
  background-color: #f5e8b8;
  width: 100%;
  padding: 3px;
}

.quotes textarea {
  width: 100%;
  height: 65px;
  border: 0px;
  padding: 3px;
  background-color: #f5e8b8;
  overflow: hidden;
}

/***************** End Quotes */

/***************** Coupon */

.couponTopContainer {
  padding-top: 20px;
  clear: both;
}

.couponContainer {
  width: 100%;
  overflow: hidden;
  background: url(/images/dotted-line.png) top left no-repeat;
  padding-top: 10px;
}

.couponContainerInner {
  padding-bottom: 10px;
  width: 100%;
  overflow: hidden;
  background: url(/images/dotted-line.png) bottom left no-repeat;
}

.coupon {
  float: left;
  width: 213px;
  height: 82px;
  background: url(/images/coupon-background.jpg) top left no-repeat;
}

.couponH1 {
  margin-top: 10px;
  color: #fb7100;
  font-size: 28px;
  text-align: center;
}

.couponH2 {
  color: #8f7f59;
  font-size: 18px;
  text-align: center;
}

/***************** End Coupon */

/***************** 3tiers homepage */

.tiersContainer {
  width: 846px;
  margin: auto;
  overflow: hidden;
  margin-top: 20px;
  margin-bottom: 20px;
}

.tiers {
  width: 260px;
  float: left;
  /*margin: auto;
  overflow: hidden;*/
}

.tiers .inner {
  background-color: #2f2319;
  overflow: hidden;
  width: 260px;
}

.tiers .inner2 {
  background-color: #2f2319;
  padding-left: 20px;
  padding-right: 20px;
  width: 220px;
  height: 250px;
}

/***************** End 3tiers homepage */
