﻿/* :::::::::: GLOBAL STYLES :::::::::: */


body, p, td {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
line-height:16px;
margin-bottom:10px;
}

body 
{
 width: 100%; 
 text-align:center; 
 margin-top: 0px;
 margin-bottom: 0px;
}

#all {
width:780px;
padding:0px;
text-align: center;
margin:0px auto;
list-style-type: none;
}

#content {
float:right;
width:575px;

}

td {
vertical-align: top;
padding: 0px;
margin: 0px;
border: 0px;
}

a {
color:#017CC9;
text-decoration:underline;
}

a:hover 
{
color:#017CC9;
}

a.plain:hover {
background:none;
}

a.plain1:hover {
background:none;

text-decoration:none;
}

a.plain2 {
color:#017CC9;
text-decoration:none;
}

a.plain2:hover {
background:none;
text-decoration:none;
}

a:hover.btt {
background:none;
}



p.white {
color:#fff;
}

.redbold {
color:#CE0000;
font-weight:bold;
}

.red {
color:#CE0000;
}

h1 {
font-family:Helvetica, Verdana, Arial, sans-serif;
margin:10px 0 10px 0;
font-size:18px;
font-weight:bold;
color:#1C9CEC;
}

h1.small {
font-size:17px;
}

h1.tight {
margin-bottom:0px;
}

/*
.sIFR-hasFlash h1 {
	visibility: hidden;
}
*/

h2 {
margin:0 0 5px 0;
font-size:14px;
font-weight:bold;
color:#C90000;
}

h3 {
margin: 10px 0 5px 3px;
font-size:12px;
font-weight:bold;
color:#C90000;
}

h4 {
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size:14px;
font-weight:bold;
color:#fff;
}

h5 {
font-size:14px;
font-weight:bold;
color:#025990;
}

h6 {
font-size:14px;
font-weight:bold;
color:#025990;
margin-bottom:10px;
}


ul {
list-style-type:none;
list-style-image:url(../_img/bullet.gif);
color:#4B4B4C;
margin:0 0 20px 25px;
}

ul li {
margin-bottom:5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
line-height:16px;
margin-bottom:10px;
}

hr {
border:1px dashed #ccc;
/* border:solid 1px #9ad0f2;*/
margin:10px 0;
}

#content img
{
	border: solid 0px white;
}

/* --- Top logo area --- */


.checkout {
margin-top:30px;
width:100px;
float:right;
}

.content_home
{
   min-height: 400px;
   height: auto;
   _height: 400px;
   text-align: left;
}



/*************************************************/
.ticker
{
    background:url(../_img/ticker_bg.jpg) no-repeat; 
    height: 24px; 
    _height: 26px; 
    width: 776px;     
    padding: 4px 2px 0px 2px;  
    font-family: Verdana; 
    font-size: 14px;
    font-weight: bold;
    color:#000000;
}

.financebanner {
width:153px;
height:91px;
margin:50px 15px 0px 15px;
}
.financebanner a:hover
{
	background: none;
}
.mattwizbanner {
width:153px;
height:83px;
margin:0px 15px;
}

/********************** Left navigation *******************************/
#leftnav {
background: #fff url(../_img/leftnav_bg.jpg) 0px 0px repeat-x;
min-height:424px;
height: auto;
_height: 424px;
width:185px;
display:block;
}

.second_nav 
{
color: #ffffff;
font-weight: bold;
text-decoration: none;
padding: 5px 0px 5px 30px;
background-color:Transparent;
display: block;
background:none;
}

a.second_nav:hover
{
background-color:#BBE0F7;
color:#025990;
font-weight: bold;
text-decoration: none; 
padding:  5px 0px 5px 30px;
display: block;
/*border: solid 1px #cccccc; */
}

a.second_nav_on{

background-color:#EDF6FB;
color:#025990;
font-weight: bold;
text-decoration: none; 
padding: 5px 0px 5px 30px;
display: block;
}


/******************** content page ***********************/
/*#content {
width:585px;
margin-left: 10px;
}

.content {
width:585px;
margin-left: 10px;
}*/

#topbox {
background: #EDF6FB 365px 10px no-repeat;
padding:10px;
margin-bottom:20px;
height:158px;
}

#topbox img {
margin-left:20px;
}

#topbox #topbox_left {
float:left;
width:325px;
}

.bluebox 
{
background-color: #EDF6FB;
padding:10px;
margin:20px 0;
}
.bluebox_content
{
    background-color: #EDF6FB;
}
.quotemark {
font-size:15px;
font-weight:bold;
color:#025990;
}
.style1
{
    color: #808080;
	font-style: italic;
}

.style5 {
	font-size: 12px;
	color: #CE0000;
	font-weight: bold;
}
.subheading {
	font-size: 12px;
	color: #ce0000;
	font-weight: bold;
}

.subheading_1
{
    color: #0000a0; 
    font-weight: bold;
}
.style16 
{
    font-size: 12px; 
    font-weight: bold; }
.style17 
{
    font-size: small
    }


/* --- Footer --- */

#footer {
padding-top:10px;
width:780px;
}

.footerbar {
border-top:5px solid #FA0426; /*red*/
border-bottom:10px solid #0771B4; /*blue*/
height:15px;
}

#footer p {
color:#91989D;
font-size:9px;
line-height:16px;
text-align:center;
margin-top:20px;
}

/* --- Various ---*/

.clear {
clear:both;
}

.table_int {
border:1px solid #999;
width:585px;
background-color:#EDF6FB;
margin: 20px 0;
}

Table.none
{
	background-color: White;
	border: none;
}

/* :::::::::: HOME SPECIFIC STYLES :::::::::: */

/* --- Top image area --- */

