/* COLORS 

img/button bg borders: 676767
address list stuff: A2B1C7
light colors: DDDDDB 
strong text: 55555B
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; }

.price { color: #5675A3; }
.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 {}

/* common */
#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; }
.output { display:none; padding:5px; margin: 5px 0 0 0; line-height: 15px !important; }
.output button span.button,.output a.button span { width: auto !important; }

/*gallery*/
#gallery {}
#gallery ul { padding:0; margin:0; list-style:none; width: 100%; }
#gallery li { float:left; width:100px; margin: 0 10px 10px 0; border: 1px solid #ECF6FB; }
#gallery img { width: 100px; height: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; }


/* PAGES 
----------------------*/
/* login */
#login { overflow: hidden; width: 100%; }
#login form label span { width: 109px; }
#login-form { float: left; width: 265px; 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 {  }

/* order history */
#order-history {}

/* gift certificates */
#gift-certificates {}
#gift-certificates form label span { width: 200px; }
#gift-certificates form label textarea { width: 200px; }
#gift-certificates form .buttons { width: 410px; }
/* memberships */
#memberships {}
/* affiliates */
#affiliates {}
/* links */
#links {}
/* order status */
#order-status {}

/* 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; }

/* pagination */
.pagination { clear:both; }
.pagination .pages {}
.pagination .pages .selected { font-weight:bold; }
.pagination .display {}
#checkout form#shipping-form label span { width: 200px; }

#checkout div#address-confirm { width:97%; 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; }

/* related */
#related { clear:both; width: 100%; overflow:hidden; margin: 20px 0 0 0; }
#related h3 { font-size: 1.4em ! important; color:#8F668F ! important; }
#related ul { margin:0;padding:0; background:#eee; width: 100%; }
#related li { overflow: hidden; width: 100%; margin: 5px 0; padding: 5px 0; list-style:none; }
#related .image { float:left; width: 120px; margin:0;padding: 0; }
#related .image img { display:block; margin:0 auto; }
#related .link { float:left; width: 335px; padding: 10px 0 0 0; margin:0; }
#related .link a { text-decoration:none; color:#56514F; }

#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; }


/* COLORS
light light gray: EBEBEB
light gray alt: EDE3EB
dark gray buttons,price (purple): 8F668F
basket contents bg: F8F7F1
alt text,basket contents, detail h3: 979551
*/

