@charset "utf-8";
/* --------- Mattress Factory Home Layout CSS Styles --------- */

/*	
	1. Left Container
		- 3 ways
		- Brand Logos
		- Best Selling
		- About
		
	2. Right Container
		- Why Shop
		- Brands
		- Mattress Buying Guide
*/


/* --------- 1. Left Container  --------- */

#left-container{
	width:620px;
	float:left;
	position:relative;
	left:25px;
	top:15px;
	}
	
/* --------- 3 ways  --------- */
#easy-ways-title{
	font-size:1.9em;
	font-weight:bold;
	color:#006699;
	margin:1px 0px;
	text-align:center;
	padding-bottom: 10px;
	}

#easy-ways{
	width:620px; height:125px;
	margin:7px 0px;
	border-collapse:collapse;
	}
	
th#online{
	background: url(../images/home/bg-3ways-1.jpg) no-repeat;
	}
	
th#phone{
	background: url(../images/home/bg-3ways-2.jpg) no-repeat;
	}
	
th#store{
	background: url(../images/home/bg-3ways-3.jpg) no-repeat;
	}
	
th#online, th#phone, th#store{
	width:188px;
	text-align:left;
	color:#fff;
	font-size:1.3em;
	height:29px;
	}
	
#easy-ways th p{
	margin-left:34px;
	margin-bottom:2px;
	}
	
td.easy-ways-content{
	border-bottom:#D2D9DF 1px solid;
	border-left:#D2D9DF 1px solid;
	border-right:#D2D9DF 1px solid;
	background:#F1F4F5;
	vertical-align:top;
	padding:7px;
	width:160px;
	height:81px;
	}
	
td.easy-ways-content p{
	line-height:160%;
	margin-bottom:5px;
	}
	
p#chat{
	background: url(../images/home/icon-3ways-chat.jpg) no-repeat left;
	padding-left:24px;
	font-weight:bold;
	color:#f00;
	}
	
#page-container #submenu a{
	text-decoration:none;
	}
	
	
#page-container a{
	color:#06C;
	font-weight:bold;
	text-decoration:underline;
	}
	
	
#page-container a:hover{
	color:#f00;
	text-decoration:none;
	}
	
/* --------- Brand Logos  --------- */

#brand-logos{
	width:620px;
	padding-top:10px;
	padding-bottom:10px;
	position:relative;
	display:block;
	height:32px;
	margin-bottom: 10px;
	}
	
#brand-logos li{
	float:left;
	padding-left:16px;
	vertical-align:top;
	}
	
/* --------- Best Selling  --------- */

#best-selling{
	width:620px;
	margin-top:12px;
	border-collapse:collapse;
	}
	
#best-selling th{
	background: url(../images/home/bg-best-selling.jpg) no-repeat;
	height:30px;
	width:620px;
	text-align:left;
	color:#fff;
	font-size:1.3em;
	}

#best-selling th p{
	padding-left:15px;
	float:left;
	}
	
#best-selling th p a, #best-selling th p a:hover{
	font-size:.8em;
	color:#FFF;
	position:relative;
	left:265px;
	width:125px;
	}
	
#best-selling td{
	background: url(../images/home/bg-best-selling-products.gif) repeat-y;
	border-bottom:#AF0000 1px solid;
	width:618px;
	}
	
/*-------- Best Selling Product Layout ----------*/
	
#best-selling ul{
	margin:10px 0px;
	padding-left:15px;
	width:580px;
	}
	
#best-selling li{
	padding-left:20px;
	width:165px;
	padding-right:13px;
	float:left;
	background: url(../images/home/bg-spacer.gif) repeat-y 194px;
	}
	
#best-selling div.price dd{
	padding:0px;
	margin:0px;
	line-height:150%;
	}	
	
#best-selling img{
	padding:3px;
	border:#D2D9DF 1px solid;
	margin:10px 0px;
	}
	
.details{
	width:150px;
	}
	
.details a{
	line-height:150%;
	}
	
.product-name {display:block; height:55px;}
	
.details .size{
	color:#036;
	font-weight:bold;
	margin-bottom:8px;
	display:block;
	
	}

.price p{
	line-height:140%;
	}
	
.price span{
	text-decoration:line-through;
	}
	
.price .you-pay{
	font-weight:bold;
	font-size:1.2em;
	color:#F00;
	}
	
#best-selling li.no-border{
	background:none;
	width:150px;
	margin-right:0px;
	}
	
/*-------- About  ----------*/

#about-title{
	font-size:1.9em;
	font-weight:bold;
	color:#036;
	margin:10px 0px;
	}

#about-intro{
	line-height:160%;
	float: left;
	padding-bottom: 15px;
	}

/* --------- 2. Right Container  --------- */

#right-container{
	width:294px;
	float:left;
	position:relative;
	left:42px;
	top:15px;
	}	
	
.promotion {display:block; margin-top:10px;}

/* --------- why shop  --------- */

#why-shop{
	position:relative;
	height:229px;
	border:#FFF 1px solid;
	}

#why-shop dt{
	font-size:1.5em;
	color:#036;
	font-weight:bold;
	margin:14px 0px 8px 0px;
	}
	
#why-shop dd{
	background: url(../images/check-mark.gif) no-repeat left;
	padding-left:20px;
	margin-left:4px;
	margin-bottom:4px;
	}
	
/* --------- Brands  --------- */

#brands{
	width:294px;
	border-collapse:collapse;
