html { font-size: 100%; /* IE hack */ }
table { font-size: 100%; /* IE hack */ }

body{
    font-family:"Trebuchet MS";
	font-size: 1em; 
 	margin:0px;
  	padding:0px;
	background-color:#D0D0D0;
}

td,div,select{
	font-size: 100%; /* IE Hack */
	color:#4F4F4F;
}

 .input{
  		width:197px; height:18px; 
		background-color:#FFFFFF; 
		font-size: 100%;
    	font-family:"Trebuchet MS";
		color:#7B7979;
		margin:0px;
		padding:0 0 0 5px;
}

 .textarea{
  		width:197px; height:84px; 
		background-color:#FFFFFF; 
		font-size:11pt;
    	font-family:"Trebuchet MS";
		color:#7B7979;
		margin:0px;
		padding:0 0 0 5px;
		overflow:auto;
}

/* decorative marker colours */
.marker {
	height:1.5em; /* set the height in ems so it varies with font size */
}

.more_bullet {
	height: 0.8em; /* set the height in ems so it varies with font size */
	vertical-align: middle;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

.marker-red {
	color: #AF7262;
}
.marker-green {
	color: #88AE63;
}
.marker-blue {
	color: #639FAE;
}
.light_panel_colour {
	background-color:#e9e9d8;
}

.dark_panel_colour {
	background-color:#d7d7d7;
}

a.blue_10:hover{text-decoration:none;}
a.black:hover{text-decoration:none;}
a.green:hover{text-decoration:none;}
a.t1:hover{text-decoration:none;}
a.blue:hover{text-decoration:none;}
a.blue2:hover{text-decoration:none;}
a.q1:hover{text-decoration:underline;}
a.white:hover{text-decoration:underline;}
a.t2:hover{text-decoration:none;}

/* GSS template styles */

/* --------------------------------------------------------------- */
/*                      header positioning                         */
/* --------------------------------------------------------------- */
/*
#body {
	position: absolute;
	height: 60em;
	width:40em;
	left: 0em;
	top: 0px;
}

#mainheader {
	position: absolute;
	z-index: 1;
	height: 20em;
	left: 10em;
	top: 0em;
}
*/


/* the following two styles are alternatives, selectable as
   parameters of the base_template:
   main_panel_centred - aligns the main panel with the header
   main_panel_left - leaves the main panel at the left margin
*/
/*
#main_panel_centred{
	position: relative;
	// height: 20em;
	//width: 50em;
	top: 20em;
	left: 10em;
}

#main_panel_left{
	position: relative;
	//height: 20em; 
	//width: 50em;
	top: 20em;
	left: 0em;
}
#mainfooter {
	position:relative;
	left: 10em;
	top: 200em;
}
*/
/* ensure that the main page elements are hidden when the are first loaded
   The javascript will reposition them as required and then make them
   visible
*/
#mainheader {
	visibility:hidden;
}
#main_panel_centred{
	visibility:hidden;
}
#main_panel_left{
	visibility:hidden;
}
#mainfooter {
	visibility:hidden;
}

/* --------------------------------------------------------------- */

.level1_list_bullet {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	vertical-align: middle;
	height: 0.75em;
}
.level2_list_bullet {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	vertical-align: middle;
	height: 0.5em;
}

.address {
	font-size: 1em;
	/*line-height: 1.2em; */
	text-indent: -1em;
	margin-left: 1em;
}

/* the following style defines the dividers used in the bottom box of all pages
*/
.gss_logo_frame {
	height: 1em;
	width: 15em;
}

.link_bullet {
	font-family:ctlbullet;
}

/* the original icon style - for small icons */
.icon{
    width:6em;
	border-width:0;  /* this turns off the link colouring of the icon border */
	/*height:auto;*/
	/* height: 4em; */
}
/* medium-sized icons */
.icon_medium{
    width:12em;
	border-width:0;  /* this turns off the link colouring of the icon border */
	/*height:auto;*/
	/* height: 4em; */
}
/* large-sized icons */
.icon_large{
    width:18em;
	border-width:0;  /* this turns off the link colouring of the icon border */
	/*height:auto;*/
	/* height: 4em; */
}

/* as used at bottom of every page */
.gss_logo{
	/* height:1.4em; with the old logo*/
	height: 15em;
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 0em;
	padding-left: 0em;
	border-width:0;  /* this turns off the link colouring of the icon border */
}

.gss_contact_us_logo{
	/* height:1.4em; with the old logo*/
	height: 10em;
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 0em;
	padding-left: 0em;
	border-width:0;  /* this turns off the link colouring of the icon border */
}

/* as used on the contact Us page */
.small_gss_logo{
	height: 1.2em;
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 0em;
	padding-left: 0em;
}

.copyright{
	font-size: 0.7em;
	padding-left: 3em;
}
.t_and_c {
	padding-left: 1em;
}
.ctl_ack {
	font-size: 1em;
	text-indent: -1em;
	margin-left: 1em;
	margin-top: 1em;
}

.envelope_icon {
	height:0.8em;
	vertical-align: middle;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	padding-top: 0.0em;
	padding-right: 0.5em;
	padding-bottom: 0.0em;
	padding-left: 0.0em;
}

.corgiLogo{
	height:4em;
	text-align: center;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;	/*height:auto;*/
	/* height: 4em; */
}
.niceicLogo{
	width:6em;
	text-align: center;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.logoEST{
	width:3em;
	text-align: center;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.LogoBaxi{
	width:4em;
	text-align: center;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.LogoRoca{
	width:4em;
	text-align: center;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.LogoIdealStandard{
	width:4em;
	text-align: center;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.LogoAqualisa{
	width:4em;
	text-align: center;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.LogoJacuzzi{
	width:4em;
	text-align: center;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.LogoShowerLux{
	width:4em;
	text-align: center;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.LogoVillager{
	width:4em;
	text-align: center;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.LogoHamlet{
	width:4em;
	text-align: center;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.LogoMira{
	width:4em;
	text-align: center;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.LogoRoperRhodes{
	width:4em;
	text-align: center;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.LogoBurlington{
	width:4em;
	text-align: center;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.LogoMerlyn{
	width:4em;
	text-align: center;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.logoregno {
	font-size:xx-small;
}

/* "more" links */
a.more { color:#94AE08; }
a.more:hover{text-decoration:none;}
a.more:visited { color:#99CC99; }

/* local links (used for local navigation) */
a.llink { color:#99CCCC; }
a.llink:hover{text-decoration:none;}
a.llink:visited { color:#3366FF; }

a.corgi { color:#94AE08; text-decoration:none; }
a.corgi:hover{text-decoration:none; }
a.corgi:visited { color:#99CC99; text-decoration:none; }

a.niceic { color:#94AE08; text-decoration:none; }
a.niceic:hover{text-decoration:none; }
a.niceic:visited { color:#99CC99; text-decoration:none; }


h1 {
	font-size: 1.5em;
}

/* Table of Contents styles */
div.mmhide_toc{
   background-color:#fff;
   padding:1ex;
   width:33%;
   float:right;
}
#toccnt{
   background-color:#eed;
   padding:0 0 2px .5ex;
   border:1px solid #ccc;
}
#toccnt ul{
   padding:0;
   margin:.5ex .1ex 0 1.25em;
}
#toccnt ul li{
   color:#666;
   font-size: 0.9em;
   list-style-type:disc;
   text-transform:capitalize;
}
#toccnt ul li a{
   color:#333;
   text-decoration:none;
}
#toccnt ul li a:hover{
   text-decoration:underline;
}