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


/* Defaults --------------------------------------- */
* {
	margin: 0px;
	padding: 0px;
}


body {
	background-color: #F8F7F1;
	font-family: Arial;
	font-size: .80em;
	font-weight: normal;
	line-height: 1.2em;
	/*color: #3B3A32;*/
}

p a:link {font-size: 1em; color: #a3620a;}
p a:visited {font-size: 1em; color: #a3620a;}
p a:hover {font-size: 1em; color: #0076a3;}
p a:active {font-size: 1em; color: #0076a3;}

li.pillows  {font-size:12px; font-family:Verdana, Geneva, sans-serif}
.foam {font-size:10px; font-family: Arial, Helvetica, sans-serif; font-size:100%; padding-top:0px; padding-left:1px; padding-right:1px; margin:1px; }
.clearHack {
	clear: both;
	visibility: hidden;
}

img { border:none; }

h1 {
	font-size: 1em;
	color: #316E7F;
	font-weight: normal;
}

h2 {
	font-size: 1.4em;
	color: #316E7F;
	font-weight: normal;
}

h3 {
	font-size: 2em;
	color: #316E7F;
	font-weight: normal;
    line-height: normal;
}


a, a:visited {
	font-weight: normal;
	text-decoration: none;
	color: #a3620a;
}

a:hover {
	color: #0076a3;
}

img { display: inline-block; }


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

.imageRight {
	margin-left: 10px;
}

.imageRightFloat{
float:left;
clear:left;
}

.registerMark {
	font-size: 0.65em;
	left: 1px;
	position: relative;
	top: -4px;
}
#container2 { margin: 20px; width: 611px; margin: auto; }
/* Containers --------------------------------------- */
#container {
	background-image: url(../images/mainBgd.jpg);
	background-repeat: repeat-y;
	margin-right: auto;
	margin-left: auto;
	width: 960px;
}

#marktest
{
  margin-left: 50px;
}

#container_index {
    background-image: url(../images/mainBgd2.jpg);
	background-repeat: repeat-y;
	margin-right: auto;
	margin-left: auto;
	width: 960px;
}

#content {
	width: 920px;
    height: auto;
	/*display: block;*/
	padding-left: 20px;
}


/* Header --------------------------------------- */
#header {
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	height: 130px;
	width: 920px;
}

#headerButton {
	float: left;
	height: 100px;
	width: 420px;
	padding-left: 250px;
}

#locator {
	height: 30px;
	width: 130px;
	margin-top: 30px;
	float: right;
}


/* Navigation --------------------------------------- */
#subNav {
	height: 45px;
	width: 920px;
	display: block;
	margin-bottom: 10px;
    margin-top: -20px;
    z-index: 100;
}


/* Home Page --------------------------------------- */
#homeFlash {
	height: 550px;
    margin-top: -20px;
}


/* Columns --------------------------------------- */
#oneColumnLeft {
	width: 283px;
	float: left;
	padding-left: 20px;
}

#oneColumnCenter {
	width: 550px;
	float: left;
	padding-left: 20px;
}

#oneColumnRight {
	float:right;
	width: 283px;
	margin-left:31px;
    display: block;
    margin-top: -90px;
    height: auto;
}

#ColumnRight1 {
  background-image: url(../images/bg2.jpg);
  background-repeat: repeat-y;
  height: auto;
  margin-top:5px;
  margin-left:36px;
  width: 283px;
  padding-top: 30px;
}

#ColumnRight1 p {
  padding: 15px;
  color: #000000;
}

#ColumnRight1 h3 {
  padding: 15px;
  color: #62A3B5;
  font-size: 130%;
  font-weight: bold;
}

#ColumnRight1 img {
  padding: 15px;
  color: #62A3B5;
  font-size: 130%;
  font-weight: bold;
}

#ColumnRight1 ul {
  color: #62A3B5;
  padding-bottom: 10px;
  font-size: 130%;
}

#ColumnRight1 li {
  font-size: 90%;
}

#ColumnRight2 {
  background-image: url(../images/bg1.jpg);
  background-repeat: repeat-y;
  height: auto;
  margin-top:0px;
  margin-left:36px;
  width: 283px;
  padding-top: 30px;
}


#header_text h1{
  color: #000000;
  padding-left: 20px;
  font-size: 200%;
}

#header_text h2{
  color: #62A3B5;
  padding-left: 20px;
  font-size: 150%;
}

#center_text {
  color:#000000;
}


