/* carlo added styles */

.asterisk {
	font-size: x-small;
	color: #999999;
}


body {
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  background-color: #e9e9e9;
  background-image:url(img/bg_body.jpg);
  background-repeat:repeat-x;
  margin: 0;
  font-size: 11px;
  color: #333333;
}

#main_center {
	width: 776px; 
	margin: 0 auto;
	margin-bottom: 50px;
	background-color:#fff;
	border: 1px solid #cccccc;
}

#header {
	width: 776px;
	height: 127px;
    background-image:url(img/bg_header.jpg);
    background-repeat:repeat-x;
	clear: left;
}

#footer {
	clear:both;

	height: 20px;
	background-color: #152d45;
	text-align: center;
	vertical-align: middle;
	padding-top: 8px;
	color: #ffffff;
	font-size: 10px;
}

#logo {
	width: auto;
	height: 127px;
	margin-left: 39px;
    background-image: url(img/handshake.jpg);
    background-repeat: no-repeat;
	background-position:right;
}

#login_bar 
{
	width:auto;
	height: 68px;
	background-image:url(img/bg_login_bar.gif);
	background-repeat:repeat-x;
	border-top: solid #152d45;
	border-top-width: 2px;
	margin-top:-2px;
}


.login_boxes {
	margin-top: 10px;
	margin-right: 5px;
	float: right;
	color: #999999;
	font-size: 10px;
}

.login_boxes input.boxes{
	width: 57px;
	height: 14px;
	font-size: 10px;
	border-color:#d5d5d5;
	border-width: 1px;
	border-style:solid;
}

#content {
	/*height: 900px;*/
	margin: 0px;
	padding: 0px;
	background-color:#FFFFFF;
	float: left;
}

#content_faq {
	/*height: 1300px;*/
	margin: 0px;
	padding: 0px;
	background-color:#FFFFFF;
}

#content_join {
	/*height: 1300px;*/
	margin: 0px;
	padding: 0px;
	background-color:#FFFFFF;
}

#submit {
	background-color: #ddd;
	border: 1px solid #ccc;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 30px;
	clear: left;
	margin-bottom: 10px;
}

#brand_content {
	/*height: 1800px;*/
	margin: 0px;
	padding: 0px;
	background-color:#FFFFFF;
}


#inside_left_cont {
	float: left;
	margin-top: 10px;
	width: 100%;
}

#contacts_div {
	float: left;
	margin-top: 10px;
	width: 100%;
}

#random_div {
	float: left;
	margin-top: 10px;
	width: 48%;
}

#brands_div {
	float: left;
	margin-left:15px;
	margin-top: 10px;
	width: 48%;
	height: 311px;
	background-image:url(img/bg_brands.jpg);
}

img#join-mid
{
	position: relative;
	right: 0px;
	vertical-align: top;
}


#left_cont {
	float: left;	
	width: 417px;
	padding-left: 10px;
	padding-right: 20px;
	margin-bottom:50px;
	
	
}

.right_cont 
{
	width: 329px;
	margin-bottom:100px;
	float: right;
	clear: right;
}

#join_div {
	
	float: left;
	height: 106px;
	clear: right;
	
}

#join_div a img
{
	padding: 0px;
	margin: 0px;
	vertical-align: top;
}

* html #join_div a img 
{
	vertical-align:baseline;}

#expect 
{
	float: left;
	height: 320px;
	width: 100%;
	background-color:#ececec;
	background-image:url(img/bg_expect.gif);
	background-repeat:repeat-y;
}

#promo {
	margin-top: 10px;
	float: left;
	width: 319px;
	/* height: 250px;*/
}

#extra_info {
	
	border-top: 2px solid #c80c0c;
	margin-top: 40px;
	float: left;
	width: 319px;
}


A:link, A:active, A:visited  {
	color: #0063c6;
	text-decoration: underline;
	font-size: 11px;
}

A:hover {
	text-decoration: none;
}

A.footer:link, A.footer:active, A.footer:visited  {
	color: #ffffff;
	font-size: 11px;
	text-decoration: none;
	font-size: 10px;
}

A.footer:hover {
	text-decoration: underline;
}


A.more:link, A.more:active, A.more:visited  {
	color: #0063c6;
	font-size: 11px;
	text-decoration: underline;
	font-size: 10px;
	vertical-align:bottom;
	text-align: right;
}

A.more:hover {
	text-decoration: none;
}

.login {
	border: 1px solid #d5d5d5;
	font-size: 11px;
}

.contact_area {
	border: 1px solid #d5d5d5;
	width: 100%;
}
h2 {
	margin: 0px;
	padding: 0px;
	padding-top: 5px;
	padding-bottom: 10px;
	color: #2e4871;
	font-size: 11px;
	font-weight: bold;
	border-top: 2px solid #2e4871;

}
h3 {
	margin: 0px;
	padding: 0px;
	padding-top: 5px;
	padding-bottom: 10px;
	color: #c80c0c;
	font-size: 11px;
	font-weight: bold;
	border-top: 2px solid #c80c0c;

}

.h3_no_bar {
	margin-left:5px;
	padding-bottom: 10px;
	color: #c80c0c;
	font-size: 11px;
	font-weight: bold;
}

UL.arrow {
	list-style-image:url(img/arr.gif);
	color: #696969;
	padding: 0px;
	padding-left: 20px;
	
}

LI.arrow {
	margin-bottom: 10px;
	padding-right: 10px;
}

