body {
}

h1 {
	font-size: 20px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
}
h2 {
	font-size: 18px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
}

ul {
	margin: 0;
	padding: 0;
}

li {
	list-style-type: none;
	display: inline;
}

a {
	color: #1D6434;
	text-decoration: none;
	outline: none;
}

a:hover {
	text-decoration: underline;
}

.bulletlist {
	padding: 5px;
	margin: 2em;
}
.bulletlist li {
	list-style-type: disc;
	display: list-item;
}

/**********************************************
 ******************* HEADER  ******************
 **********************************************/
/* Phark Method */
#title {
	text-indent: -9000px;
	display: block;
	overflow: hidden;
	margin: 0 0 0 0;
	width: 244px;
	height: 33px;
}

#title a {
	text-indent: -9000px;
	display: block;
	overflow: hidden;
	background: url("/media/images/header/kb_logo.jpg") left top no-repeat;
	margin: 0 0 0 0;
	width: 244px;
	height: 33px;
}

#taglineTop {
	display: none;
}

#primaryNav {
	position: absolute;
	top: 8px;
	left: 244px;
	width: 650px;
	height: 25px;
	background: url("/media/images/header/topnav_gradient.jpg") left top repeat-x;
	font-size: 11px;
}

#primaryNav li {
	text-align: center;
	margin: 0;
	padding: 0;
}

#primaryNav a {
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	padding-top: 3px;
	background: url("/media/images/header/nav_btn_up.jpg") left top no-repeat;
	width: 66px;
	height: 25px;
	float: left;
	display: inline;
}

#primaryNav a:hover {
	background: url("/media/images/header/nav_btn_down.jpg") left top no-repeat;
}

#login, #register {
	width: 256px;
	height: 35px;
	position: absolute;
	top: 3px;
	left: 640px;
	padding: 5px;
	z-index: 1;
	font-size: 11px;
}

#login a, #register a {
	font-size: 9px;
	color: #000000;
	text-decoration: underline;
	margin-left: 5px;
}

#loginForm, #registerForm {
	display: inline;
	font-size: 11px;
}

#registerButton, #loginButton {
position: relative;
top: 4px;
}

.textGrayedOut {
	color: gray;
}

#loginEmail, #loginPassword, #loginPasswordClear, #registerEmail {
	font-size: 11px;
}

#loginEmail {
	width: 80px;
}

#loginPassword, #loginPasswordClear {
	width: 60px;
}

#loginPassword {
    display: none;
}

#register {
    display: none;
}

#registerEmail {
    width: 140px;    
}

#loggedIn {
	position: absolute;
	top: 12px;
	left: 670px;
	z-index: 1;
	font-weight: bold;
	color: #000000;
	text-shadow: GRAY 3px 3px 2px;
}

#notloggedInGreeting {
	background: url("/media/images/header/points_bg_notloggedin.png") left top no-repeat;
	position: absolute;
	top: -20px;
	left: 640px;
	width: 206px;
	height: 28px;
	text-align: center;
	color: #000000;
	line-height: 28px;
}

#loggedInGreeting {
	background: url("/media/images/header/points_bg.png") left top no-repeat;
	position: absolute;
	top: -20px;
	left: 640px;
	width: 206px;
	height: 28px;
	text-align: center;
	color: #FFFFFF;
	line-height: 28px;
}

#loggedInPoints {
	font-weight: bold;
}

#logout {
	font-size: 9px;
	color: #FFFFFF;
	margin-left: 20px;
}

#socialLinks {
	position: absolute;
	top: 8px;
	left: 800px;
	width: 150px;
	height: 25px;
	background: url("/media/images/header/topnav_gradient.jpg") left top repeat-x;
}

#socialLinks ul {
	margin-left: 100px;
}

#socialLinks a {
	/* TODO: we should remove one of the display elements */
	float: left;
	display: inline;
	text-indent: -9000px;
	display: block;
	overflow: hidden;
	margin: 5px 0 0 5px;
	width: 16px;
	height: 16px;
}

#facebookLink {
	background: url("/media/images/header/kb_facebook.jpg") left top no-repeat;
}

