/***********
MAIN LAYOUT OF SITE
***********/

html, body {
	margin: 0px;
	padding: 0px;
	
	text-align: left;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

img {
	border: 0px;
	padding: 0px;
	margin: 0px;
}

a {
	color: #ec7e94;
}

a:hover{
	color: #9f2d46;
}

ul {
	margin: 0px;
	padding-left: 15px;
}

#topSectionWrapper {
	height: 258px;
	padding-top: 20px;
	background: url(../images/topSectionBG.gif) repeat-x bottom left;

}

#topSection {
	width: 855px;
	margin: 0px;
	padding: 0px;	
	position: relative;

	margin-left: auto;
	margin-right: auto;
}


#siteContent {
	margin:0px;
	padding:0px;	

	padding-top: 20px;

	width: 855px;
	height: 100%;
		
	margin-left: auto;
	margin-right: auto;	
}


.legalLeftPanel {
	margin:0px;
	padding:0px;

	width: 415px;
	padding-right: 25px;	
	float: left;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #575757 ;
	
}

.legalRightPanel {
	margin:0px;
	padding:0px;
	
	width: 415px;
	float: left;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #575757 ;

}

.legalLeftPanel a {
	color: #ec7e94;
}

.legalLeftPanel a:hover {
	color: #9f2d46;
}

.legalRightPanel a {
	color: #ec7e94;
}

.legalRightPanel a:hover {
	color: #9f2d46;
}

.legalHR {
	display: block;
	width: 100%;
}

#topLeft {
	margin:0px;
	padding:0px;	
	width: 582px;
	height: 240px;

	float: left;
}

#topBanner {
	width: 567px;
	height: 240px;
	position: relative;
	z-index: 1;
	float: right;
}

#topAnimation {
	width: 273px;
	height: 258px;
	
	background: #fff url('../images/topnav_bg.gif') left bottom repeat-x;
	
	float: right;
}

#contentPaddingTop {
	width: 855px;
	height: 30px;
	
	float: left;
}

#mainContent {
	margin: 0px;
	padding: 0px;
	width: 680px;

	margin-left: 30px;

	float: left;
}

#mainCentreContent {
	margin: 0px;
	padding: 0px;
	width: 316px;

	float: left;

	line-height: 140%;
	color: #575757;

}

#mainCentreContent a {
	color: #ec7e94;
	font-weight: normal;
}

#mainCentreContent a:hover{
	color: #9f2d46;
	font-weight: normal;
}

#mainSideContent {
	margin: 0px;
	padding: 0px;
	
	padding-top: 5px;
	width: 334px;
	height: 310px;

	margin-left: 30px;
	float: left;
}

.sidePanelServices {
	margin: 0px;
	padding: 10px;
	width: 314px;

	background-color: #c7c7c7;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #575757 ;

}

.sidePanelContact {
    background-color: #C7C7C7;
    color: #575757;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    height: 120px;
    margin: 0;
    padding: 10px 15px;
    width: 304px;
}

.sidePanelContact a {
	color: #ec7e94;
	font-weight: normal;
}

.sidePanelContact a:hover{
	color: #9f2d46;
	font-weight: normal;
}

.sidePanelAbout {
	margin: 0px;
	padding: 10px 10px 0px 130px;
	
	width: 194px;
	height: 130px;
	background-color: #c7c7c7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #575757 ;

}

.miguel {
	background: #c7c7c7 url(../images/about/miguel_image_panel.jpg) no-repeat;
}
.tony {
	background: #c7c7c7 url(../images/about/tony_image_panel.jpg) no-repeat;
}
.andy {
	background: #c7c7c7 url(../images/about/andy_image_panel.jpg) no-repeat;
}
.alex {
	background: #c7c7c7 url(../images/about/alex_image_panel.jpg) no-repeat;
}
.philippa {
	background: #c7c7c7 url(../images/about/philippa_image_panel.jpg) no-repeat;
}
.helen {
	background: #c7c7c7 url(../images/about/helen_image_panel.jpg) no-repeat;
}
/*
.chris {
	background: url(../images/about/chris_image_panel.jpg) no-repeat;
}
.samantha {
	background: url(../images/about/samantha_image_panel.jpg) no-repeat;
}
.lydia {
	background: url(../images/about/lydia_image_panel.jpg) no-repeat;
}
*/

