/* CSS Document */

/* Body and Universal Reset */

* {margin: 0; padding: 0;}

body {
	text-align:center;
	margin:0;
	font-family:"ËÎÌå", Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666666;
	line-height:19px;
	background:#EBEBEB;
}
	
#container {
	margin:21px auto;
	width:935px;
	text-align:left;
	background:url(images/backgrounds/container_bg.gif) repeat-y #ffffff;
}

td {
	font-family:"ËÎÌå", Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666666;
	line-height:19px;
	vertical-align:top;
}

img {
	border:0;
}

#popupWindowCaller {
	display:none;
}

.clear {
	clear:both;
	height:1px;
}


/* Typography */

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

h2.newstitle { 
	margin:0 0 2px 0;
}


/* Header */

#header {
	background:url(images/backgrounds/container_top_bg.gif) no-repeat;
	padding:20px 30px 0 27px;
	height:87px;
}

#headerRight {
	float:right;
	text-align:right;
}

#headerNav {
	margin:10px 0 0 0;
	font-size:11px;
	color:#333333;
	text-align:right;
}

#headerNav li {
	list-style:none;
	display:inline;
	font-family:"Trebuchet MS", Verdana, "ËÎÌå", Arial, Helvetica, sans-serif;
	color:#999999;
	font-size:13px;
}

#headerNav li.login img {
	margin:-3px 0 0 15px;
	vertical-align:middle;
}

#headerNav a {
	color:#999999;
}

#headerNav a:hover {
	color:#EA2127;
}

.logo {
	margin:7px 0 0 0;
}

#headingContainer {
	background:url(images/backgrounds/heading_bg.gif) repeat-x #EA2127;
	height:40px;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 5px;
}

.headingLogo {
	float:right;
	margin:0 34px 0 0;
}


/* Main Navigation */

#mainNav {
	height:27px;
	font-size:15px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 17px;
}

#mainNav li {
	list-style:none;
	display:inline;
	padding:1px 12px;
	border-right:1px solid #EF5256;
}

#mainNav li.last {
	border:none;
}

#mainNav a {
	color:#fff;
}

#mainNav a:hover {
	color:#fff;
	text-decoration:underline;
}


/* Right Col */

#rightCol {
	float:right;
	width:250px;
	padding-top: 30px;
	padding-right: 37px;
	padding-bottom: 0;
	padding-left: 0;
}

#rightColIndex {
	float:right;
	width:310px;
	padding-top: 30px;
	padding-right: 37px;
	padding-bottom: 0;
	padding-left: 0;
}

#rightCol h3 {
	padding:0 0 0 18px;
}

.rightColIMG {
	margin:0 0 15px 0;
}

#rightCol h3.rcListHeading {
	background:url(images/backgrounds/grey_box_top.gif) no-repeat #EBEBEB;
	font-size:18px;
	font-weight:bold;
	padding:15px 20px;
	margin:0;
}

.rcList {
	background:url(images/backgrounds/grey_box_bottom.gif) bottom left no-repeat #EBEBEB;
	font-size:12px;
	color:#333333;
	padding:0 0 10px 20px;
}

.rcList li {
	background:url(images/spacers/list_dot_bg.gif) no-repeat 0 7px;
	padding:0 0 7px 15px;
	list-style:none;
}

.blogMenu {
	margin:0 0 15px 0;
}

.blogMenu li {
	background:none;
	padding:0 0 7px 0;
}

.blogMenu li a {
	color:#333333;
}

.blogMenu li a:hover {
	color:#EA2127;
}


/* Content */

#contentIndex {
	width:920px;
	float:left;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}

.contentIndex li {
	background:url(images/spacers/list_dot.gif) no-repeat 0 7px;
	padding:0 0 2px 15px;
	list-style:none;
}


#content {
	width:600px;
	float:left;
	padding: 25px 0 10px 35px;

}
#content .research{
	width:400px;
	float:left;
	
}

#contentNoRC {
	margin:25px 35px 10px 35px;
}

.content p, .content table {
	margin:0 0 18px 0;
}

.content a, .whyQB a {
	text-decoration:underline;
}

.content a:hover, .whyQB a:hover {
	text-decoration:none;
}

.content li {
	background:url(images/spacers/list_dot.gif) no-repeat 0 7px;
	padding:0 0 2px 15px;
	list-style:none;
}

#content p.newsSummary {
	margin:4px 0;
}

.howItWorksSteps {
	float:left;
	width:416px;
	font-size:12px;
	background:url(images/backgrounds/dash_across.gif) repeat-x;
	margin-top: 0;
	margin-right: -4px;
	margin-bottom: 0;
	margin-left: -6px;
	padding-top: 22px;
	padding-right: 15px;
	padding-bottom: 22px;
	padding-left: 10px;
}

.howItWorksSteps p, .howItWorksSteps h2 {	
	text-align:left;
}

.howItWorksSteps p {	
	height:70px;
}

.planTable td {
	background:#F4FAFB;
	border-left:1px solid #AEDEE4;
	border-bottom:1px solid #AEDEE4;
	padding:3px 0 3px 7px;
	vertical-align:middle;
}

