/*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 */
#centrer { width: 888px; margin: 0px auto; padding:0px 0px; text-align:left; }

/* **************************************************************** */
/* ************************ header styles ************************* */
/* **************************************************************** */
#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 0; }	

/* **************************************************************** */
/* **************************** Bnav  ***************************** */
/* **************************************************************** */
#bnav { height:98px; padding:0px; margin:0px 0px 0 0; 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:28px; width:310px; float:right; text-align:right; overflow:hidden;}
#bnav li { display: inline; padding: 0; margin: 0px 0px 0 0; height:28px;}
#bnav li img {margin:0px 0px 0 0; padding:0px 0px 0px 6px; }
#bnav-bg { background:url(../images/bnav-bg-right.jpg) no-repeat; width:14px; height:98px; position:absolute; right:-14px;}

/* **************************************************************** */
/* **************************** 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-btm.jpg) bottom no-repeat #FFE6EB; 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:#9F0624;} /*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  ************************** */
/* **************************************************************** */
#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:none; text-decoration:none; color: #FF0033; }
#content h1 { margin: 0px; padding: 10px 0px 0px 0px; color:#FF0033; font-size:90%; line-height:180%; text-transform:uppercase; }
#content h2 { margin: 0px; padding: 0px 0px 20px 0px; font-size:90%; color:#FF0033; line-height:180%; }
#content h3 {color: #FF597A; font-size: 90%; margin: 0px; padding: 10px 0px 10px 0px; line-height:120%;}
#content h4 {color: #FF597A; padding: 0px 0 10px 0; margin: 0px; line-height:100%; font-size: 70%; font-weight:bold; text-transform:uppercase; }
#content h5 {color: #FF597A; padding: 15px 0px 10px 0px; margin: 0px; line-height:100%; font-size: 70%; font-weight:bold; text-transform:uppercase;}
#content h6 {color: #FF597A; 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%; }
.boldred { color:#FF0033; font-weight:bold; }
.content-col { padding:0px 0px 0px 15px; float:left; width:538px; }
.content-col2 { padding:0 15px 0 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; margin:8px 0 60px 0; }

.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; }

.voucher { margin:0 0 0 15px; z-index: 1;
}
.ie .voucher { margin:0 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 { padding:40px 20px 0px 15px; float:left; width:518px; clear:left; }
.body-right { 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;}

/* **************************************************************** */
/* ************************** Footer ****************************** */
/* **************************************************************** */
#bg-top {background:url(../images/bg-top2.jpg) top no-repeat; position:absolute; width:75px; height:71px; top:-71px; right:0px; }
#bg-left {background: url(../images/bg-left.jpg) bottom no-repeat; position:absolute; width:29px; height:120px; top:15px; left:-29px; }
#bg {background:url(../images/bg-btm.jpg) top no-repeat; width: 888px; height:175px; position:relative; }
#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:#ff0033;}
.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: 200px; 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; border:none; width:130px; border:1px solid #FF0033; font-size:8pt; font-family:Arial, Helvetica, sans-serif; background:#FFE6EB; color:#081322;}
.select { border:none; width:130px; padding:5px; border:1px solid #FF0033; font-size:8pt; font-family:Arial, Helvetica, sans-serif; background:#FFE6EB; color:#081322;}
.select_wide { border:none; width:240px; padding:5px; border:1px solid #FF0033; font-size:8pt; font-family:Arial, Helvetica, sans-serif; background:#FFE6EB; color:#081322;}
.button {  background:#000; color:#fff; border:none; font-size:70%; padding:5px; width:70px;}
.dropdown {height:22px; width:130px; border:1px solid #FF0033;  background:#EBE6D6; color:#081322; font-size:8pt;} 
.selectwide { border:none; padding:5px; border:1px solid #FF0033;  background:#EBE6D6; color:#081322; font-size:8pt;}
.comments{ border:none; width:298px; padding:5px; border:1px solid #FF0033; background:#EBE6D6; font-size:8pt; color:#081322;}