/* Hampton Inn */
/* -------- ELements ----------*/
* {margin: 0;padding: 0;}

body {
	font: 10px Frutiger, Arial, Helvetica, sans-serif;
	background: #01437d url(../images/bg.gif) repeat-y center;
	color:#01437d;
}

img {border:0;}
a:link, a:active, a:visited {text-decoration: none; color: #88886a;}
a:hover {text-decoration:none; color:#000000;}


/*
Containers
-------------------------------------------------------------*/

#clear {
	clear: both;
	height: 10px;
}

#container {
	width: 846px;
	margin: 0px auto;
	padding: 10px;
	top: 0;
}

html>body #container{
	width: 846px;
}

#content {
/*	min-height: 526px; */
min-height:270px;
}

*html #content {
/*	height: 526px; */
height: 270px;
}

#container #top {
	width: 846px;
	height: 103px;
}

#container #logo {
	width: 276px;
	height: 48px;
	margin-top: 27px;
	float: left;	
}		

#container #number {
	font: 14px Frutiger, Arial, Helvetica, sans-serif;
	color: #01437d;
	text-align: right;
	float: right;
	margin-top: 70px;
}	
	
#topnav {
	background-color: #5c8727;
	width: 846px;
	height: 25px;
	text-align: right;
}

#topnav ul {
	list-style:none;	
	float: right;
}

#topnav ul li {
	float: left;
	padding-top: 8px;
	margin-right: 20px;
}

#topnav ul li a {
	display: block;
	height: 11px;
}

#topnav ul li a span {
	display:none; /*Hides Text Label*/
}

#topnav ul li#shopcart a {
	background: url(../images/nav/topnav_shoppingcart.gif) no-repeat top;
	width: 72px;	
}

#topnav ul li#shopcart a:hover {
	background: url(../images/nav/topnav_shoppingcart.gif) no-repeat bottom;	
	width: 72px;	
}

#topnav ul li#prodsearch a {
	background: url(../images/nav/topnav_productsearch.gif) no-repeat top;
	width: 79px;
}

#topnav ul li#prodsearch a:hover {
	background: url(../images/nav/topnav_productsearch.gif) no-repeat bottom;
	width: 79px;
}

#topnav ul li#orderstatus a {
	background: url(../images/nav/topnav_orderstatus.gif) no-repeat top;
	width: 69px;
}

#topnav ul li#orderstatus a:hover {
	background: url(../images/nav/topnav_orderstatus.gif) no-repeat bottom;
	width: 69px;
}

#topnav ul li#custsvc a {
	background: url(../images/nav/topnav_customerservice.gif) no-repeat top;
	width: 89px;
}

#topnav ul li#custsvc a:hover {
	background: url(../images/nav/topnav_customerservice.gif) no-repeat bottom;
	width: 89px;
}

#topnav ul li#faqs a {
	background: url(../images/nav/topnav_faqs.gif) no-repeat top;
	width: 32px;
}

#topnav ul li#faqs a:hover {
	background: url(../images/nav/topnav_faqs.gif) no-repeat bottom;
	width: 32px;
}

#topnav ul li#home a {
	background: url(../images/nav/topnav_home.gif) no-repeat top;
	width: 32px;
}

#topnav ul li#home a:hover {
	background: url(../images/nav/topnav_home.gif) no-repeat bottom;
	width: 32px;
}

#container #header {
	padding-top: 6px; width:846px; height:196px;
}
#pgmattress div #header {
	background: url(../images/hdr-mattress.jpg);
}
#pgbedding div #header {
	background: url(../images/hdr-bedding.jpg);
}
#pgbath div #header {
	background: url(../images/hdr-bath.jpg);
}
#pghome div #header {
	background: url(../images/hdr-home.jpg);
}

