@import "reset.css";
html {
font-size:100%;
}
body {
background:url("../images/bg-body.png") repeat-x fixed left top #E8ECED;
color:#959595;
font-family:Verdana,Helvetica,Arial,sans-serif;
font-size:1em;
line-height:1.125em;
}
p {
font-size:0.75em;
line-height:1.5em;
margin-bottom:10px;
}
a {
color:#90A686;
}
a:hover {
}
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 {
color:#555555;
font-size:1em;
line-height:1.25em;
margin-bottom:10px;
}
h1 span {
display:none;
}
h2 {
color:#555555;
font-size:0.875em;
line-height:1.429em;
margin-bottom:10px;
}
h3 {
color:#959595;
font-size:0.75em;
line-height:1.5em;
}
ol, ul {
}
li {
margin-bottom:10px;
}
abbr, acronym {
border-bottom:1px dotted #AAAAAA;
cursor:help;
}
input, textarea {
color:#888888;
font-family:Verdana,Helvetica,Arial,sans-serif;
font-size:0.75em;
}
#container {
background:none repeat scroll 0 0 #FFFFFF;
margin:0 auto;
width:980px;
}
#header {
margin:0 20px;
position:absolute;
top:0;
width:940px;
}
#logo {
/* JH logo background:url("../images/logo-new.png") no-repeat scroll 0 0 transparent; */
background:url("../images/logo_new.gif") no-repeat scroll 0 0 transparent;
cursor:pointer;
display:block;
float:left;
height:0;
overflow:hidden;
/* JH logo padding-top:120px;
width:350px; */
padding-top:186px;
width:454px;

}
#logo:hover {
}
#banner {
float:right;
margin-top:30px;
text-align:center;
}
#call {
font-size:0.875em;
}
#call strong {
color:#555555;
font-weight:bold;
text-transform:uppercase;
}
#sale-ad {
background:url("../images/banner.gif") no-repeat scroll left top transparent;
display:block;
height:50px;
margin-bottom:10px;
width:460px;
}
#sale-ad span {
display:none;
}
#nav {
background:url("../images/bg-nav.png") repeat-x scroll left top #35262D;
clear:both;
height:30px;
/* JH logo margin:130px 0 10px; */
margin:190px 0 10px;
position:absolute;
top:0;
width:980px;
}
#nav ul {
padding-left:20px;
}
#nav li {
display:inline;
}
#nav li a {
color:#FFFFFF;
display:block;
float:left;
font-size:0.875em;
font-weight:bold;
height:25px;
margin-right:20px;
padding-top:5px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
width:140px;
}
#nav li a.small {
float:right;
font-size:0.75em;
font-weight:normal;
width:60px;
}
#nav li a:hover {
background:url("../images/bg-nav.png") repeat-x scroll 0 -30px #35262D;
text-decoration:underline;
}
#main {
clear:both;
/* JH logo margin:170px 20px 0; */
margin:240px 20px 0;
}
#headline {
float:left;
margin-bottom:10px;
}
#why {
color:#6085A6;
float:left;
width:620px;
}
#why-text {
background:url("../images/bg-topbox.png") repeat-x scroll left top #6085A6;
float:left;
min-height:210px;
padding:10px;
width:280px;
}
#why h4 {
color:#6085A6;
font-size:1.125em;
font-weight:bold;
margin-bottom:10px;
text-transform:uppercase;
}
#why li {
background:url("../images/info.png") no-repeat scroll left center transparent;
font-size:0.75em;
padding-left:25px;
}
#why li.last {
margin:0;
}
#couple {
float:right;
height:230px;
width:300px;
}
#features {
float:left;
margin-left:20px;
width:300px;
}
#features li {
border-bottom:1px dotted #6085A6;
display:block;
float:left;
margin-bottom:10px;
width:300px;
}
#features h4 {
color:#6085A6;
font-size:0.875em;
font-weight:bold;
margin-bottom:0;
text-transform:uppercase;
}
#features p {
font-size:0.675em;
}
#features a {
color:#959595;
}
#features a:hover {
color:#555555;
}
#features li#which {
background:url("../images/bg-which.gif") no-repeat scroll right top transparent;
padding-right:80px;
width:220px;
}
#features li.last, #features p.last {
border:medium none;
margin:0;
}
#breadcrumb p {
font-size:0.625em;
line-height:2em;
}
#breadcrumb a {
color:#959595;
}
#breadcrumb a:hover {
color:#555555;
}
#sidebar {
background:none repeat scroll 0 0 #ECECEC;
float:left;
margin-bottom:20px;
width:300px;
}
#sidebar-simple {
background:none repeat scroll 0 0 #ECECEC;
float:right;
width:300px;
}
.green-bar {
background:url("../images/bg-sideheader.png") no-repeat scroll left top #A4B7BB;
color:#FFFFFF;
cursor:pointer;
font-size:0.75em;
font-weight:bold;
height:22px;
margin:0;
padding-left:10px;
padding-top:3px;
text-transform:uppercase;
}
div.atStart {
}
#accordion h3.toggler {
background-image:url("../images/bg-sideheader.png");
background-position:0 0;
background-repeat:repeat-x;
color:#EBEBEB;
cursor:pointer;
height:18px;
letter-spacing:0.025em;
line-height:1.5em;
margin:0;
padding:3px 10px 4px;
text-transform:uppercase;
}
#accordion ul {
padding:10px 0;
}
#accordion li {
margin:0 10px;
}
#accordion li a {
background:url("../images/bg-sideoff.png") no-repeat scroll left center transparent;
color:#959595;
display:block;
font-size:0.75em;
padding:5px 5px 5px 15px;
text-decoration:none;
}
#accordion li a.last {
border-top:1px dotted #A4B7BB;
}
#accordion li a:hover {
background:url("../images/bg-sideon.png") no-repeat scroll left center #CCCCCC;
color:#555555;
text-decoration:underline;
}
a.button-checkout {
background:url("../images/bt-checkout.png") no-repeat scroll 0 0 #6085A6;
color:#FFFFFF;
display:block;
font-size:0.875em;
font-weight:bold;
height:22px;
margin:10px 0 10px 10px;
padding-top:3px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
width:280px;
}
a.button-checkout:hover {
background-position:0 -25px;
text-decoration:underline;
}
#questions {
border-top:1px dotted #A4B7BB;
padding:10px;
}
#questions h4 {
color:#555555;
font-size:0.875em;
}
#questions ol {
font-size:0.675em;
font-weight:bold;
list-style:decimal outside none;
}
#questions li {
margin-left:20px;
}
#questions a {
color:#959595;
}
#questions a:hover {
color:#555555;
text-decoration:underline;
}
#questions ol p {
color:#959595;
font-size:1em;
}
#guarantee, #manuf, #foam, #fire, #trading {
font-size:1em;
font-weight:normal;
margin-left:-20px;
min-height:70px;
padding-left:70px;
}
#guarantee {
background:url("../images/bg-guarantee.png") no-repeat scroll left top transparent;
}
#manuf {
background:url("../images/bg-manuf.png") no-repeat scroll left top transparent;
}
#foam {
background:url("../images/bg-foam.png") no-repeat scroll left top transparent;
}
#fire {
background:url("../images/bg-fire.png") no-repeat scroll left top transparent;
}
#trading {
background:url("../images/bg-trading.png") no-repeat scroll left top transparent;
}
#section-header {
background:none repeat scroll 0 0 #ECECEC;
margin-bottom:10px;
overflow:auto;
padding:5px;
width:930px;
}
div.header-mattress {
background:url("../images/review.gif") no-repeat scroll left center #FFFFFF;
float:left;
min-height:37px;
padding:5px 5px 5px 180px;
width:445px;
}
div.header-topper {
background:url("../images/deliver.gif") no-repeat scroll left center #FFFFFF;
float:left;
min-height:37px;
padding:5px 5px 5px 55px;
width:570px;
}
#section-header p {
font-size:0.675em;
margin:0;
}
#section-header h3 {
color:#6085A6;
font-size:0.875em;
font-weight:bold;
margin:0 0 0;
text-transform:uppercase;
}
div.header-mattress a, div.header-topper a {
color:#959595;
}
div.header-mattress a:hover, div.header-topper a:hover {
color:#555555;
}
div.grey {
float:right;
width:295px;
}
#section-header a.button-checkout {
margin-bottom:10px;
}
#contents-narrow {
float:right;
margin:0 0 10px 20px;
width:620px;
}
#contents-wide {
float:right;
margin:0 0 10px 20px;
width:940px;
}
#contents-product {
float:left;
margin:0 20px 10px 0;
width:620px;
}
p.clear {
clear:both;
}
.purple-bar {
background:url("../images/bg-pageheader.png") repeat-x scroll left top #90A686;
color:#FFFFFF;
font-size:0.75em;
font-weight:bold;
height:22px;
line-height:1.5em;
margin-bottom:10px;
padding-left:10px;
padding-top:3px;
text-transform:uppercase;
}
div.item-wide {
float:left;
width:940px;
}
div.item {
border-top:1px dotted #90A686;
float:left;
margin:0 0 10px;
padding:10px 0 0;
width:300px;
}
div.right {
margin-left:20px;
}
div.firstrow {
border:medium none;
padding:0;
}
img.sample {
height:150px;
width:300px;
}
div.item h2, div.item h3 {
color:#555555;
font-size:0.875em;
font-weight:bold;
margin-bottom:10px;
text-decoration:none;
}
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 outside none;
margin-bottom:10px;
margin-left:15px;
}
#contents-narrow ul {
margin-bottom:10px;
}
#contents-narrow ul.number {
list-style:decimal outside none;
}
div.item li, #contents-narrow li, #contents-product li {
font-size:0.75em;
line-height:1.5em;
margin-bottom:0;
}
li.red {
color:#9E003A;
font-weight:bold;
}
p.price {
font-size:0.875em;
line-height:1.429em;
text-align:right;
}
p.price span {
text-decoration:line-through;
}
p.price strong {
color:#555555;
font-size:1.286em;
line-height:1.111em;
}
p.price em {
color:#000000;
font-style:normal;
}
a.button-more, a.button-moregrey {
background:url("../images/bt-more.png") no-repeat scroll 0 0 #D79C26;
color:#FFFFFF;
display:block;
float:right;
font-size:0.875em;
font-weight:bold;
height:22px;
margin:0;
padding-left:20px;
padding-top:3px;
text-decoration:none;
text-transform:uppercase;
width:120px;
}
a.button-moregrey {
background:url("../images/bt-moregrey.png") no-repeat scroll 0 0 #CDCDCD;
float:left;
font-weight:normal;
}
a.button-buy {
background:url("../images/bt-buy.png") repeat scroll 0 0 #D79C26;
color:#FFFFFF;
float:right;
font-size:0.875em;
font-weight:bold;
height:22px;
padding-left:20px;
padding-top:3px;
text-decoration:none;
text-transform:uppercase;
width:120px;
}
#contents-product a.button-buy {
float:right;
}
a.button-more:hover, a.button-moregrey:hover, a.button-buy:hover {
background-position:0 -25px;
text-decoration:underline;
}
#footer {
background:none repeat scroll 0 0 #DCF3F9;
clear:both;
color:#555555;
padding:0 0 20px;
text-align:center;
}
#footer p {
font-size:0.625em;
padding:0 20px;
}
#footer p.dark {
color:#959595;
cursor:default;
text-decoration:none;
}
#footer p.dark a, #footer p.dark a:hover {
border-bottom:1px dotted #959595;
color:#959595;
text-decoration:none;
}
#footer a {
color:#555555;
text-decoration:none;
}
#footer a:hover {
text-decoration:underline;
}
#footer #footerbar {
background:url("../images/bg-nav.png") repeat-x scroll left top #35262D;
color:#FFFFFF;
display:block;
font-size:0.75em;
height:18px;
margin:0;
padding:6px 0;
}
#footer #footerbar.extra {
margin-bottom:10px;
}
#footer #footerbar a {
color:#FFFFFF;
text-decoration:none;
}
#footer #footerbar a:hover {
color:#FFFFFF;
text-decoration:underline;
}
#product-intro {
border-bottom:1px dotted #90A686;
float:left;
margin-bottom:10px;
padding-bottom:10px;
width:620px;
}
p.save {
color:#9E003A;
font-size:0.75em;
font-weight:bold;
line-height:1.5em;
text-align:right;
}
#product-details {
border-bottom:1px dotted #90A686;
float:left;
margin-bottom:10px;
padding-bottom:10px;
width:620px;
}
#product-features {
float:left;
margin-right:20px;
width:300px;
}
#product-features ul {
margin-bottom:10px;
}
img.bonus {
float:left;
height:100px;
margin-bottom:10px;
margin-right:20px;
width:100px;
}
img.product {
float:left;
height:300px;
width:300px;
}
#product-spec {
border-bottom:1px dotted #90A686;
float:left;
margin-bottom:10px;
padding-bottom:10px;
width:620px;
}
table {
color:#959595;
font-size:0.75em;
line-height:1.5em;
}
td {
border:1px solid #ECECEC;
padding:5px 10px;
}
th {
background:none repeat scroll 0 0 #F6F6F6;
border:1px solid #ECECEC;
padding:5px 10px;
text-align:left;
}
#product-outro {
float:left;
width:620px;
}
#contents-narrow ul.sitemapmain li {
font-size:14px;
font-weight:bold;
line-height:1.429em;
list-style:none outside none;
margin-bottom:10px;
}
#contents-narrow ul.sitemapmain2 li {
font-size:12px;
font-weight:bold;
line-height:1.5em;
list-style:none outside none;
margin-bottom:10px;
margin-top:10px;
}
#contents-narrow ul.sitemapmain3 li {
font-size:12px;
font-weight:normal;
line-height:1.5em;
list-style:disc outside none;
margin-bottom:0;
margin-top:0;
}