/* set defaults - font and take padding off tables so it doesn't have to be defined for each <table> tag.
   A better option is to explicitly use padding if you need it.

   Font sizes all relative to the "body" tag below and by using "em" it means if the user increases the font size on the browser (DDA compliance)
   then the sizes increase on the site in proportion too.

   #1A3C6B - page background
   #335F9A - header
   #5B7DA8 - left hand column
   #335F9A - footer
*/
body { font-family: Verdana; font-size: .80em; background-color: white; background-image: url(images/template/page_bg.jpg);}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td {
	margin:0;
	padding:0;
}

table {border-collapse: collapse;}

/* this sets the overall width of the template so that we don't have to define it all the way through - plus it centres it */
#page {margin: 0 auto; width:976px; }

/* Region: TOP MENU  */
#regTopMenu { width: 100%; color: #ec9a03; padding: 3px 3px 3px 3px;}
#regTopMenu #MenuLinks { text-align: center; font-size: .95em;}
#regTopMenu #MenuLinks .MenuItem { padding: 0px 7px 0px 7px; display: inline; font-size: .82em}
#regTopMenu #MenuLinks .MenuItem a {color: #ec9a03; font-weight: bold; text-decoration: none;}
#regTopMenu #MenuLinks .MenuItem a:hover {color:#ec9a03; text-decoration: none;}

/* Region: TOP MENU BAR */
#regTopMenuBar { width: 100%; height: 12px; padding: 0px;}
#regTopMenuBar #shadowLeft  { width: 4px;   height: 102px; background-image: url(images/template/pg_shadow_topleft.gif); background-repeat: no-repeat;}
#regTopMenuBar #shadowRight { width: 4px;   height: 102px; background-image: url(images/template/pg_shadow_topright.gif); background-repeat: no-repeat;}

/* Region: FOOTER */
#regFooter {width: 100%; font-size: .8em; padding-bottom: 0px; background-image: url(images/template/main_bg.gif); background-repeat: repeat-y; margin-left: 3px; }
#regFooter td {color: #ec9a03; font-weight: bold; padding: 14px 25px 0px 0px; text-align: right;}
#regFooter A {color: #ec9a03; font-weight: bold; text-decoration: none;}
#regFooter A:hover {text-decoration: underline;}
#regFooterCurve { width: 100%; height: 12px; margin-left: -1px; margin-bottom: 10px;}
#regFooterCurve td { text-align:center; }

/* Region: Middle bit encompassing left menu and body content (and right menu if appropriate) */
#regMainContent {width: 968px; background-image: url(images/template/main_bg.gif); background-repeat: repeat-y; margin-left: 3px;}


#regRightMenu {font-size: 1.05em; vertical-align:top; color: #ffe500; width: 125px; padding: 0px 10px 5px 11px; border-left: 1px solid #3a3a3a; }

#regLeftMenu {font-size: 1.05em; vertical-align:top; color: #ffe500; width: 137px; margin: 0px 10px 10px 10px; padding: 0px 7px 5px 11px; border-right: 1px solid #3a3a3a; }
#regLeftMenu a {color: #ffe500; font-weight: bold; text-decoration: none;}
#regLeftMenu h2 {font-size: .85em; font-weight: bold; color: white; padding: 2px 5px 2px 2px; background-color:#44749D; margin-top: 3px; }

#regLeftMenu .searchBox {background-color: #CBDAE6; padding: 2px 4px 3px 4px; margin: 0px 0px 14px 0px;}
#regLeftMenu .menuItemsBox { padding: 0px 0px 10px 0px; font-size: .85em;}
#regLeftMenu .menuItemsBox .menuItem { padding-top: 5px;}
#regLeftMenu .menuItemsBox .menuItem a { color: #FFE500;}

#regLeftMenu .menuItemsBox .menuItemSpacer { padding-top: 5px;}

#regLeftMenu .menuItemsBox .menuItemGray { padding-top: 5px;}
#regLeftMenu .menuItemsBox .menuItemGray a { color: gray;}


