/* Basket Screen CSS Document */

/* Extends 'product.css' classes */

/* -- Main panel title -- */
.panel .title .yourbasket { background: url(../../images/panel_title_yourbasket.gif) top left no-repeat; }
.panel .title .yourorder { background: url(../../images/panel_title_yourorder.gif) top left no-repeat; }

/* -- Container for Basket Items -- */
.panel .basket-item-container {
    width: 640px;
    background: url(../../images/panel_default_body_corners.gif) #dadfea bottom left no-repeat;
}

/* -- Basket item header - contains the product names, edit and remove buttons -- */
.panel .header-basket-item { width: 640px; height: 25px; background-color: #c6cedf; }

/* -- Basket item header buttons -- */
.panel .header-basket-item .button-editthisitem { width: 106px; height: 20px; float: left; margin: 5px 5px 0 0; background: url(../../images/panel_basketitem_button_editthisitem.gif) top left no-repeat;}
.panel .header-basket-item .button-remove { width: 70px; height: 20px; float: left; margin: 5px 0 0 0; background: url(../../images/panel_basketitem_button_remove.gif) top left no-repeat; }
.panel .header-basket-item .button-showfulldetails { width: 135px; height: 20px; float: left; margin: 5px 0 0 45px; background: url(../../images/panel_basketitem_button_showfulldetails.gif) top left no-repeat; }
.panel .header-basket-item .button-hidefulldetails { width: 135px; height: 20px; float: left; margin: 5px 0 0 45px; background: url(../../images/panel_basketitem_button_hidefulldetails.gif) top left no-repeat; }

.panel .header-basket-item .button-editthisitem a,
.panel .header-basket-item .button-remove a,
.panel .header-basket-item .button-showfulldetails a,
.panel .header-basket-item .button-hidefulldetails a { height: 20px; display: block; }

.panel .header-basket-item .button-editthisitem a:hover{ background: url(../../images/panel_basketitem_button_editthisitem.gif) bottom left no-repeat; }
.panel .header-basket-item .button-remove a:hover { background: url(../../images/panel_basketitem_button_remove.gif) bottom left no-repeat; }
.panel .header-basket-item .button-showfulldetails a:hover { background: url(../../images/panel_basketitem_button_showfulldetails.gif) bottom left no-repeat; }
.panel .header-basket-item .button-hidefulldetails a:hover { background: url(../../images/panel_basketitem_button_hidefulldetails.gif) bottom left no-repeat; }

.panel .header-basket-item .button-editthisitem span,
.panel .header-basket-item .button-remove span,
.panel .header-basket-item .button-showfulldetails span,
.panel .header-basket-item .button-hidefulldetails span { display: none; visibility: hidden; }

/* -- Titles for product names -- */
.panel .header-basket-item .title {
    width: 440px; height: 15px; float: left; padding: 5px 0 5px 10px;
}
.panel .header-basket-item .title div {
    width: auto; height: 15px;
    background-position: top left; background-repeat: no-repeat;
}
.panel .header-basket-item .title h3 { display: none; visibility: hidden; }
.panel .header-basket-item .title .brochuresmultipage { background-image: url(../../images/panel_basketitem_title_brochuresmultipage.gif); }
.panel .header-basket-item .title .brochuresmultipagelowvolume { background-image: url(../../images/panel_basketitem_title_brochuresmultipagelow.gif); }
.panel .header-basket-item .title .brochures4and6page { background-image: url(../../images/panel_basketitem_title_brochures4and6page.gif); }
.panel .header-basket-item .title .businesscards { background-image: url(../../images/panel_basketitem_title_businesscards.gif); }
.panel .header-basket-item .title .businesscarddesign { background-image: url(../../images/panel_basketitem_title_businesscarddesign.gif); }
.panel .header-basket-item .title .cdproducts { background-image: url(../../images/panel_basketitem_title_cdproducts.gif); }
.panel .header-basket-item .title .dvdproducts { background-image: url(../../images/panel_basketitem_title_dvdproducts.gif); }
.panel .header-basket-item .title .flyers { background-image: url(../../images/panel_basketitem_title_flyersandpostcards.gif); }
.panel .header-basket-item .title .folders { background-image: url(../../images/panel_basketitem_title_folders.gif); }
.panel .header-basket-item .title .leaflets { background-image: url(../../images/panel_basketitem_title_leaflets.gif); }
.panel .header-basket-item .title .largeleaflets { background-image: url(../../images/panel_basketitem_title_largeleaflets.gif); }
.panel .header-basket-item .title .instructionleaflets { background-image: url(../../images/panel_basketitem_title_instructionleaflets.gif); }
.panel .header-basket-item .title .letterheads { background-image: url(../../images/panel_basketitem_title_letterheads.gif); }
.panel .header-basket-item .title .complimentslips { background-image: url(../../images/panel_basketitem_title_complimentslips.gif); }
.panel .header-basket-item .title .stationerysets { background-image: url(../../images/panel_basketitem_title_stationerysets.gif); }
.panel .header-basket-item .title .posters { background-image: url(../../images/panel_basketitem_title_posters.gif); }
.panel .header-basket-item .title .pads { background-image: url(../../images/panel_basketitem_title_pads.gif); }
.panel .header-basket-item .title .stickers { background-image: url(../../images/panel_basketitem_title_stickers.gif); }
.panel .header-basket-item .title .manuals { background-image: url(../../images/panel_basketitem_title_manualsandreports.gif); }
.panel .header-basket-item .title .magnets { background-image: url(../../images/panel_basketitem_title_magnets.gif); }
.panel .header-basket-item .title .bespoke { background-image: url(../../images/panel_basketitem_title_bespokeproducts.gif); }
.panel .header-basket-item .title .christmascards { background-image: url(../../images/panel_basketitem_title_christmascards.gif); }
.panel .header-basket-item .title .greetingscards { background-image: url(../../images/panel_basketitem_title_greetingscards.gif); }

/* Basket Item Body */
.panel .body-basket-item {
    width: 620px; padding: 10px;
}

.panel .body-basket-item .summary-table td.row {
    background-color: #edeff5; border-bottom: 1px solid #dadfea;
}
.panel .body-basket-item .summary-table td.subtotal-price {
    background-color: #f6f7fa; border-bottom: 1px solid #dadfea; font-weight: bold;
}
.panel .body-basket-item .summary-table td.total-price {
    background-color: #fff; border-bottom: 1px solid #dadfea; font-weight: bold;
}

.panel .body-basket-item .button-viewdetails { width: 85px; height: 20px; background: url(../../images/button_viewdetails.gif) 0 0 no-repeat; }
.panel .body-basket-item .button-viewdetails a { width: 85px; height: 20px; display: block; background: url(../../images/button_viewdetails.gif) 0 0 no-repeat; }
.panel .body-basket-item .button-viewdetails a:hover { background-position: 0 -20px; }
.panel .body-basket-item .button-viewdetails span { display: none; visibility: hidden; }

/* -- Basket Total -- */
.basket-total-panel { width: 430px; float: right; padding: 10px 0 0 0; background: url(../../images/basket_total_header.gif) #fed4b1 top left no-repeat; }
.basket-total-body { width: 410px; padding: 0 10px 10px 10px; background: url(../../images/basket_total_footer.gif) #fed4b1 bottom left no-repeat; }

.basket-total-body .basket-total-table {}

.basket-total-body .basket-total-table td.row {
    background-color: #fff0e4; font-size: 80%; color: #464646; border-bottom: 1px solid #fee1c8;
}
.basket-total-body .basket-total-table td.subtotal-price {
    background-color: #fff8f2; font-size: 80%; color: #464646; border-bottom: 1px solid #fee1c8;
}
.basket-total-body .basket-total-table td.total-price {
    background-color: #fff; font-size: 80%; color: #464646; font-weight: bold; border-bottom: 1px solid #fee1c8;
}

/* -- Basket Controls -- */
.control-basket { width: 640px; }
.control-basket  .button { width: 200px; float: right; }



/* -- File Listing -- */
/* override normal panel background to remove bottom cornersS */
.panel .body-default {
    background: none;
}

.panel .body-basket-item .options-table .icon { padding: 2px 3px 1px 3px; }
.panel .body-basket-item .options-table a:link,
.panel .body-basket-item .options-table a:visited { color: #464646; text-decoration: none; }
.panel .body-basket-item .options-table a:active,
.panel .body-basket-item .options-table a:hover { color: #ff5c00; text-decoration: none; }

.confirmation-box { width: 608px; padding: 6px; background-color: #edeff5; }
.confirmation-box .message { width: 538px; float: left;  }
.confirmation-box .message p { font-size: 80%; }
.confirmation-box .button { width: 60px; float: left; }