/* CSS Document */
/************************
*     Home Page
************************/
body {
	margin: 0px;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-align: center;
}
a{
	text-decoration: underline;
	font-weight: bold;
	color: #666666;
}
a:hover{
	text-decoration: none;
	font-weight: bold;
	color: #666666;
}
#container {
	margin: 0 auto;
	width: 751px;
	text-align: left;
	position: relative;
}
/*****************************
*     Top Section
*****************************/
#top {
	height: 65px;
	padding: 10px 0px 0px 0px;
}
.freePhoneInd {
	background: url(../images/freephone-image.gif) 500px 30px no-repeat;
}
.freePhoneComp {
	background: url(../images/Freephone-companies.gif) 500px 30px no-repeat;
}
.freePhoneProf {
	background: url(../images/freePhone-professional.gif) 500px 30px no-repeat;
} 
#homeTop {
	height: 65px;
	padding: 10px 0px 0px 0px;
}
#logo h1 a{
	width: 156px;
	height: 47px;
	float: left;
	background-image: url(../images/yig-logo.gif);
}
#logo h1{
	margin: 0px;
	padding: 0px;
}
#logo h1 span {
	display: none;
}

#top-menu {
	width: 360px;
	height: 52px;
	float: right;
	text-align: right;
	color: #a09172;
}
#top-menu a{
	color: #a09172;
}
#top-menu a:hover {
	color: #a09172;
	text-decoration: none;
}
.menu-spacer {
	margin: 0px 8px 0px 8px;
}
/*********************************************
*            Main Menu
*********************************************/
#menuCont {
	position: relative;
	z-index: 500;
}
#menu dl, #menu dt, #menu dd, #menu ul, #menu li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
top: 0;
left: 0;
width: 100%; /* precision for Opera */
}
#menu dl {
float: left;
width: 10.43em;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #666;
padding: 0.5em 0;
color: #fff;
border-right: solid 1px white;
border-bottom: solid 9px #3a3a3a;
margin: 0;
}
#menu dd {
display: none;
}
#menu dd li {
background: #cacab0;
padding: 0.5em 0;
border-left: solid 1px #666;
border-right: solid 1px #666;
border-bottom: solid 1px #666;
margin: 0px;
z-index:480;
}
#menu li {
text-align: center;
background: #fff;
}
#menu li a, #menu dt a {
color: #fff;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu dt a:hover{
text-decoration: underline;
}
#menu dd a {
color: #666;
}
#menu dd a:hover {
color: #666;
}
/********************************************
*          Main Body
********************************************/
#leftColumn {
	width: 354px;
	float: left;
	margin: 10px 0px 0px 0px;
	position: relative;
}
#leftColumn h1 {
	margin: 0px;
	padding: 0px;
}
#leftColumn h1 span {
	display: none;
}
#leftTop {
	height: 201px;
	background: #dedfcf;
	border-bottom: solid 9px #cacab0;
	margin: 0 0 10px 0;
}
#left-bottom {
	width: 156px;
	min-height: 225px;
	background-color: #dedfcf;
	border-bottom: solid 9px #cbc9b0;
	float: left;
	margin-bottom: 10px;
	padding: 0 0 9px 0;
}

 
#left-bottom-top {
	background-color: #666666;
	border-bottom: solid 4px #ffffff;
	padding: 0.6em 0 0.6em 1.3em;
	font-size: 1.2em;
	font-weight: bold;
	color: #ffffff;
}
#left-bottom-bottom {
	padding: 10px 10px 0 11px;
	color: #666666;
}
#right-bottom {
	width: 188px;
	background-color: #9fab2b;
	border-bottom: solid 9px #829400;
	float: right;
	padding: 0 0 18px 0;
}
.areas {
	color: #ffffff;
	margin: 13px 17px 0px 17px;
	font-size: 1em;
}
.areas a {
	text-decoration: underline;
	color: #ffffff;
	font-size: 1.1em;
}
.areas a:hover {
	text-decoration: none;
	color: #ffffff;
	font-size: 1.1em;
}
#rightColumn {
	width: 386px;
	float: right;
	margin: 10px 0px 0px 0px;
}
#rightColumn h1 {
	margin: 0px;
	padding: 0px;
}
#rightColumn h1 span {
	display: none;
}
#rightTop {
	margin: 0 0 10px 0;
	background: url(../images/landscape.jpg) 0 0 no-repeat;
	height: 210px;
}
#right-bottom-left {
	width: 187px;
	background-color: #4d98d1;
	border-bottom: solid 9px #1a7bc2;
	float: left;
	padding: 0 0 18px 0;
}
#right-bottom-right {
	width: 187px;
	background-color: #383e62;
	border-bottom: solid 9px #2a2e4c;
	float: right;
	padding: 0 0 19px 0;
}
#clear {
	clear: both;
	margin: 0px;
	padding: 0px;
}
.groups {
	margin: 3px;
}
.welcome {
	padding: 30px 0 6px 20px;
	font-size: 1.4em;
	line-height: 1.2em;
}
.welcome3 {
	height: 201px;
	min-height: 201px;
	background: url(../images/home-text3.jpg) 0 0 no-repeat;
	}
