/*  
Theme Name: CreditCards
Theme URI: http://www.compare-card-offers.com
Description: The theme of Compare-Card-Offers.com
Version: 1.0
Author: BKS
Author URI: http://www.compare-card-offers.com/

*/

body, h1, h2, h3, h4, h5, h6, blockquote, p{
margin: 0;
padding: 0;
}

a{
color: #3366cc;
text-decoration: underline;
}

body{
margin: 6px 0 0 0;
font-family: Arial, Helvetica, Georgia, Sans-serif;
font-size: 12px;
text-align: center;
vertical-align: top;
background: #00004A;
}

h1{
font-size: 26px;
text-decoration: none;
padding: 0 0 10px 0;
}

h2{
color: #001542;
}

h3{
font-size: 15px;
font-weight: bold;
color: #ffffff;
}

#wrapper{
margin: 0 auto 0 auto;
width: 960px;
text-align: left;
}

#header{
float: left;
height: 100px;
width: 960px;
background-image: url('../images/header.jpg');
background-repeat: no-repeat;
}

#header h1{
font-family: Verdana;
color: #ffffff;
font-size: 38px;
padding: 27px 0 0 115px;
font-weight: bold;
}

#subheader{
float: left;
height: 33px;
width: 960px;
background-image: url('../images/subfooter.jpg');
background-repeat: no-repeat;
}

#subheader2{
float: left;
height: 195px;
width: 960px;
background-image: url('../images/subheader.jpg');
background-repeat: no-repeat;
}

#container{
float: left;
width: 960px;
background: #F1F8FD;
}

#container-left{
padding: 10px 0 10px 0;
float: left;
width: 195px;
background: #F1F8FD;
}

#container-center{
padding: 10px 0 10px 0;
float: left;
width: 570px;
background: #F1F8FD;
}

#container-right{
padding: 10px 0 10px 0;
float: left;
width: 195px;
background: #F1F8FD;
}

#subfooter{
float: left;
height: 33px;
width: 960px;
background-image: url('../images/subfooter.jpg');
background-repeat: no-repeat;
}

#footer{
float: left;
height: 35px;
width: 960px;
background-image: url('../images/footer.jpg');
background-repeat: no-repeat;
color: #FFFFFF;
text-align: center;
padding: 11px 0 0 0;
}

#footer a:link, a:visited, a:hover, a:active{
font-weight: bold;
color: #c8e7fc;
}

.side-menu{
margin: 0 0 10px 9px;
float: left;
width: 177px;
}

.top-cards-display{
width: 177px;
height: 134px;
margin: 10px 0 0 0;
background-image: url('../images/top-cards-display.gif');
background-repeat: no-repeat;
}

.top-cards-display h1{
color: #00004A;
text-align: center;
text-decoration: underline;
font-size: 12px;
font-family: Arial Black;
font-weight: bold;
padding: 8px 0 0 0;
}

.top-cards-display a:link, a:visited{
color: #00004A;
text-decoration: underline;
}

.top-cards-display a:hover, a:active {
color: #3366cc;
text-decoration: underline;
}

.green-menu-top{
float: left;
height: 30px;
width: 177px;
background-image: url('../images/green-menu-top.jpg');
background-repeat: no-repeat;
}

.green-menu-top h1{
color: #00004A;
text-align: center;
text-decoration: underline;
font-size: 14px;
font-family: Arial Black;
font-weight: bold;
padding: 9px 0 0 0;
}

.green-menu{
clear: both;
width: 177px;
padding: 5px 0 0 0;
background-image: url('../images/green-menu.jpg');
background-repeat: repeat-y;
color: #FFFFFF;
font-weight: bold;
}

.green-menu ul{
list-style-type: none;
margin: 0;
padding: 0 10px 10px 14px;
}

.green-menu ul li{
clear: both;
background: url(../images/green-bullet.gif) no-repeat !important;
padding: 3px 0 0 18px;
font-size: 12px;
line-height: 16px;
}

.green-menu a:link, a:visited{
color: #FFFFFF;
text-decoration: underline;
}

.green-menu a:hover, a:active{
color: #00004A;
text-decoration: underline;
}

.green-menu-bottom{
float: left;
height: 20px;
width: 177px;
background-image: url('../images/green-menu-bottom.jpg');
background-repeat: no-repeat;
}

