BODY { font-family: arial, Tahoma, Verdana; font-size: 12px; margin: 0 0 0 0;}

H1 {margin-top: 0px; margin-bottom: 5px; font-size: 1.65em; color: #0A0A0A}
H2 {margin-top: 5px; margin-bottom: 4px; font-size: 1.55em; font-weight: bold; color: #C7132C;}
H4 {margin-top: 5px; margin-bottom: 5px; padding-bottom:5px; font-size: 1.65em; color: #FFFFFF}

a { color: #C7132C}

/* Regions */
#regTopMenuBar {padding: 3px 3px 3px 3px;  background-color:#333333; color: #cccccc;}
#regTopMenuBar A {color: White; font-weight: bold; text-decoration: none; }
#regTopMenuBar A:hover {color: yellow; text-decoration: underline;}

#regLeftMenu {vertical-align:top; color: #555555;}
#regLeftMenu .MenuItem { background-color: #F68C3C; margin-bottom:1px; padding-top:2px; padding-bottom:2px; padding-left:4px; padding-right: 4px;}
#regLeftMenu .MenuItem A {color:White; font-weight: bold; text-decoration: none;}
#regLeftMenu .MenuItem A:hover {text-decoration: underline;}

#regLeftMenu .subMenuItem { background-color: #F68C3C; margin-bottom:1px; padding-top:2px; padding-bottom:2px; padding-left:10px; padding-right: 4px;}
#regLeftMenu .subMenuItem A {font-size:.85em; color:White; font-weight: bold; text-decoration: none;}
#regLeftMenu .subMenuItem A:hover {text-decoration: underline;}

#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; border: 1px solid #C0C0C0;  font-size: 12px}
#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}

/* 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 7px;}
/*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: 0;}*/

.regFooter {font-size: 11px; color: #0A0A0A; padding-left: 5px; padding-right:5px; }
#regFooter A { font-size: 11px; color: #0A0A0A;font-weight: normal; text-decoration: underline;}
#regFooter A:Hover { color: #C7132C; }

/* Button styles */
#regMainContent .button {font-weight: bold; color: darkGreen;}
#regMainContent .Bluebutton {font-weight: bold; color: Navy;}
#regMainContent .CancelButton {font-weight: normal; color: Red;}

/* datagrid styles */
#regMainContent .datagridHeader {background-color: #cccccc;font-weight: bold; padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; margin-bottom: 10px;}
#regMainContent .datagridItem {background-color: #efefef; border-bottom: 1px solid #666666}
#regMainContent .datagridAlternatingItem {background-color: #ffffff; border-bottom: 1px solid #666666}
  
.bg_TopShadow { background-image: url(images/pageshadow_top.gif); background-repeat: repeat-x;}
.bg_BottomShadow { background-image: url(images/pageshadow_btm.gif); background-repeat: repeat-x;}
.bg_LeftHandShadow { background-image: url(images/pageshadow_left.gif); background-repeat: repeat-y;}
.bg_RightHandShadow { background-image: url(images/pageshadow_right.gif); background-repeat: repeat-y;}

.BodyText { padding-left: 20px; padding-right: 20px; padding-bottom: 20px; font-size: 12px}
.BodyText TD { font-size: 12px}
.FooterAddress { background-color: #D9D9D9; text-align: center; font-size: 12px}
.Pipe { color: #C7132C;}
.RedSpacer { background-color: #C7132C;}
.GreySpacer { background-color: #CCCCCC;}
.TopHeader { background-color: #D9D9D9; font-size: 12px}
.SubscriberLogin {padding-left:4px;padding-right:4px; font-size: 12px}

.LeftMenu { font-size: 12px; height: 22px; color: #0A0A0A;}
.LeftMenu A {  vertical-align: middle; text-decoration: none; color: #0A0A0A; font-weight: bold;font-size: 12px }
.LeftMenu A:Hover { text-decoration: underline; color: #C7132C; }
.RedSquare { height: 22px;  padding-right:6px; padding-Left:6px; }

bg_Button { height: 17px; padding-left: 6px; padding-right: 6px; background-image: url(images/btn_bg_red.gif); background-repeat: repeat-x;}
.bg_Button { height: 17px; padding-left: 6px; padding-right: 6px; background-image: url(images/btn_bg_red.gif); background-repeat: repeat-x;}
.bg_Button A { text-decoration: none; color: #FFFFFF; font-weight: bold; font-size: 10px;}
.bg_Button A:Hover { text-decoration: underline;}
.none { color: #FFFFFF; height: 17px; background-color: inherit;}
.NewsTitleTemplate A { line-height: 1.3; padding-right: 6px; text-decoration: none; color: #C7132C; font-size: 12px; font-weight: bold;}
.NewsTitleTemplate A:Hover { text-decoration: underline;}

.NewsArticleTemplate { font-size: 12px;  padding-top: 4px; padding-bottom: 4px; padding-right: 6px;}

.AnswerCorrect { font-weight: bold; color: Green;}
.AnswerIncorrect { font-weight: bold; color: Red;}


.bg_ButtonLarge { height: 26px; padding-left: 6px; padding-right: 6px; background-image: url(images/bg_red_new.gif); background-repeat: repeat-x;}
.bg_ButtonLarge A { text-decoration: none; color: #FFFFFF; font-weight: bold; font-size: 12px;}
.bg_ButtonLarge A:Hover { text-decoration: underline;}

.TestYourSkillsResults {font-size: 16px;}


  .payment_header { padding: 3 3 3 3 ; font-weight: bold; background-color:#D9D9D9; color:#000000; border-bottom: 2px solid #C7132C;}
  
  .basketSubtotal   {text-align:right; width:650px; font-weight: bold; padding-top:10px; padding-bottom: 5px; }
  .basketDelivery  {text-align:right; width:650px; font-weight: bold; padding-top:10px; padding-bottom: 5px; border-top:1px solid #666666;}
  .basketVATAmount  {text-align:right; width:650px; font-weight: bold; padding-top:10px; padding-bottom: 5px; border-top:1px solid #666666;}
  .basketGrandTotal {text-align:right; width:650px; font-size:17px; font-weight: bold; padding-top:5px; padding-bottom: 5px; border-top:2px solid #666666; border-bottom: 2px solid #666666; margin-bottom:15px;}

.payment_item {border-bottom: 1px solid black}
