/* CSS Document */

/***** Global Settings *****/
 
html, body {
border:0;
margin:0;
padding:0;
}

body {
	font-family: arial, verdana, tahoma;
	font-size: 12px;
	color: #323232;
	background-color: #0a84c1;
	margin: 0;
	}

a:link, a:visited {
	color: #0a84c1;
	text-decoration: underline;
	font-weight: bold;
	}

a:hover, a:active {
	text-decoration: none;
	}
	
/***** Common Formatting *****/
 
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-weight:normal; }
img { border:0; }
p { margin: 0; padding: 0; line-height: 18px; }

/***** Forms *****/
 
form {
margin:0;
padding:0;
display:inline;
}
 
input, select, textarea {
font:1em arial, helvetica, sans-serif;
}
 
textarea {
line-height:1.25;
}
 
label {
cursor:pointer;
}
 
/***** Tables *****/
 
table { 
border:0;
margin:0 0 18px 0;
padding:0;
}
 
table tr td { padding:2px; }
 
/***** Global Classes *****/

a span, h1 span, h2 span, h3 span { display: none; }
.clear 			{ clear: both; font-size: 1px; }
.clear-5 		{ clear: both; font-size: 1px; height: 5px; }
.clear-10		{ clear: both; font-size: 1px; height: 10px; }
.clear-15 		{ clear: both; font-size: 1px; height: 15px; }
.clear-20 		{ clear: both; font-size: 1px; height: 20px; }	
.clear-left 	{ clear: left; font-size: 1px; }
.clear-right 	{ clear: right; font-size: 1px; }

.pmargin-5 p { margin: 0 0 5px 0; }
.pmargin-10 p { margin: 0 0 10px 0; }
.pmargin-15 p { margin: 0 0 15px 0; }
.pmargin-20 p { margin: 0 0 20px 0; }

.no 			{ margin: 0 !important; padding: 0 !important; }
.no-right 		{ margin-right: 0 !important; }
.bottom 		{ margin-bottom: 20px !important; }
 
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
.blue			{ color: #4B85C4; }
.yellow        { color: #EFECA0; }
 
.img-left      { float:left; margin:0 10px 4px 0; }
.img-right     { float:right; margin:0 0 4px 10px; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }
.bottom        { margin-bottom: 20px !important; }

ul.check {
	list-style: none;
	margin: 0;
	padding: 0;
	}

ul.check li {
	background: url(/images/icons/check.gif) no-repeat 0 1px;
	margin: 0 0 12px 0;
	padding: 0 0 0 23px;
	}

hr.hr-blue {
	background: #d7e8f0;
	border: 0;
	color: #d7e8f0;
	height: 1px;
	margin: 10px 0;
}

a#contact-top {
	display: block;
	position: absolute;
	top: 0px;
	right: 5px;
	width: 146px;
	height: 43px;
	background: url(/images/buttons/contactus.gif) no-repeat 0% 0%;
	}

a#contact-top:hover { background-position: 100% 100%; }

/***** Main Layout Containers *****/

#centre {
	margin: 0 auto;
	text-align: center;
	width: 986px;
	}

#master {
	float: left;
	text-align: left;
	width: 761px;
	}

#shatner {
	float: right;
	position: relative;
	width: 225px;
	height: 579px;
	margin-top: 125px;
	background: url(/images/shatner.jpg) no-repeat;
	}

#shatner a {
	width: 147px;
	height: 44px;
	background: url(/images/buttons/download.gif) no-repeat 0% 0%;
	display: block;
	position: absolute;
	top: 60px;
	left: 80px;
	}

#shatner a:hover { background-position: 100% 100%; }

#body-content {
	width: 761px;
	float: left;
	}

#body-content div.main-top { background: url(/images/rounded/main-top.gif) no-repeat; width: 761px; height: 33px; }
#body-content div.main-bot { background: url(/images/rounded/main-bot.gif) no-repeat; width: 761px; height: 33px; clear: both; }

#body-content div.outer {
	width: 739px;
	background-color: #60afd7;
	padding: 0 11px;
	float: left;
	}

#body-content div.outer div.main-content {
	width: 691px;
	background-color: #fff;
	border-left: 12px solid #c9e4f2;
	border-right: 12px solid #c9e4f2;
	padding: 5px 12px;
	float: left;
	position: relative;
	}

