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

/* reset */
* { margin:0; padding:0; }

/* @group Typography */
body { color:#414042; font-family:'Arial','Helvetica',sans-serif; line-height:1.4; }
p, li { font-size:10pt; }
p { margin:0 0 5px 0; line-height:18px; }

/* General */
#wrapper { width:100%; }
.inside { clear:both; height:100%; margin:0 auto; position:relative; width:940px; font-family: Arial, Helvetica, sans-serif; }
.inside2 { height:100%; margin: 0 0 0 15px; width:910px; }
#inside-image { clear:both; height:100%; margin:0 auto; position:relative; width:940px; font-family: Arial, Helvetica, sans-serif; background-image:url(../images/ppi-banner-home.jpg); background-repeat:no-repeat }
#inside-image .left-side { float:left; width:640px; height:405px }
#inside-image .right-side { float:right; width:270px; margin-right:15px }
#inside-image .textpanel { float:left; width:270px; margin:80px 0 0 15px }
#inside-image p { font-size:11pt; line-height:20px; margin-bottom:8px; color:#414042}
#inside-image .header1 { font-size:19pt; line-height:30px; font-weight:bold; margin-bottom:10px; color:#FFF}
#inside-image .header2 { font-size:13pt; line-height:22px; font-weight:bold; margin-bottom:8px; color:#414042}

/* Header */
#Header { background:#fff url('../images/header_repeat.gif') repeat-x left top; height:140px; }
#Header #Logo { position:absolute; top:66px; left:15px; }
#Header #Logo a img { border:none; }

/* Main Navigation */
#Navigation { position:absolute; top:82px; right:15px; }
#Navigation li { float:left; display:block; margin:0 0 0 20px; font-size:12pt; }
#Navigation li a { color:#79777a; display:block; padding:5px 0; text-decoration:none; }
#Navigation li a.current { color:#009036; border-bottom:3px solid #ebebeb; }
#Navigation li a:hover { color:#009036; }

/* Banner */
#Banner { background: url('../images/banner_repeat.gif') repeat-x left top; height:405px; }

#Banner .left-form { float:left; width:640px; height:405px }
#Banner .right-form { float:right; width:270px; margin-right:15px }


#Thankyou { float:left; width:640px; height:405px; margin:0 0 0 15px }
#Thankyou h2 { font-size:18pt; line-height:22px; margin-bottom:8px; color:#ffffff}
#Thankyou h3 { font-size:13pt; line-height:22px; margin-bottom:2px; color:#414042}
#Thankyou p { font-size:10pt; line-height:18px; margin-bottom:4px; color:#414042}


/* Content */
#Content {
	position:relative;
	margin:50px 0 0 0;
	overflow:hidden;
	font-family: Arial, Helvetica, sans-serif;
}
#Content .block { float:left; border-right:1px solid #dfdfdf; width:268px; margin-right:20px; padding-right:20px; }

