* {
	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;
}

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;
}
h1{
	height:97px;
	text-indent:-9999px;
	background:url(/images/hdrMattressFind.gif) no-repeat top left
}
h2{
	font-size:16px;
}
h3{
	margin:0 0 7px 0;
	font-weight:bold;
}
h4{
	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;
}
.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;
}
#nav{
	background:#F2F7FE;
	padding:15px;
	position:relative
}
#nav h3{
	background:url(/images/bgHdr.gif) repeat-x;
	margin:10px -13px;
	padding:8px 10px;
	color:#fff;
}
#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;
}
#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 h3{
	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 h4{
	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.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 h6{
	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, #divCompareRight div{
	padding:0 9px 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
}	
.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
}

.quote, .quote em{
	font-size:12px
}

.clear{
	clear:both;
	padding:0;
}
/* ------------------------------------------ */

/* ---------- Inner Spring Compare ---------- */
#compare-head.innerspring{
    height:120px;
    padding:20px 0 0
}
#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
}
.divCompare4{
    float:left;
    width:192px
}
.divCompare4 div{
    padding:0 6px  
}

.divCompare4 h2 a{
	font-size:18px;
	font-weight:normal;
	color:#1a3963;
	text-decoration:none
}
.divCompare4 .tagline{
    font-size:12px
}
.divCompare4 h3{
	font-size:14px;
	color:#333
}
.divCompare4 li, .divCompare4 strong{
	color:#666;
	font-size:12px
}



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 }

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
}
/* 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 h2 {
	visibility: hidden;
}