﻿img.vcs
{
    float:right;
}
div.LoggedOut
{
    display:none;
}
/*BUSINESS OPPORTUNITY*/
div.bopSignup button {
		border-style: none;
    border-color: inherit;
    border-width: medium;
    background: url('../images/but_wiz_next_green.gif');
    float: right;
    width: 109px;
    height: 31px;
    color: white;
    font-size: 12px;
    font-weight: bold;
    text-align:center;		
}

div.bopRegister button {
		border-style: none;
    border-color: inherit;
    border-width: medium;
    background: url('../images/but_wiz_next_orange.gif');
    float: right;
    width: 109px;
    height: 31px;
    color: white;
    font-size: 12px;
    font-weight: bold;
    text-align:center;		
}

input#vcsPay {
	border-style: none;
    border-color: inherit;
    border-width: medium;
    background: url('../images/but_wiz_next_orange.gif');
    padding-bottom:5px;
    margin :100px;
    width: 109px;
    height: 31px;
    color: white;
    font-size: 12px;
    font-weight: bold;
    float:none;	
}

/*LOGIN SCREEN*/
div#MktAssocID
{
    display:none;
}
div.loginInputs
{
    height:160px;
    padding-left:80px;
}
div.validator
{
    display:none;
    clear:both;
}

div.login {
	width: 850px;
	padding:0px;
	margin::0px 0px 50px 50px;
    min-height:410px;
	color: gray;
}
div.loginNow {
	border-left: 1px solid #e4e4e4;
	width: 420px;
	height: 410px;
	float: right;
	margin: 0px;
	padding: 0px;
}
div.registerSignUp {
	border-left: 1px solid #e4e4e4;
	width: 420px;
	height: 410px;
	float: right;
	margin: 0px;
	padding: 0px;
	display:none;
}
div.loginRegister {
	width: 350px;
	height: 205px;
	margin: 0px;
	padding: 0px;
	display:none;	
}
div.loginSignup {
	width: 350px;
	height: 205px;
	margin: 0px;
	padding: 0px;
	display:none;
}
div.loginMysite{
	width: 350px;
	height: auto;
	margin: 0px;
	padding: 0px;
	display:none;	
}
div.manageMysite{
	width: 350px;
	height: auto;
	margin: 0px;
	padding: 0px;
	display:none;	
}
div.partnerOrders{
	width: 350px;
	height: auto;
	margin: 0px;
	padding: 0px;
	display:none;	
}

div.checkOut{
	width: 350px;
	height: auto;
	margin: 0px;
	padding: 0px;
	display:none;	
}

div.loginIcon {
	width: 80px;
	height: 80px;
	background-repeat: no-repeat;
	background-position: 10px 0px;
	float: left;
	margin: 0px;
	padding: 0px;
}
div.login div.loginSignup div.loginIcon {
	background-image: url('../images/icon_wiz_sportron.gif');
}
div.login div.loginNow div.partnerOrders div.loginIcon {
	background-image: url('../images/icon_wiz_mysite.gif');
}

div.login div.loginRegister div.loginIcon {
	background-image: url('../images/icon_wiz_cart.gif');
}
div.login div.checkOut div.loginIcon {
	background-image: url('../images/icon_wiz_cart.gif');
}

div.login div.loginNow div.loginIcon {
	background-image: url('../images/icon_wiz_login.gif');
}

div.login div.loginMysite div.loginIcon {
	background-image: url('../images/icon_wiz_mysite.gif');
}
div.login div.manageMysite div.loginIcon {
	background-image: url('../images/icon_wiz_mysite.gif');
}


div.loginTitle {
	width: 250px;
	float: left;
	margin: 0px;
	padding: 0px;
}
div.loginSubTitle {
	width: 250px;
	float: left;
	margin: 0px;
	padding: 0px;
}
div.login div.loginSignup div.loginTitle H1 {
	color: #459842;
}
div.login div.loginRegister div.loginTitle H1 {
	color: #FE6B09;
}
div.login div.checkOut div.loginTitle H1 {
	color: #FE6B09;
}