#Content .block2colleft { float:left; border-right:1px solid #dfdfdf; width:465px; margin-right:20px; padding-right:20px; }
#Content .block2colright { float:left; width:400px }
#Content .block-calc-2col { float:left; border-right:1px solid #dfdfdf; width:580px; padding-right:20px; }
#Content .block-calc-right { float:right; border:1px solid #414042; width:268px; background-color: #f1f1f1; }
#Content .calc-button { float:left; width:268px; height:32px }
#Content .block-calc-right-inner { float:left; width:248px; margin:5px 0 5px 10px }
#Content .calc-smallprint { font-size: 10px; line-height:12px }
#Content .block-home-mid { float:left; border-right:1px solid #dfdfdf; width:290px; padding-right:20px; }
#Content .block-full-width { float:left; width:910px; }
#Content .block-wide { float:left; border-right:1px solid #dfdfdf; width:700px; margin-right:20px; padding-right:20px; }
#Content .block-2col { float:right; width:600px; }
#Content .block-2col-inner { float:right; width:600px; margin-bottom:20px }
#Content .block-end-2col { float:left; border-right:none; width:600px }
#Content .block-end { float:left; border-right:none; width:268px; margin-right:0; padding-right:20px; }
#Content h1 { font-size:18pt; line-height:22px; margin-bottom:5px; color:#414042}
#Content h2 { font-size:14pt; line-height:22px; margin-bottom:8px; color:#009036}
#Content h3 { font-size:13pt; line-height:22px; margin-bottom:2px; color:#414042}
#Content .h3-thankyou { font-size:13pt; line-height:22px; margin-bottom:10px; color:#414042}
#Content h4 { font-size:12pt; line-height:22px; margin-bottom:2px; color:#414042}
#Content h5 { font-size:12pt; line-height:22px; margin-bottom:10px; margin-top:20px; color:#009036}
#Content p { font-size:10pt; line-height:18px; margin-bottom:8px; color:#414042}
#Content .p-bold-green { font-size:10pt; line-height:18px; font-weight:bold; margin-bottom:8px; color:#009036}
#Content .p-bold-grey { font-size:10pt; line-height:18px; font-weight:bold; margin-bottom:8px; color:#414042}
#Content .p-bold-green-bigger { font-size:11pt; line-height:19px; font-weight:bold; margin-bottom:8px; color:#009036}
#Content .p-bold-grey-bigger { font-size:11pt; line-height:19px; font-weight:bold; margin-bottom:8px; color:#414042; text-decoration:underline}
#Content a { color:#414042; }
#Content a:hover { color:#009036; }
#Content .bullets{ list-style-position: outside; list-style-image: url(../images/bullet.gif); margin-left:0; padding-left:17px; margin-bottom:12px; margin-top:0px }
#Content .bullets2{ list-style-position: inside; list-style-image: url(../images/bullet.gif); margin-bottom:4px; margin-top:0px }

#Content .index-header-green { font-size:14pt; line-height:22px; font-weight:bold; margin-bottom:8px; color:#009036}
#Content .index-header-grey { font-size:14pt; line-height:22px; font-weight:bold; margin-bottom:8px; color:#414042}


