/* CSS Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */ 

:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
border: 1px solid #C1DAD7;
}
caption, th, td {
	text-align: center;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";

}
/* Start Design */

/*
   Add the following to your CSS file should you wish the cursor to
   "wait" while the script is processing the sort

body.sort-active *
        {
        cursor:wait;
        }
*/

caption
        {
        padding: 0 0 5px 0;
        margin:0 auto;
        width:auto;
        font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        text-align: right;
        }

tr {
	
border: 1px solid #C1DAD7;
}


th
        {
        font: bold 10px/22px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        color: #000000;

        letter-spacing: 1px;
        text-transform: uppercase;
        text-align: left;
        padding: 8px 12px 4px 12px;
        background: #CAE8EA;
        vertical-align:middle;
        }
td.total
        {


        background: none;
        text-align:right;
        font-weight:bold;
        text-transform:uppercase;
        letter-spacing:1px;
        }


th.sortable,
th.sortable-text,
th.sortable-date,
th.sortable-keep,
th.sortable-date-dmy,
th.sortable-numeric,
th.sortable-currency,
th.sortable-sortByTwelveHourTimestamp,
th.sortable-sortIPAddress,
th.sortable-sortEnglishLonghandDateFormat,
th.sortable-sortScientificNotation,
th.sortable-sortImage,
th.sortable-sortFileSize,
th.sortable-sortAlphaNumeric,
th.sortable-sortEnglishDateTime

        {
        cursor:pointer;
        background: #CAE8EA url(../media/bg_header_sortable.jpg) no-repeat;
        padding: 8px 12px 4px 16px;
        }
th.forwardSort
        {
        background:#CAE8EA url(../media/bg_header_down.jpg) no-repeat 0 0;
        }
th.reverseSort
        {
        background:#CAE8EA url(../media/bg_header_up.jpg) no-repeat 0 0;
        }
table thead th.forwardSort a,
table thead th.reverseSort a
        {
        color:#000;
        text-decoration:none;
        }
/*
These styles should be added when very long tables are expected
th.sort-active
        {
        background:#CAE8EA url(../media/bg_header_sorting.jpg) no-repeat 0 0;
        cursor:wait;
        }
th.sort-active a
        {
        color:#a80000 !important;
        cursor:wait;
        }
*/
th a
        {
        text-decoration:none;
         color: #4f6b72; 
        background:transparent;
        }
td a
        {
        text-decoration:none;
        color:#239;
        background:transparent;
        }
td img
        {
        /* margin:0 auto;
        border:3px solid #ddd; */
        }
td a:hover
        {
        /* color:#a84444;
        border-bottom:1px dotted #a80000;
        background:transparent;
        */
		}
td
        {
        font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        padding: 5px 10px;
        color: #4f6b72;

        }
td.lft
        {
        text-align:left;
        }

tr.alt
        {
        background: #F5FAFA;
        color: #797268;
        }

/* Poor old Internet Explorer 6 has a bug that means we can't use background images for the table rows
   as it trys to download the image each and every time that it is used (which means a 1000 row table
   will produce 1000 http requests for the image in question) */
tr[class="alt"] td
        {
        background: #F5FAFA url(../media/td_alt.jpg) no-repeat;
        }
td[class~="alt"]
        {
        background: #edf3f3 url(../media/col_alt.jpg) no-repeat !important;
        }
/* Poor old Internet Explorer won't see the next two rules either as it doesn't get :first-child */

/* Image free rules for Internet Explorer < 7 */
tr.alt td
        {
        background-color:#F5FAFA;
        }
tr td.alt,
tr.alt td.alt
        {
        background-color:#edf3f3;
        }