div.login div.loginNow div.loginTitle H1 {
	color: #014C82;
}
div.login div.loginMysite div.loginMysite H1 {
	color: #459842;
}
div.login div.manageMysite div.manageMysite H1 {
	color: #459842;
}

div.login div.loginSubTitle H2 {
font-size:16px;
		margin: 0px;
	padding: 0px;

}


div.login div.loginSignup div.loginSubTitle H2 {
	color: #6AAD68;

}
div.login div.loginRegister div.loginSubTitle H2 {
	color: #FF893A;

}
div.login div.checkOut div.loginSubTitle H2 {
	color: #FF893A;

}

div.login div.loginNow div.loginSubTitle H2 {
	color: #014C82;

}
div.login div.loginMysite div.loginSubTitle H2 {
	color: #014C82;

}
div.login div.manageMysite div.loginSubTitle H2 {
	color: #014C82;

}

div.loginAction {
	width: 350px;
	height:31px;
	float: left;
	margin: 0px;
	padding: 0px;
	text-align:right;
}

div.loginAction button{
	float: right;
	width: 109px;
	height: 31px;
	color: white;
	font-size: 12px;
	font-weight: bold;
	background-color: Transparent;
	border: none;
	text-align:center;
}

div.loginSignup div.loginAction button {
		background: url('../images/but_wiz_next_green.gif');
}
div.loginRegister div.loginAction button {
		background: url('../images/but_wiz_next_orange.gif');
}
div.checkOut div.loginAction button {
		background: url('../images/but_wiz_next_orange.gif');
}
div.loginNow div.loginAction button {
		background: url('../images/but_wiz_next_blue.gif');
}
div#notify button {
		background: url('../images/but_wiz_next_blue.gif');
}
div.loginMysite div.loginAction button {
		background: url('../images/but_wiz_next_blue.gif');
		padding-right:17px;
}
div.manageMysite div.loginAction button {
		background: url('../images/but_wiz_next_blue.gif');
		float:left;
		padding-right:17px;
}
div.manageMysite div.loginAction div {
		display:block;
		float:left;
		width:280px;
		text-align:left;
}



input#submit {
	border-style: none;
	border-color: inherit;
	border-width: medium;
	background: url('../images/but_wiz_next_blue.gif');
	float: left;
		width: 109px;
		height: 31px;
		color: white;
		font-size: 12px;
		font-weight: bold;
		text-align:center;
		padding-top:0px;	
}


div.loginForm {
	width: 400px;
	float: left;
	margin: 0px;
	padding: 0px;


	
}
div.loginForm div.wizard th{
	width:80px;
}

input.radio{
	width:16px;
}

div.loginForm div.wizard {
	width:350px;
	padding:0px;
	margin:0px;
}

/*WIZARD VIEWER*/
div.currentStep {
	display: block;
}
div.otherStep {
	display: none;
}
div.wizard {
	width: 772px;
	padding: 0px 5px 0px 5px;
	margin-left: 65px;
	margin-top: 0px;
	margin-bottom: 30px;
	color: gray;
}
div.wizBody {
	background-color: #fff;
	padding: 0px 5px 0px 5px;
	margin: 0px;
	width: 750px;
	height:310px;
}
div.wizIcon {
display:none;
	/*width: 80px;
	height: 270px;
	float: left;*/
}
div.hiddenStep
{
    display:none;
}
div.wizStep {
	width: 670px;
	height: 300px;
	float: right;
}
div.wizCopy {
	width: 194px;
	height: 270px;
	float: left;
}
div.wizWide {
	width: 670px;
	height: 300px;
	float: left;
}
div.wizAccept {
	width: 670px;
	height: 30px;
	float: left;
	text-align: right;
	font-weight: bold;
	color: #014C82;
}
div.wizAccept p {
	color: #459842;
}

