/* menu stuff */


.navbar-header_loginX {
	width: 100vw;
	height: 13.125vw;
	position: absolute;
	top: 0px;
	left: 0px;
	margin-left: 0px auto;
	margin-right: 0px auto;
	background-color: #fff;
}

.navbar-back_loginX {
	float: left;
	margin-top: 2vw;
	margin-left: 3vw;
	width: 6.25vw;
	height: 10.125vw;
	vertical-align: middle;
}

.navbar-back_discount_X a {
	width: 4.375vw;
}

/* end of menu stuff */

/* top of page stuff */


#hp_top {
	height: auto;
	width: 100vw;
	margin-top: 0vw;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
}

#hp_blacktop {
	margin-left: auto;
	margin-right: auto;
	margin-top: 4vw;
	z-index: 2030;
	width: 100vw;
	height: 10vw;
	line-height: 10vw;
	background-color: #000;
	color: #fff;
	font-family: "Avenir Next Regular";
	font-size: 3vw;
	text-align: center;
}

	#hp_blacktop img {
		padding-bottom: 2vw;
	}

.hp_top_banner {
	margin: 0 auto;
	width: 100vw;
}

	.hp_top_banner img {
		width: 100vw;
		margin-top: 0px;
		display: block;
		margin: auto;
	}

/* end of top stuff*/


/* trust stuff */
.hp_trust {
	margin-left: auto;
	margin-right: auto;
	width: 100vw;
}

	.hp_trust img {
		width: 100vw;
	}

/* end of trust stuff */


/*  customer stuff */

.hp_customers {
	margin-left: auto;
	margin-right: auto;
	width: 100vw;
	height: 80vw;
	text-align: center;
	font-weight: bold;
	font-size: 5vw;
	margin-top: 5%;
}

.hp_customers_slider {
	width: 100vw;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 0px;
	clear: both;
	background-color: #fff;
	overflow-x: hidden;
	overflow-y: hidden;
}

#hp_customer_container {
	position: relative;
	top: 5vw;
	left: 0vw;
	width: 100vw;
	height: 70vw;
	overflow: hidden;
}

#hp_cus_slides {
	cursor: move;
	position: absolute;
	overflow: hidden;
	left: 0px;
	top: 0px;
	width: 100vw;
	height: 66vw;
	overflow: hidden;
}


.hp_customer_imgs {
	width: 100vw;
}

	.hp_customer_imgs img {
		width: 100vw;
	}


/*  end of customer stuff */

/*  red banner stuff */

.hp_red_banner {
	width: 100vw;
	height: 45vw;
	text-align: center;
	font-size: 4vw;
	margin-top: 0px;
}

.hp_red_banner_slider {
	width: 100vw;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 0px;
	clear: both;
	background-color: #fff;
	overflow-x: hidden;
}

#hp_sliderRed_container {
	position: relative;
	top: 0px;
	left: 0vw;
	width: 100vw;
	height: 44.8vw;
	overflow: hidden;
}

#hp_red_slides {
	cursor: move;
	position: absolute;
	overflow: hidden;
	left: 0px;
	top: 0px;
	width: 100vw;
	height: 44.8vw;
	overflow: hidden;
}


.hp_red_slider_imgs {
	width: 100vw;
}

	.hp_red_slider_imgs img {
		width: 100vw;
	}

/*  end of red banner stuff */


.hp_top_texttop {
	width: 90vw;
	height: 20vw;
	margin-top: 10vw;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 5vw;
	font-weight: bold;
}

#hp_buy {
	margin-left: auto;
	margin-right: auto;
	width: 100vw;
	margin-top: 25vw;
}

.hp_buy_heading {
	margin-top: 3vh;
	width: 90vw;
	left: 5vw;
	text-align: center;
	font-size: 4vw;
	font-weight: bold;
	margin-bottom: 20px;
	color: #7f00bd;
}

