/* --- Navigation --- */

#logo { width: 498px; height: 133px; position: absolute; left: 0; top: 0; overflow: hidden; }
  #logo span { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(./../images/logo.gif) no-repeat; }


#tool-nav { background: #ebebeb; width: 192px; height: 24px; position: absolute; top: 0; right: 0; }
  #tool-nav ul { overflow: hidden; height: 24px; line-height: 20px; position: absolute; top: 0; right: 0; }
    #tool-nav ul li { float: left; display: inline; margin: 0 15px; }



#category-nav {}
  #category-nav h3 { padding: 0 15px; height: 45px; line-height: 45px; font-size: 14px; text-transform: uppercase; background: #4f381f; color: white; }
    #category-nav ul { margin: 8px 0; line-height: 20px; }
      #category-nav ul li a { padding: 0 0 0 15px; }
        #category-nav ul li ul { margin: 0 0 0 10px; }
  
  
  
  
  #cart-overview { overflow: hidden; position: absolute; top: 45px; right: 0; line-height: 20px; width: 360px; text-align: right }
    #cart-overview h3 { float: left; display: inline; margin: 0 15px 0 0; padding: 0 0 0 26px; background: url(./../images/icon-cart.png) 0 center no-repeat; }
    #cart-overview p { float: left; display: inline; margin: 0 15px 0 0; }
    #cart-overview form { float: left; display: inline; }





#home-quotes h3 { padding: 0 15px; height: 45px; line-height: 45px; font-size: 14px; text-transform: uppercase; background: #4f381f; color: white; }


