html { border:0; color:#666; background-color:#8f9da8; font-size:75%; font-family:Arial, Helvetica, Verdana, Tahoma, Segoe, sans-serif; }
body { margin:0; }
th { text-align:left; }
td,th { padding:0; vertical-align:top; }
button,
img,
iframe,
input,
object { vertical-align:middle }
blockquote {font-family:Georgia, "Times New Roman", Times, serif; font-size:14px;color:#876641; line-height:20px;}
a img { border:0; }
a { color:#06C; text-decoration:none; white-space:nowrap; }
a:visited { color:#06C; }
a:hover { color:#630; text-decoration:underline; }
a:active { color:#630; }
#form .text { width:300px }
#form textarea { height:100px }
/* HOME SPECIFIC */
#body-container { background:#e3ddd1; }
#flash-video,
#flash-video-not-ie { width:528px; height:301px }
#whats-new-image-container { position:relative; qheight:0px; top:16px; left:31px }
.home-whats-new { margin-top:-24px; width:100% }
.home-whats-new td { border:8px solid #f7f5ec; padding:12px; color:#333333; background-color:white }
.home-whats-new h3 { color:#005696; font-style:italic; margin:4px 0px 8px; font-family: Georgia, "Times New Roman", Times, serif; }
.home-whats-new p { line-height:150% }
.home-whats-new a { color:#333333; text-decoration:underline; white-space:normal;}
.home-whats-new a:visited { color:#333333; }
.home-whats-new a:hover { color:#630; text-decoration:underline; white-space:normal;}
.home-whats-new a:active { color:#333333; }
.brown-notice { color:#f0e6e3; background-color:#a17a52 }
.brown-notice .header { height:50px; background-image:url(http://www.mcroskeymattress.com/images/brown-notice-background.png);}
.brown-notice .footer { padding-right:16px; height:50px; background-image:url(http://www.mcroskeymattress.com/images/brown-notice-background.png); background-position:0 100%; text-align:right }
.brown-notice .body { padding:0 38px; height:201px; font-size:130%; line-height:150%; font-family: Georgia, "Times New Roman", Times, serif; }
.brown-notice large { font-size:150% }
.brown-notice a.more { text-transform:uppercase; font-size:70%; color:white; font-family:verdana; font-weight:bold;}
/* INTERIOR SPECIFIC */
h1 { margin:0; color:#7f0505; font-size:130%; font-family: Georgia, "Times New Roman", Times, serif; margin-bottom:10px; }
h2 { margin:0; color:#005696; font-size:115%; margin-bottom:4px; }
h3 { margin:0; font-size:115%; }
h4 { margin:0px 0px 10px 0px; font-size:115%; color:#7f0505;}
p { margin-top:0; line-height:150%; }
#page { margin:0 auto; padding-left:13px; width:913px; background:#e3ddd1 url(http://www.mcroskeymattress.com/images/shadow-left.png) repeat-y }
#page-inner-1 { padding-right:13px; background:url(http://www.mcroskeymattress.com/images/shadow-right.png) 100% repeat-y }
#page-inner-2 { margin:0 8px; border:1px solid white; border-top:0; position:relative; overflow:hidden }
#header { font-size:90%; background-color:#f7f5ec }
#contact-infobar { padding:8px 16px 12px; font-weight:bold; text-transform:uppercase; text-align:right; background-image:url(http://www.mcroskeymattress.com/images/header-background.png) }
#logo { position:absolute; top:-23px; left:36px }
#searchbar { position:relative; z-index:1; height:45px; line-height:45px; background-image:url(http://www.mcroskeymattress.com/images/logo-background.png) }
#searchbar form { text-align:right }
#search-input { padding:2px 16px; color:#bbb; font-style:italic; font-weight:bold; text-align:right }
#search-button { border:0; padding-right:16px; font-weight:bold; font-size:90%; color:#ffffff; background-color:#2b72a8 }
#banner { position:relative; font-size:180%; font-family: Georgia, "Times New Roman", Times, serif; background:#f4f3ea url(../images/banner-1-background.jpg) no-repeat top right }
.banner-blue { color:#005696 }
.banner-red { color:#7f0505 }
#menubar { border-top:1px solid white; border-bottom:1px solid white; padding:8px; text-align:center; background-color:#e3ddd1 }
.menu li:first-child a { border-left:0 }
.menu li:last-child a { border-right:0 }
.menu .current { font-weight:bold }
ul.pulldown-menu,
ul.pulldown-menu li ul { margin:0; padding:0; background-color:#e3ddd1 }
ul.pulldown-menu li ul { padding-top:5px }
ul.pulldown-menu { padding:0; white-space:nowrap }
ul.pulldown-menu li { padding-bottom:0.4em; display:inline; list-style-type:none; position:relative; }
ul.pulldown-menu li a { border-right:2px solid #799eb5; padding:0 8px; color:#0f5f9a !important; display:inline-block }
ul.pulldown-menu li a:hover { color:#a17852 !important; text-decoration:none }
ul.pulldown-menu li:last-child a { border-right:0 }
ul.pulldown-menu li ul li a { border-right:0 } /* ie8 does not support :last-child, so cannot use comma, must duplicate css */
ul.pulldown-menu li ul { display:none; position:absolute; left:0; top:1.5em; min-width:100%; text-align:left }
ul.pulldown-menu li:hover ul { display:block }
ul.pulldown-menu li ul li { padding-bottom:0; display:block }
ul.pulldown-menu li ul li a { border-top:1px solid white; padding-top:0.4em; padding-bottom:0.4em; display:block }
ul.pulldown-menu li ul li a:hover { background-color:#77a2c3; color:#ffffff !important }
ul.pulldown-menu li:last-child ul { left:auto; right:0 }
.linkbar { margin:0; padding:0 }
.linkbar li { padding:0 4px; display:inline; list-style-type:none; white-space:nowrap }
.linkbar a,
.linkbar a:active,
.linkbar a:visited { color:#666666 }
.linkbar li { border-right:1px solid #666666; qdisplay:inline-block; qline-height:auto }
.linkbar li:last-child { border-right:0 }
#body { padding:24px 64px 24px 24px; width:100%; color:#4d5457; background-color:#f7f5ec }
#body a { color:#0F5F9A; text-decoration:underline; white-space:nowrap; }
#body a:visited { color:#0F5F9A;text-decoration:underline;}
#body a:hover { color:#630;}
#body a:active { color:#630;}
.data-table th { padding-left:24px; color:#ffffff; background-color:#babe8a }
.data-table th,
.data-table td { padding:5px 24px }
.data-table td { color:#005696 }
.data-table .even td { background-color:#c5d4e0 }
.data-table .odd td { background-color:#dae4eb }
.data-table2 th { padding-left:24px; color:#ffffff; background-color:#babe8a }
.data-table2 th,
.data-table2 td { padding:5px 24px }
.data-table2 td { color:#333333; }
.data-table2 .even td { background-color:#c5d4e0 }
.data-table2 .odd td { background-color:#dae4eb }
.footnote { margin-left:8px; padding-left:8px; color:#8f9da8 }
.caption { color:#8f9da8; font-size:100%; }
#content { width:100% }
#sidebar { width:220px; background-color:#f7f5ec }
.quote { color:#fff; background-color:#a17a52 }
.quote .header { height:50px; background-image:url(http://www.mcroskeymattress.com/images/brown-notice-background.png); width: 222px;}
.quote .footer { padding-right:16px; height:50px; background-image:url(http://www.mcroskeymattress.com/images/brown-notice-background.png); background-position:0 100%; text-align:right }
.quote .heading { font-size:100%; text-decoration: underline; font-weight: bold; font-family:Arial, Helvetica, Verdana, Tahoma, Segoe, sans-serif; color:#f0e6e3;}
.heading a { color:white; }
.heading a:visited { color:white; }
.quote .body { padding:0 32px; font-size:110%; line-height:170%; font-family: Georgia, "Times New Roman", Times, serif; }
#bottom-shadow { margin:0 auto; width:926px; background:#e3ddd1 url(http://www.mcroskeymattress.com/images/shadow-bottom.png) repeat-x }
#footer { margin:8px auto 0; width:913px; color:white; text-align:center }
#footer .linkbar li { border-color:white }
#footer a { color:white }
.underline { text-decoration:underline }
.img-border { border:#963 solid 1px}
.whatsnewImg { border:#999 solid 1px; float: right; margin: 15px 0px 10px 10px; clear:both;}
.whatsnewImgBig { border:#999 solid 1px; margin: 15px 0px 0px 0px; clear:both;}
.subBullet {
color: #069;
font-style: italic;
}
.promoEnd {
padding:20px;
background-color:#600;
color: #FFF;
text-align:center;
}
.promoEndText {
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 15px;
}