/* -------------------------------------------------------------------------------------- */
/* --------------------------------------  GENERIC -------------------------------------- */
/* -------------------------------------------------------------------------------------- */

html, body {
	font-family:"lucida sans", "Lucide Grand", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
	}

.clearer{
	clear: both;
	line-height: 0px;
	height: 0px;
	margin: 0;
	padding: 0;
	width: 0;
	overflow: hidden;
	visibility: hidden;
}

p.noJS {
    font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
	color: #FFF;
    display: block;
    width: 100%;
    padding: 4px 0 3px 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    background-color: #F24E31;
}
em {
    font-style:italic;
}
strong {
    font-weight:bold;
}
	
/* -------------------------------------------------------------------------------------- */
/* --------------------------------------- HEADER --------------------------------------- */
/* -------------------------------------------------------------------------------------- */

.headerOuter {
	width:100%;
	height:373px;
	background:url(../images/ui/headerBackground.jpg) top no-repeat;
	}
	
.headerInner {
	width:960px;
	height:373px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	}	
.headerInner h1 {
	display:block;
	width:410px;
	height:150px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/ui/logo.jpg) bottom right no-repeat;
	padding-left:30px;
	padding-top:33px;
	margin-bottom:24px;
	}
	
.headerInner p {
	color:#fff;
	font-size:32px;
	line-height:1.2;
	padding-left:30px;
	}
	
.headerInner .headerNav {
	position:absolute;
	top:0px;
	right:1px;
	}

.headerInner .headerNav li {
	float:left;
	margin-right:10px;
	}

.headerInner .headerNav a {
	display:block;
	height:33px;
	padding-left:10px;
	background:url(../images/ui/headerTabLeft.png) left no-repeat;
	color:#000;
	text-decoration:none;
	font-size:18px;
	}
.headerInner .headerNav a:hover {
	background:url(../images/ui/headerTabLeftHover.png) left no-repeat;
	}
.headerInner .headerNav a span.tab {
	display:block;
	height:27px;
	padding-right:10px;
	padding-top:6px;
	background:url(../images/ui/headerTabRight.png) right no-repeat;
	text-transform:uppercase;
	}
.headerInner .headerNav a:hover span.tab {
	background:url(../images/ui/headerTabRightHover.png) right no-repeat;
	}
	
/* -------------------------------------------------------------------------------------- */
/* ------------------------------------- MAIN BODY -------------------------------------- */
/* -------------------------------------------------------------------------------------- */
	
.mainOuter {
	width:100%;
	background:url(../images/ui/bodyBackground.jpg) top no-repeat;
	}
.mainInner {
	width:960px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	padding-top:39px;
	min-height:675px;
	}

.mainInner p, .mainInner h2 {
	display:block;
	width:405px;
	padding-left:30px;
	}
.mainInner p {
	line-height:1.5;
	font-size:14px;
	color:#000;
	margin-bottom:21px;
	margin-top:6px;
	}

.mainInner h2 {
	font-size:24px;
	color:#ee3124;
	}
	
.mainInner .calculator {
	position:absolute;
	top:39px;
	right:30px;
	width:410px;
	}
.mainInner .calculator li {
	font-size:24px;
	color:#ee3124;
	margin-bottom:20px;
	}
.mainInner .calculator a {
	display:block;
	width:410px;
	height:110px;
	background:url(../images/ui/calculatorBackground.jpg) top left no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	}

/* -------------------------------------------------------------------------------------- */
/* ------------------------------------- FAQ -------------------------------------------- */
/* -------------------------------------------------------------------------------------- */
	
.faqContainer {
	width:900px;	
	margin-left:auto;
	margin-right:auto;
	margin-bottom:56px;
	padding:20px 20px 0px 20px;
	background:url(../images/ui/faqBackground.png) top left no-repeat #d6d6d6;
	}
.faqContainer h2{
	float:left;
	display:block;
	width:120px;
	height:63px;
	background:url(../images/ui/heading_faq.png) bottom right no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	padding-left:24px;
	padding-top:20px;
	margin-bottom:5px;
	}
.faqContainer .answerContainer {
	display:none;
	background:#fff;
	width:470px;
	height:100%;
	float:right;
	overflow:auto;
	padding:20px;
	}
.faqContainer p {
	line-height:1.5;
	font-size:14px;
	color:#000;
	margin-bottom:21px;
	margin-top:6px;
	}
.faqContainer ul li {
	line-height:1.5;
	font-size:14px;
	color:#000;
    padding-left:18px;
    padding-bottom:30px;
	background: url(../images/ui/liDot.png) 0px 6px no-repeat;
    }
	
.faqContainer a.question {
	display:block;
	float:left;
	clear:left;
	width:390px;
	font-size:24px;
	color:#ee3124;
	text-decoration:none;
	padding-top:11px;
	}
.faqContainer a  span.inner{
	display:block;
	padding-bottom:20px;
	padding-top:9px;
	padding-left:23px;
	}
