@import url(reset.css);
*{margin: 0;padding: 0;}

body{
	font-size: 62.4%;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background: #fff url(images/main_bg.jpg) repeat-x;
}
a,
a:active,
a:visited,
a:hover,
a:link{
	font: 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #959698;
}
/***********************************
Dark Gray (text) #959698;
Dark Green (links) #959698
Dark Green Border (images) #005464
************************************/
/* @group Base */

#MainContainer{
	width: 760px;
	margin: 0 auto 0 auto;
}
#FlastContainer{
	width: 584px;
	height: 244px;
	float: left;
	background-image: url(images/flash_example.jpg);
}

*html #contentContainer{ /* IE6 height fix*/
	width: 600px;
	w\idth:600px;
}
#contentContainer{
	width:595px;
	float:left;
	min-height:340px;
}

#subNavigation{
	width: 390px;
	height: 156px;
	float: left;
	background-image: url(images/sublinks-img.jpg);
	margin:7px 0 7px 0;
	position: relative;
}
/* IE6 Hack*/
*html #subNavigation{
	width: 390px;
	w\idth:390px;
}

#Footer{
	height: 15px;
	position: relative;
	clear: both;
	padding: 40px 0px;
	font: normal 10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #959698;
}

.errorMessage{
color:#ef1e1e;
}

/* @end */

/* @group Elements*/

#MainContainer h1{
	height: 40px;
	background: url(images/hws_solgan.jpg) no-repeat;
	background-position: -5px 15px;
}

#supportInfo h2{
	font: bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #014351;
	padding-bottom: 2px;
	margin: 0 0 10px 0;
	border-bottom:1px solid #959698;
}

#contentContainer h1{
	font:bold 14px arial;
	color: #005464;
	background: none;
	height: 18px;
	border-bottom: 1px solid #bfbfbb;
}
#contentContainer h2{
	font:bold 14px arial;
	color: #005464;
	background: none;
	height: 18px;
}
#contentContainer h3{
	background: #dae3db;
	text-align: right;
	padding: 5px;
	margin: 5px 10px 0 0;
	font: bold 10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #959698;
}

/* @end */

/* @group Main Navigations */

#MainContainer h1 ul{
	list-style: none;
	margin: 0 25px 0 0;
	padding-top: 15px;
	text-align: right;
}
#MainContainer h1 li{
	display: inline;
	font: normal 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #FFF;
	padding-right: 20px;
}
#MainContainer h1 img{
	display: inline;
	font: normal 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #FFF;
	padding:0 0 2px 0;
}
#MainContainer h1 a,
#MainContainer h1 a:active,
#MainContainer h1 a:hover,
#MainContainer h1 a:visited{
	color: #FFF;
	text-decoration: none;
}
#MainContainer h1 li#last{
	margin: 0;
	padding: 0;
	font-size: 12px;
}
#subLeftNav{
	background: url(images/hws-subnav-img.jpg) no-repeat;
	height: 87px;
	width: 147px;
	margin-top:8px;
	}
#subLeftNav li a{
	display: block;
	height: 24px;
	width: 146px;
	margin-bottom: 8px;
}
/* Top Navigation Links (Home - Bedding - Bath - Accessories) 
----------------------------------------------------------------*/
	#TopNavLinks{
		background: #dae3db;
		margin-top: 20px;
		padding: 5px;
		border-top: 1px solid #959698;
		border-bottom: 1px solid #959698;
		width: 500px;
		color: #005464;
		float: left;
	}
	#TopNavLinks li{
		display: inline;
		font: bold 10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		background-image: url(images/gray-dot.gif);
		background-repeat: no-repeat;
		background-position: 23px 8px;
		padding: 3px 0 3px 10px;	
	}
	#TopNavLinks li#homeLink{
		margin-right: 100px;
		background-image: url(images/gray-dot.gif);
		background-repeat: no-repeat;
		background-position: 23px 8px;
	}
	#TopNavLinks li a,
	#TopNavLinks li a:active,
	#TopNavLinks li a:hover,
	#TopNavLinks li a:visited{
		text-decoration: none;
		color: #005464;
		padding: 0 0 0 20px;
		font: bold 9px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		
	}