.hp_buy_links {
	margin-top: 10vw;
	width: 60vw;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.hp_buy_links_item {
	width: 40vw;
	margin-left: auto;
	margin-right: auto;
	height: 65vw;
}

.hp_buy_links_item_pic {
	margin-top: 3vw;
	height: 6vw;
	width: 30vw;
	display: block;
	margin: 0 auto;
}

	.hp_buy_links_item_pic img {
		width: 30vw;
		vertical-align: middle;
	}

.hp_buy_links_item_header {
	width: 100%;
	margin-top: 30vw;
	text-align: center;
	font-weight: bold;
	font-size: 4.5vw;
	color: #7f00bd;
}

.hp_buy_links_item_text {
	margin-top: 2vw;
	width: 100%;
	text-align: center;
	font-weight: bold;
	font-size: 3.5vw;
}

/* end of buy/renew stuff */
	.k-widget.k-listview {
		border: none;
	}

/* new home page deals */
.k-widget.k-listview {
	border: none;
}

/*  deals stuff */

.hp_deals {
	margin-left: auto;
	margin-right: auto;
	width: 100vw;
	clear: both;
}

.hp_dealheadertext {
	width: 100vw;
	font-size: 5vw;
	line-height: 5vw;
	text-align: center;
	font-weight: bold;
	padding-top: 7vw;
}

.hp_deals_link {
	margin-left: auto;
	margin-right: auto;
	width: 50vw;
	padding-top: 5vw;
	clear: both;
}

	.hp_deals_link img {
		width: 50vw;
	}



/* end of deals */


/* home page blog/ slider */

.hp_blog_header {
	margin-left: auto;
	margin-right: auto;
	margin-top: 10vw;
	text-align: center;
	width: 90vw;
	font-family: "Avenir Next Regular";
	font-size: 8vw;
	font-weight: bold;
	z-index: 99;
}

	.hp_blog_header a {
		color: #000;
		font-size: 8vw;
		font-weight: bold;
		text-decoration: none;
	}


.hp_slider {
	margin-left: auto;
	margin-right: auto;
	width: 100vw;
	position: relative;
	top: 5vw;
	clear: both;
	background-color: #fff;
}

#hp_slider1_container {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100vw;
	height: 40vw;
	overflow: hidden;
}

#hp_slides {
	cursor: move;
	position: absolute;
	overflow: hidden;
	margin-left: 0px;
	margin-top: 0px;
	width: 100vw;
	height: 36.86vw;
}


.hp_sliderlinks_imgs {
	width: 100vw;
	height: 36.86vw;
}

	.hp_sliderlinks_imgs img {
		width: 100vw;
		height: 36.86vw;
	}

.hp_slider_imgs {
	width: 100vw;
	height: 36.86vw;
}

	.hp_slider_imgs img {
		width: 100vw;
		height: 36.86vw;
	}


/* end of home page blog/slider */

/* Contacts stuff */

.hp_contacts {
	margin-left: auto;
	margin-right: auto;
	width: 100vw;
	margin-top: 10vw;
	margin-left: 0px;
	height: 100%;
	clear: both;
	background-color: #7f00bd;
	display: block;
	overflow: auto;
}

.hp_contacts_bg {
	display: block;
	width: 100vw;
	top: 0px;
	background-size: contain;
	background-color: #7f00bd;
}

.hp_contactpage {
	margin-top: 0px;
	padding-top: 10vw;
	left: 0vw;
	width: 100vw;
	z-index: 10;
}

.hp_contactpage_col {
	margin-top: 5vw;
	margin-left: 10vw;
	width: 80vw;
	color: #fff;
	font-size: 6.5vw;
	font-family: "Avenir Next Regular";
	background-color: #7f00bd;
}

.hp_contactpage_heading {
	margin-top: 15vw;
	margin-left: 10vw;
	width: 80vw;
	text-align: left;
	color: #fff;
	font-size: 6.5vw;
	font-family: "Avenir Next Bold";
	color: #fff;
}

