/* 
Theme Name: Mattress Firm 2009
Author URL: AN1
Version: 1
Description: CSS default subpage layout
*/

/*NOTES: 
	2 COLUMN SUB PAGE
	WRAPPER CONTAINER = 1000PX WIDE 
	SUBTRACT 5PX FROM RIGHT TO ALIGN UNDER HEADER
*/


#two_col {
	float:left;
	margin:0px 5px 0px 10px;
	padding:0px;
	width:817px;
}
.two_col_header {
	float:left;
	margin:0px;
	padding:0px;
	width:817px;
	height:40px;
	background-color:#ed1c24;
}
.two_col_header h1 {
	float:left; 
	padding:0px;
	margin:3px 0px 0px 25px;
	color:#fff;
	font-size:28px; 
	letter-spacing:1px;
}
#two_col h2 {
	float:left; 
	padding:0px;
	margin:10px 0px 0px 12px;
	font-size:24px; 
	letter-spacing:1px;
}
#two_col h5 {
	float:left; 
	padding:0px;
	margin:0px;
	font-size:30px; 
	letter-spacing:1px;
}
#two_col h6 {
	float:left; 
	padding:0px;
	margin:5px 0px 5px 15px;
	font-size:22px; 
	letter-spacing:1px;
}
.starting_at img{
	margin-top:20px;
}

/* ::::::: ALIGN LEFT / RIGHT SIDE ::::::: */
.two_col_lside {
	float:left;
	margin-top:5px;
	padding:0px;
	width:408px;
}
.two_col_lside ul {
	padding:0px;
	margin:0px 10px 0px 15px;
} 
.two_col_lside li {
	padding:0px;
	margin-bottom:10px;
	font-size:12px;
	color:#000;
	line-height:20px;
	list-style-image: url(Images/bullet.png);
} 
.two_col_rside {
	float:right;
	margin-top:5px;
	padding:0px;
	width:408px;
}
.two_col_rside ul {
	padding:0px;
	margin:0px 10px 0px 15px;
} 
.two_col_rside li {
	padding:0px;
	margin-bottom:10px;
	font-size:12px;
	color:#000;
	line-height:20px;
	list-style-image: url(Images/bullet.png);
} 
.red_txt_header {
	display:block;
	width:817px;
	margin:0px;
	padding:0px;
}
.red_txt_header h4{
	margin:0px;
	padding:0px;
	color:#ed1c24;
	font-size:65px; 
	font-weight:900;
	letter-spacing:1px;
}

/* HEADBOARDS AND FOOTBOARDS
--------------------------------------------------------------------------------------------------*/
.hb_header {
	float:left;
	margin:0px;
	padding:0px;
	/*width:550px;*/
	width: 100%;
	height:40px;
	background-color:#ed1c24;
}
.hb_header h1 {
	float:left; 
	padding:0px;
	margin:4px 0px 0px 25px;
	color:#fff;
	font-size:28px; 
	letter-spacing:1px;
}
.hb_header h2 {
	float:left; 
	padding:0px;
	margin:6px 0px 0px 25px;
	color:#fff;
	font-size:24px; 
	letter-spacing:1px;
}
.hb_item {
	float:left;
	margin:10px 2px 0px 1px;
	padding:0px;
	width:180px;
	height:280px;
	background: url(images/hb_item_bg.png) no-repeat;
}
.hb_item img{
	float:left;
	margin-left:7px;
	padding:0px;
	width:165px;
}
.hb_item_header{
	float:left;
	margin:15px 0px 0px 15px;
	padding:0px;
	width:150px;
}
.hb_item h2 {
	display:block;
	width:120px;
	height:18px;
	float:left; 
	padding:0px;
	margin:0px;
	color:#000;
	font-size:18px; 
	letter-spacing:1px;
	white-space:nowrap;
	overflow:hidden;
}
.hb_item h3 {
	display:block;
	width:30px;
	height:18px;
	float:left; 
	padding:0px;
	margin:0px;
	color:#000;
	font-size:16px; 
	letter-spacing:1px;
	white-space:nowrap;
	overflow:hidden;
	font-weight:lighter;
	line-height:21px;
}
.hb_item p {
	display:block;
	width:156px;
	height:50px;
	float:left; 
	padding:0px;
	margin:5px 15px 2px 12px;
	line-height:15px;
	color:#000;
	font-size:12px; 
	white-space:normal;
	overflow:hidden;
	text-align:center;
}
.hb_item_price {
	margin:0px 30px 0px 28px;
	padding:0px;
	width:120px;
}
.hb_item_price h4 {
	width:120px;
	height:28px;
	float:left; 
	padding:0px;
	margin:0px;
	color:#fff;
	font-size:26px; 
	letter-spacing:1.5px;
	white-space:nowrap;
	overflow:hidden;
	text-align:center;
	line-height:30px;
}
.hb_item_price h5 {
	width:120px;
	height:28px;
	float:left; 
	padding: 0px 0px 2px 0px;
	margin:14px 0px 0px 0px;
	color:#fff;
	font-size:10px; 
	white-space:normal;
	overflow:hidden;
	text-align:center;
	line-height:15px;
}
.hb_more_info {
	float:left;
	display:block;
	margin-left:7px;
	padding:0px;
	width:165px;
	height:20px;
	overflow:hidden;
}
.hb_more_info img {
	display:block;
	width:165px;
	border:none;
	margin:0px;
	padding:0px;
}
.hb_more_info a {
	border:none;
}
.hb_more_info a:hover img {
	border:none;
	margin-top:-20px;
}

