* {
	margin:0;
	padding:0;
	color:#333;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif
}

body{
	background:#082955 url(/images/bgBody.gif) repeat-x top left;
}

div:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

img{
	border:0
}

#main{
	padding:2px;
	width:994px;
	background:#7d93b1;
	border:1px solid #fff;
	border-top:0;
	margin:auto;
	overflow:hidden;
}
#left{
	float:left;
	width:180px;
	padding:10px;
}
a{
	color:#1657B0;
}
a:hover{
	color:#556E90;
	text-decoration:underline;
}
a#header{
    display:block;
	height:97px;
	text-indent:-9999px;
	background:url(/images/hdrMattressFind.gif) no-repeat top left
}
h1{
    font-size:16px
}
h2{
	font-size:16px;
}
.large h1{
    font-size:24px
}
h3{
	margin:0 0 7px 0;
	font-weight:bold;
}
h2{
	margin:0 0 10px 0;
	font-weight:bold;
	font-size:14px;
	color:#587194;
}
ul{
	margin:0 0 15px 0;
	list-style:none;
	padding:0
}
.hidden-text{
	text-indent:-9999px;
	display:block;
	overflow:hidden;
}
.box{
	padding:15px;
	border:1px solid #C3CFDF;
	background:#F2F7FE;
}
ol{
	margin:0 0 15px 20px;
}
ul li{
	margin-bottom:5px;
	padding:0;
}
ul li a{
	text-decoration:none;
}
ol li{
	margin-bottom:10px;
	line-height:16px;
}
.box li{
	padding-left:15px;
	background:url(images/arrowSmall.gif) 0 2px no-repeat;
}
td{
	vertical-align:top;
	}
p{
	margin:0 0 15px 0;
	line-height:16px;
}

/* BEGIN: Forms =============== */

fieldset{
    border:0;
    padding:0;
    margin:0
}

fieldset p{
    padding:10px 0;
    margin:0
}

fieldset label{
    float:left;
    width:90px;
    margin:2px 5px 0 0;
    text-align:right;
    font-size:12px;
    font-weight:bold;
    color:#666
}

fieldset .textfield{
    padding:4px;
    border:1px solid #39557B;
    width:220px;
}

.error{
    display:block;
	margin:0 0 15px;
	padding:15px;
	border:1px solid #FF0000 !important;
	background-color:#FFF0F0;
	color:#FF0000;
	font-weight:bold
}

.error li{
	padding:2px 0;
	color:#f00
}

.confirm{
   	display:block;
	margin:0 0 15px;
	padding:15px;
	border:1px solid #6DBF2F;
	background-color:#E4FFCF;
	font-weight:bold;
	color:#6DBF2F
}

/* END: Forms =============== */

.search{
	padding:10px;
	background:#092A56 url(images/bgSearch.gif) repeat-x;
	border:2px solid #fff;
	margin-bottom:10px;
	color:#fff;
	font-weight:bold;
}
.search .textfield{
	border:1px solid #BCCDF0;
	padding:2px;
	margin:5px 0;
}
.head{
	background:url(/images/bgHdr.gif) repeat-x;
	height:19px;
	padding:5px 8px;
	border:1px solid #fff;
}
.head h1{
    height:auto;
    background:none;
    text-indent:0
}
.head.large{
	background:url(/images/bgHdrLg.gif) repeat-x;
	height:56px;
	padding:5px 8px;
	border:2px solid #fff;
	position:relative
}
.large .tagline{
    font-size:12px;
    color:#fff;
    margin:0;
    position:absolute;
    top:48px;
    left:8px
}
#nav{
	background:#F2F7FE;
	padding:15px;
	position:relative
}
#nav h2{
	background:url(/images/bgHdr.gif) repeat-x;
	margin:10px -13px;
	padding:8px 10px;
	color:#fff;
	font-size:11px;
	font-weight:bold
}
#nav ul{
	margin:0;
}
#nav li{
	list-style:none;
	border-bottom:1px dotted #082955;
	padding-bottom:7px;
	line-height:12px;
	margin-bottom:5px;
}
#nav li a{
	color:#082955;
	display:block;
	text-decoration:none;
}
#nav li a:hover{
	color:#1657B0;
	text-decoration:underline;
}
/* 2nd Level */
#nav ul ul{
    width:220px;
    padding:0 10px 10px;
    background:#E0E7EF;
    border:1px solid #506A8D
}

#nav ul ul li{
    padding-top:5px;
    margin:0;
}


