﻿body {
	background: none;
}

#forms {
	background: none;
	padding: 0;
	width: 899px;
}

#forms .module-content-wide {
	width: 899px;
}

#primaryContent, #secondaryContent {
	width: 899px;
	overflow: hidden;
}

#bottom {
	margin: 40px 0 0 0;
}

#mainPanel {
	width: 596px;
	min-height: 314px;
	float: left;
	margin: 0 2px 0 0; 
	background: #CCDCEC url(../Images/Homepage/balloons.jpg) no-repeat bottom left;
	position: relative;
	overflow: hidden;
}

#mainPanelFull {
	width: 899px;
	min-height: 314px;
	float: left;
	margin: 0 2px 0 0; 
	background:url(../Images/Homepage/christmas.jpg) no-repeat top left;
	position: relative;
	overflow: hidden;
}

.mainPanelFullContainer	
{
	width: 338px;
	height: 287px;
	background: url('../Images/Homepage/container.png') no-repeat;
	margin: 13px 0px 0px 548px;
	display: block;
}

#mainPanelFull h2	
{
    margin: 10px 0 0 190px;
    width: 347px;
    font-size: 40px;
    color:#FFFFFF;
    float: left;
    display: inline;
}

#mainPanelFull p	
{
	
    margin: 6px 0 0 192px;
    width: 347px;
    font-size: 24px;
    color:#FFFFFF;
    float: left;
    display: inline;
}

#mainPanelFull p.text-11	
{
	margin: 94px 0 0 18px;
}

#mainPanelFull p.terms	
{
	float: left;
    font-size: 11px;
    margin: 203px 0 0 -527px;
}

.col1, .col2	
{
	width: 158px;
	float: left;
	margin: -84px 0 0 0;
}

.col2	
{
	width: 158px;
	float: left;
	margin: -84px 0 0 22px;
}

.mainPanelFullContainer	.col1 h3	
{
	background: url('../Images/Homepage/fifty-pounds.png') no-repeat center;
	width: 158px;
	height: 163px;
	text-indent: -9999px;
}

.mainPanelFullContainer	.col2 h3	
{
	background: url('../Images/Homepage/seventy-five-pounds.png') no-repeat center;
	width: 158px;
	height: 163px;
	text-indent: -9999px;
}

.mainPanelFullContainer	.col2 h4, .mainPanelFullContainer .col1 h4, .mainPanelFullContainer	.col2 h5, .mainPanelFullContainer	.col1 h5	
{
	text-align: center !important;
	color:#ffffff !important;
}

.mainPanelFullContainer	.col2 h5, .mainPanelFullContainer	.col1 h5	
{
	font-size: 14px !important;
}

.mainPanelFullContainer	.col2 a, .mainPanelFullContainer	.col1 a	
{
	background: url(../Images/Homepage/button.png) no-repeat;
	display: block;
	margin: auto;
	width:152px;
	height: 56px;
	color: #ffffff;
	text-decoration: none;
	font-size: 25px;
	text-align: center;
	padding: 10px 0px 0px 0px;
}

.mainPanelFullContainer	.col2 a span, .mainPanelFullContainer	.col1 a	span
{
	font-size: 12px;
}

#mainPanelFull .ctaLink	
{
	margin: 256px 0px 0px 665px;	
}

#mainPanel #white-loz, #mainPanelalt #white-loz{
	width: 265px;
	position: relative;
	top: 16px;
	left: 16px;
}

#mainPanel #white-loz-top,  #mainPanelalt #white-loz-top{
	width: 265px;
	height: 34px;
}

#mainPanel #white-loz-top img, #mainPanel #white-loz-bot img, #mainPanelalt #white-loz-top img {
	display: inline;
	border: 0;
}

#mainPanel #white-loz-mid, #mainPanelalt #white-loz-mid {
	padding: 0px 13px 0px 13px;
	background: url(../Images/Homepage/white-loz-mid.png) repeat-y;
	overflow: hidden;
}

#mainPanel #white-loz-mid h3, #white-loz-mid p, #mainPanelalt #white-loz-mid h3 {
	margin: 0 0 12px 0;
}

#white-loz-mid h3 sup
{
    font-size: 10px;
}

