/* 
Title:     24-7 shop styles
Author:    steve@divinemass.com 10/02/09

Index:
(N) -   shop cart (sidebar) - Jonny, move to base styles?
(N) 1.  shop header
(N) 2.  shop categories
(N) 3.  shop products
(N) 4.  shop donations
(N) 5.  shop product (single view)
(N) 6.  shop buttons
(N) 7.  shop table styles
(N) 8.  shop form styles
(N) 9.  basket styles
(N) 10.  shop footer
*/

/* -  shop cart (sidebar)
---------------------------------------------------------- */

#shopCartTitle {
 margin: 0;
 width: 237px;
 height: 41px;
 background-image: url(shopcart-header.png);
 position: relative; }

#shopItems {
 margin: 0;
 padding: 16px 0 0 8px;
 list-style: none;
 background: url(shopcart-body.png) 0 0 repeat-y; }

#shopItems li {
 margin: 0;
 padding: 0 0 1px 16px;
 list-style: none;
 font-size: 90%;
 background: url(bullet.gif) no-repeat 0 0; }

#shopTotal {
 margin: 0;
 padding: 16px 0 25px 24px;
 min-height: 89px;
 list-style: none;
 background: url(shopcart-footer.png) top left no-repeat; }

#shopTotal li {
 margin: 0;
 padding: 0 0 3px 0;
 list-style: none; }

/* 1. shop header
---------------------------------------------------------- */

#shop_header {
 float: left;
 display: block;
 width: 667px;
 margin: 0 0 1.4em 0;
 padding: 6px 10px 6px 10px;
 background: #000;
 color: #fff; }

#shop_header a:link, #shop_header a:visited {
 color: #E20026; }

#shop_header a:hover { }

.shop_breadcrumbs {
 float: left;
 width: 50%;
 padding-top: 3px;
 font-weight: bold; }

.shop_currency {
 float: right;
 width: 50%;
 text-align: right; }

#shop_header form {
 display: inline; }

.shop_notice_bar {
 clear: left;
 display: block;
 width: 663px;
 margin: 0 0 20px 0;
 padding: 10px;
 background: #FFFFdd;
 border: 2px dashed #ccc; }

/* 2. shop categories
---------------------------------------------------------- */

#shop_categories {
 float: left; }

.shop_categories_row {
 clear: left;
 float: left;
 width: 708px;
 padding-bottom: 20px;
 overflow: hidden; }

#shop_categoriesoffers dl {
 float: left;
 margin: 0 0 17px 0;
 padding: 0 0 35px 0;
 width: 687px;
 background: url(tape-divider.png) bottom right no-repeat; }
 
#shop_categoriesoffers dt {
 float: left;
 margin: 0;
 padding: 0;
 width: 128px; }

#shop_categoriesoffers img {
 border: 2px solid #777; }

#shop_categoriesoffers dd {
 float: left;
 margin: 0;
 padding: 0;
 width: 559px; }

#shop_categoriesoffers h1 {
 margin-top: 0;
 padding: 0; }

#shop_categories dl {
 float: left;
 margin: 0 21px 0 0;
 padding: 0;
 width: 333px; }

#shop_categories dt {
 float: left;
 margin: 0;
 padding: 0;
 width: 128px; }

#shop_categories img {
 border: 2px solid #777; }

#shop_categories dd {
 float: left;
 margin: 0;
 padding: 0;
 width: 205px; }

#shop_categories h1 {
 margin-top: 0;
 padding: 0; }

/* 3. shop products
---------------------------------------------------------- */

#shop_products {
 float: left; }

.shop_products_row {
 clear: left;
 float: left;
 width: 685px;
 margin: 0 0 17px 0;
 padding: 0 0 35px 0;
 background: url(tape-divider.png) bottom right no-repeat; }

#shop_products dl {
 float: left;
 margin: 0;
 padding: 0;
 width: 685px; }

#shop_products dt {
 float: left;
 margin: 0;
 padding: 0;
 width: 132px; }

#shop_products img {
 border: 2px solid #777; }

