@charset "utf-8";
/* ========== Mattress Factory Main CSS Styles ========== */

/*	
	1.Defaults
	2.Header
		a.Cart
		b.Header Links
		c.Logo
	    d.Search Container
		e.Call Click
		f.Navigation
	3.Content Container
	4.Brand Logos
	5.Footer/Footer Container
		a.Stay Intouch
			* Email Container
		b.Left Colum
			* Privacy Policy
		c.Right Colum
		d.Copyright
	6. Product Delivery Flags
	7. Slide Out Container
	8. Javascript Error Message
	9. Javascript Fade and Hide
*/

/* ==================== 1.Defaults ==================== */

* {margin:0px; padding:0px;}

body {background:#DFE9F3 url(/images/bg-main.jpg) repeat-x; font:12px Arial, Helvetica, sans-serif; color:#666;}

a, a:hover, a:active, a:focus {outline:none;}

a, a:active, a:focus {color:#06F; text-decoration:none;}
	
a:hover {color:#036; text-decoration:none;}

img {border:none;}

/* ---- Add Class or ID for IE 6 PNG fix instead of HTML tag so pages load faster --- */
.express-nationwide-delivery, .express-local-delivery, .free-nationwide-delivery, .free-local-delivery, .mac_nav, .mac_nav li a, .mac_nav li a:hover, .call-out-box.video span, #product-options, #slideoutTab a, #slideoutTab a.clicked, a.btnCart, a.btn-view-products, .current-advertisements a#view-entire-sale, .top-brands div a.shop-now, .memory-latex div a.shop-now, .platinum-elite a.shop-now, .why-tmf #conclusion-container a.shop-now {behavior: url(iepngfix.htc)}
	
ul {list-style:none;}
	
.clear {clear:both; font-size:0px;}
	
.err, .highlight {color:#F00; font-weight:bold;}

.img-clear {clear:both; display:block; padding-top: 12px;}

.img-left {float:left; margin-right:10px; padding:3px;}
	
.img-left-bdr {float:left; margin-right:15px; margin-bottom:2px; margin-top:5px; padding:2px; border:#CCC 1px solid;}

.img-right {float:right; margin-left:15px; padding:3px;}
	
.img-right-bdr {float:right; margin-left:15px; margin-bottom:2px; margin-top:5px; padding:2px; border:#CCC 1px solid;}
	
#wrapper {width:980px; margin:0px auto; position:relative;}

/* ==================== 2.Header ==================== */

#header {width:980px; height:164px; position:absolute; top:0px;}

#header-container {padding-bottom:12px;}

/* ---- a.Cart --- */

#cart-header-container {float:right; font-weight:bold; color:#FFF;}

#cart-header-container #cart {float:left; background:url(/images/bg-cart.gif) no-repeat left; padding:6px 0px 6px 25px;}

#cart-header-container #welcome {float:left; padding:6px 10px 6px 25px;}

#cart-header-container a {color:#FF0;}

#cart-header-container a:hover {color:#9CF; text-decoration:none;}

/* ---- b.Header Links --- */

#header-links {color:#6496D9; font-weight:bold; font-size:.9em; display:block; padding:6px 0px;}

#header-links a {color:#FFF; margin:0px 5px;}

#header-links a:hover {color:#9CF; text-decoration:none;}

/* ---- c.Logo --- */

a#logo {width:290px; height:60px; float:left; display:block; background:url(/images/logo.jpg) no-repeat left; margin-top:8px; margin-right:80px;}

a#logo p {display:none;}

/* ---- d.Search Container --- */

#search-container {float:left; width:326px; height:27px; padding:10px; margin-top:11px; background:url(/images/bg-search.jpg) no-repeat bottom left;}
	
#search-container input.keyword-search {width:225px; padding:5px 3px 3px 8px; color:#333; float:left; background:none; border:none;}

#search-container a.btnSearch {width:76px; height:26px; display:block; margin-left:12px; float:right; background:url(/images/btn-search.jpg); text-indent:-4000px;}

/* ---- e.Call Click --- */

#call-click {float:right; width:115px; height:62px; padding:18px 0px 0px 65px; background:url(/images/bg-call-click.jpg) no-repeat left; line-height:120%; font-size:1.2em; font-weight:bold;}

#call-click #phone {color:#F00;}

#call-click em {color:#666; font-weight:normal; font-size:.8em;}

#call-click a {font-weight:bold; text-decoration:none; color:#06C;}

#call-click a:hover {text-decoration:none; color:#F00;}

/* ---- f.Navigation --- */

#navigation {width:980px; height:45px; float:left; background:url(/images/bg-navigation.jpg) no-repeat center; font-size:1.2em;}
	
#navigation li {display:inline;}

#navigation a, #navigation a:hover {float:left; display:block; text-decoration:none;}

/*#navigation a {color:#FFF; height:31px; padding:14px 19px 0px 18px; background:url(/images/btn-spacer.gif) no-repeat top right;}*/

#navigation a {color:#FFF; height:31px; padding-top:14px; background:url(/images/btn-spacer.gif) no-repeat top right; text-align:center;}

#navigation a:hover {color:#9CF; background:url(/images/btn-hover.jpg) repeat-x right;}

#navigation a#aSimmons {width:96px;}

#navigation a#aTempurpedic {width:128px;} 

#navigation a#aSealy {width:76px;}

#navigation a#aBeautyrest {width:147px;} 

#navigation a#aStearns {width:147px;} 

#navigation a#aComforPedic {width:120px;} 

#navigation a#aTherapedic {width:109px;}

#navigation a#aNxG {width:67px;} 

#navigation a#aEclipse {width:90px;} 

#navigation a.active:hover {color:#FFF; background:url(/images/btn-active.jpg) repeat-x;}

#navigation a#aSimmons:hover {background:url(/images/btn-hover-simmons.jpg) no-repeat top left;}

#navigation a#aEclipse {background:none;}

#navigation a#aEclipse:hover {background:url(/images/btn-hover-therapedic.jpg) no-repeat top right;}

/* ==================== 3.Content Container ==================== */

#content-container {float:left; width:958px; margin-top:164px; border:solid #D2D9DF; border-width:0px 1px; background:#FFF; padding:10px; height:auto; min-height:625px;}

* html #content-container {height:625px;}

/* ==================== 4.Brand Logos ==================== */

#brand-logos {width:960px; float:left; padding:10px 0px 5px 0px; margin:10px 0px 0px 0px;}

#brand-logos img {margin:0px 14px 0px 14px; float:left;}

/* ==================== 5.Footer ==================== */

#footer{float:left; width:100%; color:#FFF; background:#036 url(/images/bg-footer.gif) repeat-x top;}

#footer a {color:#9CF; text-decoration:none;}

#footer a:hover {color:#FFF; text-decoration:none;}

#footer-container {width:958px; padding:10px; margin:0px auto;}

/* ---- a.Stay Intouch ---- */

#footer-stay-intouch {float:left; margin-bottom:35px; width:958px;}

#footer-stay-intouch p strong {color:#FF6; padding-bottom:6px; }

#footer-stay-intouch p {color:#FFF; padding-bottom:6px; display:block; width:435px; font-weight:bold; line-height:160%;}

/* Email Container */

#footer-stay-intouch #email-container {float:right; width:442px; padding:10px 10px 0px; background:url(/images/bg-email.jpg) no-repeat top center;}

#footer-stay-intouch #email-container input.footer-email-address {width:330px; float:left; padding:5px 3px 3px 10px; color:#333; background:none; border:none;}

#footer-stay-intouch #email-container a.btnSignUp {width:76px; height:26px; display:block; float:right; background:url(/images/btn-footer-sign-up.jpg) no-repeat left; text-indent:-4000px;}

#footer-stay-intouch em {font-size:.9em; width:442px; float:right; padding-top:20px;}

/* ---- Colum Defaults ---- */

#footer-container dl {float:left; display:block; margin-right:12px; margin-bottom:20px; line-height:160%; width:150px;}

#footer-container dt {font-weight:bold;}

#footer-container dl#other-products, #footer-container dl#company-info {margin-right:0px;}

#footer-container dl dd a {display:block; height:1%;}

/* ---- b.Left Colum ---- */

#footer-left-colum {float:left; width:474px; margin-right:10px;}

#footer-left-colum p {color:#CCC; padding-bottom:6px;}

#footer-left-colum p strong {color:#FFF;}

#footer-left-colum p em {color:#FF6; font-weight:bold; font-style:normal;}

#footer-left-colum a {color:#9CF;}

#footer-left-colum img {float:left; margin-right:30px;}

/* ---- c.Right Colum ---- */

#footer-right-colum {float:left; width:474px;}

/* ---- d.Social Bookmarks ---- */

#social-bookmarks {float:left; width:474px; padding-bottom:15px;}

#social-bookmarks p {font-weight:bold; padding-bottom:6px;}

#social-bookmarks img {margin-right:12px;}

/* ---- e.Bottom Footer ---- */

#bottom-footer {float:left; width:960px; border:#265484 solid; border-width:1px 0px; padding:20px 0px; margin-bottom:20px;}

#secure-payment {/*padding-top:12px;*/ padding-top:35px; /*Remove after BBB Logo Seal is set up and uncomment padding-top*/ float:left;}

#secure-payment img {margin-right:12px; vertical-align:bottom;}

#mattress-expert {float:right; padding:35px 0px 0px 115px; height:65px; width:347px; background:url(/images/bg-mattress-expert.jpg) no-repeat center top;}

#mattress-expert p {line-height:160%;}

#mattress-expert p strong {color:#FF6;}

/* ---- f.Copyright ---- */

#copyright-container {float:left; width:960px; font-size:.9em; padding-bottom:15px;}

#copyright a {margin:0px 10px;}

p#spectrum {float:right; color:#CCC;}

p#spectrum a {color:#CCC;}

p#spectrum a:hover {color:#CCC; text-decoration:none;}

/* ==================== 6.Product Delivery Flags ==================== */

.express-nationwide-delivery {background:url(/images/flags/express-nationwide-delivery.png) no-repeat;}

.express-local-delivery {background:url(/images/flags/express-local-delivery.png) no-repeat;}

.free-nationwide-delivery {background:url(/images/flags/free-nationwide-delivery.png) no-repeat;}

.free-local-delivery {background:url(/images/flags/free-local-delivery.png) no-repeat;}

/* ==================== 7.Slide Out Container ==================== */

#slideoutContainer {position:absolute; width:442px; height:590px; top:240px; left:-400px; z-index:9999;}

#coupon-slider {background:url(/images/coupon-slider/bg-coupon-slider.jpg) no-repeat left top; width:350px; height:540px; padding:25px; color:#FFF; float:left; font-weight:bold;}

#coupon-slider p {line-height:120%; padding-bottom:12px;}

#slideoutTab {float:right;}

#slideoutTab a {height:240px; width:42px; display:block; background:url(/images/coupon-slider/bg-tab.png) no-repeat left top; cursor:pointer;}

#slideoutTab a.clicked {background:url(/images/coupon-slider/bg-tab-clicked.png) no-repeat left top;}

/* ---- a.Coupon Container ---- */

#coupon-slider .coupon-container {overflow:hidden; padding-bottom:24px; margin-bottom:6px;}

#coupon-slider .coupon-title {font-size:2.5em; border-bottom:1px dashed #999; padding-bottom:6px; margin-bottom:15px; font-weight:normal; text-align:center;}

#coupon-slider strong {font-size:1.2em; display:block; margin-bottom:10px; color:#FF3; text-align:center;}

/* ---- b.Coupon Image Title ---- */

#coupon-slider .coupon-image-title {height:auto; min-height:120px;} * html #coupon-slider .coupon-image-title {height:120px;}

#coupon-slider .coupon-image-title img {float:left; height:100px; width:100px; float:left; border:1px solid #FFF; padding:2px;}

#coupon-slider .coupon-image-title div {padding:20px 10px 0px 10px; text-align:center; font-weight:bold; line-height:160%;}

#coupon-slider .coupon-image-title div span.coupon-heading {font-size:1.6em; display:block;}

#coupon-slider .coupon-image-title div span.coupon-subheading {font-size:1.2em;}

/* ---- c.Coupon Description ---- */

#coupon-slider .coupon-description {clear:left;}


/* ==================== 8. Javascript Error Message ==================== */

.noscript{ z-index:10; background:#FFFF90 repeat-x; border:1px solid #000; border-width:0 0 1px ;color:#2F2F2F; font-size:12px; line-height:1.25; text-align:center; position:absolute; top:0px; width:100%;}

.noscript .noscript-inner{width:960px; background:transparent url(../images/alert-icon.gif) no-repeat scroll 20px 50%; margin:0 auto; padding:12px 0;}

.noscript p{margin:0;}

/* ==================== 9. Javascript Fade ==================== */

#coupon-promotions-fade { /*--Transparent background layer--*/
	display: none; /*--hidden by default--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9998;
}

.hide{display:none;}