.hp_contactpage_name {
	margin-top: 10vw;
	margin-left: 10vw;
	width: 80vw;
	height: 10vw;
	line-height: 10vw;
	border: solid 1px #fff;
	padding-left: 10px;
	font-size: 5vw;
	color: #fff;
}

.hp_contactpage_email {
	margin-top: 5vw;
	margin-left: 10vw;
	width: 80vw;
	height: 10vw;
	line-height: 10vw;
	border: solid 1px #fff;
	padding-left: 10px;
	font-size: 5vw;
	color: #fff;
}

.hp_contactpage_input_txt {
	border: none;
	font-size: 5vw;
	height: 8vw;
	line-height: 8vw;
	background-color: #7f00bd;
	color: #fff;
	width: 75vw;
}


.hp_contact_inst {
	margin-left: 10vw;
	margin-top: 5vw;
	width: 80vw;
	height: 10vw;
	border: none;
	padding-left: 10px;
	font-family: "Avenir Next Regular";
	font-size: 5vw;
	color: #fff;
	background-color: #7f00bd;
	border: solid 2px #ba91c8;
}


::-webkit-input-placeholder {
	color: #fff;
}

::-moz-placeholder {
	color: #fff;
}

:-ms-input-placeholder {
	color: #fff;
}

.hp_contactpage_post {
	margin-top: 5vw;
	margin-left: -2vw;
	width: 40vw;
	height: 10vw;
	line-height: 10vw;
	font-size: 4vw;
	font-weight: bold;
	margin-bottom: 1vw;
	background-color: #fff;
	color: #7f00bd;
	text-align: center;
	border-radius: 5vw;
}

.hp_contactpage_msg {
	margin-top: 5vw;
	margin-left: 10vw;
	text-align: left;
	width: 80vw;
	height: 10vw;
	color: #fff;
	font-size: 5vw;
	z-index: 999;
}

.hp_contactpage_social {
	margin-top: 20vw;
	margin-left: 10vw;
	height: 10vw;
	text-align: left;
	width: 80vw;
	color: #fff;
}

	.hp_contactpage_social img {
		margin-right: 3vw;
	}

.hp_contactpage_social_text {
	color: #000;
	font-size: 4vw;
	margin-top: 2vw;
	color: #fff;
}


.hp_contactpage_apps {
	margin-top: 15vw;
	margin-left: 10vw;
	height: 10vw;
	text-align: left;
	width: 90vw;
	color: #fff;
}

	.hp_contactpage_apps img {
		margin-right: 5vw;
	}

.hp_contactpage_apps_text {
	color: #000;
	font-size: 4vw;
	margin-top: 3vw;
	color: #fff;
}

#hp_contact_tac_opt {
	margin-top: 1vw;
	color: #fff;
}

.hp_contact_tac_chk {
	font-family: "Avenir Next Regular";
	margin-top: 20vw;
	margin-left: 10vw;
	color: #fff;
}

	.hp_contact_tac_chk a {
		color: #fff;
		text-decoration: underline;
	}

	.hp_contact_tac_chk input[type="checkbox"] {
		display: none;
	}

		.hp_contact_tac_chk input[type="checkbox"] + label span {
			display: inline-block;
			float: left;
			width: 5vw;
			height: 5vw;
			margin: 0px 5px 0px 0px;
			vertical-align: middle;
			background: url(../../../../../Images/Main/hp_alumni_uncheck.svg) left top no-repeat;
			cursor: pointer;
		}

		.hp_contact_tac_chk input[type="checkbox"]:checked + label span {
			background: url(../../../../../Images/Main/hp_alumni_check.svg) left top no-repeat;
		}

.hp_error {
	display: none;
}

.hp_error_show {
	color: #b94a48;
	display: block;
}

/* end of Contacts stuff */


/* end of html page stuff */