#href a{
  color: #62A3B5;
  font-weight: bold;
}

#tab1 {
  background-image: url(../images/t1.jpg);
  background-repeat: no-repeat;
  width: 210px;
  height: auto;
  text-align: center;
}

#tab1 p{
  padding-top: 55px;
  font-size: 85%;
}

#tab2 {
  background-image: url(../images/t2.jpg);
  background-repeat: no-repeat;
  width: 210px;
  height: auto;
  text-align: center;
}

#tab2 p{
  padding-top: 55px;
  font-size: 85%;
}

#tab3 {
  background-image: url(../images/t3.jpg);
  background-repeat: no-repeat;
  width: 210px;
  height: auto;
  text-align: center;
}

#tab3 p{
  padding-top: 55px;
  font-size: 85%;
}

#tab4 {
  background-image: url(../images/t4.jpg);
  background-repeat: no-repeat;
  width: 210px;
  height: auto;
  text-align: center;
}

#tab4 p{
  padding-top: 55px;
  font-size: 85%;
}

#tab5 {
  background-image: url(../images/t5.jpg);
  background-repeat: no-repeat;
  width: 210px;
  height: auto;
  text-align: center;
}

#tab5 p{
  padding-top: 55px;
  font-size: 85%;
}

#tab6 {
  
  background-repeat: no-repeat;
  width: 220px;
  height: auto;
  text-align: left;
}

#tab6 p{
  padding-top: 5px;
  font-size: 85%;
  color:#FFF;
}



#oneColRightContainer{
width:283px;
float:left;
}

#twoColumnLeft {
    width:577px;
	padding-left: 20px;
	float: left;
	clear:left;
}

#twoColumnRight {
	float:left;
	width:577px;
	padding-left: 20px;
}

#twoColInset{
float:left;
padding:10px;
padding-top:0px;
}

#halfPage {
	float:left;
	width:430px;
	padding-left: 20px;
}

#halfPage ul {
	list-style-type: none;
	list-style-image: none;
	margin: 0px;
	padding: 0px;
}

#halfPage li {
	list-style-type: none;
	list-style-image: none;
	margin: 0px;
	padding: 0px;
}

#historyVideo {
	float:left;
	width:498px;
	padding-left: 20px;
	display: block;
	height: 298px;
}

#historyColumn {
	float:left;
	width:360px;
	padding-left: 20px;
}

#halfPage a:link, #halfPage a:visited,
#historyColumn a:link, #historyColumn a:visited {
	font-family: Arial;
	font-size: 1.0em;
	font-weight: normal;
	text-decoration: none;
	color: #a3620a;
}

#halfPage a:hover,
#historyColumn a:hover {
	color: #0076a3;
}

#threeColumnContent {
	width: 880px;
	display: block;
	margin-left: 20px;
}

/* ====== title for Extreme Makeover pages ====== */

.emhe .columnText img {
	padding-bottom: 10px;
}
#threeColumnContent.emhe {
	margin-bottom: 20px;
}

#threeColumnContent.emhe h3 {
	line-height:1.2em;
}

.emhe .oneColumnBottom {
	margin-bottom: 15px;
}

.oneColumnTop {
	background-image: url(../images/oneColumnTop.gif);
	background-repeat:no-repeat;
	float:left;
	height: 10px;
	width: 283px;
	overflow: hidden;
}

.oneColumnTopLeft {
	background-image: url(../images/oneColumnTop_left.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	float:left;
	height: 10px;
	width: 283px;
}

.oneColumnTopLeft p {
	margin: 0px;
	padding: 0px;
}

.oneColumnContent {
	width: 283px;
	float:left;
	background-color: #E7E3CC;
	
}

.oneColInset{
	float:left;
	padding:15px;
	width:252px;
}

.oneColTextBox{
	float:left;
	width:255px;
}

.oneColTextBox p {
	margin: 0px;
	padding: 0px;

}

.oneColumnBottom {
	background-image: url(../images/oneColumnBottom.gif);
	background-repeat:no-repeat;
	background-position:top;
	float:left;
	clear:left;
	height: 10px;
	width: 283px;
}

.oneColumnBottomLeft {
	background-image: url(../images/oneColumnBottom_left.gif);
	background-repeat:no-repeat;
	background-position:top;
	float:left;
	clear:left;
	height: 10px;
	width: 283px;
}

.twoColumnContentLeft {
	width: 283px;
	float: left;
}

.twoColumnContentRight {
	width: 283px;
	float: left;
	margin-left: 15px;
}

.columnText {
	margin-right: 10px;
	margin-left: 10px;
}

#oneColumnLeft a {
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #a3620a;
}

