@charset "UTF-8";
/* CSS Document */





#mainContainer {
	width:960px;
	height: 1094px;
	margin:auto;
}
#sleepHeader {
	float:left;
	clear:left;
	width: 100%;
	height: 55px;
	background:url(../images/header-sleep-prods.jpg) no-repeat;
	background-color:#000308;
}
#ftre_prd_menu-hold {
	float:left;
	width:960px;
	height:54px;
}
#ftre_prd_bg {
	float:left;
	width:227px;
	height:54px;
	background:url(../images/ftre-prod-sm-bg.jpg) no-repeat;
}
#ftre_prd_menu {
	float:left;
	width:732px;
	height:54px;
}
#other_prd_menu-hold {
	float:left;
	width:960px;
	height:54px;
}
#other_prd_bg {
	float:left;
	width:227px;
	height:54px;
	background:url(../images/other-prod-sm-bg.jpg) no-repeat;
}
#other_prd_menu {
	float:left;
	width:733px;
	height:54px;
}
#leftCol {
	float:left;
	width:298px;
	height:700px;
}
#rightCol {
	float:right;
	width:627px;
	height:auto;
	background-color:#FFF;
	padding-top:30px;
	padding-left:30px;
	font:Arial, Helvetica, sans-serif;
	color: #535353;
	font-size:10px;
}

#blueLink{
	font:Arial, Helvetica, sans-serif;
	color: #535353;
	font-size:10px;
	font-weight:bold;
}
#bed {
	clear:left;
	float:left;
	width:298px;
	height: 389px;
	padding-bottom:5px;
	background:url(../images/bs_sub_mattress.jpg) no-repeat;
}

#pillow {
	clear:left;
	float:left;
	width:300px;
	height: 301px;
	padding-bottom:5px;
	background:url(../images/bs_sub_pillows.jpg) no-repeat;
}


#blu_bg {
	clear:left;
	float:left;
	width:283px;
	height: 118px;
	color:#FFF;
	font-size:10px;
	font-weight:bold;
	line-height: 15px;
	padding-top: 18px;
	padding-left: 15px;
	background:url(../images/blu_bg.jpg) no-repeat;
	font-family: Arial;
	margin-bottom:5px;
}
#blu_bg a {
	font-size: 13px;
	font-weight: normal;
}
#blu_bg a.on { color: #001F3F; font-weight: bold; }

.h1 {
	font-size:12px;
	font-weight: bold;
	padding-bottom: 2px;
}
h1 {
	font-size:14px;
	font-weight:100;
	color:#FFF;
	font-family: Arial;
}
#mattress {
	clear:left;
	float:left;
	width:268px;
	height:270px;
	background:#FFF;
	padding-left:30px;
	padding-top:10px;
	
}
#compHeaderMain {
	width:353px;
	height:26px;
	background:url(../images/header-deepsleep-ser-1.jpg) no-repeat;
}
.subHeaders{
	width:500px;
	height:10px;
    font-weight:bold;
	font-size:11px;
	padding-top:5px;
}
.textBoxes{
	float:left;
	padding-top:8px;
	width:560px;
	height:auto;
	font-family:Arial;
	font-size:12px;
	line-height:1.5em;
	color:#535353;
}

#tables{
	font-family:Arial;
	font-size:12px;
	line-height:1.5em;
	color:#535353;
}
#beautysleepCopy { padding: 0 0 60px; }

#beautysleepCopy p {
	color: #666666;
	font-size: 12px;
	line-height: 1.6;
	padding: 0 0 25px;
}

#linkOverColor{
color: #001F3F;
}

#contentArea {
	float:left;
	width: 960px;
	height:auto;
}
#btm_nav {
	float:left;
	width:960px;
	height:77px;
}
.spacer {
	float:left;
	width:960px;
	height:5px;
}
.colSpacer {
	clear:left;
	float:left;
	width:298px;
	height:5px;
}
#spacer2 {
	float:left;
	width:130px;
	height:75px;
}
#spacer3 {
	float:left;
	width:10px;
	height:152px;
}

#clickHere{
padding-top: 4px;
padding-right: 4px; 
padding-bottom: 4px;
font-family:Arial;
font-size:11px;
color:#535353;
}


#clickHere a:link {
	color: #535353;
	text-decoration:none;
}
#clickHere a:visited {
	color: #535353;
	text-decoration:none;
}
#clickHere a:hover {
	color: #6cf;
	text-decoration:none;
}
#clickHere a:active {
	color: #6cf;
	text-decoration:none;
}


a:link {
	color: #fff;
	text-decoration:none;
}
a:visited {
	color: #fff;
	text-decoration:none;
}
a:hover {
	color: #001F3F;
	text-decoration:none;
}
a:active {
	color: #6cf;
	text-decoration:none;
}
.colLinks {
	font-size: 100%
}
.headerHeight {
	font-size: 14px;
	line-height:2em;
}
#footer {
	float:left;
	margin:auto;
	width: 960px;
	height: 20px;
	background-color:#66CCFF;
	top: 5px;
	padding-top: 10px;
	text-align:center;
	font-family: Arial;
	font-size: 100%;
	font-weight: bold;
	color: #FFFFFF;
}


.dana #compHeaderMain { background: url(../images/hdr_bs_dana.gif) no-repeat; padding-bottom: 15px; }
.carmel #compHeaderMain { background: url(../images/hdr_bs_carmel.gif) no-repeat; padding-bottom: 15px; }
.delMar #compHeaderMain { background: url(../images/hdr_bs_delMar.gif) no-repeat; padding-bottom: 15px; }
.hermosa #compHeaderMain { background: url(../images/hdr_bs_hermosa.gif) no-repeat; padding-bottom: 5px; }

#bedDetails { float:none; width: 100%; }
#bedDetails img {display:block; padding: 10 36px 45px 0; width: auto;  }
#bedDetails #detailCopy { font-size: 12px; width: auto; }
#bedDetails #detailCopy strong, .bedFeature strong { color: #820024; display: block; padding-bottom: 5px; }
#bedDetails #detailCopy li { list-style-position: inside; padding-bottom: 5px; }
.bedFeature { margin: 0; padding: 0 0 15px !important; width: 470px; }
.bedFeature img { float: left; display: inline-block; margin: 0 20px 10px 31px; width: auto; }
.bedFeature strong { padding: 6px 0 0; }
.threeline strong { padding: 0; }
.clear { clear: both; height: 0; line-height: 0; margin: 0; padding: 0; }
sup { vertical-align: top; margin-top: -2px; }
.pdfLink { margin: 20px 0 0 120px; }
.pdfLink a { background: url(../images/icon_pdf.gif) 0 0 no-repeat; color: #666666; padding-left: 18px; }
.pdfLink a:hover { color: #820024; }