﻿
/************************************************************
basket.acsx 
************************************************************/
.page-content-wrapper.basket-wrapper .content-wrapper 
{
    padding: 0;
}

.basket-wrapper .page .GridView 
{
	width: 935px !important;
}

.basket-wrapper .basketPage,
.basket-large-wrapper .basketPage
{
	width:100%;
}

.basket-wrapper .basketPage .button-cancel,
.basket-large-wrapper .basketPage .button-cancel
{
	float: left;
}

.basket-wrapper .button-cancel,
.basket-large-wrapper .button-cancel
{
	left: auto;
}

.basket-wrapper .button-continue,
.basket-large-wrapper .button-continue
{
    float: right;
}

.basket-wrapper .basketPage .basketconfirm,
.basket-large-wrapper .basketPage .basketconfirm
{
	vertical-align: top;
    width: 385px;
}

.basket-wrapper .basketPage .basketconfirm table,
.basket-large-wrapper .basketPage .basketconfirm table
{
	width:100%;
}

.basket-wrapper .budgetwarning,
.basket-large-wrapper .budgetwarning
{
}

.basket-wrapper .ordercustomerwarning,
.basket-large-wrapper .ordercustomerwarning
{
	margin: 10px 0;
}

.basket-wrapper .basketPage .basketcontinueshopping .button-continue,
.basket-large-wrapper .basketPage .basketcontinueshopping .button-continue
{
	float:left;	
}

div.basketDetail
{
}

.displayBasket td input
{
	margin-right: 15px;
}

