/* Demitri's Bloody Mary Mix Magento Theme
   Updated: Thu 02.19.08
   Author: Bear Ideas, www.bearideas.com
----------------------------------------------------------------------------------*/  
    
* {
  margin: 0;
  padding: 0;
  }   

.clear {clear: both;}

/* =Layout

(Uses an implementation of http://www.alistapart.com/articles/multicolumnlayouts
----------------------------------------------------------------------------------*/ 

#page {
  margin: 0 auto;
  width: 1000px;
  background: #f3f0e4;
  }

#header {
  width: 1000px;
  height: 210px;
  background: #33190f url(../images/header.jpg) top left repeat-x;
  position: relative;
  }

#container {
  float: left;
  width: 660px;
  min-height: 625px;
  height: auto !important; /* Min-Height Fast Hack for IE*/
  height: 625px;  
  border-left: none;
  border-right: 340px solid #b9000d;
  background: #f3f0e4;
  }

#main-content {
  background: #f3f0e4;
  float:left;
  width: 660px;
  margin-right: -660px;
  }

.content-wrap {margin: 20px;}

#sidebar-right	{
  float: right;
  width: 340px;
  margin-right: -340px;
  position: relative;
  background: #ba000e url(../images/rsidebar.jpg) top left no-repeat;
  }

#footer {
  clear: both;
  background: #33190f url(../images/footer.jpg) top left repeat-x;
  height: 95px;
  color: #F3F0E4;
  font-size: 11px;
  padding: 5px 0 5px 10px;
  }
  
/* Styles
----------------------------------------------------------------------------------*/

body {  
  font: 12px/18px Arial, Helvetica, sans-serif;
  color: #000000;
  background: url(../images/bg.jpg) top left repeat;
  text-align: left;
  }