#twitterLink {
	background: url("/media/images/header/kb_twitter.jpg") left top no-repeat;
}

#content_earn{
    margin: 40px auto 70px auto;

    width: 950px;
}


#content {
	position: relative;
	margin-top: 20px;
}

/**********************************************
 ******************* FOOTER  ******************
 **********************************************/
#homeLinkBottom {
	text-indent: -9000px;
	display: inline;
	overflow: hidden;
	background: url("/media/images/karmaback_icon.jpg") left top no-repeat;
	margin: 15px 0 15px 0;
	width: 33px;
	height: 33px;
	float: left;
}

#copyright {
	color: #FFFFFF;
	background-color: #126839;
	font-family: Tahoma,Geneva,sans-serif;
	font-size: 11px;
	width: 300px;
	height: 26px;
	padding: 7px 0 0 10px;
	margin: 15px 0 15px 0;
	float: right;
	display: inline;
}

#secondaryNav {
	color: #FFFFFF;
	background-color: #126839;
	font-family: Tahoma,Geneva,sans-serif;
	font-size: 11px;
	width: 584px;
	height: 26px;
	padding: 7px 0 0 10px;
	margin: 15px 0 15px 0;
	float: right;
	display: inline;
}

#secondaryNav ul {
	margin: 0;
	padding: 0;
	float: right;
	display: inline;
}

#secondaryNav li {
	border-right: 1px solid #FFFFFF;
	float: left;
	padding: 0 7px 0 7px;
}

#secondaryNav a {
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
}

#secondaryNav a:hover {
	text-decoration: underline;
}

#secondaryNav .lastNavItem {
	border-right: none;
}

/**********************************************
 **************** LEARN page ******************
 **********************************************/
#learnTaglines #animBanner {
	width: 950px;
	height: 190px; 
}

#learnTaglines {
	float: left;
	display: inline;
	margin-top: -450px;
}

#learnTaglines h2 {
	display: none;
}


#learnTalkboxes {
	text-indent: -9000px;
	overflow: hidden;
	float: left;
	display: none;
}
#learnTalkboxesh {
	display: inline;
	margin: 200px 0 0 0;
	width: 470px;
	height: 245px;
	background: url("/media/images/KB_001-Infobox.jpg") left top no-repeat;
	float: left;
	clear: left;
	font-size: 24px;
	font-weight: bold;
	color: #006738;
	position: relative;
	text-indent: 28px;
	text-shadow: #85967e 2px 2px 4px;
}

#learnFeatured {
	background: url("/media/images/tab_corners.png") left top no-repeat;
	width: 430px;
	height: 205px;
	margin-top: -245px;
    padding: 20px;
	float: right;
	display: inline;
}

#learnFeatured h2 {
	font-size: 18px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	padding: 0 0 5px 0;
	margin: 0 0 0 0;
}

#learnFeatured p {
	font-size: 12px;
	padding: 0;
	margin: 0 0 0 0;
}

#learnFeaturedPhoto {
	float: right;
	display: inline;
	margin-right: 0;
	top: -20px;
    max-width: 187px;
    max-height: 177px;
}

#learnFeaturedKBacksRequired {
    font-size: 16px;
    margin-top: 20px;
}

#learnProducts {
	background-color: #126839;
	border: 1px solid #FFFFFF;
	padding: 5px 4px 2px;
	width: 940px;
	height: 90px;
	float: right;
	display: inline;
	margin-top: 15px;
}

#learnProductsPrev {
	float: left;
	text-indent: -9000px;
	display: inline;
	overflow: hidden;
	background: url("/media/images/circlearrow_right.png") left top no-repeat;
	margin: 33px 0 0 10px;
	width: 21px;
	height: 21px;
}

#learnProductsNext {
	float: right;
	text-indent: -9000px;
	display: inline;
	overflow: hidden;
	background: url("/media/images/circlearrow.png") left top no-repeat;
	margin: 33px 10px 0 0;
	width: 21px;
	height: 21px;
}

#learnProducts ul {
	margin: 0 0 0 30px;
}

.learnProduct {
	list-style-type: none;
	display: inline;
	margin: 0 30px 0 0;
	padding: 0;
	color: #FFFFFF;
	font-size: 10px;
	width: 190px;
	height: 80px;
	float: left;
}

