/* - - - - - - - - - - - - - - - - - - - - -

Title :    Mattress Firm 
URL :      http://mattressfirm.com

Created :  05.11.2009
Modified : 05.15.2009

- - - - - - - - - - - - - - - - - - - - - */

/* - - - - - - - - - - - - - - - - - - - - -    G L O B A L - R E S E T    - - - - - - - - - - - - - - - - - - - - - */

/*
	v1.0 | 20080212 
	http://meyerweb.com/eric/tools/css/reset/
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

del { text-decoration: line-through; }
ins { text-decoration: none; background: #ffc; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/* remember to define focus styles! */
:focus { outline: 1px dashed #333; }

/* - - - - - - - - - - - - - - - - - - - - -    H T M L - E L E M E N T S	    - - - - - - - - - - - - - - - - - - - - - */

body {
	font: 62.5% "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	background: #DED3C5 url(../img/shady_mid.jpg) repeat-y center top;
	color: #000000;
	margin-left: 1px; /* Jogging Background Bug Fix for FF */
}

body.homepage { background: #DED3C5 url(../img/shady_mid_home.jpg) repeat-y center top; }

html>body { font-size: 10px; }

/* Anchor Links */
a:link { color: #00f; text-decoration: underline; }
a:visited { color: #00f; text-decoration: underline; }
a:hover {  color: #00f; text-decoration: none; }
a:active {  color: #00f; text-decoration: none; }

/* Headings */




/* Text Elements */
p, ul, ol, dl, blockquote, pre { font-size: 1em; margin: 0 0 1.5em; line-height: 1.6em; }
blockquote { padding: 0 1.25em; }
small, cite { font-size: 0.9em; }
strong, b, dt, th { font-weight: bold; }
address, cite, em, i, caption, dfn, var { font-style: italic; }

ul, ol { margin: 0 0 2em 1em; }
ul li, ol li { margin-left: 1em; line-height: 1.6em; }

ul { list-style-type: square; }
ul ul { list-style-type: disc; }
ul ul ul { list-style-type: circle; }
ul ul ul ul { list-style-type: square; }

ol { list-style-type: upper-roman; }
ol ol { list-style-type: upper-alpha; }
ol ol ol { list-style-type: lower-roman; }
ol ol ol ol { list-style-type: lower-alpha; }

dl { margin-bottom: 2em; }
dt { font-weight: bold; }
dd { margin-bottom: 1em; padding-left: 1.5em; }

del { text-decoration: line-through; }
address, abbr, acronym { font-style: normal; }
acronym, abbr { border-bottom: 1px dotted #333; cursor: help; }
acronym { text-transform: uppercase; }
pre, kbd, code, samp, tt, var { font-family: "Courier New", Courier, monospace monospace; }

sub { font-size: .9em; line-height: 1em; vertical-align: sub; }
sup { font-size: .9em; line-height: 1em; vertical-align: super; }

/* Tables */
table {	margin: 0 0 1.5em; }
caption { text-align: left; }
th, td { padding: .25em .5em; }
tbody td, tbody th { border: 1px solid #999; }
tfoot { font-style: italic; }

h1 { font-size: 2.5em; padding: 0 0 10px 0; }
h2 { font-size: 1.7em; padding: 0 0 10px 0; }
.column h2 { font-size: 1em; } 
/* Images */



/* - - - - - - - - - - - - - - - - - - - - -    M A I N - L A Y O U T    - - - - - - - - - - - - - - - - - - - - - */
	
.clear { clear: both; }

#header,
 #content,
  body ul.footer {
	margin: 0 auto;
	width: 1000px;
	text-align: left;
}

#header {
	position: relative;
	height: 113px;
	background-color: #ED1C24;
	border-bottom: 3px solid #fff;
}

#header #logo {
	position: absolute;
	top: 12px;
	left: 12px;
}

#header p#tagline {
	position: absolute;
	top: 33px;
	right: 12px;
	width: 329px;
	height: 20px;
	margin: 0;
	padding: 0;
	text-indent: -9999em;
	overflow: hidden;
	background: url(../img/sprite_nav_products.gif) no-repeat 0 0;
}

body.homepage #content {
	clear: both;
	padding-bottom: 44px;
	background: url(../img/home_content_bot.gif) no-repeat left bottom;
}

body.interior #content {
	clear: both;
	padding-bottom: 44px;
	background: url(../img/content_bot.gif) no-repeat left bottom;
}

#banner { width: 1000px; }

body.wichita #banner { height: 188px; background: url(../img/banner_wichita.jpg) no-repeat 0 0; }
body.colorado #banner { height: 188px; background: url(../img/banner_colorado.jpg) no-repeat 0 0; }
body.interior #banner { height: 150px; background: url(../img/banner_mattress.jpg) no-repeat 0 0; }

body.homepage #main-content {
	float: left;
	width: 710px;
	background: url(../img/banner_welcome.jpg) no-repeat 0 0;
}

body.homepage #main-content h1 {
	height: 122px;
	padding: 18px 420px 0 19px;
	overflow: hidden;
	font: 4.1em/0.95em "Times New Roman", Times, serif;
	letter-spacing: 1px;
	color: #91070D;
}

body.homepage #main-content small {
	display: block;
	height: 97px;
	text-indent: -9999em;
	overflow: hidden;
}