div.wizForm {
	width: 470px;
	height: 300px;
	float: right;
	padding: 0px;
	margin: 0px 0px 15px 0px;
}
div.wizTerms {
	width: 462px;
	height: 270px;
	padding: 0px 0px 0px 8px;
	margin: 0px 0px 0px 0px;
	border:0px;
	overflow:auto;
	font-size:10px;
}
div.wizTerms p {
	font-size:10px;
}

div.wizTerms ul {
	list-style-type: none;
	margin-left: 10px;
	padding-left: 10px;
}
div.wizProgress {
	width: 280px;
	height: 50px;
	float: left;
}
div.wizFooter {
	width: 754px;
	height: 42px;
	float: left;
	padding-top: 8px;
	padding-left: 16px;
}
div.wizFooter button {
	float: right;
	width: 109px;
	height: 31px;
	color: white;
	font-size: 12px;
	font-weight: bold;
	background-color: Transparent;
	border: none;
}
div.wizNumbers {
	width: 20px;
	height: 24px;
	float: left;
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
	padding: 8px 0px 0px 12px;
}


div.wizard.signUp div.wizFooter div.wizNumbers {
	background-image: url('../images/bg_wiz_numbers_green.gif');
}
div.wizard.signUp div.wizFooter button.back {
	background-image: url('../images/but_wiz_back_green.gif');
}
div.wizard.signUp div.wizFooter button.next {
	background-image: url('../images/but_wiz_next_green.gif');
}
div.wizard.signUp div.wizFooter button.cancel {
	background-image: url('../images/but_wiz_cancel_green.gif');
	margin-right: 23px;
}
button.tellmemore {
	background-image: url('../images/but_wiz_cancel_green.gif');
	margin-right: 23px;
	float: right;
	width: 109px;
	height: 31px;
	color: white;
	font-size: 12px;
	font-weight: bold;
	background-color: Transparent;
	border: none;
}

div.wizard.register div.wizFooter div.wizNumbers {
	background-image: url('../images/bg_wiz_numbers_orange.gif');
}
div.wizard.register div.wizFooter button.back {
	background-image: url('../images/but_wiz_back_orange.gif');
}
div.wizard.register div.wizFooter button.next {
	background-image: url('../images/but_wiz_next_orange.gif');
}
div.wizard.register div.wizFooter button.cancel {
	background-image: url('../images/but_wiz_cancel_orange.gif');
	margin-right: 23px;
}
div.wizard.checkOutWiz div.wizFooter div.wizNumbers {
	background-image: url('../images/bg_wiz_numbers_orange.gif');
}
div.wizard.checkOutWiz div.wizFooter button.back {
	background-image: url('../images/but_wiz_back_orange.gif');
}
div.wizard.checkOutWiz div.wizFooter button.next {
	background-image: url('../images/but_wiz_next_orange.gif');
}
div.wizard.checkOutWiz div.wizFooter button.cancel {
	background-image: url('../images/but_wiz_cancel_orange.gif');
	margin-right: 23px;
}
div.wizard.profile div.wizFooter div.wizNumbers {
	display:none;
}

div.wizard.profile div.wizFooter div.wizNumbers {
	background-image: url('../images/bg_wiz_numbers_blue.gif');
}
div.wizard.profile div.wizFooter button.back {
	background-image: url('../images/but_wiz_back_blue.gif');
}
div.wizard.profile div.wizFooter button.next {
	background-image: url('../images/but_wiz_next_blue.gif');
}
div.wizard.profile div.wizFooter button.cancel {
	background-image: url('../images/but_wiz_cancel_blue.gif');
	margin-right: 23px;
}

div.wizard.signUp div.wizIcon {
	background-image: url('../images/icon_wiz_sportron.gif');
	background-repeat: no-repeat;
	background-position: 10px 0px;
}
div.wizard.signUp div.wizTitle {
	background-image: url('../images/bg_wiz_signup_header.gif');
	background-repeat: no-repeat;
}
div.wizard.signUp div.wizFooter {
	background-image: url('../images/bg_wiz_signup_footer.gif');
	background-repeat: no-repeat;
	background-position: 0px -50px;
}

