/*__________________________________________________________________________ # DEFAULTS
*/
html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}

body {
  font: 15px Georgia;
  text-align: center;
  background: #000 url('../images/main_bg.jpg') repeat-x top center;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Georgia;
  color: #36312b;
}

h1 { font-size: 22px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 17px; }
h5 { font-size: 16px; }
h6 { font-size: 15px; }

p {
  font-family: Georgia;
  font-size: 15px;
  color: #36312b;
}

a {
  font-family: Georgia;
  font-size: 14px;
}

a:hover {
  text-decoration: none;
}

a:active,
a:focus {
  outline: 0;
}

input:active,
input:focus {
  outline: 0;
}

ul {
  list-style: none;
}

/*__________________________________________________________________________ # GENERIC STUFF
*/
.cleaner {
  clear: both;
}

.markdown-html-error, .parsing_error {
  color: #c00;
  padding: 9px;
  background-color: #fdd !important;
  border: #c00 2px solid !important;
}

img.no_border {
  padding: 0 !important;
  border: none !important;
  margin: 5px;
  margin-top: 5px;
}

img.no_border[align=left] { margin-left: 0px !important; }
img.no_border[align=right] { margin-right: 0px !important; }

/*__________________________________________________________________________ # BASIC
*/
#wrapper {
  height: 100%;
  min-width: 902px;
  height: auto !important;
  height: 100%;
  min-height: 100%;
}

#container {
  min-height: 100%;
  position: relative;
}

#header, #body, #footer { 
  margin: 0 auto;
  width: 902px;
  text-align: left;
}

/*__________________________________________________________________________ # HEADER
*/
#header {
  position: relative;
  height: 236px;
}

#header a img {
  position: absolute;
  left: -42px;
}

/*__________________________________________________________________________ # HEADER .shopping_cart
*/
#header .shopping_cart {
  position: absolute;
  top: 178px;
  left: 258px;
  width: 234px;
  height: 36px;
  padding: 21px 0 0 50px;
  background: url('../images/shopping_cart_bg.jpg') no-repeat top center;
}


#header .shopping_cart span a {
  color: #b57f3c;
  text-transform: uppercase;
}

/*
#header .shopping_cart span {
  color: #b57f3c;
  text-transform: uppercase;
}

#header .shopping_cart a {
  color: #eadec4;
  font-family: Arial;
  margin-left: 20px;
}

#header .shopping_cart span.items {
  color: #eadec4;
  font-family: Arial;
  text-transform:lowercase;
  margin-left: 5px;
}
*/

/*__________________________________________________________________________ # HEADER .search
*/
#header .search {
  position: absolute;
  top: 178px;
  left: 554px;
  width: 338px;
  height: 38px;
  padding: 19px 0 0 20px;
  background: url('../images/search_bg.jpg') no-repeat top center;
}

#header .search input {
  border: none;
  background: none;
  width: 240px;
  float: left;
  color: #633110;
  font-family: Georgia, "Trebuchet MS";
  font-size: 16px !important;
}

#header .search input.searc {
  width: 60px;
  font-family: Georgia;
  font-size: 14px;
  font-weight: bold;
  float: right;
  margin-right: 22px;
  color: #fff;
  text-shadow: 1px 1px 2px #333;
  cursor: pointer;
}

/*__________________________________________________________________________ # HEADER .discount
*/
#header .discount {
  position: absolute;
  top: -1px;
  right: -2px;
  width: 239px;
  height: 119px;
  padding: 30px 0 0 30px;
  text-decoration: none;
  background: url('../images/discount_bg.jpg') no-repeat top center;
}

#header a.discount {
  letter-spacing: -1px;
  font-size: 24px;
  color: #684011;
  font-weight: bold;
}

#header a.discount span {
  font-size: 17px;
}

/*__________________________________________________________________________ # BODY
*/
#body {
  position: relative;
  background: url('../images/content_bg.jpg') repeat-y top right;
  padding-bottom: 50px;
}

#body .top_content {
  position: absolute;
  top:0;
  left: 0;
  width: 902px;
  height: 148px;
  background: url('../images/content_top.jpg') no-repeat right 32px;
  z-index: 1;
}

#body .bottom_content {
  position: absolute;
  bottom:0;
  left: 0;
  width: 902px;
  height: 103px;
  background: url('../images/content_bottom.jpg') no-repeat top right;
  z-index: 1;
}

/*__________________________________________________________________________ # BODY - #leftside
*/
#leftside {
  float: left;
  width: 215px;
  position: relative;
  margin-top: -32px;
  background: url('../images/left_bg.jpg') repeat-y top center;
  z-index: 4;
}

#leftside h1 {
  width: 215px;
  height: 28px;
  text-align: center;
  text-transform: uppercase;
  padding-top: 38px;
  font-size: 17px;
  font-weight: bold;
  color: #ece0c8;
  background: url('../images/left_top.jpg') no-repeat top center;
}

#leftside h1.info {
  padding-top: 110px;
  height: 27px;
  font-weight: bold;
  background: transparent url('../images/left_middle.jpg') no-repeat top center;
}

/*__________________________________________________________________________ # BODY - #leftside .brandlisting
*/
#leftside .brandlisting {
  margin: 0 5px;
  padding: 2px 0;
  border: 1px solid #a18d6c;
  border-bottom: none;
  width: 203px;
}

#leftside .brandlisting .first {
  float: left;
  margin-left: 2px;
}

