/*--------------------------------------------
Style Sheet

version:  1.1
author:   Buildoffers Tech Team
date:	  Fri Mar 12 2008
email:    
website:  www.buildoffers.com
--------------------------------------------*/


/*---------------------Public Styles---------------------------*/

span, div, a, h1, h2, h3, h4, div, form, dl, dt, dd, img, p {
	margin:0;
	border:0;
	padding:0;
	text-decoration:none;
	list-style-type: none;
}

body {
	background-color: #FFF;
	font-family:Arial, Helvetica, sans-serif;
	margin:10px;
	padding:0;
	color: #666666;
	font-size:12px;
}

a {text-decoration: none; }

a:link, a:active, a:visited {color: #666; }

a:hover {color: #FF9900; text-decoration:underline;}


/* ------------------------------------------------
 Main Content
-------------------------------------------------- */

#Wrapper {
	width:735px;
	height:439px;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #ccc;
	position:relative;
	display: block;
	background: #fff url(images/bg_top.gif) repeat-x top;
	padding:121px 10px 0 10px;
}

#Wrapper .Logo {
	background: url(images/logo.gif) no-repeat;
	display: block;
	height: 72px;
	width: 274px;
	position: absolute;
	left: 22px;
	top: 10px;
}

#Wrapper .FlashPlayer {
	display: block;
	height: 39px;
	width: 158px;
	position: absolute;
	right: 9px;
	top: 10px;
}

#Wrapper .TitleBar {
	background-color:#f4f4f4;
	display: block;
	height: 23px;
	width: 710px;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #ccc;
	position: absolute;
	left: 19px;
	top: 110px;
	color:#ff6600;
	font-weight:bold;
	font-size:16px;
	padding:5px 0px 0px 5px;
}

#Wrapper .TitleBar h1{
	color:#ff6600;
	font-weight:bold;
	font-size:16px;
}

#Wrapper .DescriptionCol {
	background-color:#ffffcc;
	display: block;
	height: 337px;
	width: 247px;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #ccc;
	position: absolute;
	left: 18px;
	top: 147px;
}

.SectionTitle {
	background-color:#efefef;
	display: block;
	padding:5px 5px 5px 5px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #ccc;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-weight:bold;
	font-size:14px;
}

.SectionTitle h2{
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-weight:bold;
	font-size:14px;
}

.SectionDescription {
	display: block;
	padding:10px 10px 0 10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:14px;
	line-height:1.5em;
}

.SectionDescription p{
	padding:0px 0px 15px 0px;
}

#Wrapper .ContentCol {
	background-color:#fff;
	display: block;
	height: 337px;
	width: 459px;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #ccc;
	position: absolute;
	left: 274px;
	top: 147px;
}

#Wrapper .NextBackHolder {
	background-color:#eee;
	display: block;
	height: 44px;
	width: 733px;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #ccc;
	position: absolute;
	left: 10px;
	top: 506px;
}

.NoteHolder {
	height:42px;
	background-color:#FFF;
	text-align: left;
	border-width: 0px 1px 0px 0px;
	border-style: solid;
	border-color: #ccc;
}

.BtnHolder {
	height:44px;
	text-align:right;
	vertical-align:top;
}

.PrevBtnHolder {
	width:115px;
	text-align: right;
	padding: 8px 10px 0px 0px;
}

.NextBtnHolder {
	width:115px;
	text-align: right;
	padding: 8px 10px 0px 0px;
}

.MouseHolder {
	width:55px;
	text-align: center;
	padding: 3px 0px 0px 0px;
}

.Notes {
	text-align: left;
	padding: 3px 5px 0px 0px;
	vertical-align:top;
}

.BackBox {
	height:373px;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #ccc;
	display: block;
}

/* ------------------------------------------------
 Intro Page
-------------------------------------------------- */

#Wrapper .DescriptionColIntro {
	background-color:#ffffcc;
	display: block;
	height: 20px;
	width: 710px;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #ccc;
	position: absolute;
	left: 19px;
	top: 147px;
	padding:5px 0px 0px 5px;
}

