@charset "UTF-8";
/* Style declarations for David's Furniture */
/* Author: Excelsior Marketing */

/* -- [ imports ] -- */

@import url("clearfix.css");

/* -- [ /imports ] -- */

/* -- [ TOC ] -- */
/*

global elements: =global
header: =header
main site area: =main
footer: =footer
home: =home

*/
/* -- [ /TOC ] -- */

/* -- [ =global ] -- */

body  { 
margin: 0;
padding: 0;
background: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
background: #c6a563;
}

body a, 
body a:visited,
body a:hover {
color: #9a0027;
text-decoration: underline;
}

h1 {
margin: 0 0 5px 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 22px;
font-weight: normal;
color: #550715;
}

h2 {
margin: 0 0 3px 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: normal;
color: #550715;
}

h3 {
margin: 0 0 3px 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 22px;
font-weight: bold;
color: #550715;
}

h4 {
margin: 0 0 3px 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
line-height: 19px;
font-weight: bold;
color: #000;
}

p {
margin: 0;
padding: 0;
line-height: 18px;
}

#all-wrap {
width: 100%;
margin: 0;
padding: 0;
}

/* -- [ /global ] -- */


/* -- [ =header ] -- */

#top-wrap {
width: 100%;
display: block;
margin: 0;
padding: 0;
}

#top {
width: 780px;
margin: 0;
padding: 0;
background: url(../img/top-left-bg.gif) #c6a563 top left repeat-y;
}

#top-left {
float: left;
display: inline;
width: 230px;	
margin: 0;
padding: 5px 15px 10px 15px;
}

#top-left p {
margin: 0 0 10px 0;
}

#top-left img {
display: block;
margin: 0 auto 0 auto;
padding: 0;
border: 0;
}

#ekornes-flash {
position: absolute;
top: 0;
left: 0;
}

#top-right {
position: relative;
float: right;
display: inline;
width: 520px;
margin: 0;
padding: 0;
text-align: left;
}

#top-right-int {
width: 490px;
margin: 15px 15px 0 15px;
padding: 0;
}

#top-right-int p {
margin: 0 0 15px 0;
}

#top-right-int div.img-float {
clear: left;
float: left;
display: inline;
margin: 3px 10px 15px 0;
padding: 0;
}

#top-right-int div.img-float img {
display: block !important;
border: 0;
margin: 0 0 15px 0;
}

#top-right-int div.img-float img.img-caption {
display: block;
border: 0;
margin: 0 !important;
}

#top-right-int div.img-float p.caption {
display: block;
width: 180px;
font-size: 11px;
line-height: 13px;
color: #550715;
margin: 3px 0 0 0;
padding: 0;
}

#logo {
margin: 10px 0 10px 0;
padding: 0;
}

#logo img {
display: block;
margin: 0 auto 0 auto;
padding: 0;
border: 0;
}

/* temp logo 080401 */

#logo-temp {
margin: 10px 0 10px 0;
padding: 0;
}

#logo-temp img {
display: block;
margin: 0 auto 0 auto;
padding: 0;
border: 0;
}

.beautiful-homes {
display: block;
margin: 0 0 10px 0 !important;
}

/* -- /temp logo -- */


/* -- [ /header ] -- */

/* -- [ =nav ] -- */

#nav-wrap {
width: 100%;
display: block;
height: 31px;
margin: 0;
padding: 0;
background: #550715;
border-top: solid 1px #c6a563;
border-bottom: solid 1px #c6a563;
}

#nav {
width: 780px;
margin: 0;
padding: 0;
}

#major-nav {
display: block;
margin: 0;
padding: 0;
height: 31px;
}

#major-nav ul {
margin: 0;
padding: 0;
list-style: none;
}

#major-nav ul li {
float: left;
display: inline;
margin: 0 10px 0 10px;
padding: 0;
list-style: none;
}

#major-nav ul li.nav-last {
margin: 0 !important;
}

#major-nav ul li a,
#major-nav ul li a:visited {
color: #fff;
line-height: 31px;
text-decoration: none;
}

#major-nav ul li a:hover {
color: #c6a563;
}

/* -- [ =/nav ] -- */

/* -- [ =center ] -- */

#center-wrap {
width: 100%;
margin: 0;
padding: 0;
background: #550715;
}
	
#center {
width: 780px;
margin: 0;
padding: 0 0 20px 0;
color: #fff;
}

#center a,
#center a:visited,
#center a:hover {
color: #c6a563;
}

#center-left {
float: left;
display: inline;
width: 410px;
margin: 10px 0 0 15px;
padding: 0;
}

#center-left h3,
#center-right h3 {
color: #fff;
}

#center-left p {
color: #fff;
margin: 0 0 20px 0;
}

#center-right {
float: left;
display: inline;
width: 320px;
margin: 10px 0 0 20px;
padding: 0;
}