div.wizard.register div.wizIcon {
	background-image: url('../images/icon_wiz_cart.gif');
	background-repeat: no-repeat;
	background-position: 10px 0px;
}
div.wizard.register div.wizTitle {
	background-image: url('../images/bg_wiz_register_header.gif');
	background-repeat: no-repeat;
}
div.wizard.register div.wizFooter {
	background-image: url('../images/bg_wiz_register_footer.gif');
	background-repeat: no-repeat;
	background-position: 0px -50px;
}

div.wizard.checkOutWiz div.wizIcon {
	background-image: url('../images/icon_wiz_cart.gif');
	background-repeat: no-repeat;
	background-position: 10px 0px;
}
div.wizard.checkOutWiz div.wizTitle {
	background-image: url('../images/bg_wiz_register_header.gif');
	background-repeat: no-repeat;
}
div.wizard.checkOutWiz div.wizFooter {
	background-image: url('../images/bg_wiz_register_footer.gif');
	background-repeat: no-repeat;
	background-position: 0px -50px;
}

div.wizard.profile div.wizIcon {
	background-image: url('../images/icon_wiz_profile.gif');
	background-repeat: no-repeat;
	background-position: 10px 0px;
}
div.wizard.profile div.wizTitle {
	background-image: url('../images/bg_wiz_profile_header.gif');
	background-repeat: no-repeat;
}
div.wizard.profile div.wizFooter {
	background-image: url('../images/bg_wiz_profile_footer.gif');
	background-repeat: no-repeat;
	background-position: 0px -50px;
}



div.wizTitle {
	padding: 3px 0px 0px 80px;
}
div.wizTitle H1 {
	line-height: normal;
}
div.wizCopy H2 {
	font-size: 18px;
	font-weight: normal;
	margin-top: 6px;
}
div.wizWide H2 {
	font-size: 18px;
	font-weight: normal;
	margin-top: 6px;
}
div.wizard.signUp div.wizTitle H1 {
	color: #459842;
}
div.wizard.register div.wizTitle H1 {
	color: #FE6B09;
}
div.wizard.checkOutWiz div.wizTitle H1 {
	color: #FE6B09;
}
div.wizard.profile div.wizTitle H1 {
	color: #014c82;
}

div.wizard.register div.wizStep div.wizCopy H2 {
	color: #FF893A;
}
div.wizard.checkOutWiz div.wizStep div.wizCopy H2 {
	color: #FF893A;
}
div.wizard.signUp div.wizStep div.wizCopy H2 {
	color: #6AAD68;
}
div.wizard.profile div.wizStep div.wizCopy H2 {
	color: #014c82;
}

div.wizard.register div.wizStep div.wizWide H2 {
	color: #FF893A;
}
div.wizard.checkOutWiz div.wizStep div.wizWide H2 {
	color: #FF893A;
}
div.wizard.signUp div.wizStep div.wizWide H2 {
	color: #6AAD68;
}
div.wizard.profile div.wizStep div.wizWide H2 {
	color: #014c82;
}

div.wizard.register div.wizBody {
	border-left: 1px solid #FE6B09;
	border-right: 1px solid #FE6B09;
}
div.wizard.checkOutWiz div.wizBody {
	border-left: 1px solid #FE6B09;
	border-right: 1px solid #FE6B09;
}
div.wizard.signUp div.wizBody {
	border-left: 1px solid #459842;
	border-right: 1px solid #459842;
}
div.wizard.profile div.wizBody {
	border-left: 1px solid #014c82;
	border-right: 1px solid #014c82;
}

