@charset "utf-8";
.btnRegisterViva {
background-color:#B19FC0;
-moz-border-radius: 5px;
border-radius: 5px;
}

.btnRegisterViva:hover{
background-color:#663366;
color:white;
}

.btnRegisterViva:active{
background-color:#000;
color:#FFF;
}

.txtviva {
background-color:#FFFF99;
-moz-border-radius: 3px;
border-radius: 3px;
}

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #333333;
}

body {
	background: #f6f5f5;
	margin: 0;
	padding: 0px 0px 20px 0px;
	text-align: center;
}

a:link {
	color: #993399;
}

a:visited {
	color: #993399;
}

a:hover {
	color: #63C;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: normal;
	color: #bca061;
	padding: 0;
	margin: 0;
	line-height: normal;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #333;
	padding: 0;
	margin: 0;
	line-height: normal;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #993399;
	padding: 0;
	margin: 0;
	line-height: normal;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #333;
	padding: 0;
	margin: 0;
	line-height: normal;
}



#container {
	width: 100%;
	margin: 0 auto;
	text-align: left;
}


#header {
	padding: 0;
	width: 100%;
	text-align: center;
	overflow: hidden;
}
#hdr1 {
	width: 100%;
	height: 53px;
	background: url(images/hdr1_bg.png) repeat-x;
	margin-left: auto;
	margin-right: auto;
	position:fixed;
	z-index:10000;
}

#hdr1_sg
{
    width:100%;
    height:53px;
    background: url(images_retro/hdr1_bg.png) repeat-x;
    margin-left:auto;
    margin-right:auto;
	position:fixed;
	z-index:10000;
}

#hdr2 {
	width: 100%;
	height: 200px;
	text-align: left;
	position:relative;
	top:70px;
} 

#hdr3
{
    width: 100%;
	height: 200px;
	text-align: left;
	position:relative;
	top:70px;
}

#navmenu {
	width: auto;
	height: 47px;
	position: relative;
	float: right;
	overflow: hidden;
}
#navmenu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#navmenu li {
	float: left;
	margin: 0;
}
#navmenu li a {
	height: 47px;
	line-height: 47px;
	float: left;
	display: block;
	font-family: Arial;
	font-size: 13px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	padding: 0px 13px 0px 13px;
}
#navmenu li a:hover {
	color: #FF0;
}
#navmenu .high a, #navmenu .high a:hover {
	background: url(images/hdr1_hi.png) repeat-x;
	color: #fff;
}
#navmenu .signup a, #navmenu .signup a:hover {
	padding: 0px 0px 0px 10px;
}



.memberName {
	font-family: Arial;
	font-size: 20px;
	color: #333;
	font-weight: bold;
	text-align: right;
}
.memberPoints {
	font-family: Arial;
	font-size: 17px;
	color: #666;
	font-weight: bold;
	text-align: right;
	padding-top: 5px;
}
.memberLinks {
	font-family: Arial;
	font-size: 13px;
	color: #a43f96;
	font-weight: bold;
	text-align: right;
	padding-top: 5px;
}
.memberLinks a:link {
	color: #a43f96;
	text-decoration: none;
}
.memberLinks a:visited {
	color: #a43f96;
	text-decoration: none;
}
.memberLinks a:hover {
	color: #63C;
	text-decoration: none;
}



#footer {
	width: 943px;
	margin-left: auto;
	margin-right: auto;
	padding: 25px 0px 20px 0px;
	clear: both;
	font-size: 12px;
	color: #333;
}
#ftr1 {
	height: 55px;
	background: url(images/ft_logo.jpg) no-repeat;
	padding: 0px 0px 30px 0px;
}
#ftr2c1 {
	position: relative;
	display: inline;
	float: left;
}
#ftr2c2 {
	position: relative;
	display: inline;
	float: right;
}
#footer a:link, #footer a:visited {
	color: #333;
	text-decoration: none;
}
#footer a:hover {
	color: #33C;
	text-decoration: none;
}