#homeleft{
 FLOAT: left; MARGIN: 6px 0px 0px 0px; WIDTH: 279px; HEIGHT: 279px;; background-color: #01437d; font: bold 12px Geneva, Arial, Helvetica, sans-serif ; letter-spacing:2px; color:#ffffff;
}
#homeleft #topleft{
 position: absolute; MARGIN:0;  WIDTH: 93px; HEIGHT: 93px
}
#homeleft #topright{
 position: absolute; MARGIN:0 0 0 186px;  WIDTH: 93px; HEIGHT: 93px
}
#homeleft #midcenter{
 position: absolute; MARGIN:93px 0 0 93px;  WIDTH: 93px; HEIGHT: 93px
}
#homeleft #btmleft{
 position: absolute; MARGIN:186px 0 0 0px; WIDTH: 93px; HEIGHT: 93px
}
#homeleft #btmright{
 position: absolute; MARGIN:186px 0 0 186px; WIDTH: 93px; HEIGHT: 93px
}
#homeleft #topcenter{
 position: absolute; MARGIN:0 0 0 93px; WIDTH: 93px; HEIGHT: 93px; text-align:center;
}
#homeleft #midleft{
 position: absolute; MARGIN:93px 0 0 0; WIDTH: 93px; HEIGHT: 93px; text-align:center;
}
#homeleft #midright{
 position: absolute; MARGIN:93px 0 0 186px; WIDTH: 93px; HEIGHT: 93px; text-align:center;
}
#homeleft #btmcenter{
 position: absolute; MARGIN:186px 0 0 93px; WIDTH: 93px; HEIGHT: 93px; text-align:center;
}
#homeleft A:link{
display: block; line-height:93px;width: 93px;height: 93px;color:#ffffff;text-decoration:none;
}
#homeleft A:hover{
display: block; line-height:93px;width: 93px;height: 93px;background-color:#006790;text-decoration:none;
}
#homeleft A:visited{
display: block; line-height:93px;width: 93px;height: 93px;color:#ffffff;text-decoration:none;
}

#homemiddle {
	float: left;
	width: 277px;
	height: 279px;
	margin: 6px 0 0 6px;
	background: url(../images/home_bedduotone.jpg) no-repeat top left;
}

#homeright {
	float: right;
	width: 278px;
	height: 279px;
	margin: 6px 0 0 6px;
	background: url(../images/home-womanreading.jpg) no-repeat top left;
}

#box {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #01437d;
	width: 599px;
	margin: 10px;
	padding: 0;
}

#box #headline {
    BACKGROUND-COLOR: #01437d;
	color:#fff;
	width: 605px;
	padding: 5px;
	margin: 0;
	height:18px;
}

#box #headline h2, #box h2 {
font-size: 14px;
font-weight:bold;
}

#box #headline #head{
	font-size:14px;
	float:left;
	font-weight:bold;
}

#box #headline #help{
float:right
}

#box #main {
	background: #fff;
	padding: 15px;
	margin: 0;
}

#box #headlinedisabled {
	width: 599px;
	height: 26px;	
	padding: 0;
	margin: 0;
}

/* -------> Inner page sub navigation <-----*/

#left {
	float: left;
	width: 211px;
	background-color: #fff;
	margin-top: 6px;
}

#left ul {
	list-style: none;
}

#left ul li {
	float: left;
	padding-bottom: 6px;
	text-align:right;
}

#left ul li a {
	display: block;
	width: 186px;
	height: 51px; 
	border: 0;
	background-color:#01437d;
	font: 14px  Geneva, Arial, Helvetica, sans-serif;
	color:#fff;
	letter-spacing:1px;
	font-weight:bold;
	line-height:51px;
	padding-right:15px;
}

/* -------> Sub navigation On state <-----*/
#left ul li#bed a:hover, #left ul li#bedding a:hover, #left ul li#bath a:hover, #left ul li#home a:hover, #pgmattress #left ul li#bed a, #pgbedding #left ul li#bedding a, #pgbath #left ul li#bath a, #pghome #left ul li#home a{
	background-color: #5c8727;
}




