/* COLORS 

img/button borders: BCD9F0
address list stuff: B270D3
light colors like subtotal area: DDDDDB
strong text: 55555B
button colors, notice bg's: EEEEEE //should be light color...not necessarily for text
*/


.error, .error strong { color: #C00; }
h3.error { font-weight: normal; border: 1px solid #C00; background: #EEEEEE; 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: #55555B; 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 10px 0 0; }
input.button { color:#55555B; font: bold 92% Verdana, Arial, Helvetica, sans-serif; padding: 2px; background: #BCD9F0; border: 1px solid #BCD9F0; padding: 2px 3px 4px 3px; height: 21px; text-align:center; }
a.button { text-align: center; color: #55555B; font: bold 92% Verdana, Arial, Helvetica, sans-serif; white-space: nowrap; display: block; padding: 3px 0 2px 0; background: #BCD9F0; cursor: default; text-decoration: none; border: 1px solid #BCD9F0; height:14px; }
input.button-alt { font: bold 92% Verdana, Arial, Helvetica, sans-serif; vertical-align:middle; background: #EEEEEE; border: 1px solid #BCD9F0; padding: 2px 3px 4px 3px; height: 21px; }
a.button-alt { text-align: center; color: #55555B; font: bold 92% Verdana, Arial, Helvetica, sans-serif; white-space: nowrap; display: block; padding: 3px 0 2px 0; background: #EEEEEE; cursor: default; text-decoration: none; border: 1px solid #BCD9F0; height:14px; }

.price { color: #A92F41; }
.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 span.title { }
#sub-categories { background: #EEEEEE; border: 1px solid #D9DDC0; padding: 7px; margin: 10px 0; }
#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 { }
#create-account-form { width: 300px; }

/* your account */
#your-account { }
#your-account li { padding: 5px 0; }
#your-account li a { display: block; }

/* order history */
#order-history {}
/* wish list */
#wish-list {}
/* gift certificates */
#gift-certificates {}
/* memberships */
#memberships {}

/* address list */
#address-list {}
#address-list div.display { overflow: hidden; width: 95%; background: #EEEEEE; border: 1px solid #B270D3; padding: 10px; margin: 10px 0; }
#address-list div.display strong { border-bottom: 1px solid #B270D3; }
#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 {}
#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; }

/* account preferences */
#account-preferences {}
#account-preferences ul { padding: 0; margin: 0; list-style: none; }
#account-preferences li { 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 {}
#reset-password input.text { margin: 0 5px 0 0; }
#reset-password div.buttons { width: 300px; }

/* edit name/email */
#edit-account {}
#edit-account div.buttons { width: 300px; }

/* category */
#category {}
#category div.row { overflow:hidden; width: 100%; border-bottom: 1px solid #D5D5B7; padding: 15px 0; }
#category div.row div.col-left { float: left; width: 20%; }
#category div.row div.col-right { float: left; width: 80%; }
#category div.row div.prod-image {}
#category div.row div.prod-image img { border: 5px solid #BCD9F0; background: #EEEEEE; padding:5px; }
#category div.row div.prod-info {}
#category div.row div.prod-info p.title { font-weight: bold; }
#category div.row div.prod-info p.title a { color: #55555B; text-decoration: none; } /*---*/
#category div.row div.prod-info p.title a:hover { color: #55555B; text-decoration: underline; } /*---*/
#category div.row div.prod-buy{ margin: 7px 0 0 0; }
#category div.pagination { margin: 10px 0; }

/* details */
#details {}
#details div.row { overflow:hidden; width: 100%; padding: 15px 0; }
#details div.row div.col-left { float: left; width: 24%; } /* change */
#details div.row div.col-right { float: left; width: 48%; padding: 0 0 0 15px; } /* change */
#details div.prod-title { margin: 20px 0 10px 0; }
#details div.prod-title h1 { font-size: 14px; }
#details div.prod-image img { background: #EEEEEE; 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#sub-parts { float:left; width: 24%; margin: 0 0 0 0; padding: 0; text-align:center; }
#details div#sub-parts form { margin: 0 0 0 0; background:#eee; }
#details div#sub-parts h2 { text-align:left; padding: 2px 0 3px 5px; margin:0; background:#ddd; }
#details div#sub-parts p { text-align:left; padding: 0 0 0 10px; }
#details div#sub-parts p strong { font-weight:normal; }
#details .form-divider { margin: 15px 0 0 0; border:1px solid #ddd; }

/* checkout basket */
#basket {}
#basket div.row div.title { color:#55555B; font-weight: bold; border: #DDDDDB 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: 3px solid #BCD9F0; background: #EEEEEE; padding:2px; }
#basket div.prod-title { float: left; width: 578px; margin: 5px 0 0 0; }
#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: #DDDDDB 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 ul#checkout-meter { margin:0 0 10px 0;padding:2px 0 3px 0; list-style:none; overflow: hidden; width: auto; border: #DDDDDB solid; border-width: 1px 0; background:#EEEEEE; }
#checkout ul#checkout-meter li { color:#DDDDDB; float: left; width: auto; padding: 0 30px 0 5px; }
#checkout ul#checkout-meter li.active { color:#55555B; font-weight:bold; }
#checkout form#shipping-form label span { width: 200px; }

#checkout div#checkout-address-list div.display { overflow: hidden; background: #EEEEEE; border: 1px solid #B270D3; 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 #B270D3; }
#checkout form#billing-form label span { width: 200px; }

#checkout div#address-confirm { overflow: hidden; background: #EEEEEE; border: 1px solid #B270D3; padding: 10px; margin: 10px 0;}
#checkout div#address-confirm form { float: left; width: 195px; }

#order-contents { background: #EEEEEE; border: 1px solid #B270D3; padding: 10px; margin: 10px 0; }
#order-contents div.row div.title { font-weight: bold; border: #DDDDDB 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: 673px; margin: 0 0 0 0; text-align:left; }
#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:#DDDDDB; }
#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: #DDDDDB 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:#EEEEEE; border: 1px solid #B270D3; padding: 10px; margin: 10px 0; }

#customer-survey { background: #EEEEEE; padding: 10px; border: 1px solid #B270D3; margin: 10px 0 0 0; }
#customer-survey input { vertical-align: text-top}
#customer-survey label { display:inline; margin: 3px 10px 0 0;}
/* contact */
#contact {}
#contact form { margin: 20px 0; }
#contact form div.buttons { width:340px; }
/* 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; }