html, body {
margin:0;
padding:0;
width:100%;
}

body {
	background-color:#E6E6E6;
	font-family:"Trebuchet MS";
	font-size:11px;
	text-align:center;
width:100%;
}


h1 { /*used in right hand column panels only - not for content throughout the site*/
font-size:16px;
color:#4D4D4D;
font-weight:bold;
}

h2 { /*used in right hand column panels only - not for content throughout the site*/
padding:0;
margin:0;
font-size:14px;
font-weight:bold;
width:100%;
border-bottom:solid 1px #999999;
}

h3 {/*use for: blog headings*/
margin:0;
padding-bottom:4px;
padding-top:4px;
border-bottom:solid 1px #999999;
font-size:11px;
color:#4d4d4d;
}

h4.large_green{ 
font-size:16px;
color:#88B72C;
font-weight:bold;
margin:0;
padding:0;
}


h4.large_green a{ 
font-size:16px;
color:#88B72C;
font-weight:bold;
margin:0;
padding:0;
text-decoration: none;

}

h4.large_green a:hover{ 
font-size:16px;
color:#88B72C;
font-weight:bold;
margin:0;
padding:0;
text-decoration: underline;
}

span.large_green{ 
font-size:16px;
color:#88B72C;
font-weight:bold;
margin:0;
padding:0;
}

h4.medium_grey{ 
line-height:180%;
font-size:14px;
color:#4D4D4D;
font-weight:bold;
margin:0;
padding:0;
}

.float_left {
float:left;
margin:0px 20px 10px 0px;
}

.float_right {
float:right;
margin:0px 0px 10px 20px;
}
.centered {
width:100%;
text-align:center;
margin-left:auto;
margin-right:auto;
}

a {
color:#073c70;
}

p {
clear:both;
text-align:left;
font-size:11px;
color:#666666;
line-height:170%;
width: 650px;
}

p table tr td{
text-align:left;
font-size:11px;
color:#666666;
line-height:170%;
}

ul li{
list-style-image:url(images/list_bullet.gif);
line-height:170%;
}

table tr td img {
vertical-align:top;
}

span.small_black{ /*use for: blog ...more text*/
letter-spacing:1px;
text-align:right;
margin:0;
padding:0;
font-size:11px;
color:#000000;
font-weight:400;
}

span.light_grey{
color:#999999;
}

span.dark_grey {
color:#4D4D4D;
}

#top {
width:100%;
margin:0;
}

#wrapper {
width:930px;
margin: 0 auto;
}

#container_outer {
float:left;
width:930px;
height:auto;
background-color:#CCCCCC;
}

#container_inner {
float:left;
position:relative;
left:15px;
width:900px;
height:auto;
background-color:#FFFFFF;
}

#top_nav_holder { /*the light grey bg top part of the site - to position menu links, use #top_nav_links below*/
text-align:center;

	height:110px;
	width:100%;
	background-color:#F2F2F2;
	/*background-image:url(../top_nav_holder.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;*/
}

#top_nav_links {
padding-top:75px;
height:35px;
width:900px;
color:#000000;
margin-left:auto;
margin-right:auto;

}


table.topnav_table {
width:900px;
height:34px;
}

td.left_end {
background-color:#6c6e70;
background-image:url(images/menus/topmenu_left_end.gif);
height:34px;
width:51px;

}

table.topnav_table td a{
color:#FFFFFF;
font-family:"Trebuchet MS";
font-size:12px;
font-weight:400;
text-decoration:none;
text-align:center;
line-height:280%;
display:block;
text-align:center;
background-color:#6c6e70;
background-image:url(images/menus/topnav_link_bg.gif);
background-repeat:repeat-x;

border-right:solid 1px #666666;
padding:0px 15px 0px 15px;
width:auto;
height:34px;
}

table.topnav_table td a:hover{
background-color:#49494a;
background-image:url(images/menus/topnav_link_hover_bg.gif);
background-repeat:repeat-x;

}

td.home{
border-left:solid 1px #666666;
}



td.right_end {
background-color:#6c6e70;
background-image:url(images/menus/topmenu_right_end.gif);
height:34px;
width:51px;

}

#header {
height:167px;
width:900px;
background-image:url(images/headers/header.jpg);

}

.enquiry_button{
position:relative;
right:3px;
margin-top:133px;
float:right;
height:30px;
width:196px;
background-image:url(images/sign_up_on.jpg?56418151);
background-reapeat:no-repeat;
}


.enquiry_button a{
height:30px;
width:196px;
background-image:url(images/sign_up_off.jpg?1851531);
background-reapeat:no-repeat;
display: block;
}

.enquiry_button a:hover{
background:none;
height:30px;
width:196px;
display:block;
}

#header img{
margin:0;
border:0;
}

#left_menu {
float:left;
padding-top:3px;
width:143px;
background-image:url(images/content_bg.jpg);
background-repeat:repeat-x;
background-position:top;
border-right:solid 1px #eaeaea;
}

#sponsors {
margin-right:auto;
margin-left:auto;
text-align:center;
margin-top:15px;
width:100px;
height:auto;
border:solid 1px #4D4D4D;
padding:5px 3px 5px 3px;
}