.learnProductPhoto {
	background: url("/media/images/hotproduct_bg.png") left top no-repeat;
	float: left;
	display: inline;
	width: 80px;
	height: 82px;
	text-align: center;
}

.learnProductPhoto img {
	margin-top: 12px;
	max-width: 60px;
	max-height: 61px;
}

.learnProductName {
	font-size: 12px;
	margin-top: 5px;
}

.learnProductGetItDiscount {
	text-indent: -9000px;
	display: block;
	overflow: hidden;
	background: url("/media/images/getitnow.jpg") left top no-repeat;
	margin: 0 0 0 0;
	width: 75px;
	height: 15px;
}
.learnProductGetItPrize {
	text-indent: -9000px;
	display: block;
	overflow: hidden;
	background: url("/media/images/enternow_main.jpg") left top no-repeat;
	margin: 0 0 0 0;
	width: 75px;
	height: 15px;
}
.learnProductGetItComesWith {
	text-indent: -9000px;
	display: block;
	overflow: hidden;
	background: url("/media/images/getthem_main.jpg") left top no-repeat;
	margin: 0 0 0 0;
	width: 75px;
	height: 15px;
}
/************COPY OVER TO ERIC's Style.CSS**********************************
 **************** SPEND page ******************
 **********************************************/
#spendCategoryNav {
	height: 30px;
	background: url("/media/images/spend_gradient_fill.png") left top repeat-x;
	font-size: 11px;
}

#spendCategoryNav li {
	text-align: center;
	margin: 0;
	padding: 0;
}

.spendCategoryNavSelected, .spendCategoryNavUnselected, #spendCategoryNav a:hover  {
	float: left;
	display: inline;
	text-decoration: none;
	text-align: center;
	padding-top: 5px;
	width: 103px;
	height: 25px;
}

.spendCategoryNavUnselected {
    color: #000000;
    background: url("/media/images/spend_category_btn_up.png") left top no-repeat;
}

.spendCategoryNavUnselected:hover {
	color: #FFFFFF;
	background: url("/media/images/spend_category_btn_down.png") left top no-repeat;
}

.spendCategoryNavSelected {
	color: #FFFFFF;
	background: url("/media/images/spend_category_btn_selected.png") left top no-repeat;
}

#spendProducts {
	float: left;
	width: 950px;
	margin: 10px auto 10px 25px;
	background: url("/media/images/spend_product_row_frame.png") left top repeat-y;
}
#spendProducts img {
}

.spendProduct {
	position: relative;
	background: url("/media/images/spend_product_frame.png") left top no-repeat;
	width: 154px;
	height: 145px;
	margin: 20px 18px 20px 18px;
	text-align: center;
	color: #878585;
	float: left;
	display: inline;
}

.spendProductKbacks {
	position: absolute;
	top: 5px;
	left: 7px;
	font-size: 11px;
}

.spendProductKbacksName {
	color: #1C6434;
}

.spendProductGetItComesWith {
	text-indent: -9000px;
	display: block;
	overflow: hidden;
	background: url("/media/images/spend_get_them_btn.jpg") left top no-repeat;
	margin: 0 0 0 0;
	width: 67px;
	height: 15px;
	position: absolute;
	top: 7px;
	left: 78px;
}

.spendProductGetItPrize {
	text-indent: -9000px;
	display: block;
	overflow: hidden;
	background: url("/media/images/spend_enter_now_btn.jpg") left top no-repeat;
	margin: 0 0 0 0;
	width: 45px;
	height: 15px;
	position: absolute;
	top: 7px;
	left: 100px;
}

.spendProductGetIt {
	text-indent: -9000px;
	display: block;
	overflow: hidden;
	background: url("/media/images/spend_get_me_btn.jpg") left top no-repeat;
	margin: 0 0 0 0;
	width: 56px;
	height: 15px;
	position: absolute;
	top: 7px;
	left: 89px;
}

.spendProductImage {
	padding-top: 25px;
	margin-left: auto;
	margin-right: auto;
	height: 83px;
}

.spendProductImage img {
	max-width: 102px;
	max-height: 83px;
}

