/* CSS Document */
body {
	background: #fff;
	text-align: center;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
}
#container {
	width: 928px;
	margin: 0 auto;
	text-align: left;
}
#content {
	background: url(../images/contentbg.gif) repeat-y;
	width: 928px;
}
#just_content {
	width: 800px;
	margin-left: 128px;
}

#content p {
	font-size: 12px;
	line-height: 1.5em;
	color: #666666;
}
/*********************
COMMON
*********************/
a {
	text-decoration: none;
	color: #3399CC;
}
a:hover {
	text-decoration: underline;
	color: #23688A;
}
a.alt {
	text-decoration: none;
	color: #3399CC;
}
a:hover {
	text-decoration: underline;
	color: #336699;
}
h1 {
	font-size: 24px;
	margin: 0 0 20px 0;
	color: #99CC99;
}

h2 {
	font-size: 18px;
	margin: 0 0 20px 0;
	color: #99CC99;
	font-weight: bold;
}
h3 {
	font-size: 18px;
	margin: 0 0 20px 0;
	color: #99CC99;
}
h4 {
	font-size: 14px;
	margin: 0 0 20px 0;
	color: #99CC99;
	font-weight: bold;
}
/*********************
HEADER
*********************/
#header {
	width: 928px;
	background: url(../images/topbar.gif) repeat-x top;
	margin: 10px 0 0 0;
}
#header #logo {
	float: left;
}
#header .right {
	float: right;
}
#header #join {
	font-size: 16px;
	font-weight: bold;
	text-align: right;
	width: 300px;
	margin: 7px 20px 30px 0;
}
#header #retailers {
	margin: 0px 0 5 0;
	color: #336699;
}
#header #srch {
	margin: 0px 0 5 0;
	color: #336699;
}
#header #srch input{
	margin-top: 2px;
}
#header #retailers select, #header #retailers input {
	float: left; margin-right: 3px;
}
#header #retailers select {
	margin-top: 2px;
}
#headernav {
	width: 900px;
	background: url(../images/greenbar-left.gif) no-repeat left;
	padding-left: 20px;
	margin: 10px auto;
	height: 35px;
}
#headernav .interior {
	background: url(../images/greenbar-right.gif) no-repeat right;
	padding-right: 20px;
	width: 880px;
	height: 35px;
}
#headernav ul {
	background: url(../images/greenbar-middle.gif) repeat-x;
	width: 880px;
	padding: 10px 0 0 0;
	height: 25px;
}
#headernav ul li {
	float: left;
}
#headernav ul li a {
	font-size: 12px;
	font-weight: bold;
}
#headernav ul li.home {
	width: 40px;
}
#headernav ul li.srch {
	width: 580px;
	bottom: 5px;
	}

#headernav ul li.register {
	margin: 0 20px 0 0;
}

/**********************
Homepage
**********************/
#leftcol {
	width: 180px;
	margin-right: 20px;
	float: left;
}
#middlecol {
	width: 587px;
	margin-right: 20px;
	float: left;
}
#landing_middlecol {
	width: 800px;
	margin-right: 20px;
	float: left;
}
#rightcol {
	width: 121px;
	float: left;
}

#rightcol .ad120-600{
	background-color:#99cdff; 
	padding: 0 0 0 10px;
}

#rightcol .ad120-600 h2 {
	font-size: 16px;
	color: #ffffff;
	margin: 10px auto 20px auto;
}

#rightcol ul li  {
	padding: 5px 3px;
}

#rightcol ul li a {
	font-size: 10px;
	font-weight: bold;
}

