/* @override http://oasis-dev.connectdigitalllp.co.uk:8090/css/master.css */

/* -----------------------------------------------
MASTER STYLESHEET
--------------------------------------------------

CONTENTS

1: SITE MASTER SETUP (including reset.css from eric meyer)

2: LAYOUT
	
3: GLOBAL ELEMENTS / CONTROLS
	
4: TEMPLATE / PAGE SPECIFIC

5. IMPORTED / PLUGIN CSS
	
6: USEFUL CLASSES

*/

/* @group 1. SITE MASTER SETUP */

/* Imported mostly from Eric Meyer reset.css - http://meyerweb.com/eric/tools/css/reset/ */
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, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
/* end of import */

html { font-size: 62.5%; font-family: Calibri, Arial, "Helvetica Neue", Helvetica, sans-serif; color: #333; } 
body { text-align: center; line-height: 1.6em; background: url('/images/greystrip_bg.gif') repeat-y; background-position: center; }
h1 {  }
h2 { font-size: 1.3em; font-weight: bold; font-family: Calibri, Arial, "Helvetica Neue", Helvetica, sans-serif; margin: 0 0 10px 0; }
p { font-size: 1.2em; margin: 0 0 10px 0; }
a { color: #000; }
a:hover { color: #be0000; }

/* @end */

/* @group 2. LAYOUT */

div#wrapper { width: 990px; margin: 0 auto; }

div#header { background: #c0c0c0; padding: 0 0 0 70px; height: 100px; }

div#content { position: relative; text-align: left; background: url('/images/main_bg.jpg') 320px -80px no-repeat; padding: 0 0 0 70px; overflow: hidden; width: 990px; min-height: 100px; }

div#primary-content { float: left; width: 300px; margin: 0 0 0 20px; padding-top: 110px; }

div#secondary-content { float: left; background: #9ca4a7 url('/images/splatter_bg.gif') left 130px no-repeat; width: 250px; height: 100%; padding: 110px 0; }

div#tirtiary-content { float: left; width: 300px; margin: 0 0 0 20px; padding-top: 110px; }

div#footer { padding-bottom: 50px; }

/* @end */

/* @group 3. GLOBAL ELEMENTS / CONTROLS */

/* @group logo */

div#logo { float: left; margin: 0 20px 0 0; }
div#logo h1 { background: #9ca4a7 url('/media/110584/logo_main_oasis.gif') no-repeat; text-indent: -3000px; width: 250px; height: 100px; color: #9ca4a7; }

/* @end */

/* @group strapline */

div#strapline { background: #be0000; width: 250px; padding: 10px 70px 10px 70px; position: absolute; top: 10px; left: 0; }
div#strapline blockquote { color: #fff; font-size: 1.5em; font-weight: bold; line-height: 1.2em; }

/* @end */

/* @group primary navigation */

div#primary-navigation {  }
div#primary-navigation ul {list-style: none; padding: 78px 0 0 0; }
div#primary-navigation ul li { float: left; margin: 0 20px 0 0; }
div#primary-navigation ul li a { color: #000; text-decoration: none; font-size: 1.3em; background: url('/images/button_on_grey.gif') left 1px no-repeat; padding: 0 0 0 18px; }
div#primary-navigation ul li a:hover { color: #be0000; } 

/* @end */

/* @group logos list (secondary content) */

div#logos-list { margin: 0 10px; }
div#logos-list ul { list-style: none; overflow: hidden; width: 230px; }
div#logos-list ul li { float: left; margin: 0 10px 8px 0; }
div#logos-list ul li.last { margin-right: 0; }
div#logos-list ul li img { border: 2px solid #fff; }
div#logos-list ul li a:hover img { border: 2px solid #be0000; }

/* @end */

/* @group content block */

div.content-block { background: #fff; padding: 20px; margin: 0 0 20px 0; }

/* @end */

/* @group intro paragraph */

p.intro { font-size: 1.3em; font-weight: bold; }

/* @end */

/* @group news list (block) */
div.news-block dd.teaser{margin-bottom:3px;}
div.news-block dt a { font-weight: bold; text-decoration: none; font-size: 1.1em; color: #000; } 
div.news-block dd { margin: 0 0 10px 0; font-size: 1.1em; }

/* @end */

/* @group continue link */

a.continue-link { color: #000; font-size: 1.3em; background: url('/images/button_on_white.gif') left 1px no-repeat; padding: 0 0 0 18px; }

/* @end */

/* @group footer links */

div#footer ul { list-style: none; float: right; }
div#footer ul li { float: left; padding: 0 10px; border-right: 1px solid #ccc; }
div#footer ul li.last { border: 0 none; }
div#footer ul li a { font-size: 1.2em; color: #000; }
div#footer ul li a:hover { color: #be0000; } 

/* @end */

/* @end */

/* @group 4. TEMPLATE/PAGE SPECIFIC */

/* @group vcard */

div.vcard { margin-bottom: 1em; font-size: 1.2em; }
div.vcard p { margin: 0; font-size: 1em;  }
div.vcard span.type { display: none; }
div.vcard div.adr { margin-bottom: 1em; }

/* @end */

/* @group enquiry form */

div#newsletter { font-size: 1.2em; }
div#newsletter ul,div#newsletter ol{list-style: none;}
div#newsletter p { font-size: 1em; }
div#newsletter div.info { padding-bottom: 1em; color: #9ca4a7; }
div#newsletter div.error-info { background: #FBE3E4; color:#8a1f11; border: 1px solid #FBC2C4; padding: 5px; margin-bottom: 1em; }
div#newsletter span.mandatory { color: #f00; }
div#newsletter form span.mandatory { padding-left: 0.25em; }
div#newsletter form fieldset legend { display: none; }
div#newsletter form label { display: block; font-weight: bold; }
div#newsletter form li.textbox input { width: 254px; border: 1px solid #9ca4a7; margin-bottom: 0.5em; }
div#newsletter form li.multilinetextbox textarea { width: 256px; border: 1px solid #9ca4a7; margin-bottom: 0.5em; }
div#newsletter form li.multilinetextbox textarea#comments { height: 10em; }
div#newsletter form li.checkbox label { display: inline; font-weight: normal; padding-left: 0.25em }
div#newsletter form fieldset.submit { padding-top: 1em; }

/* @end */

/* @end */

/* @group 5. IMPORTED / PLUGIN CSS */
/* @end */

/* @group 6. USEFUL CLASSES */

.clr { overflow: hidden; clear: both; height: 1px; margin-top: -1px }
.la { text-align: left }
.ra { text-align: right }
.ca { text-align: center }
.fl { float: left }
.fr { float: right }
.vt { vertical-align: top }
.vm { vertical-align: middle }
.vb { vertical-align: bottom }
.nb { border: 0 none }

/* @end */

/* @competition page*/
.full-extend{width:640px!important;}
.full-extend p.intro,.red-heading{font-weight:bold;font-size:2em;}
p.intro{margin-bottom:20px;}
.full-extend .red-heading{text-transform:uppercase;font-size:2.6em;color:#d53d1a;}
.competition-blurb{position:relative;background:#aeb3b6;width:600px;padding:20px;}
.competition-blurb p{color:#fff;}
.competition-blurb a{color:#3681b7;}
.img-left{margin-right:20px;}
.img-right{float:right;margin-right:10px;margin-top:30px;}
.competition-terms{float:left;width:150px;margin-left:325px;margin-top:-5px;}
.competition-terms a {font-size:1.2em;}
div.pre-content-block { background: #fff; padding: 20px; margin: 0 0 20px 0; }
/* @end*/



























/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */