/*
Default Style Sheet
*/

@import url("Checkout.css");
@import url("Forms.css");
@import url("Products.css");
@import url("ShoppingCart.css");

/*
Layout
*/

html,
body
{
	/* Make the site fill the browsers viewport vertically. */
	height: 100%;
	
	/* Remove default whitespace around site. */
	margin: 0;
	padding: 0;

	/* Fill the background with white. */
	color: #242424;
	background-color: White;
	
	/* Set the default font for the whole site. */
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 0.8em;
}

input,
textarea,
select
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 1em;
}

body
{
	/* Fix the width of the page and center it. */
	width: 998px;
	margin-left: auto;
	margin-right: auto;
}

form
{
	/* Position the form so the footer can attach to it correctly. */
	position: relative;

	/* Fill the whole viewport vertically if not more. */
	min-height: 100%;

	/* Create the border on either side of the site. */
	border-left: solid 2px #213188;
	border-right: solid 2px #213188;
}



/*
Header
*/

.header
{
	/* Create space for the header images and main navigation. */
	height: 174px;
}

.header img
{
	/* Remove borders caused by links. */
	border: none;
	
	/* Float the image to remove any whitespace around them. */
	float: left;
}

.header .nav
{
	position: relative;
	z-index: 100;

	/* Move the navigation below the header images. */
	clear: both;
	
	height: 34px;

	color: White;
	background-color: #213188;
}

.header .nav .nzfw
{
	position: absolute;
	right: 0;

	height: 34px;

	font-weight: bold;
	line-height: 34px;
	vertical-align: middle;
	width: 355px;
}

.header .nav .nzfw img
{
	margin: 0 4px 0 0;
	vertical-align: middle;
}

.header .nav .search
{
	position: absolute;
	right: 0;
	
	height: 34px;
	padding-left: 30px;
	
	color: White;
	background-color: #213188;

	background-image: url('../Images/Nav-Transition.gif');
	background-repeat: no-repeat;
	background-position: left bottom;
	
	font-weight: bold;
	line-height: 34px;
	vertical-align: middle;
}

.header .nav .search input
{
	margin: 0 4px 0 0;
	vertical-align: middle;
}

.header .nav .search input.text
{
	margin: 0 4px 0 4px;
	width: 15em;
	
	font-weight: normal;
}



/*
Content
*/

.content
{	
	/* Add whitespace around all content including space for the footer to fill if necesary. */
	padding: 8px 6px 110px 6px;
}

/* A restricted main content area for use with a promo area. */
.content .main
{
	/* Leave space for the promo column and a small margin. */
	margin-right: 381px;
	width: 601px;
}

/* A promo area for use with a restricted main area. */
.content .promo
{
	/* Float in the large margin space the main area left us. */
	width: 370px;
	float: right;
}

.content .promo .show
{
	margin-top: 8px;
	margin-bottom: 8px;
}

.content .promo .magazine
{
	margin-bottom: 16px;
}

.content .promo .magazine .cover
{
	float: left;

	margin: 3px 9px 10px 5px;
}

.content .promo .magazine .logo
{
	margin-bottom: 4px;
}

.content .promo .upcoming
{
	/* Outline the upcoming shows. */
	border: solid 1px #3b5da8;

	margin-bottom: 8px;
}

.content .promo .upcoming ul
{
	clear: both;
	
	margin: 0 2px 2px 2px;
	padding: 0;
}

.content .promo .upcoming ul li
{
	margin: 0;
	padding: 4px;
	
	list-style: none;
}

.content .promo .upcoming ul li.alt
{
	color: inherit;
	background-color: #faf8f1;
}

.content .promo .upcoming ul li strong
{
	color: #60513a;
	background-color: Transparent;
}

/* An end marker to allow the content to size correctly. */
.content .end
{
	/* Make sure we have cleared the promo column if it is there. */
	clear: both;
	
	/* Make sure we don't take up any space. */
	height: 1px;
	margin-bottom: -1px;
}

/* Container for title and footer elements anywhere on the page. */
.content .title
{
	position: relative;
	margin: 0;
	
	/* Add a fading blue background. */
	color: White;
	background-color: #4060b0;
	background-image: url('../Images/Title.gif');
	background-repeat: repeat-y;
}

.content .title.first
{
	margin: 0 0 8px 0;
}

.content .title.last
{
	margin: 8px 0 0 0;
}

.content .title h1,
.content .title h2
{
	/* Set the font. */
	font-size: 1.4em;
	font-weight: bold;
}

.content .title h1
{
	/* Add space around the heading. */
	margin: 0;
	padding: 8px 6px 8px 6px;
}

.content .title h2
{
	/* Add space around the heading. */
	margin: 0;
	padding: 4px 6px 4px 6px;
}