.basketButtonDisabled
{
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.basketButtonDiv
{
	padding-top: 10px;
	position: relative;
	text-align: right;
	width: 100%;
}

.gvShopPriceHeader, .gvBasketPriceHeader, .gvBasketOrderPriceHeader
{
	text-align: left;
	width: 75px;
}

td.gvBasketOrderQuantityCell, td.gvShopQuantityCell
{
	padding-right: 5px;
	text-align: left;
	width:55px;
}
td.gvShopQuantityCell
{
    padding-left: 10px;
}
td.gvShopCurrencyCell
{
    width: 10px;
}

td.gvShopPriceCell, td.gvBasketOrderPriceCell, td.gvBasketPriceCell
{
	padding-right: 5px;
	width:65px;
}

.GridViewHeader .gvShopDescriptionHeader, .gvShopDescriptionCell
{
	text-align: left;
    padding-left: 10px;
    width: 649px;
}

.gvBasketDescriptionHeader, .gvBasketDescriptionCell
{
	text-align: left;
    width: 370px;
}
.GridViewHeader .gvShopQuantityHeader, .gvShopQuantity
{
    padding-left: 10px;

}
.GridViewHeader .gvShopItemCodeHeader, .gvShopItemCodeCell
{
	text-align: left;
    padding-left: 5px;
	width: 95px;
}

a.gvShopItemCodeLink,
a.gvBasketItemCodeLink
{
	text-decoration:none;
}

a.gvShopItemCodeLink:hover,
a.gvBasketItemCodeLink:hover
{
	text-decoration:underline;
}

.gvBasketOrderQuantityHeader, .gvBasketOrderQuantityCell
{
	text-align: left;
	width: 55px;
}

table.master td.gvBasketOrderQuantityCell
{
	padding-right: 6px;
}

.gvShopIsPromotion, .gvShopIsPromotionImage, .gvBasketIsPromotion, .gvBasketIsPromotionImage
{
	width: 25px;
}

.gvShopIsPromotionImage, .gvBasketIsPromotionImage
{
}

.gvShopItemGroupImageCell
{
}

.button-basketadd
{
    float: right !important;
}

.gvShopDescriptionLink, .gvBasketDescriptionLink
{
	text-decoration: none;
}

a.gvShopDescriptionLink:hover, 
a.gvBasketDescriptionLink:hover
{
	text-decoration:underline;
}

.GridViewHeader th
{
    background-color: #005797;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 5px 5px 0;
    text-align:left;
}

.GridView .gvShopStockHeader,
.GridView .gvShopStockCell
{
    padding-left: 10px;
    padding-right: 10px;
}

.basket-wrapper .basketPage .basketconfirm table,
.basket-large-wrapper .basketPage .basketconfirm table
{
	width:100%;
}

.basket-wrapper .budgetwarning,
.basket-large-wrapper .budgetwarning
{
}

.basket-wrapper .ordercustomerwarning,
.basket-large-wrapper .ordercustomerwarning
{
	margin: 10px 0;
}

.basket-wrapper .basketPage .basketTotal 
{
	padding-bottom:10px;
}

.basket-wrapper .basketPage .basketTotal table
{
	float:right;
}

.basket-wrapper .basketPage .basketTotal table .basketTotalPriceSymbol,
.basket-wrapper .basketPage .basketTotal table .basketPriceSymbol,
.basket-wrapper .basketPage .basketTotal table .basketVatSymbol
{
	padding-left: 6px !important;
}

.basket-wrapper .basketPage .basketTotal table .basketTotalPriceValue,
.basket-wrapper .basketPage .basketTotal table .basketPriceValue,
.basket-wrapper .basketPage .basketTotal table .basketVatValue
{
	padding-left: 5px !important;
    padding-right: 2px !important;
    width: 65px;
}

.basket-wrapper .basketPage .basketcontinueshopping .button-continue,
.basket-large-wrapper .basketPage .basketcontinueshopping .button-continue
{
	float: left;
    left: 12px;
    right: 0;
}

.basket-wrapper .basketPage .basketTotal table
{
	float:right;
}

.basket-wrapper .basketPage .basketTotal table .basketTotalPriceSymbol
{
	padding-left: 6px !important;
}

.basket-wrapper .basketPage .basketTotal table .basketTotalPriceValue
{
	padding-left: 5px !important;
    padding-right: 2px !important;
    text-align: right;
    width: 60px;
}

.basket-wrapper .basketPage .basketconfirm,
.basket-large-wrapper .basketPage .basketconfirm
{
    padding-right: 0 !important;
    vertical-align: top;
    width: 100%;
}

.basket-wrapper .basketPage .basketconfirm table,
.basket-large-wrapper .basketPage .basketconfirm table
{
	width:100%;
}

.basket-wrapper .basketPage .basketconfirm table .button-cancel
{
	float:right;
}

.basket-wrapper .basketPage .basketcontinueshopping .button-continue,
.basket-large-wrapper .basketPage .basketcontinueshopping .button-continue
{
	float: left;
}

.basket-wrapper .modalPopup
{
	height:100% !important; 
}

/*************************************
order quantity
*************************************/
.OrderQuantityText
{
	padding-right:5px !important;
	position:relative;
	float:none !important;
    width: 55px !important;
    overflow:auto;
}

.OrderQuantityText input[type=text]
{
}

html body .OrderQuantityText .riTextBox
{
    width: 45px !important;
    margin-left:0 !important;
    margin-right:0 !important;
    text-align:right;
    word-break:break-all;
}

html body .OrderQuantityText .riDisplay
{
    width:40px !important;
    margin-left:0 !important;
    margin-right:0 !important;
    text-align:right;
    word-break:break-all;
}

.OrderQuantityText a.riUp
{
	margin:0 !important;
	position:absolute !important;
	bottom:auto !important;
	left:auto !important;
	top:0 !important;
	right:0 !important;
}

.OrderQuantityText a.riDown
{
	margin:0 !important;
	position:absolute !important;
	top:auto !important;
	right:auto !important;
	bottom:0 !important;
	right:0 !important;
}
/*********************************************
Order 
*********************************************/

#ctl00_masterContentPlaceHolder_ctrlTabContainer_tabCheck_OrderControl_rowInvoiceAddress2,
#ctl00_masterContentPlaceHolder_ctrlTabContainer_tabCheck_OrderControl_rowInvoiceAddress3
{
    display: none;
    visibility: hidden;
}


/*********************************************
Order details
*********************************************/
div.orderdetails
{
    float: left;
    position: relative;
    width: 100%;
}

div.orderdetails h1
{ 
    font-size: 30px;
    font-weight: bold;
    margin-top: 0;
}

div.orderdetails div.orderdetails-order
{
    float:left;
    width:100%;
    clear:both;
}

div.orderdetails div.orderdetails-order span.orderdetails-order-headertext
{
    clear: both;
    display: block;
    font-size: 14px;
    font-weight: bold;
    margin: 7px 0;
}

div.orderdetails div.orderdetails-order div.orderdetails-order-deliveryaddress
{
    float:left;
    width:100%;
}

div.orderdetails div.orderdetails-order div.orderdetails-order-articles
{
    float:left;
    width:100%;
}

div.orderdetails div.orderdetails-order div.orderdetails-order-costs
{
    float:left;
    width:100%;
}

div.orderdetails div.orderdetails-order div.orderdetails-order-transport
{
    float:left;
    width:100%;
}

div.orderdetails h2
{
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    margin: 5px 0;
    padding-top: 15px;
    width: 100%;
}

div.orderdetails div.orderdetails-invoice
{
    float:left;
    width:100%;
}

div.orderdetails div.orderdetails-invoice span.orderdetails-invoice-headertext
{
    clear: both;
    display: block;
    font-size: 14px;
    font-weight: bold;
    margin: 7px 0;
}

div.orderdetails div.orderdetails-invoice div.orderdetails-invoice-address
{
    float:left;
    width:100%;
}

div.orderdetails div.orderdetails-invoice div.orderdetails-invoice-paymentdetails
{
    float:left;
    width:100%;
}

div.orderdetails div.orderdetails-invoice div.orderdetails-invoice-costs
{
    float:left;
    width:100%;
}

div.orderdetails div.orderdetails-invoice div.orderdetails-invoice-costs table
{
}

div.orderdetails div.orderdetails-customercomment
{
    float:left;
    width:100%;
}

div.orderdetails div.orderdetails-invoice div.orderdetails-invoice-costs table.GridView tr.invoicecosts
{
    font-weight:bold;
    border-top:1px solid #000;
}

div.orderdetails div.orderdetails-invoice div.orderdetails-invoice-print
{
	float:left;
	clear:both;
	width:100%;
	margin:10px 0;
	text-align: right;
}

div.orderdetails div.orderdetails-invoice div.orderdetails-invoice-print input
{
	margin-left:25px;
}

div.orderdetails div.orderdetails-footer
{
    float:left;
    margin-top:25px;
    position:relative;
    width:100%;
}

div.orderdetails div.orderdetails-footer div.orderdetails-footer-left
{
    float:left;
}

div.orderdetails div.orderdetails-footer div.orderdetails-footer-right
{
    float:right;
    right:0px;
}

div.orderdetails div.orderdetails-footer div.orderdetails-footer-continueshopping
{
	float:left;
	clear:both;
	width:100%;
	margin-top:15px;
}

div.orderdetails div.orderdetails-footer div.orderdetails-footer-continueshopping .button-continue
{
	float:left;
}

div.orderdetails div.orderdetails-order-text
{
	clear: both;
    float: left;
    width: 100%;
    margin-bottom:35px;
    margin-left:5px;
}

/*********************************************
Order User agreement
*********************************************/
div.orderuseragreement
{
	float:left;
	max-height: 600px;
	width:500px;
}

div.orderuseragreement-header
{
	float:left;
	font-weight:bold;
	margin-bottom:10px;
}

div.orderuseragreement-content
{
	clear:both;
	overflow:scroll;
	overflow-x:hidden;
	margin:5px;
	min-height: 300px;
	max-height: 500px;
}

div.orderuseragreement-acceptagreement
{
    float: left;
    margin-bottom: 10px;
    width: 100%;
}

div.orderuseragreement-acceptagreement div.orderuseragreement-check
{
	clear:both;
	float:left;
	margin-bottom:10px;
	width:100%;
}

div.orderuseragreement-acceptagreement div.button-continue
{
	float:left;
}

div.orderuseragreement-acceptagreement div.orderuseragreement-cancel
{
	float:left;
}

div.orderuseragreement-acceptagreement div.orderuseragreement-accept
{
	float:right;
	margin-right:10px;
}

.basketPage table
{
	border-spacing:0;
	border-collapse:collapse;
}

.basket-wrapper .quickorder
{
    margin: 0 0 12px;
}

.basket-wrapper .basketPage table.quickorder,
.basket-wrapper .basketPage table.quickorder table
{
    width: auto;
}

.basket-wrapper .basketQuickOrderControl .rgCommandCell,
.basket-wrapper .quickorder-button-row .quickorder-arrow
{
}

.basket-wrapper .quickorder-button-row .quickorder-button
{
    margin-top: 23px;
}

.quickorder-button
{
    margin: 0 0 0 9px;
}

.quickorder-button .basketButtonText
{
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    color: #FFFFFF;
    bottom: 0;
    float: left;
    font-size: 1em;
    padding: 0;
    position: relative;
    padding: 5px 18px 3px;
    padding: 0 10px;
    background-color: #82B4BC;
    height: 25px;
    line-height: 25px;
}


.basketconfirm .basketcontinueshopping
{
    width: 100px;
}

.basketconfirm .basketClear
{
    text-align: left;
    padding-left: 10px;
}

.basketPage .basketconfirm .basketClear .button-gradient.button-cancel
{
    float: left;
}