.xmas {
	height: 201px;
	z-index: 2;
	background: url(../images/home-text.gif) 0 0 no-repeat;
	}
	
#holly {
	position: absolute;
	width: 44px;
	height: 50px;
	top: 200px;
	left: 180px;
	z-index: 200;
	background: url(../images/holly.gif) 0 0 no-repeat;
	}
/******************************
*        Content
******************************/
#breadTrail {
	background-color: #dfdfce;
	margin: 45px 0 0px 0;
}
#bread {
	padding: 0.6em 0 0.6em 1.2em; 
	margin-bottom: 10px;
	}
#bread ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
	} 
#bread ul li {
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
	}
#bread a {
	font-weight: normal;
}
#topLeft {
	min-height: 216px;
	background: #dedfcf;
	border-bottom: solid 9px #cacab0;
	margin: 0 0 10px 0;
}
/* Fix for IE-win \*/
        * html #topLeft {height: 216px;}
    /* End Fix for IE-win */
#topRight {
	min-height: 198px;
	background: #dedfcf;
	border-bottom: solid 9px #cacab0;
	margin: 0 0 10px 0;
}
/* Fix for IE-win \*/
        * html #topRight {height: 198px;}
    /* End Fix for IE-win */
#contentLeft {
	width: 188px;
	margin: 0;
	float: left;
}
#contentRight {
	width: 156px;
	margin: 0;
	float: right;
}
#contentCentre {
	width: 386px;
	margin: 0 0 0 197px;
	padding: 0px;
}
#bodyText {
	padding: 0px 20px;
	font-size: 1.1em;
	margin: 30px 0 0 0;
}
#bodyText span {
	font-size: 1.3em;
	color: #1a7ac2;
	font-weight: 600;
}
#bodyText div {
	margin-top: 0;
}
#bodyHolder {
	margin: 0;
}
#glossary {
	margin-bottom: 20px;
}
#glossary span {
	font-size: 1.3em;
	color: #1a7ac2;
	font-weight: 600;
}
#addLeft {
	width: 40%;
	min-width: 40%;
	float: left;
}
#addLeft span {
	font-size: 1em;
	color: #666666;
	font-weight: normal;
}
#addRight {
	width: 40%;
	min-width: 40%;
	float: right;
}
#addRight span {
	font-size: 1em;
	color: #666666;
	font-weight: normal;
}
#siteMap ul {
	margin: 0;
	padding: 0;
}
.indent1 {
	padding: 2px 0 2px 12px;
}
/* Fix for IE-win \*/
        * html .indent1 {
		margin-left: 2px;
}
/* End Fix for IE-win */
.indent2 {
	padding: 2px 0 2px 12px;
}
/* Fix for IE-win \*/
        * html .indent2 {
		margin-left: 2px;
}
/* End Fix for IE-win */
/*******************************
*         Contact Form
*******************************/
#contactForm {
	width: 95%;
	padding: 10px;
	border: solid 1px #666666;
}
/* Fix for IE-win \*/
    * html #contactForm {
	width: 400px;}
