/*<group=mainstuff>*/

html {
	font-size: 100%; /* IE hack */
	height: 100%;
}
body {
	
	min-width: 959px;
	height: 100%;
	margin: 0px 0px 0px 0px;
	background-color: #FFFFFF;
}

body { font-size:65%; /* Sätt 1 em till 10 px*/ }

div, table {
	font-family: Arial, Helvetica, sans-serif;
	color:#000;
	font-size: 10px;
}
div { font-size: 100%; /* IE hack */ }

h1, h2, h3, h4, h5, h6{
	font: bold 18px Arial,Helvetica,sans-serif;
	margin: 0 0 5px 0;
	color:#000000;
}
form {
	margin:0;
}
h1 { font-size:16px; font-weight:bold;}
h2 { font-size: 16px;}
h3 { font-size: 14px;}
h4 { font-size: 11px;}
h5 { font-size: 11px; font-weight:normal;}
h6 { font-size: 10px; font-weight:normal;}

img {border: 0;}

.white
{
	color: #FFFFFF;
}

.olFirst
{
    font-size: 11px; font-weight:normal;
    color:#17455B;
    list-style-type: decimal;
    padding-top: 0px;
    margin-top: 5px;
}

.olFirst li
{
    padding-left: 0px;
    margin-left: -17px;
    line-height: 12px;
    margin-bottom: -8px;
}
a:link, a:visited {
	color: #123456;
	text-decoration: none;
}
a:hover {
	color: #000000;
	text-decoration: none;
}
a:active {
	color: #123456;
	text-decoration: none;
}
p {
	font: normal 11px Arial,Helvetica,Verdana,sans-serif;
	line-height: 15px;
	margin-top:0;
	padding-top:0;
}

/*</group>*/
/*<group=Main layout>*/
#container {
	width: 959px;
	margin: 0 auto;
	margin-bottom:20px;
	float: left;
	display: inline;
	position: absolute;
	
}
#mainContainerTop, #mainContainerBottom {
	width: 959px;
	height:3px;
	background: url(../images/Creditrunner/bg-top.gif) no-repeat top left;
	display: block;
	clear: both;
	margin: 0 0 -1px;
	font-size: 1px;
	line-height: 1px;
}
#mainContainerBottom {
	background: url(../images/Creditrunner/bg-bottom.gif) no-repeat top left;
}
#mainContainer {
	width: 959px;
	padding:0 5px;
	background: url(../images/Creditrunner/bg-mainframe.gif) repeat-y top left;
}
#navBar {
    width: 959px;
    background: url(/images/Creditrunner/bg-white.gif) repeat top left;
    text-align: left;
    margin-left: 5px;
    height: 20px;    
    font-weight: normal;
    font-size: 12px;

}

#links {
	width: 959px;
	margin-left: 5px;
	font-weight: normal;
	font-size: 10px;
	height: auto;
	background: url(../images/Creditrunner/links_back.gif) repeat-y top left;
}

.linksText
{
	display: inline;
	font-weight: bold;
}

.linksImage
{
	display: inline;
	background: url(../images/Creditrunner/links_div.gif) no-repeat top left;
	margin-right: 10px;
}

#allContent
{
	height: 100%;
	font-size: 12px;
}
#mainContainer2 {
	width:  800px;
	padding:0 5px;
	float: left;
	background: url(../images/Creditrunner/bg-mainframe.gif) repeat-y top left;
}
#pageHeader {
	width:959px;
	height:90px;
	background: url(/images/Creditrunner/topp.gif) no-repeat top left;
}
.logo {
	width:146px;
	height:70px;
	float:left;
	padding:8px 0 0 10px;
}

#slogan {
	width: 100%;
	height:14px;
	float:left;
	margin-left: 0px;
	margin-top: 2px;
	text-align: center;
}