.CalcResults { font-size:38pt; line-height:22px; margin:170px 0 0 17px; color:#414042}


#Content .how-to-pull-out {	width:576px; margin: 10px 0 10px 0; border: 2px solid #009036; padding:10px 10px 6px 10px; }
#Content .how-to-top-foot { width:600px; }
#Content .how-to-footer { width:600px; margin-top:15px }

#Content .large-text { font-size:13pt; font-weight:bold; line-height:22px; margin-bottom:2px; color:#414042}
#Content .large-text-green { font-size:13pt; font-weight:bold; line-height:22px; margin-bottom:2px; color:#009036}

#Content .right-form { float:right; width:270px }

#Content a.h2link:link { color: #009036; text-decoration: none; }
#Content a.h2link:visited { color: #009036; text-decoration: none; }
#Content a.h2link:hover { color: #009036; text-decoration: none; }
#Content a.h2link:active { color: #009036; text-decoration: none; }

/* Footer */
#Footer { background:#262728 url('../images/footer_repeat.gif') repeat-x left top; color:#878787; padding-top:90px; padding-bottom:50px; overflow:hidden; border-style:none; }
#Footer .block { float:left; border-right:1px solid #dfdfdf; margin-right:15px; width:210px; border-style:none; }
#Footer .block-links { float:left; border-right:1px solid #dfdfdf; margin-right:15px; width:180px; border-style:none; }
#Footer .block-end { float:left; border-right:none; margin-right:0; width:210px; border-style:none; }
#Footer .block-end2 { float:left; border-right:none; margin-right:0; width:480px; border-style:none; }
#Footer h4 { color:#009036; font:normal 12pt Helvetica, Arial, sans-serif; margin-bottom:6px }
#Footer a { color:#878787; }
#Footer a:hover { color:white; }
#Footer p { font-size:9pt; line-height:17px; margin-bottom:8px; color:#878787}
#Footer .listedlinks { font-size:9pt; line-height:17px; margin-bottom:2px; color:#878787}
#Footer .smallprint { font-size:8pt; line-height:13px; margin-bottom:5px; color:#878787}
#Footer .logo { margin-bottom:10px }

/* Carousel Component */
.stepcarousel{ position: relative; border: 0px solid black; overflow: scroll; width: 655px; height: 405px }
.stepcarousel .belt{ position: absolute; left: 0; top: 0; }
.stepcarousel .panel{ float: left; overflow: hidden; margin: 0; width: 655px; height: 405px; }
/* Carousel */
.carousel-character { float:right; height:405px; margin: 0 0 0 0; width:370px }
.carousel-text { float:left; margin: 95px 0 0 15px; width:250px }
#mygallery-paginate { margin: 5px 0 5px 15px; text-align:left }
#mygallery h1 { font-size:19pt; line-height:30px; margin-bottom:10px; color:#FFF}
#mygallery h2 { font-size:13pt; line-height:22px; margin-bottom:8px; color:#414042}
#mygallery p { font-size:11pt; line-height:20px; margin-bottom:8px; color:#414042}

#mygallery .header1 { font-size:19pt; line-height:30px; font-weight:bold; margin-bottom:10px; color:#FFF}
#mygallery .header2 { font-size:13pt; line-height:22px; font-weight:bold; margin-bottom:8px; color:#414042}

/* TRex */
#trex-link a { float:left; position:relative; height:18px; width: 100px; text-indent:-1500px; margin: 12px 0 5px 0; display:inline-block; overflow:hidden; background-image: url(../images/trexdesign.gif); background-position: 0 0; background-repeat: no-repeat; }
#trex-link a:hover { background-image: url(../images/trexdesign.gif); background-position: 0 -18px; background-repeat: no-repeat; }

/* IR-Login */
#IR-Login a { float:left; position:absolute; top:25px; left:865px; height:16px; width:60px; display:inline-block; overflow:hidden; background-image: url(../images/ir-login-button.gif); background-position: 0 0; background-repeat: no-repeat; }
#IR-Login a:hover { background-image: url(../images/ir-login-button.gif); background-position: 0 -16px; background-repeat: no-repeat; }

/* Links */
a.link:link { color: #009036; text-decoration: underline; }
a.link:visited { color: #009036; text-decoration: underline; }
a.link:hover { color: #ffffff; background-color:#009036; text-decoration: none; }
a.link:active { color: #009036; text-decoration: underline; }

/* FAQs */
#faq-header { float:left; border-bottom:1px solid #dfdfdf; width:910px; margin-bottom:20px }
#faq-questions { float:left; width:610px }
.faq-block { float:left; margin-bottom:10px; width:610px; border-bottom: 1px solid #dfdfdf }

/* News */
#Calculator { float:right; width:270px; margin-bottom:20px }
#News-home { float:right; width:270px; }
#News-home .feature { float:left; border-bottom:1px solid #dfdfdf; width:268px; margin-bottom:10px}
#News-home h2 { font-size:14pt; line-height:22px; margin-bottom:8px; color:#414042}
#News-home h3 { font-size:12pt; line-height:22px; margin-bottom:8px; color:#009036}
#News-home .news-list-smallprint { font-size:8pt; line-height:12px; margin-bottom:12px; color:#414042}
#News-home a.news-list-link:link {color: #009036; text-decoration: none;}
#News-home a.news-list-link:visited {color: #009036; text-decoration: none;}
#News-home a.news-list-link:hover {color: #414042; text-decoration: underline;}
#News-home a.news-list-link:active {color: #009036; text-decoration: none;}

#News-header { float:left; border-bottom:1px solid #dfdfdf; width:910px; margin-bottom:20px }

#News-article { float:left; border-right:1px solid #dfdfdf; width:560px; padding:0 20px 10px 0; margin-right:20px}
#News-article h3 { font-size:12pt; line-height:22px; margin-bottom:8px; color:#009036}
#News-article .news-list-smallprint { font-size:8pt; line-height:12px; margin-bottom:12px; color:#414042}
#News-article .feature { float:left; border-bottom:1px solid #dfdfdf; width:560px; margin-bottom:10px}

#News-list-scroller { float:right; width:270px; height:600px; overflow: auto; }
#News-list-scroller .news-scroller-list-header-green { font-size:12pt; line-height:16px; margin:0 0 6px 0; color:#009036}
#News-list-scroller .news-list-smallprint2 { font-size:8pt; line-height:12px; margin:0 0 6px 0; color:#414042}
#News-list-scroller .feature { float:left; border-bottom:1px solid #dfdfdf; width:248px; margin-bottom:10px}
#News-list-scroller a.news-list-link:link {color: #009036; text-decoration: none;}
#News-list-scroller a.news-list-link:visited {color: #009036; text-decoration: none;}
#News-list-scroller a.news-list-link:hover {color: #414042; text-decoration: underline;}
#News-list-scroller a.news-list-link:active {color: #009036; text-decoration: none;}

/* Form */
#Form { float:right; border:1px solid #414042; width:268px; margin-right:0; background-color: #f1f1f1; }
#Form2 { float:right; border:1px solid #414042; width:268px; margin: 70px 0 0 0; background-color: #f1f1f1; }
#Form-header { float:left; width:268px; height:63px }
#Form-button { float:left; width:268px; height:32px }
#Form-button3 { float:left; width:202px; height:41px; margin:0 0 10px 10px }
#Form-inner { float:left; width:248px; margin:5px 0 5px 10px }
#Form-inner .form-text-smallprint2 { font-size: 9px; line-height:10px; margin: 5px 0 0 0 }

#Form2div { float:right; border:1px solid #414042; width:268px; margin-right:0; background-color: #f1f1f1; }
#Form-header2 { float:left; width:268px; height:34px }
#Form-button2 { float:left; width:268px; height:28px }
#Form-inner2 { float:left; width:248px; margin:5px 0 5px 10px }
#Form-inner3 { float:left; width:248px; margin:5px 0 5px 10px }
#Form-inner3 .form-text-smallprint2 { font-size: 9px; line-height:10px; margin: 4px 0 4px 0 }
#Form-shad2 { float:right; width:268px; height:10px }

#Form3 { float:right; width:270px; margin: 155px 0 0 0; }
#Form3 .form-textbox { border: 1px solid #009036; color: #414042; height:20px}
#Form3 .form-text-red { color: #cc0000 }
#Form3 .form-text-smallprint { font-size: 10px; line-height:12px; color:#ffffff; }
#Form3 .form-home { font-size:10pt; color:#414042; }
#Form3 .form-main { font-size:9pt; line-height:13px; color:#ffffff; }
#Form3 .form-inner { float:left; width:240px; margin:5px 0 5px 15px }
#Form3 .form-text-smallprint { font-size: 9px; line-height:10px; margin: 5px 0 0 5px; color:#CCC }
#Form3 .button-holder { float:left; width:240px; height:41px; margin:5px 0 10px 15px }







#Form-button a {
	height:42px;
	width: 240px;
	background-repeat: no-repeat;
	display:block;
	overflow:hidden;
	background-image: url(../images/button-claim-now.gif);
	background-position: 0 0;
	margin:5px 0 10px 15px;
}

#Form-button a:hover {
	background-image: url(../images/button-claim-now.gif);
	background-position: 0 -42px;
	background-repeat: no-repeat;
}




.form-textbox { border: 1px solid #009036; color: #414042; height:20px}
.form-text-red { color: #cc0000 }
.form-text-smallprint { font-size: 10px; line-height:12px }
.form-home { font-size:10pt; color:#414042; }
.form-main { font-size:9pt; line-height:13px; color:#414042; }

/* Table */
#Content .table-text { font-size:10pt; margin:3px 5px; color:#414042}
#Content .table-text-headers { font-size:10pt; line-height:16px; margin:5px; font-weight:bold; color:#ffffff}
#Content .table-bold-green { font-size:10pt; margin:3px 5px; font-weight:bold; color:#009036}