/************* card tool style **************/
div.cardToolContainer {
  width: 550px;
  background: #FFF;

}

div.tableBodyBox{
  width: 550px;
  height:170px;
  background: #FFF;
  border:1px solid red;
  margin:0px;
}
ul.overView{
  padding-left:8px;
  margin-left:8px;
}
div.compareToolContainer
{
  width: 780px;
}
div#cardsNum{
	width:50px;
	Height:20px;	
	float:left;
	text-align:left;
	vertical-align:middle;
}
div.primaryCardBox{
	height:160px;
	width: 180px;
	margin-left:30px;
	border:0px solid red;
	text-align:center;
	
}


div.primaryCardNameBox{
	height:38px;
	border:0px solid orange;
	margin-bottom:0px;
	

}
div.primaryCardImgBox{
	height:63px;
	border:0px solid orange;
	margin-top:0px;
	margin-bottom:3px;
	
	
}
div.applyNowBtnBox{
	height:22px;
	border:0px solid yellow;
	margin-bottom:5px;
	
}

div.primaryCardLearnMoreBox
{
	height:10px;
}

div#q1RadioStr{
	height:150px;
	width:85px;	
	margin-left:0px;
	float:left;
	vertical-align:bottom;
	border:0px solid blue;

}
div.arrowRadioBox
{
	height:150px;
	width:150px;	
	margin-top:0px;
	margin-left:0px;
	float:left;
	vertical-align:bottom;
	border:0px solid green;
	

}

div#q2RadioStr{
	height:150px;
	width:130px;	
	margin-top:0px;
	margin-left:10px;
	padding-left:10px;
	float:left;
	vertical-align:bottom;
	border:0px solid blue;
	

}

div.radioButton{
	height:20px;
	width:20px;		
	margin-left:0px;
	float:left;
	vertical-align:top;
	border:0px solid yellow;

}

div.q1radioButtonName
{
	height:30px;
	width:55px;		
	margin-left:5px;
	float:left;
	vertical-align:bottom;
	border:0px solid yellow;
	
}
div.q2radioButtonName
{
	height:30px;
	width:95px;		
	margin-left:5px;
	float:left;
	vertical-align:bottom;
	border:0px solid yellow;
	
}
div.instructionButn{
	width:550px;
	Height:30px;	
	border:0px solid green;
	
}
div.compareBtn{
	width:230px;
	padding:5px;
	border:0px solid green;
	float:left;
	
}

div.compareBtnBottom{
	width:538px;
	padding:5px;
	border:0px solid green;
	float:left;
	
}
div.compareInstruction{
	width:300px;
	Height:30px;	
	float:left;
	text-align:left;
	vertical-align:middle;
	border:0px solid #FF3300;
	
}

div.learnMore{
	width:80px;
	Height:20px;	
	float:right;
	text-align:left;
	vertical-align:middle;
	margin-top:10px;
}

div.CT_window{
	position: absolute; left:0px; top: 0px; 	
	width: 102%;
    font: 12px Arial, Helvetica, sans-serif;
	border:0px solid green;	
	margin-bottom:50px;	
	padding-bottom:20px;
}
div.CT_headerBox
{
	width: 100%;
	background-color: #f0f0f0;
	margin-top:0px;
	padding:0px;
	vertical-align: top;
	height: 40px;
	border:0px solid orange;	
	
}
div.CT_title {
	height: 30px;
	float: left;
	vertical-align: middle;
	margin-top:10;
	padding-top: 10px;
	padding-left: 10px;	
	border:0px solid #FF3300;	

}

div.iconBox{
	width:160px;
	Height:20px;	
	float:right;
	vertical-align:middle;
	padding-top: 18px;	

}

div.comparePrint  {
	width:65px;
	Height:20px;	
	float:left;
	vertical-align:middle;

	
}
div.compareClose{
	width:80px;
	Height:20px;	
	float:left;
	vertical-align:middle;
	
}
div.primaryCardImgBox{
	padding:4px;	
	vertical-align:middle;

}
div.fullResultBtnBox{
	padding:5px;	
	vertical-align:middle;

}
div.imageBox{
	padding:3px;	
	margin-bottom:5px;
	
	vertical-align:middle;

}
div.applyBtnBox{
	padding:2px;	
	margin-bottom:3px;
	vertical-align:middle;

}
div.learnMoreBox{
	padding:5px;	
	margin-top:5px;	
	margin-bottom:5px;
	vertical-align:middle;

}
.compareWord {
	font-size: 12px;
}
div.resultBox
{
	width:192px;
	Height:7px;	
	float:left;
	vertical-align:middle;
	border:0px solid red;	
	
}
div.resultTitle
{
	width:46px;
	Height:20px;	
	float:left;
	margin-right:5px;
	padding-right:0px;
	vertical-align:middle;
	border:0px solid green;	
	
}
div#resultCardNum
{
	width:140px;
	Height:20px;	
	float:left;
	vertical-align:middle;
	border:0px solid blue;	
	
}
div#cardsNum
{
	width:60px;
	Height:20px;	
	float:left;
	vertical-align:middle;
	border:0px solid blue;	
	
}
h3 {
 color: #666666;
 font-family:Verdana, Arial, Helvetica, sans-serif;	
 
}

