/*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:#fff; margin: 0px auto; font-size: 12pt; font-family: Georgia, "Times New Roman", Times, serif; padding: 0; text-align:center; } 
img { border: none; padding:0px; margin:0px; }
p { font-size: 12pt; margin: 0px; padding: 0px 0px 15px 0px; color: #000; line-height: 18pt; }
h1 { margin: 0px; padding: 0px 0px 40px 0px; color:#000; font-size:18pt; text-transform:uppercase;  }
h2 {  margin: 0px; padding: 0px 0px 20px 0px; font-size:12pt; color:#000; text-transform:uppercase;}
h3 {color: #B70402; font-size: 12pt; margin: 0px; padding: 30px 0px 20px 0px; text-transform:uppercase;}
h4 {color:#000; padding: 20px 0 5px 0; margin: 0px; line-height:18pt; font-size: 12pt; }
h5 {color: #000; padding: 0px; margin: 0px; line-height:100%; font-size: 70%; font-weight:bold; display:none;}
h6 { padding:0 0 20px 0;}
.float_left { float: left; }
.float_right {float: right;}

/* Centre page */
#container { width:950px; margin:0 auto; padding:115px 0px 0px 0px; text-align:left; position:relative;} /* fix alignment of page */

/* **************************************************************** */
/* ************************ header styles ************************* */
/* **************************************************************** */
#logo { position:absolute; left:0px; top:40px; display:none; }

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

/* **************************************************************** */
/* **************************** Anav  ***************************** */
/* **************************************************************** */
#anav { display: none; 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 40px 0px 0px; height:16px;}
#anav li img {margin:0px; padding:0px; }
.contact { float:right;}

.p7VSC07 .p7VSC_scrollbox_wrapper, .p7VSC07 .p7VSC_content, .p7VSC_1, .p7VSC_scrollbox_wrapper, #p7VSCb_1, .p7VSC07 .p7VSC_scrollbox, #p7VSCd_1_c1, .p7VSC07 .p7VSC_scrolling { height:1000px; width:600px;}
.p7VSC07 img .p7VSC_scrollbox_wrapper img { display: none;}
.p7VSC07 .p7VSCtoolbar, #btn-print, #p7VSCbu_1, #p7VSCbd_1 { display: none;}
.p7VSC07 .p7VSCtoolbar a { display: none;}
.p7VSC07 .p7VSCtoolbar a:hover {display: none;}
#lightthumb { display:none;}


/* **************************************************************** */
/* **************************** Dnav  ***************************** */
/* **************************************************************** */
#dnav { display: none; 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: none; 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: none; 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: none; 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;}

/* **************************************************************** */
/* ************************** 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:underline; font-weight:bold;}
#content p a:hover, #content p a:active { color:#B70402; text-decoration:underline; font-weight:bold;}
#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;}
.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%; }

/* **************************************************************** */
/* ************************** 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; }

/* **************************************************************** */
/* **************** 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; margin: 0px; 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;}


/* **************************************************************** */
/* ************************** Forms ******************************* */
/* **************************************************************** */
.form input, form textarea, form select { font-family: Arial, Helvetica, sans-serif; line-height: 170%;}
.form { padding:0px;}
.field{ height:20px; width:150px; border:1px solid #000; background:#0D0D0D; margin:1px 0px; color: #A1A1A1;}
.field2{ height:20px; width:30px; border:1px solid #000; background:#0D0D0D; margin:0px 0px 0px 3px; color: #A1A1A1;} /* Gifts pages */
.selectwide { padding:2px; border:1px solid #000; background:#0D0D0D; margin:1px 0px 10px 0; width:146px; height:90px; color: #A1A1A1; font-size:70%;}
.selectwide2 { padding:2px; border:1px solid #000; background:#0D0D0D; margin:0px 0px 10px 0; width:300px; height:90px; color: #A1A1A1; font-size:70%;} /* Gifts pages */
.select { border:1px solid #000;background:#0D0D0D; color: #A1A1A1; padding:0 2px;}
.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; display:none;}
/*#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; }
.footer-left { float:left; width:280px;}
.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;}