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

#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:14px;
	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:14px;
	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:14px;
	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:14px;
	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:14px;
	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:13px;
	font-weight:bold;
	text-decoration:none;
	padding:1px 0 0 8px;
	margin-top:19px;
}

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

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

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


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:13px;
	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;
}


/* Common use*/
clear_both {
	clear:both;
}	
	
/* Content Structure */
#content {
	margin-right: 0;
}

#content .content_padding {
	padding: 0 5px 15px;
}

#content_skin {
	background: none;
}

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

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

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

#notes_requirement {
	display: block;
	float:left;
	width:352px;
	padding: 15px 0 10px 30px;
}

#notes_seleced_image {
	display:block;
	float:left;
	padding: 0 0 5px 0;
}

#notes_seleced_image 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: 12px;
	line-height: 15px;
}

#notes_selected_product_name {
	color: #555;
	font-size: 15px;
	line-height: 20px;
	font-weight: bold;
	height:80px;
}
	
.notes_selected_product_name {
	font-size: 22px;
	line-height: 26px;
	font-weight: bold;
}

#notes_form_personal {
	display: block;
	float: right;
	width: 525px;
	color: #fff;
	margin-bottom: 15px;
}

#notes_form_personal table.application_form tr td {
	padding: 5px 10px 5px 0;
	vertical-align: top;
}

td.note_width {
	width:100px;
}

td.note_width2 {
	width:218px;
}

.input_width {
	width:197px;
}

.input_width_short {
	width:128px;
	padding-left: 0;
	margin-left: 2px !important;
}

td.note_width_edit {
	width:200px;
}

td.note_width2_edit {
	width:240px;
}

#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: 15px;
	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: 12px;
	line-height: 15px;
	padding-top:8px;
}

ul.document-listing li ul.document-listing li{
	line-height: 14px;
	list-style-type: circle;
}

.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 {
	width:940px;
}

#newcard_breadcrumb {
	height: 51px;
}

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

.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 -1px;
}

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: 13px;
	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 5px;
	color:#999;
	display:block;
}

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

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

.tab_content {
    margin: 0 0 10px;
}

table.application_form tr td {
	line-height:16px;
	padding:8px 1px 8px 5px;
}

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

table.application_form input {
	margin: 0 3px 0 10px;
}

table.application_form select {
	margin: 0 3px 0 10px;
	width: 200px;
}

td.column2 {
	width: 220px;
}

table.application_form tr td.column2-nowidth {
	padding-bottom: 5px;
	padding-left: 9px;
}

td.column3 {
	width: 240px;
}

.application_form .mandatory {
    display: inline;
    /*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: 10px;
}

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

.custom-radio label, .custom-checkbox label {
	padding-top: 0;
}

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

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

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

.errorMessageContainer {
	color:#555;
	width:935px;
	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 ;
}

/* --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:122px;
	z-index:10;
	position:relative;
	left:-10px;
	top:0px;
}

/* --ie6 hack-- */
.error_box .error {
	width: 180px;
}

.input_l_width {
	width:190px;
}

.input_h_width {
	width:95px;
}

.input_date_width {
	width:160px;
}

.input_pc_width {
	width:95px;
	padding-right:0px;
	float:left;
}

.input_t1_width {
	width:26px;
}

.input_t2_width {
	width:140px;
}

.input_t3_width {
	width:98px;
}

input_width_file {
	width: 65px;
}

.input_n2_width {
	width:112px;
}

.input_width_short {
	width:127px;
	padding-left: 0;
	margin-left: 2px !important;
}

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;
	padding-left: 5px;
}

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

.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_uploadid_04_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*/
#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;
}

/* thanks you page */

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

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

#thanks_left {
	display: block;
	float:left;
	width:420px;
	font-size: 18px;
	line-height: 24px;
	padding: 16px 0 0 100px;
	background: url(../images/thankyou_tick.gif) 10px 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;
	height: auto !important;
	height: 168px;
	min-height: 168px;
}

#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_row3 {
	padding:12px 20px 20px 76px;
	background: url(../images/thankyou_email_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: 692px;
	display:block; 
} 

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

.coda-slider-wrapper {
}

.panel-wrapper {
	width: 692px;
}

#new_credit_card .buttons {
	width:692px;
}

.form_width {
	width:692px;
}

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

	

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

.card1moveup {
	 margin-top: 0px;
} 

.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;
	cursor: pointer;
}

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

.cciconfirmmessage {
	display: none;
	padding: 10px;
}

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

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

#form2_declaration_help {
	width: 650px;	
}

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

#pre_form2_doc_upload_preview_container table tr td div {
	font-weight: bold;
}

img.datepick-trigger {
	margin: 0;
}