#slogan h1
{
	font-size: 12px;
}
#mainContent {
	width:770px;
	padding:0 15px 15px 15px;
	text-align:left;
	background: #fff url(../images/Creditrunner/lineVert-dotted_1px.gif) repeat-y 190px 0;
}
#left {
	float:left;
	width: 47%;
}	
#right {
	float:right;
	width: 47%;
}
#leftShort {
	float:left;
	width: 27%;
}	
#rightLong {
	float:right;
	width: 67%;
}

#thewayitworks {
	width: 575px;
	height:34px;
	margin-bottom:15px;
	background: transparent url(../images/Creditrunner/thewayitworks.jpg) no-repeat top left;
}
#menuCol {
	width:160px;
	float:left;
	margin-right:30px;
	display:inline;
}

#mainCol {
	width:580px;
	float:left;
	display:inline;
}
#footer {
	width:100%;
	margin:0 15px;
	padding-bottom:15px;
	background: #fff url(../images/Creditrunner/lineHorz-dotted_1px.gif) repeat-x 0 15px;
	text-align:left;
}
#footerMenu {
	width:520px;
	padding-left:10px;
	float:left;
}
#footerMenu dl {
	display: inline;
}
#footerMenu dl dt, #footerMenu #firstMenuObject {
	float: left;
	height:20px;
	display: inline; /* Tar bort "pluttarna från punkt-listan" */
	padding:0 8px;
	margin-top:4px;
	background: url(../images/Creditrunner/menu-divider.gif) no-repeat right top;
	font: bold 11px Arial,Helvetica,sans-serif;
}
#footerMenu dl li a {
	width: auto;
	display: block; /* Gör så att det andra innehållet än själva punktlistan visas*/
	text-align:center;
	height:20px;
	margin: 0px;
	padding: 0px;
}
/* Hide from IE-Mac AND IE-Pc \*/
html>body #footerMenu dl dt a {
	width:auto;
	padding-left:1px;
}
/* End hide */

#footerMenu #firstMenuObject {
	background: none;
}
.menuListHeader {
	font: bold 12px Arial,Helvetica;
	color: #C30;
	text-transform:uppercase;
	margin-bottom:3px;
}
.standardList, .standardLinkList, .categoryList, .standardLinkList2, .fpList {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.standardList a:link, .standardLinkList a:link, .categoryList a:link, .standardLinkList2 a:link
{
	color: #000000;
}

.standardList a:visited, .standardLinkList a:visited, .categoryList a:visited, .standardLinkList2 a:visited
{
	color: #000000;
}
.standardList li
{
	margin: 0 0 100px 0;
}
.standardLinkList2
{
    margin-left: 6px;
}


#one
{
	padding-left: 40px;
	padding-top: 10px;
	padding-bottom: 10px;
	background: transparent url(../images/Creditrunner/siffra_1.gif) no-repeat 0 4px;

}

#two
{
	padding-left: 40px;
	padding-top: 5px;
	padding-bottom: 0px;
	background: transparent url(../images/Creditrunner/siffra_2.gif) no-repeat 0 4px;

}
#three
{
	padding-left: 40px;
	padding-top: 5px;
	padding-bottom: 5px;
	background: transparent url(../images/Creditrunner/siffra_3.gif) no-repeat 0 4px;
}

.standardList li, .standardLinkList li, .categoryList li, .standardLinkList2 li {
	background: transparent url(../images/Creditrunner/listSymbol_arrow.gif) no-repeat 0 4px;
	width:auto;
	padding: 2px 0;
	padding-left: 8px;
	line-height:12px;
	font-size: 12px;
	font-weight: normal;
	text-align:left;
}
.standardLinkList #active {
	background-color:#000000;
	border: 1px dotted #ccc;
	background-position:3px 5px;
	padding-left:17px;
}
.standardLinkList li:hover {
	background-color:#DCDCDC;	
}

.standardLinkList #shortreview
{
    color: white;
    margin-left: 10px;
}
a.order:link, a.order:active, a.order:visited, a.order:hover  {
      color: #FFFFFF;
	  text-decoration: none;
}
#pageMsg {
	width:auto;
	padding:20px 0;
	text-align:center;
}
/*<group=MainContent>*/