#center-right ul {
width: 320px;
margin: 0 0 0 10px;
padding: 0;
list-style: none;
}

#center-right ul li {
float: left;
display: inline;
width: 290px;
line-height: 18px;
margin: 0;
padding: 0 0 0 12px;
background: url(../img/li-bullet.png) top left no-repeat;
list-style: none;
}

#center-right img {
border: 0;
}

#center-right img.ekornes-link,
#center-right img.stickley-link {
margin: 0 0 15px 0;
}

#center-wide {
float: left;
display: inline;
width: 730px;
margin: 10px 0 0 15px;
padding: 0;
}

/* -- [ /center ] -- */

/* -- [ =footer ] -- */

#footer-wrap {
width: 100%;
margin: 0;
padding: 0;
}

#footer {
width: 780px;
margin: 0;
padding: 0;
font-size: 12px;
}

#footer p {
line-height: 16px;
}

#footer p a,
#footer p a:hover,
#footer p a:visited {
color: #550715;
}

#footer h3 {
color: #000 !important;
}

#footer-left {
float: left;
display: inline;
margin: 10px 0 0 15px;
padding: 0;
}

.addr-each {
float: left;
display: inline;
margin: 0 7px 0 0;
padding: 0 10px 5px 0;
border-right: solid 1px #a48649;
}

.addr-each p.loc {
font-weight: bold;
color: #550715;
}

#footer-right {
float: right;
display: inline;
width: 250px;
margin: 10px 0px 0 0;
padding: 0;
text-align: right;
}

p.copy {
padding: 0 0 5px 0;
border-bottom: solid 1px #a48649;
}


/* -- [ /footer ] -- */



/* -- [ contact ] -- */

p.contact-intro {
float: left;
display: inline;
width: 350px;
margin: 0;
padding: 0;
}

#contact-wrap {
clear: left;
float: left;
display: inline;
width: 480px;
margin: 0;
padding: 0;
}

.contact-right {
float: right;
clear: left;
width: 240px;
margin: 0;
padding: 0;
}

.contact-right h2,
.contact-left h2 {
width: 240px;
margin: 0 0 10px 0;
padding: 0 0 1px 0;
border-bottom: solid 1px #550715;
}

.loc-each {
float: left;
display: inline;
width: 240px;
margin: 0 0 10px 0;
padding: 0 0 10px 0;
border-bottom: solid 1px #987e4a;
}

.loc-each img {
float: left;
display: inline;
margin: 10px 0 0 0;
border: 0;
}

.loc-last {
border: none !important;
}

.loc-each p {
display: block;
margin: 0 !important;
padding: 0;
}

.loc-each p.loc {
font-weight: bold;
color: #550715;
}

.loc-hours {
width: 240px;
margin: 0;
padding: 0;
}

.loc-hours p.day {
float: left;
display: inline;
width: 130px;
margin: 0;
padding: 0;
font-weight: bold;
}

.loc-hours p.hours {
float: left;
display: inline;
width: 110px;
margin: 0;
padding: 0;
}

.contact-left {
float: left;
display: inline;
width: 240px;
margin: 0;
padding: 0;
}

form {
margin: 0;
padding: 0;
}

form label {
display: block;
margin: 0 0 3px 0;
padding: 0;
font-weight: bold;
color: #550715;
}

form input.txtinput {
margin: 0 0 7px 0;
padding: 2px;
border: solid 1px #ccc;
width: 200px;
}

form textarea {
margin: 0 0 7px 0;
padding: 2px;
border: solid 1px #ccc;
}

form div.optin {
display: block;
width: 200px;
margin: 0; 
padding: 0;
}

form div.optin input {
float: left;
display: inline;
height: 12px;
width: 12px;
border: solid 1px #ccc;
margin: 0 7px 0 0;
padding: 0;
}

form div.optin p {
float: left;
display: inline;
width: 181px;
margin: 0;
padding: 0;
}

form input.submit {
float: right;
display: inline;
margin: 0 30px 0 0;
padding: 0;
}

form p.req {
clear: right;
float: left;
display: inline;
margin: 30px 0 0 0;
padding: 0;
font-weight: bold;
}

form p.req span {
color: #550715;
}


/* -- [ /contact ] -- */


/* -- [ faq ] -- */

p.faq-q {
margin: 0 0 7px 10px !important;
padding: 0;
}

.faq-qa-wrap {
display: block;
width: 600px;
margin: 0;
padding: 0 0 15px 0;
border-bottom: dotted 1px #fff;
}

p.faq-q2 {
font-size: 16px;
margin: 15px 0 3px 0;
padding: 0;
font-weight: bold;
color: #fff;
}

p.faq-a {
margin: 0 0 10px 0;
padding: 0;
}

p.back-to-top {
margin: 3px 0 0 0;
padding: 0;
text-align: right;
font-style: italic;
}