/* End Fix for IE-win */

#contactForm br{
	display: none;
}
#contactForm fieldset{
	position: relative;
	margin: 1px 0px;
	display: block;
}
#contactForm div {
	margin: 4px 0 4px 0;
	display: block;
}
#contactForm label {
	width: 220px;
	float: left;
	text-align: right;
	margin-right: 0.1em;
	margin-top: 3px;
	display: block;
	font-weight: bold;
	padding-right: 20px;
}
#contactForm legend {
	color: #666666;
	font-weight: bold;
}
#contactForm input{	
	margin-left: 0.5em;
	background: #ffffff;
}
#contactForm textarea {
	margin: 0 auto;
}
/* Fix for IE-win \*/
    * html #contactForm textarea {text-align: center;}
/* End Fix for IE-win */
/******************************
*        Company Pages
******************************/
#interested {
	background-color: #dfdfce;
	border-bottom: solid 9px #cacab0;
	margin: 10px 0 0px 0;
	padding: 4px 4px 0 4px;
}
/* Fix for IE-win \*/
    * html #interested {margin-bottom: 0px;}
/* End Fix for IE-win */
#interested2 {
	background-color: #dfdfce;
	border-bottom: solid 9px #cacab0;
	margin: 0;
	padding: 4px 4px 0 4px;
}
#interestedTop {
	background-color: #ffffff;
	border-bottom: solid 9px #cacab0;
	padding: 22px 0 8px 0;
}
.interestedText {
	margin: 5px 0 0 0;
	padding: 4px 22px 10px 15px;
	font-size: 1.1em;
}
.pensions {
	margin: 5px 0 0 0;
	padding: 4px 22px 10px 15px;
}
.pensions ul {
	font-size: 0.9em;
}
.pensions a{
	font-weight: normal;
	text-decoration: none;
}
.pensions a:hover {
	text-decoration: underline;
	font-weight: normal;
}
#typical {
	background-color: #dfdfce;
	border-bottom: solid 9px #cacab0;
	margin: 10px 0 10px 0;
	padding: 4px 4px 0 4px;
}
/* Fix for IE-win \*/
    * html #typical {margin-bottom: 0px;}
/* End Fix for IE-win */
#interested2 {
	background-color: #dfdfce;
	border-bottom: solid 9px #dfdfce;
	margin: 0;
	padding: 4px 4px 0 4px;
}
#typicalTop {
	background-color: #ffffff;
	border-bottom: solid 9px #cacab0;
	padding: 22px 0 8px 0;
}
.typicalText {
	margin: 5px 0 0 0;
	padding: 4px 4px 10px 4px;
	font-size: 1.1em;
}
.latestNews {
	margin: 5px 0 0 0;
	padding: 4px 5px 10px 4px;
	font-size: 0.9em;
	font-weight: bold;
	line-height: 1.6em;
}
#compBullets
{	padding-top: 0px;
	margin-top: 0px;
	padding-left: 0;
	margin-left: 0;
	border-bottom: 1px solid #1a7ac2;
}

#compBullets li {
	list-style-type: disc;
	list-style-position: inside;
	color: #1a7ac2;
	margin: 0;
	padding: 0.25em;
	border-top: 1px solid #1a7ac2;
}
/* Fix for IE-win \*/
        * html #compBullets li ul {margin-left: 10px; margin-top: 5px;}
    /* End Fix for IE-win */
#compBullets ul li {
	margin-left: -20px;
	margin-top: 5px;
}
/* Fix for IE-win \*/
        * html #compBullets ul li	 {margin-left: 10px;}
    /* End Fix for IE-win */