/* -------> Inner page right container <-----*/

#right {
	float: right;
	border: 1px solid #01437d;
	width: 623px;
	min-height: 270px;
	margin-top: 6px;
	padding: 0 10px 10px 0;
	clear: right;
}

*html #right {
	width: 635px;
	height: 210px;	
}

#productrow {
	margin-top: 10px;
}

#productclear {
	clear: both;
	height: 50px;
}

#productwrap {
	float: left;
}

#product {
	border: 1px solid #01437d;
	width: 195px;
	height: 195px;
	margin-left: 10px;
}

#productname {
	border-left: 1px solid #01437d;
	border-right: 1px solid #01437d;
	border-bottom: 1px solid #01437d;
	width: 185px;
	padding: 10px 10px 10px 0;
	margin-left: 10px;
	text-align: right;
	font: 10px Frutiger, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#productname a {
	font: 10px Frutiger, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #01437d;
	text-decoration: none;
}	

#productname a:hover {
	text-decoration: underline;
}

#leftbox {
	width: 335px;
	margin: 10px 0 0 10px;
	padding: 0;	
	float: left;
}

#productlarge {
	border: 1px solid #01437d;
	overflow:hidden;
	width:333px !important;
	height:333px !important;

}


*html #leftbox {
	width: 335px;
	margin-top: 10px;
	padding: 0;	
	float: left;
}

#productdetail {
	float: right;
	width: 268px;
	margin: 10px 0 0 10px;
	padding: 0;
	text-align: left;
}

*html #productdetail {
	width: 250px;
}

#productdetail h1 {
	font: 14px Frutiger, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #01437d;	
	text-transform: lowercase;
	margin-top:10px;
}

#productdetail h2 {
	font: 11px Frutiger, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #01437d;	
}

#productdetail p {
	font: 10px Frutiger, Arial, Helvetica, sans-serif;
	color: #01437d;
	text-align: justify;	
	line-height: 1.4;
	margin-top:10px;
}

#productdetail .prodSelect {
	font-weight: bold;
	margin-top: 10px;	
}

#productdetail #orderinfo {
	float: right;
	margin-top: 10px;
	padding: 0;
	text-align: right;
	clear: both;
}

#productdetail #swatches {
	margin-top: 10px;
	padding: 0;
	float: left;
	width: 268px;
}

#productdetail #swatches img {
	margin: 0 5px 5px 0;
}

#productdetail label {
	font: 11px Frutiger, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #01437d;
}

#productdetail img {
	margin-top: 20px;
}

#search {
	font: 11px Frutiger, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #01437d;	
	margin: 10px 0 0 10px;
	padding: 0;
	text-align: left;	
}

#search td {
	height: 14px;
}

#resultstext {
	font: 11px Frutiger, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #01437d;	
	text-align: left;
	margin: 10px 0 0 10px;
}

input.textbox {
	border: 1px #01437d solid; 
	color: #01437d; 
	font: 10px frutiger, verdana, helvetica,san serif;	
	height: 14px; 
	width: 120px;
	padding: 0;
	margin: 0;
}

input.button {
	border: 1px #01437d solid; 
	color: #01437d; 
	font: 10px frutiger, verdana, helvetica,san serif;	
	height: 14px;
}

/* -------> action buttons <-----*/

#action{
float:left;
}

#action div{
background: #5c8727 url(../images/btn_left.gif) no-repeat left bottom;
height:19px;
margin:0 0 0 3px;
}

#action a{
display: block;
background: url(../images/btn_right.gif) no-repeat right bottom;
font: bold 8pt Arial, Helvetica, sans-serif; 
text-transform:uppercase; 
line-height:19px;
letter-spacing:1px;
text-align:center;
}

#action a, #action a:hover, #action a:visited{
color:#fff;
text-decoration:none;
}

#action #btn_edit {
width:50px;
}

#action #btn_login {
width:60px;
}

#action #btn_send {
width:52px;
}