/* ipad */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
	/* For portrait layouts only */

	#hp_top {
		height: 45vw;
	}

	.hp_top_texttop1 {
		font-size: 2.5vw;
	}

	.hp_top_texttop2 {
		font-size: 2.5vw;
		top: calc(3.1vw + 30px);
	}

	.hp_top_textbottom {
		font-size: 2.5vw;
		top: calc(18.6vw + 30px);
	}


	.hp_top_header {
		font-size: 3vw;
	}

	.hp_top_header2 {
		top: 44vw;
		font-size: 2vw;
	}

	#hp_buy {
		top: 40vw;
		height: 38vh;
	}

	.hp_deals {
		top: 40vw;
	}

	.hp_dealcat-section {
		margin-top: 3vw;
	}

	.hp_dealgrid-section {
		margin-top: 8vw;
	}

	.hp_dealprov_link {
		top: 1vw;
		font-size: 2.5vw;
		width: 38vw;
		height: 5.5vw;
		line-height: 5.5vw;
	}

	.hp_blog_header {
		top: 50vw;
	}

	.hp_slider {
		top: 55vw;
	}

	.hp_contacts {
		height: 55vw;
		top: 65vw;
		z-index:9999;
	}


	.hp_contacts_bg {
		height: 28vw;
	}

	.hp_contactpage_heading {
		font-size: 3vw;
	}

	label {
		font-size: 2vw;
	}

	.hp_contactpage_line {
		position: relative;
		top: 4vw;
		left: 0px;
		width: 70vw;
		height: 30px;
		font-size: 3vw;
		font-weight: bold;
		margin-bottom: 1vw;
	}

	.hp_contactpagename {
		height: 3vw;
		font-size: 1.5vw;
	}

	.hp_contact_inst {
		top: 6vw;
		height: 3vw;
		font-size: 1.5vw;
	}

	.hp_contactpageemail {
		top: 14vw;
		height: 3vw;
		font-size: 1.5vw;
	}

	.hp_contactpage_post {
		top: 14vw;
		height: 3vw;
		line-height: 3vw;
		font-size: 1.5vw;
	}

	.hp_contact_tac_chk {
		top: 10vw;
		font-size: 2vw;
	}
		.hp_contact_tac_chk input[type="checkbox"] + label span {
			margin: 12px 0px 0px 0px;
		}


	.hp_contactpage_footer {
		top: 35vw;
		font-size: 2vw;
	}


	#txtName::-webkit-input-placeholder {
		color: #757575;
	}

	#txtName::-moz-placeholder {
		color: #757575;
	}

	#txtName:-moz-placeholder {
		color: #757575;
	}

	.hp_error_show {
		font-size: 2vw;
		color: #b94a48;
		display: block;
		z-index: 9999;
	}

	.hp_contactus {		
		top: 45vw;
	}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
	/* For landscape layouts only */

	#hp_top {
		height: 50vw;
	}

	.hp_top_texttop1 {
		font-size: 2.5vw;
	}

	.hp_top_texttop2 {
		font-size: 2vw;
		top: calc(3.2vw + 40px);
	}

	.hp_top_textbottom {
		font-size: 2vw;
		top: calc(16.2vw + 30px);
	}

	.hp_top_header {
		font-size: 3vw;
	}

	.hp_top_header2 {
		top: 40vw;
		font-size: 2vw;
	}

	#hp_buy {
		top: 30vw;
		height: 48vh;
	}

	.hp_deals {
		top: 20vw;
	}

	.hp_dealcat-section {
		margin-top: 2vw;
	}

	.hp_dealgrid-section {
		margin-top: 6vw;
	}

	.hp_dealprov_link {
		top: -4vw;
		font-size: 2vw;
		width: 38vw;
		height: 5.5vw;
		line-height: 5.5vw;
	}

	.hp_blog_header {
		top: 20vw;
	}

	.hp_slider {
		top: 26vw;
	}

	.hp_contacts {
		top: 32vw;
		height: 50vw;
		z-index: 999;
	}

	.hp_contactpage_heading {
		font-size: 2vw;
	}

	.hp_contactpagename {
		height: 3vw;
		font-size: 1.5vw;
	}

	.hp_contact_inst {
		top: 6vw;
		height: 3vw;
		font-size: 1.5vw;
	}

	.hp_contactpageemail {
		top: 14vw;
		height: 3vw;
		font-size: 1.5vw;
	}

	.hp_contactpage_post {
		top: 14vw;
		height: 3vw;
		line-height: 3vw;
		font-size: 1.5vw;
	}

	label {
		font-size: 2vw;
	}

	.hp_contact_tac_chk {
		top: 10vw;
		font-size: 2vw;
	}

		.hp_contact_tac_chk input[type="checkbox"] + label span {
			margin: 20px 0px 0px 0px;
		}

	.hp_contactpage_footer {
		top: 30vw;
		font-size: 2vw;
	}

	#txtName::-webkit-input-placeholder {
		color: #757575;
	}

	#txtName::-moz-placeholder {
		color: #757575;
	}

	#txtName:-moz-placeholder {
		color: #757575;
	}

	.hp_error_show {
		margin-top: 20px;
		font-size: 2vw;
		color: #b94a48;
		display: block;
		z-index:9999;
	}

	.hp_contactus {
		top: 38vw;
	}
}