#content {
	width: 943px;
	position: relative;
	overflow: auto;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
	border-radius: 5px;
	box-shadow:10px 10px 5px Gray;
	background: #fff url(images/content_bg.png) repeat-y;
}



#content1a {
	width: 943px;
	position: relative;
	overflow: auto;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
	border-radius: 7px;
	box-shadow:10px 10px 5px Gray;
	background: #fff url(images/content1_bg.png) repeat-y;
}
#content1b {
	width: 943px;
	padding: 38px 0px 50px 0px;
	border-radius: 7px;
}



#contenthome {
	width: 943px;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
}



.pgrewards { background: url(images/rewards/bgpix.jpg) no-repeat top right; }
.pgnews { background: url(images/news/bgpix.jpg) no-repeat top right; }
.pgPhotoGallery { background: url(images/pg_hdr.jpg) no-repeat top right; }
.pglogin { background: url(images/login/bgpix.jpg) no-repeat top right; }
.pgprivileges { background: url(images/privileges/bgpix.jpg) no-repeat top right; }
.pgsignup { background: url(images/signup/bgpix.jpg) no-repeat top right; }
.pgsignup-option { background: url(images/signup/bgpix-option.jpg) no-repeat top right; }
.pgsignup-individual { background: url(images/signup/bgpix-individual.jpg) no-repeat top right; }
.pgsignup-corporate { background: url(images/signup/bgpix-corporate.jpg) no-repeat top right; }
.pgsignup-completed { background: url(images/signup/bgpix-completed.jpg) no-repeat top right; }
.pgcontact { background: url(images/contact/bgpix.jpg) no-repeat top right; }
.pghowitworks { background: url(images/about/how-it-works/bgpix.jpg) no-repeat top right; }
.pgearningduodollars { background: url(images/about/earning-duo-dollars/bgpix.jpg) no-repeat top right; }
.pghowtoredeem { background: url(images/about/how-to-redeem/bgpix.jpg) no-repeat top right; }
.pgtheduonetwork { background: url(images/about/the-duo-network/bgpix.jpg) no-repeat top right; }
.pgfaq { background: url(images/about/faq/bgpix.jpg) no-repeat top right; }
.pgpromotions { background: url(images/promotions/bgpix.jpg) no-repeat top right; }



#contentLHS {
	width: 207px;
	float: left;
}
#contentRHS {
	width: 736px;
	float: right;
	padding-top: 38px;
	padding-bottom: 50px;
	border-radius: 7px;
}



#pagemenu {
	width: 207px;
	position: relative;
}
#pagemenu ul {
	list-style: none;
	padding: 0;
	margin: 0;
	padding-left: 20px;
	padding-bottom: 100px;
}
#pagemenu li {
	width: 187px;
	margin: 0;
	border-bottom: 1px solid #efefef;
}
#pagemenu li a {
	display: block;
	font-family: Arial;
	font-size: 15px;
	color: #9e358e;
	text-decoration: none;
	padding: 13px 20px 13px 5px;
}
#pagemenu li a:hover {
	color: #63C;
}
#pagemenu .high a, #pagemenu .high a:hover {
	background: #fff;
	color: #9e358e;
	font-weight: bold;
}



#contactinfo {
	width: 167px;
	margin-left: auto;
	margin-right: auto;
	padding: 50px 0px 100px 0px;
}
#contactinfo .heading {
	font-size: 17px;
	font-weight: bold;
	color: #993399;
	padding-bottom: 10px;
}
#contactinfo .location {
	line-height: 16px;
}
#contactinfo .contact {
	padding-top: 10px;
}



#sorting a {
	font-size: 12px;
	color: #666;
	text-decoration: none;
}
#sorting a.high, #sorting .high a:hover {
	padding: 0px 5px 0px 5px;
	border: 1px solid #ccc;
	background: #efefef;
}



