/**
 * Global Styles Follow
 */
body{
	background-color: #FFF;
	border:0px;					/* Border should be 0 */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight:normal;
	color:#4F5254;					/* ### Website font color ### */ 
	font-size: 100%;
	text-align:center;
	margin: 0em;
}

table {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 100%;
}

h1 { font-family: times new roman, times, serif; font-size: 180%;margin: 0px;padding: 0px; color: #000; }
h2 { font-family: times new roman, times, serif; font-size: 135%;margin: 0;padding: 0px; color: #404C70; }
h3 { font-family: times new roman, times, serif; font-size: 105%;margin: 3px 0px 0px 0px;padding: 0px; }
h4 { font-size: 100%;margin: 0px;padding: 0px; }
h5 { font-size: 85%;margin: 5px;padding: 0px;  }
h6 { font-size: 70%;margin: 5px;padding: 0px;  }
h7 { font-size: 55%;margin: 5px;padding: 0px 0 0 10px; text-decoration: underline;}


/*
h2 {
	color: #5B564E;
	margin: 0em 0em 10px 0em;
}
*/
h4.ego_pageHeading{
	margin: 0px 5px 20px 5px;
}

label{
	cursor: pointer;
	font-size: 80%;
	color: #000;
}

em {
	font-weight: bold;
}

/**
 * Non-global Styles Follow
 */

#ego_rootContainer {
	color: #000;
	text-align:left;
	margin: 12px auto;
	padding: 0px;
	width:751px;		/* ### Width of a page. Should be always 773px ### */
}
/* hack for ie \*/
* html #ego_rootContainer {  }
/* end hack */

#ego_splash {
	margin: 0em;
	margin-top: 104px;
	float: left;
	width: 480px;
	height: 449px;
	background: url(../images/spalsh.jpg) no-repeat;
	border: 40px solid #ACB0B5;
}
/* hack for ie \*/
* html #ego_splash { 
/*	width: 562px;
	height: 533px;*/
}

#ego_splash a#enter {
	position: relative;
	display: block;	
	left: 308px;
	top: 350px;
	width: 72px;
	height: 12px;
}

#splashtext1 {
	font-size: 80%; 
	margin: 1em 10px 0.25em 10px; 
	color: #000;
}

#splashtext2 {
	font-size: 80%; 
	margin: 0.5em 10px 0em 10px; 
	color: #000;			
}
/* hack for ie \*/
* html #splashtext1, * html #splashtext2 {
/*	font-size: 70%;*/
	
}
/* end hack */


#ego_leftColumn {
	margin: 0em;
	float: left;
	width: 562px;
}

#ego_splashrightColumn {
	margin-top: 104px;
	padding-top: 86px;
	float: right;
	width: 188px;
	height: 443px;
	background-color: #ACB0B5;
	line-height: 80%;
}
/* hack for ie \*/
* html #ego_splashrightColumn { 	height: 443px; }
/* end hack */

#ego_rightColumn {
	margin-top: 104px;
	padding-top: 86px;
	float: right;
	width: 188px;
	height: 449px;
	background-color: #ACB0B5;
	line-height: 80%;
}
/* hack for ie \*/
* html #ego_rightColumn { 	height: 476px; }
/* end hack */

/**
 * Header Section
 */
#ego_header {
	height: 121px;
	margin: 0px;
}

#headerLogo {
/*	position: relative;*/
	display: block;
	margin-left: 16px;
	margin-top: 86px;
	width: 107px;
	height: 17px;
	z-index: 1;
	float: left;
}
#headerLogo img, #headerFlame img { border: none; }

#ego_speedBarArea {
	margin: 0em;
	padding: 0em;
	background-color: #B9BEC0;
	height: 19px;
	border-bottom: 1px solid #FFF;
}
/* hack for ie \*/
* html #ego_speedBarArea {
	height: 20px;
}
/* end hack */

/**
 * Speed Bar (main navigation)
 */
#ego_speedBar {
	margin: 0em;
	padding: 0em;
	list-style: none;
	height: 20px;
}

#ego_speedBar li {
	float: left;
	margin: 0em;
	padding: 0em;
	border-right: 1px solid #FFF;
}

#ego_speedBar li:hover {
	background-color: #E0E0DE;
}

/**
 * Speedbar text styles 
 */
#ego_speedBar li a {
	display: block;
	margin: 0px 0 0px 0em;
	padding: 0px 1.5em 0px 1.5em;
	text-decoration: none;
	font-size: 70%;
	line-height: 20px;
	color: #000;
}
/* hack for ie \*/
* html #ego_speedBar li a { line-height: 18px; }
/* hack for ie */

