/*CSS BY PHASE NEW MEDIA

-- colours

grey: #151515
red: #B70402
footer text: #808080
text grey: #A1A1A1

*/

/* **************************************************************** */
/* ********************** 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; }
body { background:#000 url(../images/body_bg.jpg) repeat-x; margin: 0px auto; font-size: 1em; font-family: Arial, Helvetica, sans-serif; padding: 0; text-align:center; } 
img { border: none; padding:0px; margin:0px; }
p { font-size: 70%; margin: 0px; padding: 0px 0px 15px 0px; color: #A1A1A1; line-height: 170%; }
h1 { margin: 0px; padding: 0px 0px 40px 0px; color:#A1A1A1; font-size:90%; text-transform:uppercase;  }
h2 {  margin: 0px; padding: 0px 0px 20px 0px; font-size:70%; color:#B70402; text-transform:uppercase;}
h3 {color: #B70402; font-size: 70%; margin: 0px; padding: 30px 0px 20px 0px; text-transform:uppercase;}
h4 {color:#A1A1A1; padding: 20px 0 5px 0; margin: 0px; line-height:170%; font-size: 70%; }
h5 { margin: 0px; padding: 0px 0px 40px 0px; color:#A1A1A1; font-size:90%; text-transform:uppercase;  }
h6 { padding:0 0 20px 0;}
.float_left { float: left; }
.float_right {float: right;}
.date {color:#6F6F6F; font-size:70%;}
/* Centre page */
#container { width:950px; margin:0 auto; padding:115px 0px 0px 0px; text-align:left; position:relative;} /* fix alignment of page */
#table { width:100%; font-size:70%; padding: 2px 0px 0px 0px; color: #A1A1A1; line-height: 170%;}
/* **************************************************************** */
/* ************************ header styles ************************* */
/* **************************************************************** */
#logo { position:absolute; left:0px; top:40px; }

/* **************************************************************** */
/* ************************** Hero Area *************************** */
/* **************************************************************** */
#hero { height:530px; background:#151515; overflow:hidden;}
#hero2 { width:570px; height:530px; float:right;}

/* **************************************************************** */
/* **************************** Anav  ***************************** */
/* **************************************************************** */
#anav { display: block; width:950px; height:29px; padding:0; margin:0px; /*float:right; overflow:hidden;*/ } /* Overflow fixes spacing problem in IE 6*/
#anav ul { list-style: none; padding: 0; margin: 0; display:block; height:16px; float:left; width:880px;}
#anav li { display: inline; padding: 0; margin: 0px 37px 0px 0px; height:16px;}
#anav li img {margin:0px; padding:0px; }
.contact { float:right;}
.anav-eccobar { float:right; margin-top:-21px;}