#sponsors p{
font-size:10px;
color:#666666;
text-align:center;
}

#sponsors p a{
text-decoration:none;
font-size:10px;
color:#083A73;
text-align:center;
font-weight:bold;
}

#sponsors p a:hover {
text-decoration:underline;
}

#sponsors a img{
border:none;
}

table.left_nav_table {
background-color:#F2F2F2;
}

table.left_nav_table td a{ /*left navigation links*/

height:42px;
width:143px;
color:#666666;
font-family:"Trebuchet MS";
font-size:12px;
font-weight:400;
text-decoration:none;
text-align:left;
line-height:330%;
display:block;
/*border-bottom:solid 1px #eaeaea;*/

}

table.left_nav_table td a:hover{
width:100%;
background-color:#eeeeee;
background-image:url(images/menus/leftnav_link_hover_bg.gif);
background-repeat:repeat-x;

}

table.left_nav_table_lower {
margin-top:20px;
background-color:#4D4D4D;
}

table.left_nav_table_lower td a{ /*left navigation links - the three at the bottom*/

height:41px;
width:143px;
color:#EEEEEE;
font-family:"Trebuchet MS";
font-size:12px;
font-weight:400;
text-decoration:none;
text-align:left;
line-height:330%;
display:block;
border/*-bottom:solid 1px #646568;*/

}

table.left_nav_table_lower td a:hover{
width:100%;
background-color:#4D4D4D;
background-image:url(images/menus/leftnav_link_hover_lower_bg.gif);
background-repeat:repeat-x;

}


#content {
margin:0;
text-align:left;
background-color:#ffffff;
background-image:url(images/content_bg.jpg);
background-repeat:repeat-x;
background-position:top;
float:left;
width:755px;
padding-top:20px;
font-family:"Trebuchet MS";
}

#content p{

}

.content_block {
padding:10px 0px 15px 0px;
width:100%;
height:auto;
float:left;
border-bottom:1px dashed #CCCCCC;/*the border*/
margin-bottom:20px;
}

#one_column {
width:700px;
margin:10px;
text-align:left;
}


.eftpos_image{ /*these are for the pages that link from the homepage 'Learn More' buttons in the right hand column boxes*//*holds the image*/
float:left;
width:30%;
}

.eftpos_text{ /*these are for the pages that link from the homepage 'Learn More' buttons in the right hand column boxes*//*holds the text*/
float:right;
width:70%;
padding-bottom:15px;
}

/*ALL CSS FOR PARTS IN THE LEFT COLUMN OF THE HOMEPAGE OR OTHER 2 COLUMN PAGES STARTS HERE*/

.left_column {
text-align:left;
margin:0;
padding-left:20px;
padding-top:10px;
float:left;
width:359px;

}

.left_column p {

}

/*ALL CSS FOR PARTS IN THE LEFT COLUMN OF THE HOMEPAGE OR OTHER 2 COLUMN PAGES ENDS HERE*/



/*ALL CSS FOR PARTS IN THE RIGHT COLUMN OF THE HOMEPAGE OR OTHER 2 COLUMN PAGES STARTS HERE*/
.right_column {
text-align:left;
margin:0;
width:325px;
float:right;
border-left:solid 1px #999999;
}


table.blog { /*blog box in right hand column*/
margin-top:20px;
width:271px;
height:auto;
margin-left:25px;
}

table.blog tr.buttons_row td{
text-align:center;

}

table.blog tr.buttons_row td a{
text-align:center;
text-decoration:none;
font-size:11px;
font-weight:bold;
padding-top:2px;
}

table.offers { /*each box in right hand column*/
margin-top:15px;
width:271px;
height:auto;
margin-left:25px;
}

table.offers tr.buttons_row td{
text-align:center;

}

table.offers tr.buttons_row td a{
text-align:center;
text-decoration:none;
font-size:11px;
font-weight:bold;
padding-top:2px;
}

tr.top_row{
height:40px;
width:auto;
}

td.heading {
line-height:250%;
padding-top:9px;
}

tr.content_row td{
padding-right:7px;
padding-left:7px;
}

.content_box {
padding:10px 10px 20px 10px;
background-color:#f2f2f2;
border-top:solid 1px #666666;
border-left:solid 1px #666666;
border-right:solid 1px #666666;
border-bottom:none;
}
	
p.quote_box {
float:left;
margin-right:20px;
margin-top:0;
width:200px;
text-align:center;
padding:10px;
background-color:#f2f2f2;
border:solid 1px #666666;
}

table.content tr td{
/*border-bottom:solid 1px #666666;*/
text-align:left;
font-size:11px;
color:#666666;
line-height:170%;
}

table.tab02 {
margin-top:15px;
}

table.tab02 tr th{
/*border-bottom:solid 1px #666666;*/
text-align:center;
font-size:12px;
color:#ffffff;
background-color:#333333;
line-height:170%;
}


table.tab02 tr td{
border-bottom:solid 1px #666666;
text-align:left;
font-size:11px;
color:#666666;
line-height:170%;
}

