/** Base document layout */
body, html {height: 100%;}
#wrapper {
	margin: 0;
	min-height: 100%;
	padding: 0;
	position: relative;
}



/**============================================================================================================*/


/** Apply styling common to all grid columns */
.grid100, .grid110, .grid111,
.grid010, .grid011,
.grid001 {
	float: left;
}


/** Define the width specific to each grid column */
.grid100 {width: 190px;}
.grid110 {width: 730px;}
.grid111 {width: 960px;}
.grid010 {width: 540px;}
.grid011 {width: 770px;}
.grid001 {width: 230px;}
/*#advertList {width: 520px;}*/



/** Restricted-width container is effectively grid010 with implicit padding */
#restricted_width {
	float: left;
	padding-right: 20px;
	width: 520px;
}


/**------------------------------------------------------------------------------------*/


/** Define general grid-padding values for each side */
.gridPad-Right	{padding-right: 20px;}
.gridPad-Top	{padding-top: 20px;}
.gridPad-Bottom	{padding-bottom: 20px;}


/** Define column-specific grid-padding values on left side */
.grid011 .gridPad-Left {padding-left: 13px;}

.grid010 .gridPad-Left {padding-left: 13px;}
.grid001 .gridPad-Left {padding-left: 0;}


/**------------------------------------------------------------------------------------*/


/** Inner-container common to all layout blocks provides centre-aligned fixed width */
.layoutInner {
	margin: 0 auto;
	width: 960px;
    position: relative;
}



/**============================================================================================================*/


/** Comment */
#layoutCap {
	background-color: #212845;
	border-bottom: 2px solid #fff;
	color: #fff;
	letter-spacing: -0.05em;
}


/** Comment */
#layoutCap ul.pipeList {
	padding: 6px 0;
	text-align: right;
}
#layoutCap ul.pipeList li,
#layoutCap .pipeList .li {
	background-image: url('../images/pipes/layout-cap-white.png');
}
#layoutCap .pipeList a {
	color: #fff;
	padding-top: 6px;
	padding-bottom: 6px;
	text-decoration: none;
}
#layoutCap .pipeList a:hover {
	color: #fff;
	text-decoration: underline;
}


/** Comment */
#layoutCap ul.pipeList li.favourites {
}
#layoutCap ul.pipeList li.favourites a {
	background: url('../images/icons/favourites_heart.png') no-repeat 100% 50%;
	padding-right: 1.8em;
}



/**============================================================================================================*/


/** Comment */
#layoutHeader {
	background: #467410 url('../images/bg/layout-header.png') repeat-x 0 0;
	height: 91px;
	overflow: hidden;
}


/** Comment */
#layoutHeader .headerBg {
	background: url('../images/bg/new_bg.png') no-repeat 0 0;
	height: 91px;
	margin: 0 auto;
	width: 988px;
}


/** Comment */
#layoutHeader .headerBg a.logoAnchor {
	display: block;
	float: left;
	height: 91px;
	overflow: hidden;
	text-indent: -999.9em;
	width: 205px;
}


/** Comment */
#layoutHeader ul.mainTabs {
	display: none;
	float: right;
	height: 58px;
	padding-top: 33px;
	width: 712px;
}
#layoutHeader ul.mainTabs li {
	float: left;
	height: 58px;
	padding-left: 8px;
	width: 170px;
}
#layoutHeader .headerBg-Home ul.mainTabs,
#layoutHeader .headerBg-Sell ul.mainTabs,
#layoutHeader .headerBg-Buy ul.mainTabs,
#layoutHeader .headerBg-Win ul.mainTabs,
#layoutHeader .headerBg-Deal ul.mainTabs {
	display: block;
}
#layoutHeader ul.mainTabs li.tabWin {
	padding-left: 7px;
}


/** Comment */
#layoutHeader ul.mainTabs li a {
	background: url('../images/tabs/new_tabs-v003.png') no-repeat 0 0;
	float: left;
	height: 58px;
	overflow: hidden;
	text-indent: -999.9em;
	width: 178px;
}


/** Deal Tab */
#layoutHeader ul.mainTabs li.tabDeal a {
	background-position: 0 0;
}
#layoutHeader ul.mainTabs li.tabDeal a:hover {
	background-position: 0 -58px;
}
#layoutHeader .headerBg-Deal ul.mainTabs li.tabDeal a,
#layoutHeader .headerBg-Deal ul.mainTabs li.tabDeal a:hover {
	background-position: 0 -58px;
}


/** Buy Tab */
#layoutHeader ul.mainTabs li.tabSell a {
	background-position: -178px 0;
}
#layoutHeader ul.mainTabs li.tabSell a:hover {
	background-position: -178px -58px;
}
#layoutHeader .headerBg-Sell ul.mainTabs li.tabSell a,
#layoutHeader .headerBg-Sell ul.mainTabs li.tabSell a:hover {
	background-position: -178px -58px;
}


/** Win Tab */
#layoutHeader ul.mainTabs li.tabBuy a {
	background-position: -356px 0;
}
#layoutHeader ul.mainTabs li.tabBuy a:hover {
	background-position: -356px -58px;
}
#layoutHeader .headerBg-Buy ul.mainTabs li.tabBuy a,
#layoutHeader .headerBg-Buy ul.mainTabs li.tabBuy a:hover {
	background-position: -356px -58px;
}

