@charset "utf-8";
/*  ----------------------------------------------------------------------------------- */
/*  This is the frontend CSS file for the text editor                                   */
/*  ----------------------------------------------------------------------------------- */
tr,td { /* this is already in the reset.css file, however it's also in this file to ensure the text editor displays table content properly */
	vertical-align:top;
}

/*  ----------------------------------------------------------------------------------- */
/*  Text styles                                                                         */
/*  ----------------------------------------------------------------------------------- */
html, body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color:#0d191d;
	text-align:justify;
}
p,ul,ol {
	margin-bottom: 15px;
	line-height: 18px;
}
a:link {
	text-decoration: underline;
	color: #007cb6;
}
a:visited {
	text-decoration: underline;
	color: #007cb6;
}
a:active {
	text-decoration: underline;
	color: #007cb6;
}
a:hover {
	text-decoration: underline;
	color: #007cb6;
}
sup {
	position:relative;
	bottom:0.3em;
	vertical-align:baseline;
}
sub {
	position:relative;
	bottom:-0.2em;
	vertical-align:baseline;
}
ul {
	margin-left: 16px;
	list-style: disc;
}
ol {
	margin-left: 16px;
	list-style: decimal;
}
strong, b {
	font-weight: bold;
}
em, i {
	font-style: italic;
}

/*  ----------------------------------------------------------------------------------- */
/*  Title styles                                                                        */
/*  ----------------------------------------------------------------------------------- */
h1 {
	font-size: 26px;
	color:#0d191d;
	line-height: 34px;
}
h1 a:link {
	text-decoration: underline;
	color:#0d191d;
}
h1 a:visited {
	text-decoration: underline;
	color:#0d191d;
}
h1 a:active {
	text-decoration: underline;
	color:#0d191d;
}
h1 a:hover {
	text-decoration: underline;
	color:#0d191d;
}


h2 {
	font-size: 19px;
	color: #007cb6;
	margin-bottom: 15px;
	line-height: 28px;
}
h2 a:link {
	text-decoration: underline;
	color: #007cb6;
}
h2 a:visited {
	text-decoration: underline;
	color: #007cb6;
}
h2 a:active {
	text-decoration: underline;
	color: #007cb6;
}
h2 a:hover {
	text-decoration: underline;
	color: #005881;
}



h3 {
	font-size: 14px;
	color: #007cb6;
	line-height: 22px;
	margin-bottom: 6px;
	background: transparent url(/file/dotted-line-gif) repeat-x bottom;	
}
h3 a:link {
	text-decoration: underline;
	color: #007cb6;
}
h3 a:visited {
	text-decoration: underline;
	color: #007cb6;
}
h3 a:active {
	text-decoration: underline;
	color: #007cb6;
}
h3 a:hover {
	text-decoration: underline;
	color: #005881;
}



h4 {
	font-size: 12px;
	color: #007eb7;
	line-height: 22px;
}
h4 a:link {
	text-decoration: underline;
	color: #007eb7;
}
h4 a:visited {
	text-decoration: underline;
	color: #007eb7;
}
h4 a:active {
	text-decoration: underline;
	color: #007eb7;
}
h4 a:hover {
	text-decoration: underline;
	color: #007eb7;
}



h5 {
	font-size: 13px;
	color: #007eb7;
	line-height: 16px;
	margin-bottom: 5px;
}
h5 a:link {
	text-decoration: underline;
	color: #007eb7;
}
h5 a:visited {
	text-decoration: underline;
	color: #007eb7;
}
h5 a:active {
	text-decoration: underline;
	color: #007eb7;
}
h5 a:hover {
	text-decoration: underline;
	color: #007eb7;
}



.highlight { /* This is to highlight the phone number blue - for the customer area the colour is changed in the template */
color: #007cb6;
}
.phone-title {
	font-weight: bold;
	text-transform:uppercase;
	color: #0d1516;
	font-size: 10px;
}
.phone-number {
	font-weight: bold;
	text-transform:uppercase;
	color: #008ad8;
	font-size: 10px;
	line-height: 7px;
}