* 
	{ padding: 0; margin: 0; font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif; font-size: 1em; }
body 
	{ font-size: 62.50%; background:url('/img/affiliates/bg/bg.png') repeat 0 0; }
	
/* clearing --------------*/
.x:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } 
* html .x { height: 1%; } 
*:first-child+html .x { min-height: 1px; }
/* -----------------------*/

/* common */

img {
	border: 0;
}
#site a {
	color: #409ef6; 
	text-decoration: none; 
}
#site a:hover {
	color: #393939; 
}

#site h1 {
	font: 25px/30px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
	color: #2e2e2e;
	font-weight: bold;
	letter-spacing: 0.2px;
}
#site h2 {
	font: 25px/27px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #2e2e2e;
	margin-bottom: 20px; 
}
h3 {
	font: 25px/27px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #649809;
	text-align: center;
	margin-bottom: 20px; 
}
h4 {
	font: 14px/35px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: bold;
}
h5 {
	color: #2a62a0;
	font: 14px/14px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-bottom: 11px;
}
h6 {
	color: #5b5b5b;
	font: 14px/18px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
	margin-bottom: 15px;
	font-weight: bold;
}

/* Site layout */
#site {
	width: 960px; 
	padding: 0 10px;
	margin: 0 auto;
}
#wrapper {
	background: transparent url('/img/affiliates/bg/bg_top.png') repeat-x 0 0; 
	min-width: 980px;
}

/* header elements */
#header {
	padding: 14px 0px 17px 0px;
}
#header_info {
	position:relative;
	height:40px;
}
#logo {
	display: block; 
	position:absolute;
	bottom:0;
	left:0;
}
#logo img {
	display: block; 
	order: none;
}
#secured {
	position:absolute;
	right:0;
	bottom:-20px;
	float: right; 
}
#help_ico {
	width: 27px; 
	height: 27px;
	background: #f6f7f6;
	border: 1px solid #bebebe;
	float: left;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px;
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1); 
	-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.1); 
	box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	padding: 3px;
}
#quest {
	height: 26px;
	border: 1px solid #bebebe;
	background: #f8f9f9;
	float: left; 
	margin-left: 7px;
	padding: 7px 10px 0px 10px;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px;
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1); 
	-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.1); 
	box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
}
#quest p {
	color: #7e7e7e; 
	font: 13px/16px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
}
#quest a {
	font-family: "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
}

/* content elements */
#menu {
	background: transparent url('/img/affiliates/bg/menu_bg.png') repeat-x 0 0;
	border: 1px solid #2974b5;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.36);
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.36);
	box-shadow: 0px 1px 3px rgba(0,0,0,0.36);
}
#title {
	color:#B30008 !important;
	font:38px/48px Georgia,arial !important;
	padding: 17px 0px;
	text-shadow: 0px 1px 2px #fff;
	text-align: center;
}
#main-area  {
	background: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #bebebe;
	padding: 23px 20px 30px 20px;
}

/* menu 4 steps elements */
#menu {
	overflow: hidden;
}
#menu ul {
	list-style: none;
}
#menu ul li {
	display: block;
	float: left;
	position: relative;
	letter-spacing: 0.1px;
	font: 18px/22px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
	text-shadow: 0px 1px 0px #000;
	position: relative;
	height: 23px;
}
#menu ul li span {
	position: absolute;
	top: 17px;
	width: 30px;
	height: 30px;
	text-align: center;
	font: 16px/27px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;
	background: transparent url('/img/affiliates/bg/num_bg.png') no-repeat 0 0;
	text-shadow: 0px -1px 0px #000;
}

#menu ul #start span {
	left: 27px;
}
#menu ul #info span {
	left: 17px;
}
#menu ul #customize span {
	left: 23px;
}
#menu ul #finish span {
	left: 21px;
}

#start {
	width: 86px;
	padding: 20px 10px 21px 82px;
	background: transparent url('/img/affiliates/bg/menu_arrow_bg.png') no-repeat right 0;
}
#info {
	width: 199px;
	padding: 20px 10px 21px 63px;
	background: transparent url('/img/affiliates/bg/menu_arrow_bg.png') no-repeat right 0;
}
#customize {
	width: 248px;
	padding: 20px 10px 21px 68px;
	background: transparent url('/img/affiliates/bg/menu_arrow_bg.png') no-repeat right 0;
}
#finish {
	width: 103px;
	padding: 20px 10px 21px 69px;
}