#oneColumnLeft a:hover {
	color: #0076a3;
}

#oneColumnRight{
float:left;
width:283px;
margin-bottom:10px;
}


#oneColumnRight a {
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #a3620a;
}

#oneColumnRight a:hover {
	color: #0076a3;
}

#twoColumnRight a {
	font-size: 12px;
	text-decoration: underline;
	color: #a3620a;
}

#twoColumnRight a:hover {
	color: #0076a3;
}

.foamColumnIcon {
	float: left;
	width: 50px;
	display: block;
}

.foamColumnText {
	font-size: 11px;
	float: left;
	width: 205px;
}

#columnDivider {
	background-color: #B0AC9C;
	height: 1px;
	margin-top: 10px;
	margin-bottom: 10px;
}


.foamColumnItem{
	float:left;
	width:255px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #666600;
	margin-bottom: 10px;
}

.foamColumnItemNoBoder{
	float:left;
	width:255px;
}



.foamColumnItem a {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #a3620a;
	text-transform: uppercase;
}

.foamColumnItem a:hover {
	color: #0076a3;
}

.edge{
	background-image: url(../images/foam-edge.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 120px;
	width: 283px;
	}
	
.edgeColumnText {
	font-size: 11px;
	float: right;
	width: 150px;
	padding-top: 54px;
	padding-right: 10px;
}


/* Collection Page Elements --------------------------- */
#collectionItem {
	height: 80px;
	width: 283px;
	margin-bottom: 10px;
}

.collectionText {
	height: 50px;
	width: 140px;
	font-size: 0.8em;
	padding-top: 27px;
	padding-left: 115px;
	line-height: 1em;
}

.collectionText p {
	margin: 0px;
	padding-bottom: 5px;
}

	.cp_loft{
		background-image: url(../images/collection-cp_loft.jpg);
		background-repeat: no-repeat;
		display: block;
	}
	
	.original{
		background-image: url(../images/collection-original.jpg);
		background-repeat: no-repeat;
		display: block;
	}
	
	.nassau{
		background-image: url(../images/collection-nassau.jpg);
		background-repeat: no-repeat;
		display: block;
	}
	
	.natural{
		background-image: url(../images/collection-natural.jpg);
		background-repeat: no-repeat;
		display: block;
	}
	
	.mystere{
		background-image: url(../images/collection-mystere.jpg);
		background-repeat: no-repeat;
		display: block;
	}
	
	.nuvo{
		background-image: url(../images/collection-nuvo.jpg);
		background-repeat: no-repeat;
		display: block;
	}
	
	.ariana{
		background-image: url(../images/collection-ariana.jpg);
		background-repeat: no-repeat;
		display: block;
	}
	
	.capri{
		background-image: url(../images/collection-capri.jpg);
		background-repeat: no-repeat;
		display: block;
	}

/* Collection Detail Page Elements --------------------------- */
ul {
	/*list-style: none;
	list-style-image: url(../images/bullet.jpg);
	list-style-position: outside;*/
	padding-left: 30px;
    padding-top: 20px;
}

li {
	padding-bottom: 5px;
	font-size: 11px;
}

/* Pillow Collection Page --------------------------- */

.serenity{
		background-image: url(../images/pillow-serenity.jpg);
		background-repeat: no-repeat;
		display: block;
	}
	
.contour{
		background-image: url(../images/pillow-contour.jpg);
		background-repeat: no-repeat;
		display: block;
	}
	
.breezzz{
		background-image: url(../images/pillow-breezzz.jpg);
		background-repeat: no-repeat;
		display: block;
	}
.nuvoPillow{
		background-image: url(../images/pillow-nuvo.jpg);
		background-repeat: no-repeat;
		display: block;
	}

/* Store Locator -------------------------------- */
.storeLocator {
	height: 100%;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	display: block;
}

a.storeLocatorLink {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #a3620a;
}

a.storeLocatorLink:hover {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #0076a3;
}

a.storeLocatorLink:visited {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #6F6C62;
}

/* News Articles -------------------------------- */

#newsArticleContainer {
	margin: 30px auto 0;
	padding: 0;
	width: 650px;
}

#newsArticleContainer h3 {
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 15px;
	text-align: center;
}

#newsArticleContainer h3 em {
	font-size: 1.0em;
	font-weight: normal;
}

