/*CSS RESET*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
strong { font-weight: bold; }
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/*GENERIC*/
.clear				{clear:both}
.floatL				{float:left}
.floatR				{float:right}
.margTop18			{margin-top:18px}
.bold			    {font-weight:bold}
.imgCta				{margin-bottom:9px}


/*

COLOURS USED:

DBLUE #0A3DA7
LBLUE #1582C3
GREY  #575660
*/



/*TEMPLATE CSS*/
BODY				{font-family:Arial, Helvetica, sans-serif; color: #575660}
BODY#subPage		{font-family:Arial, Helvetica, sans-serif; color: #575660}
UL LI A 			{}
A					{color: #0a3da7; text-decoration:none;}
A:HOVER				{color: #1582c3}
H1					{font-size:36px; font-weight:bold; padding-bottom:10px; margin-bottom:10px}
H2					{font-size:18px; font-weight:bold; padding-bottom:10px; margin-bottom:10px}
#h1Rules			{border-bottom:1px solid #575660; border-top:1px solid #575660; padding:27px 0 27px 0; margin-bottom:10px}

#breadcrumbRules	{border-bottom:1px solid #575660; border-top:1px solid #575660; padding:9px 0 9px 0; margin-bottom:10px}
#breadcrumbRules A	{color:#575660}
#breadcrumbRules A:HOVER {color:#000}

P					{font-size:12px; line-height:15px; margin-bottom:12px}
#footWrapper P			{font-size:11px; font-weight:bold; color:#fff}

#mainWrapperMargins	{width:955px; margin: 0 auto 0 auto}
#mainWrapper		{margin: 0 24px 0 24px}
#header 			{width:955px;}
#contact 			{margin:0 41px 0 0}
#clientLogin		{margin: 0 0 55px 0; padding-top: 5px; text-align: right;}
#contentWrapper		{padding:0 0 20px 41px; width:873px}

#column1Wrapper		{width:187px; margin:18px 27px 0 0}
#column1			{}
#column2Wrapper		{width:439px; margin:18px 27px 0 0}
#column2 img		{}
#subPage #column2Wrapper { width:70%; margin:18px 0 0 0}
#column3Wrapper		{width:187px; margin-top:18px}
#column3			{}

#navigationWrapper	{width:585px}
#navigationWrapper	UL {margin:33px 0 18px 41px} 
#navigationWrapper	UL LI {display:inline; padding:0 5px 0 5px; font-size:14px}
#navigationWrapper	UL LI.xNavBold {font-weight:bold}
#navigationWrapper	UL LI A {}

#footSpan			{background: #1582c3; min-height:100px}
#footWrapperMargins	{width:955px; margin:0 auto 0 auto; padding-top:30px}
#footWrapper		{}
#footBaseL { text-align: left; width: 475px; }
#footBaseR { text-align: right; width: 460px; }
#footWrapper ul li, #footWrapper ul li a { color: #FFF; font-size: 12px; }
#footWrapper ul li { display: inline; }
#footWrapper ul li a { text-decoration: none; margin: 0 5px; }
#footWrapper ul li a:hover { text-decoration: underline; }

#serviceWrapper {width: 187px; background: url(../images-tpl/servicebox_header.gif) top left no-repeat #1582c3;}
#serviceWrapper p { color:#fff; padding:36px 18px; font-size:14px; }
#serviceWrapper p a { color: #FFFFFF; text-decoration: underline; }
/*
#serviceWrapper	UL {padding:54px 0 36px 18px}
#serviceWrapper	UL LI {padding-top:18px; font-size:14px}
#serviceWrapper	UL A {color:#fff}
#serviceWrapper	UL A:HOVER {color:#a2dcff}
*/

.btnRepeat1, .btnRepeat2 {text-align:center; font-size:14px; color:#fff; height:31px; padding:20px 10px 20px 10px; font-weight:bold; margin-bottom:9px}
.btnRepeat1 {background:#1582c3}
.btnRepeat2 {background:#0a3da7}
.btnRepeat1 A, .btnRepeat2 A {color:#fff}
.btnRepeat1 A:HOVER, .btnRepeat2 A:HOVER {color:#a2dcff}

ul.bullets { list-style-type: disc; font-size: 12px; margin: 10px; }
ul.bullets li { margin: 20px; }

div#callbackWrapper { width: 233px; margin: 25px 0 0 92px; }
a#callbackLink { text-align: center; display: block; background-color: #D00000; color: #FFF; font-weight: bold; padding: 5px; margin: 0; }
a#callbackLink:hover { background-color: #0a3da7; }		
			
div#servicesMenu { border: 1px solid #1582C3; margin-bottom: 10px; }
div#servicesMenu h2 { background-color: #1582C3; color: #FFFFFF; font-weight: bold; margin: 0; padding: 5px; text-align: center; font-size: 16px; }
div#servicesMenu ul { background-color: #a2dcff; }
div#servicesMenu ul li { border-bottom: 1px dotted #1582C3; margin: 0; padding: 0; }
div#servicesMenu ul li a  { display: block; width: 165px; line-height: 18px; padding: 10px; color: #575660; font-weight: bold; font-size: 12px; }
div#servicesMenu ul li a:hover { background-color: #1582C3; color: #FFFFFF; }

div.errorMsg { color: #FF0000; font-weight: bold; }

.padimg {margin:5px 0 5px 10px;}