#ego_speedBar li a:hover, #ego_speedBar li.selected a {
	color: #FFF;
}

ul#ego_categoriesSideNav {
	margin: 24px 0em 0em 16px;
	padding: 0em;
	list-style: none;
	font-size: 70%;
}

ul#ego_categoriesSideNav li a {
	text-decoration: none;
	color: #000;
}

ul#ego_categoriesSideNav li.selected a, ul#ego_categoriesSideNav li a:hover {
	color: #FFF;
}

/**
 * Center Column Section
 */
.ego_centerColumn {
/*	float: left;*/
	color: #4F5254;
	height: 457px;
	margin: 0em;
	padding: 16px 16px 0em 16px;
	border-top: 3px solid #B8BDC0;
	font-size: 65%;
	line-height: 115%;
	border-bottom: 3px solid #B2B6B8;
}

/* Hides from IE-mac \*/
* html .ego_centerColumn {height: 479px;}
/* End hide from IE-mac */

/**
 * Clear floats for all good and rightious browsers
 */
.ego_centerColumn:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.ego_centerColumn iframe { margin: 0em; padding: 0em; }

#contentgallery #productContent {
/*	width: 512px; */
/*	height: 233px;*/
	margin: 16px 0px 16px 0px;
}

#contentgallery #thumbnails {
	margin: 8px 0 0 0;
}

#contentgallery #thumbnails img {
	margin: 0em 17px 8px 0em;
	padding: 0em;
	cursor: pointer;
	cursor: hand;
	display: block;
	float: left;
}

#fullsize { cursor: pointer; cursor: hand; }

#contentgallery img.editable, #contentgallery .editable img {
	border: 1px solid #F60;
}


/**
 * Footer Section
 */
#ego_footer {
	position: relative;
	height: 15px;
	background-color: #E0E0DE;
	margin: 0em;
	padding: 0em 0em 2px 0em;
	border-top: 2px solid #FFF;
}
/* hack for ie \*/
* html #ego_footer {
	height: 19px;
}
/* end hack */


#ego_footer div {
	margin: 0em;
	padding: 0en;
	line-height: 18px;
	font-weight: none;
	font-size: 65%;
	color: #000;
}

#ego_footer span {
	float: right; 
	margin-right: 1em;
}
#ego_footer a { 
	color: #000;
	margin-left: 1em; 
}

#ego_egoPowered {
	color: #000;
	text-align:right;
	margin: 0px auto 0em auto;
	padding: 0px 30px 0px 3px;
	width:725px;
	font-size: 70%; 
}

/* hack for ie \*/
* html #ego_egoPowered { width: 758px; }
/* end hack */

#ego_egoPowered a {
	text-decoration: none;
	color: #999999;	/* 010080 */
}

/**
*	Search styles
*/

#ego_searchTitle{
	margin: 0px;
	padding: 0px;
	background-color: #DDDDFF;
}

ul#ego_searchResultsList{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

li.ego_searchResult{
	margin: 0px;
	padding: 10px;
}

li.ego_searchResultColor{
	margin: 0px;
	padding: 10px;
	background-color: #DDDDDD;
}

a.ego_searchItemTitle:link{
	text-decoration: none;
	font-weight: bold;
	font-style: italic;
	font-size: 110%;
	color: #0000FF;
}

a.ego_searchItemTitle:visited{
	text-decoration: none;
	font-weight: bold;
	font-style: italic;
	font-size: 110%;
	color: #0000FF;
}

a.ego_searchItemTitle:hover{
	text-decoration: underline;
	font-weight: bold;
	font-style: italic;
	font-size: 110%;
	color: #0000AA;
}

.ego_searchItemDescription{
	margin: 0px;
	padding: 0px;
	color: #000000;
	font-size: 100%;
}

.ego_searchItemLink{
	margin: 0px;
	padding: 0px;
	color: #00aa00;
	font-size: 90%;
}

/**
*	Mini Search 
*/

#miniSearch{
	font-size: 100%;
	margin: 0px;
	padding: 1em 0em 1em 1em;
}
/* hack for ie \*/
* html #miniSearch { padding-bottom: 0em; }
/* hack for ie */

#miniSearch label{
	color: #000;
	font-size: 80%;
	position: relative;
}

#ego_searchButton{
	width: 30px;
 	height: 20px;
	float: left;
	padding: 0px;
	margin: 0px;
}