.rewardslisting {
	padding-right: 12px;
	padding-bottom: 15px;
	display: inline;
	float: left;
	height: 260px;
}
.rewardlistDesc {
	font-size: 11px;
	color: #333;
	font-weight: bold;
	line-height: normal;
	padding-top: 7px;
	text-decoration: none;
	max-height: 63px;
	overflow: hidden;
}
.rewardlistDesc a:link {
	color: #333;
	text-decoration: none;
}
.rewardlistDesc a:visited {
	color: #333;
	text-decoration: none;
}
.rewardlistDesc a:hover {
	color: #333;
	text-decoration: none;
}
.rewardlistPoints {
	font-family: Arial;
	font-size: 11px;
	color: #666;
	font-weight: bold;
	padding-top: 5px;
}
.rewardlistAdd {
	font-family: Arial;
	font-size: 11px;
	color: #a43f96;
	font-weight: bold;
}
.rewardlistAdd a:link {
	color: #a43f96;
	text-decoration: underline;
}
.rewardlistAdd a:visited {
	color: #a43f96;
	text-decoration: underline;
}
.rewardlistAdd a:hover {
	color: #63C;
	text-decoration: underline;
}



#pagination {
}
#pagination ul {
	border: 0;
	margin: 0;
	padding: 0;
}
#pagination li {
	border: 0;
	padding: 0;
	margin: 0px 3px 0px 0px;
	font-size: 12px;
	list-style: none;
	display: inline;
	font-weight: bold;
	float: left;
}
#pagination a {
	border: solid 1px #e3e3e3;
}
#pagination .previous-off, #pagination .next-off {
	border: solid 1px #e3e3e3;
	color: #999;
	display: block;
	float: left;
	font-weight: normal;
	padding: 3px 4px;
}
#pagination .next a, #pagination .previous a {
	font-weight: normal;
}
#pagination .active{
	background: #f2f2f2;
	color: #666;
	font-weight: bold;
	display: block;
	float: left;
	padding: 4px 8px;
	border: solid 1px #e3e3e3;
}
#pagination a:link, #pagination a:visited {
	color: #666;
	display: block;
	float: left;
	padding: 4px 8px;
	text-decoration: none;
}
#pagination a:hover{
	color: #666;
	border: solid 1px #ccc;
	background: #f2f2f2;
}



.rewarddetailPoints {
	font-size: 15px;
	color: #333;
	font-weight: bold;
	padding-top: 5px;
}
.rewarddetailQty {
	font-size: 13px;
	padding-top: 15px;
	padding-bottom: 15px;
}
.rewarddetailDesc {
	font-size: 13px;
	color: #666;
}
.rewarddetailHeading {
	font-size: 15px;
	color: #9e358e;
	font-weight: bold;
	padding-top: 20px;
}



.newslistHeading {
	font-size: 17px;
	font-weight: bold;
	padding-bottom: 7px;
}
.newslistDesc {
	padding-bottom: 7px;
	line-height: 16px;
	color: #666;
}
.newslistLink {
	font-size: 12px;
	color: #c9b381;
	font-weight: bold;
}
.newslistLink a:link {
	color: #c9b381;
	text-decoration: none;
}
.newslistLink a:visited {
	color: #c9b381;
	text-decoration: none;
}
.newslistLink a:hover {
	color: #63C;
	text-decoration: none;
}



.newsitemLeftpix {
	padding: 0px 20px 15px 0px;
}


.newsitemBacklink {
	font-size: 13px;
	color: #333;
	padding-top: 18px;
}
.newsitemBacklink a:link {
	color: #333;
	text-decoration: none;
}
.newsitemBacklink a:visited {
	color: #333;
	text-decoration: none;
}
.newsitemBacklink a:hover {
	color: #63C;
	text-decoration: none;
}



#rhsbox {
	width: 238px;
	background: #f7f7f7;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 15px;
}
#rhsbox .content {
	padding: 15px 20px;
}
#rhsbox .heading {
	font-size: 18px;
	font-weight: bold;
	color: #993399;
	padding-bottom: 5px;
}
#rhsbox .text {
	font-size: 12px;
	line-height: 15px;
}