/* menu 4 steps elements active */
div[data-active=start] #start em, div[data-active=info] #info em, div[data-active=customize] #customize em {
	position: absolute;
	width: 35px;
	height: 64px;
	right: 0;
	top: 0;
	background: transparent url('/img/affiliates/bg/menu_arrow.png') no-repeat right 0;
}
div[data-active=info] #start em, div[data-active=customize] #info em, div[data-active=finish] #customize em  {
	position: absolute;
	width: 35px;
	height: 64px;
	right: 0;
	top: 0px;
	background: transparent url('/img/affiliates/bg/arrow_hover_l.png') no-repeat right 0;
}
div[data-active=start] #start, div[data-active=info] #info, div[data-active=customize] #customize, div[data-active=finish] #finish {
	background: transparent url('/img/affiliates/bg/bg_active.png') repeat-x 0 0;
}

/* main-area */
p {
	padding: 0 0 23px 0;
	font: 14px/20px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
	color: #393939;
}
p a {
	color: #4598e0;
}
.start #main-area .buttons {
	position: relative;
	padding-top: 11px;
	text-align: center;
}
.finish #main-area .buttons {
	padding-top: 6px;
	padding-bottom: 10px;
	text-align: center;
}

/* main-area buttons */
.button1 {
	font: 13px/30px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
	color: #676767; 
	border: 1px solid #c7c7c7;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px; 
	border-radius: 3px;
	background: #fff;
	padding: 1px 25px 1px 25px;
	cursor: pointer;
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.16);
	-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.16);
	box-shadow: 0px 1px 1px rgba(0,0,0,0.16);
	display: inline-block;
}
.button1:hover {
	-webkit-box-shadow: inset 0px 1px 0px rgba(0,0,0,0.16);
	-moz-box-shadow: inset 0px 1px 0px rgba(0,0,0,0.16);
	box-shadow: inset 0px 1px 0px rgba(0,0,0,0.16);
	color: #2e2e2e;
}

.button1 img {
/*	display:block;*/
	position:relative;
	top:3px;
	visibility:hidden;
}

.button2 {
	font: 18px/27px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
	text-shadow: 0px 1px 0px rgba(0,0,0,0.25);
	background: transparent url('/img/affiliates/bg/green_button.png') repeat-x 0 0;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px; 
	border: 1px solid #507e00; 
	height: 51px;
	width: 280px;
	padding: 0 40px;
	margin: 0 auto 15px auto;
	cursor: pointer;
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.16);	
	-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.16);	
	box-shadow: 0px 1px 1px rgba(0,0,0,0.16);
	display: block;
}
.button2:hover {
	-webkit-box-shadow: inset 0px 2px 0px rgba(0,0,0,0.16);
	-moz-box-shadow: inset 0px 2px 0px rgba(0,0,0,0.16);
	box-shadow: inset 0px 2px 0px rgba(0,0,0,0.16);
	color: #393939;
}
.button3 {	
	font: 17px/27px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #757575; 
	border: 1px solid #c7c7c7;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px;
	background: #fff;
	margin: 0 auto;
	padding: 18px 19px;
	cursor: pointer;
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.16);
	-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.16);
	box-shadow: 0px 1px 1px rgba(0,0,0,0.16);
	text-decoration: none;
	display: inline-block;
}
.button3:hover {
	-webkit-box-shadow: inset 0px 1px 0px rgba(0,0,0,0.16);
	-moz-box-shadow: inset 0px 1px 0px rgba(0,0,0,0.16);
	box-shadow: inset 0px 1px 0px rgba(0,0,0,0.16);
	color: #2e2e2e;
}

/* main-area first page */
form p {
	padding: 0 0 10px 0;
}
p label {	
	width: 244px;
	float: left;
	font: 14px/31px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #5b5b5b;
	text-align: right;
}

/* main-area your information page */
.info form {
	margin-top: -14px;
}
.input {
	width: 185px;
	display: block;
	border: 1px solid #c7c7c7;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px;
	background: #fff; 
	color: #676767;
	box-shadow: inset 0px 2px 2px rgba(0,0,0,0.12);
	-webkit-box-shadow: inset 0px 2px 2px rgba(0,0,0,0.12);
	-moz-box-shadow: inset 0px 2px 2px rgba(0,0,0,0.12); 
	font: 13px/16px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
	padding: 8px 10px 7px;
	height: 16px;
}
.select {
	width: 208px;
	display: block;
	border: 1px solid #c7c7c7;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px;
	background: #fff; 
	color: #676767;
	box-shadow: inset 0px 2px 2px rgba(0,0,0,0.12);
	-webkit-box-shadow: inset 0px 2px 2px rgba(0,0,0,0.12);
	-moz-box-shadow: inset 0px 2px 2px rgba(0,0,0,0.12); 
	font: 13px/30px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;	
	padding: 0 10px;
	height: 33px;
}
.chzn-container-single .chzn-single {
	height: 30px;
	line-height: 30px;
	border-color: #C7C7C7;
	color: #676767 !important;
}
.chzn-container .chzn-drop {
	border-color: #C7C7C7;
}
.jquery-checkbox img {
	width: 29px;
}
.note {
	background: #c9ddf4;
	text-align: center;
	font: 14px/17px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
	text-shadow: 0px 1px 0px rgba(0,0,0,0.25);
	color: #fff;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px;
	margin: 0 6px;
	display: inline; 
	padding: 1px 6px;
	text-decoration: none;
}

