body {
    line-height: 120%;
    padding: 0 10px;
}

.buttons {
	padding: 10px 0 20px 0;
	border-top: 1px solid #808080;
	margin-top: 10px;
}

#landing_page .buttons {
	width:940px;
}

a.btn_continue {
	float: right;
	width: 80px;
	height: 22px;
	display: block;
	background: url(../images/btn_continue.gif) no-repeat 0 -30px;
	margin-left: 0px;
	color: #fff;
	font-size:0.875em;
	font-weight:bold;
	text-decoration:none;
	padding:8px 0 0 10px;
}

a.btn_continue:hover {
	background-position: 0 0;
	text-decoration:none;
}

a.btn_continue span {
	display: block;
}

a.btn_cancel {
	float: left;
	width: 80px;
	height: 22px;
	display: block;
	background: url(../images/btn_cancel.gif) no-repeat 0 -30px;
	margin-left: 10px;
	color: #fff;
	font-size:0.875em;
	font-weight:bold;
	text-decoration:none;
	padding:8px 0 0 31px;
}

a.btn_cancel:hover {
	background-position: 0 0;
	text-decoration:none;
}

a.btn_cancel span {
	display: block;
}

a.btn_back {
	float: left;
	width: 80px;
	height: 22px;
	display: block;
	background: url(../images/btn_back.gif) no-repeat 0 -30px;
	margin-left: 10px;
	color: #fff;
	font-size:0.875em;
	font-weight:bold;
	text-decoration:none;
	padding:8px 0 0 31px;
}

a.btn_back:hover {
	background-position: 0 0;
	text-decoration:none;
}

a.btn_back span {
	display: block;
}

a.btn_next {
	float: right;
	width: 80px;
	height: 22px;
	display: block;
	background: url(../images/btn_next.gif) no-repeat 0 -30px;
	margin-right: 0;
	color: #fff;
	font-size:0.875em;
	font-weight:bold;
	text-decoration:none;
	padding:8px 0 0 10px;
}

a.btn_next:hover {
	background-position: 0 0;
	text-decoration:none;
}

a.btn_next span {
	display: block;
}

a.btn_submit {
	float: right;
	width: 102px;
	height: 22px;
	display: block;
	background: url(../images/btn_submit.gif) no-repeat 0 -30px;
	margin-right: 0;
	color: #fff;
	font-size:0.875em;
	font-weight:bold;
	text-decoration:none;
	padding:8px 0 0 13px;
}

a.btn_submit:hover {
	background-position: 0 0;
	text-decoration:none;
}

a.btn_submit span {
	display: block;
}

a.btn_print {
	float: left;
	width: 87px;
	height: 28px;
	display: block;
	background: url(../images/btn_print.gif);
	background-repeat: no-repeat;
	margin-left: 5px;
}

a.btn_print:hover {
	background-position: 0 -28px;
}

a.btn_print span {
	display:none;
}

a.btn_add_more {
	float: left;
	width: 200px;
	height: 26px;
	display: block;
	background: url(../images/btn_add_more.gif) no-repeat 0 0;
	background-repeat: no-repeat;
	margin-left: -5px;
	padding: 6px 0 0 28px;
}

a.btn_add_more:hover {
}

a.btn_edit {
	float: left;
	width: 39px;
	height: 18px;
	display: block;
	background: url(../images/btn_edit.gif) no-repeat 0 -18px;
	margin-left: 10px;
	color: #fff;
	font-size:1em;
	font-weight:bold;
	text-decoration:none;
	padding:1px 0 0 8px;
	margin-top:19px;
}

a.btn_find_address {
	float: left;
	height: 18px;
	width: 87px;
	display: block;
	background: url(../images/btn_find_address.gif) no-repeat 0 0;
	margin-left: 2px;
	color: #fff;
	font-size:1em;
	font-weight:bold;
	text-decoration:none;
	padding:1px 0 0 5px;
	margion-top:2px;
}

a.btn_find_address:hover {
	background-position: 0 -18px;
	text-decoration:none;
}

a.btn_find_address span {
	text-decoration:none;
}


a.btn_edit:hover {
	background-position: 0 0;
	text-decoration:none;
}

a.btn_edit span {
	text-decoration:none;
}

a.btn_save {
	float: left;
	width: 39px;
	height: 18px;
	display: block;
	background: url(../images/btn_edit.gif) no-repeat 0 0;
	margin-left: 10px;
	color: #fff;
	font-size:1em;
	font-weight:bold;
	text-decoration:none;
	padding:1px 0 0 5px;
	margin-top:19px;
}

a.btn_save:hover {
	background-position: 0 -18px;
	text-decoration:none;
}

a.btn_save span {
	text-decoration:none;
}

a.cancel_save {
	color: red;
	float: left;
	padding:22px 0 0 5px;
}

a.btn_save:hover {
	text-decoration:none;
}



/*************************** button ***************************/