/*  login page */

#login_page {
	position: relative;
	width: 100vw;
	height: 100vh;
	top: 17px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
}

#login_panel {
	background-color: #fff;
	text-align: center;
	height: 100%;
	color: #000;
	position: relative;
	top: 0px;
	left: 0vw;
}

#reset_panel {
	background-color: #fff;
	text-align: center;
	height: 100%;
	color: #000;
	position: relative;
	top: 0px;
	left: 0vw;
}

.login_panel_header {
	position: relative;
	top: 20px;
	left: 10%;
	width: 80%;
	height: 50px;
	text-align: left;
	font-size: 1.25em;
	font-weight: bold;
}

.login_input_txt {
	position: relative;
	top: 10px;
	left: 0%;
	width: 80%;
	height: 63px;
	font-size: 1.25em;
	border-style: solid;
	border-color: #acacac;
	border-width: 1px;
	color: #000;
	background-color: #fff;
	padding-left: 10px;
}


#forgot_password_panel {
	background-color: #fff;
	text-align: center;
	height: 100%;
	color: #000;
	position: absolute;
	top: 30px;
	left: 0vw;
}

#txtEmail:-ms-input-placeholder {
	background: url(../../../../../Images/Main/email-icon.png) no-repeat right 10px top 10px;
	color: #757575;
}

#txtEmail::-webkit-input-placeholder {
	background: url(../../../../../Images/Main/email-icon.png) no-repeat right 10px bottom 8px;
	color: #757575;
}

#txtEmail::-moz-placeholder {
	background: url(../../../../../Images/Main/email-icon.png) no-repeat right 10px bottom 8px;
	color: #757575;
}

#txtEmail:-moz-placeholder {
	background: url(../../../../../Images/Main/email-icon.png) no-repeat right 10px bottom 8px;
	color: #757575;
}

#txtPassword:-ms-input-placeholder {
	background: url(../../../../../Images/Main/Password-icon.png) no-repeat right 10px top 10px;
	color: #757575;
}

#txtPassword::-webkit-input-placeholder {
	background: url(../../../../../Images/Main/Password-icon.png) no-repeat right 10px bottom 3px;
	color: #757575;
}

#txtPassword::-moz-placeholder {
	background: url(../../../../../Images/Main/Password-icon.png) no-repeat right 10px bottom 3px;
	color: #757575;
}

#txtPassword:-moz-placeholder {
	background: url(../../../../../Images/Main/Password-icon.png) no-repeat right 10px bottom 3px;
	color: #757575;
}

.login_password_forgot {
	position: relative;
	top: 20px;
	left: 10%;
	width: 50%;
	height: 2em;
	text-align: left;
	font-size: 1em;
	color: #acacac;
}


	.login_password_forgot a {
		color: #acacac;
	}

.login_panel_needhelp {
	position: relative;
	top: -10px;
	left: 50%;
	width: 40%;
	height: 2em;
	text-align: right;
	font-size: 1em;
}

	.login_panel_needhelp a {
		color: #acacac;
	}

