/* COLORS 

img/button bg borders: BDA245
address list stuff: D3CFB4
light colors: 542F20 
strong text: 5C3222
button colors, notice bg's: FBFCFC //should be light color
*/


.error, .error strong { color: #C00; }
h3.error { font-weight: normal; border: 1px solid #C00; background: #FBFCFC; padding: 5px; }
p.error { text-align: center; width: 90%; }
.success, .success strong { color: #390; }
p.success { text-align: center; width: 90%; }

.odd { background: transparent; }
.even { background: transparent; }

/* common */
label { display: block; width: 100%; overflow: hidden; margin: 0 0 5px 0; }
label span { display: block; width: 150px; float: left; text-align: right; padding: 4px 5px 0 0; }
label span span { display: inline; float: none; padding:0; } /* req fields and such */
label span.title { font-weight: bold; }
label span.error { text-align: left; width:auto; padding: 3px 0 0 5px; }
label select { color: #5C3222; float: left; margin: 0 0 5px 0; width: auto; }
label input { float: left; margin: 0 0 5px 0; width: 130px; }
label span.block { text-align: left; width: auto; padding:0; margin: 0 0 0 5px; }
label span.block input { float: none; width: auto; }
label span.block select { float: none; margin: 0; }
label span.block input.button { margin: 0; padding: 2px 2px; }
input.longsize { width: 205px; }
input.midsize { width: 70px; }
input.smallsize { width: 30px; }
input.tinysize { width: 20px; }
.inline { float: none; margin: 0; width: auto; }
a.inline { float: left; margin: 0 0 0 10px; }
fieldset { border: 0; padding: 20px 0 20px 0; }

.buttons { text-align: right; margin: 0; }
input.button { color:#FBFCFC; font: bold 92% Verdana, Arial, Helvetica, sans-serif; padding: 2px; background: #BDA245; border: 1px solid #BDA245; padding: 2px 3px 4px 3px; height: 21px; text-align:center; }
a.button { text-align: center; color: #FBFCFC; font: bold 92% Verdana, Arial, Helvetica, sans-serif; white-space: nowrap; display: block; padding: 3px 0 2px 0; background: #BDA245; cursor: default; text-decoration: none; border: 1px solid #BDA245; height:14px; }
input.button-alt { font: bold 92% Verdana, Arial, Helvetica, sans-serif; vertical-align:middle; background: #FBFCFC; border: 1px solid #BDA245; padding: 2px 3px 4px 3px; height: 21px; }
a.button-alt { text-align: center; color: #5C3222; font: bold 92% Verdana, Arial, Helvetica, sans-serif; white-space: nowrap; display: block; padding: 3px 0 2px 0; background: #FBFCFC; cursor: default; text-decoration: none; border: 1px solid #BDA245; height:14px; }

.price { color: #000; }
.price-discounted { color: #A92F41; }
.price-special { color: #A92F41; }

p.notes {}

#sort { text-align: right; width: 355px; margin: 0 0 0 auto; }
#bread-crumbs { margin: 10px 0; }
#bread-crumbs strong,#bread-crumbs a { text-transform: capitalize; }
#sub-categories { background: #FBFCFC; border: 1px solid #D3CFB4; padding: 16px; margin: 10px 0; line-height: 190%;  }
#basket-contents {}

/* PAGES 
----------------------*/
/* login */
#login { overflow: hidden; width: 100%; }
#login form label span { width: 109px; }
#login-form { float: left; width: 250px; margin: 0 20px 0 0; }
#login form h2.title { margin-left: 109px; }
#login-new-form { float: left; width: 250px; }

#login form input.button { float: right; margin: 5px 0 0 10px; }
 
/* create account */
#create-account { border: 1px solid #D3CFB4; background:#FFF; margin: 0; padding:5px; }
#create-account-form { width: 300px; }

/* your account */
#your-account { border: 1px solid #D3CFB4; background:#FFF; margin: 0; padding:5px; }
#your-account li { padding: 5px 0; }
#your-account li a { display: block; }

/* order history */
#order-history {}
/* wish list */
#wish-list {}
/* gift certificates */
#gift-certificates { border: 1px solid #D3CFB4; background:#FFF; margin: 0; padding:5px; }
#gift-certificates form label span { width: 200px; }
#gift-certificates form label textarea { width: 200px; }
#gift-certificates form .buttons { width: 410px; }
/* memberships */
#memberships {}

/* address list */
#address-list {}
#address-list div.display { overflow: hidden; width: 95%; background: #FBFCFC; border: 1px solid #D3CFB4; padding: 10px; margin: 10px 0; }
#address-list div.display strong { border-bottom: 1px solid #D3CFB4; }
#address-list div.display div.address-info { float: left; width: 45%; padding: 10px; }
#address-list div.display div.address-details { float: left; width: 45%; padding: 10px; }

/* add address */
#add-address {}
/* edit address */
#edit-address {}

/* order history */
#order-history { border: 1px solid #D3CFB4; background:#FFF; margin: 0; padding:5px; }
#order-history ul { margin: 0; padding:0; list-style:none; line-height: 130%; }
#order-history li { margin: 0 0 0 5px; }
#order-history span.number { margin: 0 5px 0 10px; }
#order-history span.date { margin: 0 10px 0 10px; }
#order-history span.recurring { margin: 0 10px 0 10px; }

/* order history details */
#order-history-details {}
#order-history-details div.row { overflow:hidden; width: 100%; }



/* account preferences */
#account-preferences { border: 1px solid #D3CFB4; background:#FFF; margin: 0; padding:5px; }
#account-preferences ul { padding: 0; margin: 0; list-style: none; }
#account-preferences li { text-transform: capitalize; padding: 2px 0 2px 15px; }
#account-preferences li.title { padding: 8px 0 8px 20px; }
#account-preferences li.row1 { font-weight: bold; }
#account-preferences li.row2 { margin: 0 0 0 35px; }
#account-preferences li.row3 { font-size: .95em; margin: 0 0 0 55px; }
#account-preferences li.row4 { font-size: .95em; margin: 0 0 0 75px; }
#account-preferences li.row5 { font-size: .95em; margin: 0 0 0 95px; }
#account-preferences li.row6 { font-size: .95em; margin: 0 0 0 115px; }
#account-preferences li.row7 { font-size: .95em; margin: 0 0 0 135px; }
#account-preferences li.row8 { font-size: .95em; margin: 0 0 0 155px; }
#account-preferences li.row9 { font-size: .95em; margin: 0 0 0 175px; }
#account-preferences li.row10 { font-size: .95em; margin: 0 0 0 195px; }

/* reset password */
#reset-password { border: 1px solid #D3CFB4; background:#FFF; margin: 0; padding:5px; }
#reset-password span.success { color:#5C3222; }
#reset-password input.text { margin: 0 5px 0 0; }
#reset-password div.buttons { width: 300px; }

/* edit name/email */
#edit-account { border: 1px solid #D3CFB4; background:#FFF; margin: 0; padding:5px; }
#edit-account div.buttons { width: 300px; }

/* category */
#category { border: 1px solid #D3CFB4; background:#FFF; margin: 0; padding:5px; }
#category div.row { width: 99%; overflow:hidden; margin: 0 5px 0 0; border-bottom: 1px solid #D3CFB4; padding: 15px 0; }
#category div.row div.col-left { float: left; width: 37%; }
#category div.row div.col-right { float: left; width: 62%; }
#category div.row div.prod-image {}
#category div.row div.prod-image img { border: 1px solid #D3CFB4; background: #FBFCFC; padding:5px; width: 190px; }
#category div.row div.prod-info {}
#category div.row div.prod-info p.title { font-weight: bold; text-transform:capitalize; }
#category div.row div.prod-info p.title a { color: #5C3222; text-decoration: none; } /*---*/
#category div.row div.prod-info p.title a:hover { color: #5C3222; text-decoration: underline; } /*---*/
#category div.row div.prod-buy{ margin: 7px 0 0 0; }
#category div.pagination { margin: 10px 0; }
#category div#sub-categories a { text-transform: capitalize; }

/* search (copy of category by default)*/
#search { border: 1px solid #D3CFB4; background:#FFF; margin: 0; padding:5px; }
#search div.row { overflow:hidden; margin: 0 5px 0 0; border-bottom: 1px solid #D3CFB4; padding: 15px 0; }
#search div.row div.col-left { float: left; width: 20%; }
#search div.row div.col-right { float: left; width: 80%; }
#search div.row div.prod-image {}
#search div.row div.prod-image img { border: 1px solid #D3CFB4; background: #FBFCFC; padding:5px; }
#search div.row div.prod-info {}
#search div.row div.prod-info p.title { font-weight: bold; text-transform:capitalize; }
#search div.row div.prod-info p.title a { color: #5C3222; text-decoration: none; } /*---*/
#search div.row div.prod-info p.title a:hover { color: #5C3222; text-decoration: underline; } /*---*/
#search div.row div.prod-buy{ margin: 7px 0 0 0; }
#search div.pagination { margin: 10px 0; }
#search div#sub-categories a { text-transform: capitalize; }

/* details */
#details { }
#details div.row { overflow:hidden; width:95%; padding: 15px; border: 1px solid #D3CFB4; background:#FFF; }
#details div.row div.col-left { float: left; width: 40%; } /* change */
#details div.row div.col-right { float: left; width: 60%; } /* change */
#details div.prod-title { margin: 20px 0 10px 0;  }
#details div.prod-title h1 { font-size: 14px;text-transform:capitalize; }
#details div.prod-image img { border: 5px solid #BDA245; background: #FBFCFC; padding:5px; }
#details div.prod-specs { margin: 10px 0 0 0; }
#details div.prod-price { margin: 5px 0 0 0; }
#details fieldset { padding-top:0; }
#details div.prod-options { text-align: right; }
#details div.prod-options label span { width: 160px; }
#details div.prod-availability {}
#details div.prod-btns { margin: 10px 0 0 0; }
#details div.prod-btns label span { width: 50px; }
#details div.sup-parts {}

/* checkout basket */
#basket { border: 1px solid #D3CFB4; background:#FFF; margin: 0; padding:5px; }
#basket div.row div.title { color:#5C3222; font-weight: bold; border: #542F20 solid; border-width: 0 0 1px 0; margin:0 0 5px 0; padding: 0 0 4px 0; }
#basket div.row { overflow: hidden; width: 100%; margin: 5px 0 0 0; }
#basket div.prod-image { float: left; width: 12%; text-align: center; margin: 0 0 0 0; }
#basket div.prod-image img { border: 1px solid #BDA245; background: #FBFCFC; padding:2px; }
#basket div.prod-title { float: left; width: 342px; margin: 5px 0 0 0; } /* change width */
#basket div.prod-title span { text-align: right; }
#basket div.prod-delete { float: left; width: 25px; text-align: center; margin: 2px 0 0 0;  }
#basket div.prod-quantity { float: left; width: 30px; text-align: center; margin: 5px 0 0 0;  }
#basket div.prod-price { float: left; width: 55px; margin: 5px 0 0 0;  text-align: right; }
#basket div.prod-totals { float: left; width: 60px; margin: 5px 0 0 0;  text-align: right; }
#basket div#totals { text-align: right; overflow: hidden; width: 100%; border: #542F20 solid; border-width: 1px 0 0 0; margin: 5px 0 0 0; padding:4px 0 0 0; }
#basket div#totals div.sub-text { float: right; }
#basket div#totals div.sub-total { float: right; font-weight: bold; width: 70px; }
#basket div#totals div.discounts {}
#basket div.buttons { width: 100%; margin: 20px 0; overflow:hidden; direction:rtl; }

/* checkout */
#checkout { border: 1px solid #D3CFB4; background:#FFF; margin: 0; padding:5px; }
#checkout-meter { margin:10px 0 15px 0; }
#checkout #checkout-meter ul { padding:2px 0 3px 0; list-style:none; overflow: hidden; width: 100%; border: #542F20 solid; border-width: 1px 0; background:#FBFCFC; }
#checkout #checkout-meter li { color:#542F20; float: left; width: auto; padding: 0 30px 0 5px; }
#checkout #checkout-meter li.active { color:#5C3222; font-weight:bold; }
#checkout form#shipping-form label span { width: 200px; }

#checkout div#checkout-address-list div.display { overflow: hidden; background: #FBFCFC; border: 1px solid #D3CFB4; padding: 10px; margin: 10px 0; }
#checkout div#checkout-address-list div.display form { width: 150px; float:left; }
#checkout div#checkout-address-list div.display strong { border-bottom: 1px solid #D3CFB4; }
#checkout form#billing-form label span { width: 200px; }

#checkout div#address-confirm { overflow: hidden; background: #FBFCFC; border: 1px solid #D3CFB4; padding: 10px; margin: 10px 0;}
#checkout div#address-confirm form { float: left; width: 195px; }

#order-contents { background: #FBFCFC; border: 1px solid #D3CFB4; padding: 10px; margin: 10px 0; }
#order-contents div.row div.title { font-weight: bold; border: #542F20 solid; border-width: 0 0 1px 0; margin:0 0 0 0; padding: 0 0 4px 0; }
#order-contents div.row { overflow: hidden; width: 100%; margin: 5px 0 0 0; }
#order-contents div.prod-title { float: left; width: 406px; margin: 0 0 0 0; text-align:left; }  /* change width +105*/
#order-contents div.prod-title span { text-align: right; }
#order-contents div.prod-title ul { padding:0 0 0 10px;margin:0 0 0 10px; }
#order-contents div.prod-delete { float: left; width: 25px; text-align: center; margin: 2px 0 0 0;  }
#order-contents div.prod-quantity { float: left; width: 30px; text-align: center; margin: 0 0 0 0;  }
#order-contents div.prod-price { float: left; width: 55px; margin: 0 0 0 0;  text-align: right; }
#order-contents div.prod-totals { float: left; width: 70px; margin: 0 0 0 0;  text-align: right; }
#order-contents div.totals { text-align: right; overflow: hidden; width: 100%; margin: 0 0 0 0; padding:4px 0 2px 0; background:#FFF; }
#order-contents div.totals div.sub-text { float: right; font-style: italic; }
#order-contents div.totals div.sub-total { float: right; width: 70px; }
#order-contents div.gift-certificates {}
#order-contents div.taxes {}
#order-contents div.adjusted-totals {}
#order-contents div.sub-totals { margin: 5px 0 0 0; }
#order-contents div.discounts {}
#order-contents div.shipping-totals {}
#order-contents div.gift-wrap {}
#order-contents div.promo-code {}
#order-contents div.total-price { background:none; font-weight: bold; border: #542F20 solid; border-width: 1px 0 0 0; }

#order-contents div.buttons { width: 100%; margin: 20px 0; overflow:hidden; direction:rtl; }

#address-contents { margin: 10px 0 0 0; }
#address-contents div.address { }

#order-contents div#order-notice { background:#FBFCFC; border: 1px solid #D3CFB4; padding: 10px; margin: 10px 0; }

/* related items */
#related-items { margin: 10px 0 0 0; }
/* related items */
#related-items fieldset{ margin: 0; padding:0; }
#related-items a { color:#5C3222; font-weight: bold; }
#related-items div.row-related { overflow:hidden; width: 100%; }
#related-items div.col-related { float:left; width: 47%; overflow:hidden; background: #F4F2E2; border: 1px solid #D3CFB4; padding: 0 5px 5px 5px; margin: 5px 5px 5px 0; }
#related-items div.related-image { float:left; width: 40px; margin: 6px 0 0 0; border:1px solid #D3CFB4; }
#related-items div.related-title { float:right; margin: 3px 0; width: 80%; }
#related-items div.related-price {  }
#related-items div.related-buttons { clear:right; float:right; width: 80%; }
#related-items input.text { width: 10px; }

/* reviews */
#write-review { background: #FBFCFC; border: 1px solid #D3CFB4; padding: 10px; margin: 10px 0; }
#write-review textarea.text { width:350px; height: 100px; }
#write-review .buttons { width: 510px; }
#write-review #review-preview { margin: 10px 0 10px 0; }

#reviews {}
#reviews .review-header { background:#FFF; padding: 5px; }
#reviews .review-text { background:#FFF; padding: 5px; margin: 0 0 10px 0; }

/* contact */
#contact {}
#contact form { margin: 20px 0; }
#contact form div.buttons { width:340px; }

#email-a-friend {}
#email-a-friend fieldset { margin: 20px 0 0 0; }
#email-a-friend form label span { width:200px; }

#email-a-friend form div.buttons { width:550px; }

/* security notice */
#security-notice {}

/* print screen */
#print { color: #000; background: #FFF; text-align:left; padding: 20px; }
#print div.address { overflow:hidden; width: 100%; margin: 20px 0; }
#print div.address div { float: left; width: 40%; }
#print table { width: 100%; }
#print table td { border: 1px solid #666; padding: 2px; }
#print table td.title { background: #EDEDED; font-weight:bold; }
