@charset "utf-8";
/* CSS Document */

/* Resets */
html, body, h1, h2, h3, h4, h5, h6, p, ul, li{ margin:0; padding:0;}
a{ text-decoration:none; outline:none; margin:0; padding:0; color:#4a4a4a;}
img{ border:none; margin:0; padding:0;} 

/* Main Layout */
html{ background-image:url(../_img/bg-html.jpg); background-repeat:no-repeat; background-color:#dcdcdc; font-family:Arial, Helvetica, sans-serif; font-size:14px; }
body{ padding:0; margin:0;}
#container{ background-image:url(../_img/bg-body.png); background-repeat:repeat-y; width:952px; padding:0 46px;  position:relative; margin:0 auto; }
#container .logo{ margin:20px 0 0 0; width:286px; float:left;}
.clear{ clear:both;}
.bg-bottom{ background-image:url(../_img/bg-bottom.jpg); width:1048px; height:31px; margin:0 auto;}

/* Buttons */
a.claim-btn{ background-image:url(../_img/claim-btn.jpg); width:149px; height:45px; float:left;}
a span{ display:none;}

/* Navigation */
.navigation{ margin:15px 0 10px 0; float:right; font-family:Verdana, Geneva, sans-serif;  }
.navigation ul{ list-style:none; height:auto;}
.navigation ul li{ height:14px; float:left;}
.navigation ul li a{ color:#4a4a4a; font-size:14px; border-bottom:solid 4px #ededed; padding:0 9px 4px 9px;}
.navigation ul li a:hover{ border-bottom:solid 4px #c5c5c5;}
.navigation ul li a.selected{ border-bottom:solid 4px #fcb116;color:#fcb116;}
.navigation ul li a.selected:hover{ border-bottom:solid 4px #fcb116;}

.contact{ float:right; margin:50px 0 0 0; text-align:right; width:300px;}
.contact a.claim-head{ float:right; background:url(../_img/claim-head.jpg); width:124px; height:38px;}
.contact a.win-head{ float:right; background:url(../_img/win-head.jpg); width:166px; height:38px; margin:0 0 0 5px;}
.contact a:hover{ background-position:bottom;}
.contact h3{ background:url(../_img/phone-head.jpg) no-repeat left; padding:8px 0 8px 46px; font-size:20px; float:right; margin:0 0 6px 0;}

/* Home page feature box */
#feature-box{ background-image:url(../_img/feature-box.jpg); width:952px; height:273px; margin:20px 0 0 0;}
#feature-box .feature-text{ float:right; font-family:Verdana, Geneva, sans-serif; margin:0 24px 0 0; text-align:right;}
#feature-box .feature-text h1{ font-size:33px; color:#962924; font-weight:bold; margin:14px 0 0 0;}
#feature-box .feature-text h2{ font-size:21px; color:#151515; font-weight:bold; margin:4px 0 4px 0;}
#feature-box .feature-text h3{ font-size:21px; color:#494949; font-weight:bold; margin:7px 0 0 0;}

/* Home page column headers */
#column-headers{ width:914px; height:77px; margin:-56px 19px 0 19px; font-family:Verdana, Geneva, sans-serif; }
#column-headers h2{ font-size:20px; font-weight:100; color:#FFF; margin:14px 0 0 18px;}
#column-headers h1{ font-size:20px; font-weight:100; color:#FFF; margin:14px 0 0 18px;}
.welcome-header{ background-image:url(../_img/header-yellow.jpg); width:292px; height:77px; float:left; }
#column-headers .claim-header{ background-image:url(../_img/header-red.jpg); width:292px; height:77px; float:left; margin:0 0 0 19px;}
#column-headers .banks-header{ background-image:url(../_img/header-blue.jpg); width:292px; height:77px; float:left; margin:0 0 0 19px;}

/* Home page column text */
#column-text{ background-image:url(../_img/bg-columns.png); background-repeat:repeat-x; background-position:bottom; background-color:#e5e5e5; width:914px; margin:-21px 19px 0 19px; color:#4a4a4a; padding:21px 0;}
#column-text .welcome-text{ width:292px; float:left; }
#column-text .claim-text{ width:292px; float:left; margin:0 0 0 19px;}
#column-text .banks-text{ width:292px; float:left; margin:0 0 0 19px;}
#column-text p{ margin:8px 10px 25px 18px;}
#column-text img.banks-logos{ margin:-5px 0 0 5px; }
#column-text .left-area{ width:603px; float:left;}
#column-text .green-header{ width:292px; height:77px; background:url(../_img/green-header.jpg) left; background-repeat:no-repeat; margin:0px 0 0 0; padding:1px 0 0 0;}
#column-text .grey-header{ width:603px; height:77px; background:url(../_img/header-grey.jpg) left; background-repeat:no-repeat; margin:0px 0 0 0;}
#column-text .grey-header h2{ font-size:20px; font-weight:100; color:#FFF; margin:14px 0 0 18px; float:left;}
#column-text .right-area{ width:292px; float:right;}
#column-text .green-header h2{ font-size:20px; font-weight:100; color:#FFF; margin:14px 0 0 18px;}

/*Content page general styles */
#feature-box-small{ background-image:url(../_img/feature-box-small.jpg); width:952px; height:124px; margin:20px 0 0 0; }
#column-headers .content-header{ background-image:url(../_img/header-blue.jpg); width:292px; height:77px; margin:0; float:left;}
#content-area{  background-image:url(../_img/bg-columns.png); background-repeat:repeat-x; background-position:bottom; background-color:#e5e5e5; width:914px; margin:-21px 19px 0 19px; padding:21px 0 40px 0; color:#4a4a4a;}
#content-area p{ margin:20px 18px 0 18px;}
#content-area ul{ list-style:none; margin:20px 10px 0 18px; }
#content-area ul li{ background-image:url(../_img/bullet-icon.jpg); background-repeat:no-repeat; background-position:0 2px; padding-left:30px; margin:7px 0 0 0;}
#content-area ol{ margin:20px 10px 0 18px; }
#content-area ol li{ margin:7px 0 0 0;}
#content-area ul.spaced li{ margin:20px 0 0 0;}
#content-area p span{ font-size:11px; }
#content-area form{ margin:20px 10px 25px 18px; }


#content-area form label{ width:240px; float:left;}
#content-area form input[type="text"], #content-area form textarea{ float:left; width:240px; margin:0 0 5px 0; }
#content-area form input.radio{ width:10px; margin:0 0 15px 0;}
#content-area form input.btn{ width:73px; height:27px;}

#content-area form .left{ width:230px; float:left;}
#content-area form .right{ width:260px; float:left;}
#content-area form .left label{ width:145px}
#content-area form .right label{ width:240px}

#content-area form.contact{ width:484px;}
#content-area form.contact input[type="submit"]{ float:right;}

form.call-back{ margin:5px 15px 0 19px; }
form.call-back label{ font-size:11px; width:80px; float:left;}
form.call-back input[type="text"]{ margin:0 0 5px 0; float:right; width:163px;}
form.call-back select{ margin:0 0 5px 0; float:right;}
form.call-back input[type="submit"]{ margin:0 0 5px 0; float:right; }

/*FAQ's styles */
#content-area h4.question{ font-weight:bold; color:#962924; font-size:14px; margin:20px 18px 0 18px; float:left;}
#content-area p.answer{ color:#4a4a4a; font-size:14px; margin:5px 18px 18px 18px; }
#content-area p a{ text-decoration:underline;}

/*Claim guide styles */
#content-area .step{ width:252px; float:left;}
#content-area .step img{ width:93px; height:93px; margin:0 79px;}
#content-area .step p{ margin:20px 0;}
#content-area .step1{ margin:45px 0 0 36px;}
#content-area .step2{ margin:45px 52px 0 52px;}
#content-area .step3{ float:right; margin:45px 18px 0 0;}

/* Home page claim calculator */
#column-text .banks-text form{ margin:8px 10px 0px 18px;}
#column-text .banks-text p{margin:8px 10px 10px 18px;}
#column-text .banks-text form label{ font-size:11px; width:100px; float:left;}
#column-text .banks-text form radio{ width:92px; float:left;}
#column-text .banks-text form input.checkbox{ width:10px;}
#column-text .banks-text form label.checkbox{ width:230px; margin:0 5px 0 0;}


/* Footer */
#footer{ font-size:12px; color:#474747; width:914px; height:21px; padding:0 19px 0 19px; float:left; margin:5px 0 0 0; }
#footer .copyright{ float:left;}
#footer .copyright ul{ list-style:none;}
#footer .copyright ul li{ border-right:solid 2px #7b2e2a; padding:3px 10px 3px 0; float:left; margin-right:10px;}
#footer .copyright ul li.last{ border:none;}
#footer a{ color:#474747;}
#footer a:hover{border-bottom:solid 4px #c5c5c5; padding-bottom:4px; }
#footer .footer-nav{ float:right;}
#footer .footer-nav a{ padding-top:3px; }

#content-area table{ border:solid 1px #f4f4f4;}
#content-area table tr td, #content-area table tr th{ border-bottom:solid 1px #f4f4f4;  border-right:solid 1px #f4f4f4;}