#content{
	width:783px; 
	float:left; 
	margin:10px 8px 10px 0; 
}
#inner{
	padding:20px;
	background:#fff;
	clear:both;
}
#splash{
	background:#fff url(images/photoMain.jpg) 3px 0 no-repeat;
	height:351px;
	margin-bottom:6px;
}
#splash h2{
	width:438px;
	float:left;
	text-indent:-999px;
	height:70px;
	background:url(images/h3Finding.png) no-repeat;
}
#brands{
	float:left;
	width:303px;
	height:311px;
	background:url(images/bgBrands.gif) no-repeat;
	padding:20px 20px
}
#brands h3{
	border-bottom:1px dotted #666;
	padding-bottom:5px;
	margin:0 0 5px 0;
	color:#666;
}
#brands table{
	width:303px;
	border-bottom:1px dotted #666;
	margin-bottom:10px;
}
#brands table td{
	text-align:center;
	vertical-align:middle;
	padding:0;
	border:0;
}
#brands p{
	height:47px;
}
#brands p a{
	background:url(images/btnView.gif);
	width:117px;
	height:47px;
	float:left;
}
#brands p span{
	float:left;
	width:175px;
	height:47px;
	display:block;
	color:#1e3d66;
	font-size:13px;
	font-weight:bold;
	padding:5px;
}
#compare{
	margin-bottom:6px;
	height:138px;
}
#compare a{
	float:left;
	width:257px;
	margin-right:6px;
	height:138px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}
a.innerspring{
	background:url(images/compareInner.gif) no-repeat;
}
a.latex{
	background:url(images/compareLatex.gif) no-repeat;
}
a.memory{
	background:url(images/compareMemory.gif) no-repeat;
}
a.number{
	background:url(images/compareNumber.gif) no-repeat;
	margin:0 !important;	
}
#guide{
	padding:2px 4px;
	height:138px;
	background:#fff;
	overflow:hidden;
	width:775px
}
#guide h4{
	float:left;
	width:148px;
	margin-right:3px;
	height:138px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(images/guideBrowse.gif) no-repeat;
}
#guide a{
	float:left;
	width:206px;
	margin-right:2px;
	height:139px;
	overflow:hidden;
	display:block;
	text-decoration:none;
}
#guide a h5{
	text-indent:-9999px;
}
a.guideChoose{
	background:url(images/guideChoose.gif) no-repeat;
}
a.guideSleep{
	background:url(images/guideSleep.gif) no-repeat;
}
a.guideCare{
	background:url(images/guideCare.gif) no-repeat;
	margin:0;
}
a.guideChoose p{
	width:80px;
	padding:15px;
	margin-top:10px;
}
a.guideSleep p{
	width:90px;
	padding:15px;
	margin-top:27px;
}
a.guideCare p{
	width:90px;
	padding:15px;
	margin-top:27px;
}

/* ANGELBEDS COMPARED TO TEMPURPEDIC REDESIGN */

#inner.compare{
	float:left;
	width:768px;
	padding:0 5px 0 10px
}

#compare-head{
	float:left;
	width:768px;
	height:92px
}

#compare-head .left, #compare-head .right, #imgSeparator{
	float:left
}
#compare-head .left{
	width:347px
}
#logoTempurPedic, #logoLeft{
	float:left;
	display:inline;
	margin:19px 17px 0 0
}
#compare-head .right{
	width:395px
}
#logoAngelBeds, #logoRight{
	float:left;
	display:inline;
	margin:19px 7px 0 6px
}
#compare-head p{
	float:left;
	width:100px;
	margin:30px 0 0;
	font-size:12px;
	line-height:14px
}
#compare-head p a{
	font-size:12px;
	font-weight:bold;
	color:#365278
}
#compare-head p a:hover{
	text-decoration:none
}