body.homepage #main-content h2 {
	padding: 0.25em 1em;
	font-size: 1.7em;
	font-weight: normal;
	letter-spacing: 1px;
	background: #B47951;
	color: #fff;
}

body.homepage #main-content p {
	width: 38em;
	margin: 0;
	padding: 0.5em 1em;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.2em;
	color: #000;
}

body.homepage #main-content p a { color: #000; }

body.interior #main-content a { color: #ed1b24; }

ul.guarantees, ul.guarantees li,
 ul.brands, ul.brands li,
  ul.coupons, ul.coupons li { margin: 0; list-style: none; }

ul.guarantees {
	display: block;
	height: 110px;
	overflow: hidden;
	background: url(../img/home_satisfaction.gif) no-repeat 0 0;
}

ul.guarantees li a {
	position: relative;
	display: block;
	float: left;
	width: 176px;
	height: 110px;
}

ul.guarantees li a span {
	display: none;
}

ul.brands {
	display: block;
	height: 80px;
	/*text-indent: -9999em;*/
	overflow: hidden;
	background: url(../img/home_product_logos.jpg) no-repeat center center;
}

ul.brands li a {
	position: relative;
	display: block;
	float: left;
	width: 176px;
	height: 70px;
}

ul.brands li a span {
	display: none;
}

body.interior #main-content {
	float: right;
	width: 760px;
	border-top: 22px solid #fff;
}

#main-content p { font-size: 1.1em; }

#main-content .column {
	float: left;
	width: 115px;
	padding-left: 47px;
}

#main-content .column img { margin: 0 0 2em 0; }

#main-content .column h2 { margin: 0 0 0.5em 0; text-transform: uppercase; }

body.homepage #sub-content {
	float: right;
	width: 270px;
	height: 80em;
	margin: 0 0 1em 0;
}

body.homepage #sub-content h2 {
	padding: 1em 0;
	font-size: 1.8em;
	color: #91070D;
}

body.homepage #sub-content ul li { margin-bottom: 1em; }

body.interior #sub-content {
	float: left;
	width: 238px;
	height: 60em;
	margin: 0 0 1em 0;
	background: url(../img/call-toll-free.gif) no-repeat center bottom;
}
	
#sub-content p#call-toll-free { height: 34px; text-indent: -9999em; overflow: hidden; }

#footer {
	clear: both;
	margin: 0 1px 0 0;
	padding: 0 0 50px 1px;
	background: url(../img/shady_bot.jpg) no-repeat center bottom;
	text-align: center;
}


/* - - - - - - - - - - - - - - - - - - - - -    N A V I G A T I O N    - - - - - - - - - - - - - - - - - - - - - */

ul.nav, ul.nav li { margin: 0; list-style: none; }

/* GLOBAL NAVIGATION */
body ul.global {
	position: absolute;
	top: 78px;
	left: 0;
	width: 1000px;
	height: 35px;
	background: url(../img/sprite_nav_global_new.jpg) no-repeat 0 0;
}

body ul.global li { float: left; }

ul.global li a {
	float: left;
	display: inline-block;
	display: block;
	width: 177px;
	height: 35px;
	text-indent: -9999em;
	overflow: hidden;
}

ul.global li#home a { width: 84px; }

ul.global li#locations a { width: 117px; }

