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

/*	
	1.Page
		a.Breadcrumbs
		b.Add This
		c.Main Styles
	2.Left Colum
		a.Left Navigation
	3.Contact Us
	4.Coupons
		a.Coupon Container
		b.Coupon Image Title
		c.Coupon Description
		d.Coupon Footer
	5.Gift Cards
	6.News
	7.Store Locator
	    a.Locator Container
	8.Store Locations
		a.Store Locator Results
	9. Show Coupon
	10. Current Advertisement
	11. Customer Survey
*/

/* ==================== 1.Page ==================== */

#page {width:770px; float:right;}

/* ---- a.Breadcrumbs --- */

#breadcrumbs {font-size:.9em; float:left; width:960px; border-bottom:1px solid #D2D9DF; padding:6px 0px 14px 0px; margin-bottom:10px;}

#breadcrumbs p a {margin:0px 6px;}

#breadcrumbs p a#btn-home {margin-left:0px;}

#breadcrumbs strong {font-weight:normal; color:#036; margin-left:6px;}

/* ---- b.Add This --- */

#add-this {float:right;}

/* ---- c.Main Styles --- */

#page h1, #page h2 {color:#036; line-height:120%;}

#page h1 {font-size:1.8em; font-weight:normal; padding-bottom:12px;}

#page h2 {font-size:1.4em; /*color:#335F8E;*/ font-weight:bold; padding-bottom:3px; }

#page p {line-height:160%; padding-bottom:12px;}

#page strong {color:#036;}

#page ul {line-height:160%; padding-bottom:12px; margin-left:12px;}

#page ul li {padding-left:12px; background:url(/images/bullet-circle.gif) no-repeat left 7px;}

#page ol {margin-left:28px; margin-bottom:12px;}
	
#page ol li {line-height:160%; background:none; color:#036; font-weight:bold; padding-left:0px; padding-bottom:6px;}
	
#page ol li p {color:#666; font-weight:normal; padding-bottom:0px;}	

#page ol li h2 {padding-bottom:0px; font-size:1em;}

#page ol li ul {margin-left:0px; margin-bottom:0px; padding-top:6px; padding-bottom:0px;}

#page ol li ul li {color:#666; font-weight:normal; padding-left:0px; background: url(/images/bullet-circle.gif) no-repeat left 7px; padding-left:12px; padding-bottom:6px;}

#page blockquote {margin-left:12px;}

/* ==================== 2.Left Colum ==================== */

#left-colum {width:170px; float:left; padding-bottom:20px;}

/* ---- a.Left Navigation ---- */

#left-navigation-title {color:#FFF; font-weight:bold; background:url(/images/products/bg-shop-by-title.jpg) no-repeat left; display:block; padding:5px 5px 5px 10px;}

#left-navigation {width:170px; float:left; background:url(/images/products/bg-left-navigation.gif) repeat-y center;}

#left-navigation dl {padding:0px 10px; width:150px; margin-top:10px;}

#left-navigation dt {color:#036; font-weight:bold; padding-bottom:4px;}

#left-navigation dd {font-size:.9em;}

#left-navigation dd a {display:block; padding:4px 0px; height:1%;}

span#left-navigation-btm {background:url(/images/products/bg-left-navigation-btm.gif) no-repeat; vertical-align:top; width:170px; height:6px; display:block; clear:both; margin-bottom:12px;}

/* ==================== 3.Contact Us ==================== */

#store-hours {width:280px; float:left;}

#store-hours img {float:left;}

#store-hours dl {float:left; padding-right:12px; padding-bottom:20px; line-height:160%;}

#store-hours dl dt {color:#036; padding-bottom:4px;}

#store-hours dl dd {padding-left:10px; background:url(/images/bullet-circle.gif) no-repeat left 6px; margin-left:2px;}
	
#contact-form {float:right; width:350px;}

#contact-form label {margin-top:14px; margin-left:2px; display:block; float:left; width:65px; text-align:right; color:#036;}

#contact-form input {margin: 10px 0px 0px 10px; padding:2px; border:1px solid #D2D9DF; width:200px;}

#contact-form textarea {margin:11px 0px 10px 10px; border:1px solid #D2D9DF; width:201px; padding:2px; height:125px; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#333;}

#contact-form em {font-size:.9em;}

#contact-form a.btnSubmit {background:url(/images/btn-submit.jpg) no-repeat center; display:block; height:21px; width:97px; text-indent:-4000px; position:relative; left:185px;}

