body
{
    margin:0;
    font-family:Arial, Verdana;
    font-size:10pt;
    background-color:#d6e9f5;
    
}

h1, h2, h3
{
    color:#0079c2;
    font-family:Arial, Verdana;
}

a, a:hover, a:link, a:visited
{
    color:#0079c2;
    text-decoration:none;
}

#outerContainer
{
	clear:both;
    width:983px; 
    background: url(/App_Themes/CCR/bgMainStrip.png) 0 0 repeat-y;
	margin-left:10%; margin-right:17%;
}

#leftContainer
{
	margin-top:20px;
    margin-left:15px;
    float: left;
}


#centreContainer
{
	padding-left:22px;
	*padding-left:2px;
	margin-top:20px;
    width:717px;
    float:left;
	margin-bottom:15px; 
}

#rightContainer
{
    padding-left:7px;
    float: left;
}


#mainContainer
{
    width:717px;  

}

#mainContainer h1
{
	margin-top:0px;
	padding-top:10px;	
	font-size:18px;
	/*padding-left:15px;*/
	height:35px;
}

#mainContainer h2
{	
	font-size:14px;
	/*padding-left:15px;*/
}

#mainContainer h3
{	
	font-size:16px;
	font-style: italic; 
}


#header
{
    height:80px;
    width:983px; 
    background: url(/App_Themes/CCR/bgHeaderStrip.png) left bottom no-repeat;
	margin-left:10%; margin-right:17%;
	margin-top:23px;
	margin-bottom:0px;
}

#headerLogo
{
	background: url(/App_Themes/CCR/elemLogo.png) left bottom no-repeat;
    width:190px;
    height:68px;
	margin-left:15px;
	float:left;
}
#headerTagline
{
	background: url(/App_Themes/CCR/elemMainTagLine.png) left bottom no-repeat;
    width:452px;
    height:68px;
	margin-left:15px;
	float:right;
}
#headerShortlist
{
	background: url(/App_Themes/CCR/elemYourShortList.png) left bottom no-repeat;
    width:269px;
    height:74px;
	margin-right:1px;
	float:right;
}

#headerShortlistCardList
{
	float:left;
	color:#fff;
	width:230px;
	margin-top:50px;
	text-align:right;
	font-weight:bold;
}

#headerShortlistViewList
{
	vertical-align:-5;
}	
	
#content
{
    width:717px;  
				
}

#contentBottom
{

	margin:0px;
}

#footer
{
	margin-top:0px;
	margin-left:10%; margin-right:17%;
	clear:both;
	background: url(/App_Themes/CCR/bgFooterStrip.png) 0 0 no-repeat;
	width:983px;	
	height:51px;    
	color:#fff;
	font-size:12px;
	padding-top:14px;
	
}

#footer a
{
	color:#fff;
}

#footerLeft
{
	padding-left:15px;
	float:left;
}

#footerRight
{
	padding-right:15px;
	float:right;
}

.menuBlock
{
    margin-bottom:7px;
	margin-top:0px;
	width:197px;	
}

.menuBlockBottom
{
	width:197px;	
	height:5px;
}

.menuBlock h2
{
	font-size: 18px;
	padding-left:10px;
		margin-top:0px;
	padding-top:10px;
	font-family: tahoma;
	font-weight: bold;
	height:28px;
}

.menuBlock h2 span
{
	display:none;
}

.menuBlock h2#h2CardsByFeatures
{
	background: url(/App_Themes/CCR/hdrCardsByFeatures.png) 0 0 no-repeat;
}

.menuBlock h2#h2CardsByProviders
{
	background: url(/App_Themes/CCR/hdrCardsByProviders.png) 0 0 no-repeat;
}

.menuBlock h2#h2FaceBook
{
	background: url(/App_Themes/CCR/btnFacebook.png) 0 0 no-repeat;
	height:48px;
	margin-top:30px;
	margin-bottom:4px;
	cursor:pointer;
	padding-top:0px;
	padding-bottom:0px;
}

.menuBlock h2#h2Twitter

{
	background: url(/App_Themes/CCR/btnTwitter.png) 0 0 no-repeat;
	height:48px;
	margin-top:0px;
	cursor:pointer;
}

li.CMSListMenuLI a, li.CMSListMenuLI a:link, li.CMSListMenuLI a:visited
{
    color:#000;
    text-decoration:none;
}

li.CMSListMenuLI a:hover
{
    color:#0079c2;
    text-decoration:none;
}

div#homepageIntroBox
{
	background: url(/App_Themes/CCR/elemIntroBox.png) 0 0 no-repeat;
	width:717px;
	height:61px;
	margin-bottom:10px;
	margin-top:10px;
}

div#homepageIntroBox ol
{
	padding-top:10px;
	color:#6f6f6f;
}




#cardContent, #cardHeader
{
width:717px;
}

#contentHeader
{
	margin-bottom:25px;
}

#contentHeader h1{
	border-bottom:3px #0079c2 solid;
	font-size:18px;
	height:26px;
	padding-top:10px;
	padding-left:10px;
}

#contentHeaderBreadcrumb
{
	padding-left:10px;
	padding-top:3px;
	padding-bottom:6px;
	border-bottom:1px #0079c2 solid;
	border-top:1px #0079c2 solid;
	color:#0079c2;
}

#contentHeaderCardName
{
	padding-left:10px;
	line-height:20px;
	border-bottom:2px #0079c2 solid;
	height:30px;
	margin-bottom:15px;
}

#cardMainLeftCard
{
	margin-bottom:25px;
}

#cardMainLeftProceed, #cardMainLeftShortList
{
	margin-bottom:10px;
}




#cardMain
{
	width:700px;
}

#cardMainLeft
{
	float:left;
	border:none;
	padding-left:15px;
	width:220px;
}

#cardMainRight
{
	float:right;
	border:none;
	padding-left:15px;
	width:440px;
}

ul.features
{
	list-style:none;
	margin-left:-40px;
	*margin-left:0px;
	

}
li.positives, li.negatives
{
 padding-left: 22px; /* the width of your image + some space */
     margin: 12px 0;
font-size:12px;}

li.positives
{
	
	background:url("/App_Themes/CCR/elemPositive.png") no-repeat left center;
}
li.negatives
{
	background:url("/App_Themes/CCR/elemNegative.png") no-repeat left center;
}

table#cardSummaryBox
{
clear:both;
width:717px;
padding:20px
}

.cardSummaryBoxRow
{
 padding:10px;
}

td.cardSummaryBoxLabel
{
	width:220px;
	color:#0079c2;
	font-size:14px;
	font-weight:bold;
}

td.cardSummaryBoxContent
{
	color:#000;
	font-size:12px;
}

#newsAuthor
{
	float:left;
	font-style:italic;
	font-weight:bold;
	font-size:12px;
	color:#444;
}

#newsDateLastUpdated
{
	float:right;
	font-size:10px;
	color:#ccc;
}

#newsArticle
{
	padding-top:25px;
	clear:both;
}



table .snapshot{ margin: 1em; border-collapse: collapse; width:717px; }
.snapshot td,.snapshot th { padding: .3em; border: 1px #ccc solid; font-size:10px; text-align:center;}
.snapshot thead { background: #ccc; }
.snapshot tbody { background: #eee; }