/* COLORS 
img/button bg borders: 4A5B4A
address list stuff: A2B1C7
light colors: DDDDDB 
strong text: 55555B
button colors, notice bg's: FBFCFC //should be light color
*/
/* common */

.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: #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; cursor: pointer; }
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 { cursor: pointer; color:#FBFCFC; font: bold 92% Verdana, Arial, Helvetica, sans-serif; padding: 2px; background: #4A5B4A; border: 1px solid #4A5B4A; 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: #4A5B4A; cursor: default; text-decoration: none; border: 1px solid #4A5B4A; height:14px; }
input.button-alt { font: bold 92% Verdana, Arial, Helvetica, sans-serif; vertical-align:middle; background: #FBFCFC; border: 1px solid #4A5B4A; 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: #FBFCFC; cursor: default; text-decoration: none; border: 1px solid #4A5B4A; height:14px; }

.price { color: #a92f41; font-weight: bold; }
.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 #A2B1C7; 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 { }
#create-account-form { width: 300px; }
#create-wholesale-form { clear: both; }

/* 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: #FBFCFC; border: 1px solid #A2B1C7; padding: 10px; margin: 10px 0; }
#address-list div.display strong { border-bottom: 1px solid #A2B1C7; }
#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; }

/* order history details */
#order-history-details {}
#order-history-details div.row { overflow:hidden; width: 100%; }



/* account preferences */
#account-preferences {}
#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 {}
#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 #A2B1C7; 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 { text-align:center; }
#category div.row div.prod-image img { border: 1px solid #BFCA9F; background: #FBFCFC; padding:5px; }
#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: #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; }
#category div#sub-categories a { text-transform: capitalize; }
/* details */
#details {}
#details div.row { overflow:hidden; width: 100%; padding: 15px 0; }
#details div.row div.col-left { float: left; width: 35%; } /* change */
#details div.row div.col-right { float: right; width: 62%; } /* 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 #4A5B4A; background: #FBFCFC; padding:5px; }
#details div.prod-specs { margin: 10px 0 0 0; }
#details div.prod-price { margin: 5px 40px 0 0; text-align:right; }
#details fieldset { padding-top:0; }
#details div.prod-options { text-align: left; }
#details div.prod-options select { width: 300px; font-size: 11px; }
#details div.prod-options label span { float:none; width: 160px; text-align:left; }
#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 {}
.qtyInput { width: 30px; height: 21px; font-size: 14px; line-height: 21px; border: 1px solid #BFCA9F; }

/* 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 #4A5B4A; background: #FBFCFC; padding:2px; }
#basket div.prod-title { float: left; width: 408px; 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: #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:#FBFCFC; }
#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: #FBFCFC; border: 1px solid #A2B1C7; 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 #A2B1C7; }
#checkout form#billing-form label span { width: 200px; }

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

#order-contents { background: #FBFCFC; border: 1px solid #A2B1C7; 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: 516px; 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:#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:#FBFCFC; border: 1px solid #A2B1C7; padding: 10px; margin: 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; }

#popup-bg { background: #000; position:absolute; z-index:500; top:0;left:0; }
.loading { background: url(../images/loading.gif) 50% 50% no-repeat; min-height: 30px; width: 100px; }
* html .loading { height: 30px; }

/*gallery*/
#display-gallery{ padding: 10px 5px; }
#gallery {}
#gallery ul { padding:0; margin:0; list-style:none; overflow:hidden; width: 100%; border-bottom: 1px solid #D8DABF; }
#gallery li { float:left; width:100px; height:100px; overflow:hidden; margin: 0 15px 10px 0; border: 1px solid #4A5B4A; padding: 3px; background:#fff; }
#gallery img { width: 100px;  }

#gallery-image { z-index:510; position:absolute; border: solid #FFF; border-width: 10px 25px; background:#fff; }
#gallery-image p { background:#FFF; padding: 10px 0; }
#gallery-image .close { position:absolute; top: -30px; right:-60px; display:block; width: 43px; height: 43px; cursor: pointer; background: url(../images/close.png) no-repeat; padding: 5px; text-indent: -6000px; }

/*related*/
#related-items { padding: 10px 5px 0 10px; }
#related-items h4 { font-size: 13px; background: #D8DABF; padding: 3px; }
#related-items ul { padding:0; margin:0; list-style:none; width: 100%; overflow:hidden; border-bottom: 1px solid #D8DABF; }
#related-items li { float:left; width:150px; margin: 0 15px 10px 0; text-align:center; }
#related-items .related-image {  }
#related-items .related-image { display:block; width: 80px; height:80px; margin: 0 auto; border: 1px solid #4A5B4A; padding: 3px; background:#fff; overflow:hidden; }

.prod-reviews { padding: 10px 5px 0 10px; }
.prod-reviews h4 { font-size: 13px; background: #D8DABF; padding: 3px; }

#start_shopping {
	position: relative;
	background: transparent url(../images/start_shopping_bg.jpg) no-repeat scroll 0 0;
	height: 235px;
	text-align: right;
	vertical-align: bottom;
	width: 554px;
}

#start_shopping_pad a {
	display: block;
	position: absolute;
	top: 186px;
	right: 16px;
	width: 151px;
	height: 18px;
	border: 1px solid #C2B6A8;
	text-indent: -5000px;
	overflow: hidden;
}

#start_shopping_pad a:hover {
	margin: -2px -2px 0 0;
	border: 3px double #F90;
}