#action #btn_checkout{
width:96px;
}

#action #btn_updatecart, #action #btn_addtocart, #action #btn_vieworder{
width:106px;
}

#action #btn_applypromo{
width:110px;
}

#action #btn_removepromo{
width:120px;
}

#action #btn_validatepromo{
width:130px;
}

#action #btn_contshop{
width:150px;
}

#action #btn_updateshippingrates{
width:166px;
}

#action #btn_contstep2{
width:154px;
}
#action #btn_deliveryDate{
width:213px;
}

#action #btn_contstep3{
width:154px;
}
#action #btn_search, #action #btn_cancel{
width:80px;
}
#action #btn_EditSearch {width:165px}

#action #btn_go{
width:30px;
}

#pgaction {
float: right;
margin-top:-18px;
}

#npBtns{
margin-left:80px;
}


/* -------> footer <-----*/



#footerContainer {
	padding-top: 50px;
	margin-bottom: 0;
	font: 10px Frutiger, Arial, Helvetica, sans-serif;
	color: #01437d;
	vertical-align: bottom;
}

#footerdivider {
	border-bottom: 1px solid #01437d;
	width: 846px;
	clear: right;
}	

#footerContainer #bottomdesign {
	height: 113px;
	width: 201px;
	background-color: #fff;
	margin-top: -113px;
	position: absolute;
}

*html #footerContainer #bottomdesign {
	height: 113px;
	width: 201px;
	background-color: #fff;
	margin-top: -113px;
	position: absolute;
}
#footerContainer #bottomdesign #cart {
	font-weight: bold;
	color: #01437d;
	margin: 0 0 0 5px;
	position: relative;
}

#footerContainer #bottomdesign #cartitems {
	font-size: 10px;
	font-weight: bold;
	color: #006699;
	line-height: 2;
	width: 150px;
	margin: 20px 0 0 30px;
	position: relative;
}

#footerContainer #bottomdesign #cartitems .left {
	float: left;
}

#footerContainer #bottomdesign #cartitems .right {
	float: right;
	padding-right: 30px;
}

#footerContainer #bottomdesign #cartitems a {
	font-weight: normal;
	color: #01437d;
	margin-left: 20px;
}


#footerContainer #footer_navcontainer a {
	font: 10px Frutiger, Arial, Helvetica, sans-serif;
	color: #01437d;
	text-decoration: none;
}

#footerContainer #footer_navcontainer a:hover {
	text-decoration: underline;
}

#footerContainer #footer_navcontainer #footerleft {
	float: left;
	width: 300px;
	padding: 10px 0 20px 0;	
	line-height: 1.25;
	text-align: left;
}

#footerContainer #footer_navcontainer #footerright {
	float: right;
	width: 200px;
	text-align: right;
	padding: 15px 0 20px 0;	
}

/*
General Information
-------------------------------------------------------------*/

#information {
	margin: 10px 0 0 10px;
	padding: 0;
	text-align: left;	
}

#information h1 {
	font: 17px Frutiger, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #01437d;	
	text-transform: lowercase;
}

#information h2 {
	font: 14px Frutiger, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #01437d;	
	padding-top: 10px;
}

#information p {
	font: 11px Frutiger, Arial, Helvetica, sans-serif;
	color: #01437d;	
	margin-top: 15px;
	padding: 0;
	line-height: 1.25;
}

#information p.question {
	font-weight: bold;
}

#information #copydivider {
	border-bottom: 1px solid #ccc;
	margin: 15px 0 5px 0;
	width: 610px;
}

#information table.shippingcosts {
	border-collapse: collapse;
	width: 300px;
	border: 1px solid #01437d;	
	margin: 30px auto;
	color: #01437d;
}

#information table.shippingcosts th {
	font-weight: bold;
	font-size: 14px;
	padding: 5px;
}

#information table.shippingcosts tr.odd {
	background-color: #d5e7f6;
}