#mainPanel #white-loz-mid div.ctaLink, #mainPanelalt #white-loz-mid div.ctaLink {
	width: 120px;
	height: 27px;
	margin: 0 0 30px 0;
}

#mainPanel #white-loz-bot, #mainPanelalt #white-loz-bot {
	width: 265px;
	height: 4px;
}

#mainPanelalt   
{
    width: 547px;
	min-height: 312px;
	float: left;
	margin: 0 1px 0 0; 
	background: #FFA02F;
	position: relative;
	overflow: hidden;
	padding: 0px 25px 0px 25px;
}

#mainPanelalt h3	
{
	color:#FFFFFF;
	font-size: 3.8em;
	margin: 15px 0px 15px 0px;
    padding: 11px 0 15px 0px;
    border-bottom: 1px solid #FFFFFF;
}

#mainPanelalt p, #mainPanelalt li
{
	color:#FFFFFF;
	font-size: 1.4em;
}

#mainPanelalt ul	
{
	margin: 30px 0px 30px 0px;
}

#mainPanelalt li	
{
	list-style-type:square;
	list-style-position: inside;
}

#mainPanelalt h4	
{
	font-size: 1.4em;
	color:#636363;
}

#mainPanelalt .ctaLink	
{
	margin: -45px 10px 0px 0px;
}

#mainPanelalt p.terms	
{
	color: #FFFFFF;
	bottom: 6px;
	position: absolute;
	right: 25px;
	font-size: 1.1em;
}

/* swapped for ecomanger panel below - AH */
/*#secondPanel {
    background: url("../Images/Homepage/team-green-britain.jpg") no-repeat left bottom #FE5815;
    float: left;
    margin: 0 0 1px;
    min-height: 314px;
    padding: 0 0 0 21px;
    position: relative;
    width: 279px;
}
#secondPanel h3 {
    color: #FFFFFF !important;
    font-weight: normal;
    margin-top: 32px;
}
#secondPanel h3, #secondPanel p {
    color: #666666;
    margin-bottom: 32px;
    margin-top: 44px;
    width: 258px;
}*/
/* ecomanger panel */
#secondPanel {
	position: relative;
	width: 279px;
	min-height: 314px;
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0; 
	background: #FFFFFF no-repeat bottom left;
}
    #secondPanel h3 {
	    margin-top: 20px;
	    line-height: 1.1em;
    }
    #secondPanel h3, 
    #secondPanel p{
	    margin-top: 15px;
	    width: 258px;
    }

.greyPanelLeft, .greyPanelRight {
	float: left;
	margin: 5px 1px 0 0;
	border: solid #e4e4e4 1px;
	min-height: 143px;
}

.greyPanelLeft {
	width: 576px;
	margin-right: 2px;
	padding: 0 0 0 18px;
	background:#d8f3ff url(../Images/Homepage/british-landmarks.jpg) bottom right no-repeat;
}

.greyPanelRight {
	width: 278px;
	padding: 0 0 0 20px;
}

.greyPanelLeft h4 {
	margin: 15px 0 8px 0;
}

.greyPanelRight h4 {
	margin: 20px 0 12px 0;
}

ul.orangeArrows {
	overflow: hidden;
}

ul.orangeArrows li {
	line-height: 0.5em;
	float: left;

}

ul.orangeArrows li.left {
	width: 125px;
	margin: 0 20px 0.7em 0;
}

ul.orangeArrows li.right {
	width: auto;
	margin: 0 0 0.7em 0;
}

ul.orangeArrows li a 
{
	text-decoration: none;
	color: #333333;
}

ul.orangeArrows li a img
{
	border: 0;
}

.logo-2020 {
	vertical-align: middle;
	right: 0;
}

#footer-terms {
	clear:both;
	padding-top:10px;
}

.float-right 
{
    float: right;
}

.float-left 
{
    float: left;
}

#mainPanel #white-loz-mid h3 {
font-size:1em;

}

#secondPanel .indented h3 
{
    margin:49px 0 34px 93px;
    width:160px;
    }
    
    #secondPanel .indented p
{
    margin-left:93px;
    width:160px;
    }   
    
     #secondPanel .indented p.close
{
    margin-top:10px;
    }
    
    .greyPanelLeft P {
	width: 454px;
	
}

#footer-terms	p
{
	font-size: 1.1em;
	color:#666666;
}