/*	width:294px;
	border-collapse:collapse;
	position:absolute;
	left: 1003px;
	top: 707px;*/
	}
	
#brands th{
	background: #254F81 url(../images/home/bg-brands.jpg) no-repeat;
	height:31px;
	width:294px;
	text-align:left;
	color:#fff;
	font-size:1.3em;
	}

#brands th p{
	padding-left:15px;
	float:left;
	line-height:normal;
	padding-bottom:0px;
	margin-bottom:0px;
	border-bottom:none;
	}
	
#brands td{
	background: url(../images/home/bg-brands-content.gif) repeat-y;
	border-bottom:#D2D9DF 1px solid;
	width:268px;
	padding:10px;
	}
	
#brands h1, #brands h2{
	font-size:1em;
	font-weight:bold;
	}
	
#brands p{
	line-height:160%;
	padding-bottom:9px;
	margin-bottom:9px;
	border-bottom:#D2D9DF 1px solid;
	}
	
#brands p#brands-link{
	position:relative;
	left:128px;
	width:150px;
	line-height:normal;
	padding-bottom:0px;
	margin-bottom:0px;
	border-bottom:none;
	}
	
/* --------- Mattress Buying Guide  --------- */

#mattress-buying-guide img{
	float:left;
	margin-right:20px;
	margin-top:5px;
	}
	
#mattress-buying-guide #mattress-title{
	font-size:1.5em;
	color:#F00;
	font-weight:bold;
	margin:10px 0px 0px 0px;
	}
	
#mattress-buying-guide p{
	line-height:160%;
	}
	
/* =========== Start New Home Page Styles  ============= */		



/* --------- Featured Products on home page  --------- */	

.featured-products-table {
padding-top: 15px;
margin-top: 10px;
width: 620px;
border-collapse: collapse;
}

.featured-products-table td {
padding: 0px 10px 10px 10px;
width: 33%;
margin: 0px;
border:#cbd4de dashed; 
border-width:0px 1px 0px 1px; 
text-align:center; 
vertical-align:top;
}



.featured-products-table tr {
border-left: #AF0000 solid 1px;  
border-right: #AF0000 solid 1px;  
border-bottom: #cbd4de dashed 1px; 
}


#left-container .header td {
border: none;
}

.featured-products-table .redborder {
border-bottom: #AF0000 solid 1px; 
border-top: #FFFFFF solid 1px; 
}

.featured-products-table img {border: 1px #d2d9df solid; vertical-align: middle; padding:3px; margin:10px 0px;}

.featured-products-table p {font-weight:bold; color:#003366; font-size: 1.1em; margin-bottom: 5px;}

.featured-products-table p.product-name {display:block; height:45px;}

.featured-products-table a {color: #0066cc; font-weight: bold; margin: 5px 0px 0px 0px; text-decoration: underline;}

.featured-products-table a:hover {color:#F00; font-weight:bold; text-decoration:underline;}

.featured-products-table p.featured-price {color:#ff0000; font-weight:bolder; font-size:2em; text-align:center;}

.featured-products-table .shop-now {border:none; margin-bottom:0px;}

.featured-products-table table.mattress-prices {margin-bottom:10px; margin-left: auto; margin-right:auto;}

.featured-products-table table.mattress-prices td {padding:4px; border:none; text-align:left; vertical-align:top; height:10px;}

.featured-products-table table.mattress-prices td.you-pay {color:#F00; font-weight:bold;}

.featured-products-table table.mattress-prices tr { border:none;}

.featured-products-table th, .featured-products-table .header{
    background-image:url(../images/home/bg-best-selling.jpg);
    background-repeat: no-repeat;
    height: 30px;
    width: 600px;
    padding: 0px;
    border: #ffffff 1px solid;
}

.featured-products-table p.best-selling-mattresses {
float: left;
padding-top: 7px;
padding-left: 15px;
color:#ffffff;
font-size: 1.3em;
}

.featured-products-table p.shop-all-mattresses {
float: right;
padding-top: 10px;
padding-top: 7px;
padding-right: 15px;
}



#left-container p.shop-all-mattresses a {
color: #ffffff;
}




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

#navigation h1 {padding-left:87px; padding-top:18px; float:left; font-size:1em;}

#navigation p {float:left; padding-left:3px; padding-top:18px;}


/* --------- Right Colum  --------- */	

#right-column-table {
width: 294px;
border-collapse: collapse;
}

#right-column-table td {	
border:#D2D9DF 1px solid;
padding: 10px;
margin: 0px;
}

/*
#right-column-table tr {	
background: url(../images/home/bg-brands-content2.gif) repeat-y;
width: 300px;
}
*/

#right-column-table p {line-height:110%;}

#right-column-table img {
text-align: center;
display: block;
margin: 0px auto 0px auto;
}

#right-column-table h2 {font-size:1.1em; padding-bottom:5px;}

#right-column-table a h2 {text-decoration:underline; display:inline;}

#right-column-table th {
background-image:url(../images/home/bg-brands.jpg);
width: 294px;
height: 30px;
background-repeat: no-repeat;
padding: 0px;
}

.our-top-mattress-brands {
float: left;
padding-top: 3px;
color:#ffffff;
font-size: 1.3em;
padding-left: 15px;
}


/*
td.leftColumnWidth {
text-align: center;
}


td.rightColumnWidth {
width: 70%;
}
*/

#mattress-guide-text{
	font-size:1.5em;
	font-weight:bold;
	color:#006699;
	text-align: center;
	margin-top: 5px;
	}