.button {
	width:auto;
	background: #0083db;
	background: -webkit-gradient(linear, left top, left bottom, from(#0083db), to(#0072ba));
	background: -webkit-linear-gradient(top, #0083db, #0072ba);
	background: -moz-linear-gradient(top, #0083db, #0072ba);
	background: -ms-linear-gradient(top, #0083db, #0072ba);
	background: -o-linear-gradient(top, #0083db, #0072ba);
	background: linear-gradient(top, #0083db, #0072ba);

	-pie-background: linear-gradient(#0083db, #0072ba);
	behavior: url(js/PIE.htc);

	border:1px solid #0072ba;
	color:#fff;
	cursor:pointer;
	display:inline-block;
	font-family:"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight:bold;
	font-size:0.813em;
	line-height:1;
	margin:0;
	outline:none;
	padding:10px 20px 11px;
	position:relative;
	text-align:center;
	text-decoration:none;
	-webkit-transition:background-color 0.15s ease-in-out;
	-moz-transition:background-color 0.15s ease-in-out;
	-o-transition:background-color 0.15s ease-in-out;
	transition:background-color 0.15s ease-in-out;
}
.button:hover {
	color:#fff;
	background: #0072ba;
	background: -webkit-gradient(linear, left top, left bottom, from(#0072ba), to(#0072ba));
	background: -webkit-linear-gradient(top, #0072ba, #0072ba);
	background: -moz-linear-gradient(top, #0072ba, #0072ba);
	background: -ms-linear-gradient(top, #0072ba, #0072ba);
	background: -o-linear-gradient(top, #0072ba, #0072ba);
	background: linear-gradient(top, #0072ba, 0072ba);

	-pie-background: linear-gradient(#0072ba, #0072ba);
	behavior: url(js/PIE.htc);
;

}
.button:active {
	-webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.2) inset;
	-moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.2) inset;
	box-shadow:0 1px 0 rgba(0, 0, 0, 0.2) inset
}
.button:focus {
	-webkit-box-shadow:0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
	-moz-box-shadow:0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
	box-shadow:0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
	color:#fff
}
.button.large {
	font-size:1.063em;
	padding:15px 30px 16px
}
.button.medium {
	font-size:0.813em;
	padding:7px 14px 8px
}
.button.small {
	font-size: 0.813em;
	padding: 8px 38px 9px;
}
.no-txt {
	display:inline-block;
	width:27px;
	text-indent:-999px;
	overflow:hidden;
	padding: 4px 5px 5px;
}
.button.small.no-txt, .no-txt {
	padding: 4px;
	width: 26px;
}
.button.tiny {
	font-size:0.688em;
	padding:5px 10px 6px
}
.button.expand {
	width:100%;
	text-align:center
}
.button.primary {
	background: #dce1e4;
	background: -webkit-gradient(linear, left top, left bottom, from(#dce1e4 ), to(#cfd6d9 ));
	background: -webkit-linear-gradient(top, #dce1e4, #cfd6d9 );
	background: -moz-linear-gradient(top, #dce1e4, #cfd6d9 );
	background: -ms-linear-gradient(top, #dce1e4, #cfd6d9 );
	background: -o-linear-gradient(top, #dce1e4, #cfd6d9 );
	background: linear-gradient(top, #dce1e4, #cfd6d9 );
	border-color:#cfd6d9;

	-pie-background: linear-gradient(#dce1e4, #cfd6d9);
	behavior: url(js/PIE.htc);
;

}
.button.primary:hover {
	background: #cfd6d9;
	background: -webkit-gradient(linear, left top, left bottom, from(#cfd6d9), to(#cfd6d9));
	background: -webkit-linear-gradient(top, #cfd6d9, #cfd6d9);
	background: -moz-linear-gradient(top, #cfd6d9, #cfd6d9);
	background: -ms-linear-gradient(top, #cfd6d9, #cfd6d9);
	background: -o-linear-gradient(top, #cfd6d9, #cfd6d9);
	background: linear-gradient(top, #cfd6d9, cfd6d9);

	-pie-background: linear-gradient(#cfd6d9, #cfd6d9);
	behavior: url(js/PIE.htc);
;

}
.button.grey {
	background: #f7f7f7;
	background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7 ), to(#e6e6e6 ));
	background: -webkit-linear-gradient(top, #f7f7f7, #e6e6e6 );
	background: -moz-linear-gradient(top, #f7f7f7, #e6e6e6 );
	background: -ms-linear-gradient(top, #f7f7f7, #e6e6e6 );
	background: -o-linear-gradient(top, #f7f7f7, #e6e6e6 );
	background: linear-gradient(top, #f7f7f7, #e6e6e6 );
	border-color:#dddddd;

	-pie-background: linear-gradient(#f7f7f7, #e6e6e6);
	behavior: url(js/PIE.htc);
;

}
.button.grey:hover {
	background: #f0f2f4;
	background: -webkit-gradient(linear, left top, left bottom, from(#f0f2f4), to(#e3e7e9));
	background: -webkit-linear-gradient(top, #f0f2f4, #e3e7e9);
	background: -moz-linear-gradient(top, #f0f2f4, #e3e7e9);
	background: -ms-linear-gradient(top, #f0f2f4, #e3e7e9);
	background: -o-linear-gradient(top, #f0f2f4, #e3e7e9);
	background: linear-gradient(top, #f0f2f4, #e3e7e9);
	-webkit-box-shadow:0 0 4px #bbb, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
	-moz-box-shadow:0 0 4px #bbb, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
	box-shadow:0 0 4px #bbb, 0 1px 0 rgba(255, 255, 255, 0.5) inset

	-pie-background: linear-gradient(#f0f2f4, #e3e7e9);
	behavior: url(js/PIE.htc);
;

}
.button.primary:focus, .button.grey:focus {
	-webkit-box-shadow:0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
	-moz-box-shadow:0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
	box-shadow:0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset
}
.button.success {
	background-color:#5da423;
	border:1px solid #396516
}
.button.success:hover {
	background-color:#457a1a
}
.button.success:focus {
	-webkit-box-shadow:0 0 5px #5da423, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
	-moz-box-shadow:0 0 5px #5da423, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
	box-shadow:0 0 5px #5da423, 0 1px 0 rgba(255, 255, 255, 0.5) inset
}
.button.alert {
	background-color:#c60f13;
	border:1px solid #7f0a0c
}
.button.alert:hover {
	background-color:#970b0e
}
.button.alert:focus {
	-webkit-box-shadow:0 0 4px #c60f13, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
	-moz-box-shadow:0 0 4px #c60f13, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
	box-shadow:0 0 4px #c60f13, 0 1px 0 rgba(255, 255, 255, 0.5) inset
}
.button.secondary, .button.green {
	background: #2d9c00;
	background: -webkit-gradient(linear, left top, left bottom, from(#2d9c00 ), to(#268f00 ));
	background: -webkit-linear-gradient(top, #2d9c00, #268f00 );
	background: -moz-linear-gradient(top, #2d9c00, #268f00 );
	background: -ms-linear-gradient(top, #2d9c00, #268f00 );
	background: -o-linear-gradient(top, #2d9c00, #268f00 );
	background: linear-gradient(top, #2d9c00, #268f00 );
	border-color:#268f00;

	-pie-background: linear-gradient(#2d9c00, #268f00);
	behavior: url(js/PIE.htc);
;

}
.button.secondary:hover, .button.green:hover {
	background: #268f00;
	background: -webkit-gradient(linear, left top, left bottom, from(#268f00), to(#268f00));
	background: -webkit-linear-gradient(top, #268f00, #268f00);
	background: -moz-linear-gradient(top, #268f00, #268f00);
	background: -ms-linear-gradient(top, #268f00, #268f00);
	background: -o-linear-gradient(top, #268f00, #268f00);
	background: linear-gradient(top, #268f00, 268f00);

	-pie-background: linear-gradient(#268f00, #268f00);
	behavior: url(js/PIE.htc);
;

}
.button.secondary:focus, .button.green:focus {
	-webkit-box-shadow:0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
	-moz-box-shadow:0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
	box-shadow:0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset
}
.button.jblue {
	background: #446abb;
	background: -webkit-gradient(linear, left top, left bottom, from(#446abb ), to(#5586c8 ));
	background: -webkit-linear-gradient(top, #446abb, #5586c8 );
	background: -moz-linear-gradient(top, #446abb, #5586c8 );
	background: -ms-linear-gradient(top, #446abb, #5586c8 );
	background: -o-linear-gradient(top, #446abb, #5586c8 );
	background: linear-gradient(top, #446abb, #5586c8 );
	border-color:#446abb;

	-pie-background: linear-gradient(#446abb, #5586c8);
	behavior: url(js/PIE.htc);
;

}
.button.jblue:hover {
	background: #5586c8;
	background: -webkit-gradient(linear, left top, left bottom, from(#5586c8), to(#5586c8));
	background: -webkit-linear-gradient(top, #5586c8, #5586c8);
	background: -moz-linear-gradient(top, #5586c8, #5586c8);
	background: -ms-linear-gradient(top, #5586c8, #5586c8);
	background: -o-linear-gradient(top, #5586c8, #5586c8);
	background: linear-gradient(top, #5586c8, 5586c8);

	-pie-background: linear-gradient(#5586c8, #5586c8);
	behavior: url(js/PIE.htc);
;

}
.button.jblue:focus {
	-webkit-box-shadow:0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
	-moz-box-shadow:0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
	box-shadow:0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset
}
.button.transparent {
	filter: none;
	background: transparent;
	border:0px none;
	color:#333;
}
.button.transparent:hover {
	background:  transparent;
	filter: none;
}
.button.transparent:focus {
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none
}
.button.white {
	background: #f1ece6;
	color:#3f3e3e;
	border-color:#dedede;
}
.button.white:hover {
	background: #dedede;
}
.button.white:focus {
	-webkit-box-shadow:0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
	-moz-box-shadow:0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
	box-shadow:0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset
}
.button.radius {
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	
	behavior: url(js/PIE.htc);
}
.button.round {
	-webkit-border-radius:1000px;
	-moz-border-radius:1000px;
	-ms-border-radius:1000px;
	-o-border-radius:1000px;
	border-radius: 1000px;
	
	behavior: url(js/PIE.htc);
}
.button.full-width {
	width:100%;
	text-align:center;
	padding-left:0px !important;
	padding-right:0px !important
}
.button.left-align {
	text-align:left;
	text-indent:12px
}
.button.disabled, .button[disabled] {
	opacity:0.6;
	cursor:default;
	background:#2ba6cb;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none
}
.button.disabled :hover, .button[disabled] :hover {
	background:#2ba6cb
}
.button.disabled.success, .button[disabled].success {
	background-color:#5da423
}
.button.disabled.success:hover, .button[disabled].success:hover {
	background-color:#5da423
}
.button.disabled.alert, .button[disabled].alert {
	background-color:#c60f13
}
.button.disabled.alert:hover, .button[disabled].alert:hover {
	background-color:#c60f13
}
.button.disabled.secondary, .button[disabled].secondary {
	background-color:#268f00;
}
.button.disabled.secondary:hover, .button[disabled].secondary:hover {
	background-color:#268f00;
}


/* Common use*/
clear_both {
	clear:both;
}	


/*************************** form ***************************/

input, input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
    background-color: white;
    border: 1px solid #cccccc;
    border-radius: 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    box-sizing: border-box;
    color: #555;
    display: block;
    font-family: inherit;
    margin: 0 0 4px;
    padding: 4px;
    transition: box-shadow 0.45s ease 0s, border-color 0.45s ease-in-out 0s;
    width: 100%;
    font-size: 1em;
    height:auto;
}

select {
	margin-bottom:1px;
}

.field_container, .error_msg_container, .preview_field_container {
	padding-top:11px !important;
}

.label_container {
	padding-top: 11px !important;
	padding-left: 8px !important;
	padding-right: 8px !important;
}

.field_container, .preview_field_container {
	padding-left: 8px !important;
}

.error_msg_container {
	padding-left: 16px !important;
}

.preview_field_container {
	font-weight: bold;
	padding-bottom: 6px !important;
}

.hide-child div {
	display:none !important;
}
/*************************** Content Structure ***************************/

#content_skin {
	background: none;
}

#content_skin .content_skin_padding {
	padding: 10px 0;
}

/* Landding Page */
.card_info {
	margin-bottom:8px;
}

/* Note Page */
.important_notes {
	background: #0b5d94 url(../images/requirement_bg.gif) repeat-x 0 -20px;
	padding: 15px 0 0;
}

.notes_requirement {
	padding: 15px 0 10px 30px;
}

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

#notes_seleced_image,
#notes_seleced_image_2 {
	padding: 0 0 5px 0;
}

#notes_seleced_image img,
#notes_seleced_image_2 img {
	width: 150px;
}

.notes_requirement_content {
	clear:both;
	color:#fff;
	background-color: #0c5e96;
	padding:10px;
	margin-right:30px;
}

table.notes_requirement_table_content h5 {
	color: #fff;
}

.requirement-listing {
	margin:2px 0px 10px 15px;
}

ul.requirement-listing li {
	list-style-type: disc;
	color: #fff;
	font-size: 0.750em;
	line-height: 15px;
}

#notes_selected_product_name, 
#notes_selected_product_name_2 {
	height:80px;
}

#notes_selected_product_name h4,
#notes_selected_product_name_2 h4{
	color: #555;
	line-height: 1.375em;
	font-weight: bold;
	padding-left:0;
}
	
.notes_selected_product_name {
	font-size: 1.375em;
	font-weight: bold;

	color: #555;
	line-height: 0.9em;
}

.notes_form_personal {
	padding: 0 10px 15px;
	color:#fff;
}

.notes_form_personal a.btn_continue {
	float:left;
	background: transparent url(../images/btn_continue_notespage.gif) no-repeat scroll 0 -30px;;
}

.notes_form_personal a.btn_continue:hover {
	float:left;
	background: transparent url(../images/btn_continue_notespage.gif) no-repeat scroll 0 0px;;
}

#notes_documents {
	width: 910px;
	background: #f8f8f8;
	display:block;
	float:left;
}

#notes_document_message {
	display: block;
	float:left;
	width: 231px;
	heigh:170px;
	background: #ededed url(../images/requirement_arrow.gif) no-repeat 100% 50%;
	text-align:center;
	font-size: 0.938em;
	line-height: 20px;
	font-weight: bold;
}

#notes_document_message_padding {
	padding: 15px 21px 5px 5px;
}

#notes_document_lists {
	display: block;
	float:right;
	width: 670px;
}

#notes_document_lists table tr td {
	padding: 15px 10px 5px 0;
}

.document-listing
{
	margin:2px 0px 10px 15px;
}

ul.document-listing li {
	list-style-type: disc;
	color: #555;
	font-size: 0.750em;
	line-height: 15px;
	padding-top:8px;
}

ul.document-listing li ul.document-listing li{
	font-size: 0.688em;
	line-height: 14px;
}

.blue_box {
	background-color: #e5eef5;
	padding: 10px;
}

.yellow_box, .yellow_box_no_padding {
	background-color: #fffada;
	padding: 10px;
	border: 1px solid #ebe2b7;
}

.yellow_box_no_padding {
	padding: 0;
}

.gray_border {
	border: 1px solid #ccc;
}
	
/* Selected Card */
#selected_cards {
	float: right;
	width: 225px;
	position:relative;
	margin:20px 0 0 0;
	background-color: #ededed;
	display: block;
	clear:both;
}

#selected_cards .padding {
	padding: 0;
}

table.cards_selected {
	width: 225px;
	height:150px;
	background: #ededed url(../images/selected_card_bg.jpg) no-repeat 0 0;
	border-top: 1px solid #ccc;
}

table.cards_selected tr td{
	width: 225px;
	vertical-align: middle;
	text-align:center;
	padding: 28px 38px 0;
}

#selected_cards img {
	width: 150px;
}

/* New Credit Card */
#new_credit_card {
}

#newcard_breadcrumb {
	height: 51px;
}

.breadcrumb {
	width: 940px;
	height: 51px;
	background: url(../images/steptracker_5steps.jpg) no-repeat;
	font-size: 0.813em;
	line-height: 33px;
	color: #ffffff;
	text-transform:uppercase;
}

.step_1 {
		background-position: 0 -280px;
}

.step_2 {
		background-position: 0 -210px;
}

.step_3 {
		background-position: 0 -140px;
}

.step_4 {
		background-position: 0 -70px;
}

.step_5 {
		background-position: 0 0;
}

ul.tabs { 
	list-style: none; 
	margin: 10px 0 0 !important; 
	padding: 0 0 0 7px;		
	height: 51px;
	width: 960px;
}

ul.tabs li { 
	float: left;	 
	text-indent: 0;
	padding: 0;
	margin: 0 !important;
	list-style-image: none !important; 
	font-size: 0.813em;
	font-weight: bold;
	display: block;
	line-height: 16px;
	padding: 19px 5px 0 47px; 
	color: #cccccc;
	position: relative;
	width:135px;
	height: 31px;

}

ul.tabs li.line2{ 
	padding-top: 8px; 
}

/* Form Content */
.h4floatleft {
	float:left;
	margin: 20px 0 10px 0;
	padding: 0 0 0 2px;
	color:#999;
	display:block;
	line-height:20px;
}

.h4floatleft a {
	display:inline;
	font-size: 0.688em;
	font-weight: bold;
	text-decoration: normal;
}

.h4hr {
	margin:-5px 0 0;
}

.tab_content {
    margin: 0 0 10px;
}

.custom-checkbox label, .custom-radio label {
	line-height: 16px;
}

.application_form .mandatory {
    display:block;
    margin:-17px -10px 0 -5px;
}

.text_float_left {
	clear: both;
	display: block;
	float: left;
	padding: 4px 0 0 10px;
	width: 205px;
}

.text_float_left2 {
	clear: both;
	display: block;
	float: left;
	padding: 5px 0 0 10px;
	font-size: 0.625em;
}

.text_cb_float_left {
	clear:both;
	display: block;
	float: left;
	padding: 0 0 0 10px;
}

.custom-radio label, .custom-checkbox label {
	padding-top: 0;
	font-size: 1em;
	color:#555;
	z-index: 9;
}

#notes_page .custom-radio label, #notes_page .custom-checkbox label {
	color:#fff;
}

#notes_page .custom-radio label {
    background-image: url("../images/radiobutton-lead.gif");
}

.custom-checkbox label.cb_text {
	padding-bottom: 0;
}

/* Validation */
.notes_form_personal .formFieldFocus {
	background: #0c5e96;
}

.errorMessageContainer_step0 {
	color:#555;
	margin: 0 0 15px 0;
	border: 1px solid #ff9d9d;
	background: #ffffe0 url(../images/error_icon.gif) 12px 50% no-repeat;
}

.errorMessageContainer {
	color:#555;
	margin: 15px 0 0;
	border: 1px solid #ff9d9d;
	background: #ffffe0 url(../images/error_icon.gif) 12px 50% no-repeat;
}

.errorMessageContainer_upload {
	color:#555;
	width: 440px;
	margin: 0 0 15px 0;
	border: 1px solid #ff9d9d;
	background: #ffffe0;
}

.errorMessageContainer_padding {
	padding: 0 0 14px 34px;
}

.error_box_note, .error_box {
	border: 1px solid #ff9e9e;
	display: block;
	float: right;
	background-color:#ffffe0 ;
	width:100%;
}

/* --ie6 hack-- */
.error_box_note .error, .error_box .error {
	display: block;
	float:left;
	background: url(../images/error_left.gif) 0 5px no-repeat;
	color: #ea5900; 
	font-weight: bold;
	font-style: normal;
	line-height: 20px;
	padding: 9px 5px 9px 40px;
	border: none !important;
	width:100%;
	z-index:10;
	position:relative;
	left:-10px;
	top:0px;
}



label.error { 
	display: block;
	float:left;
	background: url(../images/error_left.gif) 0 5px no-repeat;
	color: #ea5900; 
	font-weight: bold;
	font-style: normal;
	line-height: 20px;
	padding: 9px 5px 9px 40px;
	border: none !important;
	width:122px;
	z-index:10;
	position:relative;
	left:-20px;
	top:0px;
}

.notes_form_personal label.error {
	width: 125px;
}

/* Oversee */
.form2_overseas_container tr {
	margin: 0;
}

/* VAS tab */
table.application_form tr td .tdsupplementarycard {
	background: url(../images/vas_icon_sup_card.gif) no-repeat 0 0;
	font-weight:bold;
	padding:6px 0 6px 45px;
	text-align:left;
}

table.application_form tr td .tdccinsurance {
	background: url(../images/vas_icon_cc_production.gif) no-repeat 0 0;
	font-weight:bold;
	padding:6px 0 6px 45px;
	text-align:left;
}

.add_card {
	margin: 0 0 10px 0;
	display:block; 
	padding: 5px 0 0 33px;
	color: #005D9A;
	height: 16px;
	background: url(../images/btn_add_more.gif) no-repeat 5px 0;
}

.remove_card {
	color:red; 
	font-size: 9pt; 
	padding-left: 10px;
}

/* Doc Upload tab*/
.document-upload-listing {
}

ul.document-upload-listing {
	padding-top: 4px;
}

ul.document-upload-listing li {
	list-style: disc outside none;
	color: #555;
	font-size: 0.750em;
	line-height: 20px;
	padding-bottom: 2px;
	margin-left: 11px;
}

.mandatory_left {
	color: #ff0000;
}

table.table_upload_container tr td {
	padding: 5px 0 0px 20px;
	vertical-align: top;
}

table.table_upload  {
	display:block;
	float:left;
	width:480px;
	margin: 0 0 20px 0;
}

table.table_upload tr td {
	padding: 5px 0 5px 20px;
	vertical-align: top;
}

table.table_upload tr td select {
	margin-left: -10px;
}

#form2_uploadid_01_list {
	border-bottom: 1px solid #808080;
	width:430px;
}

#form2_uploadid_02_list {
	border-bottom: 1px solid #808080;
	width:430px;
}

#form2_uploadid_03_list {
	border-bottom: 1px solid #808080;
	width:430px;
}

#form2_uploadincome_01_list {
	border-bottom: 1px solid #808080;
	width:430px;
}

#form2_uploadincome_02_list {
	border-bottom: 1px solid #808080;
	width:430px;
}

#form2_uploadsupcard_01_list {
	border-bottom: 1px solid #808080;
	width:430px;
}

#form2_uploadsupcard_02_list {
	border-bottom: 1px solid #808080;
	width:430px;
}

.MultiFile-label {
	padding: 0 0 5px 0;
}

.MultiFile-label span {
	cursor: pointer;
}

.btn_upload_file {
	background: url(../images/btn_add_more.gif) no-repeat 0 5px;
}

.btn_upload_file_over {
	background: url(../images/but_upload_file_over.gif) no-repeat 0 5px;
}

.btn_upload_another_file {
	background: url(../images/but_upload_another_file.gif) no-repeat 0 5px;
}

.btn_upload_another_file_over {
	background: url(../images/but_upload_another_file_over.gif) no-repeat 0 5px;
}

.lbl_btn_upload_file {
	display:block; float:left; 
	margin:-18px 0 0 0; 
	padding-left: 27px;
	color: #005D9A;
}

/* tip in input box */
.tipped {
	color: #BBB;
		}

/* Preview Tab*/
#form_new_customer_credit_cards
hr {
	margin-top:0;
}

#pre_form2_main_contact_preview_container table tr td div {
	font-weight: bold;
}
		
#pre_form2_personal_preview_container table tr td div {
	font-weight: bold;
}
		
#pre_form2_address_preview_container table tr td div {
	font-weight: bold;
}
		
#pre_form2_oversee_address_preview_container table tr td div {
	font-weight: bold;
}
		
#pre_form2_secondary_contact_preview_container table tr td div {
	font-weight: bold;
}
		
#pre_form2_employment_preview_container table tr td div {
	font-weight: bold;
}
		
#pre_form2_business_address_preview_container table tr td div {
	font-weight: bold;
}
		
#pre_form2_supp_card_preview_container table tr td div {
	font-weight: bold;
}
		
#pre_form2_primary_card_preview_container table tr td div {
	font-weight: bold;
}

/* thanks you page */

#new_credit_card_thanks_page {
	height:400px;
	background: url(../images/thankyou_bg.jpg) 0 0 repeat-x;
}

.thanks_page {
	border: none;
	padding: 20px 20px 20px 0;
	margin: 0;
}

#thanks_left {
	font-size: 1.75em;
	line-height: 1.35em;
	padding: 16px 0 0 90px;
	background: url(../images/thankyou_tick.gif) 0 10px no-repeat;
}

#print-pdf-button-2 {
	width: 211px;
	height: 30px;
	background: url(../images/save_as_pdf.gif)  0 0 no-repeat;
	display: block;
	cursor: pointer;
	margin-top:10px;
	padding: 2px 0 0 42px;
}

#print-pdf-button_a {
	width: 211px;
	height: 30px;
	cursor: pointer;
	color: #fff;
}

a#print-pdf-button_a:hover {
	text-decoration:none;
}


#thanks_right {
	display: block;
	float:right;
	width:351px;
	background-color: #f8f8f8;
}

#thanks_right_top {
	padding:18px 18px 5px;
	background: #ededed url(../images/thankyou_arrow.gif) 50% 100% no-repeat;
}

#thanks_right_row1 {
	padding:12px 20px 20px 76px;
	background: url(../images/thankyou_branches_icon.gif) 18px 10px no-repeat;
	line-height:10px;
}

#thanks_right_row2 {
	padding:12px 20px 20px 76px;
	background: url(../images/thankyou_fax_icon.gif) 18px 10px no-repeat;
	line-height:10px;
}

.thanks_right_line {
	height:1px;
	border-top: 1px dashed #808080;	
	margin: 0 10px;
}

#thanks_right_bottom{
	background: url(../images/thankyou_shadow.jpg) 50% 0 no-repeat;
	height:18px;
}

.thanks_page ol.listing {
	list-style: decimal outside none;
	padding-top:8px;
}

.thanks_page ol.listing li {
	margin:0 22px 8px 22px;
}

		
/* Coda Slider */
/* change the width of the entire slider (without dynamic arrows) */
.coda-slider, .coda-slider .panel {
width: 100%;} 

/* change margin and width of the slider (with dynamic arrows) */
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { 
}

.coda-slider-wrapper {
}

.panel-wrapper {
}

#new_credit_card .buttons {
}

.form_width {
}

table.table_vas tr td {
	padding: 8px 5px 8px 15px;
	vertical-align: top;
}

	

////////////////////ie

.card1moveup {
	 margin-top: 100px;
} 

.card2moveup {
	 margin-top: 0px;
} 

div.fileinputs {
	position: relative;
	padding: 5px 0;
}

div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}


.ccimessage {
	text-align: justify;
	padding-left: 10px;
}

.cciconfirmmessage {
	display: none;
	padding: 10px;
	border: 1px solid silver;
}

.textarea {
	height: 200px;
	margin-bottom: 20px;
	overflow: scroll;
	width: 100%;
}

.textarea ul li {
	list-style-type: disc;
}

.textarea ol{
	margin-left: 20px;
	list-style-type: decimal;
}

.textarea ol li {
	margin-top:2px;
}

#form2_declaration_help {
	width: 650px;	
}

#form2_declaration_control {
	display: none;
	width: 650px;
}

/*New*/
.MultiFile-label span {
	cursor: pointer;
}

input.file {
	cursor: pointer !important;
	height: 22px; 
	font-size: 1.500em;
}

.swfupload_text {
	font: 0.750em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #005D9A;
}

/*Waiting*/

#pop-up-upload {
	padding:18px 16px 30px 16px;
	width:334px;
	border:3px solid #e1e0df;
	-moz-border-radius:4px 4px 4px 4px;
	-webkit-border-radius:4px 4px 4px 4px;
	border-radius:4px 4px 4px 4px;
	background:url("../images/bg-popup.jpg") 0 0 repeat-x #e4eeff;
	color: #777777;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 0.688em;
}	

.wrap-img { padding:0 0 20px 0; }
	
.wrap-img img {
	float:left; 
	margin:0 15px 0 0; }
	
#pop-up-upload h2 {
	font-size:0.938em;
	color:#2a5589; 
	font-weight:normal;
	margin:0 0 5px 0;
	padding:0; }

.wrap-img p {	
	font-size:0.750em;
	color:#a6a8ac;		
	line-height:16px; }
	
.uploading {
	padding:20px 0 0 0;
	text-align:center;
	color:#9f9fa0;		
	font-size:0.875em; }	
	
.loader { width:220px !important; margin:0 auto !important; }	

.ui-dialog .ui-dialog-content {
    padding: 0;
}

#newcard_save_submit_form {
	font-size: 1.000em; 
	line-height:30px; 
	font-weight: bold; 
	color: gray; 
	text-align:right; 
	display:block;
}

/*New Button CSS*/

#form_notes_information a.btn_continue, a.btn_submit, a.btn_next {
	width: auto;
	height: 30px;
	display: block;
	margin-right: 0;
	color: #fff;
	font-size:1.25em;
	line-height: 0.875em !important;
	font-weight:bold;
	text-decoration:none;
	padding:0 0 0 0;
	background-image:none;
	margin-top:8px;
}

#form_notes_information a.btn_continue span, a.btn_submit span, a.btn_next span {
	background: url(../images/btn_next_background.gif) repeat-x 0 -30px;
	display: block;
	padding:8px 0 0 0;
	float: left;
	height: 30px;
	margin-right: 0;
	cursor:pointer;
}

#form_notes_information a.btn_continue:hover span, a.btn_submit:hover span, a.btn_next:hover span {
	background-position: 0 0;
}

a.btn_submit span.btn_next_left, a.btn_next span.btn_next_left {
	width: 10px;
	background: url(../images/btn_next.gif) no-repeat 0 -30px;
}

#form_notes_information a.btn_continue span.btn_next_left{
	width: 10px;
	background: url(../images/btn_continue_notespage.gif) no-repeat 0 -30px;
	height:30px;
}

#form_notes_information a.btn_continue:hover span.btn_next_left, a.btn_submit:hover span.btn_next_left, a.btn_next:hover span.btn_next_left {
	background-position: 0 0;
}

a.btn_submit span.btn_next_right, a.btn_next span.btn_next_right {
	width: 32px;
	background: url(../images/btn_next.gif) no-repeat 100% -30px;
}

#form_notes_information a.btn_continue span.btn_next_right{
	width: 32px;
	background: url(../images/btn_continue_notespage.gif) no-repeat 100% -30px;
}

#form_notes_information a.btn_continue:hover span.btn_next_right, a.btn_submit:hover span.btn_next_right, a.btn_next:hover span.btn_next_right {
	background-position: 100% 0;
}

a.btn_submit:hover {
	background-position: 0 0;
	text-decoration:none;
}

.form2_note_tc_container {
	padding-left:10px;
}

.btn_continue {
	margin-bottom: 15px;
}

/*************************** Foundation 5***************************/
/* Small Displays: 0 - 485px */
@media only screen and (max-width: 30.313em) { 
  /* Small Displays: enable default select for touch device */
  select {
    visibility: visible !important;
    margin-left: 0 !important;
    margin-bottom:3px !important;
    position: static !important;

    -webkit-appearance: menulist-button;
    padding: 4px 6px;
    display: inline-block;
  }
  form.custom div.custom.dropdown {display: none;}
  /* Small Displays: swipe note background */
  .important_notes { background-image:none; background-color: #fff; }
  .notes_form_personal {padding:0;}
  .notes_selected_product_name, .selected_card_name {line-height: normal;}
  #notes_selected_product_name, #notes_selected_product_name_2 {height: auto; margin-bottom:5px;}
   #form2_main_contact_container, #form2_main_contact_container_2 {background: #0b5d94 url(../images/requirement_bg.gif) repeat-x 0 -95px; padding-right:10px;}
   
   /* Small Displays: thx page */
   #thanks_left {padding: 90px 0 0 5px;line-height: 1.25em;}
}
/* Small Displays: all screen */
@media only screen { 
}
/* SCB - Medium Displays: 486px - 767px */
@media only screen and (min-width: 30.375em) and (max-width: 47.938em) { 
   select {
    visibility: visible !important;
    margin-left: 0 !important;
    margin-bottom:3px !important;
    position: static !important;

    -webkit-appearance: menulist-button;
    padding: 4px 6px;
    display: inline-block;
  }
  form.custom div.custom.dropdown {display: none;}

  /* Small Displays: swipe note background */
  .important_notes { background-image:none; background-color: #fff; }
  .notes_form_personal {padding:0;}
  .notes_selected_product_name, .selected_card_name {line-height: normal;}
  #notes_selected_product_name, #notes_selected_product_name_2 {height: auto; margin-bottom:5px;}
   #form2_main_contact_container, #form2_main_contact_container_2 {background: #0b5d94 url(../images/requirement_bg.gif) repeat-x 0 -95px; padding-right:10px;}
   
   /* Small Displays: thx page */
  #thanks_left {padding: 16px 0 0 90px; line-height: 1.35em;}
}
/* SCB - Medium Displays: 768px - 1024px */
@media only screen and (min-width: 48px) and (max-width: 64em) { 
  select {
    visibility: visible !important;
    margin-left: 0 !important;
    margin-bottom:3px !important;
    position: static !important;

    -webkit-appearance: menulist-button;
    padding: 4px 6px;
    display: inline-block;
  }
  form.custom div.custom.dropdown {display: none;}
}
/* Medium Displays: 486px - 1024px */
@media only screen and (min-width: 30.375em) and (max-width: 64em) { 
}
/* Medium Displays: 641px - unlimited */
@media only screen and (min-width: 40.063em) { 
}
/* Large Displays: 1025px - 1440px */
@media only screen and (min-width: 64.063em) and (max-width: 90em) { 
}
/* Large Displays: 1025px - unlimted */
@media only screen and (min-width: 64.063em) { 
}
/* XLarge Displays: 1441px - 1920px */
@media only screen and (min-width: 90.063em) and (max-width: 120em) { 
}
/* XLarge Displays: 1441px - unlimited */
@media only screen and (min-width: 90.063em) { 
}
/* XXLarge Displays: 1921px - unlimited */
@media only screen and (min-width: 120.063em) and (max-width: 99999999em) { 
}
/* XXLarge Displays: 1921px - unlimited */
@media only screen and (min-width: 120.063em) { 
}


/*************************** Touch event detected by modernizr ***************************/
.touch select {
    visibility: visible !important;
    margin-left: 0 !important;
    position: static !important;
    margin-bottom:3px !important;

    -webkit-appearance: menulist-button;
    padding: 4px 6px;
    display: inline-block;
  }
.touch form.custom div.custom.dropdown { display: none;}


/* IE 8,9 always no touch */
  .lt-ie9 select { display: none;}
  .lt-ie9 form.custom div.custom.dropdown {display: block;}


/*************************** Foundation 4 ***************************/
@media only screen {
}
/* Medium Displays: 768px - 1279px */
@media only screen and (min-width: 768px) {
}
/* Large Displays: 1280px - 1440px */
@media only screen and (min-width: 1280px) {
}
/* X-Large Displays: 1400px and up */
@media only screen and (min-width: 1440px) {
}

@media only screen and (orientation: landscape) {
}
@media only screen and (orientation: portrait) {
}