/* @end */

.searchBox{
	width: 200px;
	float: left;
	font: normal 15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #005464;
	padding: 7px 0 2px 25px;
	right:0px;
	bottom: 0px;
	vertical-align: top;
	margin-bottom: 10px;
} 

.searchBox input.search {
	bottom: 3px;
	left: 3px;
	width: 160px;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFF;
	padding-left: 3px;
}
/* Left Logo */
#LogoImage{
	width: 148px;
	height: 244px;
	background-image: url(images/hws_logo.jpg);
	float: left;
	margin-right:7px;
}
#leftCol{
	width: 148px;
	height: 244px;
	float: left;
	margin-right:7px;
}
/* Store Support
---------------------------------------------- */
#supportInfo{
	float: left;
	width: 595px;
	font: 11px/17px  Arial, Helvetica, Geneva, sans-serif;
	word-spacing: .5px;
	color: #4e4e4e;
	padding-left: 10px;
}

#supportInfo p{
	padding: 15px 0 15px 0;
}
#priceInfo {
	width: 300px;
	margin: 0 auto;
}
#priceInfo li{
	padding: 1px;
}  
#priceInfo ul.left {
    float: left;
    margin: 0px;
    padding: 10px 40px 0px 50px;
    border: 0px none;
    list-style-type:none;
    display: inline;
  }
  
#priceInfo ul.right {
    margin: 0px;
    padding: 10px 40px 0px 40px;
    border: 0px none; 
    list-style-type: none;
}

/*
Product Detial
-----------------------------------------------------*/
/* View all Items*/
div.itemDetial{
	font: normal 11px/14px Arial, Helvetica, Geneva, sans-serif;
	color: #959698;
	width: 260px;
	float: left;
	padding-right: 10px;
	padding-left: 8px;
}
/* Green Border Img*/
.item li img,
.itemImage img
#similarItems li img{
	border: 1px solid #005464; 
}
#similarItems li img{
width:127px;height:127px;	
}
/* Item Displayed*/

.item li{
	float:left;
	display:block;
	margin: 8px 7px 5px 0;
	text-align: center;
	}

/* Light green border */
#contentContainer .bdrgrn{
	padding: 6px;
	background: #dae3db;
	display: block;
}
#similarItems .bdrgrn{
width:127px;
}
.item p{
	border: 1px solid #959698;
	padding: 2px 2px 0 5px;
	width: 177px;
	height: 30px;
	font: 11px/17px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background: #E0E0E0 url(images/sm_grdnt_bg.jpg) repeat-x;
	color: #959698;
	margin-top: 5px;
}
.item a,
.item a:active,
.item a:visited,
.item a:hover{
	text-decoration: none;
	color: #959698;
	display: block;
}
.itemImage{
	float: left;
	margin-bottom: 45px;
}
.itemImage li{
	list-style: none;
	display: block;
	text-align: center;
}
.itemImage p{
	margin-top: 12px;
	text-align: right;
	
}

/* Swatch items
------------------------------------------------*/
#swatch{
width:296px;height:50px;
}
.swatchImage li{
font: normal 11px/14px Arial, Helvetica, Geneva, sans-serif;
color: #959698;
float:left;
margin:5px 5px 5px 0;
}
.clear{
clear: both;
}
/* You May Also Like items
------------------------------------------------*/
#similarItems{
	clear: both;
	position: relative;
	height: 210px;
	padding: 0;margin: 0;
}
#similarItems ul li{}
#similarItems li{
	display: block;
	list-style: none;
	float: left;
	text-align: center;
	width:127px; margin: 10px 60px 0 0px;
}
#similarItems p{
	padding-top: 8px;
}
#similarItems li#last{margin-right:0;}
/* Back Button */
.back{text-align: right;margin-right: 17px;}
	.back a:link,
	.back a:active,
	.back a:hover,
	.back a:visited{
		color: #005464;
		font-weight: bold;
		text-align: right;
		background-image: url(images/back-arrow.gif);
		background-repeat: no-repeat;
		background-position: 0 2px;
		padding-left: 10px;
		text-decoration: none;
	}