/***** Main Site Elements *****/

a#ppn-logo {
	display: block;
	width: 224px;
	height: 60px;
	background: url(/images/logo.gif) no-repeat;
	float: left;
	}

#login-box {
	float: right;
	position: relative;
	width: 500px;
	height: 36px;
	background: url(/images/rounded/login-bot.gif) no-repeat bottom #3298cb;
	color: #fff;
	font-size: 11px;
	padding: 10px 0 0 10px;
	}
#login-box .lft {
	float: left;
	}
#login-box .mt {
	margin-top:3px;
	}
#login-box-submit{
	float:right;
	margin-top:1px;
	}

#login-box input {
	width: 115px;
	}



/* Titles */

h1.page-title {
	height: 32px;
	margin: 0 0 5px 0;
	}

h2.sub-title {
	font-size: 14px;
	font-weight: bold;
	color: #0a84c1;
	}

h1#welcome { background: url(/images/titles/welcome.gif) no-repeat; width: 626px; }
h1#program { background: url(/images/titles/program.gif) no-repeat; width: 238px; }
h1#compensation { background: url(/images/titles/compensation.gif) no-repeat; width: 238px; }
h1#contact { background: url(/images/titles/contact.gif) no-repeat; width: 238px; }
h1#faq { background: url(/images/titles/faq.gif) no-repeat; width: 401px; }

/* Partner Titles */

h1#msnbc	{ background: url(/images/titles/partners/msnbc.gif) no-repeat; width: 360px; }

/* Buttons */

a.learnmore-big { 
	display: block;
	width: 146px;
	height: 43px;
	background: url(/images/buttons/learnmore-big.gif) no-repeat 0% 0%;
	}

a.contactus-big { 
	display: block;
	width: 146px;
	height: 43px;
	background: url(/images/buttons/contactus-big.gif) no-repeat 0% 0%;
	}

a.learnmore-big:hover, a.contactus-big:hover { background-position: 100% 100%; }



/***** Main Nav *****/

ul#nav {
	width: 496px;
	height: 34px;
	list-style: none;
	margin: 30px 0 0 0;
	padding: 0 4px 0 0;
	float: right;
	}

ul#nav li {
	padding: 0;
	margin: 0 5px 0 0;
	display: inline;
	float: left;
	width: 117px;
	height: 34px;
	}

ul#nav li a {
	display: block;
	width: 117px;
	height: 34px;
	}

ul#nav li a#home { background: url(/images/nav/home.gif) no-repeat 50% 50%; }
ul#nav li a#program { background: url(/images/nav/program.gif) no-repeat 50% 50%; }
ul#nav li a#compensation { background: url(/images/nav/compensation.gif) no-repeat 50% 50%; }
ul#nav li a#contact { background: url(/images/nav/contact.gif) no-repeat 50% 50%; }

ul#nav li a#home:hover, ul#nav li a#program:hover, ul#nav li a#compensation:hover, ul#nav li a#contact:hover { background-position: 100% 100%; }


/***** Homepage Content *****/

/* Intro */
#home-intro {
	width: 691px;
	float: left;
	margin: 10px 0;
	}

#home-intro div.text {
	width: 265px;
	float: left;
	}

#home-intro div.visual {
	float: right;
	width: 399px;
	height: 52px;
	background: url(/images/screens.gif) no-repeat;
	padding-top: 205px;
	}

#home-intro div.visual ul {
	width: 310px;
	height: 43px;
	margin: 15px auto 0 auto;
	padding: 0;
	list-style: none;
	}

#home-intro div.visual ul li {
	display: inline;
	float: left;
	width: 146px;
	height: 43px;
	margin: 0 18px 0 0;
	padding: 0;
	}
	
/* Top Reasons */

#top-reasons {
	width: 691px;
	}

#top-reasons div.top {
	width: 674px;
	height: 27px;
	background: url(/images/rounded/reasons-top.gif) no-repeat;
	padding: 9px 0 0 17px;
	margin: 0;
	}

#top-reasons div.top h1 {
	width: 397px;
	height: 20px;
	background: url(/images/titles/top-reasons.gif) no-repeat;
	}