.reset_panel_ResetPassword_header {
	position: relative;
	top: 20px;
	left: 10%;
	width: 80%;
	height: 50px;
	text-align: left;
	font-size: 1.25em;
	font-weight: bold;
}

.login_panel_loginBtn {
	position: relative;
	width: 60%;
	height: 2.5em;
	line-height: 2.5em;
	text-align: center;
	background-color: #ea1d26;
	color: #fff;
	font-weight: bold;
	font-size: 1.25em;
	left: 20%;
	top: 20px;
}

.login_panel_message {
	position: absolute;
	margin-top: 50px;
	text-align: center;
	width: 100%;
}

.forgot_password_panel_txt {
	width: 90vw;
	padding-left: 5vw;
	text-align: center;
	font-size: 1.25em;
}

#forgot_password_panel_forgotpasswordgo {
	position: absolute;
	width: 35vw;
	height: 2.5em;
	line-height: 2.5em;
	text-align: center;
	background-color: #ea1d26;
	color: #fff;
	font-weight: bold;
	font-size: 1.25em;
	left: 60vw;
	top: 14em;
}

.forgot_password_panel_ReturnForgotpassword {
	position: absolute;
	width: 35vw;
	height: 2.5em;
	line-height: 2.5em;
	text-align: center;
	background-color: #ea1d26;
	color: #fff;
	font-weight: bold;
	font-size: 1.25em;
	left: 5vw;
	top: 14em;
}

.forgot_password_panel_forgotpasswordContinue {
	position: absolute;
	width: 60vw;
	height: 2.5em;
	line-height: 2.5em;
	text-align: center;
	background-color: #ea1d26;
	color: #fff;
	font-weight: bold;
	font-size: 1.25em;
	margin-left: 20vw;
	margin-top: 50px;
}


#forgot_password_panel_forgotpassword_error_msg {
	position: absolute;
	width: 100%;
	height: 50px;
	margin-top: 120px;
}

#reset_panel_message {
	position: absolute;
	width: 100%;
	margin-top: 120px;
	text-align: center;
	font-size: 1.25em;
	color: #000;
	border: solid 1px blue;
}


#txtRPEmail:-ms-input-placeholder {
	background: url(../Images/Main/email-icon.png) no-repeat right 10px top 10px;
	color: #757575;
}

#txtRPEmail::-webkit-input-placeholder {
	background: url(../Images/Main/email-icon.png) no-repeat right 10px bottom 8px;
	color: #757575;
}

#txtRPEmail::-moz-placeholder {
	background: url(../Images/Main/email-icon.png) no-repeat right 10px bottom 8px;
	color: #757575;
}

#txtRPEmail:-moz-placeholder {
	background: url(../Images/Main/email-icon.png) no-repeat right 10px bottom 8px;
	color: #757575;
}

#txtRPNewPassword:-ms-input-placeholder {
	background: url(../Images/Main/Password-icon.png) no-repeat right 10px top 10px;
	color: #757575;
}

#txtRPNewPassword::-webkit-input-placeholder {
	background: url(../Images/Main/Password-icon.png) no-repeat right 10px bottom 3px;
	color: #757575;
}

#txtRPNewPassword::-moz-placeholder {
	background: url(../Images/Main/Password-icon.png) no-repeat right 10px bottom 3px;
	color: #757575;
}

#txtRPNewPassword:-moz-placeholder {
	background: url(../../../../../Images/Main/Password-icon.png) no-repeat right 10px bottom 3px;
	color: #757575;
}


#txtRPVerifyPassword:-ms-input-placeholder {
	background: url(../../../../../Images/Main/Password-icon.png) no-repeat right 10px top 10px;
	color: #757575;
}

#txtRPVerifyPassword::-webkit-input-placeholder {
	background: url(../../../../../Images/Main/Password-icon.png) no-repeat right 10px bottom 3px;
	color: #757575;
}