table.tab02 img {
margin-left:auto;
margin-right:auto;
text-align:center;
}

table.tab03 {
width:400px;
}

td.divide{
text-align:center;
/*border-right:solid 1px #666666;*/
/*border-bottom:solid 1px #666666;*/
}



/* this is code for all the button parts of the panels down the right hand side of the homepage*/

.btn_view_blog a{
color:#f4f4f4;
line-height:300%;
float:left;
width:135px;
height:37px;
background-image:url(images/buttons/left_button_bg_grey.gif);
background-repeat:no-repeat;
}

.btn_view_blog a:hover{
background-image:url(images/buttons/left_button_bg_grey_hover.gif);
background-repeat:no-repeat;
}

.btn_blog_archive a{
color:#f4f4f4;
line-height:300%;
float:left;
width:135px;
height:37px;
background-image:url(images/buttons/right_button_bg_grey.gif);
background-repeat:no-repeat;
}

.btn_blog_archive a:hover {
background-image:url(images/buttons/right_button_bg_grey_hover.gif);
background-repeat:no-repeat;
}

/*GREEN BUTTONS*/

.btn_make_enquiry_green a{
color:#4d4d4d;
line-height:300%;
float:left;
width:135px;
height:37px;
background-image:url(images/buttons/left_button_bg_green.gif);
background-repeat:no-repeat;
}

.btn_make_enquiry_green a:hover{
background-image:url(images/buttons/left_button_bg_green_hover.gif);
background-repeat:no-repeat;
}

.btn_learn_more_green a{
color:#4d4d4d;
line-height:300%;
float:left;
width:135px;
height:37px;
background-image:url(images/buttons/right_button_bg_green.gif);
background-repeat:no-repeat;
}

.btn_learn_more_green a:hover {
background-image:url(images/buttons/right_button_bg_green_hover.gif);
background-repeat:no-repeat;
}

/*GREY BUTTONS*/

.btn_make_enquiry_grey a{
color:#F2F2F2;
line-height:300%;
float:left;
width:135px;
height:37px;
background-image:url(images/buttons/left_button_bg_grey.gif);
background-repeat:no-repeat;
}

.btn_make_enquiry_grey a:hover{
background-image:url(images/buttons/left_button_bg_grey_hover.gif);
background-repeat:no-repeat;
}

.btn_learn_more_grey a{
color:#F2F2F2;
line-height:300%;
float:left;
width:135px;
height:37px;
background-image:url(images/buttons/right_button_bg_grey.gif);
background-repeat:no-repeat;
}

.btn_learn_more_grey a:hover {
background-image:url(images/buttons/right_button_bg_grey_hover.gif);
background-repeat:no-repeat;
}

/* this is the END of the code for all the button parts of the panels down the right hand side of the homepage*/
/*ALL CSS FOR PARTS IN THE RIGHT COLUMN OF THE HOMEPAGE OR OTHER 2 COLUMN PAGES ENDS HERE*/

#footer {
float:left;
clear:both;
position:relative;
left:150px;
width:600px;
margin-top:40px;
margin-bottom:20px;
color:#666666;
font-size:11px;
background-color:#F2F2F2;
border:solid 1px #666666;
padding:10px;
}

#sidebar-1{
text-align:left;
padding:7px;
margin:0px;
list-style:none
}

#sidebar-1 div{
padding:0px;
margin:0px
}
#sidebar-1 div h4{
padding:0px;
margin:0px;
line-height:20px;
}

#sidebar-1 div ul{
margin-left:0px;
margin:0px;
padding:0px;
margin-bottom:15px;
list-style:none}

#sidebar-1 div ul li{
margin:0px;
padding:0px;
line-height:normal;
list-style:none
}

#sidebar-1 div ul li ul {
	margin:0px;
	margin-left:12px;
	line-height:normal;
	list-style-image:url(images/list_bullet.gif);
	list-style-position: inside;
}
#sidebar-1 div ul li ul li {
	margin:0px;
	padding:0px;
	line-height:18px;
	list-style-image:url(images/list_bullet.gif);
	list-style-position: outside;
}
#sidebar-1 div ul li ul li a {
	margin:0px;
	padding:0px;
	list-style-image:url(images/list_bullet.gif);
	list-style-position: outside;
	display:block
	
}
#sidebar-1 div ul li ul li a:hover {
text-decoration:none
	
}
/*////////////*/

#sidebar-2{
text-align:left;
padding:10px;
margin:0px;
list-style:none
}
#sidebar-2 div{
padding:0px;
margin:0px
}
#sidebar-2 h4{
padding:0px;
margin:0px;
line-height:18px;
}

#sidebar-2 ul{
margin-left:0px;
margin:0px;
padding-left:20px;
margin-bottom:20px;
list-style:none
}

#sidebar-2 ul li a{
margin-left:0px;
margin:0px;
line-height:normal;
list-style:none
}

#sidebar-2 ul li ul{
margin-left:0px;
margin:0px;
line-height:normal;
list-style:none
}

#sidebar-2 ul li ul li{
margin-left:0px;
margin:0px;
line-height:normal;
list-style:none
}

form {
width:500px}

textarea {
width:500px}