#top-reasons div.content {
	width: 669px;
	padding: 10px;
	border-left: 1px solid #b7dcee;
	border-right: 1px solid #b7dcee;
	float: left;
	}

#top-reasons div.bot {
	clear: both;
	width: 691px;
	height: 10px;
	font-size: 1px;
	background: url(/images/rounded/reasons-bot.gif) no-repeat;
	}

#reasons-list {
	float: left;
	width: 266px;
	height: 175px;
	background: url(/images/topreasons-bg.gif) no-repeat;
	padding: 15px 0 0 15px;
	color: #0a84c1;
	font-size: 14px;
	}

#top-affiliates {
	float: right;
	width: 360px;
	height: 190px;
	}

#top-affiliates ul {
	width: 360px;
	height: 190px;
	margin: 0;
	padding: 0;
	list-style: none;
	}

#top-affiliates ul li {
	width: 110px;
	height: 76px;
	padding: 5px;
	text-align: center;
	float: left;
	display: inline;
	}

#top-affiliates ul li.hbc-com { background: url(/images/affiliates/hbc-com.gif) no-repeat center; }
#top-affiliates ul li.business-travel { background: url(/images/affiliates/business-travel.gif) no-repeat center; }
#top-affiliates ul li.pet-friendly	 { background: url(/images/affiliates/pet-friendly.gif) no-repeat center; }
#top-affiliates ul li.college-hotels	 { background: url(/images/affiliates/college-hotels.gif) no-repeat center; }
#top-affiliates ul li.official-golf	 { background: url(/images/affiliates/official-golf.gif) no-repeat center; }
#top-affiliates ul li.official-pet	 { background: url(/images/affiliates/official-pet.gif) no-repeat center; }
#top-affiliates ul li.arizona-hotels	 { background: url(/images/affiliates/arizona-hotels.gif) no-repeat center; }
#top-affiliates ul li.america-hotels	 { background: url(/images/affiliates/america-hotels.gif) no-repeat center; }

#top-affiliates ul li span { display: none; }


/***** Program Outline & Compensation Pages *****/

div.program-feature, div.compensation-feature {
	width: 451px;
	height: 143px;
	padding: 20px 0 0 240px;
	margin: 20px 0;
	position: relative;
	}

div.program-feature div.next-links {
	position: absolute;
	top: 130px;
	right: 0;
	width: 155px;
	}

div.compensation-feature div.next-links {
	position: absolute;
	top: 130px;
	right: 0;
	width: 120px;
	}

div.program-feature div.next-links a, div.compensation-feature div.next-links a {
	background: url(/images/icons/arrow.gif) no-repeat 0px 1px;
	padding: 0 0 0 20px;
	}

/* Program Outline Screens */
#program-intro { background: url(/images/screens/program/intro.jpg) no-repeat; }
#program-private-label { background: url(/images/screens/program/private-label.jpg) no-repeat; }
#program-product { background: url(/images/screens/program/product.jpg) no-repeat; }
#program-support { background: url(/images/screens/program/support.jpg) no-repeat; }
#program-hbcweb { background: url(/images/screens/program/hbcweb.jpg) no-repeat; }
#program-free { background: url(/images/screens/program/free.jpg) no-repeat; }

/* Compensation Screens */
#program-commissions { background: url(/images/screens/compensation/commissions.jpg) no-repeat; }
#program-phone { background: url(/images/screens/compensation/phone.jpg) no-repeat; }
#program-service-fees { background: url(/images/screens/compensation/service-fees.jpg) no-repeat; }
#program-reporting { background: url(/images/screens/compensation/reporting.jpg) no-repeat; }


/***** Contact Us Page *****/

#contact-form {
	width: 691px;
	}

#contact-form div.top {
	width: 674px;
	height: 27px;
	background: url(/images/rounded/reasons-top.gif) no-repeat;
	padding: 9px 0 0 17px;
	margin: 0;
	}

#contact-form div.top h1 {
	width: 247px;
	height: 20px;
	background: url(/images/titles/form.gif) no-repeat;
	}

#contact-form div.content {
	width: 669px;
	padding: 10px;
	border-left: 1px solid #b7dcee;
	border-right: 1px solid #b7dcee;
	float: left;
	}