#newsArticleContainer p {
	padding: 10px 0;
}

#newsArticleContainer a:link, #newsArticleContainer a:visited {
	font-family: Arial;
	font-size: 1.0em;
	font-weight: normal;
	text-decoration: none;
	color: #a3620a;
}

#newsArticleContainer a:hover {
	color: #0076a3;
}

.disclaimer {
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #555;
	margin: 0 auto;
	padding-top: 25px;
	width: 525px;
}

.disclaimer strong,
.disclaimer em {
	display:block;
}

.disclaimer strong {
	text-align: center;
}

/* Footer --------------------------------------- */
#footer {
	text-align: center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #6F6C62;
	margin-top: 0px;
	font-weight: normal;
    background-image: url(../images/mainBgd_footer.jpg);
	background-repeat: repeat-y;
	height: 130px;
}

#footerLogo {
	float: left;
	padding-left: 15px;
}

#footerLinks {
	float: left;
	width: 960px;
	font-size:11px;
}

#footer ul {
	list-style-type: none;
	line-height: 14px;
}

#footer li {
	margin-right: 5px;
	margin-left: 5px;
	display: inline;
}

#footer a:link, a:visited {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
}

#footer a:hover {
	color: #CCCCCC;
}

#bottom {
	background-image: url(../images/bottom.jpg);
    background-repeat: repeat-x;
	height: 30px;
	width: 960px;

}

#bottom2 {
	background-image: url(../images/bottom2.jpg);
    background-repeat: repeat-x;
	height: 30px;
	width: 960px;
    margin-top: -38px;
}

#bottom3 {
	background-image: url(../images/bottom3.jpg);
    background-repeat: repeat-x;
	height: 30px;
	width: 960px;
    margin-top: -88px;
    padding-top: 50px;
}

#bottom_footer {
	background-image: url(../images/bottom_footer.jpg);
	height: 30px;
	width: 960px;
}


/* Mattress Buying Guides */
div.guideBox { width:390px; height:180px; border: 1px solid #000000; padding: 5px 5px 5px 5px; margin: 0 10px 10px 0; display: block}
div.guideBox.left { float: right; margin-right: 0; clear: both}
div.guideBox img.pic { padding: 8px 0 0 20px; float: right; }
div.guideBox p { line-height:20px; margin:8px 0; }
div.guideBox p.glinks { margin-top: 15px; }
div.guideBox p.glinks a { background: url(../images/buying_guides/white_arrow.gif) 0 0 no-repeat; padding: 0 0 2px 12px; font-size: 12px;}
div.guideBox p.glinks a:link, div.guideBox p.glinks a:visited { text-decoration: none}
div.guideBox p.glinks a:hover, div.guideBox p.glinks a:active { text-decoration: underline; }

/* ComforPedic Loft Memory Foam ------------------------------- */
#cpLoftContent {
	width:849px;
	margin:0 auto;
	padding:0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px !important;
	background: #ffffff;
	border: 1px solid #7d6138;
}

#cpLoftContent h2 {
	color: #ba2234;
	font-family: Geneva, Arial, Helvetica, sans-serif; ;
	font-size: 16px;
	font-weight: normal;
	padding: 0;
}

#cpLoftContent h3 {
	color: #ba2234;
	font-family: Geneva, Arial, Helvetica, sans-serif; ;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.3;
	padding: 0 0 16px;
}

#cpLoftContent li {
	font-weight: normal !important;
}

#cpLoftContent sup {
	font-size: 70%;
	position: relative;
	top: 0px;
	vertical-align: top;
}

#cpLoftContent .leftCol {
	background: url(../images/cp_rotate.gif) 0 0 no-repeat;
	float: left;
	height: 237px;
	padding: 494px 0 0;
	width: 425px;
}

#cpLoftContent .leftCol ul {
	list-style: none !important;
	list-style-image: none !important;
	padding: 0 0 0 57px;
	margin: 0;
	width: 319px;
}

#cpLoftContent .leftCol ul li {
	background: none !important;
	color: #3a3227;
	font-size: 10px;
	list-style: none !important;
	margin: 0 0 6px;
	padding: 0 0 6px 61px;
}

#cpLoftContent .leftCol #dissipatesHeat {
	background: url(../images/img_logo_1.png) 0 -6px no-repeat !important;
	_background: url(../images/img_logo_1.gif) 0 -6px no-repeat !important;
}

