/* ==================================================================
STYLESHEET
CREDIT CARD APPROVAL CENTER
--------------------------------------------------------------------- */

body {
	margin-top:5px;
	margin-bottom:5px;
	margin-left: 0;
	margin-right: 0;
	padding: 0;
	background: url("/_dev/images/body-bg.gif") repeat-x scroll 0 0 #A3D2F1;
  	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #0E156B; }

/***** Wrapper ********************/

.wrapper {
	background-color: #FFFFFF;
	width: 1000px;
	margin: 0px auto;
	position: relative;
	overflow: hidden;
	border: 1px solid #666;
	z-index: 0}
	
/***** Header  ********************/

#header {
	background: url("/images/header.jpg");
	width: 1100px;
	height: 90px; 
	border-bottom: 5px solid #5FA2D9; }
	
#header .H1 {
	font-family: Times, Times New Roman, Georgia, Trebuchet MS; 
	font-size: 38px; 
	font-weight: bold; 
	color: #000066; }

#header .H2 {
	font-family: Verdana, Tahoma, Arial, sans-serif; 
	font-size: 1.5em; 
	font-weight: bold; }

#title-area {
	width: 650px;
	float: left;
	margin: 0; 
	padding: 15px 0 0 0;
	overflow: hidden; }

#title-area #title {
	font-family: Times, Times New Roman, Georgia, Trebuchet MS;
	font-size: 3.2em;
	font-weight: bold;
	color: #000066;
	margin: 0;
	padding: 7px 0 0 25px;
	text-decoration: none; }

#title-area #title a, #title-area #title a:hover {
	color: #000066;
	text-decoration: none; }

#title-area #description {
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	color: #000066;
	font-style: italic;
	margin: 0;
	padding: 0 0 0 150px; }

/***** Begin Main Content ********************/

#main {
	width: 100%;
	background: #FFFFFF; }
	
/***** Navigation  ********************/

#left-side {
	width: 20%; }

#left-sidebar {
	width: 20%;
	height: 100%;
	background-color: #FFFFFF;
	border-right: 1px solid #1062A7;
	position: absolute;
	top: 115px; }
	
.leftnav {
	height: 20px; 
	font-family: Verdana; 
	font-size: 10px; 
	font-weight: bold; 
	color: #003399; 
	text-align: center; }
	
a.leftnav:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	font-weight: bold; 
	color: #21048C; 
	text-decoration: none }

a.leftnav:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	font-weight: bold; 
	color: #003399;  
	text-decoration: none }

a.leftnav:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	font-weight: bold;
	color: #FF0000;  
	text-decoration: none }