#contact-form div.bot {
	clear: both;
	width: 691px;
	height: 10px;
	font-size: 1px;
	background: url(/images/rounded/reasons-bot.gif) no-repeat;
	}

#contact-form ul
	{
	list-style: none;
	text-align: right;
	margin: 0; padding: 0;
	width: 500px;
	}

#contact-form ul li
	{
	padding: 8px;
	position: relative;
	text-align: right;
	width: 500px;
	}

#contact-form ul li input {
	width: 250px;
	height: 18px;
	border: 1px solid #c0dff0;
	}
	
#contact-form ul li input.textboxERR {
	border: 1px solid #FFA601;
	}

#contact-form ul li select {
	width: 170px;
	height: 18px;
	margin-right: 80px;
	}

#contact-form ul li textarea {
	width: 250px;
	height: 100px;
	border: 1px solid #c0dff0;
	}

#contact-form ul li #comments
	{
	position: absolute;
	top: 9px; left: 110px;
	}	

#contact-form ul li a.submit {
	display: block;
	width: 146px;
	height: 43px;
	background: url(/images/buttons/submit-big.gif) no-repeat 0% 0%;
	float: right;
	margin-top: 10px;
	}

#contact-form ul li a.submit:hover { background-position: 100% 100%; }

/* Faq */

img.plusminus {
	float: left;
	margin-right: 10px;
	padding-top: 3px;
	}

.faq-container {
	width: 591px;
	padding: 0px;
	margin: 15px 50px;
	}

.faq-box {
	margin: 5px 0px 0px 40px;
	clear: both;
	}

.faq-box p {
	margin: 0 0 5px 0;
	padding: 0;
	}

a.faqt {
	font-weight: bold;
	margin: 5px 0px 0px 0px;
	}

a.faqb {
	float: right;
	color: #5BB725;
	font-size: 11px;
	margin: 5px 0px 0px 0px;
	}


/***** Insider Secrets Page *****/

#secrets-content {
	padding: 0 4px;
	width: 683px;
	height: 490px;
	float: left;
	}

#secrets-content div.header {
	width: 683px;
	height: 166px;
	background: url(/images/headers/secrets.jpg) no-repeat;
	margin: 0 0 20px 0;
	}

#secrets-content #secrets-intro {
	float: left;
	width: 300px;
	}

#secrets-content #secrets-intro ul {
	margin: 20px 0 20px 10px;
	padding: 0;
	list-style: none;
	}

#secrets-content #secrets-intro ul li {
	margin: 0 0 5px 0;
	background: url(/images/icons/arrow.gif) no-repeat 0px 1px;
	padding: 0 0 0 20px;
	}

#download-form {
	width: 303px;
	height: 250px;
	padding: 20px 30px 0 30px;
	float: right;
	background: url(/images/downloadform-bg.gif) no-repeat;
	}

#download-form ul
	{
	list-style: none;
	text-align: right;
	margin: 10px 0 0 0; padding: 0;
	width: 290px;
	}

#download-form ul li
	{
	padding: 4px;
	position: relative;
	text-align: right;
	width: 290px;
	}

#download-form ul li input {
	width: 170px;
	height: 18px;
	border: 1px solid #c0dff0;
	}
	
#download-form ul li input.textboxERR {
	border: 1px solid #FFA601;
	}

#download-form ul li a.download {
	display: block;
	width: 147px;
	height: 44px;
	background: url(/images/buttons/download-onwhite.gif) no-repeat 0% 0%;
	float: right;
	margin-top: 10px;
	}

#download-form ul li a.download:hover { background-position: 100% 100%; }

#download-form #dvSent a {
	background: url(/images/icons/arrow.gif) no-repeat 0px 1px;
	padding: 0 0 0 20px;
	}

/***** Footer *****/

#footer {
	text-align: center;
	color: #c9e4f2;
	font-size: 11px;
	}

#footer ul {
	list-style: none;
	color: #fff;
	margin: 0 0 3px 0;
	padding: 0;
	}

#footer ul li {
	display: inline;
	padding: 0 5px 0 0;
	margin: 0;
	}

#footer ul li a { color: #fff; font-weight: normal; }