#regLeftMenu .productCategoriesBox {padding: 0px 0px 10px 0px;}
#regLeftMenu .rssIcons {font-size: .8em; margin: 30px 5px 90px 15px; }
#regLeftMenu .bookmarkSite{font-size: .8em; margin: 10px 0px 10px 0px; text-align:center; }

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

#regLeftMenu .MenuItem { font-size: .85em; background-color: #CBDAE6; margin: 0px 0px 1px 0px; padding: 2px 0px 2px 3px; }
#regLeftMenu .MenuItem A { color:black; font-weight: normal; text-decoration: none;}
#regLeftMenu .MenuItem A:hover {text-decoration: underline;}

#regLeftMenu .subMenuItem { font-size: .8em; margin: 0px 0px 1px 0px; padding: 2px 4px 2px 8px; border-bottom: 1px solid #CBDAE6}
#regLeftMenu .subMenuItem A { color:black; font-weight: normal; 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:.85em; text-decoration: none; }
#rightcolumn .rhsNewsBody {color: #1e1e1e; font-size:.85em; text-decoration: none;}
#rightcolumn .rhsNewsBody:hover {color: #555555; font-size:.85em; text-decoration: none;}

#regBodyContent {vertical-align:top; padding: 0px 14px 25px 15px; font-size: .85em; color: white;}
#regBodyContent h1 {margin-top: 0px; margin-bottom: 5px; font-size: 2em; font-weight: normal; color: #ec9a03}
#regBodyContent h2 {margin-top: 15px; margin-bottom: 6px; font-size: 1.1em; font-weight: bold; color: #FFE500;}

#regBodyContent select {font-size: 1.1em; padding-left: 2px;}
#regBodyContent input {font-size: 1.1em; padding-left: 2px;}
#regBodyContent textarea {font-size: 1em; padding-left: 2px; font-family: Verdana;}

#regBodyContent a {text-decoration: underline; font-weight: bold; color: #F58027; }
#regBodyContent .MessageToUser {font-weight: bold; color: red; padding-top: 5px; padding-bottom: 10px} 
#regBodyContent .breadcrumbtrail {padding-top:5px; padding-bottom:10px}
#regBodyContent .breadcrumbtrail A {color: #F8A261}
#regBodyContent .highlight {background-color:Yellow}

/* put table cells for the main body content to have a 1px padding by default */
#regBodyContent table td {padding: 1px 1px 1px 1px}

/* code below allows customised bullet points with graphics to be added - also includes fix for IE */
#regBodyContent ul { margin-left: 10px; padding-left: 0; list-style: none; }
#regBodyContent 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: 0px;}


/* Button styles */
#regBodyContent .button {font-weight: bold; color: #111111;}
#regBodyContent .buttonLarger {font-weight: bold; color: #111111; font-size: 1.2em; }
#regBodyContent .buttonGreen {font-weight: bold; color: #111111; color: darkgreen;}
#regBodyContent .buttonNavy {font-weight: bold; color: #111111; color: DarkBlue;}
#regBodyContent .buttonRed {font-weight: bold; color: #111111; color: Red;}
#regBodyContent .CancelButton {font-weight: normal; color: Red;}

/* datagrid styles */
#regBodyContent .datagridHeader {background-color: #E2AF00;font-weight: bold; padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; margin-bottom: 10px; color: black;}
#regBodyContent .datagridItem td {border-bottom: 2px solid #666666; color: white; padding: 5px 0px 5px 0px;}
#regBodyContent .datagridAlternatingItem td {border-bottom: 2px solid #666666; color: white; padding: 10px 0px 10px 0px;}