body { padding: 0;  font: small Arial, sans-serif;  background: #efefef; color: #efefef; }
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a { color: #0E4D8B; background: inherit; }
a:hover { color: #C43219; background: inherit;}
a.title { color: #B41A1A; background: inherit; }

h1 { font: bold 1.8em Arial, Sans-Serif; letter-spacing: -1px; padding: 17px 0 0 0px; margin: 0; }
h6 { font: bold 1.8em Arial, Sans-Serif; letter-spacing: -1px; padding: 17px 0 0 0px; margin: 0; }
h2.logo { font: bold 1.8em Arial, Sans-Serif; letter-spacing: -1px; padding: 17px 0 0 0px; margin: 0; }
h2 { margin:0; padding: 5px 0px 5px 0px; font: 2.0em Arial, Sans-Serif; letter-spacing: -1px; }
#tablecompare {
height: 52px;
text-align:bottom;
font: 1.8em Arial, Sans-Serif; 
 background-image:url('/images/Compare-Cards.gif'); background-repeat:no-repeat;
 background-position:right;}
h1 a { color: #000; background: inherit; }
h1 a, h2 a { text-decoration: none; }
h1 a:hover, h2 a:hover { color: #C43219; background: inherit; }
h6 a { color: #000; background: inherit; }
h6 a, h2 a { text-decoration: none; }
h6 a:hover, h2 a:hover { color: #C43219; background: inherit; }
h3 { padding: 15px 0px 0px 0px; margin: 0;  font: 1.8em Arial, Sans-Serif; letter-spacing: -1px;  }
h3.toppromo {font: bold medium Arial, Sans-Serif; margin: 0 0 10px 0; padding: 0; color: #5f5f5f; /*background: #FFF;*/}
h4 { margin-left: -3px; padding-left: 5px; padding-top: 5px; font: bold 1.5em Arial, Sans-Serif; letter-spacing: 0px; color: #FFF; text-align: center; }
h4.boxes {margin: 0; padding: 0; font: 1.8em Arial, Sans-Serif; letter-spacing: -1px; }
h3.box-white {margin: 0; padding: 0; font: 1.8em Arial, Sans-Serif; letter-spacing: -1px; }
h5 { margin: 10px; font: bold small Arial, Sans-Serif; color: #666666; }
p {	margin: 0 0 0px 0; line-height: 1.6em; margin-bottom:8px; }
form { margin: 0; }
input.search { width: 199px; border: medium none; background: #FFF url('images/input.gif'); padding: 4px; color: #808080 }
input.submit { height: 24px; font-weight: bold; width: 53px; border: medium none; background: #D96855 url('images/button.gif'); padding: 3px; color: #FFF }


/* layout
   ------ */

#homepagebottom {
	background: #FFFFFF url(images/homepagetop.gif) top no-repeat;
	float: left;
	width: 940px;
	margin: 10px 0px 10px 0px;
	padding: 0px;
	border: 1px solid #DDDDDD;
	}

#homepageBotleft {
	float: left;
	width: 300px;
	
	padding: 0px;
	}

#homepageBotright {
	float: right; 
	width: 379px;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	}

.hpbottom {
	float: left;
	width: 699px;
	margin: 0px;
	padding: 10px;
	display: inline;
	}

.homepageul
{
padding: 1.0;
margin: 0.5;
}
.content { 
	margin: 10px auto;
	width: 1000px; /*768px*/

	background: #FFF url('/images/1000-wide-middle.gif') repeat-y;
	color: #454545
}

.logo {	padding: 18px 0 0 3px; }

.style1 {
	font-size: xx-small;
	color: #FFFFFF;
}


.header_banner { 
	margin: 0px auto;
	width: 728px;
	background: #efefef;
	color: #454545;
}

/* header */
.header_top { background: #FEFEFE url('/images/1000-wide.gif') no-repeat; color: #FFF; height: 14px }
.header { height: 115px; padding: 0px 10px 0 10px; }
.header_bottom { clear: both; background: #FEFEFE url('/images/1000-wide-bottom.gif') no-repeat; color: #FFF; height: 15px }

.footermain { padding: 0px 10px 0 10px; }
    
/* navigation */
#nav { width:100%; float:left; }
#nav ul { margin:0; list-style:none; padding: 0; }
#nav a, #nav strong, #nav span { float:left; display:block; color:#fff; background: #C43219 100% 0px; text-decoration:none; font-weight: bold; padding-left:10px; padding-right:20px; padding-top:7px; padding-bottom:4px }
#nav a { float:none; }
#nav li { float:left; color: #FFF; background: #C43219  0px 0px; margin:0; padding-left:3px; padding-right:0; padding-top:0; padding-bottom:0 }
#nav #current { background: #1995C2 url('images/nav.gif') no-repeat 0 -41px; color: #FFF }
#nav #current a { background: #1995C2 url('images/nav.gif') no-repeat 100% -41px; color:#FFF; padding-left:11px; padding-right:20px; padding-top:7px; padding-bottom:4px }
#nav a:hover { color:#BFE1ED; background: #C43219 url('images/nav.gif') no-repeat 100% 0px; }   
#nav .current_page_item { background: #1995C2 url('images/nav.gif') no-repeat 0 -41px; color: #FFF }
#nav .current_page_item a { background: #1995C2 url('images/nav.gif') no-repeat 100% -41px; color:#FFF; padding-left:11px; padding-right:20px; padding-top:7px; padding-bottom:4px }

.sf_search p {
margin-top: -5px;
}


.entry
{
padding-top:10px;
padding-bottom:10px;
}

.entrytext
{
padding-top:10px;
padding-bottom:10px;
}

blockquote {
	margin: 10px;
	padding: 20px;
	border: 2px solid #cecece;
	background: #FFFFFF;
	
        position: relative;
        z-index: 1;
	}


.sf_left {
	float: left;
	width: 30px;
	height: 77px;
	/* background: #5BB2D1 url('images/logobg.gif') repeat-x;  
padding: 0px;
	color: #FFF;
	/* border-top: 1px solid #137DA2;
	border-bottom: 1px solid #000; */
	padding-left:7px; padding-right:0; padding-top:0px; padding-bottom:0px
}

.sf_right {
	width: 440px;
	float: right;
	
}

.sf_search {
	clear: both;
	/* background: #CA090D url('images/searchbg.gif') repeat-x bottom left; */




	color: #FFE4E0;
        height: 40px;
	/* border-top: 1px solid #AA1717;
	border-bottom: 1px solid #000; */
	margin-top: -2px; padding-left:0px; padding-right:0; padding-top:8px; padding-bottom:14px;
margin-left:-35px;
color: #111;
font-size: 14px;
//text-align: center;
}
	
.subheader {
text-align: center;
	padding: 8px;
	background: #efefef;
	color: #000000;
}

.intro {
	padding-bottom: 20px;
}

.feature {
	float: center;
	width: 380px;
		padding: 10px;
	margin-top: 20px;
	border: 1px solid #FF0000;
	background: #EDEDED;
}

/* left side
   --------- */

.left {
	float: left;
	width: 734px;
        /* height: 5200px; */
	margin: 0 0 10px 0;
}

	.box_top {
		background: #F0F0F0 url('images/leftbox_top.gif') no-repeat;
		color: #c0132e;
		height: 40px;
		width: 239px
	}
	
	.box_top h3 {
                text-align: center;
		color: #FFF;
		background: inherit;
		padding: 3px 0 0 0;
		margin: 0;
	}
	
	.box {
                
		border-left: 2px solid #2468af;
		border-right: 2px solid #2468af;
		padding: 0 4px 0 7px;
		margin-top: -1px;
                margin-bottom: -1px;
		width: 224px;
		color: #595959;
               
		background: #FFF;
	}
.box2 {
		border-left: 2px solid #F0F0F0;
		border-right: 2px solid #F0F0F0;
		padding: 0 0px 0 0px;
		margin: 0;
		width: 160px;
		color: #595959;
		background: #FFF;
	}
	
		.box ul li
	{margin-left:1px;
	
	padding-bottom: 5px;
	}
	
	.box li
	{margin-left:1px;
	
	}

.box ul
	{margin:1px;
	
	}


	#themeswitcher
	{margin:0px;
	margin-left:5px;
	
	}
	
	
	.box_bottom {
		background: #FFF url('images/leftbox_bottom.gif') no-repeat;
		color: #000;
		height: 13px;
		width: 239px;
		margin-left:0; margin-right:0; margin-top:0; margin-bottom:7px;
	}
	
		/* left and central column */
		.left_side { float: left; width: 159px; padding: 0px 5px 8px 8px; }

		 .right_side { float: right; width: 699px; margin: 0 5px 0 0;  } 

/* 
TESTING TO MAKE THE CENTER PANEL AT THE TOP OF THE PAGE WITH ABSOLUTES

.right_side { position:absolute; width: 620px; margin: 0 5px 0 0; top:235px; left:190px;}
*/
		
		.article { padding: 0 5px 0 0px; margin-bottom: 20px; }
		
	.grey_top { clear: both; width: 382px; background: #EDEDED url('images/grey_top.gif') no-repeat; color: #000; height: 5px; padding: 0; margin-left:6px; margin-right:0; margin-top:0px; margin-bottom:0 }
	.grey { width: 362px; padding: 10px; background: #EDEDED url('images/grey_bottom.gif') no-repeat bottom left; color: #808080; margin-left:6px; margin-right:0; margin-top:0; margin-bottom:0	}
		
	.grey a {
		color: #C83C3C;
		background: inherit;
		font-weight: bold;
	}
	
	.grey a:hover {
		color: #000;
		background: #EDEDED;
	}
	
	.highlight {
		padding: 5px 3px 5px 3px;
		margin: 0 0 3px 0;
		border-bottom: 1px solid #ccc;
	}
	
		
/* right side
   ---------- */
		
.right { float: right; width: 250px; margin: 0 0 10px 0;}
		
/*img { float: left; margin: 0 9px 3px 0; }*/
.imgleft { float: left; position: relative; margin: 0 9px 3px 0; z-index: 2;}
.imgleftthumb { float: left; width: 30px; margin: 0 9px 3px 0; z-index: 2;}
.imgright { float: right; margin: 0 9px 9px 0; z-index: 2;}

ol li {
	padding-top: 3px;
	padding-bottom: 2px;
}

.readmore {
	text-align: right;
}

.reviewlistgrey {
	padding: 5px; 
	background: #EDEDED;
}

.reviewlistwhite {
	padding: 5px; 
}

.spacer {
	height: 15px;
}

.divider {
	height: 5px;
        background: #EDEDED;
}

.table1strow {
	margin: 10px auto;
	padding: 10px;
	background: #CA090D;
	font: bold 1.2em Arial, Sans-Serif; letter-spacing: -1px;
        color: #ffffff;
}

.tablerow {
	margin: 10px auto;
	padding: 0px;
}

.tablebottomrow{
	margin: 10px auto;
	padding: 0px;
	border-bottom: 1px solid #999999;
}

/* footer
   ------ */

.footer { 
	clear: both; 
	text-align: center;
	color: #808080;
	background: #f0f0f0;
	padding: 10px 0 5px 0;
	border-top: 1px solid #eee;
}
.footer p {	line-height: 2em; }
.footer a {	color: #4F4F4F; background: #f0f0f0; border-bottom: 1px dotted #808080; text-decoration: none; } 


/*post stylng*/
.post{margin:0 0 25px 0;}

.post .info{
padding:3px 3px 3px 8px;
border:1px solid #e3e4e4;
background-color:#efefef;
font-size:0.9em;
color:#505050;
}

/*Ad styling*/
.articlead {
	float: center;
	width: 203px;
	padding: 10px;
	margin-top: 20px;
	border: 1px solid #999999;
	background: #EDEDED;
}



/*comment styling*/
/* Comments Styling */

.comments {
	width: 405px;
}
#commentlist li {
margin-bottom: 1.5em;
padding-bottom: 1em;
border-bottom: 1px solid #700000;
}

#commentform {
margin: 1em 0;
background: #ffffff;
width: 40em;
width: 400px;
}

#commentform textarea {
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 300px;
}
#commentform textarea:hover {
background: #FFFFFF;
border: 1px solid #d6d3d3;
}
#commentform textarea:focus {
background: #ffffff;
border: 1px solid #939793;
}

#commentform #email, #commentform #author, #commentform #url {
font-size: 1.1em;
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 180px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #d6d3d3;
width: 180px;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #939793;
width: 180px;
}
#commentform input{
margin-bottom: 3px;
}*/



    .alignright {
    float: right;
    }

    .alignleft {
    float: left;
    }


/*
 * PureDOMExplorer Demo styles 
 * written by Chris Heilmann 
 * More at http://onlinetools.org/tools/puredom/
 */
	
	ul.pde a:link,
	ul.pde a:visited,
	ul.pde a:hover,
	ul.pde a:active{
		
	}
	ul.pde,ul.pde li{
		margin:0;
		padding:0;
		list-style:none;
	}
	ul.pde{
		text-align:left;
		/* font-size:.8em; 
		margin:.5em auto;
		background:#ccc;
		width:80%;
		*/
	}
	ul.pde ul{
		margin:0 0 0 1em;
		padding:0;
	}
	ul.pde li{
		/* line-height:1.3em; */
		padding:.2em 0;
		margin:0;
		padding-left:12px;
	}
/* dynamically added to LIs with nested ULs */
	ul.pde li.parent{
		padding-left:0;
	}
	ul.pde li.parent img{
		border:none;
		padding-right:5px;
	}
/* dynamically added to LIs with nested ULs and STRONG elements in them */
	ul.pde li.current li{
		padding-left:0;
	}
/* The class to hide nested ULs */
       .hide{
               position:absolute;
               top:0;
               left:-4000px;
       }

/* The class to show nested ULs */
       .show{
               position:static;
               display: table;
               top:0;
               left:1em;

}

/* Custom */

ul.tabs {
	margin:0;
padding:0;
}

ul.tabs li {
	display:inline-block;
margin:0;
padding:0;


}

ul.tabs li a {
padding:5px;
background:#c1d9de;
text-decoration:none;
}

ul.tabs li a.current {
	background:#759faa;

}

.panes {
	margin:0;
padding:0;
}

.entrytext ul.entry {
margin:5px 0;	

}

.entrytext ul.entry li {
list-style:square;
padding:2px 0; 
margin:0 15px;

}

.post h1 {
float:left;
}


.entrytext {
clear:both;
}
a.applybutton {
	font-size:12px;
	padding:5px 10px;
	background:#f26522;
	color:#ffffff;
	font-family:Helvetica, Arial, sans-serif;
	text-decoration:none;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
}

a.applybutton:hover {
	background:#e14800;
}

a.infobutton {
	font-size:12px;
	padding:5px 10px;
	background:#69ab34;
	color:#ffffff;
	font-family:Helvetica, Arial, sans-serif;
	text-decoration:none;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
}

a.infobutton:hover {
	background:#498f11;
}

.panes table tr td {
padding:10px 15px;
border-bottom:1px solid #e8e8e8;

}

.panes table tr:hover {
background:#e9f1f4;
}

strong {
font-weight:bold;
}

.panes table {
cursor:default;
}

.panes table a {
cursor:pointer;
}