/*
	==========================
	v1.0 Rebecca Mackay 28 Mar 2008
	Standard styles for screen
	==========================
*/

/*	Templated Styles				*/

/* The file below is read by ALL browsers

   but the hacks contained within it further target 

   IE5-6 for Windows. See file for details. */

@import "ie6win.css";

@import "ie7win.css";


/*	Hide content for all users		*/
.invisible
{
	display: none;
}

/*	Hide content for visual users. E.g. skip links	*/
.hide
{
	position: absolute;
	top: -9999px;
	left: -9999px;
}

/*	Can't hide legends cross browser with negative text indent */
legend.hide
{
	font-size: 0.005em;
	visibility: hidden;
}

/* Used to space an ellipse nicely */
.ellipse
{
	letter-spacing: -0.15em;
}

/*	Clear floats on a background */
.theBreaker
{
	height: 0.005em;
	clear: both;
	overflow: hidden;
}

/*	Clearfix method for floated elements	*/
.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/*	IE7 hack */
.clearfix {display: inline-block;}
.clearfix {display: block;}

/*Generic Levin image replacement -  http://levin.grundeis.net/files/20030809/alternatefir.html */
.replace
{ 
	position: relative; 
	margin: 0px; 
	padding: 0px; 
	/* hide overflow:hidden from IE5/Mac */ 
	/* \*/ overflow: hidden; /* */ 
}

.replace span
{
	display: block; 
	position: absolute; 
	top: 0px; 
	left: 0px;
	z-index: 1; /*for Opera 5 and 6*/ 
}

/*	For evil CMSs */
u
{
	text-decoration: none;
}
/*	END	Templated styles	*/

/*	Site Default Styles		*/
body
{
	font: 69%/1.4 Arial, Verdana, sans-serif;
	color: #999;
	background: #003F1D url(../../Assets/SiteImages/Common/holdingPage/holdingPageBG.png) repeat-x center top;
	text-align:center;
}

a
{
	color: #f37e21;
	text-decoration: underline;
}

.ctaLink
{
	font-weight: bold;
}

a:visited
{
	/*color: #baa054;*/
}

a:focus
{
	/*color: #f3eeee;
	background: #366c1b none;*/
}

a:hover
{
	/*color: #f3eeee;*/
}

a:active
{
	/*color: #f3eeee;
	background: #366c1b none;*/
}

/*	END Site Default Styles	*/

/*	Structure	*/
#container
{
	width: 930px;
	margin: auto;
	font-size: 1.2em; /*	Set default size of 12px on Windows */
}

#pageContent
{
	width: 910px;
	margin: auto;
	background-color: #fff;
}

#primaryContent
{
	width: 890px;
	margin: auto;
	background-color: #eee;
}

/*	Common items	*/
#signInPanel /*	Need to come back to this - for now get it out of the way*/
{
	display: none;
}

#primaryNav
{
	margin-left: 30px;
}

#primaryNav li
{
	display: inline;
	float: left;
	margin-right: 20px; /*	Temporary until sprites are coded */
}

#breadcrumb
{
	margin: 0 20px;
	padding: 10px 0;
}

#breadcrumb li
{
	display: inline;
	float: left;
	margin-right: 5px; /*	Temporary until properly coded */
}

#breadcrumb li a
{
	background: #fff url(../../Assets/SiteImages/Common/breadcrumbDivider.gif) no-repeat right 3px;
	padding-right: 10px;
}

#secondaryNav
{
	margin-left: 20px;
}

#secondaryNav li
{
	float: left;
	margin-right: 1px;
	background: #e2e2e2 url(../../Assets/SiteImages/Common/secondaryNav.gif) no-repeat left top;
	padding-left: 4px;
}

#secondaryNav li a,
#secondaryNav li.current span
{
	float: left;
	display: block;
	background: #e2e2e2 url(../../Assets/SiteImages/Common/secondaryNav.gif) no-repeat right top;
	padding: 0 10px 0 6px;
	min-height: 25px;
	line-height: 35px;
	max-width: 130px;
}

#secondaryNav li.current
{
	background: #eee url(../../Assets/SiteImages/Common/secondaryNav.gif) no-repeat left -50px;
}

#secondaryNav li.current span
{
	background: #eee url(../../Assets/SiteImages/Common/secondaryNav.gif) no-repeat right -50px;
}

/*	Panels	*/
.panelBody
{
	background: #fff none;
}


/* CSS for 'enterEmailAddress' and 'thanks' page starts from here - Darius 16/10/08   */
/* should be removed after the Flash site goes live */

body.enterEmail {
	background: #003F1D url(../../Assets/SiteImages/Common/holdingPage/holdingPageBG.png) repeat-x center top;
	text-align:center;}

.enterEmail #mainContainer {   position:relative; margin: 0 auto; width:959px; text-align:left; }

.enterEmail	#container, .enterEmail	#headerTop img, .enterEmail	#headerBottom img, 
.enterEmail	#content, .enterEmail .contentLeft img, .enterEmail	.contentRight img,
.enterEmail .installcontentLeft img, .enterEmail .installcontentRight img, .enterEmail	#installContent
	
	{position:absolute;}

