BODY { font-family: Arial; font-size: 13px}

 A img {border:0px;}

H1 {margin-top: 5px; margin-bottom: 5px; font-size: 20px; color: #013D5C; font-family:Georgia;}
H2 {margin-top: 15px; margin-bottom: 3px; font-size: 1.1em; font-weight: bold; color: #3A98C0;}

/* Regions */
#header { background-color:#013D5C;}

#regTopMenuBar {  background-color:#013D5C; border-top:solid 2px #ffffff; padding-left:7px;}
#regTopMenuBar .button { padding-left:17px;}

#search { background-color:#013D5C; border-top:solid 2px #ffffff; padding-right:7px; padding-top:3px; padding-bottom:3px;}

#regLeftMenu {vertical-align:top; color: #555555; background-color:#E3E0C5; padding:2px; width:181px;}
#regLeftMenu .MenuHeading { margin-top:1px;}
#regLeftMenu .MenuItem {  margin-bottom:1px; background-color:#fffde2; width:177px; padding:5px 0px 5px 5px;  }
#regLeftMenu .MenuItem A {color:#013D5C; font-weight: bold; text-decoration: none; font-family:Georgia; font-size:12px;}
#regLeftMenu .MenuItem A:hover {text-decoration: underline;}
#regLeftMenu .subMenuItem {margin-bottom:1px; background-color:#ffffff; max-width:177px; padding:5px 0px 5px 15px;}
#regLeftMenu .subMenuItem A {font-size:11px; font-family:Georgia; color:#013D5C; text-decoration: none;}
#regLeftMenu .subMenuItem A:hover {text-decoration: none;}

#regLeftMenu #scrollerPanelNews { height: 170px; padding: 5px; font-size: 11px; font-family: Arial; text-align:left;}

#rightcolumn .rhsNewsHeading {padding-top: 10px;}
#rightcolumn .rhsNewsHeading A {color: #885a99; font-weight:bold; font-size:11px; text-decoration: none;}
#rightcolumn .rhsNewsBody {color: #1e1e1e; font-size:11px; text-decoration: none;}
#rightcolumn .rhsNewsBody:hover {color: #555555; font-size:11px; text-decoration: none;}

#regMainContent {vertical-align:top; font-size:12px; color:#002031; padding-left:20px; padding-right:15px; padding-bottom:10px; width:100%; height:100%;}
#regMainContent td {font-size:12px;}
#regMainContent A {text-decoration: underline; font-weight: bold; color: #AFAC96; }
#regMainContent .MessageToUser {font-weight: bold; color: red; padding-top: 5px; padding-bottom: 10px}
#regMainContent .breadcrumbtrail {padding-top:5px; padding-bottom:10px}
#regMainContent .breadcrumbtrail A {color: #F8A261}
#regMainContent .highlight {background-color:Yellow}

#blackboard { background:#42413A; margin-top:2px; font-size:13px; font-family:Arial; }

#regFooter {font-size: 1em; color: #999999; height:26px; border-top: solid 2px #ffffff; background-color:#E3E0C5; }
#regFooter A {color: #999999; font-weight: normal; text-decoration: none; border:0px;}
#regFooter A:hover {text-decoration: underline;}


/* code below allows customised bullet points with graphics to be added - also includes fix for IE */
#regMainContent ul { margin-left: 10px; padding-left: 0; list-style: none; }
#regMainContent ul li {	 padding-left: 14px; background-image: url(images/bullets/dot.gif); background-repeat: no-repeat; background-position: 0 5px;}
html[xmlns] #regMainContent ul { padding-left: 2em;}
html[xmlns] #regMainContent ul li { background: none; /* undo the background-image */ list-style-image: url(images/bullets/dot.gif); padding: 0px;}


/* Button styles */
#regMainContent .button {font-weight: bold; color: #013D5C;}
#regMainContent .Bluebutton {font-weight: bold; color: Navy;}
#regMainContent .CancelButton {font-weight: normal; color: Red;}

/* datagrid styles */
#regMainContent .datagridHeader {background-color: #013D5C; color:#ffffff; font-weight: bold; padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; margin-bottom: 10px;}
#regMainContent .datagridItem {background-color: #E3E0C5; border-bottom: 1px solid #666666}
#regMainContent .datagridAlternatingItem {background-color: #ffffff; border-bottom: 1px solid #666666}

/* Payment/checkout/myaccount order history page styles */
.PaymentForm {margin-left: 30px; margin-top:8px; width: 90%;}
.PaymentForm .heading {width: 140px}
.PaymentForm input, textarea {font-size: 1em;}
.PaymentFormHeading { font-weight: bold; color: Navy; margin-top: 10px}
.PaymentSecureSeal  { text-align:center; margin-top: 10px; }

/* these styles are used on the view shopping basket page... */
.BasketSummary {margin-left: 30px; width: 550px;}
.BasketSummary .BasketSummaryTable {width: 100%;}
.BasketSummary .BasketSummaryTable .BasketSummaryHeader { background-color: black; color: White; font-weight: bold;}
.BasketSummary .BasketSummaryTable .BasketSummaryItem { border-bottom: 1px solid gray; padding-top: 1px; padding-bottom: 2px;}
.BasketSummary .BasketSummaryTable .BasketItemQuantity {width: 20px; text-align:center; font-size: 1em; margin-left: 25px;}
.BasketSummary .BasketSubtotal { width: 100%; text-align: right; margin-bottom: 3px; padding-top: 4px; padding-bottom: 1px;}
.BasketSummary .BasketDelivery { width: 100%; text-align: right; border-top: 1px solid gray; margin-bottom: 3px; padding-top: 3px; padding-bottom: 1px;}
.BasketSummary .BasketDiscount { width: 100%; text-align: right; border-top: 1px solid gray; margin-bottom: 3px; padding-top: 3px; padding-bottom: 1px;}
.BasketSummary .BasketVATAmount { width: 100%; text-align: right; border-top: 1px solid gray; margin-bottom: 6px; padding-top: 3px; padding-bottom: 1px;}
.BasketSummary .BasketGrandTotal { width: 100%; text-align: right; border-bottom: 2px solid black; border-top: 1px solid black; font-weight: bold; font-size: 1.2em; margin-bottom: 15px; padding-top: 3px; padding-bottom: 3px;}

/* these styles are used on the final checkout page... */
.PaymentSummary {margin-left: 30px; width: 550px;}
.PaymentSummary .PaymentSummaryTable {width: 100%;}
.PaymentSummary .PaymentSummaryTable .PaymentSummaryHeader { background-color: black; color: White; font-weight: bold;}
.PaymentSummary .PaymentSummaryTable .PaymentSummaryItem { border-bottom: 1px solid gray; padding-top: 1px; padding-bottom: 2px;}
.PaymentSummary .PaymentSubtotal { width: 100%; text-align: right; margin-bottom: 3px; padding-top: 4px; padding-bottom: 1px;}
.PaymentSummary .PaymentDelivery { width: 100%; text-align: right; border-top: 1px solid gray; margin-bottom: 3px; padding-top: 3px; padding-bottom: 1px;}
.PaymentSummary .PaymentDiscount { width: 100%; text-align: right; border-top: 1px solid gray; margin-bottom: 3px; padding-top: 3px; padding-bottom: 1px;}
.PaymentSummary .PaymentVATAmount { width: 100%; text-align: right; border-top: 1px solid gray; margin-bottom: 6px; padding-top: 3px; padding-bottom: 1px;}
.PaymentSummary .PaymentGrandTotal { width: 100%; text-align: right; border-bottom: 2px solid black; border-top: 1px solid black; font-weight: bold; font-size: 1.2em; margin-bottom: 15px; padding-top: 3px; padding-bottom: 3px;}