/* 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: black; margin-top: 10px; padding: 3px; background-color: #d48700; }
.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%; border-collapse: collapse; }
.BasketSummary .BasketSummaryTable .BasketSummaryHeader { background-color: #ec9a03; color: black; font-weight: bold; }
.BasketSummary .BasketSummaryTable .BasketSummaryHeader td {padding: 3px 2px 3px 2px; }

#regBodyContent .BasketSummary .BasketSummaryTable .BasketSummaryItem { }
#regBodyContent .BasketSummary .BasketSummaryTable .BasketSummaryItem td { border-bottom: 1px solid #444444; padding-top: 3px; padding-bottom: 3px;}
#regBodyContent .BasketSummary .BasketSummaryTable .BasketItemQuantity {width: 20px; text-align:center; font-size: 1em; margin-left: 25px;}
#regBodyContent .BasketSummary .BasketSubtotal { width: 100%; text-align: right; border-top: 2px solid gray; margin-bottom: 3px; padding-top: 4px; padding-bottom: 1px;}
#regBodyContent .BasketSummary .BasketDelivery { width: 100%; text-align: right; border-top: 1px solid gray; margin-bottom: 3px; padding-top: 3px; padding-bottom: 1px;}
#regBodyContent .BasketSummary .BasketDelivery select {font-size: 1.05em; margin-left: 5px;}
#regBodyContent .BasketSummary .BasketDiscount { width: 100%; text-align: right; border-top: 1px solid gray; margin-bottom: 3px; padding-top: 3px; padding-bottom: 1px;}
#regBodyContent .BasketSummary .BasketVATAmount { width: 100%; text-align: right; border-top: 1px solid gray; margin-bottom: 6px; padding-top: 3px; padding-bottom: 1px;}
#regBodyContent .BasketSummary .BasketGrandTotal { width: 100%; text-align: right; border-bottom: 2px solid black; border-top: 1px solid black; font-weight: bold; font-size: 1.1em; margin-bottom: 15px; padding: 3px 0px 3px 0px;}
#regBodyContent .BasketSummary .BasketButtons {width: 100%}
#regBodyContent .BasketSummary .BasketButtons .UpdateQuantity {color: Navy; font-weight: bold; font-size: 1em; width:95px}
#regBodyContent .BasketSummary .BasketButtons .Checkout {color: DarkGreen; font-weight: bold; font-size: 1em; width:83px}
#regBodyContent .BasketSummary .BasketButtons .CheckoutButton {color: DarkGreen; font-weight: bold; font-size: 1em;}
#regBodyContent .BasketSummary .ApplyDiscountCode {color: DarkGreen; font-weight: bold; font-size: 1em; width:65px}
#regBodyContent .BasketSummary .CartRemove { background-color: #FFFFFF;font-weight: bold; color: #000000; border: 0px}
#regBodyContent .BasketSummary .CartRemove:Hover { text-decoration: none;}


/* these styles are used on the final checkout page... */
#regBodyContent .PaymentSummary {margin-left: 30px; width: 550px;}
#regBodyContent .PaymentSummary .PaymentSummaryTable {width: 100%; }
#regBodyContent .PaymentSummary .PaymentSummaryTable .PaymentSummaryHeader { background-color: #ec9a03; color: black; font-weight: bold;}
#regBodyContent .PaymentSummary .PaymentSummaryTable .PaymentSummaryHeader td {padding: 3px 2px 3px 2px; }

#regBodyContent .PaymentSummary .PaymentSummaryTable .PaymentSummaryItem { }
#regBodyContent .PaymentSummary .PaymentSummaryTable .PaymentSummaryItem td {border-bottom: 1px solid gray; padding: 3px 2px 3px 2px; }

#regBodyContent .PaymentSummary .PaymentSubtotal { width: 100%; text-align: right; border-top: 2px solid gray; margin-bottom: 3px; padding-top: 4px; padding-bottom: 1px;}
#regBodyContent .PaymentSummary .PaymentDelivery { width: 100%; text-align: right; border-top: 1px solid gray; margin-bottom: 3px; padding-top: 3px; padding-bottom: 1px;}
#regBodyContent .PaymentSummary .PaymentDiscount { width: 100%; text-align: right; border-top: 1px solid gray; margin-bottom: 3px; padding-top: 3px; padding-bottom: 1px;}
#regBodyContent .PaymentSummary .PaymentVATAmount { width: 100%; text-align: right; border-top: 1px solid gray; margin-bottom: 6px; padding-top: 3px; padding-bottom: 1px;}
#regBodyContent .PaymentSummary .PaymentGrandTotal { width: 100%; text-align: right; border-bottom: 2px solid black; border-top: 1px solid black; font-weight: bold; font-size: 1.4em; margin-bottom: 15px; padding-top: 3px; padding-bottom: 3px; color: Yellow;}