#leftcol .ad120 {
	width: 180px;
	padding: 10px 0;
	background: #fff;
}
#leftcol .ad120 .interior {
	width: 120px;
	background: #fff;
	margin: 0px auto 0px auto;
}
#leftcol .categories {
	width: 160px;
	border-top: 10px solid #fff;
	margin: 0px auto 20px auto;
}
#leftcol .categoryBox {
	background: #E2EBDE;
	color: #336699;
	padding: 10px;
	width: 140px;
}
#leftcol .categoryBox h2 {
	font-size: 14px;
	color: #336699;
	margin: 10px auto 20px auto;
}
#leftcol .categoryBox li {
	margin: 10px 0;
}
#leftcol .categoryBox li a {
	font-size: 12px;
}
/**********************
LOGIN
**********************/
#loginbox {
	width: 700px;
	background: url(../images/splash.jpg) no-repeat left top;
}
#loginbox #content {
	width: 360px;
	text-align: left;
	padding: 10px 0;
	float: right;
	background-image: none;
}
#loginbox p {
	margin: 0 0 0 10px;
}
#loginbox .splashlogo {
	margin: 10px auto;
	width: 238px;
}
#loginForm {
	margin: 10px;
	font-size: 11px;
}
#loginbox ul {
	font-size: 12px;
	line-height: 1.4em;
	padding: 10px;
}
#loginbox ul li {
	margin: 0 0 10px 0;
}
#loginForm label {
	width: 60px;
	padding: 4px;
	display: block;
	color: #5599bb;
	float: left;
}
#loginForm .textbox {
	width: 150px;
	float: left;
	margin: 0 0 10px 0;
	padding: 2px;
	border: 1px solid #CCCCCC;
	color: #666666;
	font-size: 11px;
}
/**********************
FOOTER
**********************/
#footer {
	width: 928px;
	padding: 0;
	line-height: 1.8em;
	margin: 10px auto;
	text-align: center;
}
#footer .siteowner {
	background: url(../images/footer_bar.jpg) no-repeat;
	width: 800px;
	margin: 5px auto;
	text-align: center;
	height: 29px;
	padding: 8px 0 0 0;
	font-size: 11px;
	color: #000;
}
#footer .bottomlinks {
	width: 780px;
	margin: 0 auto;
}
#footer .bottomlinks li {
	float: left;
	padding: 0 20px;
} 
#footer .bottomlinks li a {
	color: #3399CC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}
#footer .copyright {
	font-size: 10px;
	color:#999999;
}
#footer .smallLogo {
	margin: 20px 0;
}
/***********************
BACKOFFICE
***********************/
#officeContent {
	width: 928px;
}
#officeContent h1 {
	color: #82b350;
	font-family: Lucida Sans, Verdana, Arial;
	font-size: 30px;
	font-weight: normal;
	margin: 10px 0 0 0;
	width: 220px;
	padding-bottom: 3px;
	float: left;
}
#officeContent .top {
	width: 858px;
	background: url(../images/backoffice/greenbar.gif) bottom repeat-x;
	padding-bottom: 15px;
	margin-top: 10px;
}
#officeContent .dateName {
	width: 928px;
	margin: 5px 0 5px 0;
}
#officeContent .dateName .theName {
	float: left;
	width: 200px;
}
#officeContent .dateName .theDate {
	float: right;
	width: 200px;
}
.backOfficeNav {
	float: right;
	margin-top: 20px;
}
#backOfficeCol {
	width: 781px;
	background: url(../images/backoffice/icons/revenue.gif) no-repeat left top;
	padding-left: 47px;
}
.backOfficeNav li {
	float: left;
	color: #57a150;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 0 10px;
}
#backOfficeColDashboard {
	width: 851px;
	background: url(../images/backoffice/icons/revenue.gif) no-repeat left top;
	padding-left: 47px;
}
#backOfficeColNetwork {
	width: 851px;
	background: url(../images/backoffice/icons/revenue.gif) no-repeat left top;
	padding-left: 47px;
}
#backOfficeColEarnings {
	width: 851px;
	background: url(../images/backoffice/icons/earnings.gif) no-repeat 0 20px;
	padding-left: 47px;
}
.module {
	width: 826px;
	margin: 15px 0;
}
.module .moduleTop {
	background: url(../images/backoffice/modulebar.gif) no-repeat;
	width: 826px;
	height: 40px;
	line-height: 35px;
}
.module .moduleTop h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 21px;
	color: #2b671d;
	font-weight: normal;
	margin-left: 10px;
}
.module .leftcol {
	width: 390px;
	float: left;
	margin-right: 0px;
	padding: 10px;
	line-height: 1.3em;
}
.module .rightcol {
	width: 390px;
	float: left;
	padding: 10px;
}
.module .onecol {
	width: 790px;
	padding: 10px;
}
.module label {
	display: block;
	float: left;
	line-height: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-right: 10px;
	width: 150px;
	color: #458bae;
	font-size: 14px;
}
.module .textbox {
	float: left;
	margin-bottom: 3px;
}
.module label.check {
	width: 25px;
	line-height: 10px;
	margin: 10px 0 0 0;
}
.module p.checkp {
	margin-top: 13px;
}
.module .smallType {
	color: #525252;
	margin: 2px 0px 15px 160px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.module strong {
	font-size: 12px;
}
.module1 label {
	font-size: 14px;
}
.module6 label {
	font-size: 14px;
	width: 175px;
}
.module9 p, .module8 p, .module7 p {
	margin-bottom: 10px;
}
.module9 li {
	margin-bottom: 10px;
	font-weight: bold;
	color: #000;
	font-size: 11px;
	clear: both;
	width: 700px;
}

.moduleCol1 {
	width: 409px;
	float: left;
	margin-right: 15px;
	margin-top: 15px;
}
.moduleCol2 {
	width: 409px;
	float: left;
	margin-top: 15px;
}
#backOfficeColEarnings .moduleCol1, #backOfficeColEarnings .moduleCol2 {
	margin-top: 0;
}
.moduleHalf {
	width: 408px;
	margin: 0;
}
.moduleHalf .moduleTop {
	background: url(../images/backoffice/modulebarHalf.gif) no-repeat;
	width: 408px;
	height: 40px;
	line-height: 35px;
}
.moduleHalf .moduleTop h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 21px;
	color: #2b671d;
	font-weight: normal;
	margin-left: 10px;
	float: left;
}
.moduleHalf .plusSign {
	float: right;
	margin: 8px 10px 0 0;
}
.moduleHalf .moduleBody {
	width: 388px;
	padding: 10px;
}
.moduleHalf p {
	margin-bottom: 10px;
}
.moduleHalf h3, .module h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #458bae;
	font-size: 18px;
	margin: 0 0 2px 0;
	font-weight: normal;
}
.moduleHalf .greenBox {
	background: url(../images/backoffice/greenbox.gif) no-repeat;
	width: 373px;
	height: 104px;
	margin: 5px 0 10px 0;
}
.module .greenBox {
	background: url(../images/backoffice/greenbox.gif) no-repeat;
	width: 373px;
	height: 104px;
	margin: 5px 0 10px 0;
}
.module .greenBox h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #458bae;
	font-size: 18px;
	margin: 0 0 2px 0;
	font-weight: normal;
}
.moduleHalf .greenBox .storesList li {
	width: 100px;
	float: left;
	background: url(../images/backoffice/icons/store.gif) no-repeat top center;
	padding: 58px 10px 0 10px;
	margin: 8px 0 0 0;
	text-align: center;
}
.moduleHalf .icon, .module .icon {
	float: left;
	margin-right: 10px;
	width: 50px;
}
.moduleHalf .thingText, .module .thingText {
	float: left;
	width: 320px;
	margin-bottom: 10px;
}
.moduleHalf .thingText p {
	line-height: 1.3em;
}
.greenBox li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 1.3em;
	float: left;
}
.greenBox h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #333333;
	font-size: 14px;
}	
.commissionInfo p {
	width: 388px;
	color: #b8b8b8;
	margin: 2px 15px 2px 0;
	text-align: right;
}
.regEmail {
	background: url(../images/backoffice/icons/greenEmail.gif) 0px 15px no-repeat;
	width: 265px;
	margin: 10px auto 0 auto;
	padding-left: 50px;
	padding-top: 20px;
}
.regEmail .email {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #6e9844;
	font-size: 12px;
	margin: 20px 0 0 0;
}

