#section-1 {
	background: url('/img/ca/global/bg/compare_cards_white.png') top left no-repeat transparent;
	margin: -12px 0 0 -12px;
	padding: 12px 0 0 12px;
	width: 960px;
	min-height: 506px;
}
td, th {
	padding:8px;
	vertical-align: top;
	font-family: arial, sans serif;
}
.apr a {
	text-decoration:underline !important;
	color:#1165C0 !important;
}
sup {
	font-size: .75em;
	position: relative;
	/* top: -4px; */
}
.minSelection {
	display: none; 
	text-align: center; 
	position: fixed;
	margin-left: auto;
	margin-right: auto;
	width: 930px;
	z-index: 99;
}
.cc_box {
	background: url('/img/ca/global/tooltip/tooltip_background.png') top center repeat-y transparent;
	margin-left:12px;
	padding:10px;
}
.cc_box_bottom {
	margin-left:12px;
}
.cc_box_top {
	margin-top:-28px;
	margin-left:12px;
}
.cc_title {
	width: 307px;
	margin-left: auto;
	margin-right: auto;
}
.card-name {
	color: #0a1a2d;
}
.annual-fee {
	color: #0d233c; /*dark blue*/
	font-size: .938em; /*11px*/
	text-align: center;
}
.action-link{
	margin-left:12px;
}
.apply-now {
	font-size: 0.938em; /*11px*/
	margin-left: 12px;
}
.apr {
	color: #0d233c; /*dark blue*/
	font-size: .938em; /*11px*/
}
.card-features {
	color: #0d233c; /*dark blue*/
	font-size: .938em; /*11px*/
}
.darkgray-table-background {
	background-color: #d1d1d1;
	color: #0a1a2d;
}
.darkgray-table-background-darkblue {
	background-color: #d1d1d1;
	color: #0d233c; /*dark blue*/
}
.darkblue-table-background {
	background-color: #15365e;
	color: #ffffff;
}
.gray-table-background {
	background-color: #f5f6f7;
}
table.darkgray-table-border {
	border-width: 1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: #ced2d7;
	border-collapse: collapse;
}
table.darkgray-table-border th {
	border-width: 1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: #ced2d7;
	border-collapse: collapse;
}
table.darkgray-table-border td {
	border-width: 1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: #ced2d7;
	border-collapse: collapse;
}
table.no-border {
	border-style: none;
}
table.no-border th {
	border-style: none;
}
table.no-border td {
	border-style: none;
}
#section-1 .hide {
	display: none;
}
#FB ul {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 5px;
	text-align: left;
}

.medium-link {
	font-size: 1.063em;
	color: #183E6B;
}

.compare-button-top {
	width:335px; 
	text-align:right; 
	float:left; 
	padding: 8px 0px 8px 0px;
}

.compare-button-bottom {
	padding-right: 9px;
}

.checkbox {
    width: 14px;
    height: 25px;
    padding: 0px 5px 0px 0px;
    background: url(/img/ca/product/compare-cards/checkbox.png) no-repeat;
    display: block;
    clear: left;
    float: left;
	margin-left: 15px;
}

/* Drop down styles*/
div.selectbox-wrapper {
  position: absolute;
  width: 170px !important;
  background-color: #fff;
  margin: 0px;
  margin-top: -9px;
  padding: 0px;
  text-align: left;
  max-height: 200px;
  overflow: auto;
  margin-left: 47px;
}

/*Drop down list styles*/
div.selectbox-wrapper ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  font-size: 11px !important;
  border: solid 1px #ccc;
}

/* Selected item in dropdown list*/
div.selectbox-wrapper ul li.selected { 
  background-color: #EAF2FB;
}

/* Hover state for dropdown list */
div.selectbox-wrapper ul li.current { 
  background-color: #CDD8E4;
}

/* Drop down list items style*/
div.selectbox-wrapper ul li {
  list-style-type: none;
  display: block;
  margin: 0px;
  padding: 2px;
  cursor: pointer;
  background: none;
}

input[type="text"]:active, input[type="text"]:focus {
  background-color:#FFF;
}

/* Look and feel of select box */
.selectbox  {
  margin: 0px 5px 7px 5px;
  padding: 6px !important;
  width: 183px;
  display: inline;
  text-align: left; 
  background: url(/img/ca/product/compare-cards/selectbox.png) top left no-repeat;
  cursor: pointer;
  color: #333;
  border: none !important;
  font-size: .85em !important;
}

.dropdownLabel  {
  float:left;
  height:23px;
  padding-top:4px;
}
.action-link-small{
	margin-left: 12px;
}

.compare-table-wrapper {
	padding-left: 9px;
	padding-right: 10px;
	padding-top: 50px;
	/*padding: 10px;*/
}

/**
 * Expand Collapse Link
 */
.expand-collapse-area-link {
	background: url(/img/ca/global/icon/sprite/plusminus.gif) no-repeat;
	height: 14px;
	padding-left: 20px;
}

.expand-collapse-area-link:link,
	.expand-collapse-area-link:hover,
	.expand-collapse-area-link:active,
	.expand-collapse-area-link:visited {
	text-decoration: none;
	color: #000;
	font-weight: bold;
}

.expand-collapse-area-link.expanded {
	background-position: 0 -25px;
}

#minimumSelection {
	display: none;
}
#cluetip-inner #minimumSelection {
	display: block;
}

/**
 * The prime tooltips need to be on their own line,
 * displayign inline-block will do this for us.
 */
.apr .hasTooltip {
	display: inline-block;
}

