@import "reset.css";

html{
	font-size:100%;
}

body{
	font-family:Verdana,Helvetica,Arial,sans-serif;
	font-size:1em;
	line-height:1.125em;/* 18px */
	color:#959595;
	background:#e8eced url(../images/bg-body.png) repeat-x top left fixed;
}

/*===== TEXT =====*/

p{
	font-size:0.75em;/*12*/
	line-height:1.5em;/*18*/
	margin-bottom:10px;
	text-align:;
	color:#;
}

a{
	color:#90a686;
}

a:hover{
	/*text-decoration:none;*/
}

h1,h2,h3,h4,#nav li a,.purple-bar,.price,.button-more,.button-buy,.button-checkout{
	font-family:"Century Gothic","Apple Gothic",sans-serif;
	letter-spacing:0.025em;
}

h1{
	font-size:1em;
	line-height:1.25em;
	margin-bottom:10px;
	color:#555;
}

h1 span{
	display:none;
}

h2{
	font-size:0.875em;
	line-height:1.429em;
	margin-bottom:10px;
	color:#555;
}

h3{
	font-size:0.75em;
	line-height:1.5em;
	/*margin-bottom:10px;*/
	color:#959595;
}

ol,ul{

}

li{
	/*font-size:0.75em;*/
	margin-bottom:10px;
}

abbr, acronym{
	border-bottom:1px dotted #AAA;
	cursor: help;
}

input, textarea {
	font-family:Verdana,Helvetica,Arial,sans-serif;
	font-size:0.75em;
	color:#888;
}

/*===== SECTIONS =====*/

#container{
	width:980px;
	margin:0px auto;
	background:#FFF;
}

/*========== HEADER ==========*/

#header{
	margin:0px 20px;
	top:0px;	
	position:absolute;
	width:940px;
}

	#logo{
		width:350px;
		height:0px;
		padding-top:120px;
		display:block;
		float:left;
		background:url(../images/logo.png);
		cursor:pointer;
		overflow:hidden;
	}
			
		#logo:hover{
		}
	
	#banner{
		float:right;
		text-align:center;
		margin-top:30px;
	}
	
	#call{
		font-size:0.875em;
	}
	
		#call strong{
			font-weight:bold;
			text-transform:uppercase;
			color:#555;
		}
	
	#sale-ad{
		display:block;
		height:50px;
		width:460px;
		margin-bottom:10px;
		background:url(../images/banner.gif) no-repeat top left;
	}
	
		#sale-ad span{
			display:none;
		}

/*========== NAVBAR ==========*/

#nav{
	clear:both;
	background:#35262d url(../images/bg-nav.png) repeat-x top left;
	height:30px;
	position:absolute;
	width:980px;
	top:0px;
	margin:130px 0px 10px;
}

	#nav ul{
		padding-left:20px;
		/*margin:2px 0px;*/
	}
	
		#nav li{
			display:inline;
		}
		
			#nav li a{
				width:140px;
				height:25px;
				padding-top:5px;
				display:block;
				float:left;
				margin-right:20px;
				font-size:0.875em;
				font-weight:bold;
				text-transform:uppercase;
				text-align:center;
				text-decoration:none;
				color:#FFF;
			}
			
			#nav li a.small{
				width:60px;
				font-size:0.75em;
				font-weight:normal;
				float:right;
			}
			
			#nav li a:hover{
				background:#35262d url(../images/bg-nav.png) repeat-x 0px -30px;
				text-decoration:underline;
			}

/*========== MAIN ==========*/

#main{
	clear:both;
	margin:170px 20px 0px;
}

/*========== HEADLINE ==========*/

#headline{
	/*margin:0 20px;*/
	float:left;
	margin-bottom:10px;
	
	/*margin-top:140px;*/
}

#why{
	float:left;
	width:620px;
	color:#FFF;
}

	#why-text{
		float:left;
		width:290px;
		padding:10px;
		background:#6085a6 url(../images/bg-topbox.png) repeat-x top left;
		min-height:210px;
	}
	
	#why h4{
		font-size:1.125em;
		font-weight:bold;
		text-transform:uppercase;
		margin-bottom:10px;
		color:#FFF;
	}
	
	#why li{
		font-size:0.75em;
		background:url(../images/info.png) no-repeat left;
		padding-left:25px;
	}
	
	#why li.last{
		margin:0;
	}