.blue-menu-top{
float: left;
height: 30px;
width: 177px;
background-image: url('../images/blue-menu-top.jpg');
background-repeat: no-repeat;
}

.blue-menu-top h1{
color: #00004A;
text-align: center;
text-decoration: underline;
font-size: 14px;
font-family: Arial Black;
font-weight: bold;
padding: 9px 0 0 0;
}

.blue-menu{
clear: both;
width: 177px;
padding: 5px 0 0 0;
background-image: url('../images/blue-menu.jpg');
background-repeat: repeat-y;
font-weight: bold;
}

.blue-menu ul{
list-style-type: none;
margin: 0;
padding: 0 10px 10px 14px;
}

.blue-menu ul li{
clear: both;
background: url(../images/blue-bullet.gif) no-repeat !important;
padding: 3px 0 0 18px;
font-size: 12px;
line-height: 16px;
}

.blue-menu a:link, a:visited{
color: #3366cc;
text-decoration: underline;
}

.blue-menu a:hover, a:active{
color: #00004A;
text-decoration: underline;
}

.blue-menu-bottom{
float: left;
height: 20px;
width: 177px;
background-image: url('../images/blue-menu-bottom.jpg');
background-repeat: no-repeat;
}

.main{
margin: 0 0 0 2px;
float: left;
width: 570px;
}

.content-top{
float: left;
height: 36px;
width: 566px;
background-image: url('../images/content-top.jpg');
background-repeat: no-repeat;
}

.content-top h1{
color: #003300;
text-align: left;
text-decoration: underline;
font-size: 16px;
font-family: Arial Black;
font-weight: bold;
padding: 6px 0 0 25px;
}

.content{
float: left;
width: 566px;
background-image: url('../images/content.jpg');
background-repeat: repeat-y;
}

.featured{
float: left;
width: 502px;
margin: 0 0 0 32px;
background: #ffffff;
}

.featured h2{
font-size: 22px;
font-family: Verdana;
font-weight: bold;
color: #3366cc;
padding: 20px 0 15px 0;
}

.featured h3{
font-size: 15px;
font-family: Verdana;
font-weight: bold;
color: #3366cc;
padding: 18px 0 18px 0;
text-decoration: underline;
}

.featured h4{
font-size: 11px;
font-family: Verdana;
font-weight: normal;
color: #000000;
padding: 0 0 15px 0;
}

.terms-top {
float: left;
width: 500px;
height: 20px;
color: #000000;
margin: 2px 0 0 1px;
background: #edeff9;
text-align: center;
font-size: 11px;
font-family: Verdana;
font-weight: bold;
}

.terms-top-left {
padding: 3px 0 5px 0;
float: left;
width: 248px;
}

.terms-top-center {
padding: 3px 0 5px 0;
float: left;
width: 150px;
border-left-width: 1px;
border-left-color: #ffffff;
border-left-style:solid;

}
.terms-top-right {
padding: 3px 0 5px 0;
float: left;
width: 100px;
border-left-width: 1px;
border-left-color: #ffffff;
border-left-style:solid;
}

.terms-bottom {
float: left;
width: 500px;
color: #000000;
margin: 1px 0 1px 1px;
background: #e1e4f4;
text-align: center;
font-size: 10px;
font-family: Verdana;
}

.terms-bottom-left {
padding: 7px 0 5px 0;
float: left;
width: 248px;
}

.terms-bottom-center {
padding: 7px 0 5px 0;
float: left;
width: 150px;
border-left-width: 1px;
border-left-color: #ffffff;
border-left-style:solid;
}

.terms-bottom-right {
padding: 7px 0 5px 0;
float: left;
width: 100px;
border-left-width: 1px;
border-left-color: #ffffff;
border-left-style:solid;
}

.details {
float: left;
width: 498px;
background: #f5f7fc;
border-width: 1px;
border-color: #e1e4f4;
border-style:solid;
font-size: 9px;
font-weight: normal;
font-type: Arial;
}

.details-left {
float: left;
padding: 7px 5px 5px 0;
background: #f5f7fc;
width: 155px;
text-align: right;
color: #00004A;
border-top-width: 1px;
border-top-color: #e1e4f4;
border-top-style:solid;
font-weight: bold;
}

.details-right {
float: left;
padding: 7px 10px 5px 10px;
width: 317px;
background: #ffffff;
text-align: center;
border-top-width: 1px;
border-top-color: #e1e4f4;
border-top-style:solid;
border-left-width: 1px;
border-left-color: #e1e4f4;
border-left-style:solid;
}