/* ==================== 4.Coupons ==================== */

#page ul#coupon-layout {float:left; clear:left;/* Clear Page Styles */ padding-bottom:0px; line-height:normal; margin-left:0px;}

#page ul#coupon-layout li {float:left; width:350px; margin-bottom:20px; margin-right:20px; border:1px dashed #036; /* Clear Page Styles */ background:none; padding-left:0px;}

#page ul#coupon-layout li.noborder {border:1px solid #FFF;}

#page ul#coupon-layout li.noborder-footer {border:1px solid #FFF; margin-bottom:0px;}

#page ul#coupon-layout li.noborder label {font-weight:bold; font-size:1.4em; color:#036; padding-right:10px;}

#page ul#coupon-layout li.noborder input {padding:2px; border:1px solid #D2D9DF; width:290px; font-size:1.4em;}

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

#page ul#coupon-layout .coupon-container {overflow:hidden;}

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

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

#coupon-layout .coupon-image-title img {padding:10px 10px 0px 10px; float:left; height:100px; width:100px; float:left;}

#coupon-layout .coupon-image-title div {padding:20px 10px 0px 0px; text-align:center; }

#coupon-layout .coupon-image-title div h2 {font-size:1.6em; font-weight:bold;}

#coupon-layout .coupon-image-title div h3 {color:#036; line-height:120%; font-size:1.2em;}

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

#coupon-layout .coupon-description {height:auto; min-height:110px; padding:0px 10px; clear:left;} * html #coupon-layout .coupon-description {height:100px;}

/* ---- d.Coupon Footer ---- */

#coupon-layout .coupon-footer {padding:5px 10px; background:#DFE9F3; float:left; width:330px;}

#coupon-layout .coupon-footer div {float:right;}

#coupon-layout .coupon-footer label {margin-left:6px; font-weight:bold; color:#036;}

#coupon-layout a.btnSubmit {float:right; background:url(/images/btn-submit.jpg) no-repeat center; display:block; height:21px; width:97px; text-indent:-4000px;}

/* ==================== 5.Gift Cards ==================== */

#gift-cards {border-collapse:collapse;}

#gift-cards td {padding:6px 4px; vertical-align:top; }

#gift-cards h2 {padding-bottom:6px; font-size:1.2em; margin-bottom:6px;}

#gift-cards em {color:#F00;}

#gift-cards span {color:#666; font-style:italic;}

#gift-cards input, #gift-cards textarea, #gift-cards select {padding:2px; border:1px solid #D2D9DF; margin-right:6px;}

#gift-cards input {width:248px;}

#gift-cards select {width:254px;}

#gift-cards textarea {width:250px; height:120px;}

#gift-cards input .delivery-button {border:none; width:20px;}

#gift-cards input.amount {width:40px;}

#gift-cards th {text-align:right; vertical-align:top; padding-top:8px; font-weight:normal; }

#gift-cards label {color:#036; padding-right:4px;}

#gift-submit {float:left; width:345px; padding-top:6px; }

#gift-submit a.btnCart {background:url(/images/products/btn-add-to-cart.jpg) no-repeat center; display:block; height:21px; width:97px; text-indent:-4000px; float:right;}

/* ==================== 6.News ==================== */

#page ol#news-list li em, #news-page em {font-size:.9em; font-style:normal; font-weight:normal;}

#news-page em {padding-bottom:12px; display:block;}

/* ==================== 7.Store Locator ==================== */

#store-locator {background:url(/images/page/bg-store-locator.jpg) no-repeat right top; float:left; width:770px; height:400px;}

#locator-column {width:280px;}

/* ---- a.Locator Container --- */

#locator-container {float:left; width:181px; height:27px; padding:10px; background:url(/images/page/bg-locator.jpg) no-repeat bottom left; margin-bottom:12px;}
	
#locator-container input.enter-zipcode {width:80px; padding:5px 3px 3px 8px; color:#333; float:left; background:none; border:none;}

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

/* ==================== 8.Store Locations ==================== */

#mattress-store-locations {border-collapse:collapse; width:673px;}
	
#mattress-store-locations td {padding:5px; vertical-align:top;}
	
#mattress-store-locations h2 {font-size:1em;}

#mattress-store-locations dt {font-size:1em; color:#036; font-weight:bold; margin-bottom:4px;}
	
#mattress-store-locations dd {margin-bottom:4px;}
	
#mattress-store-locations dd.phone {color:#F00; font-weight:bold;}
	
