.formLayout.lblLeft label.lblTitle, .formLayout .lblLeft label.lblTitle { float: left; margin: 0.2em 1em 0 0; width: 15%; }
.fltLeft { float: left; padding: 0; }
.fltRight { float: right; padding: 0; }

.colDate { width: 11%; }
.colOrderId { width: 10%; }
.colDescription { width: 40%; }
.colTotalAmount { width: 13%; }
.colNumberofProducts { width: 10%; }
.colActions { width: 16%; }

.productItem { padding-bottom: 5px; display: inline-block; }
.productItem .popbox { position: absolute; z-index:999; width: 420px; background: #fff; box-shadow: 0 1px 6px rgba(0,0,0,0.3); }
.productItem .popbox:before { content: ''; position: absolute; width: 100%; bottom: -10px; left: 0; height: 10px; }
.productItem .popbox:after { content: ''; position: absolute; left: 50%; bottom: -9px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #ccc; margin-left: -10px; }
.productItem .popbox .ui-state-default { padding: 8px 10px; }
.productItem .popbox img { float: left; margin-right: 20px; width: 100px; }
.productItem .popbox .productInfo { height: auto; overflow: auto; }
.productItem img { vertical-align: baseline; }
.productItem .productTitle { max-width: 250px; display: inline-block; }
.productItem .quantity { display: inline-block; overflow: hidden; }
img.imgProductSmall { width: 20px; }
img.imgProductMedium { width: 110px; }

table.orderDetail .colProducts { width: 110px; }
table.orderDetail .colProductName { width: 300px; }
table.orderDetail .colVariation { width: 70px; text-align: center; }
table.orderDetail .colUnit { width: 65px; text-align: center; }
table.orderDetail .colQty { width: 65px; text-align: center; }
table.orderDetail .colPrice { width: 70px; text-align: center; }
table.orderDetail .colTotal { text-align: center; }

table.orderDetail td { background: #fff; }
table.orderDetail td.priceCol { text-align: right; }
table.orderDetail tbody td { border-bottom: 1px solid #ccc; }
table.orderDetail tfoot tr:first-child td { padding-top: 10px; }
table.orderDetail tfoot tr:last-child td { padding-bottom: 10px; }
table.orderDetail tfoot td { background: #ededed; padding: 3px 10px; border: none; }
table.orderDetail tfoot hr { margin: 0; }
table.orderDetail td.orderVariation{padding:0;}
table.orderDetail td.orderVariation table {width:100%; border:none; margin:0px; min-height:121px;}
table.orderDetail td.orderVariation table tr{border:none;}
table.orderDetail td.orderVariation table tr td{border-bottom:none; }

.prodImg .qk-vw { position: absolute; left: 50%; top: 30%; width: 110px; margin: 0 0 0 -55px; z-index: 900; }
.prodImg .qk-vw img { max-height: 300px; max-width: 300px; }
.prodImg .qk-vw > div { border: 2px solid #CCC; height: 300px; width: 300px; background-color: White; -moz-box-shadow: 0 0 4px 0 #ccc; -webkit-box-shadow: 0 0 4px 0 #ccc; box-shadow: 0 0 4px 0 #ccc; }

.EndUserProfile .edcPager { display:block; line-height:30px; }
.EndUserProfile .edcPager a,
.EndUserProfile .edcPager a:hover { font-weight:bold; padding: 0 2px }
.EndUserProfile .edcPager .ItemOffsetChoice { padding-right: 5px; margin-right: 5px; font-weight: bold; }
.EndUserProfile .edcPager .ItemOffsetChoice a { font-weight: normal; }

.pager-button { font-weight: bold; }