/*
NOTE DOWN CHANGES TO THIS STYLE SHEET HERE
3/15/2010: removing floating footer code
*/


/*----------------------------
Layout
----------------------------*/

* {
 margin: 0; padding: 0;
}

html, body {

}

body {
 background: url(../images/bodybackground.jpg) repeat-x;
 font-family:Arial,  Helvetica, sans-serif;
 font-size: 14px;
 margin: 0; padding: 0;
}

img {
 border:none;
}

/* Homepage Wrapper - Needed due to differences in the footer height */
#homepagewrapper{
 margin: 0 auto 0 auto; /* the bottom margin is the negative value of the footer's height */
 width:900px;
}
/* Homepage Wrapper - Needed due to differences in the footer height */

/* Regular Wrapper - Needed due to differences in the footer height */
#wrapper{
 margin: 0 auto 0; /* the bottom margin is the negative value of the footer's height */
 position: relative;
 width:900px;
}
/* Regular Wrapper - Needed due to differences in the footer height */

#topline_left{
 float: left;
 height: 22px;
 color: #FFFFFF;
 padding: 8px 10px 0 10px;
 font-size: 12px;
 text-align:left;
 width: 430px;
}

#topline_right{
 float:right;
 height: 22px;
 color: #FFFFFF;
 padding: 8px 10px 0 10px;
 font-size: 12px;
 text-align:right;
 width: 430px;
}

#header {
 width: 900px;
 height: 139px;
 background: url(../images/hotonhomes-cash-back-rebates-header.jpg) no-repeat; 
}

/*----------------------------
Virtual Community Video Area
----------------------------*/
#vcvideo_left{
 float: left;
 padding: 8px 10px 0 10px;
 text-align:left;
 width: 410px;
}

#vcvideo_right{
 float:right;
 padding: 8px 10px 0 10px;
 text-align:left;
 width: 410px;
}

/*----------------------------
Navigation
----------------------------*/

#navtabs {
 list-style: none;
 padding: 0;
 height: 30px;
 font-size: 11px;
 font-weight: bold;
 text-transform: uppercase;
 margin: -30px 0 0 0;
}

#navtabs li {
 float: left;
 background: #CCE7F7 url(../images/tableft.png) no-repeat left top;
 padding: 8px 0 8px 14px;
 margin-right: 1px;
}

#navtabs li a {
 background: #CCE7F7 url(../images/tabright.png) no-repeat top right;
 padding: 8px 14px 8px 0;
 text-decoration: none;
 color: #fff;
}

#navtabs li a:hover {
 background: #CCE7F7 url(../images/tabright.png) no-repeat top right;
 padding: 8px 14px 8px 0;
 text-decoration:underline;
 color: #fff;
}


#navtabs li.current {
 background: url(../images/tableft_active.png) no-repeat left top;
}

#navtabs li.current a {
 background: #0288D8 url(../images/tabright_active.png) no-repeat right top;
 color: #333333;
}

/*----------------------------
End Navigation
----------------------------*/

#content{
 padding:15px;
}

#homepagefooterwrapper{
 /*height: 180px;*/
 margin: 10px 0 0 0;
 position: relative;
 width:100%;
 background: #000000;
 color:#FFFFFF;
 border-top: 5px solid #1a1b22;
}
/* Homepage Footer Styles - Needed due to differences in the footer height */

#formfields_left{
 float:left;
 width: 400px;
}

#formfields_right{
 float:right;
 width: 425px;
}

#regularpagefooterwrapper{
 position: relative;
 width:100%;
 background: #000000;
 padding:5px 0 0 0;
 text-align:center;
 color:#FFFFFF;
 height: 35px; 
 margin:0 auto;
}
/* Regular Footer Styles - Replaces homepage footer with extra links needed due to the differences in the footer height */

#footerinner{
 margin: 0 auto;
 padding:3px 0 3px 0;
 background: #272935;
}

#footermarketlistwrapper{
 position: relative;
 width:100%;
 padding:5px 0 0 0;
 text-align:center;
 color:#000000;
 height: 35px; 
 margin:0 auto;
}

/*----------------------------
End Layout Styles
----------------------------*/






/*----------------------------
Begin Elements / Textual Styles
----------------------------*/
img{
 border: none;
}

h1{
 color: #272935;
 font-size: 28px;
 margin: 7px 0 7px 0;
}

h2{
 color: #272935;
 font-size: 26px;
 margin: 7px 0 7px 0;
}

h3{
 color: #272935;
 font-size: 24px;
 margin: 7px 0 7px 0;
}

h4{
 color: #272935;
 font-size: 22px;
 margin: 7px 0 7px 0;
}

h5{

 color: #272935;
 font-size: 14px;
 margin: 7px 0 7px 0;
}

h6{
 color: #272935;
 font-size: 18px;
 margin: 7px 0 7px 0;
}

p{
 padding: 7px 0 7px 0;
 font-size: 14px;
}

p.footertext{
 text-align: center;
 padding:10px 0 10px 0;
 color:#FFFFFF;
 font-weight:bold;
 font-size: 12px;
}

.clear{
 clear: both;
}

ul.footerlist li{
 list-style:none;
 margin: 4px 10px 4px 0px;
}

a.login{
 color: #FFFFFF;
 text-decoration:none;
}

a.footer{
 color:#FFFFFF;
}

a.mainnav {
 color: #333;
 font-weight:bold;
 font-size: 12px;
 text-decoration:none;
 tex-align: center;
 padding: 11px 5px 12px 5px;
}

a.mainnav:hover {
 color: #333;
 font-weight:bold;
 font-size: 12px;
 text-decoration:none;
 background: #33CC00;
 padding: 12px 5px 9px 5px;
 background: #ced4d7;
}

table.footerlinks{
width:900px;
border:0;
margin:0 auto;
}

td.footerlinks{
 width: 25%;
 border:0;
 vertical-align:top;
}