#leftside .brandlisting .second {
  float: right;
  margin-right: 2px;
}

#leftside .brandlisting div ul li {
  height: 22px;
  width: 98px;
}

#leftside .brandlisting div ul li a {
  color: #3a3023;
  text-decoration: none;
  float: left;
  width: 81px;
  padding: 4px 3px 4px 15px;
} 

#leftside .brandlisting div ul li a.current:hover,
#leftside .brandlisting div ul li a.current {
  color: #e4d1ae;
  padding: 3px 3px 3px 15px;
  border-top: 1px solid #a7967a;
  border-bottom: 1px solid #a7967a;
  background: url('../images/menu_a_on.jpg') no-repeat 0 2px;
  text-decoration: none;
}

#leftside .brandlisting div ul li a:hover {
  background: none;
  color: #633110;
  text-decoration: underline;
}

/*__________________________________________________________________________ # BODY - #leftside .quick_info
*/
#leftside .quick_info {
  margin: 0 5px;
  padding: 2px 5px;
  border: 1px solid #a18d6c;
  border-bottom: none;
  width: 193px;
}

#leftside .quick_info ul li {
  margin-bottom: 10px;
  padding-bottom: 15px;
  border-bottom: 1px solid #a79982;
}

#leftside .quick_info ul li.last {
  border: none;
}

#leftside .quick_info a {
  color: #633110;
  font-size: 17px;
}

#leftside .quick_info p {
  margin-top: 5px;
}

#leftside .quick_info p a {
  font-weight: normal;
  font-size: 14px;
}

#leftside .end {
  background: url('../images/left_bottom.jpg') no-repeat top center;
  width: 215px;
  height: 29px;
}
/*__________________________________________________________________________ # BODY - #top_menu
*/
#top_menu {
  position: relative;
  float: right;
  width: 687px;
  height: 32px;
  background: url('../images/menu_bg.jpg') no-repeat 0px 0px;
  z-index: 3;
}

#top_menu ul li {
  float: left;
  margin: 0 8px;
}

#top_menu ul li a {
  float: left;
  width: 121px;
  height: 23px;
  padding-top: 9px;
  color: #320702;
  text-align: center;
  font-size: 17px;
  font-weight: bold;
  text-decoration: none;
  text-shadow: 1px 1px 0 #bbb;
  background: url('../images/menu_bg.png') no-repeat 0 0;
}

#top_menu ul li a:hover, 
#top_menu ul li a.current {
  background: url('../images/menu_bg.png') no-repeat 0 -32px;
  height: 27px;
  padding-top: 5px;
  text-shadow: none;
}

/*__________________________________________________________________________ # BODY - #content
*/
#content {
  position: relative;
  float: right;
  width: 612px;
  z-index: 2;
  padding: 0 44px 0 31px;
}

#content p {
  line-height: 1.5;
  margin-bottom: 15px;
}

#content p a, #content ul li a, #content ol li a {
  color: #633110 !important;
  text-decoration: underline !important;
}

#content p a:hover, #content ul li a:hover, #content ol li a:hover {
  text-decoration: none !important;
}

#content ul, #content ol {
  line-height: 1.5;
  margin-bottom: 15px;
  color: #36312B;
}

#content ul li {
  padding-left: 17px;
  background: url('../images/ul_image.gif') no-repeat 0 10px;
}

#content ol li {
  list-style-position: inside;
}

#content h1, h2, h3 {
  margin-bottom: 5px;
}

#content p.note {
  background: url('../images/note.gif') no-repeat top left;
  padding-left: 40px;
  color: #ad5306;
}

/*__________________________________________________________________________ # BODY - #content .brand_title
*/
#content .brand_title {
  position: relative;
  margin-bottom: 15px;
  padding-top: 32px;
  background: url('../images/content_brand_h_top.jpg') no-repeat top center;
}

#content .brand_title h1 {
  font-size: 20px;
  font-weight: bold;
  color: #ece0c8;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 10px;
}

#content .brand_title p {
  font-style: italic;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: -1px;
  margin-bottom: 5px;
}

#content .brand_title .brand_title_bottom {
  background: url('../images/content_brand_h_bottom.jpg') no-repeat top center;
  width: 612px;
  height: 24px;
}

.socials {
    position: absolute;
    top: 65px; left: 530px;
    width: 92px;
}

.socials p { text-transform: uppercase; color: #d8b63a; text-shadow: 0 1px 0 #4d4138;}

.socials a {
    float: left;
    width: 41px; height: 41px;
    margin: 5px 5px 0 0;
    background-image: url('../images/socials_bg.png');
}

.facebook { background-position: 0 0;}
.twitter { background-position: -41px 0;}
.facebook:hover { background-position: 0 -41px;}
.twitter:hover { background-position: -41px -41px;}

/*__________________________________________________________________________ # FOOTER
*/
#footer_space {
  height: 91px;
  background: url('../images/footer_bg.jpg') repeat-x top center;
}

#footer {
  height: 39px;
}

#footer ul.footer_menu {
  margin-right: 5px;
  padding: 46px 0 0;
  float: right;
}

#footer ul.footer_menu li {
  float: left;
}

#footer ul.footer_menu li a {
  color: #fff;
  font-family: Tahoma;
  text-decoration: none;
}

#footer ul.footer_menu li a:hover {
  text-decoration: underline;
}

#footer ul.footer_menu li span {
  color: #fff;
  font-family: Tahoma;
  margin: 0 5px;
}