/*HIDE THE FOLLOWING IN THE PRINT CSS*/

#panel-top, #panel-mid, #panel-promo, #panel-left,
#panel-bottom, #panel-basket, #panel-basket-admin, #breadcrumb,
.floatstatus, #printbutton, #moreinfo, #producttitle,
#panel-logos, .editorder, #commentpanel, #popupinfo,
#deliverimage, .deliverlabel {
display:none;
}

/*INVOICE AREA*/
#invoicepanel {
    border-bottom:2px solid #CCCCCC;
    height:110px;
}

#invoicepanel div {
    float:left;
}

#invoicedetails {
    float:right !important;
    text-align:right;
    font-weight:bold;
}

#invoicelogo {
    margin:15px 0 0 0;
}

#invoicelogo img {
    width:5.009cm;
    height:1.270cm;
}

#invoiceheading {
    margin:30px 0 0 40px;
    font-size:16px;
    font-weight:bold;
}

/*DELIVERY INFORMATION TABLE*/

#delivertable {
margin:30px 0 0 0;
}

#deliveryhead {
height:35px;
width:100%;
padding:0 0 0 3px;
}
#deliveryhead div {
float:left;
font-size:10px;
font-weight:bold;
background-position:right;
background-repeat:repeat-y;
height:27px;
padding:6px 0 0 10px;
}

.deliverinfo {
margin:5px 0 0 0;
width:50%;
}

.deliverblock {
padding:0 0 0 3px;
width:100%;
height:100px;
}

.deliverblock div {
background-position:right;
background-repeat:repeat-y;
padding:0 0 0 10px;
}

.deliverblock div div {
background-image:none;
padding:0px;
}

.billinfo {
margin:5px 0 0 0;
width:45%;
background-image:none !important;
}

/*COURIER TICKET INFORMATION*/

#courier {
margin:0 0 20px 0;
padding:5px 0 5px 14px;
background-color:#a8a7a7;
color:#000;
border:1px solid #999;
font-size:10px;
}
#courier .fieldlabel {
font-weight:bold;
width:95px;
}
#courier .field {
margin-left:90px !important;
}
.fieldlabel {
float:left;
width:110px;
}
.field {
margin:0 0 0 120px;
}
.fieldgroup {
margin:6px 0 5px 0;
}

/*ORDER BLOCK INFORMATION*/

#producthead {
height:22px;
width:100%;
padding:6px 0 0 3px;
}
#producthead div{
float:left;
font-size:10px;
font-weight:bold;
}

.orderitem-block {
padding:8px 0 8px 3px;
width:100%;
height:40px;
}

.ordertotal-block {
padding:8px 0 8px 3px;
width:100%;
height:1.5em;
}

.wide105 {
/*width:16%;*/
width: 2.5cm;
}

.crossout {
color:#cb0000;
text-decoration:line-through;
}

.descriptionwide {
/*width: 30%;*/
width: 7cm;
}

.wide85 {
/*width:16%;*/
width: 2.5cm;
text-align:center;
}

.dottedunder {
padding-bottom:4px;
border-bottom:1px dotted #999;
}

.wide174 {
/*width:32%;*/
width: 5cm;
}

/*GENERAL STYLES*/

html {
    height: 100%;
}
body {
    background-color:#fff !important;
    background-image:none !important;
    margin:0;
    padding:0;
    font-family: Verdana, Arial, Tahoma, sans-serif;
    font-size: 11px;
}

h4 {
padding:0 0 3px 0;
}

h5 {
border:0px;
}

#panel-content-nopad {
padding:0px !important;
margin:0px !important;
}

#title {
color:#484848;
font-size:16px;
margin:10px 0 0 0;
padding:5px 0 0 0;
font-weight:normal;
}
#titlesmall {
color:#484848;
font-size:16px;
margin:10px 0 10px 0;
padding:5px 0 0 0;
font-weight:normal;
clear:right;
float:right;
}

#titleorder {
color:#484848;
font-size:16px;
margin:20px 0 15px 0;
font-weight:600;
float:left;
width:250px;
}

.orderitem-block div, .ordertotal-block div, .deliverblock div {
float:left;
font-size:10px;
}

.orderitem-block div div, ordertotal-block div div, .deliverblock div div {
float:none;
}

.row-1 {
}
.row-0 {
background-color:#fff;
}

#thankyou {
text-align:center;
font-size:12px;
font-weight:bold;
padding:5px 0 0 0;
border-top:2px solid #CCC
}