h2 {font-size: 16px; color: #b9000d; padding-bottom: 10px;}
p {padding-bottom: 10px;}
a, a:visited {color: #b9000e;}
a:hover {color: #000000;}
a:focus {outline: none;}
.node .content ul, .node .content ol {list-style-position: inside; padding-bottom: 10px;} 

/* =Header / Footer
----------------------------------------------------------------------------------*/

#header #branding {
  width: 181px;
  height: 199px;
  background: url(../images/demitri-logo.jpg) top left no-repeat;
  position: relative;
  margin: 0;
  float: left;
  display: inline;
  }

#header #logo {
  width: 181px;
  height: 199px;
  position: absolute;
  top: 0px;
  left: 0px;
  text-indent: -5000px;
  }
  
.newsletter, .search-bar {width: 250px; height: 20px; background: none; border: none; margin: 0; padding: 0; float: right;}
.newsletter {width: 500px; margin: 12px 10px 0 0;}
.newsletter p {float: left; margin-right: 5px; font-size: 11px; color: #846C58;}
.mini-search {background: none; padding-left: 0; width: auto; margin: 12px 10px 0 0; float: right;}
.mini-search .input-text, .newsletter .input-text {
  background: #998c87; 
  border: 1px solid #7a706c; 
  border-width: 1px 0 0 1px; 
  width: 150px;
  margin-right: 2px;
  overflow: auto;
  padding: 2px;
  }

.newsletter .submit, .mini-search .submit {border: none; background: #b9000d; color: #FFFFFF; padding: 2px; font-size: 11px; cursor: pointer;}
.newsletter input, .mini-search input {vertical-align: middle;}
.newsletter input.input-text, .mini-search input.input-text {font-family: arial,helvetica,sans-serif; padding: 2px; font-size: 12px;}

#footer-message {text-align: center; margin-top: 15px; padding-left: 0;}
#footer-message a, #footer-message a:visited {color: #FFFFFF; text-decoration: underline;}
#footer-message a:hover {color: #b9000e;}

span.byline, #footer-message span.byline a, #footer-message span.byline a:visited {color: #846C58;}

/* =Main Navigation
----------------------------------------------------------------------------------*/

#mainNav {position: absolute; top: 55px; left: 181px; border-left: 1px solid #553720;}


.block-menu {
  float: left; 
  width: 146px; 
  height: 132px; 
  background: #553720; 
  border: 1px solid #331a0f; 
  border-left: none; 
  padding: 11px 0 0 11px;
  line-height: 21px;
  }

.block-menu h3 {color: #a28d57; font-size: 14px; line-height: 21px; margin-bottom: 0;}
.block-menu ul {margin: 0; padding: 0;}
.block-menu ul li {list-style-type: none; list-style-image: none; padding: 0; margin: 0;}
.block-menu ul li a, .block-menu ul li a:visited {color: #846c58; text-decoration: none;}
.block-menu ul li a:hover, .block-menu ul li a.active {color: #F3F0E4;}
#block-menu-menu-cart {width: 160px; border-right: none;}
#block-menu-menu-wholesale {width: 319px;}
#block-menu-menu-wholesale img {margin: 28px 0 0 14px;}

/* =Sidebar Left
----------------------------------------------------------------------------------*/

#sidebar-left a, #sidebar-left a:visited {color: #846c58; text-decoration: none;}
#sidebar-left a:hover, #sidebar-left a.active {color: #F3F0E4;}

#sidebar-left .block-views {margin: 25px 15px 25px 10px;}
#sidebar-left .block-views h3 {color: #a28d57; font-size: 12px;}

/* =Sidebar Right
----------------------------------------------------------------------------------*/

#sidebar-right {padding-top: 20px;}
#sidebar-right .layered-nav .head {display: none;}
#sidebar-right .box {margin: 0 20px 20px 20px; border: none;}
.mini-cart .head, .mini-related-items .head, .layered-nav h4,
.mini-cart .head h4, .mini-related-items .head h4, .account-nav .head
  {background: #553720; color: #F3F0E4;}
.mini-cart .cart-count {background: #FFFFFF;}
.sidebar .content {background: #F3F0E4;}

#sidebar-right .block-block, #sidebar-right .block-views {width: 299px; height: 172px; margin: 0 20px 20px 20px;}
#sidebar-right .block-block h3, #sidebar-right .block-views h3 {margin: 0; text-indent: -5000px; height: 0;}
#sidebar-right .block-block {background: #F3F0E4;}
#sidebar-right .block-block .content {margin: 0; padding: 0; background: none;}
#sidebar-right .block-block .content .text {float: left; width: 115px; margin: 15px 15px 0 15px;}
#sidebar-right .block-block .content .text p {margin-bottom: 0;}
#sidebar-right .block-block .content .image {float: right; width: 151px; overflow:hidden;}

/* =Product Catalog View
----------------------------------------------------------------------------------*/

.category-head h2 {color: #B9000D; margin: 15px 40px;}
.category-description {margin: 0 40px 10px 40px;}
.catalog-listing .ratings a {color: #846C58;}
.catalog-listing h5 {width: 230px;}
.catalog-listing h5 a, .catalog-listing h5 a:visited {color: #B9000D; font-size: 15px;}
.catalog-listing h5 a:hover {color: #000000;}
.out-of-stock {color: #553720;}
.price-box .price {color: #553720;}
.price-from, .price-to {float: left; margin-right: 10px;}
.add-button {clear: both;}
.listing-type-list .listing-item {padding: 20px; margin: 0 20px; border-top: 1px solid #b4a08f;}
.listing-type-list .product-image {width: 170px; height: 170px; border: 1px solid #846C58;}
.listing-type-list .product-shop {margin-right: 20px;}
.listing-type-list .product-shop .price-box {float: none;}

/* =Product Detail View
----------------------------------------------------------------------------------*/

.product-img-box {width: 250px; height: 250px; border: 1px solid #846C58; margin: 30px;}
.wholesale-product .product-img-box {display: none;}
.product-img-box p {padding: 0;}
.product-img-box .product-image {border: none;}
.product-info-box {margin: 30px 25px 0 0; width: 315px;}
.product-info-box .product-name {color: #553720; font-size: 18px;}
.availability, .product-options .qty-holder, .product-options .required, .more-views {display: none;}
.product-options {background: #e9e9e9;}
#product-options-wrapper {float: right; width: 285px; margin: 0 25px 0 0;}
.product-options-bottom {float: right; width: 275px; margin: 12px 25px 10px 0;}
#product_tabs_description_contents {margin: 20px;}
.tabs {background: none; border-bottom: 1px solid #B9000D; clear: both;}
.tabs li.active a, .tabs li.active a:hover {background: #B9000D; margin-left: 30px; color: #F3F0E4;}
.tabs li span {display: block; padding:6px 15px;}
.tabs li.active span, .tabs li.active span {background: #B9000D; margin-left: 30px; color: #F3F0E4; font-weight:bold;}
.validation-advice, .required {color: #B9000D;}
.strike {display: none;}

/*
.wholesale-product .product-img-box {display: none;}
.wholesale-product .product-info-box {width: auto; float: none; margin: 20px;}
.wholesale-product .add-to-cart-box {margin-top: 0;}
.wholesale-product .regular-price {text-decoration: line-through;}

/* =Calculator
----------------------------------------------------------------------------------*/

#calculator {margin: 20px; background: #F3F0E4;}
#calculator h2 {
  background: #553720; 
  color: #F3F0E4; 
  font-size: 1.1em; 
  text-transform: uppercase;
  padding: 4px 10px 2px 10px;
  }

#calculator h3 {color:#553720; margin-top: 20px;}

#calculator #entry {margin: 0 20px 20px 20px;}

#calculator select {margin-bottom: 10px; padding: 2px;}
#calculator #calculations {background: #FFFFFF; border-top: 1px solid #553720;}
#calculator table {font-size: 12px; margin: 0 15px 15px 15px; width: 90%;}
#calculator table tr.alt {background: #F3F0E4;}
#calculator table td {padding: 7px 5px;}
#calculator table #costPerOunce {font-weight: bold; color: #B9000E;}
#calculator .button {  
  background: #B9000E none repeat scroll 0 0;
  border:medium none;
  color:#FFFFFF;
  font-size:11px;
  padding:2px;
  cursor: pointer;
  margin-right: 2px;
  }

/* =Checkout
----------------------------------------------------------------------------------*/

.category-head h2.checkout, .category-head h2.success {margin-left: 10px;}
.cart-collateral-block {width: 621px;}
.cart-collateral {background: #E9E9E9;}
.cart-collateral h4 {color: #B9000D;}
.cart-totals tfoot td {color: #B9000D;}
.one-page-checkout .active .head {background: #B9000D;}
select.address-select {width: 530px;}

.login-box .col-1, .login-box .col-2 {float: left; width: 45%; margin: 0 30px 0 0;}
.login-box .content {min-height: 85px;}
.login-box .button-set {margin-top: 2em;}

/* =Misc
----------------------------------------------------------------------------------*/

#review-form .button-set {text-align: left;}
.head-alt .title  {color: #846C58;}
.head-alt2 {background: none;}
#login-form .head-alt2 {padding-left: 0;}
#login-form .col-1 .button-set {margin-top: 4em;}
.category-head h2.login, .category-head h2.empty {margin-left: 0;}
.category-head h2.register {margin-left: 8px;}
.product-pricing-grouped {width: 172px;}
.product-pricing-grouped li {padding: 4px 0;}
#customer-reviews {clear: both; padding-left: 0;}
.my-review-detail .product-image {width: 250px;}
.my-review-detail .product-image img {border: 1px solid #846C58;}
.my-review-detail .details {width: 350px; float: left; margin-left: 20px;}
.error-msg, .success-msg, .notice-msg, .note-msg {margin: 30px 20px 0;}
.notice-msg, .note-msg {border-color:#BA000E;}
.callin {margin: 20px; border: 1px solid #846C58; padding: 10px;}

.catalog-category-view .price-box {display: none;}