@charset "utf-8";
/* ==================== Americas Mattress Philadelphia Main Layout CSS Styles ==================== */

/*	Table Of Contents
	 1.Defaults
	 2.Header
	 	a.Store Locator
		b.Contact
	 3.Navigation
	 4.Submenu
	 5.Content Container
	 6.Footer
*/

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

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

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

a:active, a:focus {text-decoration:none; outline:none;}

a:hover {text-decoration:none;}

img {border:none;}
	
ul {list-style:none;}

h1, h2 {font-family:Georgia, "Times New Roman", Times, serif; color:#039; font-weight:normal;}

h2 {font-size:1.6em; padding-bottom:12px;}
	
.clear {clear:both;}

.img-clear {clear:both; display:block; padding-top:6px;}
	
.err {color: #F00; font-weight: bold;}

.img-bdr {margin-bottom:12px; padding:4px; border:#CCC 1px solid;}

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

.img-right {float:right; margin-left:12px; margin-bottom:4px; margin-top:5px; padding:2px;}
	
.img-right-bdr {float:right; margin-left:12px; margin-bottom:4px; margin-top:5px; padding:2px; border:#CCC 1px solid;}
	
#wrapper {width:950px; margin:35px auto 0px auto; background:#FFF url(/images/bg-header-top.gif) no-repeat top; padding:0px 4px;}

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

#header {width:950px; height:90px; float:left; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold;}

#header img {margin:10px 80px 0px 15px; float:left;}

#header a {color:#06F; text-decoration:none;}

#header a:hover {color:#F00; text-decoration:underline;}

/* --------- a.Store Locator ---------- */

#store-locator {width:260px; height:25px; padding:12px 10px 10px 10px; background:url(/images/bg-store-locator.gif) no-repeat; margin:23px auto 0px auto; color:#039;}

#store-locator p {float:left; background:url(/images/icon-store-locator.gif) no-repeat left 4px; padding-left:20px; padding-top:5px; margin-right:18px;}

#store-locator a img {float:left; margin:0px;}

/* --------- b.Contact ---------- */

#header-links {font-size:.8em; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}

#header-links a {color:#999;}

#contact {float:right; margin-top:18px; padding-right:15px; font-size:1.2em; line-height:120%;}

#contact span {color:#F00; font-size:1.3em;}
	
/* ==================== 3.Navigation  ==================== */

#navigation {width:950px; height:42px; background:url(/images/bg-navigation.jpg) repeat-x; font-weight:bold; float:left; display:block;}
	
#navigation li {float:left;}

#navigation a {color:#FF6; background:url(/images/btn-spacer.jpg) no-repeat top right; text-decoration:none;}

#navigation a span {color:#9CF;}

#navigation a.last, #navigation a.last:hover {background:none; padding-right:12px;}

#navigation a:hover, #navigation a:hover span {color:#FFF;}

#navigation a, #navigation a:hover {display:block; padding:0px 17px 0px 16px; line-height:40px;}

/*#navigation .active, #navigation .active:hover {background:url(/images/btn-active.jpg) no-repeat top right; color:#FF9;}*/

/* ==================== 4.Submenu ==================== */
	
#submenu {width:926px; background:url(/images/bg-submenu.jpg) repeat-x; font-weight:bold; float:left; padding:11px 12px 12px 12px;}

#submenu a {color:#06F; text-decoration:none;}

#submenu a:hover {color:#F00; text-decoration:underline;}
	
#link-container {float:right; padding-top:5px;}

#link-container #coupon {background:url(/images/icon-coupon.jpg) no-repeat top left; padding:2px 0px 5px 28px; margin-right:12px; height:19px;}

#link-container #testimonials {background:url(/images/icon-testimonials.jpg) no-repeat top left; padding:2px 0px 5px 28px; height:19px;}

#search-container {float:left; background:url(/images/bg-search-container.gif) no-repeat left; height:25px;}

#search-container input {float:left;}

#search-container input.search {background:none; width:195px; border:none; padding:4px 3px 3px 3px; margin-left:25px; margin-right:24px;}

/* ==================== 5.Content Container ==================== */

#content-container {float:left; padding:15px 11px; width:928px; min-height:600px; height:auto;}
	
* html #content-container {height:600px;}

#content-container a {color:#06F; text-decoration:underline;}

#content-container a:hover {color:#F00; text-decoration:none;}

/* ==================== 6.Footer ==================== */

#footer {width:928px; height:118px; background:url(/images/bg-footer.jpg) no-repeat top; margin:0px auto; padding:30px 15px 65px 15px;}

#footer dl , #footer ul {float:left; padding-right:20px;}

#footer ul.last {padding-right:0px;}

#footer dt, #footer #locations-title, #footer #email-savings #email-title {color:#FF6; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; padding-bottom:12px;}

#footer dd, #footer li {line-height:160%;}

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

#footer a:hover {color:#FF6; text-decoration:underline;}

#footer #email-savings {float:right; width:280px;}

#footer #email-savings div {float:left; width:280px; clear:both; padding-bottom:12px;}

#footer #email-savings input {float:left;}

#footer #email-savings input.email {float:left; width:195px; border:#A9C1E6 1px solid; padding:3px; margin-right:10px;}

#footer #email-savings p {float:left; width:280px; padding-bottom:12px;}

#footer #email-savings a, #footer #email-savings p span {font-size:.9em;}

#footer #email-savings a {text-decoration:underline;}

#footer #email-savings a:hover {text-decoration:none;}

#footer #email-savings p span {color:#CCC; padding-bottom:0px;}