/* Seattle Chocolates Wholesale Magento Style Sheet
   Updated: Tue 05.18.10
   Author: Bear Ideas :: www.bearideas.com
----------------------------------------------------------------------------------*/

body {
  background: #FFFFFF;
  color: #54301A;
  font: 13px/19px Verdana, Tahoma, Arial, Helvetica,Sans-Serif;
  text-align: left;
  }
  
h1, h2, h3, h4, h5, h6, .head {color: #54301A;}

h2 {font-weight: bold;}

a {color: #845a47; text-decoration: none;}
a:hover {color: #845a47; text-decoration: underline;}
a:focus {outline: none;}

.clear {clear: both;}

/* =Layout

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

#page {
  margin: 0 auto;
  width: 960px;
  padding: 0 19px;
  background: #FFF url(../images/wrap.jpg) top left repeat-y;
  }

#header {
  width: 960px;
  height: 98px;
  background: #FFF url(../images/header.png) top left no-repeat;
  position: relative;
  }

#container {
  float: left;
  width: 750px;
  min-height: 410px;
  height: auto !important; /* Min-Height Fast Hack for IE*/
  height: 410px;  
  border-left: 210px solid #FFFFFF;
  border-right: none;
  background: #FFFFFF;
  }

#main-content {
  background: #FFFFFF;
  float:left;
  width: 750px;
  margin-right: -750px;
  }

#sidebar-left {
  float:left;
  width: 210px;
  margin-left: -210px;
  background: #FFFFFF url(../images/sideleft.jpg) top right repeat-y;
  }

#footer {
  clear: both;
  background: url(../images/orangefooter.jpg) top left no-repeat;
  height: 72px;
  margin: 0 auto;
  width: 1000px; 
  }  

.col-right {float: none;}

.std {padding: 10px;}
.cms-home .std {padding: 0;}
  
/* =Header
----------------------------------------------------------------------------------*/

#header #branding {
  width: 160px;
  height: 117px;
  background: url(../images/logo.png) top left no-repeat;
  position: absolute;
  margin: 55px 0 0 20px;
  z-index: 10;
  }

#header #logo {
  width: 160px;
  height: 117px;
  position: absolute;
  top: 5px;
  left: 0px;
  text-indent: -5000px;
  }
  
