@charset "UTF-8";

html, body {height:100%;}
body {font:12px/1.0em Arial, Helvetica, sans-serif; color:#999999; background:url(../images/bg-tile.gif) 0 0 repeat-x #fff;}

/* GLOBAL CONFIG */
a:link, a:visited, a:active {color:#72BF44; font-style:normal; font-weight:bold; text-decoration:none;}
a:hover {color:#690030;}
.clear {clear:both;}
.clearfix:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0;	height:0;}
.clearfix {display:block;}
*html .clearfix {height:1%;}
img {border:0;}

/* MAIN ELEMENTS */
#container {position:relative; width:930px; min-height:100%; margin:0 auto -200px auto;}
#top-header {width:100%; height:30px;}
#header {width:100%; height:185px; background:url(../images/bg-header.jpg) right 0 no-repeat;}
#content {width:100%; margin:0;}

/* TYPE/LINKS */
h1 a {float:left; width:210px; height:100px; background:url(../images/bbs-logo-new.gif) 0 0 no-repeat; margin:25px 0 0 0;}
h1 a span {display:none;}
h2 {font-family:Georgia, "Times New Roman", Times, serif; font-size:2.778em; font-style:italic; font-weight:normal; color:#fff; line-height:1.0em; margin:0 0 0.5em 0;}
h3 {font-family:Georgia, "Times New Roman", Times, serif; font-size:1.667em; font-style:italic; font-weight:normal; color:#c9ac4b; line-height:1.3em; margin:0 0 0.5em 0;}
h3 span {color:#690030;}
h4 {font-family:Arial, Helvetica, sans-serif; font-size:1.25em; font-style:normal; font-weight:bold; line-height:1.5em; color:#72BF44;}
p {line-height:1.5em; margin:0 0 1.0em 0;}
p.testimonials {font-family:Georgia, "Times New Roman", Times, serif; font-size:1.0em; font-style:italic; font-weight:normal; line-height:1.5em; background:url(../images/block-arrow.gif) 0 bottom no-repeat #efefef; margin:30px 0 10px 0; padding:10px 15px 30px 15px;}
strong {font-weight:bold;}

/* BUTTONS */
a.products {position:relative; display:block; width:257px; height:50px; background:url(../images/buttons/home-banner-btn.png) 0 0 no-repeat; margin:0 0 0 -10px;}

/* TOP NAV */
#top-header ul {float:right; margin:0; line-height:30px;}
#top-header ul li {float:left;}
#top-header ul li a {display:block; font-family:Arial, Helvetica, sans-serif; font-size:0.917em; font-style:normal; font-weight:normal; color:#fff9e5; margin:0; padding:0 10px;}
#top-header ul li a:hover {color:#bda557;}
#top-header ul li.active a {color:#ccc;}

/* GLOBAL NAV */
ul#globalnav {position:relative; float:left; margin:30px 0 0 0; line-height:30px; z-index:100}
ul#globalnav li {float:left;}
ul#globalnav li a {display:block; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.2em; font-style:italic; font-weight:normal; color:#690030; margin:0; padding:0 15px;}
ul#globalnav li a:hover {color:#bda557; background:#none;}
#home ul#globalnav li.home a {color:#fff; background:#bda557;}
#promotions ul#globalnav li.promotions a {color:#fff; background:#bda557;}
#products ul#globalnav li.products a {color:#fff; background:#bda557;}
#store ul#globalnav li.store a {color:#fff; background:#bda557;}
#member ul#globalnav li.member a {color:#fff; background:#bda557;}
#own ul#globalnav li.own a {color:#fff; background:#bda557;}

/* HOME */
#home #banner {width:100%; height:274px; background:url(../images/bg-home-banner.jpg) 0 0 no-repeat;}
#home #banner blockquote {float:left; width:465px; margin:40px 0 0 0;}
#home #banner blockquote p {font-size:1.333em; color:#fff;}
#home #banner .placeholder {position:relative; float:right; margin:-99px -35px 0 0; z-index:0}
.leftcol {float:left; width:465px;}
.rightcol {float:left; width:355px; height:400px; background:url(../images/bg-fade.gif) 0 0 no-repeat; padding-left:35px;}
.item {width:430px; margin:35px 0 0 0;}
.item img {float:right; margin:-30px 0 0 20px;}

/* CONTENT */
#banner {width:100%; height:274px; background:url(../images/bg-content-banner.jpg) 0 0 no-repeat;}
#banner blockquote {float:left; width:620px; margin:40px 0 0 0;}
#banner blockquote p {font-size:1.333em; color:#fff;}
.widecol {float:left; width:620px; margin:35px 0 40px 0;}
.sidebar {float:right; width:265px; margin:35px 0 40px 0;}
.contact-block {float:right; width:220px; border-bottom:1px dotted #ccc; margin:0 0 20px 0; padding:0 0 20px 0;}
.contact-block div {margin:8px 0;}
#brand-list {width:620px; margin:20px 0 10px 0;}
#brand-list td {color:#690030; font-weight:bold; padding:20px 0;}
#brand-list td.title {padding:0 0 0 20px;}
#brand-list div {margin:0; text-align:center;}
#products .widecol img {float:left; background:#fff; border:1px solid #bfbfbf; padding:3px; margin:0 30px 20px 0;}
#promotions .widecol img {float:left; margin:-10px 30px 100px 0;}

/* GALLERY */
ul#gallery-list {list-style:none;}
ul#gallery-list li {display:inline;}
ul#gallery-list li img {float:left; width:60px; height:60px; padding:3px; background:#fff; border:1px solid #bfbfbf;}
ul#gallery-list li a {float:left; margin:20px 20px 0 0;}
ul#gallery-list li a:hover img {background-color:#72BF44;}

/* FORMS */
#contactForm, #memberForm, #storeFinder {margin:0 0 40px 0; background:#fcfcfc; padding:20px 40px;}
.notification_error {width:580px; background:red; color:#fff; font-weight:bold; margin:0 0 20px 0; padding:10px 20px;}
.notification_error div {margin:10px 0;}
.notification_ok {color:lightgreen; font-size:2.0em; font-weight:normal; margin:40px 0;}
.alert {font-weight:bold; color:red; margin:40px 0;}
.element {width:620px; margin:0 0 20px 0; border:none;}
.block {margin:40px 0 20px 0;} /* add height to checkbox */
.element label {float:left; font-size:1.0em; font-weight:bold; line-height:1.5em; width:160px; text-align:left; margin:8px 10px 0 0;}
.element label.check {float:left; font-size:1.0em; font-weight:bold; line-height:1.5em; width:500px; text-align:left; margin:2px 0 0 5px; padding:0;}
.element span {color:red;}
.element select {height:22px; margin:5px 5px 0 0;}
.element input {float:left; border:1px solid #efefef;}
.element input.box {width:350px; font:16px Arial, Helvetica, sans-serif; font-weight:bold; line-height:1.5em; color:#690030; background:#efefef; padding:6px; border:1px solid #DDDDDD;}
.element input.box:focus {background:#fff9e5; border-color:#ccc;}
.element textarea {width:350px; font:16px Arial, Helvetica, sans-serif; font-weight:bold; line-height:1.5em; color:#690030; background:#efefef; padding:6px; border:1px solid #efefef;}
.element textarea:focus {background:#fff9e5; border-color:#ccc;}
.element .submit {float:left; margin:10px 0 0 0; border:none;}
.store-details {width:540px; background:#fcfcfc; padding:20px 40px;}
.store-details div {font-weight:bold; margin:0px 0;}
.store-name {background-color:#c9ac4b; color:#fff; margin: 10px 0 0 0; width:545px; padding:0 0 0 5px;}
#store-list .address{padding:3px;}

/* FOOTER */
.clearfooter {clear:both; height:200px;}
#footer {position:relative; width:100%; height:200px; background:url(../images/bg-footer.gif) 0 0 repeat-x #690030; text-align:center;}
#footer .footercontent {width:350px; background:url(../images/floral.gif) center 15px no-repeat; margin:0 auto; padding:50px 0 0 0; font-size:0.917em; color:#fff9e5;}
#footer .footercontent a {font-family:Arial, Helvetica, sans-serif; font-style:normal; font-weight:normal; margin:0 5px;}
#footer .footercontent a:hover {color:#fff;}