#information table.shippingcosts td {
	padding: 5px;
}

#information a, #information a:visited, #information a:active {
	font: 11px Frutiger, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color: #5c8727;	
}

#information a:hover {
	text-decoration: underline;
	color: #99cc33;	
}

#information a.backtotop,#information  a.backtotop:visited, #information a.backtotop:active {
	font: 11px Frutiger, Arial, Helvetica, sans-serif;
	color: #5c8727;
	text-decoration: underline;
}

#information a.backtotop:hover {
	color: #99cc33;
	text-decoration: underline;
}

ul#information{
	font: 18px Frutiger, Arial, Helvetica, sans-serif;
	list-style-type: circle;
	list-style: inherit;
	vertical-align: text-top;
}

#information li {
	padding: 5px 0 5px 0;
	margin-left: 50px;
		
}

#information ul li a, #information ul li a:visited {
	line-height: 1.25;
	display: block;
	color: #006699;
	text-decoration: none;
	width: 400px;
	margin-left: 4px;
}

#information ul li a:hover {
	text-decoration: underline;
	color: #006699;
}


table.confirmtable {
	padding: 0;
	margin: 10px 0 0 10px;
	width: 616px;
}

table.confirmtable th {
	text-align: left;
	font: 14px Frutiger, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #01437d;
}

table.confirmtable td {
	text-align: left;
	font: 11px Frutiger, Arial, Helvetica, sans-serif;
	color: #01437d;
}

table.confirmtable a {
	font: 11px Frutiger, Arial, Helvetica, sans-serif;
	color: #5c8727;
	text-decoration: underline;
}

table.confirmtable a:hover {
	text-decoration: underline;
	color: #99cc33;	
}
table.summarytable {
	padding: 0;
	margin: 10px 0 0 10px;
	width: 500px;
	float: right;
}

table.summarytable th {
	text-align: left;
	font: 14px Frutiger, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #01437d;
}

table.summarytable td {
	text-align: left;
	font: 11px Frutiger, Arial, Helvetica, sans-serif;
	color: #01437d;
}

table.summarytable td.header {
	text-align: left;
	font: 14px Frutiger, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
	background-color: #01437d;
	padding: 5px 0 2px 3px;
	margin: 0;
}

table.summarytable td.highlight {
	font: 12px Frutiger, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #e71939;
}

/*
Formatting
-------------------------------------------------------------*/

.left {
	float: left;
}

.right {
	float: right;
}

.errorMessage {
	color: #CC0000;
}


/* 
----------------------------------------------
	Applies in Mattress Terms & Conditions 
----------------------------------------------*/
#pgMattressInfo{
	background-color: #01437D;
	background-image: none;
}
#pgMattressCopy {
	background-color: #fff;
	background-image: none;
	 font: normal 11px Arial,Helvetica,sans-serif;
}
div.mattressTerms { 
	margin: 10px 5%; 
	border: 1px solid #b6b6b6; 
	padding: 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 h4 { margin: 0; 	color: #01437d; font: bold 16px Arial,Helvetica,sans-serif;text-transform: lowercase;}
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; }

/*--------------------------------------
	-MODE- Under Maintenance -MODE-
---------------------------------------- */
body#pgDefault { background-image: none; font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }
#pgDefault .container{ background: #fff;width: 600px; border: 1px solid #002443;padding: 20px; text-align: center; color: #01437d; margin: 150px auto;}
#pgDefault .main-logo{  background: url(../images/logo_hhc.gif); height: 41px; width: 195px; margin: 0 auto; }
#pgDefault h1 {color: #5c8727;  padding: 25px 0 10px 0; margin: 0; letter-spacing: 1px;
	font: normal 2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;  }
#pgDefault p{line-height: 21px; margin: 10px 0;  font-size:12px;}
#pgDefault span	 { font-weight: bold; letter-spacing: 1px;}
#pgDefault a { color: #5c8727; text-decoration: underline;}