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

 A img {border:0px;}

H1 {margin-top: 15px; 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: #013D5C;}

/* 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}
#regMainContent .SocialNetworking { padding-bottom: 10px; text-align: right;}
#regMainContent .blogPostTitle { font-size: 1.2em; font-weight: bolder;}
#regMainContent .blogDateFiled { color: #999; padding: 7px 0px 7px 0px;}
#regMainContent .blogContent { padding-bottom: 10px; }

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

#regRightHandMenu {vertical-align: top; padding-top: 20px;}
#regRightHandMenu .blogArchiveHeading {width: 150px; font-family: Georgia; padding-top: 15px;}
#regRightHandMenu .blogArchiveBox {width:180px;}
#regRightHandMenu .blogArchive {height:19px; font-size:.8em;}
#regRightHandMenu .blogArchive A {text-decoration: none; color: #013D5C}
#regRightHandMenu .blogArchive 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;}