.profileQuickLinks {
	float: left;
	width: 304px;
	padding: 100px 0px 0px 0px;
	margin: 0px;
}

.quickProfile {
	float: left;
	width: 40px;
	padding: 0px 5px 0px 0px;
	margin: 0px;
}

.quickProfileSelected {
	opacity: 0.5;
	filter: alpha(opacity=50); 
}

/*
.sidePanelAbout {
	margin: 0px;
	padding: 0px;
	width: 304px;
	height: 120px;
	padding-left: 15px;
	padding-right: 15px;	
	padding-bottom: 10px;
	padding-top: 10px;

	background-color: #c7c7c7;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #575757 ;

}
*/

.whatToDoPanel {
	margin: 0px;
	padding: 10px 0px 10px 10px;
	width: 319px;
	background-color: #c7c7c7;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #575757;
}

.whatToDoContact {
	margin: 0px 10px 0px 0px;
	padding: 20px 0px 5px 0px;

}

.whatToDoContactTop {
	padding-bottom: 10px;
	border-bottom: solid 1px #fff;
}

.whatToDoImage {
	float: left;
	width: 100px;
	height: 100px;
}
.whatToDoText {
	padding-top: 5px;
}

.sidePanelAbout a {
	color: #ec7e94;
	font-weight: normal;
}

.sidePanelAbout a:hover{
	color: #9f2d46;
	font-weight: normal;
}

.sidePanelAboutImage {
	width: 110px;
	height: 120px;
	float: left;
}
.sidePanelAboutText {
	width: 184px;
	padding: 34px 0px 0px 10px;
	float: left;
}

.sidePanel {
	margin: 0px;
	padding: 0px;
	width: 319px;
	padding-left: 15px;
	padding-bottom: 10px;

	background-color: #c7c7c7;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #575757 ;

}

.aboutName {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #575757 ;
	font-weight: normal;
}
.aboutPartner {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #575757 ;
	font-weight: normal;
}

.marketName {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #575757 ;
	font-weight: bold;
}

.marketPartner {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #575757 ;
	font-weight: normal;
}

.marketLink a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ec7e94 ;
	font-weight: normal;
}

.marketLink a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #9f2d46 ;
	font-weight: normal;
}

.sideImage {
	padding-bottom: 10px;
}

.termsLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #575757 ;
}

.termsLink a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #EC7E94 ;

}
.termsLink a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #9F2D46 ;

}

.giftsBanner {
	margin: 0px;
	padding: 0px;
	padding-top: 5px;
	padding-bottom: 15px;	
}

#fullWidthPanel {
	margin: 0px;
	padding: 0px;
	width: 660px;
	
	display: block;

	padding-left: 10px;	
	padding-right: 10px;	
	padding-top: 10px;
	padding-bottom: 10px;

	background-color: #c7c7c7;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #575757;
}

#fullWidthPanelContact {
	margin: 0px;
	padding: 0px;
	width: 660px;
	height: 250px;
	display: block;

	padding-left: 10px;	
	padding-right: 10px;	
	padding-top: 10px;
	padding-bottom: 10px;

	background-color: #c7c7c7;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #575757;
}

#fullWidthPanelRefer {
	margin: 0px;
	padding: 0px;
	width: 660px;
	height: 230px;
	display: block;

	padding-left: 10px;	
	padding-right: 10px;	
	padding-top: 10px;
	padding-bottom: 10px;

	background-color: #c7c7c7;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #575757;
}


#contactDetails {
	margin: 0px;
	padding: 0px;
	padding-left: 5px;
	float: left;
	width: 175px;
}
#contactDetails a{
	color: #EC7E94 ;

}
#contactDetails a:hover{
	color: #9F2D46 ;
}