#couple{
	float:right;
	width:310px;
	height:230px;
}

#features{
	/*border:5px solid #ECECEC;*/
	float:left;
	/*width:280px;*/
	width:300px;
	margin-left:20px;
	/*padding:5px;*/
	/*min-height:210px;*/
}

	#features li{
		border-bottom:1px dotted #6085a6;
		margin-bottom:10px;
		float:left;
		display:block;
		width:300px;
	}
	
		#features h4{
			font-size:0.875em;
			text-transform:uppercase;
			font-weight:bold;
			color:#6085a6;
			margin-bottom:0px;
		}
		
		#features p{
			font-size:0.675em;
		}
		
		#features a{
			color:#959595;
		}
		
		#features a:hover{
			color:#555;
		}

		#features li#which{
			background:url(../images/bg-which.gif) no-repeat top right;
			width:220px;
			padding-right:80px;
		}
		
		#features li.last, #features p.last{
			border:none;
			margin:0;
		}
		
/*========== BREADCRUMB ==========*/

#breadcrumb p{
	font-size:0.625em;
	line-height:2em;
}

#breadcrumb a{
	color:#959595;
}

#breadcrumb a:hover{
	color:#555;
}

/*========== SIDEBAR ==========*/

#sidebar{
	float:left;
	/*margin:0px 0px 0px 20px;*/
	background:#ECECEC;
	width:300px;
	margin-bottom:20px;
}

#sidebar-simple{
	float:right;
	/*margin:0px 0px 0px 20px;*/
	background:#ECECEC;
	width:300px;
}

.green-bar{
	/*background:#777968 url(../images/bg-greenbar.gif) repeat-x top left;*/
	background:#a4b7bb url(../images/bg-sideheader.png) no-repeat top left;
	height:22px;
	padding-top:3px;
	font-size:0.75em;
	color:#FFF;
	font-weight:bold;
	padding-left:10px;
	cursor:pointer;
	text-transform:uppercase;
	margin:0px;
}

/*----- ACCORDION -----*/

div.atStart{
}

#accordion h3.toggler{
	height:18px;
	cursor: pointer;
	line-height: 1.5em;
	text-transform:uppercase;
	letter-spacing:0.025em;
	background-image:url(../images/bg-sideheader.png);
	background-repeat:repeat-x;
	background-position:0px 0px;
	color: #EBEBEB;
	margin: 0px;
	padding: 3px 10px 4px;
}

#accordion ul{
	padding:10px 0px;
}

	#accordion li{
		margin:0px 10px;
	}
	
		#accordion li a{
			padding:5px 5px 5px 15px;
			display:block;
			margin:none;
			/*border-bottom:1px dotted #959595;*/
			color:#959595;
			font-size:0.75em;
			text-decoration:none;
			background:url(../images/bg-sideoff.png) no-repeat left;
		}
		
		#accordion li a.last{
			border-top:1px dotted #a4b7bb;
		}
		
		#accordion li a:hover{
			/*background:#F6F6F6 url(../images/bg-sideon.png) no-repeat left;*/
			background:#cccccc url(../images/bg-sideon.png) no-repeat left;
			color:#555555;
			text-decoration:underline;	
		}

a.button-checkout{
	display:block;
	background:#6085a6 url(../images/bt-checkout.png) no-repeat 0px 0px;
	width:280px;
	height:22px;
	padding-top:3px;
	font-size:0.875em;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
	text-transform:uppercase;
	margin:10px 0 10px 10px;	
	text-align:center;
}

a.button-checkout:hover{
	background-position:0px -25px;
	text-decoration:underline;	
}

#questions{
	padding:10px;
	border-top:1px dotted #a4b7bb;
	/*margin:10px 0px 0px;*/
}

	#questions h4{
		font-size:0.875em;
		color:#555;
	}
	
	#questions ol{
		list-style:decimal;
		font-size:0.675em;
		font-weight:bold;
	}
	
		#questions li{
			margin-left:20px;
		}
	
	#questions a{
		color:#959595;
	}
		
	#questions a:hover{
		color:#555;
		text-decoration:underline;
	}
	
		#questions ol p{
			font-size:1em;
			color:#959595;
		}
	
		#guarantee, #manuf , #foam, #fire, #trading{
			font-size:1em;
			margin-left:-20px;
			padding-left:70px;
			min-height:70px;
			font-weight:normal;
		}