.headlin2 {
font-weight: normal;
font-size: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;	
color: #cc0000;
line-height: 40px;
}
.headlin3 {
font-weight: bold;
font-size: 15px;
font-family: Verdana, Arial, Helvetica, sans-serif;	
color: #cc0000;
line-height: 105%;
}
.headlin4 {
font-weight: bold;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;	
color: #cc0000;
line-height: 150%;

}
.headlin5 {
font-weight: bold;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;	
color: #cc0000;
line-height: 130%;

}
.cardName{
  font-weight: bold;
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, sans-serif;	
  color: #cc0000;
  line-height: 150%;
  vertical-align: middle;
}
a.gray{
	color: #cc0000;
	padding: 7px 10px;
	position: relative;
	margin: 0px 3px 0px 0px;
	text-decoration: none;
}
a.gray:hover{
	text-decoration: underline;
	color: #cc0000;
}

td,th
{
 color: #666666;
 font-size: 11px;
 line-height: 16px;
 font-family: Verdana, Arial, Helvetica, sans-serif;	
}

span.cardsNum{
font-weight: bold;
font-size: 13px;
font-family: Verdana, Arial, Helvetica, sans-serif;	
color:
}
span.scrollarCardName
{
font-weight: normal;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;	
color: #666;
}
table.selectorTitle {
height:10px;
width:83px;
font-weight: bold;
text-align:center;
font-size: 12px;
border-top:0px solid green;	
margin-top:3px;
border-collapse: collapse;	
font-family:Verdana, Arial, Helvetica, sans-serif;	
float:left;
}
td.selectorTitle {
height:10px;
width:75px;
font-weight: bold;
text-align:left;
font-size: 12px;
border-top:0px solid green;	
margin-top:0px;
border-collapse: collapse;	
font-family:Verdana, Arial, Helvetica, sans-serif;	
float:left;
}
table.stepIndicator {
height:15px;
width: 10px;
font-weight: bold;
text-align:center;
font-size: 13px;
font-family: Verdana, Arial, Helvetica, sans-serif;	
background:#FFF;
border:3px solid #999;	
border-collapse: collapse;	
float:left;

}
td.stepIndicator {
height:15px;
width: 10px;
font-weight: bold;
text-align:center;
font-size: 13px;
font-family: Verdana, Arial, Helvetica, sans-serif;	
background:#FFF;
border:0px solid #999;	
border-collapse: collapse;	
float:left;

}

table.step2Indicator_notActive{
height:15px;
width: 10px;
font-weight: bold;
text-align:center;
font-size: 13px;
font-family: Verdana, Arial, Helvetica, sans-serif;	
background:#FFF;
border:3px solid #ccc;	
border-collapse: collapse;	
float:left;

}
td.step2Indicator_notActive{
height:15px;
width: 10px;
font-weight: bold;
text-align:center;
font-size: 13px;
border:0px solid #CCC;	
border-collapse: collapse;	
font-family:Verdana, Arial, Helvetica, sans-serif;	
float:left;

}
table.step3Indicator_notActive{
height:15px;
width: 10px;
font-weight: bold;
text-align:center;
font-size: 13px;
border:3px solid #CCC;	
border-collapse: collapse;	
font-family:Verdana, Arial, Helvetica, sans-serif;	
float:left;

}
td.step3Indicator_notActive{
height:15px;
width: 10px;
font-weight: bold;
text-align:center;
font-size: 13px;
border:0px solid #CCC;	
border-collapse: collapse;	
font-family:Verdana, Arial, Helvetica, sans-serif;	
float:left;

}

table.resultTitle {
	border-top: 0px solid #cccccc;
	border-left: 0px solid #cccccc;
	border-right: 0px solid #cccccc;
	border-bottom: 0px solid #cccccc;
	border-collapse: collapse;	
	margin-top:3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	font-weight:bold;
	font-size:12px;
}

table.resultTitle td {
	width:280px;
	border-top: 0px solid #cccccc;
	border-left: 0px solid #cccccc;
	border-right: 0px solid #cccccc;
	border-bottom: 0px solid #cccccc;	
	border-collapse: collapse;	
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	font-weight:bold;
	font-size:12px;
	height:16px;
	
}
.cardToolTable{
	width: 550px;
	height: 188px;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-collapse: collapse;	
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	
}
.cardToolTable thead th{
	height: 10px;
	background-color: #f0f0f0;
	border-bottom: 1px solid #cccccc;	
	font-weight: bold;
	text-align: left;
	background:url(/cda/files/visa/img/img_bg/gray_gradient.gif);
	
}