#compBullets li a {
	text-decoration: none;
}
#compBullets li a:hover {
	text-decoration: underline;
}
#centreTop {
	background-color: #4d98d0;
	border-bottom: solid 9px #1a7ac2;
	margin: 0px;
}
#centreTopText {
	color: #ffffff;
	padding: 18px 18px 20px 18px;
	margin: 0;
	font-size: 1.2em;
}
/******************************
*       About Us
******************************/
#yigBody {
	width: 551px;
	float: right;
}
#yigBody h1 {
	margin: 0px;
	padding: 0px;
}
#yigBody h1 span {
	display: none;
}
#yigBody p {
	padding-left: 18px;
}
.top {
	padding: 0.6em 0 0.6em 1.3em;
	background-color: #0c5290;
}
.topIntro {
	border-bottom: solid 9px #cacab0;
	font-size: 1.2em;
	padding: 1.3em;
}
.aboutUs {
	border-bottom: solid 9px #cacab0;
	margin:0px;
	padding: 10px 0 0 0;
}
#peopleBox {
	border-bottom: solid 9px #dedfcd;
	padding: 10px 10px 0 0px;
}
#peopleLeft {
	width: 265px;
	float: left;
	margin-bottom: -9px;
	padding-right: 10px;
	font-size: 1.1em;
}
#peopleLeft img {
	float: right;
	padding-right: 5px;
}
#peopleLeft span {
	font-size: 1.2em;
	color: #0c5290;
	font-weight: bold;
}
#peopleRight {
	width: 265px;
	float: right;
	margin-bottom: -9px;
	font-size: 1.1em;
}
#peopleRight img {
	float: right;
	padding-right: 5px;
}
#peopleRight span {
	font-size: 1.2em;
	color: #0c5290;
	font-weight: bold;
}
#director {
	width: 551px;
	min-height: 128px;
	background-image: url(../images/director1-back.jpg);
	margin-top: 10px;
}
/* Fix for IE-win \*/
        * html #director {height: 128px;}
    /* End Fix for IE-win */
#directorText {
	padding: 20px 10px 40px 10px;
	width: 70%;
}
#directorText span {
	font-size: 1.4em;
	color: #0c5290;
	font-weight: bold;
}
/******************************
*         News
******************************/
#newsLeft {
	width: 250px;
	padding: 0 10px 0 15px;
	float: left;
	margin-top: 10px;
}
#newsRight {
	width: 250px;
	padding: 0 10px 0 15px;
	float: right;
	margin-top: 10px;
}
#newsLeft span{
	font-size: 1.3em;
	color: #1a7ac2;
	font-weight: 600;
}
#newsRight span{
	font-size: 1.3em;
	color: #1a7ac2;
	font-weight: 600;
}
#address {
	margin-top: 28px;
}
/* Fix for IE-win \*/
        * html #address {margin-top: 20px;}
/* End Fix for IE-win */
/* ie7 hack */
html>body #address {
	margin-top: 20px;
	}
/* end hack */
.ftse {
	width: 182px;
	min-width: 182px;
	height: 177px;
	min-height: 177px;
	padding: 0px;
	margin: 10px 0 0 -1px;
	border: none;
}
/******************************
*        Individual
*****************************/
#individualTop {
	background-color: #9fab2b;
	border-bottom: solid 9px #829400;
	margin: 0px;
}
#indiText {
	padding: 0px 20px;
	font-size: 1.1em;
	margin: 30px 0 0 0;
}
#indiText span {
	font-size: 1.3em;
	color: #829400;
	font-weight: 600;
}
#indiText div {
	margin-top: 25px;
}
/*****************************
*        Professional
*****************************/
#professionalTop {
	background-color: #383e62;
	border-bottom: solid 9px #2a2e4c;
	margin: 0px;
	padding-bottom: 17px;
}
#partner {
	background-color: #dfdfce;
	border-bottom: solid 9px #cacab0;
	margin: 10px 0 0 0;
	padding: 4px 4px 0 4px;
}
#partnerTop {
	background-color: #ffffff;
	border-bottom: solid 9px #cacab0;
	padding: 10px 0 8px 0;
}
.partnerText {
	margin: 5px 0 0 0;
	padding: 4px 22px 22px 15px;
}
#proText {
	padding: 0px 20px;
	font-size: 1.1em;
	margin: 30px 0 0 0;
}
#proText span {
	font-size: 1.3em;
	color: #2a2e4c;
	font-weight: 600;
}
#proText div {
	margin-top: 25px;
}
#partnerLogin {
	padding-top: 10px;
	width: 180px;
	max-width: 180px;
	margin-bottom: 47px;
	
}
#partnerLogin label {
	float: left;
	padding-top: 4px;
}
#partnerLogin input {
	float: right;
}
#partnerLogin submit {
	float: right;
}
#proForm {
	width: 95%;
	min-width: 95%;
}
#proForm label {
	float: left;
	display: block;
}
#proForm text {
	float: right;
}
#proForm fieldset {
	margin: 0;
	width: 96%;
}
/******************************
*        Search Box
******************************/
.search-form {
	position: absolute;
	right: 4px;
	top: 125px;
	width: 250px;
	margin: 0 0 0 0;
}
.search {
	color: #a09171;
	border: 1px solid #666666;
	font-size: 11px;
	padding: 2px;
	margin-right: 0px;
	float: right;
}
.submit {
	margin-bottom: 0;
	padding-right: 5px;
	float: right;
	}