.notice {
	color: #fff;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	float: right;
	margin: 0 15px 0 0;
}
#backOfficeColNetwork .moduleTop h2 {
	float: left;
}
.personList h3 {
	margin-top: 10px;
	margin-bottom: 5px;
}
.greenBox .peopleList li {
	width: 100px;
	float: left;
	background: url(../images/backoffice/icons/people.gif) no-repeat top center;
	padding: 58px 10px 0 10px;
	margin: 8px 0 0 0;
	text-align: center;
}
.paymentDate {
	margin: 10px 0 0 10px;
}
.paymentDate h3 {
	margin: 10px 0 5px 0;
}
.payments .payment {
	width: 320px;
	padding: 0 0 0 50px;
	margin: 0 0 10px 0;
	background: #fff url(../images/backoffice/icons/payments.gif) no-repeat left;
}
.payments .payment h4 {
	width: 140px;
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 1.2em;
	color: #458bae;
	margin: 5px 0 0 0;
	font-weight: normal;
}
.payments .payment .price {
	font-size: 36px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #6b993d;
	float: right;
}

h3.moreSpace {
	margin: 20px 0;
}
/***********************
MISC
***********************/
.fade {
	color: #b8b8b8;
}
.clear {
   clear: both;
}
small {
	font-size: 10px;
}
.contenttitle
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	vertical-align: bottom;
	height: 91px;
	padding-left: 45px;
}
.hrr {
	border-bottom-style:solid;
	border-bottom-color:#C9D7F1;
	border-bottom-width: 1px;
	height:3px;
	margin:5px;
}
.formdata {
/*	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
*/	color: #808080;
}
.formdata_bold {
/*	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
*/	color: #808080;
	font:bold;
}
.formdata_green {
/*	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
*/	color: #9C6;
}