.cardToolTable td{
	padding: 5px;
	vertical-align: top;
	border-top: 0px solid #cccccc;
	border-bottom: 0px solid #cccccc;
}
.cardToolTable th.q1Title{
align:left;
width:20%;
height:30px;
}

.cardToolTable th.q2TitleP2{
align:left;
height:30px;
}
.cardToolTable th.q1TitleP2{
align:left;
height:30px;
}
.cardToolTable th.q2Title{
align:left;
width:30%;
height:30px;
}

.cardToolTable th.resultTitle{
align:left;
height:30px;
}
.cardToolTable2{
	width: 550px;
	height: 150px;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-collapse: collapse;	
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	
}
.cardToolTable2 thead th{
	height: 10px;
	background-color: #f0f0f0;
	border-bottom: 1px solid #cccccc;	
	font-weight: bold;
	text-align: left;
	background:url(/cda/files/visa/img/img_bg/gray_gradient.gif);
	
}
.cardToolTable2 td{
	padding: 5px;
	vertical-align: top;
	border-top: 0px solid #cccccc;
	border-bottom: 0px solid #cccccc;
}
.cardToolTable2 th.q1Title{
align:left;
width:20%;
height:30px;
}

.cardToolTable2 th.q2TitleP2{
align:left;
height:30px;
}
.cardToolTable2 th.q1TitleP2{
align:left;
height:30px;
}
.cardToolTable2 th.q2Title{
align:left;
width:30%;
height:30px;
}

.cardToolTable2 th.resultTitle{
align:left;
height:30px;
}

/* */
.cardToolTable3 thead th{
	height: 10px;
	background-color: #f0f0f0;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
	padding:5px;	
	background:url(/cda/files/visa/img/img_bg/gray_gradient.gif);
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	text-align: center;
	
}





.cardToolTable3 td{
	padding: 5px;
	vertical-align: top;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-bottom: 0px solid #cccccc;
	
}
.cardToolTable3{
	width: 550px;
	height: 180px;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-collapse: collapse;	
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	
}

.cardToolTable4{
	width: 680px;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-collapse: collapse;	
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	
}



.cardToolTable4 th{
	height: 30px;
	background-color: #f0f0f0;
	font-weight: bold;
	border: 1px solid #cccccc;
	text-align: center;
	background:url(/cda/files/visa/img/img_bg/gray_gradient.gif);
	
}

.cardToolTable4 td{
	height: 40px;
	background-color: #ffffff;
	font-weight: bold;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	text-align: left;
	padding:10px;
}

.cardToolTable4 td.cardNameRow{
	height: 30px;
	border-top:0px;
	border-bottom:0px;	
	font-weight: bold;
	text-align: center;
	vertical-align:top;
	margin-top:5px;
	padding-top:5px;
	margin-bottom:5px;
	
}
.cardToolTable4 td.imageRow{
	height: 63px;
	background-color: #ffffff;
	font-weight: bold;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	text-align: center;
	vertical-align:top;
	
}

.cardToolTable4 td.rateRow {
	height: 80px;
	background-color: #ffffff;
	font-weight: normal;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	text-align: center;
	padding:10px;
}
.cardToolTable4 td.feeRow {
	height: 40px;
	background-color: #ffffff;
	font-weight: normal;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	text-align: center;
	padding:10px;
}
.cardToolTable4 td.overViewRow {
	height: 80px;
	background-color: #ffffff;
	font-weight: normal;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	text-align: left;
	padding:10px;
	vertical-align:top;
}

.titleRow{
	font-weight: bold;
	text-align: left;
}
.comparePageWrapper{
	width:800px;
	Height:600px;	
	float:left;
	text-align:left;
	vertical-align:middle;
}
.contentRow{
}
td.arrowLine {
	padding:0px;
	width: 1%;
}
td.q1Content{
	height:150px;
	width: 90px;
}
td.q2Content{
	height:150px;
	width: 128px;
	background:url(/cda/files/visa/img/img_bg/grayBackGround.gif) no-repeat;
}
td.q1ContentP2{
	height:150px;
	width: 200px;
}

td.q2ContentP2{
	height:150px;
	width: 200px;
	padding-left:10px;
	background:url(/cda/files/visa/img/img_bg/grayBackGround.gif) no-repeat;
	
}
td.resultContent{
	height:150px;
	width: 128px;
	text-align:center;
	background:url(/cda/files/visa/img/img_bg/grayBackGround.gif) no-repeat;
}
.contentRow1{
	background: #FFF;
	
}
.contentRow2{
	background: #f9f9f0;
}

input { font-size: 10px; color: #333333; height:15px; padding:5px;}