#shop_products dd.shop_product_col1 {
 float: left;
 margin: 0;
 padding: 0;
 width: 408px; }

/* ie 7 padding fix */
*:first-child+html #shop_products dd.shop_product_col1 {
 width: 394px; }

#shop_products dd.shop_product_col2 {
 float: left;
 margin: 0;
 padding: 0 0 0 10px;
 width: 135px; }

/* ie 7 padding fix */
*:first-child+html #shop_products dd.shop_product_col2 {
 width: 125px; }

#shop_products h1 {
 margin-top: 0;
 padding: 0; }

#shop_products .shop_product_price {
 float: right;
 width: 135px;
 padding: 0 0 0 15px; }

/* ie 7 padding fix */
*:first-child+html #shop_products .shop_product_price {
 width: 120px; }

.shop_product_price_label {
 width: 103px;
 padding: 5px 5px 5px 27px;
 background: #E20026;
 color: #fff;
 font-weight: bold; }

.shop_product_price_details {
 width: 105px;
 padding: 10px 10px 10px 20px;
 background: url(price-post-it.png) top left no-repeat;
 color: #000;
 font-weight: bold;
 font-size: 130%; }

#shop_products .shop_product_tools {
 text-align: center;
 padding-left: 10px; }

#shop_products ul {
 display: inline;
 margin: 0;
 padding: 0;
 list-style: none; }

#shop_products li {
 display: inline;
 margin: 0;
 padding: 0 20px 0 0;
 list-style: none; }

/* 4. shop donations
---------------------------------------------------------- */
 
#shop_donations .shop_donation_prices {
 float: right;
 width: 137px;
 margin: 0;
 padding: 0 0 0 30px;
 text-align: left; }

#shop_donations .note {
 font-weight: bold;
 font-size: 90%; }

/* 5. shop product
---------------------------------------------------------- */

#shop_product {
 float: left;
 width: 685px;
 margin: 0 0 17px 0;
 padding: 0 0 35px 0;
 background: url(tape-divider.png) bottom right no-repeat; }

#shop_product dl {
 float: left;
 margin: 0;
 padding: 0;
 width: 685px; }

#shop_product dt {
 float: right;
 margin: 0;
 padding: 0;
 width: 268px;
 text-align: center; }

.shop_product_img {
 float: right;
 margin: 0 0 0 20px;
 border: 2px solid #E20026; }

#shop_product .shop_product_price {
 float: right;
 width: 135px;
 padding: 0 0 25px 25px; }

#shop_product dd {
 float: left;
 margin: 0;
 padding: 0;
 width: 418px; }

#shop_product h1 {
 margin-top: 0;
 padding: 0; }

#shop_product .shop_product_tools {
 text-align: center;
 padding-left: 10px; }
/* why is this here? */
/*
#shop_product ul {
 display: inline;
 margin: 0;
 padding: 0;
 list-style: none; }

#shop_product li {
 display: inline;
 margin: 0;
 padding: 0 20px 0 0;
 list-style: none; }
*/
#shop_related_products {
 margin: 0 0 1em 0; }

#shop_related_products table {
 display: block;
 padding: 0; }

#shop_related_products tr {
 display: block;
 padding: 8px 0 8px 0; }

#shop_related_products th {
 padding: 0 15px 0 0;
 font-size: 140%;
 font-weight: normal; }

#shop_related_products td {
 padding: 0 15px 0 0; }

/* 6. shop buttons
---------------------------------------------------------- */

.shop_button {
 display: inline-block;
 background-position: 0px 0px;
 background-repeat: no-repeat; }
 
* > .shop_button {
  display: table-cell; }

.shop_button span {
 display: none; }