.enterEmail	#container {
	background: #003F1D url(../../Assets/SiteImages/Common/holdingPage/holdingPageLeftShadow.png) no-repeat left top;
	width:959px; top:0; left:0;}

.enterEmail	#container .gutter   {background:url(../../Assets/SiteImages/Common/holdingPage/holdingPageRightShadow.png) no-repeat right top;}

.enterEmail .BGHolder   {
	background:url(../../Assets/SiteImages/Common/holdingPage/holderBG.png) repeat-x center top;
	margin:0 11px; height:734px;}

.enterEmail	#headerTop	 {height:229px;}
.enterEmail	#headerTop img	 {width:515px; height:153px; top:79px; left:226px;	}

.enterEmail	#headerBottom {height:139px;}
.enterEmail	#headerBottom img {width:619px; height:137px; top:231px; left:171px;}

.enterEmail	#content .textThankYou {min-height:260px;}

.enterEmail	#content {width:285px; min-height:370px; top:368px; left:349px;}
.enterEmail	#content .text h2{
	background:url(../../Assets/SiteImages/Common/holdingPage/commingSoon.png) no-repeat left top;
	display:block;
	height:26px;
	color:#1E4C25;}
	
	
.enterEmail	#content .textThankYou h2 {
	background:url(../../Assets/SiteImages/Common/holdingPage/thankyou.png) no-repeat left top;
	display:block;
	height:26px;
	color:#1E4C25;}
	
 
	
.enterEmail	input.textField{width:265px; height:29px; border:1px solid #89b91c;}

.enterEmail	input.button{
	width:129px; height:46px; border:0; margin:10px 0 38px 72px;
	background:url(../../Assets/SiteImages/Common/holdingPage/submitButton.png) no-repeat left top;}

.enterEmail fieldset {border:0; padding:2px 4px; min-height:146px;}

.enterEmail fieldset label {display:block;}

.enterEmail #content fieldset p {color:#c82109; height:17px; display:block;}


.enterEmail	#content .text p {color:#1E4C25; padding: 7px 2px; font-size:11px;}

.enterEmail	#content .textThankYou p {color:#1E4C25; padding: 7px 2px; font-size:116%;}

.enterEmail	.contentLeft {}
.enterEmail	.contentLeft img {width:369px; height:271px; top:367px; left:93px;}

.enterEmail	.contentRight {}
.enterEmail	.contentRight img {width:369px; height:271px; top:367px; left:462px;}

.enterEmail	 #footer {}

.enterEmail	 #footer a.terms, .enterEmail	 #footer a.privacy {display:inline-block; width:118px; height:17px;  }

.enterEmail	 #footer a.terms {background:url(../../Assets/SiteImages/Common/holdingPage/termsNconditions.gif) no-repeat left top; margin:0 8px 25px 16px; display:block; height:17px; width:118px; float:left;}

.enterEmail	 #footer a.privacy {background:url(../../Assets/SiteImages/Common/holdingPage/privacyPolicy.gif) no-repeat left top; margin-bottom:25px; display:block; height:17px; width:118px; float:left; }

.enterEmail	 #footer p {
	display:block; width:244px; height:89px; margin-left:16px; padding-top:49px; 
	background:url(../../Assets/SiteImages/Common/holdingPage/learnMore.gif) no-repeat left top; margin-bottom:25px; text-align:center; float:left;  }

a.footerLink { color:#deda02; font-size:13px; font-weight:700; text-decoration:none; }
.enterEmail .installBGHolder   {
	background:url(../../Assets/SiteImages/Common/holdingPage/installHolderBG.png) repeat-x center top;
	margin:0 11px; height:734px;}

.enterEmail .installcontentLeft img {
	height:142px;
	left:134px;
	width:328px;}

.enterEmail .installcontentRight img {
	height:142px;
	left:462px;
	width:328px;}
	
.enterEmail	#installContent {width:930px; min-height:370px; top:368px; text-align:center; padding-top:75px;}
	
.enterEmail	#installContent .text p {color:#95A647; padding:5px 0 25px; font-size:12px;}


/* --- end CSS for 'enterEmailAddress' --- */


/* --- The site specific CSS starts from here! --- */
/* --- Do not remove the following after the Flash site goes live --- */
/* --- These include the css for the Install.htm page (Flash replacement) --- */



.flashRep #mainContainer {   position:relative; margin: 0 auto; width:900px; text-align:left; }

.flashRep	#container, .flashRep	#headerTop img, .flashRep	#headerBottom img, 
.flashRep	#content, .flashRep .contentLeft img, .flashRep	.contentRight img,
.flashRep .installcontentLeft img, .flashRep .installcontentRight img, .flashRep	#installContent
	
	{position:absolute;}

.flashRep	#container {
	background: #003F1D url(../../Assets/SiteImages/Common/holdingPage/holdingPageLeftShadow.png) no-repeat left top;
	width:900px; top:0; left:0;}

.flashRep	#container .gutter{
    background:url(../../Assets/SiteImages/Common/holdingPage/holdingPageRightShadow.png) no-repeat right top;
    padding:0 11px;
	width:900px;}