ul.global li#current-ad a { width: 127px; }

ul.global li#products a { width: 136px; }

ul.global li#testimonialsmenu a { width: 145px; }

ul.global li#community a { width: 216px; }

ul.global li#coupons a { width: 175px; }


/* SECTION NAVIGATION */

body ul.section { float: left; padding: 65px 0 0 36px; }

body ul.section li {
    float: left;
    margin: 0 0 20px 0;
    padding: 0 0 0 14px;
    background: url(../img/sprite_nav_products.gif) no-repeat -270px -87px;   
}

body ul.section li.active {
    background-position: -320px -54px;
}

ul.section li a.top {
	display: inline-block;
	display: block;
	float: left;
	width: 160px;
	height: 20px;
	text-indent: -9999em;
	overflow: hidden;
	background-image: url(../img/sprite_nav_products.gif);
}

ul.section li a.sealy { background-position: 0 -20px; }

ul.section li a.tempur-pedic { background-position: 0 -40px; }

ul.section li a.simmons { background-position: 0 -60px; }

ul.section li a.stearns-foster { background-position: 0 -80px; }

/* Secondary Navigation */
ul.section li ul {
    float: left;
    width: 160px;
    margin: 0;
    padding: 10px 0 20px 0;
}

ul.section li ul li {
    float: left;
    width: 160px;
    margin: 0;
    padding: 0;
    line-height: 1.2em;
    background: none;   
}

ul.section li ul li a,
 ul.section li ul li a:visited {
    float: left;
    display: inline;
    padding: 4px 14px 8px 0;
    font-size: 1.6em;
    font-weight: bold;
    text-decoration: none;
    text-indent: 0;
    background-image: none;
    color: #91070D;
}

ul.section li ul li.current a,
 ul.section li ul li.current a:visited,
  ul.section li ul li a:hover {
    color: #E69116;
    background: url(../img/sprite_nav_products.gif) no-repeat right -24px;
    text-decoration: none;
} 


/* FOOTER NAVIGATION */ 
body ul.footer {
	display: block;
	padding: 0.6em 0 0.5em 0;
	text-align: center;
	background: #CA151C;
	border-bottom: 12px solid #FBE1BB;
}

body ul.footer li {
	display: inline; 
	font-size: 1.2em;
	line-height: 1em;
	letter-spacing: 2px;
	padding: 0 2em;
	border-right: 1px solid #fff;
}

body ul.footer li.last {
	padding: 0 0 0 2em;
	border: none;
}

ul.footer li a,
 ul.footer li a:visited {
	display: inline-block;
	color: #fff;
	text-decoration: none;
}

ul.footer li a:hover { text-decoration: underline; }


/* FORMS */
form div {
	clear: left;
	margin: 7px 0 7px 7px;
	}

form div label {
	float: left;
	line-height: 1.7em;
	width: 170px;
	}
	
.wide { 
	/*height: 62em;*/ 
	background-color: #ffffff; 
	margin-left:30px;
	margin-right:30px;
}

#content #main-content .wide p {
	font-size:1.3em;
}

.bannerimage {
	float:right;
	margin-left:50px;
	margin-right:10px;
}

body.homepage #main-content p.hometext {
	font-size:13px;
	font-weight:normal;
	width:100%;
}

#hometext {
	float:left;
	width:340px;
	margin-right:10px;
}

#main-content #homelogos {
	float:right;
	width:350px;
}

#main-content #homelogos .homelogo {
	float:left;
	margin-right:10px;
	margin-bottom:5px;
	width:163px;
	height:71px;
	border:0px;
}

#testimonials {
	margin-left:20px;
	margin-right:20px;
}

#testimonials h1 {
	font-size:16px;
	font-weight:bold;
}

#testimonials h2 {
	font-size:14px;
	font-weight:bold;
}

#testimonials p {
	font-size:11px;
}

#testimonials #testimonial1 {
	float:left;
	width:300px;
	border-right:1px solid #ed1c24;
	padding-right:20px;
}

#testimonials #testimonial2 {
	float:left;
	width:300px;
	padding-left:20px;
}

#testimonials .odd {
	background-color:#fbe2bd;
	padding:5px;
}

.feedbackbutton {
	float:right;
	border:0;
	margin-left:20px;
	margin-right:20px;
}