@charset "utf-8";
body {
	font-family:arial, sans-serif;
	font-size:small;
	color:#888888;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	background-color: #E2E2E2;
	height:100%; /* needed for container min-height */
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
}


A:link {text-decoration: underline;}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: none; color: #96C929;}




.oneColFixCtrHdr #container {
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #ffffff;
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto; /* all browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* all browsers */
	list-style-type: circle;
	list-style-position: inside;
}
.oneColFixCtrHdr #header {
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	z-index: 0;
	position: relative;
	background-image: url(images/shadow.jpg);
	height: 112px;
}


.oneColFixCtrHdr #headerhome {
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	z-index: 0;
	position: relative;

}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColFixCtrHdr #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
}
.oneColFixCtrHdr #footer {
	padding: 10; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#ffffff;
	bottom:0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	position: relative;
	height: 138px;
}

.ukaddress {
	text-align: right;
	padding: 10px;
	float: right;
	width: 200px;
	position: relative;
}

.usaddress {
	text-align: right;
	padding: 10px;
	float: right;
	width: 180px;
	margin-right: 20px;
}

.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}


img {
    border: none;
} 


h1 { 
	font:2em tahoma,san-serif; 
	margin:0.5em 0;

}

h2 {
	font:1.5em tahoma,san-serif; 
	margin:0.5em 0 0.5em;
}

h3 {
	font:0.8em arial,san-serif; 
	margin:0.5em 0 0.5em;
}
	h1, h2, a {
		color:#5490c0;
		font:bold;
	}

p {
	line-height:1.5;
	margin:0 0 1em;
	
	}


/* ________________________navigation bar________________________ */

.solidblockmenu{
	margin: 0;
	padding: 0;
	float: left;
	font: bold 13px Arial;
	width: 100%;
	background: black url(media/blockdefault.gif) center center repeat-x;
	border-top-width: 1px;
	border-right-width: 0;
	border-bottom-width: 1px;
	border-left-width: 0;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: transparent url(media/blockactive.gif) center center repeat-x;
}


p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
padding-top: 1em;
}

/* End ------------------------------------------*/




/*- Menu 10--------------------------- */
	
#menu10 {
	width: 200px;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #CCCCCC;
	}
	
#menu10 li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#menu10 li a:link, #menu10 li a:visited {
	color: #4D4D4D;
	display: block;
	background:  url(media/menu10.gif);
	padding: 8px 0 0 10px;
	}
	
#menu10 li a:hover {
	color: #FF9834;
	background:  url(media/menu10.gif) 0 -32px;
	padding: 8px 0 0 10px;
	}


ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	

	
/* End ------------------------------------------*/





/*-----------World Logo start----------- */

#logopos {
	position:absolute;
	left:647px;
	top:2px;
	z-index:999;
}
/*-----------World Logo end----------- */




/*-----------Gen logos image gallery----------- */

.gallerycontainer{
	position: relative;
	width: 740px;
	height:182px;
	background-image: url(media/module_bg.jpg);


/*Add a height attribute and set to largest image's height to prevent overlaying*/
}



/*-----------software logos images----------- */

.gallerycontainer2{
	
	width: 515px;
	height:165px;
	position: relative;


/*Add a height attribute and set to largest image's height to prevent overlaying*/
}


.thumbnail img{
	border: 1px solid white;
	margin-top: 0;
	margin-right: 9px;
	margin-bottom: 5px;
	margin-left: 0;
	float: left;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid #FFFFFF;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border: 1px solid #C8C8C8;
visibility: hidden;
color: #666666;
text-decoration: none;

}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;

}


.imageborder {
	padding: 3px;
	border: 1px solid #CCCCCC;
}


.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 528px; /*position where enlarged image should offset horizontally */
z-index: 50;
width:200px;
height:140px;
}


/*-----------Gen logos image gallery END----------- */


#bottomlogos_sep1 {
	height: 160px;
	width: 125px;
	padding-right: 5px;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #CCCCCC;
	position: absolute;
	text-align:right;

}

#bottomlogos_sep2 {
	height: 160px;
	width: 125px;
	padding-right: 5px;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #CCCCCC;
	position: absolute;
	margin-left:129px;
	text-align:right;

}
#bottomlogos_sep3 {
	height: 160px;
	width: 125px;
	padding-right: 5px;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #CCCCCC;
	position: absolute;
	margin-left:258px;
	text-align:right;

}
#bottomlogos_sep4 {
	height: 160px;
	width: 125px;
	position: absolute;
	margin-left:387px;
	text-align:right;

}
.price-plan {
	font-size: 11px;
}