/* YUI CSS Grid fixes */
div.yui-gf div.yui-gc {
  width: 73.2%;
  float: right;
}

div.yui-gf div.yui-gc div.yui-u {
  margin-left: 2%;
  width: 32%;
}

div.yui-gf div.yui-gc div.first {
  position: relative;
  width: 59.5%;
  margin: 0 0;
  padding: 0 3%;
  background-color: #FFF;
}

div.yui-gf div.yui-gc .yui-gd .yui-u {
  margin: 0 0;
  width: 58%;
}

div.yui-gf div.yui-gc .yui-gd .first {
  margin: 0 1em 0 0;
  width: 32%;
}

div.yui-gf #col1 {
  padding-left: 2%;
}

div.yui-gf div.yui-gc, div.yui-gf #col1 {
  margin-bottom: -1000em;
  padding-bottom: 1001em;
  background: url(../_img/sidebar_bg.jpg);
}
/* END YUI CSS Grid Fixes */
/* doc2 styles */
#doc2 {
  font-family: Arial, Helvetica, sans-serif;
  margin-top: 10px;
  margin-bottom: 10px;
}
/* End doc2 styles */
/* HD Styles */
#hd {
  position: relative;
  background: url(../_img/header_gradient.jpg) repeat-y;
  background-color: #859FD0;
  background-position: 0px 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

#hd h1 {
  float: left;
  background: url(../_img/apex_header_2.jpg) no-repeat;
  background-position: -1px 0;
  width: 100%;
  height: 6em;
}




#hd h1 em, #hd h2 em {
  position: absolute;
  top: -10em;
}

#hd div {
  float: right;
  margin: 2em .5em 0 0;
  padding: 0 0 0 50px;
  background: url(../_img/alert_button.png) no-repeat;
  background-position: 0 10px;
  color: #FFF;
  font-weight: bold;
  font-size: 93%;
  width: 18%;
}

#hd div span {
  display: block;
  margin: 0 0;
}
/* End HD Styles */
/* BD Styles */
#bd {
  position: relative;
  overflow: hidden;
  height: 100%;
}

#grayBar {
  background-color: #A0A0A0;
  height: 2em;
}

#hdPhoto {
  float: right;
  margin: -2em 0 0 0;
  width: 72%;
  z-index: 2;
}

#hdPhoto img {
  display: block;
  margin: 0 0;
  z-index: 1;
  position: relative;
  width: 52.6em;

* width:
  51.3em;
}
/* End BD styles */
/* NAV styes */
ul#nav {
  margin: 15px 0 0;
  font-size: 108%;
  font-weight: bold;
  letter-spacing: .1em;
}

ul#nav li {
  margin: 0 0 5px 0;
	padding: 0 0 0 10px;
}

ul#nav li a {
  display: block;
  padding: 3px 0 3px 5px;
  margin: 0 0;
  background: url(../_img/header_gradient.jpg);
  background-repeat: no-repeat;
  background-position: -200em 100em;
  color: #424242;
  width: 63%;
  height: 1.45em;
  outline: none;
}

ul#nav li a:hover, ul#nav li.selected a {
  padding: 3px 0 3px 3px;
  background-repeat: repeat-y;
  background-color: #859FD0;
  background-position: -200px 0px;
  border: 1px solid black;
  color: #FFF;
  width: 63%;
  height: 1.31em;
  outline: none;
}
/*ul#nav li.selected ul.subnav li a { color: #424242; }*/
ul#nav li ul.subnav li a {
  display: block;
  background: none;
  border: none;
  color: #345089;
  height: auto;
}

ul#nav li ul.subnav li a:hover, ul#nav li ul.subnav li.selected a {
  background: none;
  color: #345089;
  text-decoration: underline;
  border: none;
  outline: none;
}

#financing, #dealer {
  background: url(../_img/trane_financial2.gif) no-repeat;
}

a#financing, a#dealer {
  display: block;
  margin: 10px 0 15px 20px;
}

a#financing {
  width: 164px;
  height: 163px;
}

a#dealer {
  background-position: -12px -165px;
  width: 150px;
  height: 52px;
}

#financing span, #dealer span {
  position: absolute;
  top: -10em;
}
/* End NAV styles
 
 /* col1 styles */
#col1 {
  border-right: 1px solid #A0A0A0;
}

#col1 a {
  outline: none;
}

#col1 img {
  margin: 1em 0 1em 1.7em;
  margin-left: 1.7em;
}



#col1 img.carrierLogo {
  margin-left: 3.5em;
}

/* End col1 styles */
/* col2 Styles */
#col2 {
  margin: -30px 0 -1000em 0;
  z-index: 0;
  border-right: 1px solid #A0A0A0;
  font-size: 108%;
  padding-bottom: 1001em;
}

#col2 h2 {
  margin: 5px 0 1em;
  color: #345089;
  font-size: 153.9%;
  font-weight: bold;
  z-index: 4;
}