#divCompareLeft{
	float:left;
	width:354px
}
#divCompareRight{
	float:left;
	display:inline;
	width:397px;
	margin-left:16px
}
#divCompareLeft div{
	padding:0 9px 0 7px
}
#divCompareRight div{
	padding:0 30px 0 7px
}
#divCompareLeft h2, #divCompareRight h2{
	margin:6px 0;
	font-size:18px;
	font-weight:normal;
	color:#1a3963
}
#divCompareLeft h2 a, #divCompareRight h2 a{
	font-size:18px;
	font-weight:normal;
	color:#1a3963;
	text-decoration:none
}
#divCompareLeft h3, #divCompareRight h3{
	font-size:14px;
	color:#333
}
#divCompareLeft li, #divCompareRight li,
#divCompareLeft strong, #divCompareRight strong{
	color:#666;
	font-size:12px
}
.bullet li{
	padding:0 0 0 25px;
	line-height:16px;
	background:url(/images/bulletArrow.gif) no-repeat 0 0
}
.border{
	padding-top:20px;
	background:url(/images/border-dotted-black.gif) repeat-x top left
}
.border.bottom{
    padding-top:0 !important;
    background-position:bottom left !important
}
.tagline{
	font-size:14px;
	line-height:normal;
	color:#666
}
#divCompareLeft .model, #divCompareRight .model{
	clear:both;
	height:73px;
	margin:0 0 14px;
	padding:0
}
#divCompareLeft .model{
	width:340px
}
#divCompareRight .model{
	width:383px
}
#divCompareLeft .model img, #divCompareRight .model img{
	float:left;
	margin:0 5px 0 0
}
#divCompareLeft .model a, #divCompareRight .model a{
	font-size:12px;
	font-weight:bold;
	color:#666;
	text-decoration:none
}
#divCompareLeft .model a:hover, #divCompareRight .model a:hover{
	text-decoration:underline
}
#divCompareLeft .link, #divCompareRight .link{
	font-size:14px;
	color:#082955;
	text-decoration:underline
}
#divCompareLeft .link:hover, #divCompareRight .link:hover{
	text-decoration:none
}

#exclusive-offers{
    text-align:center;
    margin:0;
}

#btnExclusiveOffers{
    display:block;
    width:275px;
    height:45px;
    margin:auto;
    text-indent:-9999px;
    overflow:hidden;
    background-image:url(/images/btnExclusiveOffers.png)
}

#btnExclusiveOffers:hover, #btnExclusiveOffers:focus{
    background-position:0 -45px
}

.quote, .quote em{
	font-size:12px
}

.clear{
	clear:both;
	padding:0;
}
/* ------------------------------------------ */

/* ----------- Number Bed & Tempur Compare ----------- */

#splashNumberBed{
    float:left
}

#divNumberBedAdvantage{
    float:left;
    display:inline;
    width:772px;
    padding:18px 0 0 9px;
    border-style:solid;
    border-color:#fff;
    border-width:0 0 0 2px;
    background:#fff url(/images/bgContentTop.gif) repeat-x top
}

#divNumberBedAdvantage h3,
#divTestimonials h3{
    margin:0 0 14px;
    font-size:18px;
    font-weight:normal;
    color:#1a3963
}
#divNumberBedAdvantage h3.border.bottom, 
#divTestimonials h3.border.bottom{
    padding-bottom:7px
}
#divNumberBedAdvantage p, #introTestimonials{
    font-size:14px;
    line-height:19px;
    color:#666
}
#divNumberBedAdvantage a{
    font-size:14px
}

#divTestimonials{
    padding:0 11px
}
#divTestimonials p.border{
    font-size:12px;
    line-height:17px;
    color:#000
}
#divTestimonials p img{
    vertical-align:middle
}

#divTestimonialNote{
    float:right;
    width:226px;
    height:348px;
    margin:-18px 0 0;
    padding:30px 42px 0 56px;
    background:url(/images/bgTestimonialPaper.jpg)
}
#divTestimonialNote p{
    font-size:12px;
    font-weight:bold;
    line-height:18px;
    color:#333
}
#divTestimonialNote p strong{
    font-size:14px;
    font-weight:bold;
    line-height:18px;
    color:#5e2200
}
#divTestimonialNote p img{
    vertical-align:middle
}
#divTestimonialNote p img.lquote{
    margin:-0 0 0 -6px;
}
#divTestimonialNote a{
    font-weight:bold;
    font-size:12px;
    color:#8e0000;
    text-decoration:none;
}
#divTestimonialNote a:hover{
    text-decoration:underline;
    color:#8e0000
}

/* ------------------------------------------ */

/* ---------- Inner Spring Compare ---------- */
#compare-head.innerspring{
    height:310px;
    padding:20px 0 0
}

#compare-features, #compare-promotions, #compare-prices{
	float:left;
	width:768px
}
#compare-head.innerspring div{
    float:left;
    width:192px;
    text-align:center;
    position:relative
}
#compare-head.innerspring div .imgSeparator{
    float:right
}
#compare-head.innerspring p{
    float:none;
    margin:0;
    width:173px;
    position:absolute;
    top:90px;
    text-align:center
}
#compare-head.innerspring .beautyshot{
	position:absolute;
	top:112px;
	left:5px
}
.divCompare4{
    float:left;
    width:180px;
    padding:0 6px  
}
.divCompare4 div{
}