p.back-to-top a,
p.back-to-top a:visited,
p.back-to-top a:hover {
color: #fff;
}

.faq-ans-wrap {
display: block;
margin: 100px 0 0 0;
padding: 0;
}



/* -- [ /faq ] -- */


/* -- [ brands ] -- */

.brands-cat-wrap {
float: left;
display: inline;
width: 220px;
margin: 30px 0 20px 0;
padding: 0;
}

.brands-cat-wrap-r {
float: right;
display: inline;
width: 220px;
margin: 30px 0 20px 40px;
padding: 0;
}

.brands-cat-wrap h2,
.brands-cat-wrap-r h2 {
width: 220px;
margin: 0 0 5px 0;
padding: 0 0 1px 0;
border-bottom: solid 1px #550715;
}

.brands-cat-wrap img,
.brands-cat-wrap-r img {
float: left;
display: inline;
width: 55px;
height: 55px;
border: solid 1px #000;
margin: 0 10px 0 0;
padding: 0;
}

.brands-cat-wrap .brands-cat-desc p,
.brands-cat-wrap-r .brands-cat-desc p {
float: left;
display: inline;
width: 152px;
margin: 0 0 5px 0 !important;
padding: 0;
}

.brands-cat-link {
clear: left;
float: right;
display: inline;
margin: 0;
padding: 0;
}

.brands-cat-link p {
margin: 0 !important;
padding: 0;
}

/* -- [ /brands ] -- */

/* -- [ brands categories each ] -- */

.brand-wrap {
clear: left;
float: left;
display: inline;
width: 460px;
margin: 30px 20px 0 0;
padding: 0;
}

.brand-wrap img {
float: left;
display: inline;
margin: 0 10px 0 0;
padding: 0;
border: 0;
}

.brand-wrap p {
float: left;
display: inline;
width: 300px;
margin: 0;
padding: 0;
}

.brand-page {
clear: left;
float: left;
display: inline;
width: 480px;
text-align: right;
margin: 0;
padding: 20px 0 20px 0;
}


/* -- [ /brands categories each ] -- */

.grand-opening-wrap {
float: left;
display: inline;
width: 320px;
margin: 0;
padding: 0 0 5px 0;
border-bottom: solid 1px #c6a563;
}

img.grand-opening {
float: left;
display: inline;
margin: 0 0 0 20px;
padding: 0;
}

p.grand-opening {
clear: left;
margin: 0 0 0 40px;
width: 250px;
}

/* -- [ stressless offer on home page ] -- */

#stressless-offer {
position: absolute;
top: 0;
left: 0;
}

#stressless-offer img {
display: block;
border: 0;
margin: 0 !important;
padding: 0 !important;
}

/* -- [ promotions page ] -- */

.promo-wrap {
float: left;
display: inline;
margin: 20px 0 0 0;
}

img.promo,
div.promo {
clear: left;
float: left;
width: 490px;
margin: 0 0 15px 0;
padding: 0 0 15px 0;
border-bottom: solid 1px #a1844b;
}

.promo img {
float: left;
display: inline;
margin: 0 15px 0 0;
}

.promo p,
.promo h4 {
float: left;
display: inline;
margin: 3px 0 0 0;
}


/* -- message to g&b customers -- */

#top-right-msg {
position: absolute;
top: 0;
left: 0;
width: 500px;
padding: 5px 10px 5px 10px;
background: #f1e4ca;
border-bottom: solid 1px #c6a563;
font-size: 12px;
}

/* for prior alert message at top 
#top-right-int h1 {
margin: 80px 0 0 0 !important;
}
*/

/* -- events callout  -- */

.events {
float: left;
margin: 0 0 15px 0;
}

.events h2 a,
.events h2 a:visited,
.events h2 a:hover {
float: left;
color: #550715 !important;
background: #d5a00f;
width: 310px;
padding: 5px !important;
margin: 0 !important;
text-decoration: none;
font-size: 22px;
font-weight: bold;
letter-spacing: -.01em;
}

.events ul {
float: left;
width: 300px !important;
margin: 0 !important;
padding: 10px !important;
list-style: none;
background: url(../img/events-ul-bg.gif) #f0ead8 top left repeat-x;
}

.events ul li {
float: left;
margin: 0 0 3px 0 !important;
padding: 0 !important;
list-style: none;
font-size: 14px;
line-height: 18px;
color: #000;
}

.events ul li span {
color: #00784c;
}

.events ul li a,
.events ul li a:visited,
.events ul li a:hover {
color: #990033 !important;
}

.events-wrap {
margin: 20px 0 20px 0;
}

.events-wrap h4 {
margin: 0 0 5px 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #fff;
letter-spacing: .02em;
}

p.event-loc { 
display: block;
width: auto;
margin: 3px 0 5px 0 !important;
font-style: italic;
font-weight: bold;
}