/* Basic HTML Element Default Styles */
* { margin: 0; padding: 0; }
html, body { height: 100%; }
body, p { font: 1em/1.4em arial, helvetica, sans-serif; color: #222; margin: 0; padding: 0; }
input, textarea { font-family: arial, helvetica, sans-serif; outline: 0; }

a { text-decoration: none; outline: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
h1 { font-size: 1.6em; font-weight: bolder; letter-spacing: -1px; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1em; }
h6 { font-size: 0.9em; }
input { outline: 0; }
ul, li { list-style-type: none; }

td, th { vertical-align: top; text-align: left; }


/* Main Class/ID Default Styles */
body { padding: 0 30px; background: #D3E7F7; }

/* DO NOT OVERRIDE */
.block { display: block; clear: both; }
.error { color: #a00; font-weight: bold; }
.red-border { border: 1px solid #a00; }
.red-text { color: #a00; }
.text-center { text-align: center; }
.float-left { float: left; }

/* Screen */
#wrapper { margin: auto; position: relative; border-top: 30px solid #d3e7f7; background-color: #fff; width: 960px; }
#wrapperLeft, #wrapperRight { position: absolute; top: 0; left: 0; background: url(../img/template.png) 0 0 no-repeat; width: 20px; height: 20px; }
#wrapperRight { left: auto; right: 0; background-position: -30px 0; }

#innerWrapper { padding: 20px 25px; }

#headerWrapper { position: relative; height: 120px; border-bottom: 2px solid #5ba3d6; z-index: 500; }
#logoWrapper { float: left; border: 8px solid #eee; zoom: 1; }
#logoWrapper a { display: block; text-indent: -10000px; background: url(../img/TCSWH-Logo.png) 0 0 no-repeat; width: 300px; height: 66px; }

#lloydsLogoWrapper { position: absolute; top: 92px; left: 0; background-color: #fff; }
#lloydsLogoWrapper a { display: inline-block; background: url(../img/template.png) 0 -150px no-repeat; height: 22px; width: 100px; padding: 0; text-indent: -10000px; }
#lloydsLogoWrapper span { font-size: .75em; font-weight: bold; padding-left: 6px; }

#arenaWrapper { position: absolute; top: 3px; right: 0; padding-left: 3px; font-size: 0.75em; }
#arenaWrapper a, #arenaWrapper a span { float: left; padding: 0 12px; background: url(../img/template.png) no-repeat; cursor: pointer; height: 30px; line-height: 30px; }
#arenaWrapper a { padding-left: 0; background-position: 100% -110px; text-decoration: none; white-space: nowrap; outline: 0; color: #fff; text-shadow: #2545ba 0 2px -3px; text-transform: uppercase; font-weight: bold; }
#arenaWrapper a span { padding: 0 0 0 29px; background-position: 0 -110px; }

#world-clocks { margin-left: 350px; width: 400px; }
#world-clocks .clock { display: inline-block; *display: inline; margin-right: .5em; text-align: center; zoom: 1; }

#menuWrapper { position: absolute; z-index: 1000; top: 90px; right: 0; font-size: 0.75em; }

/* Content Styles */
#contentWrapper { margin: auto; width: 910px; font-size: 0.82em; z-index: 1; }
#contentWrapper h1,
#contentWrapper h2 { font-family: Arial, Helvetica, sans-serif; font-weight: normal; padding: 0 0 0.25em 0; }
#contentWrapper h1 { font-size: 2.2em; color: #3a3a3a; }
#contentWrapper h2 { font-size: 1.5em; color: #2461A6; }
#contentWrapper h1.secondary { margin-top: 0.75em; }
#contentWrapper p { padding: 0 0 0.75em 0; color: #666; }
#contentWrapper .gap-top { padding-top: 1em; }

#contentWrapper .doc-link { display: block; margin: 5px 0 0 15px; height: 1.6em; padding: 0 0 0 20px; color: #2461a6; text-decoration: underline; }
#contentWrapper .word-doc { background: url(../img/template.png) -90px 0 no-repeat; }
#contentWrapper .pdf-doc { background: url(../img/template.png) -90px -30px no-repeat; }

#contentWrapper .col-left { position: relative; float: left; width: 570px; min-height: 350px; z-index: 1; }
#contentWrapper .col-left a { color: #749e1b; text-decoration: underline; }

#contentWrapper .col-right { float: left; width: 270px; min-height: 514px; padding-left: 25px; padding-bottom: 1em; }
#contentWrapper .col-right h1 { color: #777; font-size: 1.8em; }

#contentWrapper .regulators { padding: 2em 0; text-align: center; }
#contentWrapper .regulators a { display: inline-block; text-indent: -10000px; background: url(../img/template.png) 0 -140px no-repeat; height: 45px; width: 150px; }
#contentWrapper .regulators a { display: inline-block; text-indent: -10000px; background: url(../img/template.png) 0 -140px no-repeat; height: 45px; width: 150px; }
#contentWrapper .regulators a.napslo { background: url(../img/template.png) 0 -196px no-repeat;  }
#contentWrapper .regulators a.aamga { background: url(../img/template.png) 0 -255px no-repeat; }

/* Images */
.img { border: 8px solid #d3e7f7; }
.img-left { margin-right: 8px; float: left; }
.img-right { margin-left: 8px; float: right; }

/* Contact Us */
#contactDetails dl { margin: 0 0 0 2px; }
#contactDetails dt, #contactDetails dd { line-height: 1.3em; color: #777; }
#contactDetails .numbers { margin: 0.5em 0; }
#contactDetails .email a { color: #749e1b; }

/* News Summary Items */
#newsSummaryWrapper { background: #fff; padding: 8px 10px 0 10px; border: 10px solid #eee; *border-bottom: 5px solid #eee; }
.col-news { width: 230px; }

/* News Items */
h1 .icon-news { display: inline-block; zoom: 1; *display: inline; width: 30px; height: 20px; *height: 26px; background: url(../img/template.png) -50px 0 no-repeat; }
.newsSummaryBorder { margin: 0; padding: 1em 0 0 0; border-top: 3px solid #D3E7F7; }

#mainHeadlines { border: 10px solid #eee; padding: 10px; }
#mainHeadlines h1 { font-size: 1.7em; color: #2461a6; margin: 0; padding: 0; }
#mainHeadlines h5 { margin: 0; padding: 0 0 0.313em 0; line-height: 1.7em; }

#newsAll,
#newsAllTop { padding-left: 10px; background-color: #eee; text-align: left; }
#newsAll { border-bottom: 10px solid #eee; *border-bottom: 5px solid #eee; }
#newsAllTop { border-top: 10px solid #eee; *border-top: 10px solid #eee; }
#newsAll a,
#newsAllTop a { line-height: 1em; color: #2461a6; text-decoration: underline; }

#newsSummaryWrapper h2, #newsSummaryWrapper h5,
.newsItemWrapper h2, .newsItemWrapper h5 { line-height: 1.3em; margin: 0; padding: 0; font-weight: normal; }

#newsSummaryWrapper h2 { line-height: 1.2em; font-size: 1.7em; letter-spacing: -1px; }
#newsSummaryWrapper h2,
.newsItemWrapper h2 { color: #2461a6; }

#newsSummaryWrapper h5,
.newsItemWrapper h5 { font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif; color: #333; }

#newsSummaryWrapper p,
.newsItemWrapper p { margin: 0.5em 0 0 0; padding: 0 0 0.75em 1px; color: #777; }

/* News Summary Read More Links */
#mainHeadlines p div,
#newsSummaryWrapper p div { text-align: right; padding: 0.25em 0 0 0; }
#mainHeadlines p div a,
#newsSummaryWrapper p div a { font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif; color: #749e1b; }
#mainHeadlines p div a:hover,
#newsSummaryWrapper p div a:hover { text-decoration: underline; }

/* News Item Styles */
#newsItem p { padding: 0 0 0.75em 0; color: #666; }
#newsItem p div { text-align: right; padding: 0.25em 0 0 0; }
#newsItem p div a { font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif; color: #749e1b; }
#newsItem p div a:hover { text-decoration: underline; }

/* Form Styles */
#wrapper .inputWrapper { display: block; width: 140px; border-top: 2px solid #d0d0d0; background: #fdfdfd; padding: 5px 5px 6px 5px; }
#wrapper select { font-size: 1em; width: 140px; border: 0; background: #fdfdfd; }

/* Footer Styles */
#footerWrapper { position: relative; padding: 1.5em 1.89em; clear: both; background-color: #e7e1c2; font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif; font-size: 0.75em; }
#footerWrapper li { display: inline; line-height: 1em; }
#footerWrapper li.f-r { float: right; }
#footerWrapper li { color: #963; }
#footerWrapper li.separator { padding: 0 2px; text-align: center; cursor: default; }
#footerWrapper li a { color: #633; }
#footerWrapper li a:hover { text-decoration: underline; }

#footerWrapper .regulationInfo li, #footerWrapper li.authorised { display: block; line-height: 1.85em; text-align: justify; }
#footerWrapper .privacyTerms li { line-height: 1.85em; }

#footerWrapper ul:last-of-type { margin-top: .75rem; }