@charset "utf-8";
/* CSS Document */

.cardImage {
	float: left;
	position: relative;
}

#cardInfo {
	width: 250px;
	float: left; 
	position: relative;
	left: 30px;
	top: 5px;
}

.cardStatTable {
	padding: 0;
	border-collapse: collapse;
	border: none;
	width: 210px;
}

.cardStatTable td {
	border: none;
	padding: 0;
}

.titleColumn {
	color: #020054;
	font-weight: bold;	
	font-size: 13px;
	text-transform: uppercase;
}

.titleColumn2 {
	color: #2D9EEE;
	font-weight: bold;	
	font-size: 13px;
	text-transform: uppercase;
}

#cardButtons {
	background: url(../images/template_c/button_bg.gif) repeat-x;
	width: 220px;
	height: 31px;
	padding: 8px 0 0 5px;
}

#cardButtons .compareBtn {
	cursor: pointer;
	display: inline;
	margin-left: 6px;
}

.phoneContact {
	font-size: 13px;
	margin: 10px 0 0 0;
}

#cardContainer {
	margin: 22px 0 0 0;
}

#cardfeaturesContainer {
	margin: 15px 0 0 0;
}

/* Card Compare Box */

.step2Right {
	background: url(../images/recommender/compare_choices.jpg) no-repeat top left;
	height: 491px;
	width: 174px;
	float: left;
	margin-left: 5px;
	margin-top: 50px;
	padding-top: 50px;
	position: relative;
}
.top5CompareBoxes {
	background-image: url(../images/recommender/top5_compare.jpg);
	float: left;
	height: 78px;
	width: 148px;
	margin-left: 15px;
	overflow: hidden;
	margin-top: -5px;
	font-size: 9px;
	line-height: 10px;
}
.top5CheckBox {
	float: left;
	height: 75px;
	width: 35px;
	margin-top: 30px;
}
.top5CardImage {
	float: left;
	height: 35px;
	width: 100px;
	margin-top: 10px;
	margin-left: 10px;
}
.closestMatchBox {
	background-image: url(../images/recommender/closest_match.jpg);
	float: left;
	height: 489px;
	width: 490px;
	margin-top: 10px;
	margin-left: 10px;
	position: relative;
}

.closestMatchBoxBot {
	position: absolute;
	top: 390px;
	left: 0;
}

.top5CompareBtn {
	background: transparent url(../images/recommender/top5_compare_btn.jpg);
	float: left;
	height: 27px;
	width: 87px;
	border: none;
	padding: 0;
	cursor: pointer;
	text-indent: -9999px;
	line-height:0;
	display: block;
	font-size: 0;
	position: absolute;
	top: 450px;
	left: 45px;
}

span.checkbox {
   width: 19px;
   height: 25px;
   padding: 0 5px 0 0;
   background: url(../images/recommender/checkbox.gif) no-repeat;
   display: block;
   clear: left;
   float: left;
   margin: 0 0 0 7px;
   cursor: pointer;
}

.step2Right .minus {
   background: url(../images/recommender/checkbox2.gif) no-repeat;
}

.legal{
	padding-top: 20px;
	font-size:9px;
	width:510px;
	float:left;
}