/* main */
body { margin: 0px; padding: 0px; text-align: center; background: #EFF7DE; background-image: url(../Images/Common/Back.gif); background-repeat: repeat-x;}
body, p, td, th, li, input, textarea, select { font-family: Tahoma, Arial, Helvetica, Serif; color: #666666; }
body, td { font-size: 11px; }
input, textarea, select { font-size: 85%; }
p { margin: 0px 0px 10px 0px; padding: 0px; line-height: 16px;}
a, a:active, a:visited { font-family: Tahoma, Arial, Helvetica, Serif; text-decoration: none; color: #2E489F; }
a:hover { text-decoration: underline; color: #6A9D04; }

/* headings */
h1, .h1, .Heading1 { font-family: Tahoma, Arial, Helvetica, Serif; color: #003399; font-size: 24px; font-weight: normal; margin: 0px 0px 15px 0px; padding-bottom: 6px; letter-spacing: -1px; }
h2, .h2, .Heading2 { font-family: Tahoma, Arial, Helvetica, Serif; color: #003399; font-size: 22px; font-weight: normal; margin: 0px 0px 10px 0px; line-height: 130% }
h3, .h3, .Heading3 { font-family: Tahoma, Arial, Helvetica, Serif; color: #6A9D04; font-size: 18px; font-weight: normal; margin: 0px 0px 10px 0px; line-height: 120%; }
h4, .h4, .Heading4 { font-family: Tahoma, Arial, Helvetica, Serif; color: #6A9D04; font-size: 16px; font-weight: normal; margin: 0px 0px 10px 0px; }
h5, .h5, .Heading5 { font-family: Tahoma, Arial, Helvetica, Serif; color: #6A9D04; font-size: 14px; font-weight: normal; margin: 0px 0px 10px 0px; }
h1 a, h1 a:active, h1 a:visited, h2 a, h2 a:active, h2 a:visited { color: #003399; }
h3 a, h3 a:active, h3 a:visited { color: #6A9D04; }
h4 a, h4 a:active, h4 a:visited, h5 a, h5 a:active, h5 a:visited { color: #6A9D04; }
a.Heading1, a.Heading1:active, a.Heading1:visited, a.Heading2, a.Heading2:active, a.Heading2:visited, a.Heading3, a.Heading3:active, a.Heading3:visited { color: #003399; }
a.Heading4, a.Heading4:active, a.Heading4:visited, a.Heading5, a.Heading5:active, a.Heading5:visited { color: #6A9D04; }

/* misc */
form { margin: 0px; }
img { border: 0px; }
hr { color: #CCCCCC; height: 1px; }
small, .small { font-size: 10px; }
ul { list-style-image: url(../Images/ListBullet.gif); margin: 10px 0px 0px 30px; }
.error, .error a, .error a:active, .error a:visited { color: red; font-weight: bold; }
.errorBox { background-color: #F1F8E6; background-image: url(../Images/Warning.gif); background-repeat: no-repeat; background-position: 10px 5px; padding: 7px 5px 10px 60px; border: 1px solid #AED45B; margin-bottom: 15px; color: #f00; font-weight: bold; display: block; }
.errorBox .errorDetail { font-weight: normal; margin-top: 5px; color: #000; }
.errorBox ul { margin: 5px 0px 0px 0px; padding: 0px; list-style-type: none; }
.errorBox li { font-weight: normal; background: none; padding: 0px; margin: 0px; color: #000; }
.onWhite { background-color: #fff; }
.messageBox { background-color: #F1F8E6; padding: 7px 5px; border: 1px solid #AED45B; margin-bottom: 15px; color: #f00; font-weight: bold; display: block; }
.messageBox .messageDetail { font-weight: normal; margin-top: 5px; color: #000; font-size: 11px; display: block; }
.hidden { display: none; }
.centered { text-align: center; }
.validationSummary { display: block; padding: 10px; color: #fff; font-weight: bold; text-align: left; font-size: 10px; }
.validationSummary ul { margin: 0px; padding: 0px; list-style-type: none; }
.validationSummary li { color: #fff; font-size: 10px; font-weight: normal; background: none; padding: 0px; margin: 0px; }
.clearLeft { clear: left; }
.clearRight { clear: right; }
.clearFloat, .clearBoth { clear: both; }
.ieFloatFix { position: relative; }		/* to stop text and other objects from vanishing in IE when using floats */
.floatLeft { float: left; width: 50%; }
.floatRight { float: right; width: 50%; }
.noBold { font-weight: normal; }
.noTopMargin { margin-top: 0px; }
.required { color: #f00; font-size: 10px; position: relative; top: -2px; }
.indented { padding: 0px 7px; }
fieldset { border: 1px solid #ADD55B; padding: 0px 15px 15px 15px; }
legend { color: #ADD55B; font-size: 12px; font-weight: bold; margin-bottom: 10px; padding-right: 3px; }
.blueBold { color: #003399; font-weight: bold; }
.greenBold { color: #6A9D04; font-weight: bold; }

/* override width of rad editor to avoid related width issues of inner divs etc */
.radEditor { width: 100%; }

/* common unordered lists */
ul { margin: 0px; padding: 0px; list-style-type: none; }
ul li { background-image: url(../DynamicContent/Images/BulletDot.gif); background-position: 2px 7px; background-repeat: no-repeat; padding: 0px 0px 0px 12px; margin: 7px 0px 0px 0px; }

/* navigation unordered lists */
ul.nav { margin: 0px; padding: 0px; list-style-type: none; }
ul.nav li { background-image: url(../DynamicContent/Images/Bullet.gif); background-position: 1px 7px; background-repeat: no-repeat; padding: 0px 0px 0px 17px; color: #999; font-size: 100%; line-height: 170%; margin: 0px; }
ul.nav li a, ul.nav li a:link, ul.nav li a:active, ul.nav li a:visited { color: #ffffff; font-weight: bold; }
ul.nav li a:hover { color: #ffffff; text-decoration: none; }
ul.nav li.subNavActive a, ul.nav li.subNavActive a:link, ul.nav li.subNavActive a:active, ul.nav li.subNavActive a:visited { color: #666; font-weight: bold; }
ul.nav li.subNavActive a:hover { color: #666; text-decoration: none; }

/* PinGridView custom pager style   */
div.pinPg { padding: 2px; margin: 2px; }
div.pinPg a { padding: 1px 2px 1px 2px; margin: 2px; border: 1px solid #DFDFDF; text-decoration: none; color: #666666; }
div.pinPg a:hover, div.pinPg a:active { border: 1px solid #1975d1; color: #000; }
div.pinPg span.s { padding: 1px 2px 1px 2px; margin: 2px; border: 1px solid #069; font-weight: bold; background-color: #1975d1; color: #FFF; }
div.pinPg span.d { padding: 1px 2px 1px 2px; margin: 2px; border: 1px solid #F2F2F2; color: #DFDFDF; }

/* common header */
#hdr { background: #334DA3; background-image: url(../Images/Common/Header-img.jpg); background-repeat: no-repeat;}
#hdr #hdrLeft { width: 244px; padding: 0px 0px 0px 0px; float: left; }
#hdr #hdrRight { width: 50%; padding: 0px 0px 0px 0px; float: right; text-align: right; }
#hdr #hdrRight #hdrContact { font-size: 90%; color: #999; }
#hdr #hdrRight #hdrContact a, #hdr #hdrRight #hdrContact a:active, #hdr #hdrRight #hdrContact a:visited { color: #999; }
#hdr #hdrRight #hdrContact a:hover { color: #ffffff; }
#hdr #hdrRight #hdrQuickSearch { margin-top: 4px; }
#hdr #hdrRight #hdrQuickSearch input { vertical-align: middle; width: 100px; font-size: 87%; padding: 2px 4px; margin: 0; border: 0px solid #ccc; color: #666; }
#hdr #hdrRight #hdrQuickSearch img { vertical-align: middle; margin-left: 10px; margin-right:10px; width: 21px; height: 21px; }
#hdrPrint { display: none; }

/* main navigation */
#hdr #hdrNav { clear: both; background: #99CC33; }
#hdr #hdrNav ul { margin: 0px; padding: 5px 12px 9px 12px; list-style-type: none; }
#hdr #hdrNav ul li { background-image: none; display: inline; list-style-type: none; padding: 0px; margin-right: 7px; }
#hdr #hdrNav ul li a, #hdr #hdrNav ul li a:link, #hdr #hdrNav ul li a:active, #hdr #hdrNav ul li a:visited { color: #ffffff; font-size: 100%; padding: 0px; text-transform: uppercase; }
#hdr #hdrNav ul li a:hover { color: #1975d1; text-decoration: none; }

#hdr #hdrNav ul li.active a, #hdr #hdrNav ul li.active a:link, #hdr #hdrNav ul li.active a:active, #hdr #hdrNav ul li.active a:visited { color: #425E0A; text-transform: uppercase; }
#hdr #hdrNav ul li.active a:hover { color: #1975d1; text-decoration: none; }

/* common footer */
#ftrBarclays { position: absolute; width: 167px; height: 60px; margin: 1px 0 0 655px; }
#ftrContent { width: 100%; height:120px; padding-top: 10px; background-image: url(../Images/Common/footer4.png); background-position: 0px 0px; background-repeat: no-repeat; }
#ftrContent #ftrContentHdr { margin: 0px; height: 1px; }
#ftrContent #ftrContentFtr { margin-top: 0px; height: 1px; }
#ftrContent #ftrContentMain ul { margin: 55px 0px 0px 0px; float: left; width: 300px; padding: 0px; }
#ftrContent #ftrContentMain ul li { background-image: none; float: left; width: 300px; text-align: center; margin: 0px 0px; color: #99CC33; text-decoration: none; font-size: 90%; font-weight: normal; line-height: 120%; }
#ftrContent #ftrContentMain ul li a, #ftrContent #ftrContentMain ul li a:active, #ftrContent #ftrContentMain ul li a:visited { color: #666; text-decoration: none; font-weight: normal; line-height: 120%; }
#ftrContent #ftrContentMain ul li a:hover { color: #333; text-decoration: underline; }
#ftrCopyright { margin: 0px; padding:10px; text-align: left; font-size: 80%; background: #EFF7DE; color: #999; }
#ftrPinDigital { margin: 0px; padding:10px; text-align: left; font-size: 80%; background: #EFF7DE; color: #999; }

#ftrContentPay { width: 100%; height:120px; padding-top: 10px; background-image: url(../Images/Common/footerPay2.png); background-position: 0px 0px; background-repeat: no-repeat;}
#ftrContentPay #ftrContentHdr { margin: 0px; height: 1px; }
#ftrContentPay #ftrContentFtr { margin-top: 0px; height: 1px; }
#ftrContentPay #ftrContentMain ul { margin: 55px 0px 0px 0px; float: left; width: 300px; padding: 0px; }
#ftrContentPay #ftrContentMain ul li { background-image: none; float: left; width: 300px; text-align: center; margin: 0px 0px; color: #99CC33; text-decoration: none; font-size: 90%; font-weight: normal; line-height: 120%; }
#ftrContentPay #ftrContentMain ul li a, #ftrContent #ftrContentMain ul li a:active, #ftrContent #ftrContentMain ul li a:visited { color: #666; text-decoration: none; font-weight: normal; line-height: 120%; }
#ftrContentPay #ftrContentMain ul li a:hover { color: #333; text-decoration: underline; }


/* news headlines */
/*.newsTeaser { background-image: url(../Images/NewsTeaserBG.jpg); background-repeat: no-repeat; background-position: bottom right; min-height: 250px; }*/
.newsTeaser { text-align: left; width: 100%; margin-left: 30px; }
.newsHeadline { font-family: Tahoma, Arial, Helvetica, Serif; color: #1975d1; font-size: 90%; font-weight: normal; margin: 0px; }
.newsHeadline h1 { font-family: Tahoma, Arial, Helvetica, Serif; color: #1975d1; font-size: 100%; font-weight: bold; margin: 0px; border: 0; width: 95%; line-height: 150%; }
.newsHeadline h1 a, .newsHeadline h1 a:active, .newsHeadline h1 a:visited { color: #1975d1; text-decoration: none; }
.newsHeadline h1 a:hover { color: #1975d1; text-decoration: underline; }
.newsHeadline .divider { background-image: url(../Images/Common/FooterBorder.png); background-repeat: repeat-y; margin: 15px 0px; height: 1px; }
.newsDivider, .eventsDivider, .vacanciesDivider { background-image: url(../Images/Common/FooterBorder.png); background-repeat: repeat-x; padding: 0px; margin: 15px 0px 0px 0px; height: 1px; }

/* override rad editor style so it fits in to narrower columns */
.radEditor { width: 100%; text-align: left; background-color: White; }
.radEditor .RadEButton { border: 0px; margin: 2px; width: 60px; font-family: Arial; font-size: 10px; height: 20px; color: #515D6A; background-image: url(../RadControls/Editor/Skins/Outlook/CssImg/button60px.gif); background-color: white; text-align: center; line-height: 19px; }

/* product quick browse drop down */
.productQuickBrowse { width: 230px; margin: 10px 0px 17px 0px; font-size: 90%; }

/* forms */
div.formBox { clear: both; margin-top: 10px; text-align: left; }
div.formBox h2 { color: #fff; font-size: 11px; font-weight: bold; margin: 0px; background: #ADD55B; padding: 4px 5px 3px 5px; }
div.formContent { clear: both; background: #F1F8E6; border: 1px solid #ADD55B; padding: 10px; text-align: left; }
div.formContent div.button { text-align: right; padding-top: 5px; }

/* div layout forms */
div.row { padding: 3px 0px; }
div.row div.label { float: left; width: 110px; text-align: right; margin-right: 5px; padding: 3px 0px; font-weight: bold; }
div.row div.field { float: left; text-align: left; }
div.twoColBoxLeft { float: left; width: 49%; text-align: left; margin-bottom: 10px; }
div.twoColBoxRight { float: right; width: 49%; text-align: left; margin-bottom: 10px; }
div.twoColBoxLeft h2, div.twoColBoxRight h2 { color: #fff; font-size: 11px; font-weight: bold; margin: 0px; background: #ADD55B; padding: 4px 5px 3px 5px; }
div.twoColBoxLeft div.container, .twoColBoxRight div.container { background: #F1F8E6; border: 1px solid #ADD55B; padding: 10px; }
div.threeColBoxLeft { float: left; width: 32%; text-align: left; margin-bottom: 10px; }
div.threeColBoxCenter { float: left; width: 32%; text-align: left; margin-bottom: 10px; margin-left: 12px; }
div.threeColBoxRight { float: right; width: 32%; text-align: left; margin-bottom: 10px; }
div.threeColBoxLeft h2, div.threeColBoxCenter h2, div.threeColBoxRight h2 { color: #fff; font-size: 11px; font-weight: bold; margin: 0px; background: #ADD55B; padding: 4px 5px 3px 5px; }
div.threeColBoxLeft div.container, div.threeColBoxCenter div.container, .threeColBoxRight div.container { background: #F1F8E6; border: 1px solid #ADD55B; padding: 10px; }

/* table layout forms */
div.formContent table { width: 100%; padding: 0px; border-collapse: collapse; }
div.formContent th { font-weight: normal; width: 110px; text-align: right; padding: 4px 0px; color: #666; vertical-align: top; }
div.formContent label { margin-right: 5px; }
div.formContent td { text-align: left; vertical-align: top; }

/* form objects */
input { font-size: 11px; }
.txtBox { border: 1px solid #ADD55B; padding: 2px; color: #666; width: 160px; }
select.txtBox { border: 1px solid #ADD55B; padding: 2px; color: #666; width: 156px; }
.Selected { background: #ffc; }
input.button { background-color: #ADD55B; border: 0px solid #000; color: White; text-align: center; padding: 1px 10px 2px 10px; vertical-align: middle;  font-size: 11px; }
a.smallButton, a.smallButton:active, a.smallButton:visited { background-color: #ADD55B; border: none; color: #fff; padding: 1px 10px 3px 10px; font-size: 11px; }
a.smallButton:hover { cursor: default; text-decoration: none; color: White; }

/* site search */
.searchHighlight { background: #ff0; }
.searchDivider { background-image: url(../Images/Common/FooterBorder.png); background-repeat: repeat-x; margin: 15px 0px 15px 0px; height: 1px; }
div.pinRankHead { float: left; padding: 0; margin: 0; margin-top: -1px; font-size: 85%; }
div.pinRankHold { float: left; width: 50px; height: 9px; border: 1px solid #036; }
div.pinRank { float: left; height: 9px; background-color: #1975d1; }

/* grouped content, e.g. header on left and content on right */
.groupedContent h1 { width: 230px; margin-bottom: 0px; }
.groupedContent h2 { margin: 0px 0px 10px 260px; width: 400px; position: relative; top: -5px; }
.groupedContent p { border-top: 2px solid #1975D1; padding-top: 5px; margin: 3px 0px 0px 260px; width: 400px; position: relative; top: -5px; }

/* product home page specific formatting */
.productsHome h1 { width: 230px; margin-bottom: 0px; }
.productsHome p { margin: 3px 0px 0px 260px; width: 400px; position: relative; top: -5px; }
.productsHome p a, .productsHome p a:active, .productsHome p a:visited { font-family: Tahoma, Arial, Helvetica, Serif; color: #1975d1; font-size: 130%; font-weight: normal; }

/* forthcoming events content */
div.forthcomingEvents h1 { font-family: Tahoma, Arial, Helvetica, Serif; color: #1975d1; font-size: 165%; font-weight: bold; margin: 0px 0px 0px 0px; padding-bottom: 6px; border: 0px; line-height: 110%; }
div.forthcomingEvents div { background: #F1FAFF; border-top: 2px solid #1975d1; border-bottom: 2px solid #1975d1; padding: 10px 10px; font-size: 85%; margin-bottom: 15px; color: #666; }
div.forthcomingEvents div a, div.forthcomingEvents div a:active, div.forthcomingEvents div a:visited { color: #666; }
div.forthcomingEvents div.divider { border: 0px; padding: 0px 0px 15px 0px; background-image: url(../Images/Common/FooterBorder.png); background-repeat: repeat-x; margin: 15px 0px 0px 0px; height: 1px; }

/* user control panel */
div.userCP div { font-size: 90%; line-height: 140%; }
div.userCP ul { padding-top: 5px; }

/* shopping basket */
table.basketContainer { border: 1px solid #ADD55B; border-top: none; border-bottom: none; border-collapse: collapse; padding: 0px; width: 100%; }
table.basketContainer th { color: #fff; font-size: 11px; font-weight: bold; margin: 0px; background: #99CC33; padding: 5px; }
table.basketContainer td { background: #F1F8E6; padding: 5px; border-bottom: 1px solid #ADD55B; vertical-align: top; }
table.basketContainer .basketGroupedChild { padding-top: 3px; padding-left: 10px; }
table.basketContainer .basketQty { border: 1px solid #7F9DB9; width: 40px; font-size: 10px; text-align: center; }
table.basketContainer .stockError { background: #ffdddd; color: #f00; font-weight: bold; }
div.basketFooter { padding-top: 8px; }
div.basketFooter div.left { float: left; width: 520px; text-align: center; padding-top: 10px; }
div.basketFooter div.right { float: right; width: 185px; text-align: right; }
div.basketFooter div.carriageSelection { float: right; text-align: left; padding-bottom: 5px; }
div.basketSummaryLeft { margin: 2px 0px; border: 1px solid #ADD55B; background-color: #ADD55B; padding: 2px 0px 3px 0px; color: white; font-size: 11px; font-weight: bold; width: 85px; float: left; text-align: right; }
div.basketSummaryRight { margin: 2px 0px; border: 1px solid #ADD55B; background-color: #FFFFFF; padding: 2px 0px 3px 0px; font-size: 11px; width: 86px; float: right; text-align: right; }

/* carriage messages */
.carriageError, .carriageNotes { background-color: #f0f0f0; background-image: url(../Images/WarningSmall.gif); background-repeat: no-repeat; background-position: 7px 7px; padding: 5px 5px 5px 30px; border: 1px solid #6A9D04; margin-bottom: 5px; color: #e00; font-weight: bold; display: block; font-size: 10px; }

/* misc checkout */
#checkoutCV2Help { padding-top: 5px; }
#orderConfPrintBtn { float: right; }