.wizHelp {
	font-size: 11px;
	color: #014C82;
	text-align: left;
	padding-left: 28px;
	background-image: url('../images/icon_wiz_help.gif');
	background-repeat: no-repeat;
	background-position: 10px 0px;
}
.wizNote {
	color: #014C82;
	padding: 10px 0px 0px 25px;
	background-image: url('../images/icon_wiz_note.gif');
	background-repeat: no-repeat;
	background-position: 2px 10px;
	font-size: 12px;
}
/*FORM TABLE*/
div.wizard table {
	table-layout: fixed; /* force a solid grid */;
	border-collapse: collapse;
	width: 100%;
}
table td {
	white-space: nowrap; /* don't want wrapping text */;
	padding: 2px 20px 2px 5px;
/* right padding for required field marker */	text-align: left;
}
div.wizard table th {
	white-space: nowrap; /* don't want wrapping text */;
	padding: 2px 20px 2px 5px;
/* right padding for required field marker */	width: 40%;
}
div.wizard table th {
	padding: 2px 0 2px 5px;
	text-align: right;
	font-weight: bold;
	color: #333333;
	font-size: 12px;
}
div.wizard tr.required td {
	background: url("../images/req.gif") center right no-repeat;
}
div.required
{
	background: url("../images/req.gif") center right no-repeat;
}
div.loginInputs div
{
	height:20px;
	padding-top:2px;
	padding-bottom:5px;
}

tr.required input
{
	width:98%;
	height:16px;
}

tr.required textarea
{
	width:98%;
	height:100px;
}

div.loginForm label{
	 font-weight:bold;
}

tr.required td {
	background: url("../images/req.gif") center right no-repeat;
	width: 60%;
}
div.wizard td.required {
	background: url("../images/req.gif") center right no-repeat;
}
div.wizard table input {
	width: 97%; /* simply scale inputs to table cell size */
}
div.wizard td.input-group input {
	width: auto; /* but not for radios or checks */
}
div.wizard table input.error {
	width: 97%; /* simply scale inputs to table cell size */;
	border: 2px solid red;
	background-color: #FFCCCC;
	color: red;
}
div.wizard td.input-group input.error {
	width: auto; /* but not for radios or checks */
}
legend {
	color: gray;
	border-color: #D8D8D8;
}


/* New Styles */


DIV.login DIV.loginLanding DIV.loginIcon {
	BACKGROUND-IMAGE: url(../images/icon_wiz_login.gif)
}

DIV.login DIV.loginLanding DIV.loginTitle H1 {
	COLOR: #014c82
}

DIV.login DIV.loginLanding DIV.loginSubTitle H2 {
	COLOR: #4786c7
}

DIV.loginLanding DIV.loginAction BUTTON {
	BACKGROUND: url(../images/but_wiz_next_blue.gif)
}

/*  Register Right  */

.RegisterTitle, .RegisterSubTitle { margin-left:80px;}

.RegisterInto .RegisterTitle h1 {COLOR: #014c82; margin-top:5px;}


/*  imagestyle  */

.registerImage { padding:10px 0 0 15px; display:inline; width:372px;}

DIV.login {	PADDING-RIGHT: 0px;	PADDING-LEFT: 0px;	MIN-HEIGHT: 410px;	PADDING-BOTTOM: 0px;	WIDTH: 850px;	COLOR: gray;	PADDING-TOP: 0px}

DIV.loginLanding {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	WIDTH: 350px;
	PADDING-TOP: 0px;
	HEIGHT: 205px
}

DIV.login DIV.loginLanding DIV.loginIcon {
	BACKGROUND-IMAGE: url(/images/icon_wiz_login.gif)
}

DIV.loginTitle H1 {
	COLOR: #014c82;
	padding-top:0;
	margin-top:5px;
}

DIV.login DIV.loginLanding DIV.loginSubTitle H2 {
	COLOR: #4786c7
}

DIV.loginLanding DIV.loginAction BUTTON {
	BACKGROUND: url(/images/but_wiz_next_blue.gif)
}

div.registerImage{ display:none;}

/*  Register Right  */

.RegisterTitle, .RegisterSubTitle { margin-left:80px;}

.RegisterInto .RegisterTitle h1 {COLOR: #014c82}

.LoginInto { margin:0; padding:0;}