/*</group>*/
	
/*</group>*/

/*<group=pages>*/

/*<group=contact>*/
.longFieldHeader, .longField {
	width:22%;
	float:left;
	font-weight: bold;
	font-size:11px;
	margin-bottom:5px;
}
.longField {
	width:77%;
}
#recipientTable {
	width:100%;
	border: 0;
	font-size:9px;
	font-family: Verdana,"Lucida Grande",Helvetica,Arial;
}
#recipientTable td {
	padding:2px;
	vertical-align:top;
}

#recipientTable .header {
	width:25%;
}
#recipientTable .desc {
	width:75%;
	font-weight:normal;
}
/*</group>*/

/*<group=articles & resources>*/
.articleBox {
	width:auto;
	padding:5px 0 0 0;
	border-bottom: 1px solid #ccc;
	background: url(../images/Creditrunner/symbol-article.gif) no-repeat 0 4px;
	
}
.articleBox:hover {
	background-color:#ededed;
}
.articleBox h5 {
	line-height:16px;
}
.archiveLink {
	float:right;
	text-align:right;
	font-weight:bold;
	margin-top:10px;
}
#articleHeader {
	background: url(../images/Creditrunner/symbol-article.gif) no-repeat 0 0;
	text-indent:20px;
	line-height:18px;
}
#prev, #pages, #next {
	float:left;
	display:inline;
	font: bold 11px Arial,Helvetica;
}
#prev {
	width:20%;	
}
#pages {
	width:50%;
	margin-left:5%;
	text-align:center;
}
#next {
	float:right;
	width:20%;	
	text-align:right;
}
/*</group>*/

/*<group=partners>*/
.linkBox {
	width:178px;
	float:left;
	display:inline;
	margin-bottom:20px;
	margin-right:20px;
}
.lastBoxinRow {
	margin-right:0;
}

.linkBox h3 {
	width:auto;
	height:14px;
	line-height:14px;
	padding:0 0 0 10px;
	margin-bottom:10px;
	background: url(../images/Creditrunner/bg-frameHeader_small.gif) no-repeat top left;
	font: bold 11px Arial,Helvetica;
	color:#fff;
	text-transform:capitalize;
}
.linkBox ul {
	margin-left:5px;
}
.linkBox .readMore {
	float: right;
	font: bold 11px Arial,Helvetica;
	text-align:right;
	font-weight:bold;
}
.linkBox .greyRow {
	background-color: #EDEDED;
}
/*</group>*/

/*<group=sitemap>*/

#siteMap {
	font: bold 12px Arial,Helvetica;
}
#siteMap .standardLinkList {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#siteMap .standardLinkList li {
	background: transparent url(../images/Creditrunner/child.gif) no-repeat 2px 3px;
	padding-top: 4px;
	padding-left: 15px;
	line-height:16px;
	text-align:left;
}
#siteMap #noLeftMargin {
	margin-left:0;
	padding-left: 0;
	background: none;
}

/*</group>*/

/*<group=privacy>*/

#statement {
	font-weight:normal;
	color:#222;
}
	
/*</group>*/

/*<group=security>*/

.question {
	width:auto;
	height:25px;
	padding-left:30px;
	padding-top:5px;
	background: url(../images/Creditrunner/symbol-qmark.gif) no-repeat 0 0;
}
.answer {
	width:auto;
	font-size:11px;
	line-height:15px;
	margin:4px 0 8px 0;
	padding-bottom:8px;
	padding-left:32px;
	background: url(../images/Creditrunner/symbol-epoint.gif) no-repeat 0 0;
	border-bottom:1px solid #CCC;
}
	
/*</group>*/

/*<group=index>*/

.contentFrameTop, .contentFrameMiddle, .contentFrameBottom {
	width:auto;
	float:left;
	display:inline;
	margin-bottom:10px;
	margin-right:20px;
	font-weight: normal;
}