#info-basic h4, #info-help h4, #info-shop h4
{ font-size: 10px; line-height: 24px; margin: 0 0 8px 0; text-transform: uppercase; letter-spacing: 1px; border: 2px solid #ebebeb; border-width: 0 0 2px 0; }





/* Basic typography */
#main h1 { font-size: 24px; line-height: 32px; margin: 0 0 16px 0; padding: 8px 0 8px 0; border: 1px solid #d9c6b4; border-width: 0 0 1px 0; }
#main h2 { font-size: 18px; line-height: 32px; margin: 0 0 16px 0; }
#main h3 { font-size: 14px; margin: 0 0 16px 0; }
#main p { margin: 0 0 16px 0; }
#main table { margin: 0 0 16px 0; }
#main dl { margin: 0 0 16px 0; }
#main form { margin: 0 0 16px 0; }








/* Product list, grids*/
#homepageProducts { width: 545px; padding: 0 15px; float: left; display: inline; }
  #homepageProducts .featuredProducts { border: 1px solid #d9c6b4; border-width: 0 0 1px 0; }
  #homepageProducrs .comingSoonProducts {}
  #homepageProducts ol.viewAsGrid { overflow: hidden; .height: 1%; }
    #homepageProducts ol.viewAsGrid li { float: left; display: inline; width: 265px; overflow: hidden; }
    #homepageProducts ol.viewAsGrid li.first { margin-right: 15px; }

    #homepageProducts h2 { text-transform: uppercase; font-size: 16px; margin-top: 8px; }

    #homepageProducts .product { overflow: hidden; }
      #homepageProducts .product .main { float: right; display: inline; width: 155px; padding: 0 15px; }
      #homepageProducts .product .side { float: left; display: inline; width: 80px; }
      #homepageProducts .product h3 { font-size: 12px; }
      #homepageProducts .product p.price { font-size: 12px; margin: 16px 0; }





    
.productList { margin: 16px 0 0 ; }
  .productList li { padding: 16px 0 0 0; margin: 0 0 16px 0; overflow: hidden; border: 1px solid #d9c6b4; border-width: 1px 0 0 0; }
    .productList .product-main { float: left; display: inline; width: 400px; margin-left: 120px; }
    .productList .product-side { float: left; display: inline; width: 200px; margin-left: 20px; }
    .productList .product-image { float: left; display: inline; width: 100px; margin-left: -520px; }
    .productList li h3 { font-size: 14px; }

div.catalogToolbar { margin: 0 0 18px 0; }

  div.catalogToolbar div.viewOptions { overflow: hidden; margin: 0 0 8px 0; }

    div.catalogToolbar div.viewAs { overflow: hidden; float: left; display: inline; margin: 0 40px 0 0; }
      div.catalogToolbar div.viewAs h6 { font-weight: normal; margin: 0 10px 0 0; display: inline; float: left; }
      div.catalogToolbar div.viewAs ul { overflow: hidden; display: inline; float: left; }
        div.catalogToolbar div.viewAs ul li { display: inline; float: left; margin: 2px 10px 0 0; }
          div.catalogToolbar div.viewAs ul li a,
          div.catalogToolbar div.viewAs ul li strong { position: relative; display: block; width: 14px; height: 12px; overflow: hidden; }
              div.catalogToolbar div.viewAs ul li a span,
              div.catalogToolbar div.viewAs ul li strong span { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
              div.catalogToolbar div.viewAs ul li.gridView strong span { background: url(./../images/icon-change-view.png) 0 0 no-repeat; }
              div.catalogToolbar div.viewAs ul li.listView strong span { background: url(./../images/icon-change-view.png) -14px 0 no-repeat; }
              div.catalogToolbar div.viewAs ul li.gridView a span { background: url(./../images/icon-change-view.png) 0 -12px no-repeat; }
              div.catalogToolbar div.viewAs ul li.listView a span { background: url(./../images/icon-change-view.png) -14px -12px no-repeat; }
              div.catalogToolbar div.viewAs ul li.gridView a:hover span { background: url(./../images/icon-change-view.png) 0 -24px no-repeat; }
              div.catalogToolbar div.viewAs ul li.listView a:hover span { background: url(./../images/icon-change-view.png) -14px -24px no-repeat; }

    div.catalogToolbar div.itemsPerPage { overflow: hidden; float: left; display: inline; margin: 0 40px 0 0; }
      div.catalogToolbar div.itemsPerPage h6 { font-weight: normal; margin: 0 10px 0 0; display: inline; float: left; }
      div.catalogToolbar div.itemsPerPage ul { overflow: hidden; display: inline; float: left; }
        div.catalogToolbar div.itemsPerPage ul li { display: inline; float: left; margin: 0 10px 0 0; }
          div.catalogToolbar div.itemsPerPage ul li strong { font-weight: normal; }

    div.catalogToolbar div.sortBy { overflow: hidden; float: right; display: inline;  }
      div.catalogToolbar div.sortBy h6 { font-weight: normal; margin: 0 10px 0 0; display: inline; float: left; }
      div.catalogToolbar div.sortBy ul { overflow: hidden; display: inline; float: left; }
        div.catalogToolbar div.sortBy ul li { display: inline; float: left; margin: 0 10px 0 0; }
          div.catalogToolbar div.sortBy ul li strong { font-weight: normal; }

    div.catalogToolbar div.resultsRange { overflow: hidden; float: left; display: inline; margin: 0 40px 0 0; }
      div.catalogToolbar div.resultsRange h6 { font-weight: normal; margin: 0 10px 0 0; display: inline; float: left; }
      div.catalogToolbar div.resultsRange p { overflow: hidden; display: inline; float: left; margin: 0 !important; }
      
    div.catalogToolbar div.pagination { overflow: hidden; float: right; display: inline; }
      div.catalogToolbar div.pagination h6 { font-weight: normal; margin: 0 10px 0 0; display: inline; float: left; }
      div.catalogToolbar div.pagination ul { overflow: hidden; display: inline; float: left; }
        div.catalogToolbar div.pagination ul li { display: inline; float: left; margin: 0 10px 0 0; }




        
        
        

    
/* Product page*/
#product-overview { overflow: hidden; margin: 0 0 16px 0; .height: 1%;}
  #product-main { float: right; display: inline; width: 497px }
    #product-main-wrapper { overflow: hidden; }
    #product-main-wrapper .flagsBox { width: 200px; float: left; display: inline; }
    #product-main-wrapper .saleBox { width: 200px; float: right; display: inline; }

  #product-gallery { float: left; display: inline; width: 230px; margin: 16px 20px 16px 0; text-align: center; }
  #product-overview p.availability { margin: 0; }
  #product-overview p.price { font-size: 14px; }

  
#product-description  { margin: 0 0 16px 0; }

#product-attributes { }
  #product-attributes table { width: 100%; }
    #product-attributes table tbody tr td { padding: 4px 8px; }
    #product-attributes table tbody tr.odd td { background: #f8f8f8; }
    #product-attributes table tbody tr td.label { width: 192px; }




.featuredFlag { background: green; color: white; font-size: 9px; letter-spacing: 1px; text-transform: uppercase; padding: 2px 5px; margin-right: 8px; }
.bestsellerFlag { background: blue; color: white; font-size: 9px; letter-spacing: 1px; text-transform: uppercase; padding: 2px 5px; margin-right: 8px; }
.comingSoonFlag { background: #ffa800; color: white; font-size: 9px; letter-spacing: 1px; text-transform: uppercase; padding: 2px 5px; margin-right: 8px; }




.pagination-wrap { margin: 16px 0; }
  .pagination-wrap ul { overflow: hidden; }
    .pagination-wrap ul li { float: left; display: inline; margin: 0 4px; }
      .pagination-wrap ul li a { border: 1px solid #dddddd; padding: 1px 6px; display: block; }
      .pagination-wrap ul li a:hover { background: #dddddd; }
    .pagination-wrap ul li.active { border: 1px solid white; padding: 1px 6px; }



/* Cart */
table.cart { margin-bottom: 4px !important; }
  table.cart th { padding: 5px 10px; background: #f0f0f0; font-size: 14px; }
  table.cart td { padding: 5px 10px; border: 1px solid #f0f0f0; border-width: 0 0 1px 0; }
  table.cart tr.summary td { font-size: 14px; }
  table.cart input { width: 40px; }
  table.cart input.delete { width: auto; font-size: 10px; background: white; border: none; color: #cc1400; cursor: pointer; }
  table.cart input.recalculate { width: auto; font-size: 10px; background: white; border: none; color: #cc1400; cursor: pointer; }

table.proceedToCheckout { border: 1px solid #f0f0f0; border-width: 1px 0 0 0; }
  table.proceedToCheckout td { padding: 5px 10px; border: 1px solid #f0f0f0; border-width: 0 0 1px 0; }
  form.proceedToCheckout fieldset.actions { text-align: right; }


/* InForms */
form.informs {}
  form.informs label { display: block; font-weight: bold; }
  form.informs .radio_list label { display: inline; font-weight: normal; }
  form.informs div.form-unit { }

.align-right { text-align: right; }
.align-left  { text-align: left; }



  form.informs div.form-unit { margin: 0 0 8px 0; }

  form.informs input.very-short    { width: 50px; }
  form.informs input.short         { width: 150px; }
  form.informs input.medium        { width: 300px; }
  form.informs input.long          { width: 450px; }
  form.informs input.very-long     { width: 600px; }

  form.informs p.help { color: #999; }

  form.informs fieldset.actions { margin: 16px 0; }




form.inForms {}
  form.inForms label { display: block; font-weight: bold; margin: 0 0 2px 0; }
  form.inForms div.formUnit { margin: 0 0 9px 0; }
    form.inForms div.formUnit input { border: 1px solid #999; border-color: #999 #ddd #ddd #999; background: #fafafa; }
    form.inForms div.formUnit input:focus { background: #FFFFE1; }
     form.inForms input.veryShort     { width: 50px; }
     form.inForms input.short         { width: 150px; }
     form.inForms input.medium        { width: 300px; }
     form.inForms input.long          { width: 450px; }
     form.inForms input.veryLong      { width: 600px; }

   form.inForms div.formUnitCheckbox label { display: inline; font-weight: normal; }

     
   form.inForms div.formUnit select { border: 1px solid #999; border-color: #999 #ddd #ddd #999; background: #fafafa; }
   form.inForms div.formUnit select:focus { background: #FFFFE1; }
    
   form.inForms span.asterisk { color: red; }
    
    form.inForms div.formUnitError input { background: #ffeff1; }
    form.inForms div.formUnitError select { background: #ffeff1; }

  form.inForms .errorList { color: red; }

  form.inForms p.help { color: #999; }
  
  form.inForms div.col { float: left; padding: 0 20px 0 0; }
  
  
  form.inForms h2.legend { background: #eee; font-weight: normal; padding: 0 10px; }
  


.msgSuccess { background: #D5FFCE; border: 1px solid #9ADF8F; color: #556652; padding: 15px; font-size: 12px; }
.msgWarning { background: #fdff74; border: 1px solid #d98031; color: #583a1f; padding: 15px; font-size: 12px; }
.msgError { background: #ffcece; border: 1px solid #e03232; color: #480c0c; padding: 15px; font-size: 12px; }




#main form.clearCart { padding: 0 10px; width: 200px; margin-left: 120px; margin-top: -40px; }
#main form.cart fieldset.actions { padding: 10px 10px 0 10px; }



table.basic { width: 100%; }
  table.basic th { padding: 5px 10px; background: #f0f0f0; font-size: 14px; }
  table.basic td { padding: 5px 10px; border: 1px solid #f0f0f0; border-width: 0 0 1px 0; }


.page10, .page11 { margin: 8px 16px 0 0;  }
.page10 a, .page11 a { display: block; font-size: 12px; padding: 8px 15px; border: 1px solid #d9c6b4; background: url(./../images/arrow.png) 162px 12px no-repeat; }
.page10 a:hover, .page11 a:hover { text-decoration: none; color: white; background: #cc1400 url(./../images/arrow.png) 162px -38px no-repeat; border: 1px solid #cc1400; }
.page10 { margin-top: 24px; }
.page11 { margin-bottom: 24px; }
    



/* Quotes */
.quote { padding: 0 15px; }

/* Critic Reviews */
.critic-review .review-author { font-style: italic; }







.tabs {
	color: #4f381f;
}
.tab {}
.tab-title {}
.tab-content {}

.tab-nav { 
	overflow: hidden;
	border-bottom: 3px solid #e6dace;
}

.tab-nav-item { 
	float: left;
	padding: 8px 15px;
	margin: 0 1px 0 0;
	cursor: pointer;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	
	border-bottom: 1px solid #b11100;
	
	background: #ee1801;	
	background: -webkit-gradient(linear, left bottom, left top, from(#ee1801), to(#ff7f71));
	background: -moz-linear-gradient(bottom,  #ee1801,  #ff7f71);
	
	color: white;	 
}

.tab-nav-item:hover {
	border-bottom: 1px solid #ff7f71;
	
	background: #ee1801;	
	background: -webkit-gradient(linear, left top, left bottom, from(#ee1801), to(#ff7f71));
	background: -moz-linear-gradient(top,  #ee1801,  #ff7f71);
}

.tab-nav-item.current {
	border-bottom: 1px solid #e6dace;
	
	background: #e6dace;
	background: -webkit-gradient(linear, left bottom, left top, from(#e6dace), to(#f2ece5));
	background: -moz-linear-gradient(bottom,  #e6dace,  #f2ece5);	
	
	color: #4f381f;
}

.tab-viewport { 
	margin: 0 0 18px 0;
	border-bottom: 1px solid #D9C6B4;
	background: #e6dace; 
}
.tab-viewport-item {}


#new-form {}
#new-form .form-section {
	padding: 15px;
	
	background: #e6dace url(./../images/form-section-bg.png) 0 0 repeat-x;
}
#new-form h2.legend { 
	padding: 0;
	
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 1px;
	
	background: none; 
}