#cpLoftContent .leftCol #quickerRecovery {
	background: url(../images/img_logo_2.png) 0 -3px no-repeat !important;
	_background: url(../images/img_logo_2.gif) 0 -3px no-repeat !important;
}

#cpLoftContent .leftCol #consistentComfort {
	background: url(../images/img_logo_3.png) 0 -6px no-repeat !important;
	_background: url(../images/img_logo_3.gif) 0 -6px no-repeat !important;
}

#cpLoftContent .leftCol li strong {
	color: #ba2234;
	display: block;
	font-family: Helvetica, Arial, Geneva, sans-serif; ;
	font-size: 16px;
	font-weight: normal;
	padding: 0 0 5px;
}

#cpLoftContent .rightCol {
	float: right;
	padding-right: 55px;
	width: 319px;
}

#cpLoftContent .rightCol img {
	display: inline !important;
}

#cpLoftContent .rightCol p {
	font-size: 11px;
	text-align: justify;
}

#cpLoftContent .rightCol .centerAlign {
	text-align: center;
}

#cpLoftContent .rightCol .topLogo {
	padding: 0 0 10px;
}

#cpLoftContent .module {
	background: #f3f8fa url(../images/bg_modBottom.gif) 0 100% no-repeat;
	margin: 50px 0 30px;
	padding: 0 0 8px;
}
#cpLoftContent .module .top {
	background: url(../images/bg_modTop.gif) 0 0 no-repeat;
	height: 14px;
	width: 319px;
}

#cpLoftContent .module .mid {
	padding: 0 10px 0 12px;
}

#cpLoftContent .module ul {
	list-style: none !important;
	list-style-image: none !important;
	margin: 12px 0 0 15px;
	padding: 0;
	width: 265px;
}

#cpLoftContent .module ul li {
	color: #333333;
	list-style: disc outside !important;
	font-size: 10px;
	padding: 0;
	margin: 0 0 10px 15px;
}

.home
{
  background: url(../images/home.png) no-repeat;
  width: 921px;
  height: 575px;
  margin-top: -20px;
  z-index: 100;
  display: block;
  position: relative;
}

.home .m1
{
  position: absolute;
  margin-top: -3px;
  margin-left: 0px;
}
.home .m2
{
  position: absolute;
  margin-top: 3px;
  margin-left: 192px;
}
.home .m3
{
  position: absolute;
  margin-top: 5px;
  margin-left: 392px;
}
.home .m4
{
  position: absolute;
  margin-top: 4px;
  margin-left: 562px;
}
.home .m5
{
  position: absolute;
  margin-top: 0px;
  margin-left: 682px;
}
.home .m6
{
  position: absolute;
  margin-top: -5px;
  margin-left: 772px;
}

.home h3
{
  font-size: 140%;
}

.home h3 a
{
  color: #0076a3;
  line-height: 100%;
}

.news1
{
  position: absolute;
  width: 400px;
  margin-top: 310px;
  margin-left: 90px;
}

.news2
{
  position: absolute;
  width: 400px;
  margin-top: 388px;
  margin-left: 90px;
}

.news3
{
  position: absolute;
  width: 400px;
  margin-top: 460px;
  margin-left: 90px;
}

.news4
{
  position: absolute;
  width: 400px;
  margin-top: 310px;
  margin-left: 610px;
}

.news5
{
  position: absolute;
  width: 400px;
  margin-top: 408px;
  margin-left: 610px;
}

.news6
{
  position: absolute;
  width: 400px;
  margin-top: 495px;
  margin-left: 570px;
}

#proof1, #proof2, #proof3, #proof4, #proof5, #proof6
{
  position: absolute;
  font-size: 150%;
  line-height: 120%;;
  width: 340px;
  margin-left: 420px;
  margin-top: 50px;
}

#collectionproofs
{
  padding-left: 60px;
}

#proofdetail
{
  padding-left: 100px;
  padding-top: 30px;
}

.videoImgWrapper{
	float:left;
	margin-right:15px;
	height:64px;
	width:108px;
	padding:2px;
	border:1px solid #ddd;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-box-shadow: 0px 0px 1px 0px #666;
	-webkit-box-shadow: 0px 0px 1px 0px #666;
	box-shadow: 0px 0px 1px 0px #666;
}

.videoTextWrapper
{
	font-family:AvenirLTStd-Medium, Arial;
	float:left; 
	margin-top:2px;
	height:30px;
	line-height:16px;
	width:400px;	
}