.contentFrameMiddle
{
	float: none;
}
.contentFrameBottom
{
    margin-bottom: 0px;
}

.contentFrameRight {
	margin-right:0;
}
.contentFrameLeft h2, .contentFrameRight h2 {
	width:auto;
	height:18px;
	line-height:20px;
	padding:2px 0 0 10px;
	margin-bottom:10px;
	font: bold 14px Arial,Helvetica;
	color:#fff;
	text-transform:uppercase;
}

#categories ul li {
	height: 40px;
	background: none;
	padding: 2px 0 5px 50px;
	font: bold 14px Arial,Helvetica;
	line-height:16px;
	text-align:left;
	background: no-repeat top left;
}
#categories .percent { background-image: url(../images/Creditrunner/btn-symbol_percent.gif); }
#categories .flyer { background-image: url(../images/Creditrunner/btn-symbol_plane.gif); }
#categories .hot { background-image: url(../images/Creditrunner/btn-symbol_fire.gif); }
#categories .toplist { background-image: url(../images/Creditrunner/btn-symbol_toplist.gif); }

#popoffers #list {
	width: 277px;
	border: 0;
	font: normal 11px Arial;
}
#popoffers #list th, #popoffers #list td {
	padding:2px;
	text-align: left;
	border-bottom: 1px solid #999;
}
#popoffers #list th {
	background-color: transparent;
	color: #333;
	text-align: left;
	font: bold 9px Verdana;
	line-height: 13px;
}
#popoffers #list .alignCenter {
	text-align: center;
}
#popoffers #list .greyRow {
	background-color: #EDEDED;
}
#popoffers #list tr:hover {
	background-color:#def;
}
#popoffers #list .noHover:hover {
	background-color:transparent;
}

#popoffers #list .fakeAlignCenter {
	padding-left:10px;
}
#popoffers #offer { width:66%; }
#popoffers #intro { width:22%; }
#popoffers #rating { width:12%; }

#bestdeals .dealCell {
	width:277px;
	background: #fff url(../images/Creditrunner/lineHorz-dotted_1px.gif) repeat-x left bottom;
	padding-bottom:5px;
	margin-bottom:5px;
}
#bestdeals .cardName {
	font-weight:bold;
	color:#C30;
}
#bestdeals .dealText {
	width:170px;
	float:left;
	padding-left:50px;
	font: normal 11px Arial,Helvetica;
	line-height:14px;
	background: #fff url(../images/Creditrunner/listSymbol_card.gif) no-repeat left top;
}
#bestdeals .dealCell img {
	float:right;
}
/*</group>*/

/*<group=infolist & moreinfo>*/
.cardInfoFrame {
	width:575px;
	background: url(../images/Creditrunner/bg-cardInfoFrame_middle.gif) repeat-y top left;
}
.cardInfoFrameTop, .cardInfoFrameBottom {
	width:575px;
	height:10px;
	line-height:10px;
	font-size:1px;
	background: url(../images/Creditrunner/bg-cardInfoFrame_top.gif) no-repeat top left;
}

.cardInfoFrameBottom {
	background: url(../images/Creditrunner/bg-cardInfoFrame_bottom.gif) no-repeat top left;
	margin-bottom:20px;
}



.cardInfoFrameLeftContent {
	width:105px;
	height:134px;
	display:inline;
	float:left;
	padding-left:10px;
}
.cardInfoFrameLeftContent .applyBtn {
	margin:12px 0 0 18px;
}
.cardInfoFrameRightContent {
	width:440px;
	display:inline;
	float:left;
	background-color: #FFFFFF;
}
.cardInfoFrameRightContent h3 {
	float:left;
}
.cardInfoFrameRightContent .issuerAndBank {
	clear:left;
	color:#666;
}