/* PRODUCT ITEM
--------------------------------------------------------------------------------------------------*/
.prod_item {
	float:left;
	margin:10px 1px 0px 5px;
	padding:0px;
	width:180px;
	height:240px;
	background: url(images/prod_item_bg.png) no-repeat;
}
.prod_item img{
	float:left;
	margin:16px 0px 0px 7px;
	padding:0px;
	width:165px;
}
.prod_item p {
	display:block;
	width:156px;
	height:30px;
	float:left; 
	padding:0px;
	margin:5px 15px 0px 10px;
	line-height:15px;
	color:#000;
	font-size:12px; 
	white-space:normal;
	overflow:hidden;
	text-align:center;
}
.prod_item_price {
	margin:0px 30px 0px 28px;
	padding:0px;
	width:120px;
}
.prod_item_price h4 {
	width:120px;
	height:28px;
	float:left; 
	padding:0px;
	margin:0px;
	color:#fff;
	font-size:26px; 
	letter-spacing:1.5px;
	white-space:nowrap;
	overflow:hidden;
	text-align:center;
	line-height:30px;
}
.prod_item_price h5 {
	width:120px;
	height:28px;
	float:left; 
	padding: 0px 0px 4px 0px;
	margin:20px 0px 0px 0px;
	color:#fff;
	font-size:12px; 
	white-space:normal;
	overflow:hidden;
	text-align:center;
	line-height:15px;
}

/* ::::::: MORE INFO BUTTON ::::::: */
.prod_more_info {
	float:left;
	display:block;
	margin-left:7px;
	padding:0px;
	width:165px;
	height:20px;
	overflow:hidden;
}
.prod_more_info img {
	display:block;
	width:165px;
	border:none;
	margin:0px;
	padding:0px;
}
.prod_more_info a {
	border:none;
}
.prod_more_info a:hover img {
	border:none;
	margin-top:-20px;
}

/* LEARN ABOUT SLEEP / FAQs
--------------------------------------------------------------------------------------------------*/
#learn_header {
	display:block;
	width:817px;
	padding:0px;
	margin:0px;
}
#lq_box {
	float:left;
	margin-top:10px;
	padding:0px;
	width:388px;
}
#lq_box p {
	display:block;
	width:358px;
	padding:0px;
	margin:0px 0px 5px 15px;
	white-space:normal;
}
#rq_box {
	float:right;
	margin-top:10px;
	padding:0px;
	width:388px;
}
#rq_box p {
	display:block;
	width:358px;
	padding:0px;
	margin:0px 0px 5px 15px;
	white-space:normal;
}

