body {
	margin:4px 0 0 0;
	background-image:url(images/pagebak.gif);
	text-align: center;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-repeat: repeat;
}

#outer {
	/*background-color: #003366;*/
 background-color: #660099;
 background-image: url(images/moonrise.jpg);
 background-repeat: no-repeat;
 background-position: top;
 padding-top: 1px;
 text-align:left;
 width:700px;
 margin: 0 auto 8px auto;
 border: 3px solid #660099;
 }

#maincontent {
 width: 700px;
 margin-top: 8px;	
 background-color: #FFFFFF;
}

.clear {
 line-height: 1px;
 font-size: 1px;
 clear: both; }


.product {
 width: 498px;
 padding: 0 6px 6px 0;
 margin: 4px 0 24px 12px;
 border: 1px solid #E2E2FE;
 clear: left;
}

/***********************************************
         INDEX PAGE COUPON
************************************************/

#holder {
  padding: 4px;
  margin: 0;
  text-align: center; }

.coupon {
  color: #000;
  text-align: center; }
  
.coupon .med {
  font-size: 12px;
  font-weight: bold; }
  
.coupon .lrg {
  font-size: 14px;
  font-weight: bold; }
  
 .coupon a {
  color: #000;
  text-decoration: none; } 
  
 .coupon a:hover {
  color: #000;
  text-decoration: underline; }


/***********************************************
         LEFT MAIN CONTENT AREA STYLES
************************************************/
#leftcontent {
	width: 520px;
	text-align: left;
	padding: 0 0 8px 0;
	margin: 0 15px 0 15px;
}

#leftcontent h1{
	font-size: 16px;
	margin: 10px 0 6px 0;
	padding: 8px 0 4px 0;
}

#leftcontent h2{
	font-size: 12px;
	margin: 2px 0 4px 0;
	padding: 0 0 4px 0;
	color: #333333; }

#leftcontent p {
	font-size: 12px;
	margin: 0 0 8px 12px;
	text-align: left;
	color: #333333; }

#leftcontent ul{
	font-size: 12px;
	margin: 0 0 8px 12px;
	text-align: left;
	color: #333333;
	list-style-position: outside;
}

#leftcontent ul li{
	margin: 4px 0 8px 0;
}

.px11fnt {
  font-size: 11px !important; }

.bedINFO {
 margin: 4px 0 4px 0;
 padding: 6px 2px 6px 6px;
 width: 512px;
 border:1px solid #FFFFFF;
 font-size: 11px !important; }
 
.newbedINFO {
 margin: 0 0 12px 0;
 padding: 6px;
 width: 512px;
 border: 1px solid #306;
 font-size: 11px !important; }

.newbedINFO p {
  font-size: 11px !important; }

.newbedINFO H3  {
 font-size: 14px;
 font-weight: bold;
 color: #306;
 margin: 0 0 8px 0;
 padding: 0 0 4px 0;
 border-bottom: 1px dotted #237EAF;
width: 510px; }


.bedinfoPIC {
 float: left;
 margin: 0 8px 8px 4px;
 padding: 3px;
 width: 216px;
 border: #306 solid 1px; }
 
 
.rgtBEDPIC {
 float: right;
 margin: 6px;
 padding: 2px;
 width: 216px;
 border: #306 solid 1px; }


.bedinfoTEXT, .bedinfoTEXT p {
 font-size: 11px !important;
 float: left;
 margin: 0;
 padding: 0;
 width: 260px; }

H3  {
 font-size: 12px;
 font-weight: bold;
 color: #237EAF;
 margin: 0 0 8px 0;
 padding: 0; }

.PRODtbl {
 font-size: 11px;
 color: #000000;
 line-height: 14px;
 padding: 4px;
 margin: 4px auto 4px auto;
}


.PRODtbl TD {
vertical-align: top;
padding: 2px 4px 2px 4px;
}

.tblHED {
font-weight: bold;
color: #ffffff;
background-color: #003366;
}

/***********************************************
         TOP NAVIGATION
************************************************/

#topNAV {
	font-size: 12px;
	color: #CCCCCC;
	text-align: center;
	margin-top: 133px;
}

#topNAV  ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	} 

#topNAV ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
	}

#topNAV a:link, #topNAV a:visited, #topNAV a:link, #topNAV a:visited
{
	color: #FFFFFF;
	text-decoration: none;
	line-height: 14px;
	vertical-align: middle;
	font-weight: bold;
}

#topNAV a:hover
{
color: #000000;
background-color:#FFFFFF;
text-decoration: none;
}



.clear {
 line-height: 1px;
 font-size: 1px;
 clear: both;
}

.clearleft {
 line-height: 1px;
 font-size: 1px;
 clear: left;
}

.imgLEFT {
float: left;
margin: 0 8px 8px 0;
padding: 6px;
border: 1px solid #0000FF;
}

.img4pad {
 padding: 4px;
}

.dispTABLE {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
margin-left: 12px;
line-height: 18px;
}

.dispTABLE td{
padding-left: 8px;
}


.tableHEAD {
 font-family:Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 color:#FFFFFF;
 background-color:#003366;
}

#typessizes {
	margin-left: 12px;
	padding-left: 12px;
	list-style-type: none;
}


/***********************************************
         RIGHT CONTENT AREA STYLES
************************************************/

#rightcontent {
	float: right;
	width: 120px;
	text-align: left;
	margin: 8px 15px 0 15px;
	padding: 8px 0 0 8px;
	border-left: 1px solid #003366;
    font-size: 10px; }