.planTable td.headingLeft, .planTable td.headingRight, .planTable td.heading {
	background:url(images/backgrounds/table_corners_top.gif) no-repeat #F4FAFB;
	color:#57B6DD;
	font-weight:bold;
	border:none;
	border-bottom:1px solid #AEDEE4;
	padding:5px 0 5px 10px;
	width:136px;
}

.planTable td.rightCell {
	border-right:1px solid #AEDEE4;
	padding:3px 0 3px 15px;
	width:130px;
}

.planTable td.headingRight {
	background:url(images/backgrounds/table_corners_top.gif) no-repeat top right #F4FAFB;
	border-left:1px solid #AEDEE4;
	border-right:none;
}

.planTable td.footerLeft {
	background:url(images/backgrounds/table_corners_bottom.gif) no-repeat bottom left;
	border-left:none;
	border-bottom:none;
}

.planTable td.footerRight {
	background:url(images/backgrounds/table_corners_bottom.gif) no-repeat bottom right;
	border-right:none;
	border-bottom:none;
}

.pricingTable {
	background:url(images/backgrounds/price_table_bg.gif) repeat-y;
}

.pricingTable td.headingLeft, .pricingTable td.headingRight, .pricingTable td.headingMiddle {
	color:#000000;
	font-size:16px;
	width:170px;
	font-weight:bold;
	text-align:center;
	padding:5px 0;
}

.pricingTable td.headingMiddle {
	background:url(images/backgrounds/table_corners_top.gif) no-repeat top center #F4FAFB;
}

.pricingTable td.priceCell {
	padding:0;
}

.pricingTable td.priceDetails {
	padding:6px 0 9px 11px;
}

.planSize {
	font-size:14px;
	font-weight:bold;
}

.pricingTable ul {
	margin:7px 0;
}

.pricingTable li {
	background:url(images/spacers/tick.gif) no-repeat 0 2px;
	color:#808080;
	font-size:12px;
}



/* Online Enquiry Form */

.onlineEnquiryTable td {
	padding-bottom:5px;
}

.yourDetails {	
	padding:7px 0 0 0;
	height:30px;
	font-weight:bold;
	font-size:13px;
	color:#000000;
}

.requiredFields {
	text-align:right;
	padding:7px 0 0 0;
	font-size:11px;
}

.required {
	text-align:center;
	vertical-align:middle;
	padding-left:15px;
	padding-right:5px;
}

.onlineEnquiryTable input.textinput, .onlineEnquiryTable input.textinputhover, .onlineEnquiryTable textarea {
	width:380px;
}

input, textarea {
	font-family:"ËÎÌå", Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image:url(images/backgrounds/white.gif);
}

.textinput {
	border:1px solid #BABABA;
	padding:3px;
}

.textinputhover {
	border:1px solid #EA2127; 
	padding:3px;
}

.submit {
	text-align:right;
}

.errorText {
	color:#FF0000;
}


/* Content Footer */

#contentFooter {
	background:url(images/backgrounds/dash_across.gif) repeat-x;
	margin:0 25px 0 25px;
	padding:20px 0 0 0;
}

.leftFooter {
	float:left;
	width:290px;
	margin-left: 8px;
}

.leftFooter h3 {
	color:#000000;
	font-size:12px;
	font-weight:bold;
}

.leftFooter p {
	margin:10px 0 7px 0;
}

.leftFooter a {
}

.midFooter {
	width:300px;
	color:#000000;
	line-height:normal;
	float:left;
	font-size:12px;
	margin-left: 8px;
	padding: 8;
	background-repeat: no-repeat;
	background-position: left bottom;
}

.midFooter p {
	color:#000000;
	margin:5px 10px 10px 10px;
	line-height:16px;
}

.rightFooter {
	width:260px;
	line-height:normal;
	float:left;
	font-size:12px;
	margin-left: 8px;
	padding: 8;
	background-repeat: no-repeat;
	background-position: left bottom;
}

.rightFooter p {
	color:#000000;
	margin:5px 10px 10px 10px;
	line-height:16px;
}

.quoteName {
	font-weight:bold;
	color:#000000;
}

.supportlink {
	color:#333333;
	text-decoration: underline;
}
.supportlink:hover {
	text-decoration: underline;
}


/* Footer */

#footer {
	clear:both;
	background:url(images/backgrounds/container_bottom_bg.gif) no-repeat #EBEBEB;
	color:#999999;
	font-size:12px;
	line-height:70px;
	padding-top: 0;
	padding-right: 25px;
	padding-bottom: 0;
	padding-left: 10px;

}

#copy {
	float:right;
	text-align:right;
	line-height:20px;
	padding:20px 0 0 0;
}

.nbm {
	color:#333333;
}

.compassionLogo {
	margin:20px 0 0 0;
}
#contents {
	width:870px;
	float:left;
	padding: 0px 0 10px 45px;

}
.content_top
{
	width:100%;
}
.content_left
{
	width:50%;
	float:left;
}
.content_right
{
	width:50%;
	float:right;
}
.content_top
{
	width:100%;
	float:left;
	padding:20px 0px 0px 0px;
}