.content .title .win
{
	float: left;
	margin: 5px 5px 0 5px;
	padding: 0;

	font-size: 34px;
	font-weight: bold;
}

.content .title .welcome
{
/*	float: left;
	margin: 5px 5px 0 5px;
	padding: 0;
*/

	width: auto;
	float: none;
}

.content .title .welcome strong
{
	font-size: 24px;
	font-weight: bold;
}

.content .title .geoff
{
	float: right;
	margin-left: -50px;
	margin-right: 37px;
}

.content .title .tvIcon
{
	float: left;
	margin-top: -18px;
	margin-left: 5px;
	margin-right: 10px;
}

.content .title p
{
	margin: 0;
	padding: 4px 6px 4px 6px;
}

.content .title a,
.content .title a:link,
.content .title a:visited
{
	display: block;
	padding: 4px 6px 4px 6px;

	font-weight: bold;
	
	color: White;
	background-color: Transparent;
	
	text-decoration: none;
}

.content .title a:hover,
.content .title a:active
{
	text-decoration: underline;
}

.content .welcome
{
	width: 287px;
	float: left;
}

.content .features
{
	width: 302px;
	float: right;
}

.content .features .competition
{
	border: solid 1px #3b5da8;

	margin-bottom: 8px;
}

.content .features .competition .images
{
	text-align: center;
}

.content .features .competition h2
{
	margin: 0;
	padding: .6em .6em .6em .6em;
}

.content .features .competition p
{
	margin-top: 6px;
	margin-bottom: 0px;
	
	padding-left: .6em;
	padding-right: .6em;

	font-size: 1.1em;
	font-weight: bold;
}

.content .features .competition p.intro
{
	color: #104480;
	background-color: Transparent;

	text-align: center;
}

.content .features .competition p.details
{
	color: #363636;
	background-color: Transparent;
}

.content .features .competition table
{
	margin-left: 6px;
	margin-right: 6px;
	margin-bottom: 6px;
}

.content .features .competition ul
{
	margin: 0;
	padding: 0 .6em .6em .6em;
	font-size: 1.1em;
}

.content .features .competition ul li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.content .features .gallerySample
{
	border: solid 1px #3b5da8;

	margin-bottom: 8px;
}

.content .features .gallerySample .images
{
	text-align: center;
}

.content .features .gallerySample .images .image
{
	border: solid 1px #cfcfcf;
}

.content .features .gallerySample .images .image.first
{
	width: 140px;
	height: 109px;
	float: left;
	margin-left: 5px;
}

.content .features .gallerySample .images .image.last
{
	width: 140px;
	height: 109px;
	margin-left: 152px;
}

.content .features .gallerySample .images .image img
{
	border: solid 1px White;
}

.content .features .gallerySample h2
{
	margin: 0;
	padding: .6em .6em .6em .6em;
}

.content .features .gallerySample p
{
	padding-left: .6em;
	padding-right: .6em;
}

.content p
{
	margin: 0 0 .8em 0;
	padding: 0;
}

.content h2
{
	margin: 1.6em 0 .8em 0;
	padding: 0;

	font-size: 1.1em;
}

.content a,
.content a:link,
.content a:visited
{
	font-weight: bold;
	
	color: #242424;
	background-color: Transparent;
	
	text-decoration: none;
}

.content a:hover,
.content a:active
{
	text-decoration: underline;
}

.content .gallery
{
	text-align: center;
}

.content .gallery .hero
{
	border: solid 1px #3b5da8;

	margin: 12px 4px 12px 4px;
	padding: 4px;
}

.content .gallery p
{
	color: #60513a;
	background-color: #faf8f1;
	
	margin: 0;
	padding: 6px;
	
	text-align: left;
}

.content .gallery p.description
{
	font-weight: bold;
}

.content .gallery p.author
{
	padding-top: 0;
}

.content .gallery ul
{
	float: left;
	width: 595px;

	margin: 0 0 12px 0;
	padding: 0;
}

.content .gallery li
{
	float: left;
	height: 76px;
	
	margin: 0;
	padding: 6px 6px 6px 6px;

	line-height: 76px;

	list-style: none;
}

.content .gallery li img
{
	border: solid 1px #3b5da8;
	
	vertical-align: middle;
}

.content .changePassword
{
	width: 100%;
}



/*
Footer
*/

.footer
{
	/* Position the footer at the bottom of the site. */
	position: absolute;
	bottom: 0;
	
	/* Stretch wide enough to cover the sites main borders and adjust our margins so we can. */
	width: 998px;
	margin-left: -2px;
	margin-right: -2px;
	
	/* Use a fixed height so we know how much padding to allow on the bottom of the content. */
	height: 102px;

	/* We may sit on the bottom of the content if it is long so make sure we cover any white. */
	color: Black;
	background-color: #213188;
}