/*FIX A NASTY IE BUG*/
* html #rightcontent {
	float: right;
	width: 120px;
	text-align: left;
	margin: 0 5px 0 0;
}

#rightcontent ul{
	font-size: 10px;
	margin: 0 0 0 0 ;
	padding: 0;
	list-style-type: none;
}

#rightcontent li{
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #D8D8D8;
  line-height: 17px;
}

#rightcontent li a:link, #rightcontent li a:visited, #rightcontent li a:link, #rightcontent li a:visited {
	color: #999999;
	padding: 0 0 0 4px;
	text-decoration: none;
	line-height: 17px;
	vertical-align: middle;
	display: block;
}

#rightcontent li a:hover {
	color: #FFFFFF;
	background-color: #660099;
	text-decoration: none;
	border: none;
	list-style-type: square;
}


#rightcontent h2 {
	font-size: 12px;
	margin: 2px 0 2px 0;
	padding: 2px 0 2px 0;
	color: #333333;
	border-bottom-color: #CCCCCC;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

#quotes {
 font-size: 12px;
 color: #6600FF;
 font-style:italic;
 width: 100px;
 padding: 4px;
 border: 1px solid #cccc00;
 margin: 12px 0 24px 0;
}


/***********************************************
         BOTTOM CONTENT AREA STYLES
************************************************/

#bottom {
	margin: 8px 0 12px 0;
	padding: 0 0 12px 0;
	background-repeat: no-repeat;
	background-position: center;
	height: 40px;
}

#botDISC {
	font-size: 10px;
	color: #CCCCCC;
	text-align: center;
}

/***********************************************
        CONTACT US FORM
************************************************/

#shareform {
 margin: 0;
 padding: 0;
 font-size: 12px;
 width: 450px;
}

#shareform p {
 margin-left: 0;
 padding-left: 0
}

#spDATA input, text, textarea {
 width: 250px;
 margin: 0 0 6px 0;
 background-color:#ECFFFF;
 border: 1px solid #666666;
}

label span{
 display: block;
 width: 70px;
 float: left;
 margin-top: 5px;
 clear:left;
}

/***********************************************
        PAGE HEADS
************************************************/

h1 span {
position: absolute;
left: -999px;
width: 500px;
}

#comfortwarranty { 
 background:transparent url("heds/hed-comfortwarranty.gif") no-repeat top left;
 height: 48px; }

#why { 
 background:transparent url("heds/why-trust.gif") no-repeat top left;
 height: 48px; }

#about{ 
	background:transparent url("heds/hed-about.gif") no-repeat top left;
	height: 48px;
}

#savings{ 
	background:transparent url("heds/hed-savings.gif") no-repeat top left;
	height: 48px;
}

#body{ 
	background:transparent url("heds/hed-body-impressions.gif") no-repeat top left;
	height: 48px;
}

#bettersleep{ 
	background:transparent url("heds/hed-better-sleep.gif") no-repeat top left;
	height: 48px;
}

#commercials{ 
	background:transparent url("heds/commercials.gif") no-repeat top left;
	height: 48px;
}

#contact{ 
	background:transparent url("heds/hed-contact.gif") no-repeat top left;
	height: 48px;
}

#expert{ 
	background:transparent url("heds/hed-expert.gif") no-repeat top left;
	height: 48px;
}

#upholstery{ 
	background:transparent url("heds/upholstery.gif") no-repeat top left;
	height: 48px; }

#types{ 
	background:transparent url("heds/hed-types.gif") no-repeat top left;
	height: 48px;
}

#finding{ 
	background:transparent url("heds/hed-finding.gif") no-repeat top left;
	height: 48px;
}

#custom{ 
	background:transparent url("heds/hed-custom.gif") no-repeat top left;
	height: 48px;
}

#adjustable{ 
	background:transparent url("heds/hed-adjustable.gif") no-repeat top left;
	height: 48px;
}

#air{ 
	background:transparent url("heds/hed-air.gif") no-repeat top left;
	height: 48px;
}

#latex{ 
	background:transparent url("heds/hed-latex.gif") no-repeat top left;
	height: 48px;
}

#health{ 
	background:transparent url("heds/hed-health.gif") no-repeat top left;
	height: 48px;
}

#products{ 
	background:transparent url("heds/hed-products.gif") no-repeat top left;
	height: 48px;
}

#optima{ 
	background:transparent url("heds/hed-optima.gif") no-repeat top left;
	height: 48px;
}

#tips{ 
	background:transparent url("heds/hed-tips.gif") no-repeat top left;
	height: 48px;
}

/*ask an expert form*/

#askEXPRET{
	font-size: 12px;
	margin: 0 0 8px 12px;
	text-align: left;
	color: #333333;  }
	
#askEXPRET label{	
 font-weight: bold;
 display: block;
 margin: 2px 0 8px 0;
 padding: 1px; }
 
#askEXPRET #areaINPUT {
 height: 35px;
 width: 450px;
 border: 1px solid #666666;
 background-color: #D5EAFF;
 font-size: 12px; }
 
#askEXPRET #ansINPUT {
 height: 120px;
 width: 450px;
 border: 1px solid #666666;
 background-color: #D5EAFF;
 font-size: 12px; }
 
 #askEXPRET #emailINPUT {
 width: 450px;
 border: 1px solid #666666;
 background-color: #D5EAFF;
 font-size: 12px; }
 
.clearLEFT {
 line-height: 1px;
 font-size: 1px;
 clear: left; } 
 
.redbold {
 color: #C00 !important;
 font-weight: bold; }