#col2 h3 {
  margin: 10px 0 5px;
  color: #345089;
  font-size: 123.1%;
  font-weight: bold;
}

#col2 p {
  margin: 10px 0 0 0;
  line-height: 1.5em;
}

#col2 ul {
  margin-top: 1%;
}

#col2 ul.questions {
  margin: 0 0;
  font-style: italic;
}

#col2 ul.bulletlist li {
  margin: 2% 0 0 3%;
  list-style: disc outside;
}

#col2 ol {
  margin: 0 0;
  padding: 0 0;
}

#col2 ol.answers li {
  margin: 0 0 0 6%;
  padding: 0 0;
  list-style: decimal outside;
}

fieldset {
  margin: 2% 0 0;
}

label, input, textarea {
  display: block;
}

input.text, textarea {
  margin-bottom: 1%;
  width: 60%;
}

textarea {
  height: 4em;
}

a.contact {
  color: #345089;
}

a.contact:hover {
  text-decoration: underline;
}
/* End col2 Styles */
/* Product Images Styles*/
h4#product {
  margin: 1em 0 0;
  background-image: url(../_img/products.jpg);
	background-repeat: no-repeat;
  width: 100%;
}

h4.acunit { background-position: 0 0; height: 200px; }
h4.furnace { background-position: 0 -200px; height: 220px; }
h4.heatpump { background-position: 0 -430px; height: 165px; }
h4.indoor { background-position: -5px -590px; height: 170px; }
h4.thermostat { background-position: -6px -778px; height: 110px; }

h4#product span {
  display: block;
  position: absolute;
  top: -100em;
}


/* End Product Image Styles */
/* col3 Styles */
#col3 {
  margin: 0;
  padding: 0;
}

#col3 a {
  outline: none;
}

#col3 img {
  display: block;
	margin: 1em 0 0 1.5em;
}
/* End col3 Styles */
/* Home Page Coupons and Coupons Page */
.coupon {
  margin: 20px 0 0 8px;
  background-color: #FFF;
  border: 1px solid #666;
  font-size: 108%;
  width: 85%;
}

.coupon h3, body#coupon .coupon h3 {
  margin: 0 0;
  padding: 3px 0 3px 5px;
  border-bottom: 1px solid #666;
  color: #FFF;
}

.c1 h3 a {
  color: #FFF;
}

body#coupon h4#print {
  margin-bottom: 1em;
  padding: .3em;
  border: none;
  width: 9.5em;
}

body#coupon h4#print a {
  display: block;
  padding-left: 1.5em;
  background: url(../_img/printer_icon.gif) no-repeat;
  color: #0E0E0E;
  outline: none;
}

body#coupon h4#print a:hover {
  text-decoration: underline;
  outline: none;
}

.c1 h3 {
  background-color: #345089;
}

.c2 h3 {
  background-color: #851502;
}

.c3 h3 {
  background-color: #097706;
}

.c1, .c1 a {
  color: #345089;
}

.coupons h3 a:hover, .c1 a:hover {
  text-decoration: underline;
}

.c2, .c2 a {
  color: #851502;
}

.c3, .c3 a {
  color: #097706;
}

.coupon ul {
  margin: 0 10px 0 10px;
  padding: 0 0;
}

.coupon ul li {
  margin: .5em 0;
}
/* End Home Page Coupons and Coupons Page Styles*/
/* FT styles */
#ft { 
	margin: 0 0 20px 0;  
	overflow: hidden;
}

#ft #subNav {
  margin: 0 0 5px 0;
  padding: 5px 0px;
  background-color: #7188C8;
  color: #FFF;
  font-size: 100%;
  overflow: hidden;
}

#ft #subNav ul {
  float: right;
  margin: 0 0;
  padding: 0px 1.2em 0 0;
  overflow: hidden;
  /*width: 47%;*/
}

#ft #subNav ul li {
  float: left;
  margin: .2em 0;
  padding: 0 5px;
  border-right: 1px solid #FFF;
}

#ft #subNav ul li.selected a {
  text-decoration: underline;
}

#ft #subNav ul li.last {
  padding-right: 0;
  border: none;
}

#ft #subNav ul li a {
  color: #FFF;
}

#ft #subNav ul li a:hover {
  text-decoration: underline;
}

#ft span {
  display: block;
  margin: .2em 0 .2em 20px;
}

#ft #designBy {
  margin: 5px 0 0;
  font-size: 77%;
}

#ft #designBy, #ft #designBy a {
  color: #666;
}

#ft #designBy p {
  float: right;
  margin: 0 0;
  padding: 0 1.5em 0 0;
}

#ft #designBy a {
  text-decoration: underline;
}
/* End FT styles */
/* Printing Styles*/
@media print {

body#coupon h3, body#coupon h4, body#coupon h2 {
    display: none;
}
}
/* End Printing Styles */
