/* Gateway Page */

/* Normalise Browser Styles */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, th, td 
{margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;font-size:1em;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
.floatright { float:right; padding:5px;}
.floatrighttop { float:right; padding:0px 0 0px 10px; top:-32px;position:relative; }
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}

/* Clear Floats */
.clearfix:after {content: "."; clear: both; display: block; height: 0; visibility: hidden;}

body {background: #900; font-family: Verdana, Arial, Helvetica, sans-serif;}
p, li {font-size: 75%;}
li p {font-size: 100%;}
li li {font-size: 100%;}
p {line-height: 1.4em; }

/* Layout */
#container {margin: 0 auto; width: 909px; background: #000000 url(../images/gateway_bg.gif) repeat-y 0 0; position: relative; z-index: 1;}
#slideshow {margin: 0 4px 0 6px; width: 899px; height: 506px;}
#slideshow div img {display: block;}
#slideshow div a {position: absolute; left: 765px; top: 257px; z-index: 1001;}
#slideshow ul {position: absolute; left: 495px; top: 352px; z-index: 999;}
#slideshow li {float: left; margin: 0 2px; display: inline;}
#slideshow li img {display: block; border: 1px solid #fff; margin: 1px;}
#slideshow li.ui-state-active img {border: 2px solid #dd281d; margin: 0;}
h1 {position: absolute; z-index: 9999; top: 71px; left: 33px;}
#nav-top {position: absolute; left: 465px; top: 12px; z-index: 998;}
#nav-top li {float: left; color: #fff; line-height: 1em; list-style:none;}
#nav-top li a {color: #fff; text-decoration: none;}
#nav-top li a:hover, #nav-top li a:focus, #nav-top li a:active {color: #fff; text-decoration: underline;}


@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */.ui-tabs-hide {display: none;}}
/* Hide useless elements in print layouts... */
@media print {.ui-tabs-nav {display: none;}}

#content-4col, .searchContainer {margin: 0 0 0 7px; width: 898px; background-color: #fff;}
.puff {background-color: #fff; color: #900; float: left; display: inline; width: 224px; padding-bottom: 10px; min-height: 165px; height: auto !important; height: 165px;}
.last {width: 226px;}
.puff h2 {background-color: #dd291e; padding: 6px 15px 6px 12px;}
.puff p, .puff ul {padding: 6px 12px;}
.puff p {min-height: 35px; height: auto !important; height: 35px;}
.puff h2 a {color: #fff; text-decoration: none;}
.puff h2 a:hover, .puff h2 a:active {text-decoration: underline;}
.puff h2 span {background: url(../images/arrow4.gif) no-repeat 0 50% !important; padding: 0 0 2px 15px; margin-left: 5px;}
.puff li {font-style: italic; margin: 3px 0; list-style-type: disc; list-style-position: inside; line-height: 1.3em;}
.puff li a {color: #900;}

.singlesearchContainer { float: left; width:224px; margin:0 0px 0 0px; padding:0;}

#postcodeSearch, #gsiteSearch {margin: 0 0 0 7px; width: 210px; background-color: #fff; padding: 5px 5px 25px 1px;}
#postcodeSearch p, #gsiteSearch p {margin: 0 0px 0 0; padding: 3px 0; border-top: 4px solid #900; width: 215px; font-weight: bold; color: #900; float: left;} 
#postcode,#search {color: #900; background: url(../images/postcode_bg.gif) no-repeat 0 0; width: 155px; height: 22px; border: none; line-height: 20px; padding: 2px 10px 0 10px;}

#footer {background: #900 !important; padding: 50px 0 0 0; position: relative;}
#footer img {position: absolute; left: 238px; top: 12px;}
#footerleft {float:left; width:210px;  border-top:4px solid #fff; margin: 0 12px 0 6px; color:#fff; font-weight:bold;  font-size:60%; line-height: 1.3em; padding:8px 0 0 10px; display: inline;}
#footerright {float:left; width:665px;  border-top:4px solid #fff; margin-bottom:5px; padding:8px 0 10px 0; display: inline;}
#footerright a {z-index:100000; }
#footerright ul {list-style:none;}
#footerright li {float: left; color: #fff;}
#footerright li a {color: #fff; text-decoration: none; font-weight:bold;}
#footerright li a:hover, #footerright li a:active {color:#fff; text-decoration: underline; }
#footerright p { clear:left; color:#fff;  font-size:60%; padding-top:10px; line-height: 1.3em;}


.newsholder {position: relative; margin-left:7px;}
*html .newsholder {position: absolute; margin-left:7px;}
#marquee {margin-top: .2em; margin-left:100px;}
#marquee li {color: #fff;}
#marquee li a {text-decoration: underline; font-weight: bold; color: #fff;}
#news-holder {position: absolute; left: 0; bottom: 0; width: 936px;}
#news-tab {background:url(../images/newstabbg.gif) no-repeat; margin-right: 30.5em; padding: .5em; }
#news-tab h2 {float: left; line-height: 2; margin-top: -.2em; color: #fff; padding: 0 .5em;}