@charset "utf-8";
/* ========== Mattresses For Less Home CSS Styles ========== */

/*	
	1.Rotator
	---- Slides ----
		a.Current Advertisements
		b.Simmons Beautyrest
		c.Comforpedic
		d.Vera Wang
		e.Adjustable Beds
		f.Videos
		g.Why Mattresses For Less
	---- Slides ----
		f.Rotator Controls
	2.Page
		a.Service Highlights
		b.News Ticker
		c.Specials
	3.Mac Slider
		a.Feature Products
			Delivery Flags
		b.Mac Controls
			Postioning of Buttons
	4.Call Out Boxes
*/

/* ==================== 1.Rotator ==================== */

.rotator {width:956px; border:#D6D3CE solid; border-width:1px 1px 0px 1px; height:284px;}

.divRotator {width:916px; height:256px; padding:8px 20px 20px 20px; color:#036;}

.divRotator h2 {font-weight:bold; font-size:2.6em; padding-bottom:17px; padding-top:4px; color:#90172A; font-family:"Times New Roman", Times, serif;}

.divRotator a.btn-view {padding:5px 10px; background:#90172A; color:#FFF; font-family:"Times New Roman", Times, serif; font-weight:bold; font-size:1.2em;}

.divRotator a.btn-view:hover {color:#FFFFCC; background:#272147;}

.divRotator a.btn-view-enter {padding:5px 10px; background:#90172A; color:#FFF; font-family:"Times New Roman", Times, serif; font-weight:bold; font-size:1.2em; margin:0 0 0 80px;}

.divRotator a.btn-view-enter:hover {color:#FFFFCC; background:#272147;}

/* ---- a.Current Advertisements ---- */

.current-advertisements {padding-right:10px; width:926px; /* override default width and padding */ background:url(/images/home/rotator/bg-hot-summer2.jpg) no-repeat right bottom; }

.current-advertisements #ad-title {font-weight:bold; font-size:2.6em; padding:4px 0 17px 0px; color:#90172A; font-family:"Times New Roman", Times, serif;}

.current-advertisements dl {font-weight:bold; line-height:135%; margin-bottom:21px;}

.current-advertisements dt {font-size:1.2em; font-family:"Times New Roman", Times, serif;}

.current-advertisements a {color:#90172A; text-decoration:none;}

.current-advertisements a:hover {color:#004990; text-decoration:none;}


/* ---- b.Enter to win ---- */

.enter-to-win {background:url(/images/home/rotator/bg-current-advertisements-enter-to-win.jpg) no-repeat left top;}
.enter-to-win h2 {padding:60px 0 0 80px;}

.enter-to-win p {color:#666; line-height:200%; display:block; width:380px; padding:0px 0 20px 80px;}

/* ---- b.Simmons Beautyrest ---- */

.simmons-beautyrest {background:url(/images/home/rotator/bg-simmons-beautyrest.jpg) no-repeat left top;}

.simmons-beautyrest p {color:#666; line-height:160%; display:block; width:415px; padding-bottom:64px;}

/* ---- c.Comforpedic ---- */

.comforpedic {background:url(/images/home/rotator/bg-comforpedic.jpg) no-repeat left;}

.comforpedic h2 {padding-bottom:12px;}

.comforpedic ul {font-size:1.2em; line-height:200%; padding-bottom:79px;}

.comforpedic li {background:url(/images/home/rotator/bullet-star.png) no-repeat left 8px; padding-left:15px;}

/* ---- d.Vera Wang ---- */

.vera-wang {background:url(/images/home/rotator/bg-vera-wang.jpg) no-repeat left;}

.vera-wang h2, .vera-wang p {color:#FFF;}

.vera-wang p {display:block; width:450px; line-height:160%; padding-bottom:16px;}

.vera-wang a.btn-view {background:#272147; color:#FFF;}

.vera-wang a.btn-view:hover {color:#FFFFCC; background:#3D3452;}

/* ---- d.Vera Wang ---- */

.icomfort {background:url(/images/home/rotator/bg-icomfort.jpg) no-repeat left;}
.icomfort a {display:block; with:916px; height:256px; text-indent:-9999px;}

/* ---- e.Adjustable Beds ---- */

.adjustable-beds {background:url(/images/home/rotator/bg-adjustable-beds.jpg) no-repeat left;}

.adjustable-beds h2 {padding-bottom:12px;}

.adjustable-beds ul {font-size:1.2em; line-height:200%; padding-bottom:79px;}

.adjustable-beds li {background:url(/images/home/rotator/bullet-star.png) no-repeat left 8px; padding-left:15px;}

/* ---- f.Videos ---- */

.videos {background:url(/images/home/rotator/bg-videos.jpg) no-repeat left;}

.videos a h2 {display:inline-block;}

.videos #video-container div {border:2px solid #FFF; margin-right:20px; height:175px; float:left;}

.videos #video-container object { vertical-align:bottom;}


/* ---- g.Why Mattresses For Less ---- */

.why-mfl {background:url(/images/home/rotator/bg-why-mfl.jpg) no-repeat left;}

.why-mfl #why-title {font-weight:bold; font-size:2.6em; padding-bottom:17px; padding-top:4px; color:#90172A; font-family:"Times New Roman", Times, serif;}

.why-mfl p strong {color:#201A43; font-size:1.4em; line-height:120%; padding-bottom:12px; width:500px; display:block;}

.why-mfl ul {font-size:1.2em; line-height:200%;}

.why-mfl li {background:url(/images/home/rotator/bullet-star.png) no-repeat left 8px; padding-left:15px;}

/* ---- f.Rotator Controls ---- */

.rotator_nav {width:938px; padding:10px; background:#3D3452; display:block; float:left;}

.rotator_nav li {float:left; font-size:1.2em; font-weight:bold; font-family:"Times New Roman", Times, serif; padding:0px 10px 0px 9px;}

.rotator_nav li a, .rotator_nav li a:hover {float:left; display:block; text-decoration:none; text-align:center;}

.rotator_nav li a { color:#FFF; padding:3px 6px;}

/*.rotator_nav li a#aCurrent {width:178px;}*/

/*.rotator_nav li a#aBrands {width:145px;}

.rotator_nav li a#aMemory {width:232px;}

.rotator_nav li a#aPlatinum {width:190px;}*/

.rotator_nav li a#aWhy {width:155px;}

.rotator_nav li a:hover {color:#CCC;}

.rotator_nav li a.activeSlide, .rotator_nav li a.activeSlide:hover {background:#201A43; color:#FFC; text-decoration:none;}

/* ==================== 2.Page ==================== */

#page {width:958px; float:left; padding-top:15px;}

/* ---- c.Specials ---- */

#specials {position:absolute; top:520px; left:15px; z-index:1;}

#specials h1, #specials span {font-size:2em; font-weight:bold; color:#201A43; float:left; font-family:"Times New Roman", Times, serif;}

#specials h1 {padding-left:4px;}

/* ==================== 3.Featured Mattresses ==================== */

#featured-mattresses {float:left; padding-top:40px; width:958px;}

#featured-mattresses li {display:block; margin-right:28px; padding:10px 10px 28px 10px; float:left; width:148px; height:275px;}

#featured-mattresses li.last {margin:0px;}

#featured-mattresses li img {margin-bottom:20px; vertical-align:bottom; display:block; width:148px; height:98px;}

#featured-mattresses dl {line-height:140%; width:148px;}

#featured-mattresses dt {height:52px; margin-bottom:6px; font-weight:bold;}

#featured-mattresses dd {color:#201A43;}

#featured-mattresses dd.price {color:#90172A; font-weight:bold; font-size:1.8em; margin-bottom:20px; line-height:120%; display:block; font-family:"Times New Roman", Times, serif;}

#featured-mattresses a.btn-view {padding:5px 10px; background:#90172A; display:block; color:#FFF; text-align:center; font-family:"Times New Roman", Times, serif; font-weight:bold; font-size:1.2em; cursor:pointer;}

#featured-mattresses a.btn-view:hover {color:#FFFFCC; background:#272147;}

/* ==================== 4.Call Out Boxes ==================== */

#call-container {float:left; width:938px; padding:0px 10px 0px 10px;}

#call-container p, #call-container ul {line-height:160%; padding-bottom:12px;}

#call-container a {font-weight:bold;}

#call-container #borders {border:#D6D3CE solid; border-width:1px 0px 1px 0px; padding:25px 0px 18px 0px; float:left; width:938px;}

#call-container .call-out-title {font-size:1.6em; color:#201A43; font-family:"Times New Roman", Times, serif; line-height:normal;}

#shipping {float:left; width:300px; margin-right:35px;}

#guarantee {float:left; width:230px; margin-right:25px;}

#guarantee ul {line-height:170%;}

#guarantee li {padding-left:16px; background:url(/images/home/bullet-star.gif) no-repeat left 5px;}

#coupon {float:left; width:325px;}