#mattress-store-locations img {padding:3px; border:#D2D9DF 1px solid; margin-bottom:5px; }
	
#dlStore {border-collapse:collapse; width:673px;}
	
#dlStore td {padding:5px; vertical-align:top;}
	
#dlStore h2 {font-size:1em;}

#dlStore dt {font-size:1em; color:#036; font-weight:bold; margin-bottom:4px;}
	
#dlStore dd {margin-bottom:4px;}
	
#dlStore dd.phone {color:#F00; font-weight:bold;}
	
#dlStore img {padding:3px; border:#D2D9DF 1px solid; margin-bottom:5px;}

/* ---- a.Store Locator Results ---- */
	
#dlStoreLocationResults1 {border-collapse:collapse; width:673px; border-left:#D2D9DF 1px solid; border-right:#D2D9DF 1px solid; border-bottom:#D2D9DF 1px solid;}
	
#dlStoreLocationResults1 th {color:#FFF; background:#036; padding:5px 10px; text-align:left; border:0px;}
	
#dlStoreLocationResults1 dt {font-size:1em; color:#036; font-weight:bold; margin-bottom:4px;}
	
#dlStoreLocationResults1 dd {margin-bottom:4px;}
	
#dlStoreLocationResults1 dd.phone {color:#F00; font-weight:bold;}
	
#dlStoreLocationResults1 img {padding:3px; background:#FFF; border:#D2D9DF 1px solid; margin-bottom:5px;}
	
#dlStoreLocationResults1 td {padding:5px; vertical-align:top; border-bottom:#D2D9DF 1px solid;}
	
#dlStoreLocationResults1 h2 {font-size:1em;}	
	
.dlStoreLocationResultsAltRow {background-color:#DFE9F3;}


/* ==================== 9. Show Coupon  ==================== */

#show-coupon-content-container {width:770px; margin:0px auto;}

#show-coupon-content-container .coupon-description {height:auto; min-height:160px; padding:0px 10px; clear:left;}

* html #show-coupon-content-container .coupon-description {height:160px;}

#show-coupon-content-container #page h1 {padding:20px 0px; color:#F00;}

#show-coupon-content-container #btn-print {margin-bottom:12px;}

/* ==================== 10. Current Advertisement ==================== */

#page ol#current-advertisement-list li em, #current-advertisement-page em {font-size:1em; font-style:normal; font-weight:normal;}

#page ol#current-advertisement-list li h2 {color:#F00;}

#current-advertisement-page em {padding-bottom:12px; display:block;}

/*--------------- 11. Customer Survey -----------------------*/

#customer-survey table {border-collapse:collapse;}

#customer-survey th {text-align:left; color:#036; font-size:1em;}

#customer-survey td {padding:2px;}

#customer-survey input, #customer-survey select, #customer-survey textarea {margin-left:4px; border:1px solid #CCC; padding:2px; font-family:Arial, Helvetica, sans-serif; font-size:1.1em;}

#customer-survey td span input {border:none;}


#survey1, #survey2, #survey3, #survey4, #survey5 {width:703px; margin-top:10px;}

#survey1 {border:#CCC solid; border-width:1px 0px;}

#survey2 {border:#CCC solid; border-width:0px 0px 1px 0px; margin-top:0px;}

#survey1 input {width:160px;}

#survey1 select {width:166px;}

#customer-survey #survey2 th {width:513px;}

#survey2 select {width:50px;}

table#survey2 th span {font-weight:normal; color:#333;}

#survey2 input {width:160px;}

#survey3 td, #survey3 th, #survey4 td, #survey4 th {border:1px solid #CCC; padding:4px; font-size:1em;}

#survey3 th, #survey4 th {background:#E2E6EA;}

#survey3 td.noborder, #survey4 td.noborder {border:none;}

#survey3 td.altrow, #survey4 td.altrow {background:#F1F4F5;}

#survey3 th.width, #survey4 th.width {width:50px; text-align:center;}

#survey3 strong, #survey4 strong {display:block; padding-bottom:8px;}

#survey3 span, #survey4 span {display:block; width:48px; text-align:center;}

#customer-survey #survey5 th {width:250px;}

#customer-survey #survey5 input {width:435px;}

#customer-survey #survey5 p {float:left;}

#customer-survey a.btnSubmit {margin-top:40px; background:url(/images/btn-submit.jpg) no-repeat center; display:block; height:21px; width:97px; text-indent:-4000px;}