TEXTAREA {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 11px;
}

P {
	text-align:justify;
}

P.bold {
	font-weight: bold;
}

P.question {
	font-weight: bold;
	text-transform:uppercase;
}

P.answer {
	padding-bottom: 15px;
}

.red {
	color: #c80c0c;
}

.small_grey{
	font-size: 9px;
	color: #ccc;
}



/* Standard Button */
div.button-norm,
div.button-over,
div.button-down,
div.button-selected,
div.button-dsbl {
     margin:3px;
	 margin-left:0px;
     padding:0px 0px 0px 2px;
     float:right;
}

div.button-norm {
     background:url(img/buttons/button-l-norm.gif) no-repeat left top; }

div.button-over {
     background:url(img/buttons/button-l-over.gif) no-repeat left top; }

div.button-down {
     background:url(img/buttons/button-l-down.gif) no-repeat left top; }

div.button-selected {
     background:url(img/buttons/button-l-selected.gif) no-repeat left top; }

div.button-dsbl {
     background:url(img/buttons/button-l-dsbl.gif) no-repeat left top; }

div.button-norm div,
div.button-over div,
div.button-down div,
div.button-selected div,
div.button-dsbl div {
font-family:verdana;
     line-height:20px;
     font-size:11px;
     font-weight:normal;
     padding:0px 6px 1px 4px;
     color:#666666;
     cursor:pointer;
}

div.button-norm div {
     background:url(img/buttons/button-r-norm.gif) no-repeat right top; }

div.button-over  div {
     background:url(img/buttons/button-r-over.gif) no-repeat right top;
     color:#333333;
}

div.button-down div {
     background:url(img/buttons/button-r-down.gif) no-repeat right top;
     color:#333333;
}

div.button-selected div {
     background:url(img/buttons/button-r-selected.gif) no-repeat right top;
     color:#fff;
}

div.button-dsbl div {
     background:url(img/buttons/button-r-dsbl.gif) no-repeat right top;
     color:#bdbdbd;
}

div#join-form
{
}

div#join-form label
{
	width: 40%;
	float: left;
	clear: left;
	height: 25px;
	margin-bottom: 5px;
}

div#join-form h2
{
	clear: left;}

div#join-form input,
div#join-form select,
div#join-form span
{
	float: left;
}

div#join-form input,
div#join-form select
{
	margin-bottom: 15px;
	width: 143px;
	height: 14px;
	font-size: 10px;
	border-color:#d5d5d5;
	border-width: 1px;
	border-style:solid;
	float: left;
}

span.join-valid
{
	clear: both;
	padding-bottom: 5px;
	padding-left: 175px;
	width: 240px;
}

div#join-form span.datepicker
{
	border: none;
	margin-bottom: 5px;
}

div#join-form span.datepicker input
{
	margin-right: 2px;
}

div#join-form span.rbGender
{
	float: left;
	width: 75px;
}

div#join-form span.rbGender label
{
	clear: none;
	float: left;

}

div#join-form span.rbGender input
{
	border: none;
	float: left;
	width: 20px;
}

div#join-form table.commission tr td input
{
	width: 5%;
	border: none;
}

div#join-form table.commission
{
	width: 300px;
}

div#join-form table.commission tr td label
{
	clear: none;
	width: 91%;
}

div#join-form span.get-newsletter
{
	float: left;
	clear: left;
	width: 95%;
}

div#join-form span.get-newsletter input
{
	width: 5%;
	border: none;
}

div#join-form span.get-newsletter label
{
	width: 75%;
	clear: none;
}

div#join-form label.how-did-you
{
	width: 180px;}
	
.formtext {
	border: 1px solid #d5d5d5;
	font-size: 11px;
}

div.join-field
{
	float: left;
	width: 150px;
}

.formtextBox {
	width: 143px;
	height: 14px;
	font-size: 10px;
	border-color:#d5d5d5;
	border-width: 1px;
	border-style:solid;
}

.link 
{
	font-family:verdana,arial,helvetica; 
	font-size:9pt; 
	font-weight:bold; 
	color:#0062A3;
	cursor:pointer;
}

/*to position calendar popups on join in firefox*/
div#ctl00_M_memberInfo_ewCldBirthday_monthYear
{
	position: relative;
	left: 570px;
	top: 435px;
}

#family-bar
{
	margin:0;
	padding:0;
	font-size:12px;
	background:url('img/common/family-bar-bg.gif') repeat #707070;
	border-bottom:solid 2px #aeaeaf;
	float:left;
	width:100%
}

#family-bar li
{
	float:left;
	display:inline;
	border:solid 1px #434343;
	border-top:solid 1px #b3b3b3;
	border-left:solid 1px #878787;
	padding-top:1px;
	width:95px;
	height:19px;
	text-align:center;
}

#family-bar a
{
	font-size: 72%;
	text-transform:uppercase;
	color:#ccc;
	text-decoration:none;
	display:block;
	line-height:19px;
}
 
#family-bar .family-first{
            width:95px;
}
 
#family-bar a:hover{
            color:#fff;
}

.invalid-login
{
	
	font-size: 10px;
	color: #FF0000;
	font-weight: bold;
	position: relative;
	top: 2px;
	left: 515px;
	display: block;
	width: 260px;
}

div#invalid-login
{
	clear: both;
	background: url(img/invalid-login2.gif) no-repeat top right;
	float: right;
	height: 34px;
	width: 100%;
	margin-bottom: 5px;
}