/* ::::::: QUESTION HEADERS ::::::: */
.q_header {
	float:left;
	margin:5px 0px 10px 0px;
	padding:0px;
	width:388px;
	background-color:#f1f1f2;
}
.q_header h2 {
	float:left;
	display:block;
	width:358px;
	margin:0px 0px 0px 15px;
	padding-top:3px;
	color:#000;
	font-size:22px; 
	letter-spacing:1px;
	font-weight:lighter;
}


/* ::::::: QUESTION LISTS ::::::: */
.q_list {
	float:left;
	margin:0px 10px 0px 0px;
	padding-left:30px;
}
.q_list ul {
	padding:0px;
	margin:0px;
} 
.q_list li {
	padding:0px;
	margin-bottom:10px;
	font-size:12px;
	color:#989697;
	line-height:20px;
	/*list-style-image: url(../images/bullet.png);*/
} 
.q_list li a {
	color:#989697;
	text-decoration:none;
} 
.q_list li a:hover {
	color:#ed1c24;
	text-decoration:none;
}

/* ::::::: LEARN MORE BTN ::::::: */
.learn_more {
	float:left;
	display:block;
	margin:0px;
	padding:0px;
	width:388px;
	height:25px;
	overflow:hidden;
}
.learn_more img {
	display:block;
	width:100px;
	border:none;
	margin:0px;
	padding:0px;
	
}
.learn_more a img {
	float:right;
	display:block;
}
.learn_more a:hover img {
	border:none;
	margin-top:-25px;
}

/* ::::::: LEARN VIDEO ::::::: */
#learn_vid {
	margin:0px;
	padding:0px;
	width:388px;
}
#learn_vid img {
	margin-top:10px;
	padding:0px;
	width:388px;
}

/* GUARANTEES
--------------------------------------------------------------------------------------------------*/
/* ::::::: GUARANTEE TAG LINE ::::::: */
.tag_line {
	padding:0px;
	margin:10px 0px 10px 0px;
	text-align:center
}
.tag_line h1 {
	padding:0px;
	margin:0px;
	color:#000;
	font-size:29px; 
	font-weight:lighter;
	line-height:29px;
}
.tag_line h3 {
	padding:0px;
	margin:0px;
	color:#000;
	font-size:22px; 
	font-weight:lighter;
	line-height:25px;
}
.tag_line h4 {
	padding:0px;
	margin:0px;
	color:#000;
	font-size:18px; 
	font-weight:lighter;
	line-height:20px;
}

/* ::::::: GUARANTEE TAGS / BOXES ::::::: */
.g_tags {
	float:left;
	display:block;
	margin:0px 0px 10px 4px;
	padding:0px;
	width:200px;
}
.g_tags img {
	border:none;
	margin:0px;
	padding:0px;
}
.g_tags p {
	display:block;
	width:180px;
	padding:0px;
	margin:10px 0px 0px 10px;
	white-space:normal;
	text-align:center;
}
.g_tags_small {
	float:left;
	display:block;
	margin:0px 0px 10px 4px;
	padding:0px;
	width:135px;
}
.g_tags_small img {
	border:none;
	margin:0px;
	padding:0px;
}
.g_tags_small p {
	display:block;
	width:180px;
	padding:0px;
	margin:10px 0px 0px 10px;
	white-space:normal;
	text-align:center;
}

/* ::::::: LEARN MORE BTN ::::::: */
.g_tag_learnbtn {
	float:left;
	margin:15px 0px 10px 50px;
	padding:0px;
	height:25px;
	overflow:hidden;
}
.g_tag_learnbtn img {
	display:block;
	width:100px;
	border:none;
	margin:0px;
	padding:0px;
	
}
.g_tag_learnbtn a img {
	display:block;
}
.g_tag_learnbtn a:hover img {
	border:none;
	margin-top:-25px;
}
/* Small Version */
.g_tag_learnbtn_small {
	float:left;
	margin:15px 0px 10px 20px;
	padding:0px;
	height:25px;
	overflow:hidden;
}
.g_tag_learnbtn_small img {
	display:block;
	width:100px;
	border:none;
	margin:0px;
	padding:0px;
	
}
.g_tag_learnbtn_small a img {
	display:block;
}
.g_tag_learnbtn_small a:hover img {
	border:none;
	margin-top:-25px;
}

