@charset "utf-8";
/* ==================== Americas Mattress Philadelphia Home Page Layout CSS Styles ==================== */

/*	Table Of Contents
	 1.Page
	 2.Header Image
	 3.Featured Products
	 4.Right Column
	 	a.Coupon Savings
		b.Mattress Brands
		c.Why Shop
*/

/* ==================== 1.Page ==================== */

#page {width:612px; float:left; margin-right:13px;}

#page h2 {clear:both;}

#page p {line-height:160%; padding-bottom:12px;}

#page strong {color:#333;}

#page li {background:url(/images/bullet-circle.gif) no-repeat left; padding-left:10px; line-height:200%;}


/* ==================== 2.Header Image ==================== */

#header-image {background:url(/images/home/bg-header-img.jpg) no-repeat bottom; width:582px; height:218px; margin-bottom:14px; padding:15px;}

#header-image h1 {color:#FF6; font-size:1.7em; padding-bottom:10px;}

#header-image p {color:#FFF; width:265px; padding-bottom:16px; line-height:170%;}

#header-image a {color:#FFF; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.4em; display:block; padding:12px 4px 12px 10px; width:197px; height:20px;text-decoration:none; margin-left:4px;}

#header-image a:hover {color:#FF6;}

/* ==================== 3.Featured Products ==================== */

#featured-products {float:left; width:612px; margin-bottom:12px;}

#featured-products li {float:left; width:148px; border:1px solid #D6E0F0; margin-right:18px; padding:20px; display:block; background:none; line-height:normal;}

#featured-products li.last {margin:0px;}

#featured-products li img {border:1px solid #D6E0F0; margin-bottom:20px;}

#featured-products dl {line-height:140%;}

#featured-products dt {height:50px; margin-bottom:6px;}

#featured-products dt a strong {color:#06F; text-decoration:underline;}

#featured-products dt a:hover strong {color:#F00; text-decoration:none;}

#featured-products dd.size {color:#039; font-weight:bold; margin-bottom:30px;}

#featured-products dd span {text-decoration:line-through;}

#featured-products dd.price {color:#F00; font-weight:bold; font-size:1.6em; margin:30px 0px;}

#featured-products img.view-details {border:none; margin-bottom:0px; vertical-align:bottom;}

/* ==================== 4.Right Colum ==================== */

#right-column {float:left; width:300px;}

#right-column h2, #right-column h3 {clear:both;}

#right-column h3 {font-family:Georgia, "Times New Roman", Times, serif; color:#039; font-weight:normal; font-size:1.6em; padding-bottom:12px;}

#right-column p {line-height:160%; padding-bottom:12px;}

#right-column li {background:url(/images/bullet-star.gif) no-repeat left; padding-left:15px; line-height:200%;}

/* --------- a.Coupon Savings ---------- */

#coupon-savings {width:270px; height:218px; background:url(/images/bg-coupons.gif) no-repeat left top; padding:15px; margin-bottom:14px; line-height:160%;}

#coupon-savings a {font-weight:bold;}

#coupon-savings p span {color:#F00; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.8em; line-height:normal;}

#coupon-savings a span {font-size:1.1em;}

#coupon-savings p {padding-bottom:12px;}

#coupon-savings dt {color:#F00; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.4em; padding-bottom:12px;}

#coupon-savings dd {background:url(/images/bullet-coupons.gif) no-repeat left 6px; padding-left:20px; line-height:200%;}

/* --------- b.Mattress Brands ---------- */

#mattress-brands {float:left; width:300px;}

#mattress-brands ul {float:left; padding:9px;}

#mattress-brands li {padding-bottom:7px; background:none; padding-left:0px; line-height:normal;}

/* --------- c.Why Shop ---------- */

#why-shop {line-height:160%; padding-bottom:12px;}

#why-shop dt {font-weight:bold; color:#333; padding-bottom:12px;}

#why-shop dd {background:url(/images/bullet-star.gif) no-repeat left; padding-left:15px;}

/* --------- d.Locations ---------- */

#locations {float:left; width:300px;}

#locations ul {float:left; padding:0px 12px 6px 6px;}

#locations li {padding-bottom:7px; background:url(/images/bullet-circle.gif) no-repeat left 5px; padding-left:10px;}