.formdata_red {
/*	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
*/	color: #FF0000;
}
.formdatapadded {
/*	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
*/	color: #808080;
	padding-right: 75px;
	padding-left: 75px;
 	_padding-right: 65px;
	_padding-left: 65px;
	padding-top: 45px;
	list-style-position: outside;
	list-style-type: decimal;
}
.compdisc {
/*	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
*/	color: #336699;
}
.siteav{
	color:#F00;
}
.siteavY{
	color:#369;
}
.using {
/*	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
*/	background-image: url(/images/opportunity_11.gif);
	width: 462px;
	height: 56px;
	color: #FFF;
	font-weight: bold;
	background-repeat: no-repeat;
	padding: 10px;
	margin-right: -15px;
	margin-left: -15px;
}
/********
* boxes
********/

.liquid-round {
width:100%;
margin:0px auto;
background:#fff url(/images/leftside.gif) repeat-y left top;
position:relative;
clear:both;
z-index:1;
}
.top {
width:100%;
height:20px;
background:url(/images/top.gif) no-repeat left top;
}
.top span {
display:block;
position:relative;
height:20px;
background:url(/images/top-right.gif) no-repeat right top;
}
.center-content {
position:relative;
background:url(/images/rightside.gif) repeat-y right top;
padding:1px 25px 1px 25px;
margin:-1px 0 -50px 0;
}
.bottom {
width:100%;
height:60px;
background:url(/images/bottom.gif) no-repeat left bottom;
}
.bottom span {
display:block;
position:relative;
height:60px;
background:url(/images/bottom-right.gif) no-repeat right top;
}

.t {background: url(/images/dot2.gif) 0 0 repeat-x; width: 550px}
.b {background: url(/images/dot2.gif) 0 100% repeat-x}
.l {background: url(/images/dot2.gif) 0 0 repeat-y}
.r {background: url(/images/dot2.gif) 100% 0 repeat-y}
.bl {background: url(/images/bl2.gif) 0 100% no-repeat}
.br {background: url(/images/br2.gif) 100% 100% no-repeat}
.tl {background: url(/images/tl2.gif) 0 0 no-repeat}
.tr {background: url(/images/tr2.gif) 100% 0 no-repeat; padding:10px}
.clearb {font-size: 1px; height: 1px}

/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0 auto; /* center for now */
	width: 600px; /* ems so it will grow */
	background: url(/images/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(/images/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(/images/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(/images/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
}

.coup0 {
font-family : tahoma;
font-size : 11px;
color : #3b3b3b;
line-height : normal;
text-decoration : none;
}
a.coup0:visited {
font-family : tahoma;
font-size : 11px;
color : #3b3b3b;
line-height : normal;
text-decoration : none;
}
a.coup0:hover {
font-family : tahoma;
font-size : 11px;
color : #3b3b3b;
line-height : normal;
text-decoration : underline;

}
.coup2 {
font-family : tahoma;
font-size : 11px;
font-weight : bold;
color : #993366;
line-height : normal;
text-decoration : none;
}
.coup1 {
font-family : tahoma;
font-size : 11px;
font-weight : bold;
color : #585858;
line-height : normal;
text-decoration : none;
}

.coup4 {
font-family : verdana;
font-size : 13px;
font-weight : bold;
color : #0066CC;
line-height : normal;
text-decoration : none;
}
.coup3 {
font-family : tahoma;
font-size : 11px;
font-weight : bold;
color : #558923;
line-height : normal;
text-decoration : none;
}
.dotted_over {
border : 1px dashed #7B66E7;
background-color : #9ACC99;
padding : 2px;
width : 100%;
height : 100%;
}

.dotted {
border : 1px dashed #7B66E7;
background-color : #ffffff;
padding : 2px;
width : 100%;
height : 100%;
}
.logo_box{
padding: 2px;
width: 140px;
height: 60px;
background-color: #FFFFFF;
border: 1px solid #9ACC99;
}
.coup5{
	color: white;
	font-weight : bold;
	width: 100%;
	padding : 4px 5px;
	margin: 5px;
	margin-bottom: 5px;
	margin-top: 5px;
	padding-top: 5px;
	padding-bottom: 4px;
}
.coup6{
font-family : verdana;
font-size : 14px;
font-weight : bold;
color : #00519f;
line-height : normal;
text-decoration : none;
}#more {
	 text-decoration: none;
	 color: #000000;
	 font-size: 14px;
}#more a {
	 text-decoration: none;
	 color: #000000;
	 font-size: 14px;
}
.rightsearch{
	 text-decoration: none;
	 color: gray;
	 font-size: 10px;
	 font-weight : bold;
	padding: 5px 0px 5px;
}