.moreInfo {
	width:70px;
	float:right;
	text-align:right;
	font: bold 11px Arial,Helvetica;
	margin-top:3px;
}
.propList {
	width:450px;
	font: bold 11px Arial;
	color: #fff;
	margin-bottom:4px;
	border: 1px solid #C6C6C6;
	
}
/* Hide from IE-Mac AND IE-Pc \*/
.cardInfoFrameRightContent {
	width:450px;
}
/* End hide */

.propList td {
	padding: 2px;
	text-align: center;
}

.propList .header {
	background-color: #337A9D;
	font-weight: bold;
}
.propList .header td {
	border-left: 2px solid #FFF;
}

.propList .header td #noBorder
{
	border-left: 0;
}

.propList .values {
	color: #333;
	font: normal 11px Arial;
}
.propList .values td {
	padding-bottom: 4px;
	border-bottom: 1px solid #ccc;
}
.propList .header .noBorder, .propList .values .noBorder {
	border-left: 0px;
}
.cardInfoFrameRightContent ul {
	float:left;
	width:370px;
	margin-top:5px;
}
.cardInfoFrameRightContent ul li {
	padding: 1px 0;
	padding-left: 8px;
}
.cardInfoFrameRightContent .greyRow {
	background-color: #D6D6D6;
}
.ratingBox {
	width:63px;
    height: 36px;
	padding:1px;
	padding-top:19px;
	margin-top:5px;
	float:right;
	background: #337A9D url(../images/Creditrunner/cardrating.gif) no-repeat 4px 4px;
}
.ratingBox .number {
	width:auto;
	background-color:#fff;
	height:35px;
	font: bold 24px Arial,Helvetica;
	line-height:35px;
	color: #E34A17;
	text-align:center;
}
.cardInfoFrame .review {
	width: auto;
	margin: 0 10px;
}	
.cardInfoFrame .review h4 {
	border-bottom:1px solid #ccc;
	padding-bottom:5px;
	padding-top:12px;
}	
.cardInfoFrame .review ul {
	margin-left:10px;
}

/*</group>*/
	
/*</group>*/
/*<group=forms>*/

input, select, textarea {
	font: normal 9px "Lucida Grande",Verdana, Arial, Helvetica, sans-serif;
}

.frmTextfield100prc {
	width: 99%;
	height: 14px;
	border: 1px solid #999;
	background-color: #FFF;
}

.frmDropDown {
	background-color: #FFF;
}
.frmTextfield {
	height: 12px;
	border: 1px solid #999;
	background-color: #FFF;
}
.frmTextbox100prc {
	width: 99%;
	border: 1px solid #999;
	background-color: #FFF;
}
.frmButton {
	font-weight: bold;
	background-color:#FFF;
}
.inputCell {
	padding-bottom:5px;
}
	
/*</group>*/



.imgLeft, .imgLeftBorder {
	float:left;
	margin:0 10px 5px 0;
}
.imgRight, .imgRightBorder {
	float: right;
	margin:0 0 5px 10px;
}
.imgLeftBorder, .imgRightBorder {
	border: 1px solid #999;	
}
.alt {
	display: none; /* G?mmer allt som den h?r klassen anv?nds p? */
}

.clear {
	display: block;
	clear: both;
	width: 100%;
	height: 1px;
	margin: 0 0 -1px;
	font-size: 1px;
	line-height: 1px;
}

.topListTopic {
    font-size: 14px;
    color: #17455B;
    font-weight: bold;
}
.boldOrange {
	color: #C30;
	font-weight:bold;
}

.headline
{
	width: 100%;
	height: 22px;
	margin: 0;
}

.headline .headlineLeft
{
	float: left;
	background: url('../images/Creditrunner/ribba_vansterkant.gif') no-repeat;
	width: 10px;
	height: 22px;
	margin: 0;
	padding: 0;
}

.headline .headlineRight
{
	background: url('../images/Creditrunner/ribba_hogerkant.gif') no-repeat;
	width: 10px;
	height: 22px;
	margin: 0;
}

