/* --------------------------------------------
|  GLOBAL STYLES
--------------------------------------------- */

html { border: none; }
body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: #b7cc8f url(../images/bg_grad.gif) repeat-x;
}
body, td {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}
img { border: 0; }
p { margin: 0 0 15px 0; }
a {
	text-decoration: underline;
	color: #0b6db3;
}
a:hover {
	text-decoration: underline;
	color: #0e8ce5;
}
h1, h2, h3, h4, h5, form { margin: 0; }

h1 {
	margin-top:25px;
}

h2 {
	margin:15px 0 20px 5px;
	font-size:20px;
	color:#0c78c5;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
}

ul {
	margin:0;
	padding:0;
}

.clearBoth {
	clear:both;
	height:0;
	line-height:0;
}

/* --------------------------------------------
|  NAVIGATION
--------------------------------------------- */

/* -- PRIMARY NAVIGATION -- */
#nav {
	position:absolute;
	margin: 62px 0 0 410px;
	padding: 0;
	list-style: none;
	height: 41px;
	width:525px;
}
#nav li {
	float: left;
}
#nav li a {
	outline: none;
	display: block;
	padding: 0;
	height: 41px;
	line-height: 41px;
	float: left;
	text-indent: -9999px;
	text-decoration: none;
	background-image: url("../images/nav_matrix.gif");
}

#bOne {background-position: 0 0; width: 104px;}#bOne:hover {background-position: 0 -41px;}#nav li.current #bOne {background-position: 0 -41px;}
#bTwo {background-position: -104px 0; width: 122px;}#bTwo:hover {background-position: -104px -41px;}#nav li.current #bTwo {background-position: -104px -41px;}
#bThree {background-position: -226px 0; width: 130px;}#bThree:hover {background-position: -226px -41px;}#nav li.current #bThree {background-position: -226px -41px;}
#bFour {background-position: -356px 0; width: 167px;}#bFour:hover {background-position: -356px -41px;}#nav li.current #bFour {background-position: -356px -41px;}

/* -- SECONDARY NAVIGATION -- */
#subNav {
	position:absolute;
	margin: 27px 0 0 781px;
	padding: 0;
	list-style: none;
	height: 23px;
	width:136px;
}
#subNav li {
	float: left;
}
#subNav li a {
	outline: none;
	display: block;
	padding: 0;
	height: 23px;
	line-height: 23px;
	float: left;
	text-indent: -9999px;
	text-decoration: none;
	background-image: url("../images/subnav_matrix.gif");
}

#bSubOne {background-position: 0 0; width: 72px;}#bSubOne:hover {background-position: 0 -23px;}#subNav li.current #bSubOne {background-position: 0 -23px;}
#bSubTwo {background-position: -72px 0; width: 64px;}#bSubTwo:hover {background-position: -72px -23px;}#subNav li.current #bSubTwo {background-position: -72px -23px;}


/* --------------------------------------------
|  STRUCTURE
--------------------------------------------- */

#siteContainer {
	width:960px;
	margin: 0 auto;
	text-align: left;
	background:url(../images/bg_main.gif) repeat-y;
	line-height: 14px;
}

	#topBG {
		background:url(../images/bg_main_top.gif) no-repeat;
		padding-top:103px;
	}

	#logosdafg {
		position:absolute;
		margin:29px 0 0 14px;
	}

	#logo {
		position: absolute;
		margin: 30px 0 0 29px;
		display: block;
		width: 331px;
		height: 59px;
		padding: 0;
		font-size: 18px;
		line-height:18px;
		overflow: hidden;
	}

	#logo span {
		position: absolute;
		width: 100%;
		height: 100%;
		background: url("../images/logo_affiliate_revenue.gif") no-repeat 0 0;
	}

	#logo a {
		text-decoration: none;
	}

	#sitePad {
		padding:0 0 0 16px;
	}

	#siteFooter {
		width:960px;
		height:25px;
		background:#FFFFFF url(../images/bg_main_bot.gif) no-repeat;
		font-size:1px;
	}

#contentArea {
	width:928px;
	background:#FFFFFF url(../images/bg_content.gif);
}

#contentHeader {
	width:928px;
	height:11px;
	background:#FFFFFF url(../images/bg_content_top.gif) no-repeat;
	font-size:1px;
}

#contentFooter {
	width:928px;
	height:11px;
	background:#FFFFFF url(../images/bg_content_bot.gif) no-repeat;
	font-size:1px;
}