.faqContainer a.active {
	background: url(../images/ui/faqQuestionActiveTop.png) top left no-repeat;
	}
.faqContainer a.active  span.inner{
	background: url(../images/ui/faqQuestionActiveBottom.png) bottom left no-repeat;
	}
.faqContainerFooter {
	height:18px;
	width:940px;
	clear:both;
	margin-top:2px;
	margin-left:-20px;
	background:url(../images/ui/faqBackgroundBottom.png) top left no-repeat #d6d6d6;
	}
	
/* -------------------------------------------------------------------------------------- */
/* ------------------------------------- FOOTER ----------------------------------------- */
/* -------------------------------------------------------------------------------------- */

.footerOuter {
	background:#d4d4d4 url(../images/ui/footerBackground.jpg) top repeat-x;
	}

.footerInner {
	width:900px;
	margin-left:auto;
	margin-right:auto;
	color:#333;
	font-size:14px;
	position:relative;
	min-height:735px;
	}
	
.footerInner h2{
	width:280px;
	height:56px;
	background:url(../images/ui/heading_contactus.png) bottom right no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	padding-top:33px;
	margin-bottom:58px;
	}

.footerInner p.phone {
	font-size:24px;
	color:#ee3124;
	display:block;
	height:42px;
	padding-left:65px;
	padding-top:12px;
	background:url(../images/ui/icon_phone.png) left no-repeat;
}

.footerInner .email {
	font-size:24px;
	color:#ee3124;
	display:block;
	height:40px;
	padding-left:65px;
	padding-top:14px;
	background:url(../images/ui/icon_mail.png) left no-repeat;
	margin-top:28px;
	}
.footerInner .email a{
	text-decoration:none;
	color:#ee3124;
	}	

.footerInner fieldset {
	float:right;
	width:460px;
	margin-right:30px;
	margin-top:10px;
	}
	
.footerInner fieldset legend{
	font-size:24px;
	color:#ee3124;
	margin:0px;
	padding:0px;
	margin-bottom:15px;
	}

.footerInner fieldset label {
	float:left;
	clear:left;
	margin-bottom:16px;
	}
	
.footerInner fieldset label span.inner{
	display:block;
	float:left;
	color: #666;
	font-size:24px;
	width:80px;
	}
	
.footerInner fieldset label input {
	background:#fff;
	border: 1px solid #999;
	height:16px;
	width:372px;
	padding:3px;
	}

.footerInner fieldset label textarea {
	background:#fff;
	border: 1px solid #999;
	height:83px;
	width:372px;
	padding:3px;
	}
	
.footerInner fieldset label select {
	background:#fff;
	border: 1px solid #999;
	width:380px;
	padding:2px;
	}

.footerInner fieldset label span.radio input {
	width:13px;
	height:13px;
	margin-top:8px;
	margin-bottom:2px;
	background:none;
	border:none;
	}
.footerInner .submit {
	float:left;
	clear:left;
	padding-left:80px;
	padding-top:24px;
	}
.footerInner .submit a {	
	display:block;
	width:102px;
	height:63px;
	text-indent:-9999px;
	background:url(../images/ui/buttonSubmit.png) top left no-repeat;
	}
.footerInner .submit a:hover {	
	background-position:0px -63px;
	}
	
.footerInner .bka 
{
	color:#999;
	font-size:9px;
	position:absolute;
	left:488px;
	bottom:10px;
}
.footerInner .bka a {
	text-decoration:none;
	color:#999;
	}
.footerInner .bka a:hover {
	text-decoration:underline;
	}
	

.footerInner .footerNav	{
	position:absolute;
	bottom:0px;
	left:0px;
	}

.footerInner .footerNav li {
	float:left;
	}
	
.footerInner .footerNav li a{
	display:block;
	padding-left:11px;
	height:34px;
	color:#d5d5d5;
	font-size:18px;
	text-decoration:none;
	margin-right:6px;
	background:url(../images/ui/backgroundFooterTabLeft.png) top left no-repeat;
	}
.footerInner .footerNav	li a:hover {
	background:url(../images/ui/backgroundFooterTabLeftHover.png) top left no-repeat;
	}
.footerInner .footerNav li a span.inner{
	display:block;
	padding-right:11px;
	padding-top:8px;
	height:26px;
	background:url(../images/ui/backgroundFooterTabRight.png) top right no-repeat;
	}
.footerInner .footerNav li a:hover span.inner{
	background:url(../images/ui/backgroundFooterTabRightHover.png) top right no-repeat;
	}
.footerInner fieldset {
	^width:468px;
	}
.footerInner fieldset label {
	^padding-left:8px;
	}
.footerInner fieldset label input, .footerInner fieldset label textarea {
	^width:370px;
	}
.footerInner .submit {
	^padding-left:88px;
	}