/* site dialog */
.error,.error-sm, .error strong { text-align:left; color: #D73838; }
.success,.success-sm, .success strong { text-align:left; color: #390; }
.info,.info-sm, .info strong { text-align:left; color: #8F668F; }

p.error, p.success,p.info { margin:20px 0 20px 0; width:auto; position:relative; display:block; padding: 10px 20px 10px 30px; }
p.error span, p.success span,p.info span {  }

p.error { border:1px solid #b01515; background: #f4efef; }
p.error span { }

p.success { border:1px solid #42b623; background:#f0fbed; }
p.success span {  }

p.info { background:#EDE3EB; border:1px solid #8F668F; }
p.info span {  }

.price { color:#8F668F; }

#search-results {}
#category {}
#featured-results { padding: 20px 0 0 0; }

/* nav subcats */
#nav-subcats {}
#nav-subcats ul { list-style:none; margin:0;padding:0; }
#nav-subcats li { padding: 5px 0 5px 20px; background:url(../images/nav-subcats-li.png) 10px 8px no-repeat; }
#nav-subcats li a { font-size: 1.3em; }

/* nav cats */
#nav-cats { background:#fff; border: 1px solid #EDE3EB; width: 100%; overflow:hidden; }
#nav-cats ul { list-style:none; margin:0 0 0 18px; padding:10px 0 0 0; }
#nav-cats li { float:left; width:152px; margin: 0 18px 10px 0; height:200px; padding: 5px 0 5px 0; background:url(../images/nav-cats-li.png) 10px 8px no-repeat; border:1px solid #EBEBEB; }
#nav-cats li img { border:1px solid #fff; }
#nav-cats li a { color:#8F668F; font-size: 1.3em; }
#nav-cats li .image { text-align:center; padding:0; }
#nav-cats li .link { text-align:center; padding: 5px 3px; }

/* basket contents */
#basket-contents { color:#979551; background:#F8F7F1; margin: 4px 4px; padding: 5px 5px; }
#basket-contents h3 { color:#8F668F; margin:0; font-size: 1.2em; background:#EDE3EB; padding:3px; }
#basket-contents ul { margin: 5px 0 0 0;padding:0;list-style:none !important; }
#basket-contents ul li { padding:3px 0; overflow:hidden; border-bottom:1px solid #fff; width: 161px; /*change*/ }
#basket-contents ul li.even { background:#f8f1f8; }
#basket-contents ul li.odd { }
#basket-contents ul li span { }
#basket-contents ul li a { text-decoration:underline; display:inline; color:#979551; }
#basket-contents .buttons { }

/* ORDER CONTENTS TABLE */
table.contents { margin: 10px 0 7px 1px; width:100%; background:#fff; border: solid #EBEBEB; border-width: 1px 1px 1px 1px; }
table.contents caption { font-size:1.3em; font-weight:bold; text-align:left; color:#8F668F; margin: 0 0 0 0; }
table.contents th { text-align:center; color:#8F668F; line-height: 23px;background:#EBEBEB; white-space:nowrap; }
table.contents th span { display:block; height: 100%; padding: 0 10px; }
table.contents th.left span { background: url(../images/corner-left.png) no-repeat left top; }
table.contents th.right span { background: url(../images/corner-right.png) no-repeat right top; }
table.contents td { color:#8F668F; vertical-align:top; padding: 10px 10px 10px 10px; border-bottom: 1px solid #EBEBEB; }
table.contents td.image {padding:0;}
table.contents td.image a { padding:10px 10px 15px 10px; display:block; height: 100%;}
table.contents td.left { }
table.contents td.right { }
table.contents .box-number { text-align:left }
table.contents .status { text-align:left; }
table.contents .recurring { text-align:center; }
table.contents .date { text-align:right; }
table.contents .total { text-align:right }
table.contents .price { text-align:right; }
table.contents .title span { display:block; color:#8F668F; margin:0; font-weight:normal; }
table.contents td.qty { white-space: nowrap; text-align:center; }
table.contents td.qty input.text { direction:rtl; }
table.contents tr.totals { white-space: nowrap; text-align:right;  border-top:;}
table.contents tr.totals td {border:0;}
table.contents td.totals { white-space: nowrap; text-align:right; }
table.contents tr.totals .price { font-weight: bold; }
table.contents .buttons { }

/* product display */
.product-display { margin: 0 0 0 0; }
.product-display #form-sort-by { border: solid #EBEBEB; border-width: 1px 0; padding: 5px 0; }
.product-display #form-sort-by fieldset { margin: 0 0 0 auto; width: 290px; }
.product-display #form-sort-by select { height: 20px; font-size: 1.1em; }
.product-display #form-sort-by button { margin-left: 4px; }

.product-display dl { margin: 10px 0 0 0; width:100%; }
.product-display dt {}
.product-display dd { float:left; position:relative; width: 31.3%; height: 205px; border: 1px solid #EBEBEB; margin: 0 11px 20px 0; padding: 0 0 0 0; background:#fff; }
.product-display dd .title { background:#EBEBEB; padding:3px 5px 5px 5px; height: 26px; overflow:hidden; line-height:1.4em; }
.product-display dd .title a { color:#8F668F; font-size: 1.2em; text-decoration: none; }
.product-display dd .image { margin: 0 0 0 5px; overflow:hidden; height:121px; }
.product-display dd .image-large { position:absolute; z-index:10; top: -50px; left: 120px; background:#fff; padding: 10px; border:1px solid #8F668F; width:auto; }
.product-display dd.third .image-large { left: -400px; }

.product-display dd button { position:absolute; bottom:2px; right: 0; }
.product-display dd a.button { padding: 0 15px 0 25px !important; position:absolute !important; bottom:2px; left: 2px; }
.product-display dd .price { position:absolute; bottom:45px; right: 10px; font-size:1.3em; }
.product-display dd .discounts { position:absolute; bottom: 0; padding: 5px; left:0; background:none; }
.product-display dd .discounts .title { background:none; height:auto; padding:0;margin:0; }
.product-display dd .discounts .text { margin:0;padding:0; }

/* pagination */
.pagination { border: solid #EBEBEB; border-width: 1px 0; padding: 5px 0; overflow:hidden; width: 100%; }
.pagination .links { overflow:hidden; float:right; width: 50%; line-height: 15px; white-space:nowrap; }
.pagination .text { display:block; float:left; width:68px; padding: 5px; margin: 0 5px; }
.pagination .number { color:#8F668F; text-decoration:none; border:1px solid #EBEBEB; display:block; float:left; height: 20px; line-height: 20px; margin: 0 3px; padding: 0 5px; }
.pagination .number:hover { border:1px solid #8F668F; }
.pagination .separator { display:block; float:left; }
.pagination .active { border:1px solid #8F668F; background:#EBEBEB; }
.pagination .prev, .pagination .next { font-size: 14px; }
.pagination .display { float:left; width: 50%; font-style: italic; padding:0;margin:0; line-height: 35px; }

/* breadcrumbs */
#breadcrumbs { margin: 10px 0; }
#breadcrumbs h2 { display:inline; font-weight:normal; font-size: 1em; padding:0; }
#breadcrumbs ul{ display:inline; margin:0; padding:0; list-style:none; }
#breadcrumbs li { display:inline; }
#breadcrumbs li strong,#bread-crumbs li a { text-transform: capitalize; }

/* DETAILS */
/*details*/
#details {}
#details h3 { margin: 15px 0 0 0; font-size:1.6em;color:#979551; padding: 5px 5px 7px 5px; font-weight:normal; border: solid #EBEBEB; border-width: 1px 0; line-height: 1.1em; }
#details .content { width: 100%; padding: 15px 0; }
#details .panel { float: left; width: 25%; margin: 0 0 0 10px; } /* change */
#details .panel .image {  text-align:center; }
#details .panel .image img { margin:0 auto; }
#details .panel .price { font-size: 1.5em; display:block; margin: 0 5px 0 0; text-align:right; line-height: 30px; }
#details .panel .savings { text-align:right; }
#details .panel form { width: 100%; text-align:right; }
#details .panel form label { display:block; margin: 0 0 10px 0; }
#details .panel form .buttons { line-height: 35px; }
#details .panel form button span.button,#details .panel form a.button { width:120px; }
/*subproducts*/
#details .panel #sub-products { text-align:left; }
#details .panel #sub-products h5 { color:#8F668F; border-top: 1px solid #EBEBEB; margin: 0; padding:5px 0 0 0; }
#details .panel #sub-products p { overflow:hidden; width: 100%; }
#details .panel #sub-products p img { float:left; margin: 0 5px 0 0; }
#details .panel #sub-products form { text-align:left; }
#details .panel #sub-products form label { display:inline; margin:0; }
#details .panel form button span.button span,#details .panel form a.button { width:auto; }
/*display*/
#details .display { float: right; position:relative; display:inline; margin: 0 10px 0 0; width: 65%; } /* change */
#details .display ul.tabs { margin:0;padding:0; list-style:none; }
#details .display ul.tabs li{ float:left; display:inline; background: url(../images/corner-right.png) no-repeat right top #EBEBEB; margin: 0 1px 0 0; padding: 0 10px 0 0; }
#details .display ul.tabs li.active{ background: url(../images/corner-right-active.png) no-repeat right top #8F668F; }
#details .display ul.tabs li a{ display:block; display:inline-block; width:auto; color:#8F668F; text-decoration:none; background:url(../images/corner-left.png) no-repeat left top; height: 18px; padding: 6px 0 0 10px; }
#details .display ul.tabs li.active a{ background:url(../images/corner-left-active.png) no-repeat left top; color:#EBEBEB; height: 19px; }

#details .display .tab-blocks { }
#details .display .tab-blocks .tab-block{ position:absolute; top:25px;left:0; width:91%; min-height: 200px; border:1px solid #8F668F; display:none; padding: 10px 20px; background:#fff; }
* html #details .display .tab-block .tab-block{ height:200px; width:100%; }
#details .display .tab-blocks .active { display:block; }
* html #details .display .tab-blocks .active { display:block; height:200px; }
#details .display .tab-blocks .tab-block h4 { display:none; }

/* checkout meter*/
#checkout-meter { margin:10px 0 15px 0; padding:2px 0 2px 15px; border: #EBEBEB solid; border-width: 1px 0; background:url(../images/checkout-meter.png) 0 3px no-repeat #fff; }
#checkout-meter ul { padding:0; margin:0; list-style:none; width: 100%; }
#checkout-meter li { color:#EDE3EB; display:inline; padding: 0 30px 0 5px; }
#checkout-meter li.active { color:#8F668F; }

/* CHECKOUT */
#checkout{}
#checkout h3 { font-size:1.3em; color:#8F668F; }
#checkout .display,
#order-history-details .display { overflow:hidden; width:100%; margin:15px 0 0 0; }
#checkout #fShipping,
#checkout #fBilling,
#order-history-contents #fBilling,
#order-history-contents table,
#checkout table.contents { float:left; width:76%; }

/*address*/
#checkout #address-list,#order-history-details #address-list { float:right; width:160px; border:1px solid #EDE3EB; background:#fff; padding: 0 0 10px 0; margin: 10px 0; }
#checkout #address-list .buttons { text-align:left; margin: 0 0 0 -5px; }
#checkout #address-list form { margin: 0 5px 0 15px; }
#checkout #address-list form strong { color:#8F668F; }
#checkout #address-list h3 { background:#EDE3EB; margin:0; padding: 5px 0 5px 5px; } 
#checkout .display h3,
#checkout .order-history-details h3 { font-size:1.1em; font-weight:bold; color:#8F668F; }
#checkout #address-list form legend,
#order-history-details #address-list form legend { display:none; }
#fAddNew legend { display:none; }

#checkout form#billing-form label span { width: 200px; }
#checkout div#address-confirm { width:97%; overflow: hidden; background: #FBFCFC; border: 1px solid #E8EAEE; padding: 10px; margin: 10px 0;}
#checkout div#address-confirm form { float: left; width: 195px; }
#checkout textarea { width:99%; height:auto; }
#checkout .buttons { }

/* wish list */
#wish-list {}
#wish-list .contents .title { background:#EBEBEB; }
#wish-list .contents span.button,#wish-list .contents a.button { width:85px !important; text-align:center; margin:3px 0 0 0; }
#wish-list .contents .text label { width: 80px; display:block; float:left; text-align:right; margin: 0 3px 0 0; }
#wish-list .contents .text select { float:left; width: 204px; }
#wish-list .contents .text textarea { font-size: 1.2em; color:#8F668F; float:left; width: 200px; margin: 3px 0 0 0; background:#EDE3EB; border:0; }

/* reviews */
#reviews { }
#reviews h6 { color:#8F668F; margin: 0 0 0 80px; font-size: 1em; }
#reviews h6 .date { font-weight:normal; }
#reviews .stars { display:block; height: 14px; width: 75px; background: url(/commerce/includes/images/stars.png) no-repeat; text-indent: -6000px; }
#reviews .stars-0-5 { background-position: 0 -126px; }
#reviews .stars-1 { background-position: 0 -112px; }
#reviews .stars-1-5 { background-position: 0 -98px; }
#reviews .stars-2 { background-position: 0 -84px; }
#reviews .stars-2-5 { background-position: 0 -70px; }
#reviews .stars-3 { background-position: 0 -56px; }
#reviews .stars-3-5 { background-position: 0 -42px; }
#reviews .stars-4 { background-position: 0 -28px; }
#reviews .stars-45 { background-position: 0 -14px; }
#reviews .stars-5 { background-position: 0 0; }
#reviews .customer-rating { font-weight: bold; position:relative; padding: 0 0 0 0; margin:0; width:260px; }
#reviews .customer-rating .stars { right: 0; position:absolute; top:0; left:auto; bottom:auto; }
#reviews ul { margin: 20px 0 10px 0; padding:0; }
#reviews ul li { list-style: none; position:relative; margin: 0 0 10px 0; }
#reviews ul li .rating { padding:0; margin:0; position:absolute; top:0;left:0; }
#reviews .reviewer { padding:0; }
#reviews ul li .name { font-weight:bold; }
#reviews ul li .text { }

.out-of-stock { display:block; width: 150px; padding-left: 5px; }