a.shop_button.buy_now { background-image: url(buy-button.gif); width: 119px; height: 23px; }
a.shop_button.moreinfo { background-image: url(moreinfo-button.gif); width: 119px; height: 23px; }
a.shop_button.continueshopping { background-image: url(continue-button.gif); width: 160px; height: 23px; }
a.shop_button.back { background-image: url(back-button.gif); width: 84px; height: 23px; }
a.shop_button.view_cart { background-image: url(view-button.gif); width: 78px; height: 24px; }
a.shop_button.update { background-image: url(update-button.gif); width: 94px; height: 29px; }
a.shop_button.empty_cart { background-image: url(emptycart-button.gif); width: 128px; height: 23px; }
a.shop_button.remove { background-image: url(remove-button.gif); width: 20px; height: 19px; }
a.shop_button.proceedtocheckout { background-image: url(checkout-button.gif); width: 174px; height: 23px; }
a.shop_button.proceedtopayment { background-image: url(payment-button.gif); width: 174px; height: 23px; }
a.shop_button.complete_order { background-image: url(completeorder-button.gif); width: 160px; height: 23px; }
a.shop_button.pay_by_card { background-image: url(paybycard-button.gif); width: 192px; height: 23px; }
a.shop_button.pay_by_cheque { background-image: url(/data/presence/assets/images/shop/buttons/ilg_pay_cheque.gif); width: 88px; height: 16px; }
a.shop_button.pay_by_gifttoken { background-image: url(/data/presence/assets/images/shop/buttons/ilg_pay_cheque.gif); width: 88px; height: 16px; }
a.shop_button.pay_on_account { background-image: url(/data/presence/assets/images/shop/buttons/ilg_pay_cheque.gif); width: 88px; height: 16px; }
a.shop_button.add_to_wishlist { background-image: url(/data/presence/assets/images/shop/buttons/ilg_wishlist.gif); width: 128px; height: 23px; }
a.shop_button.view { background-image: url(/data/presence/assets/images/shop/buttons/view.gif); width: 78px; height: 24px; }

/* 7. table styles
---------------------------------------------------------- */

#shop table {
/* width: 685px;*/
 width: 100%;
 margin: 0 0 1.2em 0;
 padding: 0; }

#shop caption {
 display: none; }

#shop tbody tr, #shop tbody tr.light {
 background: #EEE4D4; }

#shop tbody tr.dark {
 background: #ffffcc; }

#shop thead th {
 padding: 8px;
 background: #E20026;
 color: #fff; }

#shop tbody th {
 padding: 8px;
 background: #E20026;
 color: #fff; }

#shop tbody td {
 padding: 12px;
 border-bottom: 1px solid #ccc; }

#shop tbody td p {
 margin: 0;
 padding: 0 0 10px 0; }

#shop tbody td li {
 display: block;
 padding: 0 0 3px 20px;
 list-style: none;
 background: url(bullet.gif) no-repeat 0 0; }

#shop tfoot td {
 padding: 6px;
 text-align: left;
 background: #ffffcc;
 border-bottom: 1px solid #ccc; }

#shop tfoot .multiple-selected {
 padding: 5px 0 0 19px;
 line-height: 14px; }

#shop table .checkbox {
 width: 30px; }

/* 8. form styles
---------------------------------------------------------- */

#shop form {
 padding: 0 0 1.3em 0; }

#shop form fieldset {
 margin: 0 0 1.1em 0;
 padding: 0;
 border: 0 none; }

#shop form legend {
 display: none; }

#shop form label {
 display: block;
 padding-bottom: 5px; }

#shop form fieldset input {
 margin: 1px 5px 1px 0;
 padding: 3px;
 border: 1px solid #bbb; }

#shop form fieldset .text {
 width: 200px; }

#shop form fieldset select {
 padding: 2px;
 border: 1px solid #bbb; }

#shop form textarea {
 width: 335px;
 height: 85px; }

/* 9. basket styles
---------------------------------------------------------- */

#delivery-charges {
 padding: 0 0 1.3em 0; }

#delivery-charges form, #delivery-charges select {
 display: inline; }

#shop ul {
 margin: 0;
 padding: 0 0 1.3em 0; }

#shop ul li {
 display: block;
 padding: 0 0 0.8em 20px;
 list-style: none;
 background: url(bullet.gif) no-repeat 0 2px; }

/* 10. shop footer
---------------------------------------------------------- */

.shop_paging_links {
 clear: both;
 display: block;
 padding-left: 16px;
 background: url(pagelinks-icon.gif) 0 3px no-repeat; }