@charset "utf-8";
/* CSS Document */
@import url(menus.css);
@import url(header.css);
@import url(forms.css);
@import url(footer.css);
@import url(feedback.css);
@import url(articles.css);
@import url(product-box.css);
@import url(results-tables.css);
/**** Colour Swatches
#a2cdf5 = light blue - bottom of html bg gradient
#384d72 = dark blue - border of content bg
#e4effa - light grey - bg of main content
##bdd9f4 - nice blue - used in underlining menu items
*****/

.img{border: 2px #e4effa solid;}


html {
	background-image:url(/images/html_bg.gif);
	background-repeat:repeat-x;
	background-color:#a2cdf5;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

body {
	margin:0px;
	padding:0px 0px 10px 0px;
}

h1{ font-size:20px; margin-bottom:5px;}
h2{ font-size:16px;}
h2.key-feature{color:#3861b3;}

ul{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-left: 0;
}

ul li{
	background-image:url(/images/icon-arrow-blue.gif);
	background-position:left 8px;
	background-repeat:no-repeat;
	padding:3px 0px 3px 15px;
}

#content_bg{
	margin:10px auto 30px auto;
	width:806px;
	/*background-color:#f5f5f5;
	background-color: #d5e7fa;*/
	background-color:#FFFFFF;
	border:1px #384d72 solid;
}

#main-bar{
	background-color:#3861b3;
	color:#FFFFFF;
	font-size:14px;
	width:760px;
	margin:auto;
	padding:5px 20px 5px 20px;
	border: 1px #e4effa solid;
}

#main-bar #breadcrumbs{ float:right;}
#main-bar #keywords{ float:left;}

#main-content{
	width:800px;
	margin:auto;
	padding: 10px 0px 10px 0px;
	margin-bottom:20px;
}

#main-content #column-1, #main-content #column-3, #main-content #column-2, #main-content #column-2-big, #main-content #column-2-medium{ float:left;}
#main-content #column-1{ width:150px;}
#main-content #column-2{ width:390px; margin-left:11px; padding:3px;}
#main-content #column-2-medium{ width:525px;margin-left:11px; padding:0px 10px 0px 10px;} /*used with column 3 and not 1*/
#main-content #column-2-big{ width:610px;margin-left:11px; padding:0px 10px 0px 10px;} /*used with column 1 and not 3*/
#main-content #column-3{ width:220px; margin-left:11px;}

.info-block-outer{
	margin-top:10px;
	border:1px #3861b3 solid;
	padding:3px;
	background-color:#bdd9f4;
}
.info-block{
	background-color:#e4effa;	
	clear:both;
}

.info-block .heading{
	padding:4px 6px 4px;
	background-color:#3861b3;
	color:#e4effa;
}

.info-block .content{ padding: 5px;}
.info-block .content ul{ padding-left:15px;}
.info-block li{ margin:5px 0px 5px 0px;}
.info-block-outer{ width:210px;}
.info-block .heading{ width:198px;}


#column-1 .info-block-outer{ width:150px; overflow: hidden; }
#column-1 .info-block .heading{ width:138px;}

#info-boxes-floated-right{ float:right; margin:0px 0px 10px 10px;}




#addthis{ float: right;}

#breadcrumbs{
	/*position:absolute;
	top:140px;
	left:480px;
	text-align:right;
	width: 300px;
	color:#d5e7fa;*/
	color:#3861b3;
}

#breadcrumbs a{
	/*text-decoration:none;
	color:#d5e7fa;*/
	color:#3861b3;
}


/****************************************/
/********* MESSAGE BOXES ****************/
.success-message,
.error-message {
	width: 30em; /* default */
	margin:15px auto 15px auto;
	border: solid 1px;
	padding: 1em 0.75em;
	text-align: center;
}


.notice-box-blue{
	border:1px #3861b3 solid;
	background-color:#e4effa;
	text-align:center;
	margin:20px 0px 20px 0px;
	padding:10px;
	font-size:14px;
	font-weight:bold;
	color:#3861b3;
}


/*********************************/
.success-message {
	border-color: #7c7;
	background: #cec;
}

.error-message {
	border-color: #c77;
	background: #ecc;
}

/****** INFO TABLE *****/
.info-table{ width:100%;}
.info-table td, .info-table th{
	text-align:left;
}
.info-table td{
	padding-left:20px;
}

/***********************/

.newsletter-form input{
	width: 130px;
	margin-top:5px;
	font-size:11px;
}

.newsletter-form .submit-button, .submit-button{
	float:right;
	background-color:#bdd9f4;
	border-bottom:1px #3861b3 solid;
	border-right:1px #3861b3 solid;
	border-left:1px #7d8fb3 solid;
	border-top:1px #7d8fb3 solid;	
	color:#3861b3;
	padding:2px 5px 2px 5px;
	width:100px;
}

a.submit-button{
	text-decoration:none;
	color:#3861B3;
	width:auto;
	font-size:11px;
}

.hidden-info-layer{
	position:absolute; 
	left:0px; 
	top:18px; 
	background-color:#ffffff; 
	padding:5px; 
	border-left:1px #3861b3 solid;
	border-top:1px #3861b3 solid;
	border-bottom:3px #3861b3 solid;
	border-right:3px #3861b3 solid;
	width:200px;
	z-index:10;
}

.close-cross{
	float:right; 
	margin:3px 3px 0px;
	cursor: pointer;
}

.keyword-cloud a{
	text-decoration:none;
	padding:5px;
	margin:10px;
}
.keyword-cloud a:hover{
	background-color:#52a3f4;
	color:#e4effa;
}


.faqs .answer{
	background:#ffffff;
	border-left:1px #3861b3 solid;
	border-top:1px #3861b3 solid;
	border-bottom:3px #3861b3 solid;
	border-right:3px #3861b3 solid;
	margin-bottom:10px;
	padding:10px;
}

#contact-table tr{ background-color:#f8f8f8;}