.toparea {
height:134px;
margin-bottom:10px;
}

.mainimage
{
display:inline;
float:left;
width: 780px;
}

/* --- Bottom content area --- */

.getstarted_btt{
text-align:center;
}

.fosterkids {
padding:10px 0 10px 15px;
}

.products {
background:url(../_img/hme_products_img.jpg) no-repeat 184px 22px;
width:373px;
height:111px;
margin:0 0 5px 0;
}
.financeapproval {
margin-top:30px;
padding:0 10px;
}
.storetour {
width:120px;
height:111px;
margin:0px;
}

.storelocator {
height:111px;
width:244px;
background-color:#E2F1FA;
text-align:center;
margin:0px;
}

.storelocator p {
margin:7px 0 5px 0;
}


/* HERE IS WHERE STYLES WILL NEED TO BE COMMENTED/UNCOMMENTED DEPENDING ON THE HOME PAGE VERSION */

.webtools {
width:190px;
height:227px;
background: url(../_img/hme_tools_img.jpg) no-repeat 0 22px;
}
.community_area {
width:201px;
height:auto;
}

.webtools p.mattwizbucket {
margin-top:55px;
/*margin-top:105px;*/
padding:0 10px;
}
/**************************************************/
.formitem {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
margin:40px 0 0px 0;
height:auto;
}

.formitem h3 {
margin-bottom:11px;
position:relative;
 left:-10px;
}

.formitem input {
float:left;
}

.formitem p {
float:left;
}

.formitem select {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
width:100px;
float:left;
}

.formitem textarea.textfield {
width:400px;
height:200px;
}

.formitem p 
{

margin-right:30px;

}
#commenttype
{
	margin-top:12px;	
	
}
#contactinfo {
margin:0;
padding:0;
}

#contactinfo p {
margin:5px 0;
padding:0px;
}

#contactinfo input.textfield {
width:400px;
height:16px;
margin:0;
padding:0;
}

#contactinfo #names div {
float:left;
margin-right:20px;
}

#contactinfo #names div input {
width:190px;
}

#contactformbuttons {
margin:30px 0;
}

/*********** Brands ******************/
.brand {
float:left;
margin:40px 5px 10px 10px;
width:260px;
display:block;
vertical-align:top;
}
.brand_new {
float:left;
margin:5px 5px 5px 10px;
width:260px;
display:block;
vertical-align:top;
}

.brand.single {
width:550px;
}

.brand img {
float:left;
padding:0 10px;
vertical-align:top;
}

.brand ul {
float:left;
margin:0 0 0 17px;
}

/* Sleep Quiz */

#score {
font: bold 15px Helvetica, Verdana, Arial, sans-serif;
color:#CE0000;
margin:20px 0;
}

/* Tables */

.emptable {
border:1px solid #999;
width:585px;
background-color:#EDF6FB;
margin: 20px 0;
}

emptable.td {
padding:5px;
}
.emptop {
background-color:#025990;
color:white;
font-weight:bold;
}
.odd {
background-color:#fff;
}
.last {
border-right-width:0;
}
.lightblue {
color:white;
font-weight:bold;
text-align:center;
background-color:#1C9CEC;

}
.blue {
background-color:#CCE4F2;
border-bottom:1px solid white;
}
.lightCyan
{
background-color:#e0ffff;
}

table.marginless {
margin:0px;
width:auto;
}
a.new {
color:#017CC9;
text-decoration:underline;
}

a.new:hover {
color:#017CC9;
}

.padding1
{
    margin-left: 8px;
}

.wizardquestion {
background-color: #EDF6FB;
padding:20px;
margin-top:20px;
border:1px solid gray;
}

#wizardbuttons {
text-align:center;
margin-top:20px;
}

#wizardbuttons img {
margin:0 10px;
}

#topbox {
background: #EDF6FB 365px 10px no-repeat;
padding:10px;
margin-bottom:20px;
height:158px;
}

#topbox img {
margin-left:20px;
}

#topbox #topbox_left {
float:left;
width:325px;
}


#nav 
{
width:780px;
height:23px;
_height:22px;
background-color:#025990;
vertical-align: middle;
margin-bottom: 8px;
}

/****************Top Navigation ****************/
.first_nav
{
width:14%;
height: 23px;
text-align:center;
color: #ffffff;
font-weight: bold;
vertical-align: middle;
border-left: solid 1px #025990;
_border-right: solid 1px #025990;
}

.first_nav a
{
text-decoration:none;
display:block;
color: #ffffff;
padding: 0px 0px 5px 0px;
background-color:#025990;
}

.first_nav a:hover, .first_nav a.td_nav_on
{
display:block;
color: #ffffff;
font-weight: bold;
padding: 0px 0px 5px 0px;
background-color:#048DE3;
}

.home a
{
 background-color:#048DE3;
}

/*Job Application*/
#jobApplication input, #jobApplication select, #jobApplication textarea
{
    background: #F4FAFE;
    border: 1px solid #666666;
}
.required
{
	color:#E40D17;
}
#jobApplication span.RadioButton input
{
	border:none;
	background:none;
	width:auto;
}
#jobApplication td
{
	padding-right:4px;
	padding-bottom:2px;
}
#jobApplication input
{
	width:100px;
}
#jobApplication input.large
{
	width:200px;
}
#jobApplication .validationSummary
{
	width:400px;
	padding:10px;
    border: 1px solid #666666;
	background: #F4FAFE;
	font-size:12px;
}
#jobApplication .validationSummary ul
{
	margin-bottom:0px;
}
#jobApplication .validationSummary li
{
	margin:0px;
	padding:0px;
}
#surveyContainer
{
	width: 585px;
	height: 430px;
}
.surveyLabel
{
	width: 300px;
}