/*.signupOption1 {
	display: inline-block;
	width: 280px;
	height: 195px;
	background: url(images/signup/btn-individual1.jpg) no-repeat;
}
.signupOption1:hover {
	background: url(images/signup/btn-individual2.jpg) no-repeat;
}
.signupOption2 {
	display: inline-block;
	width: 280px;
	height: 195px;
	background: url(images/signup/btn-corporate1.jpg) no-repeat;
	margin-left: 25px;
}
.signupOption2:hover {
	background: url(images/signup/btn-corporate2.jpg) no-repeat;
}*/
.signupDone1 {
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 8px;
	padding-top: 5px;
	color: #993399;
}
.signupDone2 {
	font-size: 12px;
	width: 400px;
	line-height: 15px;
	color: #888;
}


.privilegeslistHeading {
	font-size: 17px;
	font-weight: bold;
	padding-bottom: 7px;
}
.privilegeslistDesc {
	padding-bottom: 7px;
	line-height: 16px;
	color: #666;
}
.privilegeslistLink {
	font-size: 12px;
	color: #c9b381;
	font-weight: bold;
}
.privilegeslistLink a:link {
	color: #c9b381;
	text-decoration: none;
}
.privilegeslistLink a:visited {
	color: #c9b381;
	text-decoration: none;
}
.privilegeslistLink a:hover {
	color: #63C;
	text-decoration: none;
}



#listitems ul {
	margin: 0;
	padding: 0;
	border: none;
}
#listitems ul li {
	line-height: normal;
	list-style-type: none;
	padding: 0px 0px 5px 12px;
	text-indent: 0px;
	background: url(images/bullet_dash.png) no-repeat 0px 7px;
}



#downloadbox {
	width: 670px;
	background: #f2f2f2;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
	border-radius: 8px;
	margin-top: 35px;
}
#downloadbox .content {
	padding: 20px 25px;
}
#downloadbox .text1 {
	font-size: 15px;
}
#downloadbox .text2 {
	font-size: 12px;
}



#cartitem {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
}
.cartheadingName {
	font-size: 13px;
	font-weight: bold;
	color: #666;
}
.cartheadingUnitprice {
	font-size: 13px;
	font-weight: bold;
	color: #666;
	text-align: center;
}
.cartheadingQty {
	font-size: 13px;
	font-weight: bold;
	color: #666;
	text-align: center;
}
.cartheadingSubtotal {
	font-size: 13px;
	font-weight: bold;
	color: #666;
	text-align: right;
}



.cartTotal {
	font-size: 18px;
	font-weight: bold;
	color: #333;
	text-align: right;
	padding-right: 12px;
}
.cartitemPix {
	width: 106px;
}
.cartitemHeading {
	font-weight: bold;
	color: #333;
}
.cartitemDesc {
	color: #666;
	line-height: normal;
}
.cartitemLink {
	color: #993399;
	font-weight: bold;
	padding-top: 5px;
}
.cartitemLink a:link {
	color: #993399;
	text-decoration: none;
}
.cartitemLink a:visited {
	color: #993399;
	text-decoration: none;
}
.cartitemLink a:hover {
	color: #63C;
	text-decoration: none;
}
.cartitemUnitprice {
	font-weight: bold;
	color: #333;
	text-align: center;
	width: 110px;
}
.cartitemQty {
	font-weight: bold;
	color: #333;
	text-align: center;
	width: 50px;
}
.cartitemSubtotal {
	font-weight: bold;
	color: #333;
	text-align: right;
	width: 100px;
}
.cartitemSpacing {
	width: 10px;
}



#redemptionitem {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
}
.redemptionHeading {
	font-size: 13px;
	font-weight: bold;
	color: #666;
}
.redemptionTxn {
	font-weight: bold;
	color: #333;
	width: 110px;
}
.cartitemReward {
	width: 410px;
}
.redemptionPix {
	width: 80px;
}
.redemptionReward {
	width: 340px;
}
.redemptionDesc {
	color: #333;
}
.redemptionDate {
	color: #333;
	text-align: center;
	width: 80px;
}
.redemptionStatus {
	color: #333;
	text-align: center;
	width: 80px;
}
.redemptionTotal {
	color: #333;
	text-align: right;
	width: 60px;
}
.redemptionSpacing {
	width: 10px;
}