/* Home page */
#HomeCopy{
	width: 342px;
	height: 154px;
	border: 1px solid #005464;
	float: left;
	margin:7px 6px 7px 0;
	background: url(images/home-copy-txt.jpg) no-repeat;
}
#HomeCopy p{
	padding: 40px 10px 0 10px;
	font: 12px/16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #005464;
	word-spacing: 1px;
}
#subNavigation li{float: left;}
#subNavigation li a{
	display: block;
	height: 155px;
	width: 123px;
	float: left;
	margin-right:6px;
	xborder: 1px blue solid;
	padding: 0;
}
*html #subNavigation li a{
	width: 115px;
	w\idth:115px;
}

#Footer p {
	float:right;
	margin-top:-15px;
	margin-right: 15px;
}
#Footer ul{
	float: left;
	padding: 0;
	margin: 0;
}
#Footer li{
	display: inline;
	background-image: url(images/sm-gray-dot.gif);
	background-repeat: no-repeat;
	background-position: 3px 8px;
	padding: 3px 0 3px 0px;	
}
li#last{
	background-image: none;
	padding-left: 0;
}
#Footer li a,
#Footer li a:link,
#Footer li a:active{
	text-decoration: none;
	color: #005464;
	padding: 2px 0 3px 14px;
	font-size: 10px;
}
#Footer li a:hover{
	text-decoration: underline;
	color: #005464;
}
/* Input */

input.btn{
	background: transparent url(images/grn_arw.jpg) no-repeat center;
	height: 22px;
	width: 25px;
	border: none;
}
input.search{
	width: 165px;
	height: 16px;
	margin-bottom: 6px;
	font-size:11px;
	color: #959698;
}
input.prodQtyTxtField{
	margin-top: 5px;
	font: normal 12px Arial, Helvetica, Geneva, sans-serif;
	height: 16px;
	width: 25px;
	border: 2px inset #D2D2D2;
}

/* @group Table Styles */


/* btn
Table Styles  
-------------------------------------------------------------
Cart -- Check Out -- Billing Address -- Shipping -- */

.itemTable input, .itemTable select{
	margin: 2px;
	color: #959698;
	font-size: 11px;
}
.itemTable{
	font: normal 11px/16px arial;
	word-spacing: 1px;
	color: #6F6F6F;
	padding-left: 17px;
}

.itemTable em{
	font-style: italic;
	font-variant: normal;
	font-size: 11px;
}
.itemTable a:link,
.itemTable a:visited,
.itemTable a:active,
.itemTable a:hover{
	text-decoration: underline;
	color: #6f6f70;
}
.itemTable .itemTitle TD, 
.itemTable h6{
	font: bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #014351;
	padding-bottom: 2px;
	margin: 0 0 10px 0;
}
/* Borders Styles */

/* Green text and gray border-bottom */
.itemTable TD.borderBtm { border-bottom: 1px solid #c4c4c5;
font: bold 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; 
color: #014351;
}

