/* Generic */

body {margin:0; padding:0; text-align:center; font-family: Verdana, Geneva, sans-serif; font-size:0.75em; color:#666666; line-height:2.2em;}
a { color:#000; border:0px;}
small { font-size:11px; color:#999; padding:0 10px 10px 0; clear:both; width:90%; text-align:right; float:right;}
.clearboth { clear:both; width:100%; padding:10px 0 10px 0;}
.leadingpara { float:left; font-size:1.2em; line-height:1.6em; width:100%; }
h1 { font-size:1.5em; font-weight:lighter; letter-spacing:0px; color:#000; padding:0 0 15px 0; text-transform:uppercase;}
	h1  span { color:#d80219;}
h2 { font-size:1em; font-weight:bold; letter-spacing:-1px; color:#000; padding:0 0 15px 0; text-transform:uppercase;}

p { width:100%; padding-bottom:15px;}
.leadingpara { font-size:1.6em; font-family:Georgia, "Times New Roman", Times, serif;}

.whitebak { background:#FFF;}
.floatleft { float:left;}
.padding10 { padding:20px;}

.aligncenter { text-align:center;}
.alignright { text-align:right;}
.marginright {float:right; text-align:right;}
.marginright img { margin:10px 20px 0 0;}

.grey { color:#CCC;}
.halfwidth { width:460px; padding:20px; float:left;}

.indent { margin:0 0 0 310px;}
.floatleft_bot { width:100%; float:left; clear:both; text-align:center; margin-bottom:20px;}
.floatleft_bot span { color:#d80219; font-weight: bold;}
.floatleft_bot { color:#CCC;}
.floatleft_bot-img  { width:100%; float:left; clear:both; text-align:center; margin:20px 0 20px 0;}
.floatleft_bot-img img { float:left;}
.contentlist { margin:0 0 20px 0;}
.contentlist li { list-style:disc; margin:0 0 0 30px;}
.margintop15 { margin:15px 0 0 0;}

.indent  {margin:0 0 0 0px;}
.indent a { padding:0px 0 0 30px; color:#666;}

.marginright200 { float:left;}
.marginleft { margin:5px 0 0 80px;}

/* Layout */

	.center { width:1000px; margin:0 auto;}
	.centercontent {width:978px; padding:12px; margin:0 auto; border-bottom:4px solid #e2001b;}

	#header {height:38px; width:100%; color:#fff; background:url(../_images/headerbak.jpg); text-align:center;}				
	#navigation {height:80px; width:100%; color:#fff; background:url(../_images/navbak.jpg);}				
	#mainbanner { margin:0 0 0 0px; position:relative; width:100%; height:224px; float:left;}	
			
	#maincontent {  width:100%; float:left; min-height:400px; background:url(../_images/mainbak.gif);}

		.maincontent_c1 { width:305px; padding:10px; float:left;}
		.maincontent_c2 { width:305px; padding:10px;  float:left; background:#f6f6f6;}
		.maincontent_c3 { width:305px; padding:10px;  float:left;}		

	.maincontent_c1_inner { width:260px; margin:0px 20px 30px 20px;  font-size:1.6em; float:left; font-family:Georgia, "Times New Roman", Times, serif;}
		.maincontent_c1_inner span { font-size:0.6em; width:100%; float:left; clear:both; color:#d80219;}
		.maincontent_c1_inner  p { background:#eee; padding:10px; margin:30px 0 0 0; float:left;}
		.maincontent_c1_inner  a { text-decoration:none; font-size:0.7em; font-family:Verdana, Geneva, sans-serif;}
		.maincontent_c1_inner  a:hover { color:#d80219;}
		.maincontent_c1_inner  .selected a { color:#d80219;}
		.maincontent_c1_inner li { border-bottom:1px solid #eee; padding:5px 0 5px 0; width:280px; float:left;}
	.maincontent_c2_inner { width:620px; float:left; background:#FFF; margin:0 0 0 20px; clear:right} 
	.maincontent_c2_inner { width:640px; float:left; background:#FFF; margin:0 0 0 30px; clear:right} 	
	* html .maincontent_c2_inner { width:620px; float:left; background:#FFF; margin:0 0 0 20px; clear:right} 	
		
#footer { width:100%; float:left;}



/* Element Positioning and images for specific pages */


#header .header_callback { position:absolute; float:left; margin:0 0 0 251px; top:0px;}	
.header-onlinebilling { position:absolute; float:left; margin:0 0 0 -40px; top:0px; left:50%;}

* html #header .header_callback { top:2px;}
.homebak { background:url(../_images/homebak.jpg); height:224px; float:left; width:100%;}

	.mainbanner_logo { position:absolute; float:left; margin:40px 0 0 10px;}
	.mainbanner_photo { position:absolute; float:left; margin:-75px 0 0 330px;}
			.mainbanner_photo_bb { position:absolute; float:left; margin:-75px 0 0 300px;}
	.mainbanner_strapline { position:absolute; float:left; margin:115px 0 0 650px;}
	.mainbanner_contact { position:absolute; float:left; margin:0 0 0 870px;}	
	.mainbanner_about { position:absolute; float:left; margin:0 0 0 742px;}	
	.mainbanner_blog { position:absolute; float:left; margin:0 0 0 614px;}	


.maincontent_frontbox { width:230px; padding:0 0 0 10px; float:left; min-height:130px;}
.maincontent_frontbox  p { line-height:1.5em; color:#999999; font-size:0.9em;}
.maincontent_frontbox  h2 { padding:0px;}
.maincontent_frontbox img { float:right; clear:both; display:block;}
.maincontent_frontbox a { text-decoration:none;}
.maincontent_frontbox a:hover { color:#666;}

.redblockright { background:#d80219; color:#FFF; padding:0px 5px 0px 5px; position:absolute; float:left; margin:-40px 0 0 670px;}
.redblock { background:#d80219; color:#FFF; float:left; display:block; width:auto; padding:2px; font-size:16px; margin:0 0 20px 0;}

.socialmedia {position:absolute; float:left; margin:-40px 0 0 904px; width:75px;}
.socialmedia img { margin:0 0 0 5px; float:left;}

.socialmediainner {position:absolute; float:left; margin:15px 0 0 904px; width:75px;}
.socialmediainner img { margin:0 0 0 5px; float:left;}

.brandlogos { position:absolute; margin:-1px 0 0 450px;}

	
/* Navigation */
			
		
		ul#topnav {margin: 0 auto; padding: 0; float:left;  list-style: none; font-size: 1em; width:415px;  position:absolute;  top: 44px;  left:50%; margin:0 0 0 -505px; display:inline; z-index:90;}
		ul#topnav li {float: left; margin: 0; padding: 0; position: relative; clear:right;}
		ul#topnav li a {float: left; text-indent: -9999px; height: 60px;}
		ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; }
	
		ul#topnav a.nav_home {background: url(../_images/navigation_01.jpg) no-repeat; width: 77px;}
			ul#topnav a.nav_homeselected {background: url(../_images/navigation_01.jpg) no-repeat; width: 77px; background-position: left bottom;}
				
		ul#topnav a.nav_products {background: url(../_images/navigation_02.jpg) no-repeat; width: 148px;}
			ul#topnav a.nav_productsselected {background: url(../_images/navigation_02.jpg) no-repeat; width: 148px; background-position: left bottom;}
			
		ul#topnav a.nav_about {background: url(../_images/navigation_03.jpg) no-repeat; width: 113px;}
			ul#topnav a.nav_aboutselected {background: url(../_images/navigation_03.jpg) no-repeat; width: 113px; background-position: left bottom;}	
			
		ul#topnav a.nav_services {background: url(../_images/navigation_04.jpg) no-repeat; width: 77px;}
			ul#topnav a.nav_servicesselected {background: url(../_images/navigation_04.jpg) no-repeat; width: 77px; background-position: left bottom;}	
			
	
		ul#topnav li .sub {position: absolute;	top: 58px; clear:both; width:240px; left: 0; margin:0 0 0 1px; background: #f5f5f5; padding:5px; float: left;  border-bottom:3px solid #d80219;  display: none;}
		ul#topnav li .row {clear: both; float: left;  width:240px; margin-bottom: 10px; text-align:center;}
		ul#topnav li .row ul li { float:left; width:240px; display:block; clear:both; height:30px;}
		ul#topnav li .sub .row ul a {text-align:left;}
		 
		
		ul#topnav li .sub ul{list-style: none; margin: 0; padding: 0; width: 240px; float: left;}
		ul#topnav .sub ul li { width:240px; float:left; color: #000;  text-align:center;}
	
		ul#topnav .sub ul li a {float: left	;  text-indent: 0; /*--Reset text indent--*/ height: auto; padding: 4px 5px 4px 12px; display: block; text-decoration: none; color: #000; text-transform:uppercase; font-size:0.9em;}
		ul#topnav .sub ul li a:hover {color: #d80219; background-position: 5px 12px ;}	
	


	ul#topnav_right {margin: 0 auto; padding: 0; float:left;  list-style: none; font-size: 1em; width:415px;  position:absolute;  top: 44px;  left:50%; margin:0 0 0 75px; display:inline; z-index:90;}
		ul#topnav_right li {float: left; margin: 0; padding: 0; position: relative; clear:right;}
		ul#topnav_right li a {float: left; text-indent: -9999px; height: 60px;}
		ul#topnav_right li:hover a, ul#topnav_right li a:hover { background-position: left bottom; }
	
		ul#topnav_right a.nav_home {background: url(../_images/navigation2_01.jpg) no-repeat; width: 104px;}
			ul#topnav_right a.nav_homeselected {background: url(../_images/navigation2_01.jpg) no-repeat; width: 104px; background-position: left bottom;}
				
		ul#topnav_right a.nav_products {background: url(../_images/navigation2_02.jpg) no-repeat; width: 67px;}
			ul#topnav_right a.nav_productsselected {background: url(../_images/navigation2_02.jpg) no-repeat; width: 67px; background-position: left bottom;}
			
		ul#topnav_right a.nav_about {background: url(../_images/navigation2_03.jpg) no-repeat; width: 128px;}
			ul#topnav_right a.nav_aboutselected {background: url(../_images/navigation2_03.jpg) no-repeat; width: 128px; background-position: left bottom;}	
			
		ul#topnav_right a.nav_services {background: url(../_images/navigation2_04.jpg) no-repeat; width: 116px;}
			ul#topnav_right a.nav_servicesselected {background: url(../_images/navigation2_04.jpg) no-repeat; width: 116px; background-position: left bottom;}	
			
	
		ul#topnav_right li .sub {position: absolute;	top: 58px; clear:both; width:240px; left: 0; margin:0 0 0 1px; background: #f5f5f5; padding:5px; float: left;  border-bottom:3px solid #d80219;  display: none;}
		ul#topnav_right li .row {clear: both; float: left;  width:240px; margin-bottom: 10px; text-align:center;}
		ul#topnav_right li .row ul li { float:left; width:240px; display:block; clear:both; height:30px;}
		ul#topnav_right li .sub .row ul a {text-align:left;}
		 
		
		ul#topnav_right li .sub ul{list-style: none; margin: 0; padding: 0; width: 240px; float: left;}
		ul#topnav_right .sub ul li { width:240px; float:left; color: #000;  text-align:center;}
	
		ul#topnav_right .sub ul li a {float: left	;  text-indent: 0; /*--Reset text indent--*/ height: auto; padding: 4px 5px 4px 12px; display: block; text-decoration: none; color: #000; text-transform:uppercase; font-size:0.9em;}
		ul#topnav_right .sub ul li a:hover {color: #d80219; background-position: 5px 12px ;}	

		.topnavicon { margin:0px 5px -5px 0;}
		
		
		
/* Forms */

 
fieldset {float:left; background:#eee; margin:0 0 20px 0;}
fieldset label { width:400px; clear:both; display:block;float:left; padding:0px 0 10px 0;}
fieldset input { float:left; padding:5px; background:#999; color:#fff; border:0px; padding:10px;}
fieldset li { width:80%; clear:both; padding:10px 0 0 15%;}
fieldset legend { display:none;}
.button { padding:10px; margin:10px 0 10px 0; font-size:1.5em; background:#d80219;}

  
.input { width:350px;}
.inputsmall { width:150px;}
.radiobuttons label { width:85%; display:block;  float:left;}