#contactMap {
	margin: 0px;
	padding: 0px;
	
	float: left;

	width: 239px;
	padding-right: 10px;
}
#contactImage {
	margin: 0px;
	padding: 0px;
	
	float: right;
	width: 229px;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

.teamProfile {
	float: left;
	width: 110px;
	padding: 0px 20px 0px 0px;
	margin: 0px;
	color: #575757;
}
.teamProfileDescription {
	font-size: 11px;
}
.teamProfileDescription a {
	color: #ec7e94;
	font-weight: normal;
	text-decoration: none;
}

.teamProfileDescription a:hover{
	color: #9f2d46;
	font-weight: normal;
}
/*****************
FORMS
******************/


.formTitlePanel {
	margin-left: 10px;
}

.formFieldPanel {
	margin: 0px;
	padding: 25px 0px 0px 0px;
	
	float: left;
	width: 285px;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #575757;

}

.formWrapper {
	margin: 0px;
	padding: 0px;
}

.formGap {
	width: 25px;
	height: 10px;
	float: left;
}

.formFieldPanelText {
	display: block;
	
	margin: 0px;
	padding: 25px 0px 0px 0px;
	
	float: left;
	width: 340px;

	text-align: right;
	vertical-align: top;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #575757;
}

.formTitle {
	display: inline;
	vertical-align: top;
}

.formTextField {
	margin: 0px;
	padding: 0px;
	
	background-color: #fff !important;
	
	width: 280px;
	height: 15px;
	
	line-height: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #575757;

	vertical-align: top;

	margin-bottom: 10px;
	
	border: none;
}
.formFieldSelect {
	margin: 0px;
	padding: 0px;
	
	width: 280px;
	height: 20px;
	
	line-height: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #575757;

	vertical-align: middle;

	margin-bottom: 10px;
	
	border: none;
}
.formTextAreaLarge {
	width: 280px;
	height: 70px;
	
	background-color: #fff !important;

	
	line-height: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #575757;
	
	vertical-align: top;
	
	border: none;
}

.formTextAreaSmall {
	width: 280px;
	height: 45px;
	
	background-color: #fff !important;

	
	line-height: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #575757;
	
	margin-bottom: 5px;

	vertical-align: top;
	
	border: none;
}

/***********
STYLES FOR FOOTER
***********/

#footer {
	margin: 0px;
	padding: 0px;
	
	width: 840px;
	height: 40px;
	
	background-color: #fff;

	font-family: Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #575757;
	
	float: right;
}


#footerLogo {
	width: 130px;
	padding-top: 1px;
	padding-bottom: 30px;
	display: block;
	
	float: left;
	vertical-align: bottom;
	background: url(../images/footerBG.gif) repeat-x;
}

.footerLogoImage {
	padding-top: 15px;
	height: 100px;
}

#footerLegal {
	width: 680px;
	margin-left: 30px;
	height: 40px;
	
	padding-top: 30px;
	background: url(../images/footerBG.gif) repeat-x;
		
	color: #575757;
	
	float: left;
	text-align: left;
	vertical-align: bottom;
}

#footerLegal a {
	text-decoration: none;
	color: #ec7e94;
	
}

#footerLegal a:hover {
	text-decoration: none;
	color: #9f2d46;
	
}

#footerBone {
	margin: 0px;
	padding: 0px;
	
	width: 130px;
	height: 85px;
	padding-top: 10px;	
}


/*****************
STYLES FOR SIDE NAVIGATION
******************/

#sideNav {
	margin: 0px;
	padding: 0px;
	
	width: 145px;
	height: 300px;

	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;

	float: left;
}

.companyLogo {
	margin: 0px;
	padding: 0px;
	
	width: 130px;
	height: 130px;
	
	padding-top: 5px;
	padding-left: 15px;
}


/********
SIDE NAV - NOT SELECTED
*********/

