/*
Theme Name: Best Credit Cards Red
Theme URI: http://www.bestcreditcards.co.uk/
Description: Theme for Best Credit Cards.
Version: 1.0
Author: Peter Avey
Author URI: http://www.kuddle.net/
Tags: fixed width, widget-ready, two column
*/

html, body {
 background: #444;
}

#wrapper {
 width: 871px;
 margin: 0px auto;
 margin-top: 10px;
}

.spacer {
 clear: both;
 display: block;
}

#top-box {
 
}

#banner {
 width: 468px;
 height: 60px;
 float: right;
 position: absolute;
 margin-left: 360px;
}

#top-box-rc {
 width: 871px;
 background: url(images/bg-top.png) no-repeat;
 height: 23px;
}

#top-box-content {
 background: url(images/bg-top-tile.png) repeat-y;
 width: 871px;
 padding: 0px 20px;
}

#top-box-image {
 float: right;
 background: url(images/cards.png) right no-repeat;
 width: 298px;
 height: 96px;
 margin-right:28px;
}

#top-title {
 background: url(images/logo.png) left no-repeat;
 padding-left: 85px;
 min-height: 75px;
 float: left;
}

#top-title h1 {
 font-family: 'Arial';
 font-weight: bold;
 color: #7720af;
 font-size: 22px;
 padding-top: 10px;
}

#top-title h1 a, 
a:active, 
a:hover, 
a:visited, 
a:link {
 color: #7720af;
 text-decoration: none;
}

#top-title h2 {
 font-family: 'Arial';
 font-style: italic;
 color: #6d6d6d;
 font-size: 12px;
 font-weight: normal;
}

#nav-box {
 background: url(images/nav-tile.png) repeat-y;
 width: 871px;
 height: 36px;
 padding: 0px 25px;
}

#nav-box ul {
 margin: 0; padding: 0;
 float: left;
}

#nav-box ul li {
 display: inline;
}

#nav-box ul li a {
 float: left; text-decoration: none;
 color: white;
 padding: 12px 11px;
 font-family: 'Arial';
 font-weight: bold;
 font-size: 12px;
}

#nav-box ul li a:visited {
 color: white;
}

#nav-box ul li a:hover, #nav-box ul li .current {
 color: #fff;
 background-color:#7720af;
}

#content {
 background: url(images/bg.png) repeat-y;
 width: 871px;
 padding: 20px 20px 10px;
 font-family: 'Arial';
 color: #555;
 font-size: 14px;
 letter-spacing: 0.5px;
 line-height: 16px;
}

#content a {
 color: #7720af;
}

#content h2 {
 font-size: 20px;
 padding-bottom: 10px;
}

#content h2 a {
 color: #333;
 text-decoration: none;
}

#content img {
 padding-bottom: 10px;
}

#main-box {
 width: 590px;
 float: left;
}

#sidebar {
 width: 210px;
 float: right;
 margin-right: 40px;
}

.sidebar-box {
 padding: 7.5px 0px;
 font-size: 12px;
}

#sidebar h2 {
 font-size: 14px;
}

#bottom {
 background: url(images/bottom.png) no-repeat;
 width: 871px;
 height: 21px;
}
table {
width:590px;
border-top:1px solid #e5eff8;
border-right:1px solid #e5eff8;
margin:1em auto;
border-collapse:collapse;
}

thead th {
background: url(http://dan.kuddle.net/table/head-bg.png) repeat-x bottom #f4f9fe;
text-align:center;
font:bold 11px "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
color:#333;
border: 1px solid #aaa;
height: 40px;
}

td b {
 font-size: 12px;
}

td {
color:#333;
border: 1px solid #aaa;
padding:5px 10px;
text-align:center;
font-family: Arial;
font-size: 12px;
}

tr.odd td {
background:#eee;
}

td.company {
 text-align: left;
 font-size: 10px;
}