.nav  a:link {color: #0C38B8; text-decoration: none; }/*change*/
.nav  a:active {color: #03330D; text-decoration: none; }/*change*/
.nav  a:visited {color: #0A31A1; text-decoration: none; }/*change*/
.nav  a:hover {color: #0000FF; text-decoration: underline; }

.nav {
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 13px; 
	font-weight: bold;
 	color: #14245A;/*change*/
 	padding-top:6px; padding-right:3px; padding-bottom:1px; padding-left:10px; 
	width: 100%; 
	line-height: 1.5;
	text-align: left; }

.navsp {
	line-height: 28px;
	width: 100%; }

.navheadred {
	background-color: #CC1916; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	color: #FFFFFF;
	width: 100%; 
	height: 25px; 
	text-align: center; 
	vertical-align: middle; }

.navheader {
	background-color: #3978B3; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	color: #FFFFFF;
	width: 100%; 
	height: 25px;
	padding-left: 10px; 
	text-align: left; 
	vertical-align: middle; }
	
a:link {color: #0000FF;}
a:visited {color: #0E156B;}
a:hover {color: #0000FF;}

.navbarbottom {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	line-height: 2.0; }
	
.navborder {
	border-top: #366896 1px solid;
	border-right: #366896 1px solid; 
	border-bottom: #366896 1px solid;
	border-left: #366896 1px solid; }
	
/***** Content  ********************/

#content {
	width: 80%;
	background-color: #FFFFFF; }
	
#indexcontent {
	width: 78%;
	align: left;
	background-color: #FFFFFF; }
	
#bottom {
	width: 970px;
	padding-top: 5px; 
	padding-bottom: 10px; }
	
#bottomcell {
	width: 980px;
	padding-top: 30px; 
	padding-bottom: 10px;
	background-color: #FFFFFF; }
	
.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;  }

/***** Styles  ********************/

.H1 {
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 20px; 
	font-weight: bold; 
	color: #0E156B; }

.H2 {
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 16px; 
	font-weight: bold; 
	color: #CC1916; }

.H3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px; 
	font-weight: bold; 
	color: #0E156B; }
	 
.H4 {
	line-height: 1.4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;  
	color: #000066; }

.textbold {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #0E156B; }
.articletext {LINE-HEIGHT: 1.5; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #0E156B; }
.offertext {LINE-HEIGHT: 1.5; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #0E156B; }
.toptext {LINE-HEIGHT: 1.5; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #0E156B; }
.sitemenu {LINE-HEIGHT: 1.6; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
.topmenu {LINE-HEIGHT: 1.2; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
.style10 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #032463; }
.style11 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #0E156B; }
.style11R  {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #CC1916; }
.style11BR {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #CC1916; font-weight: bold; }
.style12   {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #0E156B; }
.style12B  {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #0E156B; font-weight: bold; }
.style12BR {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #CC1916; font-weight: bold; }
.style14   {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #0E156B; }
.style14B  {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px; color: #000066; font-weight: bold; }
.style16   {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #0E156B; }
.style16BR {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 16px; color: #CC1916; font-weight: bold; }
.style18B  {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #000066; font-weight: bold; }
	
.divider {HEIGHT: 3px; BACKGROUND-COLOR: #5FA2D9; }

.adheader {
	BACKGROUND-COLOR: #3978B3; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	FONT-SIZE: 11px; FONT-WEIGHT: bold; 
	COLOR: #ffffff; 
	HEIGHT: 35px; 
	PADDING-LEFT:10px; 
	TEXT-ALIGN: center; 
	VERTICAL-ALIGN: middle; }

.offerheadline {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #CA2000; font-weight: bold; }

.redheadline   {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 16px; color: #CC1916; font-weight: bold; }


/***** Sortable Tables ********************/

table.sortable a.sortheader {
    background-color:#eee;
    color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
    display: block;
	font-size: 10px;
}

table.sortable span.sortarrow {
    color: black;
    text-decoration: none;
}

.sort-header{
height: 26px;	
/*padding-bottom: 10px;*/
background-color: #f1f1f1;
font-size: 11px;
}

/***** Regular Cards on Category Pages *****/

.ratetable {
/*	background-color: #416bac; */
	background-color: #1062A7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	height: 24px;
	border-top: 1px #a9a9a9 solid;
	border-right: 1px #a9a9a9 solid;
}

.ratetableright {
	background-color: #1062A7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	height: 24px;
	border-top: 1px #a9a9a9 solid;
}

.rate-back {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #032463;
	height: 24px;
	border-top: 1px #a9a9a9 solid;
	border-right: 1px #a9a9a9 solid;
}

.name-back {
	background-color: #DFEDF8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	height: 24px;
	padding-left: 4px;
	border-bottom: 1px #a9a9a9 solid;
}

.rate-back-right {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #032463;
	height: 24px;
	border-top: 1px #a9a9a9 solid;
}

.categoryoffertable {
border: 1px #a9a9a9 solid;
}

a:link.offer {
	color: #416bac;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}

a:visited.offer {
	color: #416bac;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}

a:hover.offer  {
	color: #416bac;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}

/*END Regular Cards on Category Pages*/


/***** Rate Table Dropdown *****/

.sidetitle {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #555555;
	text-align: right;
	font-size: 11px;
	text-decoration: none;
	height: 20px;
}

.droptext {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555555;
	text-align: left;
	font-size: 11px;
	text-decoration: none;
}

.greyback {
background: #efefef;
}

.dropborder {
border-left: #a9a9a9 1px solid;
border-right: #a9a9a9 1px solid;
border-bottom: #a9a9a9 1px solid;
}

.dropborderfeatured {
border-left: #a9a9a9 1px solid;
border-right: #a9a9a9 1px solid;
border-bottom: #a9a9a9 1px solid;
}

/*END Rate table dropdown */

.compback {
background-color: #f8f8f8;	
color: #000000;
font-size:8pt;
padding-bottom: 6px;
padding-right: -1px;
}

.smalltext {
font-size: 9px;	
}

.rounded-corners {

border: 1px solid #314fbd;
background-color: #ffffff;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
padding-left: 8px;
padding-right: 8px;
padding-top:10px;
padding-bottom: 10px;
margin-right: 0;
margin-top: 0;
width:96%;
}


/* BUTTON	
										*/
	.button{
	background:url(../images/layout/button.png)  -32px right no-repeat;
	color:#FFFFFF;
	clear:both;
	display:block;
	float:left;
	font-size:12px;
	font-weight:bold;
	height:31px;
	line-height:31px;
	width:192px;
	margin-right:0;
} 
	a.button {
		text-decoration:none;
}
	.button span {
		background:url(../images/layout/button.png) left top no-repeat;
		display:block;
		height:31px;
		line-height:31px;
		padding-left:4px;
		padding-right:8px;
		margin-right:20px;
}

/* -------------------------------------------------------- */
/* MENU	
												*/
.v-menu{
	padding-left: 3px;
	border:solid 1px #8eaac6;
	width:192px;
	clear:both;
	background: #ffffff;
}
	ul.v-menu, .v-menu li{
		padding:0; 
		margin:0;
		list-style:none;
	}
	ul.v-menu{
		clear:both;
		margin-top:6px;
		padding:6px 2px;
	}
		.v-menu li a{
			color:#003399;
			font-size:12px;
			/*font-weight:bold;*/
			display:block;
			border-top:solid 1px #DEDEDE;
			padding:4px;
			text-decoration:none;
		}
		.v-menu li a:hover{
			color:#990000;
		}
	
h1 {
	font-family: Arial;
	font-size: 20px; 
	font-weight: bold; 
	color: #0E156B; }
h2 {
	font-size: 16px; 
	font-weight: bold; 
	color: #C12823; }
	
h3 {
	font-size: 15px; 
	font-weight: bold; 
	color: #0E156B; }
	
.box {
border: 1px solid #314fbd;
padding: 10px 10px;
width: 755px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
/*
-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px;
box-shadow: #666 0px 2px 3px; */
background: #ffffff;
/*background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33));
background: -moz-linear-gradient(#EEFF99, #66EE33);
background: linear-gradient(#EEFF99, #66EE33);
-pie-background: linear-gradient(#EEFF99, #66EE33);*/
behavior: url(/csspie/PIE.htc);
}

.boxload {
margin: 0 auto;
border: 1px solid #314fbd;
padding: 10px 10px;
width: 555px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
/*
-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px;
box-shadow: #666 0px 2px 3px; */
background: #ffffff;
/*background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33));
background: -moz-linear-gradient(#EEFF99, #66EE33);
background: linear-gradient(#EEFF99, #66EE33);
-pie-background: linear-gradient(#EEFF99, #66EE33);*/
behavior: url(/csspie/PIE.htc);
}

.boxindextop {
border: 1px solid #314fbd;
padding: 10px 10px;
width: 460px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
/*
-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px;
box-shadow: #666 0px 2px 3px; */
background: #ffffff;
/*background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33));
background: -moz-linear-gradient(#EEFF99, #66EE33);
background: linear-gradient(#EEFF99, #66EE33);
-pie-background: linear-gradient(#EEFF99, #66EE33);*/
behavior: url(/csspie/PIE.htc);
}

.boxload {
margin: 0 auto;
border: 1px solid #314fbd;
padding: 10px 10px;
width: 360px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
/*
-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px;
box-shadow: #666 0px 2px 3px; */
background: #ffffff;
/*background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33));
background: -moz-linear-gradient(#EEFF99, #66EE33);
background: linear-gradient(#EEFF99, #66EE33);
-pie-background: linear-gradient(#EEFF99, #66EE33);*/
behavior: url(/csspie/PIE.htc);
}