.label {
	display: block;
	color: #5b5b5b;
	padding: 0 0 9px 0;
	font: 14px/17px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.checkbox_label	{
	font: 13px/13px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
	color: #676767;
	display: inline;
	vertical-align: 10%;
}
.w1  {	
	width: 380px;
}
.w2  {
	width: 240px;
}
.w3 {
	width: 208px;
}
.w4  {
	width: 180px;
}

form .additional {
	padding-bottom: 0 !important;
	padding-top: 4px !important;
	line-height: 16px !important;
}
.wrapper_wide {
	width: auto !important;
	float: none !important;
	padding-left: 0 !important;
}
.table {
	padding: 17px 8px 0 0;
}
.table p {
	padding: 0 0 8px 0 !important;
	border-bottom: 1px dotted #000;
	color: #676767 !important;
	font: 13px/15px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif !important;
	margin-bottom: 19px;
}
.table p span {
/*	float: left;*/
	min-height:5px;
}
.table p .price {
	float: right;
}

.container_2 .condition {
	text-align: center;
}

.ddOptionList {
	max-height: 200px !important;
	overflow-y: auto;
}

/* footer elements */
#footer {
	padding: 21px 0 30px 0;
	padding-bottom:0;
}
#footer p,
#footer li {
	font: 13px/15px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
	color: #393939;
}
#footer .copy  {
	float: left;
}
#footer .footer-nav {
	float: right;
	position:relative;
}
#footer .footer-nav li {
	display: inline;
	margin:0;
}
#footer .active {
	color: #393939;
}
input[data-error],select[data-error] {
	background-color:#FFCFCC !important;
}
.noscript {
	margin-top:15px;
	margin-bottom:15px;
	padding:15px;
	border:3px solid red;
	background-color:#FEFFD7;
}
.noscript p {
	font-size:16px;
	margin-top:15px;
}
#please_wait {
	display:none;
	padding:20px;
}
#please_wait img {
	float:left;
	margin-right:15px;
}
#please_wait h3 {
	position:relative;
	top:3px;
	text-align:left;
}
#please_wait div {
	clear:both;
}
#processing {
	display:none;
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0
}
.fade {
	opacity:0.3;
}
#footer .small {
	font-size:11px;
	margin-top:2px;
}
div#finished ul {
	margin-left:25px;
	font-size:14px;
}
div#finished li {
	margin-bottom:25px;
}
#error_box {
	display:none;
	border:2px solid red;
	padding:5px;
	background-color:#FEFFD7;
	margin-bottom:15px;
}
#error_box h3 {
	font-size:17px;
}
#error_box ul {
	margin-left:25px;
	font-size:14px;
}
#benefits {
	width:700px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background-color:#D6FFD6;
	font-size:15px;
	border-radius: 15px;
	-moz-border-radius: 15px;
	margin-bottom:20px;
}
#benefits li {
	margin-bottom:15px;
	padding:10px;
	list-style-type:none;
	position:relative;
	background:url(/img/affiliates/star.png) no-repeat left top;
	padding-left:55px;
	line-height:25px;
}
#signup {
	width:650px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
}
#signup .title {
	border-top-left-radius: 15px;
	-moz-border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	-moz-border-top-right-radius: 15px;
	background-color:#0F1C70;
	padding:15px;
}
#signup .title h2 {
	margin:0;
	text-align:center;
	font-weight:bold;
	color:white;
}
#signup .body {
	border-left:2px solid #B9B9B9;
	border-right:2px solid #B9B9B9;
	border-bottom:2px solid #B9B9B9;
	padding:20px;
	border-bottom-left-radius: 15px;
	-moz-border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	-moz-border-bottom-right-radius: 15px;
}
#signup .certify * {
	font-family: 'Shadows Into Light Two', cursive;
}
#signup .certify p {
	font-size:24px;
	line-height:46px !important;
}
#signup .certify input {
	border:none;
	border-bottom:2px dashed black;
	width:100px;
	color:#2B6BDF;
	padding-left:15px;
}
#signup .certify input.error {
	background-color:#FF9488;
}
#signup button {
	display:block;
	width:250px;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	font-size:18px;
}