#miniSearch input { 
	float: left; 
	margin-right: 0.3em;
}

#txtSearch{
	width: 100px;
}

/**
 * Enquiry form field styling
 */

.ego_pageDescription{
	margin: 10px 5px 10px 15px;
	color: #333333;
	font-size: 90%;
}

#ego_formDisplay .text{
	width: 150px;
}

#ego_formDisplay .textarea{
	width: 150px;
	height: 100px;
}

#ego_formDisplay .radio{

}

#ego_formDisplay .checkbox{

}

#ego_formDisplay .selectlist{
	width: 155px;
}

#ego_formDisplay .numeric{
	width: 150px;
}

#ego_formDisplay .currency{
	width: 150px;
}

#ego_formDisplay .date{
	width: 115px;
}

#ego_formDisplay .dateButton{
	width: 30px;
}

#ego_formDisplay .email{
	width: 150px;
}

#ego_formDisplay .phone{
	width: 150px;
}

.ego_formErrorMessage{
	font-size: 80%;
}

/**
 * News article styles
 */

div#ego_pageBody{
	margin: 0px;
	padding: 0px;
}

h3#ego_newsTitle{
	margin: 5px 0px 5px 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 90%;
}

span#ego_newsDate{
	font-size: 80%;
	margin-bottom: 20px;
}

div.ego_newsContent{
	margin: 20px 0px 10px 0px;
	font-size: 90%;
}

span#ego_newsAuthors{
	font-size: 70%;
	color: #777777;
}

/**
 * Global Classes Follow
 */

input {
	background-color: #FFF;
	border: 1px solid #A5ACB2;

}

/**
 * Used in debug.tpl 
 */
#ego_debugInfo {
	text-align: center; 
	color: #000; 
	font-weight: bold;
}

/**
 * Used for displaying serious alert messages (such as invalid login, unauthorised access, etc)
 */
.ego_alertMessage {
	font-weight: bold;
	color: #F60;
}

/**
 * Used for displaying notification messages
 */
.ego_notifyMessage {
	font-weight: bold;
}

/**
 * Used to clear floats
 */
.ego_floatClearer {
	height: 0em;
	clear: both;
	visibility: none;
}

/**
 * Dynamic form field styling
 */

#ego_formDisplay{
	width: 530px;
	margin: 10px;
}

#ego_formDisplay .ego_formLabel{
	width: 150px;
	vertical-align: top;
	padding-top: 7px;
	font-size: 80%;
	font-weight: normal;
}

#ego_formDisplay .text{
	width: 150px;
}

#ego_formDisplay .textarea{
	width: 150px;
	height: 100px;
}

#ego_formDisplay .radio{

}

#ego_formDisplay .checkbox{

}

#ego_formDisplay .selectlist{
	width: 155px;
}

#ego_formDisplay .numeric{
	width: 150px;
}

#ego_formDisplay .currency{
	width: 150px;
}

#ego_formDisplay .date{
	width: 115px;
}

#ego_formDisplay .dateButton{
	width: 30px;
}

#ego_formDisplay .email{
	width: 150px;
}

#ego_formDisplay .phone{
	width: 150px;
}

#ego_formDisplay .password{
	width: 150px;
}

#ego_formDisplay .ego_formSeperator{
	font-weight: bold;
	color: #000;
	font-size: 70%;
	background-color: #DDDDDD;
}

.ego_formErrorMessage{
	font-size: 80%;
	width: 200px;
}

.ego_formErrorMessage .requiredField{
	color: #FF0000;
	text-align: left;
	width: 200px;
}

.exceedErrorPopup {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 250px;
	height: 250px;
	margin-left: -125px;
	margin-top: -125px;
	padding: 0em;
	background-color: #ABABBB;
	border: 2px outset #898989;
}

.exceedErrorPopup span#title {
	color: #F60;
	font-weight: bold;
}

.exceedErrorPopup span#severity {
	color: #F60;
}

.exceedErrorPopup div#message {
	width: 250px;
	height: 180px;
	margin-bottom: 1em;
	overflow: auto;	
}

img.map {
	float: left; 
	clear: left; 
	margin: 0 1em 0 0;
	padding: 0em;
	border: none;
}

.threepicturelayout {
	margin: 0em;
	padding: 0em;
}

.threepicturelayout img#mainPic {
	padding-right: 15px; 
/*	width: 337px; 
	height: 165px; */
	float: left;
}

.threepicturelayout img.smallerPic {
	float: left;
}