.headline .headlineText
{
	width: 600px;
	background: url('../images/Creditrunner/ribba_bakgrund.gif') repeat-x;
	margin: 0;
}

.headline .headlineText h3
{
	margin: 0;
	padding: 0;
}

.specialOffer
{
	margin-left: 90px;
	font-style: italic;
}

#toplistBox
{
	width: 100%;
}

#toplistBox a
{
	text-decoration: underline;
}

#toplistBox .divisor
{
	border-bottom: 1px solid #CDCDCD;
	margin-bottom: 5px;
	height: 1px;
	width: 100%;
}
.toplistBoxTitle
{

        float: left;
        font-size: 12px;
        width: 23%;
        height: 50%;
        margin-right: 20px;
        color: #5F5F5F;

}

.toplistBoxBy
{
	float: left;
	background: url(../images/Creditrunner/arrow.gif) no-repeat 0% 50%;
	padding-left: 10px;
	margin-left: 10px;
	height: 20px;
	color: #5F5F5F;
}


.toplistBoxCat
{
        font-weight: normal;
        font-size: 10px;
        float: normal;
}

.toplistBoxCatTable
{
        width: 73%;
}

.toplistBoxCatTable td
{
        width: 25%;
        text-align: left;
}

#toplistTable
{
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0;
}


#toplistTable .odd
{
	background: #FFFFFF;
	text-align: center;
	
}

#toplistTable .even
{
	background: #DEDEDE;
	text-align: center;
	
}

#containerRight
{
	width: 123px;
	height: 100%;
	text-align: left;
	background: white;
	padding-left: 8px;
	padding-right: 5px;
	float:left;
}

.marker
{
	width: 100px;
	background: url('../images/Creditrunner/marker.gif') 0px 0px no-repeat;
	padding-left: 20px;
	font-weight: bold;
	color: #CC3300;
	margin-bottom: 5px;
}

#quickLink
{
	color: #000000;
	width: 120px;
	margin-bottom: 5px;
	margin-left: 2px;
	font-size: 12px;
}

#quickLink a
{
	color: #000000;
}

.subsection
{
	font-size: 12px;
}

.articleRight
{
	margin-left: 5px;
	font-size: 12px;
	font-weight: normal;
}

.fpBestOffer
{
	width: 178px;
	border: 0 solid black;
	text-align: center;
	display: inline;
	margin-left: 5px;
	height: 100%;
	font-size: 12px;
}

.fpBestOffer .upperLeftCorner
{
	height: 20px;
	text-align: left;
	vertical-align: top;
	background: url('../images/Creditrunner/bluebg.gif') 0px 0px repeat-x;
}

.fpBestOffer .upperRightCorner
{
	height: 20px;
	text-align: right;
	vertical-align: top;
	background: url('../images/Creditrunner/bluebg.gif') 0px 0px repeat-x;
}

.fpBestOffer .lowerLeftCorner
{
	height: 20px;
	text-align: left;
	vertical-align: bottom;
	background: url('../images/Creditrunner/bluebg.gif') 0px 0px repeat-x;
}

.fpBestOffer .lowerRightCorner
{
	height: 20px;
	text-align: right;
	vertical-align: bottom;
	background: url('../images/Creditrunner/bluebg.gif') 0px 0px repeat-x;
}

.fpBestOffer #dottedLeft
{
	width: 1px;
	background: url('../images/Creditrunner/lineVert-dotted_6px_left.gif') repeat-y;
}

.fpBestOffer #dottedRight
{
	width: 1px;
	background: url('../images/Creditrunner/lineVert-dotted_6px_right.gif') repeat-y;
}

.footerText
{
	font-weight: normal;
	font-size: 11px;
}

.articleGroup td
{
	vertical-align: top;
	height: 40px;
	width: 50%;
	
}
.articleGroup a
{
	text-decoration: underline;
	color: #123456;
	font-size: 11px;
	font-weight: bold;
}