/** Deal Tab */
#layoutHeader ul.mainTabs li.tabWin a {
	background-position: -534px 0;
}
#layoutHeader ul.mainTabs li.tabWin a:hover {
	background-position: -534px -58px;
}
#layoutHeader .headerBg-Win ul.mainTabs li.tabWin a,
#layoutHeader .headerBg-Win ul.mainTabs li.tabWin a:hover {
	background-position: -534px -58px;
}



/**============================================================================================================*/


/** Layout-body contains page-centric content */
#layoutBody {
	background-position: 50% 0;
	background-repeat: no-repeat;
	padding-top: 20px;
	padding-bottom: 240px;
}



/**============================================================================================================*/


/** Layout-footer is a dark-green area absolutely positioned at the bottom of the page */
#layoutFooter {
	background: #679d3a url('../images/bg/layout-footer.png') repeat-x 0 0;
	color: #d1fc00;
	font-size: 85.71%;
	height: 131px;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	text-align: center;
	width: 100%;
	float: left;
}
#layoutFooter .layoutInner {
	padding-top: 50px;
}


/**------------------------------------------------------------------------------------*/


/** Override styling of the standard pipelist element */
#layoutFooter .pipeList {
	padding-bottom: 15px;
}


/** Main-pipelist in the footer is coloured white */
#layoutFooter ul.pipeList.main li,
#layoutFooter .pipeList.main .li {
	background-image: url('../images/pipes/layout-footer-white.png');
	padding-top: 4px;
	padding-bottom: 4px;
}
#layoutFooter .pipeList.main a {
	color: #fff;
	text-decoration: none;
}
#layoutFooter .pipeList.main a:hover {
	color: #fff;
	text-decoration: underline;
}

#layoutFooter .pipeList.main li.zoot {
	background: #95c16c none;
	font-weight: bold;
}


/** Sub-pipelist in the footer is coloured green */
#layoutFooter ul.pipeList.sub li,
#layoutFooter .pipeList.sub .li {
	background-image: url('../images/pipes/layout-footer-green.png');
}
#layoutFooter .pipeList.sub a {
	color: #d1fc00;
	text-decoration: none;
}
#layoutFooter .pipeList.sub a:hover {
	color: #d1fc00;
	text-decoration: underline;
}



/**============================================================================================================*/


/** Breadcrumb trail is a horizontal list divided by white chevrons */
ul#breadcrumbs {
	background-color: #daf0bf;
	font-size: 85.71%;
	height: 20px;
    margin-bottom: 8px;
}
ul#breadcrumbs li {
	float: left;
	height: 20px;
}
ul#breadcrumbs li.first {
    overflow: hidden;
}


/** Style block-level anchors and hover states in breadcrumb trail */
ul#breadcrumbs li a,
ul#breadcrumbs li a:hover {
	color: #222744;
	text-decoration: none;
}
ul#breadcrumbs li a,
ul#breadcrumbs li div.tail {
	background: url('../images/misc/layout-breadcrumb.png') no-repeat 0 0;
	display: block;
	float: left;
	height: 20px;
	line-height: 1.6;
	margin-left: -15px;
	overflow: hidden;
	padding: 0 26px 0 26px;
}
ul#breadcrumbs li a:hover {
	background-position: 0 -20px;
}



/**============================================================================================================*/


/** Main site-navigation menu is coloured green and stacked vertically */
ul#siteNav {
	background: #cbea89 url('../images/bg/gradient-navmenu.png') repeat-x 0 0;
	width: 170px;
}
ul#siteNav li {
	border-top-color: rgba(0, 0, 0, 0.15) !important;
	border-bottom-color: rgba(255, 255, 255, 0.25) !important;
	border-top: 1px solid #98b35b;
	border-bottom: 1px solid #d3ec9d;
	width: 170px;
}


/** Remove borders from the first and last items in the navigation menu */
ul#siteNav li:first-child,
ul#siteNav li.first {
	border-top: 0 none;
}
ul#siteNav li:last-child,
ul#siteNav li.last {
	border-bottom: 0 none;
}


/** Style anchors and hover/selected states in navigation menu */
ul#siteNav li a,
ul#siteNav li a:hover {
	color: #222744;
	text-decoration: none;
}
ul#siteNav li a {
	display: block;
	padding: 5px 8px;
	width: 154px;
}
ul#siteNav li a:hover {
	background-color: rgba(83, 139, 34, 0.25) !important;
	background-color: #9bc24e;
}
ul#siteNav li.selected a,
ul#siteNav li.selected a:hover {
	background-color: #538b22 !important;
	color: #fff;
}

.VIPHelp h2 { margin-bottom: 10px; font-size: 128.57%; }
.VIPHelp p { margin-bottom: 10px; }

#renewLaterLink { margin: 0 0 0 10px; font-size: 13px; border-left: 1px solid #000; padding-left: 9px; }





#cookiePrompt {
	background: #64A02A;
	border-top: 3px solid #40711A;
	color: #fff;
	display: none;
	font-size: 16px;
	height: 64px;
	line-height: 1.375;
	padding-top: 14px;
	position: fixed;
	left: 0; bottom: 0;
	width: 100%;
	z-index: 999;
}
#cookiePrompt > div {
	margin: 0 auto;
	text-align: center;
	width: 950px;
}
#cookiePrompt p {
	margin: 0;
}
#cookiePrompt p + p {
	color: #fff;
	padding-top: 4px;
}
#cookiePrompt a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
#cookiePrompt a:hover {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}