.sideNavOff {
	display: block;
	height: 24px;
	
	line-height: 24px;

	text-indent: 20px;
	
	color: #8f8f8f;
	background-color: #fff;

	background: url(../images/sideNavBG.gif);
}

.sideNavOff a {
	display: block;
}

.sideNavOff a:link {
	color: #8f8f8f;
	text-decoration: none;
}

.sideNavOff a:active {
	color: #8f8f8f;
	text-decoration: none;
}

.sideNavOff a:visited {
	color: #8f8f8f;
	text-decoration: none;
}

.sideNavOff a:hover {
	color: #575757;
	background: url(../images/sideNavBGHover.gif);

	text-decoration: none;
}

/********
SIDE NAV - SELECTED
*********/

.sideNavOn {
	display: block;
	height: 24px;
	
	line-height: 24px;

	text-indent: 20px;
	
	color: #575757;
	background-color: #ffffff;

	background: url(../images/sideNavBG.gif);
}

/********
SIDE NAV WITH SUB MENU - NOT SELECTED
*********/

.sideNavOptionsOff {
	display: block;
	height: 24px;
	
	line-height: 24px;
	
	text-indent: 20px;
	
	color: #8f8f8f;
	background: url(../images/sideNavOptionsOff.gif);
}

.sideNavOptionsOff a {
	display: block;
}

.sideNavOptionsOff a:link {
	color: #8f8f8f;
	text-decoration: none;
}

.sideNavOptionsOff a:active {
	color: #8f8f8f;
	text-decoration: none;
}

.sideNavOptionsOff a:visited {
	color: #8f8f8f;
	text-decoration: none;
}

.sideNavOptionsOff a:hover {
	color: #575757;
	text-decoration: none;
	background: url(../images/sideNavOptionsOffHover.gif);
}

/********
SIDE NAV WITH SUB MENU - SELECTED
*********/

.sideNavOptionsOn {
	display: block;
	height: 24px;
	
	line-height: 24px;
	
	text-indent: 20px;
	
	color: #575757;
	background: url(../images/sideNavOptionsOn.gif);
}

.sideNavOptionsOn a {
	display: block;
}

.sideNavOptionsOn a:link {
	color: #575757;
	text-decoration: none;
}

.sideNavOptionsOn a:active {
	color: #575757;
	text-decoration: none;
}

.sideNavOptionsOn a:visited {
	color: #575757;
	text-decoration: none;
}

.sideNavOptionsOn a:hover {
	color: #575757;
	text-decoration: none;
}

/*****************
STYLES FOR SUB LEVEL NAVIGATION
******************/

/********
SUB MENU - NOT SELECTED
*********/

.subNavOff {
	display: block;
	height: 24px;
	background: url(../images/subNavOnBG.gif);
	
	font-size: 11px;
	font-weight: normal;
	line-height: 24px;

	text-indent: 20px;
	
	color: #8f8f8f;
	background-color: #ffffff;

	border-bottom: 1px solid #ffffff;		
}

.subNavOff a {
	display: block;
}

.subNavOff a:link {
	color: #8f8f8f;
	text-decoration: none;
}

.subNavOff a:active {
	color: #8f8f8f;
	text-decoration: none;
}

.subNavOff a:visited {
	color: #8f8f8f;
	text-decoration: none;
}

.subNavOff a:hover {
	color: #575757;
	background: url(../images/subNavHoverBG.gif);
	
	text-decoration: none;
}

/********
SUB MENU - SELECTED
*********/

.subNavOn {
	color: #575757;
	background: url(../images/subNavHoverBG.gif);

	display: block;
	height: 24px;
	
	text-indent: 20px;
	
	font-size: 11px;
	font-weight: normal;
	line-height: 24px;

	border-bottom: 1px solid #ffffff;		
}










.sideNavOptionsOn {
	height: 24px;
	color: #575757;
}






#sidepanel {
	width: 185px;
	padding: 20px;
}