#homeSearch {
	position: absolute;
	top: 40px;
	right: 0px;
	}	
/*************************************************
*         Call Back Service
*************************************************/
#callBack label {
	font-weight: bold;
	}
#callBack input {
	width: 110px;
	color: #666666;
	}
#callBack select {
	width: 120px;
	float: none;
	color: #666666;
	}
#callBack .radio {
	width: 10px;
	}
#callBack .submit2 {
	border: none;
	background: #666;
	color: #fff;
	font-weight: bold;
	padding: 1px;
	}
#callBackTop {
	padding: 8px;
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
	}
.callComp {
	background: #1a7ac4;
	}
.callIndiv {
	background: #849500;
	}
.callProf {
	background: #2b2e4d;
	}
.boxComp {
	border-top: solid 1px #1a7ac4;
	border-left:  solid 1px #1a7ac4;
	border-right:  solid 1px #1a7ac4;
	border-bottom: solid 9px #1a7ac4;
	}
.boxIndiv {
	border-top: solid 1px #849500;
	border-left:  solid 1px #849500;
	border-right:  solid 1px #849500;
	border-bottom: solid 9px #849500;
	}
.boxProf {
	border-top: solid 1px #2b2e4d;
	border-left:  solid 1px #2b2e4d;
	border-right:  solid 1px #2b2e4d;
	border-bottom: solid 9px #2b2e4d;
	}
#call-Back {
	margin-top: 2px;
}
#call-Back form {
	margin: 0;
	padding: 0;
	}
#call-Back input {
	width: 80px;
	color: #666;
	}
#call-Back .submit3 {
	border: none;
	background: #666;
	color: #fff;
	font-weight: bold;
	padding: 1px;
	margin-top: 4px;
	}
#call-Back select {
	width: 85px;
	float: none;
	color: #666;
	}
#call-Back label {
	font-weight: bold;
	}
/*************************************************
*            Footer
*************************************************/
#footer {
	margin: 0;
	border-top: solid 1px #a09170;
	padding: 10px 0px 0px 0px;
	clear: both;
}
#footerLeft {
	width: 440px;
	line-height: 1.4em;
	font-size: 11px;
	float: left;
}
#footerRight {
	width: 270px;
	float: right;
}
#footer a{
	font-weight: normal;
}
#footer a:hover{
	font-weight: normal;
	text-decoration: none;
}
#footerLeft {
	width: 40%;
	padding-left: 0px;
	margin: 0;

	}
#footerLeft ul {
	margin: 0px;
	padding-left: 0;
	padding-bottom: 6px;
	display: inline;
	border: none;
	} 
#footerLeft li {
	margin-left: 0;
	padding-right: 15px;
	border: none;
	list-style: none;
	display: inline;
	}

#maintenance {
	position: absolute;
	top: 345px;
	right: 0px;
	width: 586px;
	height: 180px;
	background: #ffffff;
	}
.clear {
	clear: both;
	}
.highlight {
	background: #FFFF40; 
}