.innerspring h2{
	text-align:left;
	position:absolute;
	top:230px;
	left:10px;
}
.innerspring h2 a{
	font-size:18px;
	font-weight:normal;
	color:#1a3963;
	text-decoration:none;
	text-align:left
}
#compare-head.innerspring p.tagline{
	position:absolute;
	top:260px;
	left:10px;
    font-size:12px;
    text-align:left
}
#inner.compare h2.border{
	padding-top:10px;
	padding-left:6px
}
.divCompare4 h3{
	font-size:14px;
	color:#333
}
.divCompare4 li, .divCompare4 strong{
	color:#666;
	font-size:12px
}


/* ---------- Latex Mattress Compare ---------- */
#intro{
	margin:4px 4px 0 0;
	padding:0 0 20px 20px;
	-moz-border-radius:10px 10px 0 0;
	-webkit-border-radius:10px 10px 0 0;
	border-radius:10px 10px 0 0;
	background:url(/images/bg-blue-grad-top.png) repeat-x top
}

#intro img{
	float:right;
}

#intro p {
	padding:30px 0 0;
	color: #666666;
	font-size: 14px;
	line-height: 19px;
}

#intro a{
	font-size:14px
}

#most-popular img{
	float:left;
	padding:0 0 20px 20px
}

#most-popular ul{
	float:left;
	margin:4px 0 0 24px
}

#most-popular li{
	background: url("/images/arrow.gif") no-repeat;
	color: #666666;
	font-size: 12px;
	line-height: 26px;
	padding-left: 30px
}

#compare-companies{
	margin:0 0 24px;
	position:relative
}

.best-deal img{
	position:absolute;
	top:40px;
	left:280px;
}

#compare-companies table{
	width:100%;
	border-collapse:collapse
}

#compare-companies thead th{
	padding:12px 20px;
	background-color:#587194;
	text-align:center;
}

#compare-companies th.first-child{
	text-align:left;
	border-left:0
}

#compare-companies th.last-child{
	text-align:left;
	border-right:0
}

#compare-companies tbody th{
	padding:12px 20px;
	width:300px
}

#compare-companies tbody th a{
	font-size:12px
}

#compare-companies tbody td{
	width:auto;
	padding:8px 20px;
	text-align:center;
	vertical-align:middle;
	font-size:14px;
}

#compare-companies tbody tr.alt{
	background:#F3F3F3
}