.earnduotbl {
  border: solid #ebebeb;
  border-collapse: collapse;
  border-width: 1px 0px 1px 0px;
}
.earnduotbl td {
  border: solid #ebebeb;
  border-width: 1px 0px 1px 0px;
  padding: 10px 10px 10px 10px;
}
.earnduotbldivider {
  border-bottom: 3px solid #ebebeb;
}



.promolistHeading {
	font-size: 17px;
	font-weight: bold;
	padding-bottom: 7px;
}
.promolistDesc {
	padding-bottom: 7px;
	line-height: 16px;
	color: #666;
}
.promolistLink {
	font-size: 12px;
	color: #c9b381;
	font-weight: bold;
}
.promolistLink a:link {
	color: #c9b381;
	text-decoration: none;
}
.promolistLink a:visited {
	color: #c9b381;
	text-decoration: none;
}
.promolistLink a:hover {
	color: #63C;
	text-decoration: none;
}



.promoitemLeftpix {
	padding: 0px 20px 15px 0px;
}
.promoitemBacklink {
	font-size: 13px;
	color: #333;
	padding-top: 18px;
}
.promoitemBacklink a:link {
	color: #333;
	text-decoration: none;
}
.promoitemBacklink a:visited {
	color: #333;
	text-decoration: none;
}
.promoitemBacklink a:hover {
	color: #63C;
	text-decoration: none;
}



div#duoSlideshow { margin: 0; padding: 0; position: relative; width: 940px; height: 387px; }
div.duoSlide { position: absolute; top: 0; left: 0; width: 940px; height: 387px; display: none; }
div.duoSlide img { float: left; margin: 0; width: 940px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; }
div#duoSlideshowControls { position: relative; top: 318px; width: 896px; margin-left: auto; margin-right: auto; }
div.duoSlideshowControl { width: 222px; height: 44px; float: left; background: url(images/home/topbanners/bg1.png) repeat-x; color: #777; font-size: 15px; font-weight: bold; text-align: center; border: 1px solid #ddd; cursor: pointer; }
div.duoSlideshowControl span { line-height: 44px; vertical-align: middle; }
div.duoSlideshowControlOn { background: url(images/home/topbanners/bg2.png) repeat-x; color: #fff; }
div.duoSlideshowControlActive { background: url(images/home/topbanners/bg2.png) repeat-x; color: #fff; }



#sliderContainer {
	width: 943px;
	height: 254px;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	background: url(images/home/sliderbg.png) no-repeat;
	overflow: hidden;
}
#slides {
	position: relative;
	overflow: hidden;
	min-height: 224px;
	border: 0;
	padding: 0;
	margin: 0; /* 20px 0px 0px 0px */
	min-width: 830px;
	max-width: 830px;
	z-index: 2;
}
#slides ul {
	margin: 0;
	padding: 0;
	border: none;
	z-index: 1;
	position: relative;
}
#slides ul li {
	line-height: normal;
	list-style-type: none;
	min-width: 178px;
	max-width: 178px;
	min-height: 224px;
	margin: 0px 0px 0px 0px;
	padding: 20px 15px 18px 15px;
	float: left;
	overflow: hidden;
}
#slides ul li img {
	border: 3px solid #e2e2e2;
}
#slides ul li div {
	min-width: 178px;
	max-width: 178px;
	width: 178px;
}
#slides h3, h4 {
	text-align: left;
	margin: 8px 0px 3px 0px;
	color: #333;
	font-size: 16px;
	font-weight: bold;
}
#slides a {
	font-size: 11px;
	color: #bd9f5f;
	text-decoration: none;
	font-weight: bold;
}