.spendProductName {
	font-weight: bold;
	font-size: 10px;
	padding-top: 2px;
	color: #4F4C4D;
}

.spendProductDetails {
	line-height: 11px;
	font-size: 10px;
	margin-top: 0;
}

#spendMatches {
	font-size: 14px;
	margin-left: 15px;
	width: 350px;
}

#spendProductsNav {
	font-size: 14px;
	margin-right: 15px;
	float: right;
	display: inline;
	width: 350px;
}

#spendProductsPages {
	float: right;	
	display: inline;
}

#spendProductPrevPage {
	text-indent: -9000px;
	display: inline;
	overflow: hidden;
	background: url("/media/images/spend_prev_page_btn.png") left top no-repeat;
	margin: 0 5px 0 0;
	width: 18px;
	height: 18px;
	float: right;
}

#spendProductNextPage {
	text-indent: -9000px;
	display: inline;
	overflow: hidden;
	background: url("/media/images/spend_next_page_btn.png") left top no-repeat;
	margin: 0 0 0 5px;
	width: 18px;
	height: 18px;
	float: right;
}

/**********************************************
 ***************** EARN page ******************
 **********************************************/
#greenShadowback {
	background: url("/media/images/green_shadowbox.png") center top no-repeat;
	width: 950px;
	height: 200px;
	float: left;
	display: inline;
	}
#earnMain {
	text-indent: -9000px;
	overflow: hidden;
	background: url("/media/images/get_some_karmaback_green.jpg") center top no-repeat;
	width: 950px;
	height: 84px;
/*	margin-top: 200px;*/
	float: left;
	display: inline;
	z-index: 5;
	position: relative;
	top: 20px;
}

#earnMain h2, #earnMain p, #earnMain img {
	display: none;
}

#earnTaglines {
	float: left;
	display: inline;
	width: 950px;	
/*	height: 190px;	*/
/*	background: url("/media/images/herosbanner.png") left top no-repeat;
	margin-top: -289px;*/
}

#earnTaglines h2 {
	display: none;
}

#earnTellFriends {
	/*background-color: #C1D1C5;*/
	width: 465px;
	height: 365px;
	margin-top: 20px;
	margin-bottom: 5px;
	float: left;
	display: inline;
	text-align: center;
}

#earnTellFriends h3, #earnPartners h3 {
	font-size: 20px;
	text-align: center;
	font-style: normal;
}

#earnTwitter {
	text-indent: -9000px;
	display: block;
	overflow: hidden;
	background: url("/media/images/earn_twitter_talkbox.png") left top no-repeat;
	margin: 0 0 30px 40px;
	width: 348px;
	height: 60px;
}

#earnFacebook {
	text-indent: -9000px;
	display: block;
	overflow: hidden;
	background: url("/media/images/earn_facebook_talkbox.png") left top no-repeat;
	margin: 0 0 30px 80px;
	width: 348px;
	height: 60px;
}

#earnLikeItAPI {
	margin: 0px auto 0 auto;
	font-size: 14px;
}

#earnLikeItAPI div {
	margin: 0 auto 0 auto;
}

#karmaback-product-1 {
	padding-top: 10px;
}

#earnPartners {
/*	background-color: #C1D1C5;*/
	border-left: 1px solid #C1D1C5;
	width: 465px;
	height: 365px;
	margin-top: 20px;
	margin-bottom: 5px;
	float: right;
	display: inline;
}

#earnPartners ul {
	background: #FFFFFF;
	height: 280px;
	overflow: auto;
	margin: 0 20px 0 20px;
	padding-top: 10px;
}

.earnPartner {
	display: block;
	width: 380px;
	height: 50px;
	overflow: hidden;
	margin: 10px 20px 8px 20px;
	border-bottom: 2px solid #DDDDDD;
}
.earnLikeKarmaback {
	font-size: 16px;
	font-weight: bold;
}	
.earnPartnerName {
	font-size: 16px;
	font-weight: bold;
}
.earnPartnerLogo {
	width: 100px;
	height: 50px;
	float: left;
	text-align: center;
	margin-right: 10px;
}