#compare-companies .learn-more a{
	display:inline-block;
	white-space:nowrap;
	padding:8px 12px;
	color:#fff;
	font:bold 12px Verdana, Geneva, Sans-serif !important;
	text-decoration:none;
	letter-spacing:-0.4px;
	-moz-border-radius:8px;
	border-radius:8px;
	text-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:1px 1px 4px #ccc;
	-webkit-box-shadow:1px 1px 2px #ccc;
	box-shadow:1px 1px 2px #ccc;
	/* fallback */ 
	background-color: #9f3535; 
	/* Safari 4-5, Chrome 1-9 */ 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#750808), to(#cc6363)); 
	/* Safari 5.1, Chrome 10+ */ 
	background: -webkit-linear-gradient(top, #cc6363, #750808); 
	/* Firefox 3.6+ */ 
	background: -moz-linear-gradient(top, #cc6363, #750808); 
	/* IE 10 */ 
	background: -ms-linear-gradient(top, #cc6363, #750808); 
	/* Opera 11.10+ */ 
	background: -o-linear-gradient(top, #cc6363, #750808);
}

#compare-companies .learn-more a:hover{
	text-decoration:none;
	border-color:#fff;
	/* fallback */ 
	background-color: #c34e4e; 
	/* Safari 4-5, Chrome 1-9 */ 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9b0d0d), to(#e58888)); 
	/* Safari 5.1, Chrome 10+ */ 
	background: -webkit-linear-gradient(top, #e58888, #9b0d0d); 
	/* Firefox 3.6+ */ 
	background: -moz-linear-gradient(top, #e58888, #9b0d0d); 
	/* IE 10 */ 
	background: -ms-linear-gradient(top, #e58888, #9b0d0d); 
	/* Opera 11.10+ */ 
	background: -o-linear-gradient(top, #e58888, #9b0d0d);	
}

/* BEGIN: Tempur-Pedic Offers ========== */

.btnSubmit{
    display:block;
    width:95px;
    height:39px;
    text-indent:-9999px;
    overflow:hidden;
    background-image:url(/images/btnSubmit.png)    
}

.btnSubmit:hover, .btnSubmit:focus{
    background-position:0 -39px
}

/* END: Tempur-Pedic Offers ========== */


thead th{
	padding:8px 0 8px 19px;
	border:1px solid #fff;
	border-top:0;
	color:#fff;
	font:bold 12px verdana;
	text-align:left
}

#hdrSelectComfort{	background:#93974e }
#hdrSleepBetter{	background:#d47d01 }
#hdrTempurPedic{	background:#55a3b1 }
#hdrAngelBeds{		background:#af5443 }

#hdrAngelBeds a, #hdrTempurPedic a,
#hdrSelectComfort a, #hdrSleepBetter a{
	color:#fff;
	font:bold 12px verdana;
	text-decoration:none
}

tbody td{
	width:50%;
	padding:18px 16px;
	border:1px solid #fff
}

tbody td p{
	margin:10px 0 14px;
	color:#666;
	font-size:9px
}

tbody td a:hover{
	text-decoration:underline
}
.link{
	padding:8px 0 8px 32px;
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	background:url(/images/arrow.gif) no-repeat left
}

#cellSelectComfort{ background:#f1f3d7 }
#cellSelectComfort img{ border:1px solid #93974e }
#cellSelectComfort h3, #cellSelectComfort a { color:#636812 }
#cellSelectComfort .link{
	background:url(/images/arrowOlive.gif) no-repeat left
}

#cellSleepBetter{ background:#fdedd5 }
#cellSleepBetter img{ border:1px solid #d47d01 }
#cellSleepBetter h3, #cellSleepBetter a{ color:#d43d01 }
#cellSleepBetter p strong{ color:#843703 }
#cellSleepBetter .link{
	background:url(/images/arrowOrange.gif) no-repeat left
}

#cellTempurPedic{ background:#e2fbff }
#cellTempurPedic img{ border:1px solid #55a3b1 }
#cellTempurPedic h3, #cellTempurPedic a{ color:#198396 }
#cellTempurPedic p strong{ color:#154c56 }
#cellTempurPedic .link{
	background:url(/images/arrowAqua.gif) no-repeat left
}

#cellAngelBeds{ background:#ffece8 }
#cellAngelBeds img{ border:1px solid #af5443 }
#cellAngelBeds h3, #cellAngelBeds a{ color:#8b2917 }
#cellAngelBeds p strong{ color:#4e1b11 }
#cellAngelBeds .link{
	background:url(/images/arrowRed.gif) no-repeat left
}

#footer{
	margin:16px auto 0;
	font:normal 9px verdana;
	text-align:center
}

#footer p{
	margin:0 0 6px;
	color:#fff
}

#tblLatex{
	margin-bottom:15px;	
	width:100%;
}

#tblLatex tr.alt{
	background:#f3f3f3;
}

#tblLatex thead th{
	background:#587194;
	padding:10px;
	text-align:center;
}

#tblLatex tbody th{
	font-weight:bold;
	text-align:right;
	padding:10px;
}

#tblLatex tbody td{
	width:auto;
	padding:10px;
	border:0;
	text-transform:uppercase;
	text-align:center;
	font-weight:bold;
	color:#587194;
}

.adv{
	color:#5DA529 !important;
}

ul.list{
	margin:0 10px 15px 10px;
}	

ul.list li{
	background:url(/images/arrowSmall.gif) no-repeat;
	padding-left:20px;
	font-weight:bold;
}	

#banner-discount{
	border:2px solid #fff;
	margin-bottom:10px;
	height:62px;
	background:url(images/img-banner-discount.png) no-repeat;
}

#content ul.bullet1{
    width:460px;
    margin-left:7px
}

#content ul.bullet1 li{
    margin:0 0 7px;
    line-height:14px;
    font-weight:bold
}

#content ul.bullet2{
    margin:0 20px 20px 20px;
}

#content ul.bullet2 li{
    margin:0 0 7px;
    line-height:16px;
}

#content ul.bullet2 li strong{
	display:block;
	margin-bottom:3px;
}

.bullet1 li, .bullet2 li{
    padding-left:14px;
    background:url(/images/bullet1.png) no-repeat 0 2px   
}

.contact {
	padding:15px;
	background:#E7F6FD;
	font-size:14px;
	border:2px solid #8CB7CD;
	text-align:center;
	line-height:18px;
}
.contact *{
	font-size:14px;
}
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash .head h1 {
	visibility: hidden;
}
