/* css for basket html */

div#vwBasket, div#vwWishList
{
	line-height: 17px;
}

div#vwBasketItems, div#vwWishListItems, div#vwBasketVoucherItem
{
	width: 168px;
	padding: 0px;
	margin-left: -2px;
}

div#vwBasketTotals{ width: 160px; }

div#vwBasketItems div.basketItem,
div#vwWishListItems div.basketItem,
div#vwBasketVoucherItem div.basketItem.voucherItem
{
	display: none; /* show when added */
	margin-bottom: 8px;
	border-bottom: 1px dotted #e9e9e9;
}

div#vwBasketVoucherItem div.basketItem.voucherItem { display: block ;}

div.basketItem div.details, div.inline-voucher div.details
{
	position: relative;
	padding: 4px;
	float: left;
	width: 141px;
}

div.inline-voucher div.details { width: 133px; }


div.basketItem div.price
{
	width: 160px;
	min-height: 20px;
	float: right;
	text-align: right;
	padding: 4px;
}


div#vwBasketTotals
{
	margin: 0px;
	padding: 4px;
}


div#vwBasketTotals div.field{ width: 50%; float: left;}
div#vwBasketTotals div.value{ width: 50%; float: left; text-align: right;}
div#basketTotals_grandTotal {font-weight: bold}

div.basketUserMessage{ width: 164px; padding: 0px 0px 4px 4px; border-bottom: 1px solid #e9e9e9; display: none; color: green; font-weight: bold;}
div.basketUserMessage .note{ font-weight: normal; font-size: 8.5pt}


div#vwBasketButtons
{
	height: 28px;
	margin: 4px 0px 0px -1px;
}

div#vwBasketVoucher, div#vwWishListVoucher {
	margin: 14px 0px 8px 0px;
	height: auto;
    display: none;
    padding: 3px;
}

div#vwBasketVoucher div.inline-voucher, 
div#vwWishListVoucher div.inline-voucher { background: transparent; margin-bottom: 8px; padding: 3px;  }
div#vwBasketVoucher div.inline-voucher div.inner span.heading, 
div#vwWishListVoucher div.inline-voucher div.inner span.heading{color: #f20085; float: left;font-weight: bold; margin-right: 2px; }
div#vwBasketVoucher div.inline-voucher div.inner a.info, 
div#vwWishListVoucher div.inline-voucher div.inner a.info { margin-left: 4px; }

div.basketItem div.buttons, div.inline-voucher div.buttons
{
	margin-top: 6px;
	position: relative;
	float: left;
}

/* can be overridden in merchant.css */
div.inline-voucher > div.inner {padding: 0px; width: 160px; min-height: 90px; }
div.inline-voucher > div.inner div.heading-and-info { margin-top: 10px; height: 26px; }
div.inline-voucher > div.inner div.title { font-weight: bold; }
div.inline-voucher > div.top,
div.inline-voucher > div.bottom { width: 160px; height: 14px;background: #ccc;}
div.inline-voucher div.voucher-inactive { color: red;font-weight: bold} 

div.inline-voucher div.voucher-inactive a { font-weight: bold;} 
div.inline-voucher div.voucher-active a { font-weight: bold;} 

a.basketItemTip, .basketItem.voucherItem .voucherTip { font-weight: bold;  }
a.basketItemTip img, .basketItem.voucherItem .voucherTip img { border: 1px solid #ccc; }
.basketItem.voucherItem .voucherTip .fa-info-circle { margin-right: 2px;  }

/* basket / arrow buttons */

a.basketButtonDelete,
a.basketButtonDelete_disabled,
a.basketButtonDelete_Large,
a.basketButtonMove,
a.basketButtonMove_disabled,
a.basketButtonMove_Large,
a.basketButtonMove_Large_disabled,
a.basketButtonSave,
a.basketButtonSave_disabled,
a.basketButtonSave_Large,
a.basketButtonUpdate_Large,
a.arrowButtonLeft1,
a.arrowButtonLeft2,
a.arrowButtonRight1,
a.arrowButtonRight2
{
	display: block;
	margin-bottom: 0px;
	width:  16px;
	height: 16px;
	background: url(../img/buttons/basket/delete_16x16.png);
	background-repeat: no-repeat;
}

a.basketButtonDelete_disabled { width: 16px; height: 16px; background: url(../img/buttons/basket/delete_16x16_disabled.png); }
a.basketButtonMove { background: url(../img/buttons/basket/move_16x16.png); }
a.basketButtonMove_disabled { background: url(../img/buttons/basket/move_16x16_disabled.png); }
a.basketButtonMove_Large { width: 24px; height: 24px; background: url(../img/buttons/basket/move_24x24.png); }
a.basketButtonMove_Large_disabled { width: 24px; height: 24px; background: url(../img/buttons/basket/move_24x24_disabled.png); }
a.basketButtonSave { background: url(../img/buttons/basket/save_16x16.png); }
a.basketButtonSave_disabled { background: url(../img/buttons/basket/save_16x16_disabled.png); }
a.basketButtonSave_Large { width: 24px; height: 24px; background: url(../img/buttons/basket/save_24x24.png); }
a.basketButtonSave_Large_disabled { width: 24px; height: 24px; background: url(../img/buttons/basket/save_24x24_disabled.png); }
a.basketButtonUpdate_Large { width: 58px; height: 24px; background: url(../img/buttons/button_58.png); }

a.basketButtonDelete_Large { width: 24px; height: 24px; background: url(../img/buttons/basket/delete_24x24.png); }
a.basketButtonDelete_Large_disabled { width: 24px; height: 24px; background: url(../img/buttons/basket/delete_24x24_disabled.png); }

a.basketButtonDelete, a.basketButtonDelete_disabled { margin-bottom: 2px; }


.basketButton, .basketButtonLarge, .basketButtonGreen
{ 
	font-weight: bold;
	font-size: 8pt; 
	display: block; 
	float: left; 
	width: 80px; 
	height: 24px; 
	background: url(../img/buttons/button_80.png); 
	background-repeat: no-repeat;
	text-align: center;
	margin: 0px 0px 0px 2px;
	padding: 2px 0px 4px 0px; 
}

a.basketButtonGreen {background: url(../img/buttons/buttongreen_plain_80.png); background-repeat: no-repeat; color: #fff;}


.basketButtonLarge
{ 
	width: 144px; 
	background: url(../img/buttons/button_144.png);
	background-repeat: no-repeat;
	margin: 8px 10px 2px 10px;
}


a.arrowButtonLeft1,
a.arrowButtonLeft2,
a.arrowButtonRight1,
a.arrowButtonRight2 {float: left; margin-right: 2px;  margin-left: 2px; background: url(../img/buttons/date-arrows/datearrow-left1_16x16.png); }
a.arrowButtonLeft2 { background: url(../img/buttons/date-arrows/datearrow-left2_16x16.png); }
a.arrowButtonRight1 { background: url(../img/buttons/date-arrows/datearrow-right1_16x16.png); }
a.arrowButtonRight2 { background: url(../img/buttons/date-arrows/datearrow-right2_16x16.png); }

.basketIte, span.product-group-discount-price { color: #999; }
.basketIte, span.product-group-discount-price a.pipeTip { font-weight: normal; }


.cost-query-out-of-stock > span { color: red; }
.cost-query-out-of-stock a.tip { color: #aaa; }