#regBodyContent .Venue {height: 135px; width: 100%; border: 1px solid #3a3a3a; margin-bottom: 10px;}
#regBodyContent .Venue .VenuePhoto {width: 160px; height: 100px; text-align: center; padding-top: 5px; padding-bottom: 5px;}
#regBodyContent .Venue .VenueName  {border: 1px solid #3a3a3a; color: #ec9a03; font-size: 1.1em; padding-left: 15px; padding-top: 4px; padding-bottom: 4px; margin-top: 5px; margin-right: 0px;}
#regBodyContent .Venue .VenueDescription  {color: white; font-size: 1em; padding: 5px 10px 3px 15px; }
#regBodyContent .Venue .VenueMoreDetails  {color: white; text-align: right; padding-bottom: 0px;}

#regBodyContent #VenueDetailDescription {border: 1px solid #3a3a3a; margin-bottom: 10px; padding: 10px; }

#regBodyContent #VenueDetailGallery { height: 380px; border: 1px solid #3a3a3a; margin-bottom: 10px; padding: 10px;}
#regBodyContent #VenueDetailGallery .MainPhoto { width: 460px; text-align:center; vertical-align:text-top;}
#regBodyContent #VenueDetailGallery .Caption { text-align:center; color: Gray; padding-bottom: 5px;}
#regBodyContent #VenueDetailGallery .ThumbnailPhoto { height:85px; margin-bottom: 2px; text-align: center;}

#regBodyContent #VenueDetailEvents { height: 380px; border: 1px solid #3a3a3a; margin-bottom: 10px; padding: 10px;}
#regBodyContent #VenueDetailEventsNoBorder { height: 380px; border: 0px solid #3a3a3a; margin-bottom: 10px; padding: 10px;}
#regBodyContent .VenueEventsTable {border: 0px; text-align: center;}
#regBodyContent .VenueEventsTable .VenueEventsHeader { color: black; font-weight: bold; background-color: #d48700; }
#regBodyContent .VenueEventsTable .VenueEventsHeader td {padding: 3px 2px 3px 2px; }
#regBodyContent .VenueEventsTable .VenueEventsItem { border-bottom: 1px solid red; padding-top: 1px; margin-bottom: 15px; }
#regBodyContent .VenueEventsTable .VenueEventsItem td {padding-top: 6px; padding-bottom: 6px; border-bottom: 1px solid #3a3a3a;}
#regBodyContent .VenueEventsTable .VenueEventsItem .buyNow {color: Red; font-weight: bold; font-size: .8em;}

#regBodyContent #VenueEventDescription { border: 1px solid #3a3a3a; margin-bottom: 10px; padding: 10px;}}
#regBodyContent #VenueEventDescription .VenueEventDetail { padding-bottom: 15px;}

#regBodyContent #VenueDetailFindUs { height: 380px; border: 1px solid #3a3a3a; margin-bottom: 10px; padding: 10px;}

#regBodyContent .paging {padding-top: 10px; padding-bottom: 20px; display: none;}
#regBodyContent .paging a {text-decoration: none;}
#regBodyContent .paging table {width:100%}
#regBodyContent .paging .currentPageLabel {width: 180px; color: black;}
#regBodyContent .paging .previousPage {width: 100px; text-align: left; }
#regBodyContent .paging .previousPage a { color: Gray;}
#regBodyContent .paging .pageNumbers {text-align: center;}
#regBodyContent .paging .pageNumbers a.unselectedPage {font-weight: bold; color: #999999}
#regBodyContent .paging .pageNumbers a.selectedPage {font-weight: bold; color: red}
#regBodyContent .paging .nextPage {width: 80px; text-align: right; }
#regBodyContent .paging .nextPage a { color: Gray; }
  				  
