/* Collections Screen CSS Document */

/* -- Product Listing -- */
.listing-product { width:176px; float: left; }
.listing-image { width: 174px; border: 1px solid #ddf2ee;  }
.listing-image a { width: 174px; height: 174px; position: relative; display: block; }
.listing-new-tag { position: absolute;  top: 0; left: 0; z-index: 10; width: 174px; height: 174px; background: url(../../images/listing_new_tag.gif) 117px 148px no-repeat; cursor: pointer; }
.listing-new-tag span { display: none; }

/*.listing-text { width: 160px; border-left: 1px solid #ddf2ee; border-right: 1px solid #ddf2ee; background-color: #f8fcfb; padding:7px; min-height: 5.5em; height:auto; }*/
/*\*/
/** html .listing-text { height: 5.5em; }*/
/**/

.listing-text { width: 160px; border-left: 1px solid #ddf2ee; border-right: 1px solid #ddf2ee; background-color: #f8fcfb; padding:7px; }

.listing-text h2 { font-size: 80%; color: #5a3e30; font-weight: bold; margin: 0 0 0.3em 0; }
.listing-text p { font-size: 70%; color: #5a3e30; margin: 0.3em 0 0 0; }
.listing-button {  }

/* -- Product Images -- */
.main-image { width: 266px; height: 266px; border: 1px solid #cdc5c0; }
.thumb-image { width: 126px; height: 126px; float:left; border: 1px solid #cdc5c0; }

/* Product Text --*/
.product-price { font-size: 90%; font-weight: bold; }

.product-longsummary p, .product-longsummary li { font-size: 80%; }
.product-longsummary ul, .product-longsummary ol  { margin: .5em 0 .8em  0; padding: 0; }
.product-longsummary li { margin: 0 0 0 20px; padding: 0; }

.product-description p, .product-description li { font-size: 70%; }
.product-description ul, .product-description ol  { margin: .5em 0 .8em  0; padding: 0; }
.product-description li { margin: 0 0 0 20px; padding: 0; }

/* -- Product magnify -- */
.thumb-note { font-size: 70%; color: #cdc5c0; margin-bottom: 10px; }
.thumb-note img { vertical-align: middle; }

/* -- Product added box -- */
.product-added-viewcart{ width: 190px; height: 45px; margin: 0 auto 0 auto; background: url(../images/productadded_viewcart.gif) top left no-repeat; }
.product-added-viewcart  a { width: 190px; height: 45px; display: block; outline: none; }
.product-added-viewcart span { display: none; visibility: hidden; }
.product-added-box { padding: 4px; border: 1px solid #a09089; background-color: #5a3e30; font-size: 80%; color:#fff; text-align: center; }

/* You may also like */
.banner-youmayalsolike { width: 268px; height: 25px; background: url(../../images/banner_youmayalsolike.gif) top left no-repeat; overflow: hidden; }
.banner-youmayalsolike h3 { display: none; visibility: hidden; }

/* Packaging promo */
.promo-packaging { width: 268px; height: 163px; background: url(../../images/promo_packaging.jpg) top left no-repeat; }
.promo-packaging h3, .promo-packaging p { display: none; visibility: hidden; }

/* -- Boxes -- */
.box-title { background-color: #ded8d6; padding: 4px 10px; font-size: 80%; color: #5a3e30; font-weight: bold; }
.box-pane { width: 254px; margin-top: 1px; color: #5a3e30; padding: 7px; background-color: #f7f5f4; }
.box-pane-error { width: 254px; margin-top: 1px; background-color: #e33; padding: 7px; color: #fff; }
.box-label { width: 70px; float: left; margin-right: 10px; font-size: 80%; color: #5a3e30; text-align: right; line-height: 1em; }
.box-field-qty { width: 71px; float: left; margin-right: 10px; }
.box-field-qty input { font-size: 80%; color: #5a3e30; }
.box-button-addtocart { width: 90px; float: left; text-align:right; }
.box-msg { font-size: 80%; text-align: center; }
.box-msg-error { font-size: 80%; color:#fff; font-weight:bold; text-align: center; }

.box-colour-item { width: 268px; padding-bottom: 1px; background: url(../../images/box_item_divider.gif) bottom left repeat-x; }
.box-colour-swatch { width: 20px; height: 20px; float: left; margin: 3px; display:inline; } /* 26x26 */
.box-colour-label { width: 206px; float: left;  font-size:80%; color: #5a3e30; padding:5px 5px 0 5px;  }
.box-colour-radio { width: 14px; height: 14px; float: left; margin: 3px; padding: 3px; }
.box-colour-radio input { width: 13px; height: 13px; margin: 0; padding: 0; }

.box-size-item { width: 268px; padding-bottom: 1px; background: url(../../images/box_item_divider.gif) bottom left repeat-x; }
.box-size-label { width: 229px; float: left;  font-size:80%; color: #5a3e30; padding:5px 5px 0 5px;  }
.box-size-radio { width: 14px; height: 14px; float: left; margin: 3px; padding: 3px; }
.box-size-radio input { width: 13px; height: 13px; margin: 0; padding: 0; }


/* -- Back Link -- */
.back-link { width: 60px; height: 22px; margin-top: 4px; background: url(../images/button_back.gif) top left no-repeat; }
.back-link a { width: 60px; height: 22px; display: block; outline: none;  }
.back-link span { display: none; visibility: hidden; }