/*CSS BY PHASE NEW MEDIA

-- colours

orange: #FF5019
p blue: #4C5A6C

*/

/* **************************************************************** */
/* ********************** universal styles ************************ */
/* **************************************************************** */

/* This rule resets a core set of elements so that they will appear consistent across browsers. Without this rule, content styled with an h1 tag, for example, would appear in different places in Firefox and Internet Explorer because each browser has a different top margin default value. By resetting these values to 0, the elements will initially be rendered in an identical fashion and their properties can be easily defined by the designer in any subsequent rule. */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p { margin: 0px; padding: 0px; border: 0px; outline: 0px; }
* {padding:0px; margin:0px;}
html { height: 101%; } /* add scrollbars to borwsers that do not have them - this eliminates page shift between long and short pages */ 
.clear { clear: both; overflow:hidden; height:0px;  }
body { background: #000; margin:0 auto; font-size: 1em; font-family:Arial, Helvetica, sans-serif; padding: 0px 0 0 0; text-align:center;}
img { border: none; padding:0px; margin:0px; }
p { font-size: 70%; margin: 0px; padding: 0px 0px 15px 0px; color: #999; line-height: 155%; }
a img { border: none;}
.float_left { float: left; }
.float_right {float: right; text-align:right;}
.float_left2 { float: left; padding:15px 0 0 0; }
.float_right2 {float: right; padding:15px 0 0 0; }
.terms { font-size:65%; color:#6A7077; line-height:120%; margin:0 0 10px 0;}
.terms a {text-decoration:none; margin: 0px; padding: 0px; color: #6A7077; border-bottom:1px solid #333333; }

/* Centre page */
#default-centrer { width: 926px; margin: 0px auto; padding:0px 0px; text-align:left; }
#centrer { width: 888px; margin: 0px auto; padding:0px 0px; text-align:left; }

/* **************************************************************** */
/* ************************ header styles ************************* */
/* **************************************************************** */
#default-header { padding: 0px 0 0 0; height: 247px; width:888px; margin: 0px auto; text-align:left; background: url(../images/default-bg-top.jpg) top no-repeat; } 
#header { padding: 0px 0 0 0; height: 247px; width:888px; margin: 0px auto; text-align:left; background: url(../images/bg-top.jpg) top no-repeat; } 
#logo { padding:45px 0 0 123px; }	

#new-banner { position:absolute; top:-104px; left:20px; width:320px; height:200px; }

/* **************************************************************** */
/* **************************** Bnav  ***************************** */
/* **************************************************************** */
#default-bnav { height:98px; width:888px; padding:0px; margin:0px auto; background: url(../images/default-bnav-bg.jpg) no-repeat top; position:relative; }	
#default-bnav ul { list-style: none; padding: 50px 0 0 0; margin: 0; display:block; height:39px; width:550px; float:right; text-align:right; overflow:hidden;}
#default-bnav li { display: inline; padding: 0; margin: 0px 0px 0 0; height:39px;}
#default-bnav li img {margin:0px 0px 0 0; padding:0px 0px 0px 0px; }
#default-bnav-bg { background:url(../images/default-bg-right.jpg) no-repeat; width:32px; height:239px; position:absolute; right:-32px; bottom:2px;}
#default-bnav-bg2 { background:url(../images/default-bg-left.jpg) no-repeat; width:29px; height:341px; position:absolute; left:-29px; bottom:-68px; z-index:1;}

#bnav { height:109px; width:888px; padding:0px; margin:0px auto; background: url(../images/bnav-bg.jpg) no-repeat top; position:relative; }	
#bnav ul { list-style: none; padding: 50px 0 0 0; margin: 0; display:block; height:39px; width:550px; float:right; text-align:right; overflow:hidden;}
#bnav li { display: inline; padding: 0; margin: 0px 0px 0 0; height:39px;}
#bnav li img {margin:0px 0px 0 0; padding:0px 0px 0px 0px; }
#bnav-bg { background:url(../images/bg-right.jpg) no-repeat; width:32px; height:239px; position:absolute; right:-32px; bottom:13px;}
#bnav-bg2 { background:url(../images/bg-left.jpg) no-repeat; width:29px; height:341px; position:absolute; left:-29px; bottom:-68px; z-index:1;}

/* **************************************************************** */
/* **************************** Anav  ***************************** */
/* **************************************************************** */
#anav { display: block; width:876px; height:50px; padding:0px 0 0 12px; margin: 0px auto; overflow:hidden; background:#fff; }	
#anav ul { list-style: none; padding: 0; margin: 0; display:block; height:50px; }
#anav li { display: inline; padding: 0; margin: 0px 0px 0 0; height:50px;}
#anav li img {margin:0px -4px 0 0; padding:0px 22px 0px 0px; }

/* **************************************************************** */
/* **************************** Cnav  ***************************** */
/* **************************************************************** */
#cnav { display: block; width:207px; height:260px; padding:0 0 35px 0; margin: 0px auto; float:right;}	
#cnav ul { list-style: none; padding: 0; margin: 0; display:block;}
#cnav li { display: block; padding: 0px 0px 0px 0; margin: 0; padding:0 0px; height:44px;}
#cnav li img {margin:0px -4px 0px 0; padding:0px 0px 0px 0px; }

/* **************************************************************** */
/* **************************** Dnav  ***************************** */
/* **************************************************************** */
#dnav-container { width:292px; height:374px; padding:0px 21px 0px 21px; margin: 0px auto; float:right; position:relative; }	
#dnav { display: block; width:292px; margin: 0px auto; background:url(../images/dnav-bg.jpg) bottom no-repeat #FEECE0; position:absolute; bottom:0px; }	
#dnav ul { list-style: none; padding: 0px 0 24px 0; margin: 0; display:block; }
#dnav li { list-style: none; display: block; padding: 0px 0px 0px 0; margin: 0; padding:0 0px; height:44px; overflow:hidden;}
#dnav li img {margin:0px 0px 0px 0; padding:0px 0px 0px 0px; overflow:hidden;}

/* **************************************************************** */
/* **************************** Hero  ***************************** */
/* **************************************************************** */
#hero { width:522px; height:360px; margin: 0px; float:left; padding:7px; background:#803000;} /*Default Page*/
#video { height:260px; width:280px; margin: 0px; float:right; padding:0 0 35px 0;}
#hero2 { height:260px; width:702px; margin: 0px; float:left; padding:0 0 35px 0;} /*Other Pages*/

/* **************************************************************** */
/* **************************** Content  ************************** */
/* **************************************************************** */
#default-content { padding:0px 0px 0px 0px; width:888px; margin:0 auto; background:#000; position:relative;}
.ie #default-content { padding:0px 0px 0px 0px; width:888px; margin:0 auto -3px auto; background:#000; position:relative; }
#default-content-container { padding:0px 0px 0px 0px; width:926px; margin:0; background:#000 url(../images/default-bg-mid.jpg) repeat-y; }
.bg-left2 { background:url(../images/default-bg-left2.jpg) no-repeat; width:30px; height:126px; position:absolute; left:-30px; bottom:10px;}
.default-btn {float:left; padding:45px 30px 20px 25px; }
.default-btn2 {float:left; padding:45px 0px 20px 30px; }

#content { padding:0px 0px 20px 0px; width:888px; margin:0; background:#fff;}
/*#content p a:link, #content p a:visited { border-bottom:none; text-decoration:none; color: #FF0033; }
#content p a:hover, #content p a:active { border-bottom:1px solid #FF0033; text-decoration:none; color: #FF0033; }*/
#content h1 { margin: 0px; padding: 10px 0px 0px 0px; color:#D55806; font-size:100%; line-height:180%; text-transform:uppercase; }
#content h2 { margin: 0px; padding: 10px 0px 0px 0px; font-size:90%; color:#D55806; line-height:180%; text-transform:uppercase; }
#content h3 {color: #C44900; font-size: 90%; margin: 0px; padding: 10px 0px 10px 0px; line-height:120%;}
#content h4 {color: #C44900; padding: 0px 0 10px 0; margin: 0px; line-height:100%; font-size: 70%; font-weight:bold; text-transform:uppercase; }
#content h5 {color: #C44900; padding: 15px 0px 10px 0px; margin: 0px; line-height:100%; font-size: 70%; font-weight:bold; text-transform:uppercase;}
#content h6 {color: #C44900; padding: 20px 0 10px 0; margin: 0px; line-height:100%; font-size: 75%; font-weight:bold; width:177px; }
#content p { font-size: 79%; margin: 0px; padding: 0px 0px 15px 0px; color: #333; line-height: 155%; }
.boldorange { color:#C44900; font-weight:bold; }
.content-col { padding:0px 0px 0px 15px; float:left; width:538px; }
.content-col2 { padding:0px 15px 0px 20px; float:right; width:299px; } 
.content-col ul { list-style:none; padding: 0px 0 5px 20px; margin: 0px; font-size: 79%; color:#B8B9CC; line-height:155%;}
.content-col li { list-style:none; padding: 0px 0 0 20px; margin: 0px 0px 5px 0; background:url(../images/bullet.jpg) no-repeat left 5px;}
.content-col li img { display:inline; border:none; list-style: none; padding: 0 20px 20px 0; margin:0 -4px 0 0;}
.thumb {background:#A00622; padding:5px; width:285px; height:209px; margin:100px 0 60px 0; }
.staff { border:#803000 3px solid;}
a.brown:link, a.brown:visited { border-bottom:1px solid #988344; text-decoration:none; color: #988344; }
a.brown:hover, a.brown:active { border-bottom:1px dashed #988344; text-decoration:none; color: #988344; }
a.green:link, a.green:visited { border-bottom:1px solid #009900; text-decoration:none; color: #009900; }
a.green:hover, a.green:active { border-bottom:1px dashed #009900; text-decoration:none; color: #009900; }
a.pink:link, a.pink:visited { border-bottom:1px solid #FF0033; text-decoration:none; color: #FF0033; }
a.pink:hover, a.pink:active { border-bottom:1px dashed #FF0033; text-decoration:none; color: #FF0033; }
a.general:link, a.general:visited { border-bottom:1px solid #803000; text-decoration:none; color: #803000; }
a.general:hover, a.general:active { border-bottom:1px dashed #803000; text-decoration:none; color: #803000; }
.table { padding:0; margin:0; font-size:85%;}
.table td { padding:10px; margin:0; border-bottom:1px dotted #803000; }
.table p { font-size:60%;} 
.table a:link, .table a:visited { border-bottom:1px solid #803000; text-decoration:none; color: #803000; }
.table a:hover, .table a:active { border-bottom:1px dashed #803000; text-decoration:none; color: #803000; }
.name { color:#803000; font-weight:bold; }
.content-col2 ul { list-style:none; padding: 0px; margin: 0px; }
.content-col2 li { list-style:none; padding: 0px; margin: 0px; display:block; }
.content-col2 li img { display:inline; border:none; list-style: none; padding: 0 0px 0px 0; margin:0 -4px 0px 0;}
.hdr {
	margin:0 0 0 30px;
	float:left;
	clear:left;
}
.btn { padding:30px 0 0 0px; }
.testline { border-bottom:1px dotted #D55806; margin:10px 0 20px 0; }
.voucher { margin:0px 0 0 15px; }
.ie .voucher { margin:-3px 0 0 15px; }
.content-col a:link, .content-col a:visited, .content-col2 a:link, .content-col2 a:visited { border-bottom:none; text-decoration:none; color: #B8B9CC; }
.content-col a:hover, .content-col a:active, .content-col2 a:hover, .content-col2 a:active { border-bottom:none; text-decoration:none; color: #B8B9CC; }
.body-left, .body-left2 { padding:40px 20px 0px 15px; float:left; width:518px; clear:both;}
.body-right, .body-right2 { padding:40px 15px 0px 20px; float:right; width:299px; }
.body-left ul { list-style:none; padding: 10px 100px 20px 20px; margin: 0px; font-size: 79%; color:#333; line-height:155%;}
.body-left li { list-style:none; padding: 0px 0 0 20px; margin: 0px 0px 5px 0; background:url(../images/bullet.jpg) no-repeat left 5px;}
.body-left li img { display:inline; border:none; list-style: none; padding: 0 0px 0px 0; margin:0 -4px 0 0;}
.body-left p a:link, .body-left p a:visited, .body-left2 p a:link, .body-left2 p a:visited { border-bottom:1px solid #803000; text-decoration:none; color: #803000; }
.body-left p a:hover, .body-left p a:active, .body-left2 p a:hover, .body-left2 p a:active { border-bottom:1px dashed #803000; text-decoration:none; color: #803000; }

.whatson { width: 565px; float:left; padding:40px 0px 0px 15px;}
.whatson ul { list-style:none; padding: 10px 100px 20px 20px; margin: 0px; font-size: 79%; color:#333; line-height:155%;}
.whatson li { list-style:none; padding: 0px 0 0 20px; margin: 0px 0px 5px 0; background:url(../images/bullet.jpg) no-repeat left 5px;}
.whatson li img { display:inline; border:none; list-style: none; padding: 0 0px 0px 0; margin:0 -4px 0 0;}
.whatson p a:link, .whatson p a:visited, .whatson li a:link, .whatson li a:visited { border-bottom:1px solid #803000; text-decoration:none; color: #803000; }
.whatson p a:hover, .whatson p a:active, .whatson li a:hover, .whatson li a:active { border-bottom:1px dashed #803000; text-decoration:none; color: #803000; }

/* **************************************************************** */
/* ************************** Footer ****************************** */
/* **************************************************************** */
#bg-top {background:url(../images/bg-top2.jpg) top no-repeat; position:absolute; width:75px; height:61px; top:-61px; right:-2px; }
#default-bg {background:url(../images/default-bg-btm.jpg) top no-repeat; width: 888px; padding:0 18px 19px 18px; height:34px; position:relative; margin:0 auto; }
#bg-left { background:url(../images/bg-btm-left.jpg) no-repeat; width:30px; height:126px; position:absolute; left:-30px; bottom:10px;}
#bg {background:url(../images/bg-btm.jpg) top no-repeat; width: 888px; height:183px; position:relative; margin:0 auto; }
#footer { width: 888px; height:50px; padding: 20px 0px 60px 0px; margin:0 auto;}
#footer ul { list-style: none; padding: 0px 0 0 0; margin: 0; height:17px; overflow:hidden; }
#footer li { display: inline; padding: 0; margin: 0px 0px 0 0; }
#phase p { font-size:70%; line-height:100%; color:#666; }
#phase { float:left; text-align:left; width:250px; height:15px; padding:15px 0 10px 0; margin:0px;}
#phase a:link, #phase a:visited { border-bottom:none; text-decoration:none; color: #666; }
#phase a:hover, #phase a:active { border-bottom:#FF0033 1px solid; text-decoration:none; color: #FF0033; }

/* **************************************************************** */
/* ************************** Lightbox ***************************** */
/* **************************************************************** */
#lightbox { padding:40px 0 0 15px; float:left; width:538px;	}
#lightbox ul { list-style: none; list-style-type:none; }
#lightbox ul li { display: inline; background:none;list-style:none;}
#lightbox ul img {  margin:0px 20px 20px 0px;}
#lightbox ul a:link img, #lightbox ul a:visited img {	border: 1px solid #FF0033;	color: #fff;}
#lightbox ul a:hover img, #lightbox ul a:acitve img {	border: 1px solid #FF597A;	color: #fff;}
#lightbox ul a:hover { color: #fff; }
#lightthumb { float:right; /*border: 1px solid #fff;*/ margin:5px 0 10px 10px;}
.white {
	color: #FFF;
}

/* **************************************************************** */
/* **************************** forms col ************************* */
/* **************************************************************** */
#forms { padding:0px 0 0px 0px; font-family:Arial, Helvetica, sans-serif;}
#forms p { margin: 0px; padding: 0px 0px 15px 0px; color: #8493A8; line-height:100%; }
#forms a:link, #forms a:visited, #forms a:hover, #forms a:active { border:none; }
label { font-weight:bold; color:#803000;}
.descriptioncell { margin:0 0 10px 0;}
.formcell { width: 140px; display: block; float: left; padding: 3px 10px 10px 0px; text-decoration: none; margin:0px;}
.formcell2 { width: 140px; display: block; float: left; padding: 3px 0px 10px 0px; text-decoration: none; margin:0px;}
.formcell3 { width: 160px; display: block; float: left; margin: 3px 10px 10px 0px; text-decoration: none;}
.formcell_wide { width: 240px; display: block; float: left; margin: 3px 10px 15px 0px; text-decoration: none;}
.field{ height:20px; width:130px; border:1px solid #803000; font-size:8pt; font-family:Arial, Helvetica, sans-serif; background:#FFD8BF; color:#081322;}
.select { width:130px; padding:5px; border:1px solid #803000; font-size:8pt; font-family:Arial, Helvetica, sans-serif; background:#FFD8BF; color:#081322;}
.select_wide { width:240px; padding:5px; border:1px solid #803000; font-size:8pt; font-family:Arial, Helvetica, sans-serif; background:#FFD8BF; color:#081322;}
.button {  background:#000; color:#fff; border:none; font-size:70%; padding:5px; width:70px;}
.dropdown {height:22px; width:130px; border:1px solid #803000;  background:#FFD8BF; color:#081322; font-size:8pt;} 
.selectwide { padding:5px; border:1px solid #803000;  background:#FFD8BF; color:#081322; font-size:8pt;}
.comments{ border:1px solid #803000; width:250px; height:150px; padding:5px; border:none; background:#FFD8BF; font-size:8pt; color:#081322;}
.attach { background:#FFD8BF; border:none; }