/*----- QUESTION BGS -----*/

#guarantee{
	background:url(../images/bg-guarantee.png) no-repeat top left;
}

#manuf{
	background:url(../images/bg-manuf.png) no-repeat top left;
}

#foam{
	background:url(../images/bg-foam.png) no-repeat top left;
}

#fire{
	background:url(../images/bg-fire.png) no-repeat top left;
}

#trading{
	background:url(../images/bg-trading.png) no-repeat top left;
}

/*========== SECTION HEADER ==========*/

#section-header{
	width:930px;
	overflow:auto;
	margin-bottom:10px;
	background:#ECECEC;
	padding:5px;
}

	div.header-mattress{
		float:left;
		/*width:625px;*/
		width:445px;
		min-height:37px;
		padding:5px;
		background:#FFF url(../images/review.gif) no-repeat left;
		padding-left:180px;
	}
	
	div.header-topper{
		float:left;
		/*width:625px;*/
		width:570px;
		min-height:37px;
		padding:5px;
		background:#FFF url(../images/deliver.gif) no-repeat left;
		padding-left:55px
	}

		#section-header p{
			margin:0;
			font-size:0.675em;
		}
		
		#section-header h3{
			margin:0;
			font-size:0.875em;
			text-transform:uppercase;
			font-weight:bold;
			color:#6085a6;
			margin-bottom:0px;
		}
		
		div.header-mattress a, div.header-topper a{
			color:#959595;
		}
		
		div.header-mattress a:hover, div.header-topper a:hover{
			color:#555;
		}
		
		div.grey{
			float:right;
			width:295px;
		}
		
		#section-header a.button-checkout{
			margin-bottom:10px;
		}

/*========== CONTENTS ==========*/

#contents-narrow{
	float:right;
	width:620px;
	margin:0px 0px 10px 20px;
}

#contents-wide{
	float:right;
	width:940px;
	margin:0px 0px 10px 20px;
}

#contents-product{
	float:left;
	width:620px;
	margin:0px 20px 10px 0px;
}

p.clear{
	clear:both;
}

/*
#contents-narrow h2, #contents-wide h2, #contents-product h2{
	margin-bottom:10px;
}
*/

.purple-bar{
	background:#90a686 url(../images/bg-pageheader.png) repeat-x top left;
	height:22px;
	padding-top:3px;
	padding-left:10px;
	margin-bottom:10px;	
	font-size:0.75em;
	line-height:1.5em;
	color:#FFF;
	font-weight:bold;
	text-transform:uppercase;
}

/*----- ITEM BOXES -----*/

div.item-wide{
	float:left;
	width:940px;
	/*margin-bottom:10px;*/
}

div.item{
	width:300px;
	float:left;
	border-top:1px dotted #90a686;
	/*margin:0 0 10px 0;
	padding:0 0 10px 0;*/
	margin:0 0 10px 0;
	padding:10px 0 0 0;	
}

div.right{
	margin-left:20px;
}

div.firstrow{
	border:none;
	padding:0px;
}

	img.sample{
		/*display:block;*/
		width:300px;
		height:150px;
		/*margin:0 0 10px;*/
	}
	
	div.item h2, div.item h3{
		font-size:0.875em;
		font-weight:bold;
		color:#555;
		text-decoration:none;
		margin-bottom:10px;
	}
	
		div.item a:hover h2, div.item a:hover h3{
			text-decoration:underline;
		}
	
	div.item ul, #contents-narrow ul, #contents-product ul{
		list-style:square;
		margin-left:15px;
		margin-bottom:10px;
	}
	
	#contents-narrow ul{
		margin-bottom:10px;
	}
	
	#contents-narrow ul.number{
		list-style:decimal;
	}
	
		div.item li, #contents-narrow li, #contents-product li{
			font-size:0.75em;
			line-height:1.5em;
			margin-bottom:0px;
		}
		
		li.red{
			color:#9E003A;
			font-weight:bold;
		}
		
		/*li strong{
			color:#555;
		}*/
	
	p.price{
		font-size:0.875em;/*14*/
		line-height:1.429em;/*20*/
		text-align:right;
	}
	
		p.price span{
			text-decoration:line-through;
		}
		
		p.price strong{
			font-size:1.286em;/*18*/
			line-height:1.111em;/*20*/
			color:#555555;
		}
		
		p.price em{
			color:#000000;
			font-style:normal;
		}
	
	a.button-more, a.button-moregrey{
		background:#d79c26 url(../images/bt-more.png) no-repeat;
		display:block;
		width:120px;
		height:22px;
		padding-top:3px;
		float:right;	
		font-size:0.875em;
		color:#FFF;
		text-decoration:none;
		text-transform:uppercase;
		text-align:;
		padding-left:20px;
		margin:0px;
		font-weight:bold;
	}
	
	a.button-moregrey{
		background:#cdcdcd url(../images/bt-moregrey.png) no-repeat;
		font-weight:normal;
		float:left;
	}
	
	a.button-buy{
		background:#d79c26 url(../images/bt-buy.png);
		width:120px;
		height:22px;
		padding-top:3px;
		float:right;	
		font-size:0.875em;
		font-weight:bold;
		color:#FFF;
		text-decoration:none;
		text-transform:uppercase;
		padding-left:20px;
	}
	
		#contents-product a.button-buy{
			float:right;	
		}
		
		a.button-more:hover,a.button-moregrey:hover,a.button-buy:hover{
			background-position:0px -25px;
			text-decoration:underline;
		}
		
		/*a.button-buy:hover, #contents-product a.button-buy:hover{
			background-position:0px 25px;
		}*/

/*========== FOOTER ==========*/

#footer{
	clear:both;
	background:#cccccc;
	padding:0px 0px 20px;
	color:#555;
	text-align:center;
}

	#footer p{
		padding:0px 20px;
		font-size:0.625em;
	}

		#footer p.dark{ 
			color:#959595;
			text-decoration:none;
			cursor:default;
		}
			#footer p.dark a, #footer p.dark a:hover{
				color:#959595;
				border-bottom:1px dotted #959595;
				text-decoration:none;
			}
	
	#footer a{
		color:#555;
		text-decoration:none;
	}
	
		#footer a:hover{
			text-decoration:underline;
		}
	
	#footer #footerbar{
		background:#35262d url(../images/bg-nav.png) repeat-x top left;
		display:block;
		height:18px;
		color:#ffffff;
		padding:6px 0px;
		font-size:0.75em;
		margin:0px;
	}
	
		#footer #footerbar.extra{
			margin-bottom:10px;
		}	
	
		#footer #footerbar a{
			color:#ffffff;
			text-decoration:none;
		}
		
		#footer #footerbar a:hover{
			color:#ffffff;
			text-decoration:underline;
		}	
		
/*========== PRODUCT STYLE ==========*/

#product-intro{
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px dotted #90a686;
	float:left;
	width:620px;
}

p.save{
	font-size:0.75em;
	line-height:1.5em;
	color:#9E003A;
	text-align:right;
	font-weight:bold;
}

#product-details{
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px dotted #90a686;
	float:left;
	width:620px;
}

#product-features{
	float:left;
	width:300px;
	margin-right:20px;
}

	#product-features ul{
		margin-bottom:10px;
	}
	
img.bonus{
	width:100px;
	height:100px;
	float:left;
	margin-right:20px;
	margin-bottom:10px;
}

img.product{
	float:left;
	width:300px;
	height:300px;
}

#product-spec{
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px dotted #90a686;		
	float:left;
	width:620px;
}

table{
	color:#959595;
	font-size:0.75em;
	line-height:1.5em;
}

	td{
		padding:5px 10px;
		border:1px solid #ECECEC;
	}
	
	th{
		background:#F6F6F6;
		text-align:left;
		padding:5px 10px;
		border:1px solid #ECECEC;
	}

#product-outro{
	float:left;
	width:620px;
}

#contents-narrow ul.sitemapmain li{
	font-size:14px;
	line-height:1.429em;
	margin-bottom:10px;
	font-weight:bold;
	list-style:none;
}

#contents-narrow ul.sitemapmain2 li{
	font-size:12px;
	line-height:1.5em;
	margin-top:10px;	
	margin-bottom:10px;
	font-weight:bold;
	list-style:none;
}

#contents-narrow ul.sitemapmain3 li{
	font-size:12px;/*12*/
	line-height:1.5em;/*18*/
	margin-top:0px;	
	margin-bottom:0px;
	font-weight:normal;
	list-style:disc;
}