/* **************************************************************** */
/* ************************** Bnav ******************************** */
/* **************************************************************** */
#bnav { position:absolute; top:144px;}
.transparent ul { display: block; list-style:none; padding: 0; margin: 0px; }
.transparent li { display: block; list-style-type:none; padding: 0px; margin: 0px; width:190px; height:25px; overflow:hidden;}
/* Add position:relative to fix link problem in ie6 */
.transparent a:link, .transparent a:visited { position:relative; color:#808080; text-decoration:none; text-transform:uppercase; font-size:80%; font-family:Tahoma, "Arial Narrow", Arial, Helvetica, sans-serif; font-weight:bold;}
.transparent a:hover, .transparent a:active { position:relative; color:#B70402; text-decoration:none; text-transform:uppercase; font-size:80%; font-family:Tahoma, "Arial Narrow", Arial, Helvetica, sans-serif; font-weight:bold;}
/* Make transparent background work in ie, Firefox ignores this filter */ 
.transparent { padding:30px 0px 0px 30px; height:500px; width:190px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../images/85p_bg.png');}
/* IE ignores styles with [attributes], so it will skip the following. */
.transparent[class] { background-image:url(../images/85p_bg.png);}
/* Make transparent background work in ie6 */
* html .transparent {background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/85p_bg.png', sizingMethod='scale');}

/*div.translucent { border: solid 1px #555; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/85p_bg.png'); padding: 20px; width: 338px;}
div.translucent a, div.translucent a:visited { color: #555; }
div#ieworky div.translucent a { position: relative; }
div.iealphatest>div { background-image: url("images/85p_bg.png");}*/

/* **************************************************************** */
/* **************************** Dnav  ***************************** */
/* **************************************************************** */
#dnav { display: block; width:950px; height:17px; padding:13px 0 0 0; margin:0px; /*float:right; overflow:hidden;*/ } /* Overflow fixes spacing problem in IE 6*/
#dnav ul { list-style: none; padding: 0; margin: 0; display:block; height:17px; float:left;}
#dnav li { display: inline; padding: 0; margin: 0px 150px 0px 0px; height:17px;}
#dnav li img {margin:0px; padding:0px; }
.awards {float:right;}

/* Wider version for pages with lesser buttons */
#dnav2 { display: block; width:950px; height:17px; padding:13px 0 0 0; margin:0px; /*float:right; overflow:hidden;*/ } /* Overflow fixes spacing problem in IE 6*/
#dnav2 ul { list-style: none; padding: 0; margin: 0; display:block; height:17px; float:left;}
#dnav2 li img {margin:0px; padding:0px; }
#dnav2 li { display: inline; padding: 0; margin: 0px 350px 0px 0px; height:17px;}

/* Wider version for pages with lesser buttons (Gifts page) */
#dnav3 { display: block; width:950px; height:17px; padding:13px 0 0 0; margin:0px; /*float:right; overflow:hidden;*/ } /* Overflow fixes spacing problem in IE 6*/
#dnav3 ul { list-style: none; padding: 0; margin: 0; display:block; height:17px; float:left;}
#dnav3 li img {margin:0px; padding:0px; }
#dnav3 li { display: inline; padding: 0; margin: 0px 200px 0px 0px; height:17px;}

/* Wider version for pages with lesser buttons (Contact page) */
#dnav4 { display: block; width:950px; height:17px; padding:13px 0 0 0; margin:0px; /*float:right; overflow:hidden;*/ } /* Overflow fixes spacing problem in IE 6*/
#dnav4 ul { list-style: none; padding: 0; margin: 0; display:block; height:17px; float:left;}
#dnav4 li img {margin:0px; padding:0px; }
#dnav4 li { display: inline; padding: 0; margin: 0px 290px 0px 0px; height:17px;}

#dnav5 { display: block; width:950px; height:17px; padding:13px 0 0 0; margin:0px; /*float:right; overflow:hidden;*/ } /* Overflow fixes spacing problem in IE 6*/
#dnav5 ul { list-style: none; padding: 0; margin: 0; display:block; height:17px; float:left;}
#dnav5 li { display: inline; padding: 0; margin: 0px 140px 0px 0px; height:17px;}
#dnav5 li img {margin:0px; padding:0px; }

#dnav6 { display: block; width:950px; height:17px; padding:13px 0 0 0; margin:0px; /*float:right; overflow:hidden;*/ } /* Overflow fixes spacing problem in IE 6*/
#dnav6 ul { list-style: none; padding: 0; margin: 0; display:block; height:17px; float:left;}
#dnav6 li { display: inline; padding: 0; margin: 0px 140px 0px 0px; height:17px;}
.ie6 #dnav6 li { display: inline; padding: 0; margin: 0px 139px 0px 0px; height:17px;}
#dnav6 li img {margin:0px; padding:0px; }

/* **************************************************************** */
/* ************************** Content ***************************** */
/* **************************************************************** */
#content { float:left; width:315px; height:465px; padding:65px 65px 0px 0px; }
#content p a:link, #content p a:visited { color:#A1A1A1; text-decoration:none; border-bottom:1px solid #4A4A4A; border-top:none;}
#content p a:hover, #content p a:active { color:#B70402; text-decoration:none; border-bottom:1px solid #B70402; border-top:none;}
#content ul { list-style-type:none; list-style: none; margin:0px; font-size: 70%; margin: 0px; padding: 0px 0px 8px 10px; color: #A1A1A1; line-height: 170%;}
#content li { margin: 0px; padding: 0px 0px 10px 15px; background: url(../images/bullet.gif) no-repeat left 6px;}
#content ul ul { list-style-type:none; list-style: none; margin:0px; font-size: 100%; margin: 0px; padding: 0px 0px 8px 10px; color: #A1A1A1; line-height: 170%;}
.terms { font-size: 65%; margin: 0px; padding: 20px 0px 15px 0px; color: #A1A1A1; line-height: 130%; }
.terms a:link, .terms a:visited { color:#A1A1A1; text-decoration:underline; font-weight:bold;}
.terms a:hover, .terms a:active { color:#B70402; text-decoration:underline; font-weight:bold;}
.thumb { float:right; border:1px solid white; margin:5px 0 10px 10px;}
.news-thumb { float:left; border:1px solid white; margin:5px 10px 20px 0px;}
.terms2 { font-size: 65%; margin: 0px; padding: 0px 0px 10px 0px; color: #616161; line-height: 130%; }

/* **************************************************************** */
/* ************************** Contact ***************************** */
/* **************************************************************** */
#content2 { float:left; width:380px; height:465px; padding:65px 0px 0px 0px; }
#content2 p a:link, #content2 p a:visited { color:#A1A1A1; text-decoration:none; border-bottom:1px solid #4A4A4A;}
#content2 p a:hover, #content2 p a:active { color:#B70402; text-decoration:none; border-bottom:1px solid #B70402;}
#content2 ul { list-style-type:none; list-style: none; margin:0px; font-size: 70%; margin: 0px; padding: 0px 0px 8px 10px; color: #A1A1A1; line-height: 170%;}
#content2 li { margin: 0px; padding: 0px 0px 10px 15px; background: url(../images/bullet.gif) no-repeat left 6px;}
.contact-col1 {float:left; width:155px;}
.contact-col2 {float:left; width:320px;}

/* **************************************************************** */
/* ************************** Lighbox ***************************** */
/* **************************************************************** */
#lightbox {	width: 300px;}
#lightbox ul { list-style: none; list-style-type:none; }
#lightbox ul li { display: inline; background:none;list-style:none; margin:0 20px 0 -25px;}
#lightbox ul img {border: 1px solid #fff;}
#lightbox ul a:hover img {	border: 1px solid #fff;	color: #fff;}
#lightbox ul a:hover { color: #fff; }
#lightthumb { float:right; border: 1px solid #fff; margin:5px 0 10px 10px;}

/* **************************************************************** */
/* **************** Slideshow ( Videos) *************************** */
/* **************************************************************** */
#slideshow ul { display: block; list-style:none; list-style-type:none; padding: 10px 0px 0px 0px; margin: 0px;}
#slideshow li { display: inline; padding: 0px 11px 0px 0px; margin: 0px 0px 0px -10px; background:none;list-style:none; } 
#slideshow img { padding: 10px 8px 0px 0px; margin: 0px 0px 0 0;}
#slideshow img a:link, #slideshow img a:visited, #slideshow img a:active, #slideshow img a:hover {border: none; padding:0px;}
#flashcontent {margin:0 0 5px 0;}

/* **************************************************************** */
/* ************************** Forms ******************************* */
/* **************************************************************** */
.form input, form textarea, form select { font-family: Arial, Helvetica, sans-serif; line-height: 170%;}
.form { padding:0px; width:310px;}
.formcell { width: 140px; display: block; float: left; padding: 3px 16px 5px 0px; text-decoration: none; color: #A1A1A1; font-size:70%; line-height:120%;}
.formcell2 { width: 140px; display: block; float: left; padding: 3px 0px 5px 0px; text-decoration: none; color: #A1A1A1; font-size:70%; line-height:120%;}
.field{ height:15px; width:140px; border:1px solid #4A4A4A; background:#0D0D0D; margin:0px 0px; color: #A1A1A1;font-size:80%;}
.field2{ height:15px; width:30px; border:1px solid #4A4A4A; background:#0D0D0D; margin:0px 0px 0px 3px; color: #A1A1A1;font-size:80%;} /* Gifts pages */
.selectwide { padding:2px; /*border:1px solid #4A4A4A;*/ background:#0D0D0D; margin:0px 0px 5px 0; width:134px; height:80px; color: #A1A1A1; font-size:80%;}
.selectwide2 { padding:2px; /*border:1px solid #4A4A4A;*/ background:#0D0D0D; margin:0px 0px 5px 0; width:300px; height:80px; color: #A1A1A1; font-size:60%;} /* Gifts pages */
.select {  border:1px solid #4A4A4A; background:#0D0D0D; color: #A1A1A1; padding:0 2px; font-size:85%;}
.button { background-color:#B70402; color:#fff; border:none; font-size:80%; padding:5px; width:70px;}
.dropdown {height:22px; width:140px; border:1px solid #B4BAA0;} 

/* **************************************************************** */
/* *************************** Footer  **************************** */
/* **************************************************************** */

#footer { height:50px; padding:40px 0px 0px 0px; margin: 0px; color:#808080; font-size:65%; display:block; text-transform:uppercase;}
/*#footer a:link, #footer a:visited { text-decoration:none; font-weight:normal; margin: 0px; padding: 0px; color: #C7C7C7; border-bottom:none;  }
#footer a:hover, #footer a:active { text-decoration:none; font-weight:normal; margin: 0px; padding: 0px; color: #B70402; border-bottom:none; }*/
.cnav { list-style: none; padding: 0px 0px 10px 0px; margin: 0px; width:300px;}
.cnav a:link, .cnav a:visited { text-decoration:none; font-weight:normal; margin: 0px; padding: 0px; color: #808080; border-bottom:none;  }
.cnav a:hover, .cnav a:active { text-decoration:none; font-weight:normal; margin: 0px; padding: 0px; color: #B70402; border-bottom:none; }
.date2 { padding: 10px 0px 5px 0px; margin: 0px; width:300px; float:right; text-align:right;}
.footer-left { float:left; width:500px;}
.current-date { color:#4A4A4A;}
.footer-right { float:right; width:280px; text-align:right;}
.footer-right a:link, .footer-right a:visited { text-decoration:none; font-weight:normal; margin: 0px; padding: 0px; color: #C7C7C7; border-bottom:none;  }
.footer-right a:hover, .footer-right a:active { text-decoration:none; font-weight:normal; margin: 0px; padding: 0px; color: #B70402; border-bottom:none; }
.seperator { padding:0px 10px;}