.earnPartnerLogo img {
	max-width: 100px;	
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.earnPartnerSite {
	/* color: #F1B25E; */
	color: #EEA13C;
	font-weight: bold;
}


/**********************************************
 *************** REWARD DETAILS ***************
 **********************************************/
#rewardContainer {
	border: 10px solid #CCCCCC;
    margin: 0 0px 0 0px;
    padding: 0px 20px 20px 20px;
	width: 800px;
}

#rewardDetailsProvidedBy, #rewardDetailsCustomerLogo {
    height: 50px;
    margin-bottom: 10px;
    line-height: 50px;
    vertical-align: middle;
}
#rewardDetailsPrizeValue {
    position: relative;
    top: -20px;
    font-size: 14px;
}

#rewardDetailsProvidedBy {
    font-size: 18px;
}
.rewardDetailGetIt {
	text-indent: -9000px;
	display: block;
	overflow: hidden;
	background: url("/media/images/confirm_getit.png") left top no-repeat;
	margin: 0;
	height: 24px;
}

.rewardDetailGetThem {
	text-indent: -9000px;
	display: block;
	overflow: hidden;
	background: url("/media/images/confirm_get_them.png") left top no-repeat;
	margin: 0px 0px 0px 0px;
	height: 24px;
}

.rewardDetailPrize {
	text-indent: -9000px;
	display: block;
	overflow: hidden;
	background: url("/media/images/confirm_enter_now.png") left top no-repeat;
	margin: 0;
	height: 24px;
}

#rewardDetailsCustomerLogo {
    float: right;
}

#rewardDetailsCustomerLogo img {
    max-height: 80px
}

#rewardDetailsPhoto, #rewardDetailsName, #rewardDetailsURL {
    position: relative;
    float: left;
    clear: left;
    width: 290px;
    padding-left: 17px;
    padding-right: 17px;
    text-align: center;
}

#rewardDetailsComesWithPhoto, #rewardDetailsNameComesWith, #rewardDetailsURLComesWith {
    float: right;
    clear: right;
    width: 290px;
    padding-left: 17px;
    padding-right: 17px;
    text-align: center;
}

#rewardDetailsComesWithPhoto {
    height: 250px;
    border: 20px;
    border-style: solid;
    border-color: #1D6434;
    margin-right: 20px;
    margin-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}

#rewardDetailsName {
    margin-top: 5px;
    font-size: 16px;
}

#rewardDetailsNameComesWith {
    margin-top: 5px;
    font-size: 16px;
    position: relative;
    top: -20px;
    left: -35px;
}
#rewardDetailsURLComesWith {
    position: relative;
    top: -20px;
    left: -35px;
}

#rewardDetailsComesWithPhoto {
    position: relative;
    height: 250px;
    border: 20px;
    border-style: solid;
    border-color: #1D6434;
    margin-right: 20px;
    margin-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}

#rewardDetailsPhoto {
    position: relative;
    height: 250px;
    border: 20px;
    border-style: solid;
    border-color: #1D6434;
    margin-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}

#rewardDetailsComesWithPhoto img {
    display: block;
    max-width: 210px;
    max-height: 210px;
    position: absolute;
    top: 50%;
    left: 50%;
    display: none;
}

#rewardDetailsPhoto img {
    display: block;
    max-width: 210px;
    max-height: 210px;
    position: absolute;
    top: 50%;
    left: 50%;
    display: none;
}

#rewardDetailTopButton {
}

#rewardDetailsDesc {
    clear: right;
    position: relative;
    top: 20px;
    height: 270px;
    overflow: auto;
}
#rewardDetailsDescComesWithA {
    clear: left;
    float: left;
    top: 410px;
    height: 270px;
    width: 45%;
    overflow: auto;
}

#rewardDetailsDescComesWithB {
    clear: right;
    float: right;
    height: 270px;
    width: 45%;
    overflow: auto;
}

#rewardDetailsTerms {
    clear: left;
    padding-top: 20px;
}

/**********************************************
 *************** PARTNER SIGN UP***************
 **********************************************/
.errorlist {
    color: red;
}

.partnerSignUpTag {
	text-align: center;
	font-size: 24px;
}

.partnerSignUpSteps {
	float: left;
}