/* MIDDLE CONTENT
--------------------------------------------------------------------------------------------------*/
#middle {
	float:left;
	margin:0px 10px 0px 10px;
	padding:0px;
	width:560px;
}
.mid_header {
	float:left;
	margin:0px;
	padding:0px;
	width:560px;
	height:40px;
	background-color:#ed1c24;
}
.mid_header h1 {
	float:left; 
	padding:0px;
	margin:3px 0px 0px 25px;
	color:#fff;
	font-size:28px; 
	letter-spacing:1px;
}
.mid_header h2 {
	float:left; 
	padding:0px;
	margin:6px 0px 0px 25px;
	color:#fff;
	font-size:21px; 
	letter-spacing:1px;
}
.mid_left {
	float:left;
	margin-top:10px;
	padding:0px;
	width:280px;
}
.mid_left p {
	display:block;
	width:245px;
	padding:0px;
	margin:5px 0px 5px 15px;
	white-space:normal;
}
.mid_right {
	float:right;
	margin-top:10px;
	padding:0px;
	width:280px;
}
.mid_right p {
	display:block;
	width:245px;
	padding:0px;
	margin:5px 0px 5px 15px;
	white-space:normal;
}

/* CUSTOMER SERVICE PAGES 
--------------------------------------------------------------------------------------------------*/
.contact_box 
{
    float:left;
    width:250px;
    height:100px;
}

.contact_txt_hd
{
    font-size: 18px;
    font-weight: bolder;
    color:#ed1c24;
}

.white_txt_gray_back
{
    background-color: #bfbfbf;
    color: #ffffff;
    font-size: 24px;
    font-weight: bold;
    height: 30px;
    padding: 0px 0px 0px 5px;
    clear: left;
}

.white_txt_red_back
{
    background-color: #ed1c24;
    color: #ffffff;
    font-size: 18px;
    font-weight: bolder;
    height: 24px;
    width: 350px;
    padding: 3px 0px 0px 5px;
}

.franchise_contact
{
    width: 817px;
}

.franchise_contact a { color: #ed1c24; }
.franchise_contact a:hover { color: #000000; }

.franchise_contact td 
{
    vertical-align: top;
    line-height: 15px;
}

.indented_text
{
    margin-left: 30px;
}

/* BRAND PAGES 
--------------------------------------------------------------------------------------------------*/
.brand_sub_header {
	float:left;
	margin-top:10px;
	padding:0px;
}
/* ::::::: PRODUCT INFO LISTS ::::::: */
.brand_info_list {
	float:left;
	margin:0px;
	padding:0px;
}
.brand_info_list ul {
	float:left;
	padding:0px;
	margin: 0px 5px 0px 20px;
}  
.brand_info_list li {
	padding:0px;
	margin-bottom:10px;
	font-size:12px;
	/*color:#989697;*/
	line-height:18px;
	/*list-style-image: url(../images/bullet.png);*/
} 
.brand_info_left {
	float:left;
	margin:0px;
	padding:0px;
	width:280px;
}
.brand_info_left2 {
	float:left;
	margin:0px;
	padding:0px;
	width:400px;
}
.brand_info_right {
	float:right;
	margin:0px;
	padding:0px;
	width:280px;
}

.brand_rbar_ad {
	float:right;
	display:block;
	margin:5px 6px 0px 0px;
	padding:0px;
	width:236px;
}
.brand_rbar_ad img {
	border:none;
	margin:0px;
	padding:0px;
	
}
.brand_rbar_ad a {
}
.brand_rbar_ad a:hover img {
	border: none;
}

/* From Old site */
/*ul.contentHeader { list-style: none; clear: both; height: 22px; padding: 10px 0 ; margin-bottom: 19px; border-top: solid 1px #e4e4e4; border-bottom: solid 1px #e4e4e4; overflow: visible; font: 24px "Times New Roman", Times, serif; color: #4d4d4f; }
ul.contentHeader li { display: block; }
*/