#sidepanel .hiddendiv {
	font-weight: normal;
	background-color: #DAE2E6;
	line-height: 14px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}







#sidepanel .buttonMain {
	text-decoration: none;
	background-color: #C4DBE6;
	line-height: 24px;
	height: 24px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	text-indent: 10px;
	color: #003399;
	display: block;
	font-size: 11px;
	font-weight: bold;
}
#sidepanel .buttonMain a:link {
	color: #003399;
	text-decoration: none;
	font-size: 11px;
	display: block;
	font-weight: bold;
}
#sidepanel .buttonMain a:active {
	color: #003399;
	text-decoration: none;
	font-size: 11px;
	display: block;
	font-weight: bold;
}
#sidepanel .buttonMain a:visited {
	color: #003399;
	text-decoration: none;
	font-size: 11px;
	display: block;
	font-weight: bold;
}
#sidepanel .buttonMain a:hover {
	color: #990000;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	display: block;
	background-color: #AECBD9;

}





#sidepanel .buttonSub01 {
	color: #333333;
	display: block;
	line-height: 22px;
	height: 22px;
	text-indent: 10px;
}

#sidepanel .buttonSub01 a:link {
	display: block;
	color: #333333;
	text-decoration: none;	
}

#sidepanel .buttonSub01 a:active {
	display: block;
	color: #333333;
	text-decoration: none;	
}

#sidepanel .buttonSub01 a:visited {
	display: block;
	color: #333333;
	text-decoration: none;		
}

#sidepanel .buttonSub01 a:hover {
    display: block;
	color: #990000;
	text-decoration: none;
	background-color: #C4DBE6;
}

/*******************
SITE MAP STYLES
*******************/

.sitemap {

	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #575757 ;
}

.sitemapSub {
	text-indent: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #575757 ;
}

.sitemapSub a {
	color: #ec7e94;
}

.sitemapSub a:hover {
	color: #9f2d46;
}

.sitemapSubNav {
	text-indent: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #575757 ;
}

.sitemapSubNav a {
	color: #ec7e94;
}

.sitemapSubNav a:hover {
	color: #9f2d46;
}

/*****************
STYLES FOR TOP NAVIGATION
******************/

#topNav {
	margin: 0px;
	padding: 0px;
	
	width: 567px;
	height: 18px;

	font-family: Arial, sans-serif;

	background-color: #575757;

	float: right;
}

#topContact {
	margin: 0px;
	padding: 0px;
	
	width: 557px;
	height: 40px;
	position: relative;
	top: -240px;
	z-index: 20;
	font-family: Arial, sans-serif;
	font-size: 12px;

}

#topContactMail {
	height: 40px;
	float: right;
}

#topContactMail a {
	padding: 0px 0px 0px 10px;
	background: url(../images/emailArrow.gif) no-repeat center left;
	text-decoration: none;
	color: #EC7E94 ;
}

#topContactMail a:hover {
	padding: 0px 0px 0px 10px;
	background: url(../images/emailArrowHover.gif) no-repeat center left;
	text-decoration: none;
	color: #9F2D46 ;
}


/********
TOP NAV UL settings
*********/

#topNavigationList {
	margin: 0px;
	padding: 0px;

	font-weight: bold;
	font-size: 11px;
	line-height: 18px;

	list-style-type: none;
	display: inline;
}

/*******
TOP NAV LI settings
*******/

#topNavigationList li {
	display: block;
	float: left;
	
	color: #fff;
	background-color: #575757;

	padding-left: 15px;
	padding-right: 15px;

	border-left: 1px solid #fff;
}

#topNavigationList li a {
	display: block;

	color: #fff;
	text-decoration: none;
}

#topNavigationList li a:hover {
	display: block;

	color: #ec7e94;
	text-decoration: none;
}

/******
SPECIAL LI settings
*******/

#topNavigationList .highlighted {
	color: #ec7e94;
	background-color: #9f2d46;
}

#topNavigationList .border {
	padding: 0px;
	width: 1px;
	font-size: 1px;
}