#regBodyContent .BlogEntries p {padding-top: 0px; margin-top: 0px}
#regBodyContent .BlogEntries .blogPostTitle {padding-top: 5px;}
#regBodyContent .BlogEntries .blogPostTitle a {font-size: 1.2em; font-weight: bold;}
#regBodyContent .BlogEntries .blogDateFiled {color: Gray; padding-top: 2px; padding-bottom: 8px;}
#regBodyContent .BlogEntries .blogContent { padding-bottom: 10px;}   
#regBodyContent .BlogEntries .blogFooter {padding-bottom: 25px; border-bottom: 1px solid #cccccc; margin-bottom: 10px; }
#regBodyContent .BlogEntries .blogFooter .CommentSummary {float: left; width: 250px; display: inline; color: gray;  padding-top: 5px; }
#regBodyContent .BlogEntries .blogFooter .CommentSummary a {text-decoration: none; font-weight: normal; color: Gray;}
#regBodyContent .BlogEntries .blogFooter .SocialNetworking {float: right; display: inline; }
#regBodyContent .BlogEntries .blogNoEntries {margin-left: 15px; color: Navy; padding-top: 10px; }

#regBodyContent .BlogDetail .blogPostTitle {font-size: 1.2em; font-weight: bold;}
#regBodyContent .BlogDetail .blogDateFiled {color: Gray; padding-top: 2px; padding-bottom: 8px;}
#regBodyContent .BlogDetail .blogContent { padding-bottom: 5px;}   
#regBodyContent .BlogDetail .blogFooter {padding-bottom: 5px; border-bottom: 1px solid #cccccc; }
#regBodyContent .BlogDetail .blogNoEntry {margin-left: 15px; color: Navy; padding-top: 10px; }
#regBodyContent .BlogDetail .SocialNetworking {padding-top: 0px; text-align: right}
#regBodyContent .BlogDetail .OtherRecentPosts {padding-top: 0px; padding-bottom: 5px;}
#regBodyContent .BlogDetail .OtherRecentPosts .ListPosts {margin-left: 20px; padding-bottom: 3px;}

#regMainContent .BlogDetail .Comments {padding-top: 0px;}
#regMainContent .BlogDetail .Comments .NoCommentsYet {color: #444444; padding-bottom: 5px;}
#regMainContent .BlogDetail .Comments .ListComments {margin-left: 0px; padding-bottom: 5px;}
#regMainContent .BlogDetail .Comments .ListComments .SpecificPost {padding: 7px 5px 7px 5px; margin-bottom: 12px; border: 1px solid gray; background-color: #FFFED0;}
#regMainContent .BlogDetail .Comments .ListComments .SpecificPost .CommentBy {font-size: .9em; color: black; padding-bottom: 5px; }
#regMainContent .BlogDetail .Comments .ListComments .SpecificPost .Comment {font-size: .9em; }
#regMainContent .BlogDetail .Comments .ListComments .SpecificPost .ModeratedReply {background-color: #F5FABD; }
#regMainContent .BlogDetail .Comments .ListComments .SpecificPost .ModeratedReply .ReplyComment { }
#regMainContent .BlogDetail .Comments .ListComments .SpecificPost .ModeratedReply .ReplyDatestamp { }

#regBodyContent .BlogDetail .Comments .leaveComment input {margin-left: 0px;}
#regBodyContent .BlogDetail .Comments .leaveComment .heading {color: #333333; font-weight: bold; padding-top: 4px; }

/*Password Tool CSS */
#password_description {font-size: 10px; font-style: italic;}
#password_strength { width:80px; height:10px; text-align:right; }
.strength0 { width:80px; background:#cccccc; }
.strength1 { width:20px; background:#ff0000; }
.strength2 { width:40px; background:#56e500; }
.strength3 { background:#399800; width:60px; }
.strength4 { background:#4dcd00; width:80px; }