.footer .sponsors
{
	/* Allow enough space for the sponsors logos. */
	height: 38px;

	/* Allow space for the sites main borders. */
	margin: 0 2px 0 2px;
	
	/* Leave a gap before the nav bar. */
	padding: 0 0 9px 0;

	/* Use white so we look like part of the main content. */	
	color: Black;
	background-color: White;
	
}

.footer .sponsors img
{
	border: none;
}

.footer .sponsors li
{
	padding: 0;
	margin: 0;
	float: left;
	text-align: center;
	
	padding: 0 16px 0 16px;
	
	list-style-type: none;
}

.footer .nav
{
	height: 28px;
	
	/* Allow space for the sites main borders. */
	margin-left: 2px;
	margin-right: 2px;
	
	/* Add a white border to seperate the nav from the sites border. */
	border-left: solid 2px White;
	border-right: solid 2px White;
	border-bottom: solid 2px White;

	color: White;
	background-color: #213188;
		
	line-height: 28px;
	vertical-align: middle;
	
	padding-left: 1em;
}

.footer .nav a,
.footer .nav a:link,
.footer .nav a:visited
{
	color: White;
	background-color: Transparent;
	
	text-decoration: none;
}

.footer .nav a:hover,
.footer .nav a:active
{
	text-decoration: underline;
}	

.footer .nav ul
{
	display: inline;
	
	margin: 0;
	padding: 0;

	list-style-image: none;
}

.footer .nav li
{
	float: left;
	
	margin: 0 .5em 0 0;
	padding: 0;
	
	color: White;
	background-color: Transparent;
	
	list-style: none;
}

.footer .nav a.image-centre
{
	float: right;
	padding-top: 2px;
	padding-right: 2px;
}

.footer .nav a.image-centre img
{
	border: none;
}

.footer .legal
{
	/* Center the text vertically in the whitespace. */
	height: 23px;
	line-height: 23px;
	vertical-align: middle;
	
	/* Add a dark top border to seperate ourselves from the main site area. */
	border-top: solid 2px #213188;

	/* Hide the sites main borders with white. */
	color: Black;
	background-color: White;
}

.footer .legal a,
.footer .legal a:link,
.footer .legal a:visited
.footer .legal a:hover,
.footer .legal a:active
{
	color: Black;
	background-color: Transparent;
	
	text-decoration: underline;
}

.footer .legal ul
{
	display: inline;
	
	margin: 0;
	padding: 0;
}

.footer .legal li
{
	float: left;
	
	margin: 0 .5em 0 0;
	padding: 0;
	
	list-style: none;
}



/*
Menu
*/
.nav .AspNet-Menu-Horizontal
{
	position: absolute;
	bottom: 0;
	
	width: 100%;
	
	color: #61513B;
    background-color: #F1EAD5;
}

ul.AspNet-Menu
{
	font-size: 1.1em;
}

ul.AspNet-Menu li
{
	padding: 0 24px 0 12px;

	color: #61513B;
    /*background: #F1EAD5 url(../Images/Menu-More.gif) no-repeat right center;*/
}

ul.AspNet-Menu li.AspNet-Menu-Leaf
{
	padding-right: 12px;
    background-image: none;
}

ul.AspNet-Menu li a,
ul.AspNet-Menu li span
{
	height: 26px;
    
	color: #61513B;
	background-color: Transparent;

    font-weight: bold;
    line-height: 26px;
    vertical-align: middle;
}

ul.AspNet-Menu ul
{
	position: relative;
	top: 26px;
	
	border-right: solid 1px #60513A;
	border-bottom: solid 1px #60513A;
	border-left: solid 1px #60513A;
	
	color:  #61513B;
	background-color: #61513B;
}

ul.AspNet-Menu li.AspNet-Menu-WithChildren li
{
	width: 100px;
	padding: 0 16px 0 16px;
	margin: 1px 0 0 0;
	
	color: #61513B;
	background: #FFFFFF url(../Images/Menu-Child.gif) no-repeat left center;
}

ul.AspNet-Menu li.AspNet-Menu-WithChildren li a,
ul.AspNet-Menu li.AspNet-Menu-WithChildren li span
{
	height: 18px;

    font-weight: normal;
    line-height: 18px;
    vertical-align: middle;
}

ul.AspNet-Menu li.AspNet-Menu-WithChildren li:hover a,
ul.AspNet-Menu li.AspNet-Menu-WithChildren li:hover span,
ul.AspNet-Menu li.AspNet-Menu-WithChildren li.AspNet-Menu-Hover a,
ul.AspNet-Menu li.AspNet-Menu-WithChildren li.AspNet-Menu-Hover span
{
    font-weight: bold;
}