.store-nav {position: absolute; top: 72px; right: 0; padding: 0; margin: 0; width: 175px;}
.store-nav li {list-style-type: none; display: inline; padding: 0 0 0 10px; float: left;}
.store-nav li.cart {background: url(../images/cart-orange.gif) 0 3px no-repeat; padding: 0 10px 0 20px; border-right: 1px solid #997969;}
.store-nav li a {font-weight: bold; font-size: 11px; color: #F68B32;}
  
/* =Main Navigation
----------------------------------------------------------------------------------*/

#mainNav {
  background: #F68B32;
  height: 35px;
  border-top: 2px solid  #411d0b;
  border-bottom: 2px solid  #411d0b;
  font-size: 12px;
  line-height: 18px;
  }
  
#navlist {text-transform: uppercase; float: right; margin: 8px 10px 0 0;}
#navlist li {border-right: 1px solid #411d0b; padding: 0 10px 0 10px; display: inline;}
#navlist li.last {padding: 0 10px 0 10px !important;}
#navlist li a {color: #411d0b; text-decoration: none;}
#navlist li a:hover, #navlist li a.active {color: #FAFAFA;}

#search_mini_form {display: block; float: right; margin: 7px 0 0; width: 227px;}
.mini-search {background: none; padding: 0; width: 220px; height: auto; position: static;}
.mini-search .input-text {width: 150px; margin: 0; border:1px solid #B6B6B6; font:12px arial,helvetica,sans-serif; vertical-align: middle;}
.mini-search .submit {
  background: none; 
  border: none; 
  color: #411D0B; 
  font-size: 12px;
  text-transform: uppercase;
  cursor: pointer;
  vertical-align: text-top;
  font-family: Verdana,Tahoma,Arial,Helvetica,Sans-Serif;
  }
  
.mini-search .submit:hover {color: #FAFAFA;}

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

.nav-container {background: none;}
#nav {margin: 40px 30px 20px 20px; padding: 0 0 15px; width: auto;}
#nav li {list-style-type: none; display: block; font-weight: bold; font-size: 11px; float: none;}
#nav li a {text-decoration: none; color: #411d0b; float: none; padding: 0; line-height: 19px;}
#nav li a:hover {color: #F68B32;  line-height: 19px;}
#nav li ul {display: none;}
#nav li.active a {color: #8fa40c;}
#nav li.level1 a {font-weight: normal; color: #845A47;}
#nav li.level1 a:hover {color: #F68B32;}
#nav ul.level0 li.active a {color: #F68B32;}
#nav li.active ul {display: block; padding-bottom: 10px;}
#nav li.active ul li {padding-left: 10px;}

#left-nav {margin: 40px 30px 20px 20px; padding-bottom: 15px;}
#left-nav ul {padding: 0 0 10px 10px;}
#left-nav li, #left-nav h4 {list-style-type: none; display: block; font-weight: bold; font-size: 11px; float: none;}
#left-nav li a, #left-nav li a:visited {text-decoration: none; color: #845A47; float: none;}
#left-nav h4 a, #left-nav h4 a:visited {text-decoration: none; color: #411d0b; float: none;}
#left-nav li a:hover, #left-nav h4 a:hover {color: #f68b32;}

.base-mini, #sidebar-left .block {border:1px solid #C4C1BC; margin: 15px 25px 0 15px; font-size: 11px;}
.base-mini .head, #sidebar-left .block .block-title {background: none; padding: 6px 3px 3px; border-bottom:1px solid #DDDDDD; margin:0 1px;}
.base-mini .head h4, #sidebar-left .block .block-title strong  {color: #F68B32; font-family: Verdana; font-size: 10px;text-transform:uppercase;}
.base-mini .content {background: none; padding:12px 12px 12px 15px;}
#sidebar-left .block-cart .block-content {background: none; padding: 0;}
.block-cart .actions  {background: #FFFFFF; border:1px solid #C2C2C2;border-width: 1px 0;}
.block .actions {background: #fff;}
.block .actions button.button {float: left;}
.block-cart .summary {padding: 10px;}
.block-cart .amount {padding-bottom: 0;}
.block-cart .block-title strong {background: url(../images/cart-orange.gif) top left no-repeat;}
.block .block-subtitle {color: #54301A; background:none repeat scroll 0 0 #F4F3F3; margin:0; padding:6px 8px 2px;}
ol#cart-sidebar {background:none repeat scroll 0 0 #F8F7F5;}
.product-name a {color:#845A47;}
#call .head h4 {background: url(../images/phone.gif) center left no-repeat; padding: 1px 0 0 24px; text-align: left;}


/* =Main Content
----------------------------------------------------------------------------------*/

h2 {font-size: 16px; padding-bottom: 20px; text-transform: uppercase;}
h3 {font-size: 14px; padding-bottom: 20px;}
p {padding-bottom: 20px;}
.content-wrap {padding: 40px 20px 20px;}
.content-wrap ul {padding-bottom: 20px;}
.content-wrap ul li {list-style-position: inside;}

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

#block-views-sidebar_features-block_1 {padding-top: 15px;}
.sidebar-feature-node {width: 215px; margin: 20px; padding-bottom: 20px; border-bottom: 1px solid #999490;}
.sidebar-thumb, .teaser-text {float: left; width: 100px; overflow: hidden; margin-left: 10px;}
.teaser-text {width: 90px;}
.teaser-text p {padding: 5px 0 10px; font-size: 11px; line-height: 16px;}

/* =Bottom Nav / Footer
----------------------------------------------------------------------------------*/

.bottom-nav {clear: both; float: left; width: 960px; height: 29px; border-top: 2px solid  #411d0b; border-bottom: 2px solid  #411d0b;}

#block-menu-menu-menu-footer {
  background: #FFFFFF; 
  font-size: 10px; 
  padding-top: 4px;
  height: 22px;
  border: none;
  }

#block-menu-menu-menu-footer ul {float: right;}

#block-menu-menu-menu-footer ul li {
  list-style-type: none; 
  display: inline; 
  text-transform: uppercase;
  border-right: 1px solid #411d0b; 
  margin: 0 5px 0 0; 
  padding: 0 10px 0 0;
  }

#block-menu-menu-menu-footer ul li.last {border-right: none;}
#block-menu-menu-menu-footer a {color: #411d0b; text-decoration: none;}
#block-menu-menu-menu-footer a:hover {color: #F68B32;}

#newsletter-form {float: left; margin: 3px 0 0 13px;}
#newsletter-form .content {padding: 0;}
input#newsletter {width: 212px; border: 1px solid #d4cbc5; font-size: 10px; color: #411d0b;}
input#signup {
  border: none; 
  background: none; 
  vertical-align: center;
  font-family: Verdana;
  font-size: 10px;
  text-transform: uppercase;
  color: #411d0b;
  cursor: pointer;
  }
  
input#signup:hover, input#signup:active {color: #F68B32;}

#feedback {float: left; font-size: 10px; text-transform: uppercase; margin: 3px 0 0 13px; color: #F68B32;}

#footer p {text-indent: -5000px; font-size: 9px; line-height: 15px; font-family: Tahoma, Verdana, Arial, sans-serif;}

#footer a {color: #845A47;}
#footer a:hover {text-decoration: underline;}

#footer #copyright {
  padding: 0; 
  margin: 30px 30px 30px 0; 
  float: right;
  text-indent: 0;
  text-align: right;
  }
  
#footer #copyright a, #footer #copyright span {color: #ccc;}
#footer #copyright a:hover {text-decoration: underline;}

#footer #description {
  font: 9px/15px Tahoma, Verdana, Arial, Helvetica,Sans-Serif;
  font-weight: normal;
  text-indent: 0;
  float: left;
  padding: 0;
  margin: 30px 0 30px 30px;
  width: 500px;
  }
  
/* =Store Landing Page
----------------------------------------------------------------------------------*/

.landing-page {margin: 35px 0 35px 80px; float: left;}
.landing-page .category {width: 154px; float: left; margin-right: 50px;}
.landing-page h4 {font-size: 11px; color:#411d0b; text-align: center;}
.landing-page a {color: #411D0B;}
.landing-page a:hover {color: #F68B32; text-decoration: none;}
#personalize {padding: 35px 0 0 0;}


/* =Category Grid
----------------------------------------------------------------------------------*/
.catalog-category-view .category-head h2 {font-size: 15px; color: #54301A; font-weight: bold; padding: 3px 0 7px 10px;}

.category-teaser {float: left; width: 750px; overflow:hidden; border: 1px solid #DFD7D4; border-width: 1px 0;}
.category-teaser p.category-description {width: 194px; float: left; padding: 10px;}
.category-teaser .category-image {width: 536px; float: right; margin: 0;}

.listing-type-grid {background: none;}
.listing-type-grid .grid-row {margin: 0 10px; border-bottom: 1px solid #DFD7D4; float: left;}
.listing-type-grid p.product-image {margin-bottom: 0; padding-bottom: 0; text-align: center;}
.listing-type-grid li.item {width: 160px; float:left; overflow:hidden; padding:12px 10px;}

.catalog-listing h5 {text-align: center; font-weight:normal; font-size: 14px;}
.catalog-listing h5 a {color: #411D0B; font-size: 11px; text-decoration: none;}
.catalog-listing h5 a:hover {text-decoration: none; color: #F68B32}

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

.breadcrumbs {margin: 10px 5px; font-size: 12px;}
.product-essential {background: none; padding:25px;}
.product-info-box { border:1px solid #C4C6C8; margin-top:0; border-width: 1px 0 1px 0; border-color: #dfd7d4;}
.product-img-box {float:left; width: 315px; padding-right: 20px; border-right: 1px solid #dfd7d4;}
.product-info-box .product-name {color: #54301A; font-size: 13px; font-weight: bold;}
.product-essential .product-shop {float:right; width:330px;}
.product-shop .short-description {margin-bottom:10px; overflow:hidden; width:100%;}
.product-info-box .price-box {margin:10px 0;}
.add-to-holder {margin:10px 0;}
.add-to-holder .add-to-cart-box {float:left;}

h3.product-name {padding-bottom: 0;}
.regular-price .price, .qty-box label {color: #845A47;}
.more-views {float: left;}
.more-views h4 {border-bottom:1px solid #CCCCCC; font-size:0.95em; margin-bottom:0.8em; text-transform:uppercase;}
.more-views ul {margin-left:-9px;}
.more-views li {float:left; margin:0 0 9px 9px;}
.more-views li a {
  border:2px solid #DDDDDD;
  float:left;
  height:56px;
  overflow:hidden;
  width:56px;
  }


/* =Grouped Product
----------------------------------------------------------------------------------*/
.grouped-product .product-essential .product-shop {margin: 0 20px 20px; width: auto; float: none;}
.grouped-product .product-essential {padding: 0;}
.grouped-product .product-info-box .product-name {font-size: 15px; color: #54301A; font-weight: bold; padding: 0 0 10px 10px; border-bottom: 1px solid #DFD7D4;}
.grouped-product .product-info-box {border: none;}
.grouped-product .product-shop .add-to-holder {float: right; margin: 15px 0;}
.grouped-product .product-info-box .price-box {margin: 0;}

.product-teaser {float: left; width: 750px; overflow:hidden; border: 1px solid #DFD7D4; border-width: 1px 0;}
.product-teaser .short-description {width: 194px; float: left; padding: 10px;}
.product-teaser .product-img-box {width: 536px; float: right;}

.item-name a {cursor: default;}

/* =Upsell (You may also like...)
------------------------------------------------------*/

.upsell {clear: both;}
.upsell h2 {font-size: 12px; font-weight: bold; text-transform: none; padding: 0 0 0 10px;}
#upsell-product-table {border-top: 1px solid #DFD7D4;}
#upsell-product-table .product-image {padding-bottom: 0; margin-bottom: 0; text-align: center; width: auto;}
.products-grid {width: 100%; background: none; border: none;}
.products-grid td {
  border-right:1px solid #D9DDE3;
  line-height:1.6em;
  padding:12px 10px;
  }
.products-grid tr.last td {border-bottom:0 none;}
.products-grid td.empty {background: none; border: none;}
#upsell-product-table h3 {
  font-size:11px;
  margin-bottom:5px;
  font-weight:normal;
  text-align:center;
  }
  
#upsell-product-table h3 a {color: #54301A;}

/* =Bundled / Grouped Products
------------------------------------------------------*/

.price-box-bundle .price-box {display: none;}
.price-box-bundled {display: none;}
.product-options {margin: 0; background: none;} 
#product-options-wrapper {float: right; width: 300px;}
.product-options-bottom {float: right; width: 290px; background: none; border: none;}
.product-options-bottom .price-box-bundled {display: block;}

.grouped-table caption {text-align: left; font-size: 15px; font-weight: bold; padding: 10px 0; color: #F68B32;}
.grouped-table thead th {border-bottom: 1px solid #D9DDE3;}
.item-name a {cursor: default;}

/* =Rollover Effect
------------------------------------------------------*/

#screenshot {
  position:absolute;
  border:1px solid #411D0B;
  background:#F68B32;
  padding:5px;
  display:none;
  color: #411D0B;
  width: 135px;
  font-size: 11px;
  }
  
/* =Design your own bar
------------------------------------------------------*/

.product-design-your-own-bar .product-img-box {margin-bottom: 20px;}

.product-design-your-own-bar #product-options-wrapper {
  clear: both; 
  width: auto; 
  float: none; 
  background: #F8F8EC;
  }

.product-design-your-own-bar .product-options dt label {color: #845A47;}
.product-design-your-own-bar .product-options dd select,
.product-options dd input.input-text {width: 40%;}
.product-design-your-own-bar #option_2 {vertical-align: bottom;}
.product-design-your-own-bar .input-text:focus, 
.product-design-your-own-bar select:focus, 
.product-design-your-own-bar textarea:focus {background:#FEFFEF;}
.product-design-your-own-bar .product-options-bottom {width: 245px;}

/* =Cart/Checkout
----------------------------------------------------------------------------------*/
.middle {
  background: #FFFFFF; padding:25px 25px 80px;
  margin:0 auto;
  min-height:400px;
  text-align:left;
  width:900px;
  }
.middle-container {background: none;}
.col-1-layout .col-main {margin: 0 0 0 10px; float: none; width: auto;}

.page-title h1, .page-title h2 {
  color:#54301A;
  font-size:15px !important;
  font-weight:bold !important;
  text-transform: uppercase !important;
  margin-top:10px;
  padding-bottom: 20px;
  }

.data-table th {color: #54301A;}
.data-table tr.last th, .data-table tr.last td {border-bottom: 1px solid #dfd7d4 !important;}  
.data-table thead tr th {color: #54301A; background: #FFFFFF !important;}
.data-table tfoot tr {background-color: #FFFFFF !important;}
.data-table tfoot tr.first {background: #FFFFFF !important;} 
.data-table .odd {background: #FFFFFF;}

.cart .discount h2, .cart .shipping h2 {color: #54301A}
.cart .totals {background: #fbf7f6;}

#sidebar-left .block-progress {margin: 30px 20px; border: none;}
#sidebar-left .block-progress .block-title strong {color: #54301A;}
#checkoutSteps {margin: 30px 20px;}
.opc .active .step-title {background: #FFFFFF;}
.opc .active .step-title h2 {color: #F68B32;} 
.opc .active .step-title .number {background: #F68B32; border: none;}
.opc .allow .step-title {background: #FBF7F6;}
.opc .step {background: #fff;}
.block-progress dt.complete {background: #e7eada; color: #54301A;}
#sidebar-left .block-progress li {background: #FFFFFF;}
td.attributes-col h4.title, .gift-messages h3, #opc-review .product-name {color: #54301A;}
.data-table tfoot td {padding: 6px 10px;}

.validation-advice {background: none;}
.validation-advice, p.required {color: #F68B32;}
.validation-failed {background: #fbf7f6; border: 1px dashed #F68B32 !important;}

.checkout-onepage-index .column {min-height: 900px !important; _height: 800px;}

/* =My Account
----------------------------------------------------------------------------------*/

.account-login .content  {background: #FFFFFF; border-width: 1px; min-height: 272px;}
.account-login .content h2 {color: #F68B32;}
.account-login .buttons-set {background: #FFFFFF; border-top:1px solid #BBB6A5;}
.fieldset {background: #FFFFFF;}
.fieldset .legend {background: #FBF7F6; color: #F68B32; border: 1px solid #F68B32;}
.box-account .box-head h2 {color: #F68B32;}
.account-nav {margin:15px 25px 0 15px;}
#sidebar-left .block-account .block-title {background: #F68B32; padding-left: 10px; margin: 0;}
#sidebar-left .block-account .block-title strong {color: #fff;}
.block-account .block-content li a:hover, .block-account .block-content li.current {color: #F68B32;}
.dashboard {padding: 10px;}
.box-account {margin: 20px 20px 20px 10px;}

.customer-account-edit #main-content,
.customer-address-form #main-content,
.sales-order-history #main-content,
.newsletter-manage-index #main-content
{width: 710px; padding: 20px;}

/* =Sell Sheet Table
----------------------------------------------------------------------------------*/

#sell-sheets {width: 700px; margin: 20px;}
#sell-sheets h3 {padding-bottom: 0;}
#sell-sheets a {display: block; background: url(../images/pdf.gif) top left no-repeat; padding-left: 30px;}

/* =Welcome Page
----------------------------------------------------------------------------------*/

#welcome {padding: 40px 20px 20px 20px;}
#welcome h2, #welcome h3 {padding: 0; margin: 0; font-weight: bold;}
#welcome p {margin: 0; padding-bottom: 15px; padding-left: 15px;}
#welcome #instructions {width: 450px; float: left;}
#welcome p#step-one {background: url(../images/one.png) top left no-repeat; padding-left: 30px; margin-left: 15px;}
#welcome p#step-two {background: url(../images/two.png) top left no-repeat; padding-left: 30px; margin-left: 15px;}
#welcome img {float: right;}


/* =Misc
----------------------------------------------------------------------------------*/
ul.links li {list-style-type:none; padding:0 0.5em;}
input.input-text:focus, select:focus, textarea:focus {background:#fbf7f6;}

button.button {
  background: #FFFFFF url(../images/button.gif) center left no-repeat;
  border: none;
  height: 28px;
  cursor:pointer;
  overflow:visible;
  padding:1px 9px;
  text-align:center;
  vertical-align:middle;
  width:auto;
  }
  
button.button span {
  background: url(../images/button-rt.gif) top right no-repeat !important;
  border: none;
  color: #54301A;
  font: bold 12px Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
  display: block;
  float: none;
  height: 28px;
  padding: 3px 14px 0 0;
  }
  
button.button span span {background: none !important; padding: 0;}

@media screen and (-webkit-min-device-pixel-ratio:0){
  .form-button span, .form-button-alt span {padding: 5px 14px 0 4px;}
  #search_mini_form {width: 217px;}
  .mini-search .submit {margin-top: 1px;}
  .mini-search .input-text {width: 140px;}
  }

.success-msg {background: #edefe1; border-color: #F68B32; color: #411D0B; margin: 0 10px;}