.white-spacer {
height: 15px;
width: 502px;
}

.apply-box {
float: left;
width: 502px;
height: 40px;
margin: 2px 0 2px 0;
padding: 6px 0 0 0;
background: #edeff9;
color: #3366cc;
font-size: 24px;
font-family: Verdana;
font-weight: bold;
text-align: center;
}

.apply-box a:link, a:visited{
color: #00004A;
}

.apply-box a:hover, a:active{
color: #3366cc;
}

.top-nav {
float: left;
width: 502px;
padding: 10px 0 10px 0;
color: #00004A;
text-align: center;
font-size: 12px;
font-family: Verdana;
font-style: italic;
}

.nav-left{
float: left;
margin: 12px 0 5px 10px;
width: 157px;
text-align: left;
}

.nav-left h2{
font-size: 12px;
font-family: Verdana;
font-weight: bold;
color: #3366cc;
}

.nav-left a:link, a:visited{
color: #3366cc;
text-decoration: underline;
}

.nav-left a:hover, a:active{
color: #00004A;
text-decoration: underline;
}

.nav-center{
float: left;
margin: 12px 0 5px 0;
width: 168px;
text-align: center;
}

.nav-center h2{
font-size: 12px;
font-family: Verdana;
color: #3366cc;
}

.nav-center a:link, a:visited{
color: #3366cc;
text-decoration: underline;
}

.nav-center a:hover, a:active{
color: #00004A;
text-decoration: underline;
}

.nav-right{
float: left;
margin: 12px 10px 5px 0;
width: 157px;
text-align: right;
}

.nav-right h2{
font-size: 12px;
font-family: Verdana;
font-weight: bold;
color: #3366cc;
}

.nav-right a:link, a:visited{
color: #3366cc;
text-decoration: underline;
}

.nav-right a:hover, a:active{
color: #00004A;
text-decoration: underline;
}

.card-display-box{
float: left;
margin: 14px 0 0 0;
padding: 0 0 15px 0;
height: 131px;
width: 140px;
background-image: url('../images/card-display.gif');
background-repeat: no-repeat;
}

.card-display-box h2{
padding: 7px 0 0 0;
color: #000062;
font-family: Verdana;
text-align: center;
font-size: 12px;
font-style: italic;
font-weight: bold;
text-decoration: underline;
}

.card-display-box a:link, a:visited{
color: #00004A;
text-decoration: underline;
}

.card-display-box a:hover, a:active {
color: #3366cc;
text-decoration: underline;
}

.card-display-box img{
margin: 16px 0 0 20px;
border: none;
}

.card-info{
float: left;
width: 362px;
padding: 10px 0 10px 0;
}

.card-info h2{
font-size: 14px;
font-family: Verdana;
font-weight: bold;
color: #3366cc;
padding: 9px 0 0 13px;
}

.card-info a:link, a:visited{
color: #3366cc;
text-decoration: underline;
}

.card-info a:hover, a:active{
color: #00004A;
text-decoration: underline;
}

.card-info ul{
list-style-type: none;
margin: 0;
padding: 10px 0 0 10px;
}

.card-info ul li{
clear: both;
background: url(../images/blue-check.gif) no-repeat !important;
padding: 1px 5px 8px 23px;
font-family: Arial;
font-size: 11px;
font-weight: normal;
line-height: 12px;
}

.action-bar{
float: left;
width: 352px;
margin: 0 0 0 9px;
}

.action-bar img{
float: left;
border: none;
}

.featured-spacer{
float: left;
height: 2px;
width: 502px;
margin: 1px 0 0 32px;
background-image: url('../images/featured-spacer.gif');
background-repeat: no-repeat;
}

.top-cards-header{
width: 184px;
height: 40px;
margin: -1px 0 0 -4px;
background-image: url('../images/top-cards.gif');
background-repeat: no-repeat;
}



.top-cards-display img{
margin: 9px 0 0 36px;
border-style: solid;
border-color: #ffffff;
border-width: 3px;
}

.top-cards-display:hover img{
margin: 9px 0 0 36px;
border-style: solid;
border-color: #b6b6b6;
border-width: 3px;
}

.content-bottom{
float: left;
height: 12px;
width: 566px;
background-image: url('../images/content-bottom.jpg');
background-repeat: no-repeat;
}