#txtRPVerifyPassword::-moz-placeholder {
	background: url(../../../../../Images/Main/Password-icon.png) no-repeat right 10px bottom 3px;
	color: #757575;
}

#txtRPVerifyPassword:-moz-placeholder {
	background: url(../../../../../Images/Main/Password-icon.png) no-repeat right 10px bottom 3px;
	color: #757575;
}


.forgot_password_panel_changepassword_button {
	position: absolute;
	width: 60vw;
	height: 2.5em;
	line-height: 2.5em;
	text-align: center;
	background-color: #ea1d26;
	color: #fff;
	font-weight: bold;
	font-size: 1.25em;
	left: 20vw;
	top: 350px;
}

#reset_panel_errormessage {
	position: absolute;
	width: 90vw;
	left: 5vw;
	top: 450px;
	text-align: center;
	font-size: 1.25em;
	color: #000;
}

/*  end of login page */


/* MYCard page */

#mycard_page {
	position: relative;
	width: 100vw;
	height: 1400px;
	top: 17px;
	margin-left: auto;
	margin-right: auto;
}

#mycard {
	position: relative;
	width: 100vw;
	top: 17px;
	margin-left: auto;
	margin-right: auto;
}

.mycard_top {
	width: 90vw;
	color: #282828;
	position: absolute;
	top: 30px;
	left: 0px;
	padding-left: 5vw;
	font-size: 2em;
	font-weight: bold;
}

.mycardcontainer {
	position: absolute;
	top: 100px;
	left: 5vw;
	width: 90vw;
	height: 60vw;
}

	.mycardcontainer img {
		width: 90vw;
		float: left;
		border: solid 1px #aaaaaa;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}

.expired_card {
	position: relative;
	top: calc(-90vw * 0.632);
	height: 380px;
	width: 90vw;
}

.mybackcardcontainer {
	position: relative;
	top: 90vw;
	left: 5vw;
	width: 90vw;
	height: 60vw;
}

	.mybackcardcontainer img {
		width: 90vw;
		float: left;
	}


.mycard_details {
	/*
			position: relative;
	top: 35vw;

	*/
	position: relative;
	top: 95vw;
	height: 100vw;
	left: 5vw;
	width: 90vw;
	padding-left: 10px;
	padding-top: 10px;
	background-color: #f8f8f8;
}

.mycard_details_top {
	position: relative;
	top: 10px;
	left: 0px;
	width: 100%;
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 10px;
}

.mycard_detail_line {
	position: relative;
	top: 10px;
	width: 100%;
	float: left;
	margin-bottom: 10px;
}

.mycard_detail_line_lhs {
	width: 25vw;
	float: left;
	line-height: 1.5em;
	font-size: 0.9em;
}

.mycard_detail_line_rhs {
	width: 60vw;
	float: right;
	line-height: 1.5em;
	font-size: 0.9em;
}

.mycard_edit_step {
	position: absolute;
	top: 20em;
	left: 25vw;
	width: 40vw;
	height: 2.5em;
	line-height: 2.5em;
	text-align: center;
	font-size: 1em;
	background-color: #b7f200;
	color: #000;
}

.mycard_reprint_etc {
	position: relative;
	top: 15vw;
	height: 100px;
	left: 5vw;
	width: 100vw;
	padding-left: 10px;
	padding-top: 10px;
}

.mycard_renew {
	position: absolute;
	top: 0px;
	left: 15vw;
	width: 60vw;
	height: 2.5em;
	line-height: 2.5em;
	text-align: center;
	font-size: 1.25em;
	background-color: #f6e800;
	color: #000;
}

.mycard_reprint {
	position: absolute;
	top: 90vw;
	left: 15vw;
	width: 60vw;
	height: 2.5em;
	line-height: 2.5em;
	text-align: center;
	font-size: 1.25em;
	background-color: #f6e800;
	color: #000;
}

.mycard_reprint_successful {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 90vw;
	height: 100px;
	text-align: center;
}

/* end of MYCard page */