/* -------------------------------------------------------------------------------------- */
/* ------------------------------------- Lightbox --------------------------------------- */
/* -------------------------------------------------------------------------------------- */

	
#lightboxOverlay {
	z-index:10;
	position:fixed;
	height:100%;
	width:100%;
	background:url(../images/ui/lightboxMask.png);
	top:0px;
	left:0px;
	}
#lightboxContentWrap {
	z-index:11;
	position:absolute;
	width:100%;
	}
#lightboxContent {
	margin-left:auto;
	margin-right:auto;
	width:760px;
	padding-left:20px;
	padding-right:20px;
	padding-top:18px;
	position:relative;
	}
#lightboxContent a.close {
	position:absolute;
	top:0px;
	right:0px;
	display:block;
	background:url(../images/ui/lightboxClose.png);
	width:49px;
	height:48px;
	z-index:20;
	text-indent:-9999px;
	}
#lightboxContent a.close:hover {
	background-position: 0px -48px;
	}

/* -------------------------------------------------------------------------------------- */
/* ----------------------------------- Calculator --------------------------------------- */
/* -------------------------------------------------------------------------------------- */
#calculatorContent h2 {
	display:block;
	width:760px;
	height:106px;
	text-indent:-9999px;
	background:url(../images/ui/heading_calculator.png);
	}

#calculatorContent fieldset {
	width:758px;
	border-left:1px solid #9a9a9a;
	border-right:1px solid #9a9a9a;
	border-bottom:1px solid #9a9a9a;
	background:#e8e8e8;
	}
	
#calculatorContent label {
	display:block;
	width:732px;
	color:#666;
	font-size:24px;
	padding:17px 0px 17px 26px;
	border-top:1px solid #fff;
	clear:both;
	position:relative;
	}
	
#calculatorContent  input {
	position:absolute;
	right:26px;
	top:19px;
	background:#fff;
	border: 1px solid #999;
	height:16px;
	width:71px;
	padding:3px;
	}
#calculatorContent p.calculate {
	display:block;
	float:none;
	width:760px;
	height:119px;
	background:url(../images/ui/calculatorFooter.png) bottom left no-repeat;
	}
#calculatorContent p.calculate a{
	display:block;
	width:126px;
	height:64px;
	text-indent:-9999px;
	background:url(../images/ui/calculateButton.png) top left no-repeat;
	float:right;
	margin-right:30px;
	margin-top:31px;
	}
#calculatorContent .calculate a:hover{
	background-position:0px -64px;
	}

#calculatorContent .results {
	width:758px;
	border-left:1px solid #9a9a9a;
	border-right:1px solid #9a9a9a;
	background:#f2f2f2;
	}
	
#calculatorContent h3 {
	display:inline-block;
	color:#ee3124;
	font-size:24px;
	margin-left:26px;
	padding-top:22px;
	padding-bottom:17px;
	}
#calculatorContent p.calc{
	float:right;
	color:#666;
	font-size:24px;
	margin-top:22px;
	margin-right:32px;
	}
#calculatorContent p.fact {
	display:block;
	width:584px;
	float:none;
	color:#000;
	font-size:14px;
	padding-left:26px;
	border-top:1px solid #fff;
	padding-top:15px;
	padding-bottom:4px;
	}
#calculatorContent .annualValue {
	border-top:1px solid #999;
	}	

#calculatorContent .totalLoss {
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	background:#ee3124;
	}
#calculatorContent .totalLoss h3, #calculatorContent .totalLoss p{
	color:#fff;
	}

/* -------------------------------------------------------------------------------------- */
/* ------------------------------- Calculator Errors ------------------------------------ */
/* -------------------------------------------------------------------------------------- */

#calculatorContent .errorMessage {
   	width:732px;
	border-left:1px solid #9a9a9a;
	border-right:1px solid #9a9a9a;
	background:#e8e8e8;
	padding-top:22px;
	padding-left:26px;
	text-transform:uppercase;
	font-weight:bold;
	color:#ee3124;
	line-height:1.3;
    }
#calculatorContent .errorMessage li {
    font-size:14px;
    padding-bottom:15px;    
}
#calculatorContent .errorMessage input.error {
    border:1px solid #ee3124;
}
    
/* -------------------------------------------------------------------------------------- */
/* -------------------------------- Contact Errors -------------------------------------- */
/* -------------------------------------------------------------------------------------- */

.footerInner .errorMessage {
	text-transform:uppercase;
	font-weight:bold;
	color:#ee3124;
	line-height:1.3;
	clear:left;
    }

.footerInner input.error {
    border:1px solid #ee3124;
    }

.contactResponse {
	float:right;
	width:460px;
    }
.contactResponse h2 {
    display:inline;
    background:none;
    text-indent:0px;
    margin-bottom:20px;
	font-size:24px;
	color:#ee3124;
	display:block;
	height:42px;
	padding-top:12px;
	text-transform:uppercase;
}