#contentPad {
	margin:10px;
}

.headerText {
	margin: 6px 0 12px 4px;
}

/* HOME PAGE STYLES */

#loginBoxHome {
	position:absolute;
	margin:-10px 0 0 629px;
	width:277px;
	height:79px;
	margin-right:6px;
	background: url(../images/login_home_bg.gif) no-repeat;
	color:#0a67a9;
}
#loginBoxHome label {
	float:left;
	width:60px;
	text-align:right;
	padding:4px 4px 0 0;
}
#loginBoxHome #inputPad {
	padding:15px 0 10px 6px;
}

#loginBoxHome input {
	border:1px solid #a5acb2;
	width:100px;
	margin-bottom:2px;
}

#loginBoxHome .forgotPassword {
	font-size: 10px;
	padding-left:4px;
	white-space:nowrap;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: top;
}

#loginBoxHome .loginButton {
	position:absolute;
	margin:0 0 0 10px;
}

#homeCTA {
	margin-top:10px;
	background: url(../images/home_cta.jpg) no-repeat;
	width:906px;
	height:267px;
}

#applyUL {
	float:left;
	width:175px;
	padding: 0 0 0 22px;
	margin:70px 0 0 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:12px;
	line-height:16px;
	color:#FFFFFF;
}
#applyUL li {
	margin-bottom:15px;
	background-image: url(../images/arrow_cta.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding-left: 14px;
}

#setupUL {
	float:left;
	width:175px;
	padding: 0;
	margin:70px 0 0 50px;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:12px;
	line-height:16px;
	color:#FFFFFF;
}
#setupUL li {
	margin-bottom:15px;
	background-image: url(../images/arrow_cta.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding-left: 14px;
}

#watchUL {
	float:left;
	width:175px;
	padding: 0;
	margin:70px 0 0 50px;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:12px;
	line-height:16px;
	color:#FFFFFF;
}
#watchUL li {
	margin-bottom:15px;
	background-image: url(../images/arrow_cta.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding-left: 14px;
}

#signupUL {
	float:left;
	width:175px;
	padding: 0;
	margin:70px 0 0 50px;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:12px;
	line-height:16px;
	color:#FFFFFF;
}
#signupUL li {
	margin-bottom:15px;
	background-image: url(../images/arrow_signup.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding-left: 14px;
}
#signupButton {
	background: none !important;
	margin-left: 15px;
}

#signupButton a {
	text-decoration: none;
	display:block;
	width:124px;
	height:35px;
	text-indent: -9999px;
	outline: none;
	background:url(../images/b_signup.gif) no-repeat 0 0;
}

#signupButton a:hover {
	background-position:0 -35px;
}

/* LATEST NEWS */

#homeLeftCol {
	float:left;
	width:213px;
	margin: 10px 0 0 0;
}

#latestNews {
	background:url(../images/bg_latest_news.gif) no-repeat;
	color:#5f6062;
}

#latestNewsPad {
	padding:12px 15px 7px 12px;
	background:url(../images/bg_latest_news_bot.gif) no-repeat bottom left;
}

#latestNews img {margin-bottom:25px;}

#latestNews a {
	color:#6ca600;
	font-weight: bold;
	display:block;
	font-size:13px;
	line-height:16px;
}

#latestNews a:hover {
	color:#7cbf00;
}

#latestNews em {
	display:block;
	margin-bottom:5px;
	color:#6ca600;
	font-style:normal;
}

#officalAdAgencyOf {
	text-align:center;
	margin-top:15px;
}


/* HOME PAGE CONTENT */

#homeContent {
	float:left;
	margin: 10px 0 0 22px;
	width:665px;
	font-family:Arial, Helveltica, sans-serif;
	font-size:12px;
	color:#5f6062;
}

#subContent {
	margin: 0  0 0 6px;
	width:634px;
	font-family:Arial, Helveltica, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#5f6062;
}


.zebraContainer {
	margin-top:10px;
	border:1px solid #dfdfdf;
}

.zebraOn {
	background: #ebf2f7;
}


.zebraContainer ul {
	margin:4px;
	padding: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
}
.zebraContainer li {
	margin-bottom:2px;
	background-image: url(../images/arrow_content.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	padding: 6px 6px 6px 30px;
	line-height:16px;
}

.zebraContainer ul strong {
	display:block;
	color:#0c78c5;
	font-size:14px;
}


/* SUB PAGE STYLES */

#loginBox {
	position:absolute;
	margin:-10px 0 0 668px;
	width:238px;
	height:111px;
	margin-right:6px;
	background: url(../images/login_bg.gif) no-repeat;
	color:#0a67a9;
}
#loginBox label {
	float:left;
	width:60px;
	text-align:right;
	padding:4px 2px 0 0;
}
#loginBox #inputPad {
	padding:18px 0 10px 6px;
}