.partnerSignUpStep {
	width: 296px;
	height: 220px;
	float: left;
	padding: 0 10px 0 10px;
}

.partnerSignUpStep + .partnerSignUpStep {
	border-left: 1px solid #000000;
}

.partnerSignUpStep h2 {
	font-size: 17px;
}

.partnerSignUpStepNumberOne {
	float: left;
	text-indent: -9000px;
	display: block;
	overflow: hidden;
	margin: -7px 0 0 0;
	width: 36px;
	height: 34px;
	background: url("/media/images/customer/one.png") left top no-repeat;
}

.partnerSignUpStepNumberTwo {
	float: left;
	text-indent: -9000px;
	display: block;
	overflow: hidden;
	margin: -7px 0 0 0;
	width: 36px;
	height: 34px;
	background: url("/media/images/customer/two.png") left top no-repeat;
}

.partnerSignUpStepNumberThree {
	float: left;
	text-indent: -9000px;
	display: block;
	overflow: hidden;
	margin: -7px 0 0 0;
	width: 36px;
	height: 34px;
	background: url("/media/images/customer/three.png") left top no-repeat;
}

.partnerSignUpStep img {
	height: 100px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.partnerSignUpStep p {
	margin: 10px 20px 0 20px;
	font-size: 13px;
}

.partnerSignUpDetails h2 {
margin-bottom: 0;
padding-bottom: 0; 
}

.partnerSignUpDetails {
	float: left;
	width: 100%;
	margin-top: 10px;
}

.partnerSignUpDetail {
	width: 316px;
	min-height: 1px;
	float: left;
}

.tosWarn {
	font-weight: bold;
	font-size: 120%;
}

/*******************************
 * ******* Below are attributes for the partner Fanpage tool page
 * ****************************/
#id_message
{
	width: 300px;
	height: 38px;
}
#id_message input
{
	font-size: 9px;
}
#id_url    
{
	width: 300px;
	height: 14px;
}
#id_url     input
{
	font-size: 9px;
}
#id_name   
{
	width: 300px;
	height: 14px;
}
#id_name    input
{
	font-size: 9px;
}
#id_description
{
	width: 300px;
	height: 38px;
}
#id_description input
{
	font-size: 9px;
}
#id_image_url   
{
	width: 300px;
	height: 14px;
}
#id_image_url   input
{
	font-size: 9px;
}
#id_image      
{
	width: 300px;
}
#id_image       input
{
}

#fanshareExample {
	position: relative;
	left: 180px;
	top: -40px;
	margin: 1px;
    border: 1px solid #FFFFFF;
    border-color: #000000;
}
#fanshareimagelist {
	max-height: 90px;
	max-width: 90px;
}
* html #fanshareyourimage {
  height: 90px;
  width: 90px;
}
#fanshareyourimage {
	max-height: 90px;
	max-width: 90px;
}
#fanshareImageLabel {
	display: inline;
	position: relative;
	left:95px;
	top:-60px;
}
#fanshareImageLabel input.radio {
	display: inline;
	position: relative;
	left:95px;
	top:-60px;
}
#fansharepreview {
	height: 90px;
	width: 90px;
	border: 1px solid #FFFFFF;
    border-color: #000000;
}
#fansharepreviewbox {
	height: 150px;
	width: 800px;
	border: 1px solid #FFFFFF;
    border-color: #000000;
}
#fansharepreviewtop {
	position: relative;
	left: 100px;
	top: -90px;
	height: 90px;
	width: 90px;
}
#fanshareyourmessage {
	position: relative;
	left: 100px;
	top: -90px;
}
#fanshareyoururlname {
	position: relative;
	left: 200px;
	top: -180px;
	color: blue;
}
#fanshareyoururlname a {
	color: blue;
	text-decoration: underline;
}
#fanshareyourdescription {
	position: relative;
	left: 200px;
	top: -180px;
	width: 600px;
}
#fanshareourreshareitems2 {
	position: absolute;
	top: 240px;
}
#fanshareourreshareitems {
	position: absolute;
	top: 160px;
}
#fanshareblue {
	color: blue;
}

#reportList li {
	display: block;	
}