.SectionDescriptionIntro {
	display: block;
	padding:0px 5px 0 10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:12px;
}

#Wrapper .ContentColIntro {
	background-color:#fff;
	display: block;
	height: 305px;
	width: 695px;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #ccc;
	position: absolute;
	left: 19px;
	top: 182px;
	padding:0px 10px 0 10px;
}

.FlashHolder {
	padding:10px 0px 10px 0px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #ccc;
}

.FlashText {
	padding:10px 0px 10px 10px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #ccc;
}

.SectionHolder {
	padding:20px 5px 5px 5px;
	width:50%;
}

.IconHolder {
	text-align:center;
	padding:5px 5px 5px 0px;
	width:85px;
}

.SectionsLink{
	color: #666;
	padding:15px 0px 0px 5px;
}

.SectionsLink a:link, .SectionsLink a:active, .SectionsLink a:visited {
	font-weight:bold;
	font-size:16px;
	color: #666;
}

.SectionsLink a:hover {
	color: #ff6600;
	text-decoration:underline;
}

.BtnHolderIntro {
	text-align:left;
	padding:10px 0px 0px 5px;
	vertical-align:top;
}

/* ------------------------------------------------
 How Affiliate Works Page
-------------------------------------------------- */

#Wrapper .ContentColWorks {
	background-color:#fff;
	display: block;
	height: 335px;
	width: 715px;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #ccc;
	position: absolute;
	left: 19px;
	top: 150px;
	padding:0px 00px 0 0px;
}

/* ------------------------------------------------
 Nav
-------------------------------------------------- */

#Wrapper .bar { 
	display: block;
	width: 700px;
	color: #FFF;
	margin: 0 0 0 0px; 
	background: #fff;
	position: absolute;
	right: 15px;
	top: 85px;
}

.barfloat {
	float:right;
	padding-right:0px;
	width: 610px;
}

	.bar li { 
		margin: 0; 
		background: none;
		float: left;
		list-style-type:none; 
		padding: 0px 3px 0px 3px;
	}
	
/*	.bar li.current { 
		margin: 0; 
		padding: 2px 3px 2px 3px;
		background: none;
		float: left;
		list-style-type:none; 
	}*/
	
	.bar li.active { 
		color: #000;
		font-weight: bold; 
		padding: 0px 3px 0px 3px;
	}

	.bar li.current{ 
		padding: 0px 3px 0px 3px;
		font-weight: bold;
		color: #FF9900;
		display: block; 
		text-decoration: none;
		background: inherit;
		padding-left: 25px;
		background-image: url(images/nav_bullet.gif);
		background-repeat: no-repeat;
		background-position: 7px 50%;
	}

	.bar li a { 
		font-weight: bold;
		color: #000;
		display: block; 
		text-decoration: none;
		background: inherit;
		padding-left: 25px;
		background-image: url(images/nav_bullet.gif);
		background-repeat: no-repeat;
		background-position: 7px 50%;
	} 

	.bar li a:active { 
		font-weight: bold;
		color: #FF9900;
		display: block; 
		text-decoration: none;
		background: inherit;
		padding-left: 25px;
		background-image: url(images/nav_bullet.gif);
		background-repeat: no-repeat;
		background-position: 7px 50%;
	} 
	
	.bar li a:visited { 
		font-weight: bold;
		color: #000;
		display: block; 
		text-decoration: none;
		background: inherit;
		padding-left: 25px;
		background-image: url(images/nav_bullet.gif);
		background-repeat: no-repeat;
		background-position: 7px 50%;
	}
	.bar li a:hover { 
		color: #FF9900;
		display: block; 
		background: inherit;
		padding-left: 25px;
		background-image: url(images/nav_bullet.gif);
		background-repeat: no-repeat;
		background-position: 7px 50%;
		text-decoration: underline;
	}