﻿/*************************************
Basket Basket.aspx
*************************************/
.basket-wrapper,
.basket-large-wrapper
{
}

.basket-wrapper .page-content .page
{
	background-color: #FFFFFF;
	float: left;
	margin: 0 12px 0 0;
	padding: 15px;
	width: 812px;
}

.basket-large-wrapper .page-content .page
{
	background-color: #FFFFFF;
	float: left;
	margin: 0 12px 0 0;
	padding: 15px;
	width: 812px;
}

.basket-wrapper .page .content
{	
    margin: 5px;
    width: 610px;
}

.basket-large-wrapper .page .content
{	
    margin: 5px;
    width: 825px;
}

.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: 15px;
}

.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,
.basket-large-wrapper .basketPage .basketcontinueshopping
{
	padding-top:15px;
}

.basket-wrapper .basketPage .basketcontinueshopping .button-continue,
.basket-large-wrapper .basketPage .basketcontinueshopping .button-continue
{
	float:left;
    left: 11px;
}

table.basket
{
	border-collapse: collapse;
	border-spacing: 0px;
	width: 100%;    
}

.basket-wrapper .basketPage .button-previous
{
	left:11px;
}

.basket-wrapper .basketPage .button-continue
{   
	 right: 4px;
}

#basketSmallTable
{
	cursor: pointer;
	cursor: hand;
}

.basketHeader
{
    font-weight: bold;
    height: 20px;
    margin-bottom: 5px;
    padding: 0px;
    background-color: transparent;
    /*background:transparent url('images/menu-top.gif') no-repeat center top;*/
}

.basketHeaderImage
{
	display:none;
}

.basketFooter
{
    padding: 0px;
}

div.basketDetail
{
	margin-bottom:10px;
}

.basketButtonDisabled
{
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.GridView td.gvShopPriceCell, .GridView td.gvBasketOrderQuantityCell, .GridView td.gvBasketOrderPriceCell, .GridView td.gvBasketPriceCell
{
	padding-right: 5px;
	text-align: right;
}

.gvBasketDescriptionHeader
{
	text-align: left;
	width: 260px;
	padding-left:10px !important;
}

.gvBasketDescriptionCell
{
	text-align: left;
	padding-left:10px;
}

.gvBasketItemCodeHeader
{
	text-align: left;
	width: 120px;
}

.gvShopItemCodeCell
{
	text-align: left;
	padding-left:10px;
}

.gvShopQuantityHeader
{
	text-align: left;
}

.gvShopPriceHeader, .gvBasketPriceHeader, .gvBasketOrderPriceHeader
{
	text-align: left;
	width: 75px;
}

.gvShopPriceCell, .gvBasketPriceCell, .gvBasketOrderPriceCell
{
	width: 65px;
}

.gvBasketOrderQuantityHeader, .gvBasketOrderQuantityCell
{
	text-align: left;
	width: 55px;
}

.gvBasketUOMTypeHeader, .gvBasketUOMType
{
	text-align: left;
}

.gvBasketUOMType
{
	padding-left:10px !important;
}

table.master td.gvBasketOrderQuantityCell
{
	padding-right: 6px;
}

.gvShopDescriptionHeader
{
	text-align: left;
	width: 300px;
	padding-left:10px !important;
}

.gvShopDescriptionCell
{
	text-align: left;
	padding-left:10px;
	width: 80%;
}

.gvShopItemCodeHeader
{
    padding-left: 10px !important;
    text-align: left;
    width: 85px;
}

.gvShopStockHeader
{
	padding-right:10px;
}

.gvShopItemCodeCell
{
	text-align: left;
	padding-left:10px;
}

.gvShopIsPromotion, .gvShopIsPromotionImage, .gvBasketIsPromotion, .gvBasketIsPromotionImage
{
	width: 25px;
}

.gvShopUOMTypeHeader, .gvShopUOMType
{
	text-align: left;
}

.gvShopUOMType
{
	padding-left:10px !important;
}

.gvShopIsPromotionImage, .gvBasketIsPromotionImage
{
}

.gvShopItemGroupImageCell
{
    min-width: 50px;
    vertical-align:middle;
}

.button-basketadd
{
    float: right !important;
}

.gvShopDescriptionLink, .gvBasketDescriptionLink
{
	color: #333;
	text-decoration: none;
	font-weight:normal;
}

.gvBasketItemCodeLink
{
	font-weight:normal;
}

.GridViewHeader th
{
	background-color:#838383;
	color:#fff;
	padding:5px 0;
}

.GridViewHeader .gvShopQuantityHeader
{
	padding-right:5px;
}

table.GridViewOrderPage .GridViewHeader th
{
	padding:5px;
}

.gvBasketTooltip
{
	position: relative;
}

.gvBasketTooltip .gvBasketTooltipLabel
{
	font-weight: bold;
	position: relative;
}

.gvBasketTooltip .gvBasketTooltipTextbox
{
	margin-top: 4px;
	position: relative;
	width: 100%;
}

.gvBasketTooltip .gvBasketTooltipTextbox span
{
	width: 100% !important;
}

.gvBasketTooltip .gvBasketTooltipButton
{
	margin-top: 10px;
	position: relative;
	float: right;
}

/***************************************************
Order control
***************************************************/
table.orderPage
{
}

table.paymentPage,
div.paymentPage
{
	width: 570px;
}

.OrderApproveHeader
{
	color: #888888;
	font-size: 11px;
	font-style: italic;
	margin-right: 10px;
	padding-bottom: 20px;
}

.transactiontype
{
    z-index:10;
}

.PaymentInformationHeader
{
    position:relative;
}

.PaymentInformationContent
{
    position:relative;
}

/*
@media print
{
	table.search { display: none; }
	table.assortment { display: none; }
}
*/

/***************************************************
Order details
***************************************************/
div.orderdetails
{
    float: left;
    position: relative; 
    width: 100%;
}

div.orderdetails h1
{
    font-size: 16px;
    font-weight: bold;
}

div.orderdetails div.orderdetails-order
{
    float:left;
    width:100%;
    clear:both;
}

div.orderdetails div.orderdetails-order span.orderdetails-order-headertext
{
	clear: both;
    display: block;
    float: left;
    font-weight: bold;
    margin: 7px 0 7px 3px;
    width: 100%;
}

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 div.orderdetails-invoice
{
    float:left;
    width:100%;
}

div.orderdetails div.orderdetails-invoice span.orderdetails-invoice-headertext
{
    clear: both;
    display: block;
    float: left;
    font-weight: bold;
    margin: 7px 0 7px 3px;
    width: 100%;
}

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
{  
	position: relative;
	right: 5px;
}

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;
    left: 8px;
    right: auto;
}

#lblMessageAttachmentAdd
{
	font-size: 11px;
}

/*********************************************
Order User agreement
*********************************************/
div.orderuseragreement
{
	float: left;
	width: 300px;
	/*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;
}*/

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;
}