#loginBox input {
	border:1px solid #a5acb2;
	width:150px;
	margin-bottom:2px;
}

#loginBox .forgotPassword {
	position:absolute;
	margin:2px 0 0 12px;
	font-size:10px;
	font-family: Arial, Helvetica, sans-serif;
}

#loginBox .loginButton {
	margin-top:4px;
}


#signupCTA {
	width:238px;
	height:267px;
	float:right;
	margin-top:110px;
	background:url(../images/bg_signup.jpg) no-repeat;
}

#signupCTA #signupUL {
	margin:70px 0 0 0 !important;
	padding-left: 24px !important;
}

.zebraContainerContent {
	margin:10px 0 0 0;
	border:1px solid #dfdfdf;
}

.zebraContainerContent ul {
	margin:4px;
	padding: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
}
.zebraContainerContent li {
	margin-bottom:2px;
	background-image: url(../images/arrow_content_sm.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	padding: 6px 6px 6px 24px;
	line-height:16px;
}

.zebraContainerContent ul strong {
	display:block;
	color:#0c78c5;
	font-size:14px;
}





#contactForm label {
	display:block;
	width:170px;
	float:left;
	margin:0 4px 5px 0;
	text-align:right;
}

#contactForm input {
	border:1px solid #a5acb2;
	margin-bottom:5px;
}

.zebraContainerForm {
	margin:10px 0 0 0;
	border:1px solid #dfdfdf;
}

.zebraContainerForm ul {
	margin:4px;
	padding: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
}
.zebraContainerForm li {
	margin-bottom:2px;
	padding: 6px 6px 6px 20px;
	line-height:16px;
}

.alignCenter {
	text-align:center;
}

.simpleUL {
	margin:0 0 20px 25px;
	list-style-type: dot;
}



#subContentSignup {
	margin: 0  0 0 6px;
	width:890px;
	font-family:Arial, Helveltica, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#5f6062;
}


#signupFormPartner label {
	display:block;
	width:120px;
	float:left;
	margin:0 4px 5px 0;
	text-align:right;
}

#signupFormPartner input {
	border:1px solid #a5acb2;
	margin-bottom:5px;
}


#signupFormPayment label {
	display:block;
	width:120px;
	float:left;
	margin:0 4px 5px 0;
	text-align:right;
}

#signupFormPayment input {
	border:1px solid #a5acb2;
	margin-bottom:5px;
}


#signupFormSiteInfo label {
	display:block;
	width:120px;
	float:left;
	margin:0 4px 5px 0;
	text-align:right;
}

#signupFormSiteInfo input {
	border:1px solid #a5acb2;
	margin-bottom:5px;
}


#leftCol {
	width:438px;
	float:left;
	margin-right:10px;
}

#rightCol {
	float:left;
	width:438px;
}

#rightCol textarea {
	height:92px;
}


/* FOOTER */

#footer {
	clear:both;
	margin:10px 0 0 10px;
	color: #999999;
	width:908px;
 	}
	#footer ul {
		list-style:none;
		float:right;
		}
	#footer ul li {
		float:left;
	}
	#footer ul li a {
		margin-left:16px;
		color:#4c6f8a;
		text-decoration: none;
	}
	#footer ul li a:hover {
		color:#4c6f8a;
		text-decoration: underline;
	}

#copyright {
	color: #4c6f8a;
}
/* STYLE ADDED BY JOSE */

#commission_bg {
	width:238px;
	height:111px;
	float:right;
	margin-top:75px;
	background:url(../images/commission_bg.jpg) no-repeat;
}
#contact_info_bg {
	width:238px;
	height:111px;
	float:right;
	margin-top:10px;
	background:url(../images/contact_info_bg.jpg) no-repeat;
}
#affiliateUL {
	float:left;
	width:198px;
	padding: 0;
	margin:55px 0 0 20px;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:12px;
	line-height:16px;
	color:#5f6062;
}
#affiliateUL li {
	margin-bottom:15px;
	background-image: url(../images/arrow_signup.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding-left: 14px;
}
#rightCol_CC {
	width:238px;
	float:right;;	
}