.flashRep .BGHolder   {
	background:url(../../Assets/SiteImages/Common/holdingPage/holderBG.png) repeat-x center top;
	margin:0 11px; height:734px;}

.flashRep	#headerTop	 {height:229px;}
.flashRep #headerTop img	 {width:515px; height:153px; top:79px; left:226px;	}

.flashRep	#headerBottom {height:139px;}
.flashRep	#headerBottom img {width:619px; height:137px; top:231px; left:171px;}

.flashRep	#content .textThankYou {min-height:260px;}

.flashRep	#content {width:285px; min-height:370px; top:368px; left:349px;}
.flashRep	#content .text h2{
	background:url(../../Assets/SiteImages/Common/holdingPage/commingSoon.png) no-repeat left top;
	display:block;
	height:26px;
	color:#1E4C25;}
	
	
.flashRep	#content .textThankYou h2 {
	background:url(../../Assets/SiteImages/Common/holdingPage/thankyou.png) no-repeat left top;
	display:block;
	height:26px;
	color:#1E4C25;}
	
 
	
.flashRep	input.textField{width:265px; height:29px; border:1px solid #89b91c;}

.flashRep	input.button{
	width:129px; height:46px; border:0; margin:10px 0 38px 72px;
	background:url(../../Assets/SiteImages/Common/holdingPage/submitButton.png) no-repeat left top;}

.flashRep fieldset {border:0; padding:2px 4px; min-height:146px;}

.flashRep fieldset label {display:block;}

.flashRep #content fieldset p {color:#c82109; height:17px; display:block;}


.flashRep	#content .text p {color:#1E4C25; padding: 7px 2px; font-size:11px;}

.flashRep	#content .textThankYou p {color:#1E4C25; padding: 7px 2px; font-size:116%;}

.flashRep	.contentLeft {}
.flashRep	.contentLeft img {width:369px; height:271px; top:367px; left:93px;}

.flashRep	.contentRight {}
.flashRep	.contentRight img {width:369px; height:271px; top:367px; left:462px;}

.flashRep	 #footer {}

.flashRep	 #footer a.terms, .flashRep	 #footer a.privacy {display:inline-block; width:118px; height:17px;  }

.flashRep	 #footer a.terms {background:url(../../Assets/SiteImages/Common/holdingPage/termsNconditions.gif) no-repeat left top; margin:0 8px 25px 16px; display:block; height:17px; width:118px; float:left;}

.flashRep	 #footer a.privacy {background:url(../../Assets/SiteImages/Common/holdingPage/privacyPolicy.gif) no-repeat left top; margin-bottom:25px; display:block; height:17px; width:118px; float:left; }

.flashRep	 #footer p {
	display:block; width:244px; height:89px; margin-left:16px; padding-top:49px; 
	background:url(../../Assets/SiteImages/Common/holdingPage/learnMore.gif) no-repeat left top; margin-bottom:25px; text-align:center; float:left;  }

a.footerLink { color:#deda02; font-size:13px; font-weight:700; text-decoration:none; }

body.terms {
	height:100%;	
	color:#ecf469;
	font-size:10px;
	line-height:21px;
	text-align:left;
	background: #003f1d url(../../Assets/SiteImages/Common/holdingPage/termsBG.gif) repeat;}
	
.terms #mainContainer {}

.terms #container {
	width:auto;
	padding: 30px 40px;
	background: #003f1d url(../../Assets/SiteImages/Common/holdingPage/termsBG.jpg) repeat-x left top;}
.terms #container p, .terms #container h1, .terms #container h2 {padding-bottom:17px;}

.terms table { border-collapse:collapse; width:100%; }

.terms tbody tr { vertical-align:top; }

.terms tr td, .terms tr th {border-bottom:1px solid #81AE45;} 

.terms  tr.noBorder td, .terms  tr.noBorder th {border:none;}

.terms tbody tr.end td {padding-bottom:25px;}

.terms thead tr td {width:200px;}

.terms thead tr td, .terms thead tr th { padding: 0 5px 5px 0; vertical-align:top; }

.terms tbody td {padding-right:5px; vertical-align:middle; text-align:center;}

.terms address {display: inline;}

.terms thead tr th { text-align: center;}




.terms tbody th {padding-right:40px;}

.terms th {font-weight:normal;}

.terms ol { list-style-type:decimal; padding-bottom:50px;}
.terms ol li { margin:8px 0 5px 19px;}

.terms ol li ul { list-style-type: lower-roman;} 



.flashRep .installBGHolder   {
	background:url(../../Assets/SiteImages/Common/holdingPage/installHolderBG.png) repeat-x center top;
	margin:0 11px; height:734px;}

.flashRep .installcontentLeft img {
	height:142px;
	left:134px;
	width:328px;}

.flashRep .installcontentRight img {
	height:142px;
	left:462px;
	width:328px;}
	
.flashRep	#installContent {width:930px; min-height:370px; top:368px; text-align:center; padding-top:75px;}
	
.flashRep	#installContent .text p {color:#95A647; padding:5px 0 25px; font-size:12px;}



/* --- end --- */