/* Gray text and border-bottom*/
.itemTable .gray TD { border-bottom: 1px solid #c4c4c5;
font: bold 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; 
color: #6F6F6F;
}
/* DarkGray text and border-bottom*/
.itemTable .DarkGray TD {border-bottom: 1px solid #c4c4c5;
font: bold 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; 
color: #918F90;
}
/* Product Detial small table */
.border TD{ border-top: 1px solid #c4c4c5;padding: 5px 0 4px 0;}
.borderBtm TD{ border-bottom: 1px solid #c4c4c5;}

/* Search Results border only for images */
.searchResults{
	font: normal 11px/16px arial;
	word-spacing: 1px;
}
.searchResults img {
	border: 1px solid #014351;
	background: #DAE3DB;
	text-align: center;
	height: 90px;
	width: 100px;
}
.searchResults .bdrgrn{ /* Green Border*/
	padding: 5px;
	background: #dae3db;
	display: block;
	height: 92px;
	width: 102px;
}
.chkoutFormTableGrey{
	color: #c4c4c5;
}
/* Buttons */
#btnApplyPromo{
	background: #FFF url(images/sm_grdnt_bg.jpg);
	border: 1px solid #959698;
	color: #959698;
	font: normal 11px Arial, Helvetica, Geneva, sans-serif;
	padding: 4px 6px 4px 6px;
}
.styleBTN{
	background: #FFF url(images/sm_grdnt_bg.jpg);
	border: 1px solid #959698;
	color: #6f6f70;
	font: normal 11px Arial, Helvetica, Geneva, sans-serif;
	padding: 4px 6px 4px 6px;
}
.styleBTN,
#btnApplyPromo{
	cursor: pointer;
} 
span{text-decoration: none;}
.styleBTN a:link, 
.styleBTN a:active, 
.styleBTN a:visited,
.styleBTN a:hover{
	color: #6f6f70;
	font: normal 11px Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
}
/* 
----------------------------------------------
	Applies in Mattress Terms & Conditions 
----------------------------------------------*/
#pgMattressCopy {
	background-color: #fff;
	background-image: none;
	font: normal 70% Arial,Helvetica,sans-serif;
}
div.mattressTerms { 
	margin: 10px 5%; 
	border: 1px solid #b6b6b6; 
	padding: 8px 8px 15px 8px;overflow: hidden;
	background: #fff;
	width: 380px;
}
div.mattressTerms hr {
  background: #eee; 
  color: #eee;
  clear: both; 
  float: none; 
  width: 100%; 
  height: 0.1em;
  margin: .5em 0 .5em 0;
  border: none; 
}

div.mattressTerms span { margin: 10px 0 10px 5px; left: 10px; }
div.mattressTerms h4 { margin: 0; 	color: #014351; font: bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
ul.mattressTerms  { padding: 0 6px 0 17px;}
.mattressTerms li { margin: 0 0 10px 0; list-style: circle; color: #666;}
.mattressTerms .notice { text-align: left; font: normal 11px Arial,Helvetica,sans-serif; }
/* 
 Success, error & notice boxes for messages and errors. 
----------------------------------------------------------*/
.error,
.notice, 
.success    { padding: .5em; margin-bottom: 1em; border: 2px solid #ddd; text-align: left; }
.error      { background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #817134; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #529214; border-color: #C6D880; }
.error a    { color: #D12F19; }
.notice a   { color: #817134; }
.success a  { color: #529214; }
/* @end */
/*--------------------------------------
	-MODE- Under Maintenance -MODE-
---------------------------------------- */
body#pgDefault {  }
#pgDefault .container{ width: 820px;padding: 0; text-align: center; color: #666; margin: 100px auto; overflow: hidden; font-family: arial; }
#pgDefault #LogoImage{ margin: 0; padding: 0; }
#pgDefault #FlastContainer{ background-image: none; margin: 0 10px; padding: 60px 0; width: 640px;}
#pgDefault h1 {font:bold 18px arial;color: #005464; line-height: 24px; border-bottom: 1px solid #bfbfbb; }
#pgDefault p{line-height: 21px; margin: 10px 0; font-size: 12px;}
#pgDefault span	 { font-weight: bold; letter-spacing: 1px;}
#pgDefault a { color: #005464; text-decoration: underline;font-weight: bold;}