﻿  /* CSS layout */
body {
	background-position : center;
	margin : 0;
	padding : 0;
	background-color: #FFFFFF;
	background-image: url('../images/generic/page_bg.gif');
	background-repeat : repeat-y;
	font-family : "Trebuchet MS", "Lucida Sans", sans-serif;
} 
a, a :link {
	text-decoration : underline;
	color: #009900
} 
a:hover { 
text-decoration : none; 
} 
img { 
border-width : 0; 
} 
ul { 
list-style-type : square; 
color : #666666; 
} 

table {
	width: 100%;
}

hr {
	height: 1px;
	border-color: #C0C0C0 black black black;
	border-style: dotted;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;

}


  /* Container */
  
#container { 
width : 945px; 
background-color : #ffffff; 
margin-left : auto; 
margin-right : auto; 
height : 100%; 
padding-top : 10px; 
} 

  /* Header Content */
  
#header {
	width : 945px;
	height : 160px;
	background-image: url('../images/generic/header_bg.gif');
	background-repeat : no-repeat;
} 
#logo {
	background-image: url('../images/generic/logo.gif');
	background-repeat : no-repeat;
	width : 348px;
	height : 80px;
	margin-top : 30px;
	margin-left : 10px;
	float : left;
	position : absolute;
} 
#logo h1, #headerStrap h2 { 
display : none; 
} 
#headerStrap {
	width : 361px;
	height : 41px;
	margin-left : 10px;
	float : left;
	margin-top : 110px;
	background-image: url('../images/generic/strapline.gif');
	background-repeat : no-repeat;
	position : absolute;
} 

  /* Top Menu  */
#topMenuContainer {
	float : right;
	width : 419px;
	padding-right : 0px;
	padding-top : 52px;
	position : relative;
	font-size : 75%;
	background-image: url('../images/generic/topmenucontainer_bg.gif');
	background-repeat: no-repeat;
	background-position: 0px 50px;
}

.TopMenuIcon {
	width: 79px;
	position: relative;
	float: left;
	text-align : center; 

}

.TopMenuItem{
	padding-top: 20px;

}

.TopMenuItem a{
	color: #23A7FF;
	font-weight: bold;
	text-decoration: none;
}
.TopMenuItem a:hover{
	color: #63AB17;
	text-decoration: underline;
}

 .TopMenuItem a.selected {
	color: #63AB17;
	text-decoration: none;

	
}



  /* Left Column Content */
  
#leftColumn {
	float : left;
	width: 200px;
	margin-top : 0px;
	position : relative;
	padding-left:13px
} 
#leftHeader {
	width : 197px;
	height : 40px;
	margin-bottom : 0;
	float : left;
	text-align : left;
	background-image: url('../images/generic/lhmenu_title_bg.gif');
	background-repeat: no-repeat;
} 
#leftHeader h3 { 
margin-top : 10px; 
margin-bottom : 0px; 
padding-left : 12px; 
font-size : 90%; 
color : #ffffff; 
font-weight : bold; 
} 
#leftImage { 
width : 197px; 
margin-bottom : 10px; 
margin-top : 25px; 
position : relative; 
float : left; 
text-align : center; 
} 
#leftContent {
	position : relative;
	float : left;
	font-size : 75%;
	padding-top : 10px;
	padding-left : 10px;
	padding-bottom: 20px;
} 
#leftMenu { 
width : 197px; 
position : relative; 
float : left; 
font-size : 75%;
margin-bottom:20px 
} 

#lhMenu { 
list-style : none; 
margin : 0; 
padding : 0 0 1px 0; 
background-color : #c0c0c0; 
} 
#lhMenu a { 
display : block; 
height : 25px; 
margin-top : 1px; 
padding-left : 5px; 
background-color : #ffffff; 
font-size : 100%; 
text-decoration : none; 
color : #437e7e; 
line-height : 25px; 
} 
#lhMenu a.current { 
font-weight : bold; 
} 
#lhMenu a:hover {
	background-color: #EEEEEE;
	color : #666666;
} 
#lhMenu a.first { 
margin-top : 0; 
} 

#lhContact{ 
width:150px;
position : relative; 
float : left; 
padding-top : 10px; 
padding-left : 10px; 
} 


  /* Split Column Content */
  
#SplitColumns { 
position : relative; 
float : left; 
width : 690px; 
margin-left:20px
} 

  /* Split Left Column Content */
  
#splitLeft, #splitRight { 
position : relative; 
font-size : 75%; 
} 
#splitLeft h4, #splitRight h4 { 
font-size : 120%; 
margin-top : 10px; 
margin-bottom : 0; 
color : #33758e; 
} 
#splitLeft a, #splitRight a { 
font-weight : bolder; 
} 
#splitLeft { 
float : left; 
width : 540px; 
} 

  /* Title Content */

#title {
	background-image: url('../images/generic/title_bg.gif');
	background-repeat: no-repeat;
	background-position: top;
	width: 690px;
	height: 46px;
	float: left;
}

#title h2 {
	border-top: 1px;
	color: #FFFFFF;
	font-size: medium;
	padding-left: 30px;
	margin-top: 7px;

}

  /* Main Column Content */
  
#mainColumnHead {
	float : right;
	width : 540px;
	height : 17px;
	padding-left: 0px;
	margin-left : 0px;
	padding-right : 0px;
	margin-right : 0px;
	padding-top : 10px;
	position : relative;
	background-image: url('../images/generic/content_top.gif');
	background-repeat : no-repeat;
} 
#mainColumn {
	float : right;
	width : 540px;
	padding-left: 0px;
	margin-left : 0px;
	padding-right : 0px;
	margin-right : 0px;
	padding-top : 10px;
	padding-bottom : 20px;
	position : relative;
	background-image: url('../images/generic/content_bg.gif');
	background-repeat : repeat-y;
} 
#mainColumnFoot {
	float : right;
	width : 540px;
	height : 8px;
	padding-left: 0px;
	margin-left : 0px;
	padding-right : 0px;
	margin-right : 0px;
	margin-top : 0;
	margin-bottom : 20px;
	position : relative;
	background-image: url('../images/generic/content_bottom.gif');
	background-repeat : no-repeat;
} 
#mainContent { 
width : 653px; 
position : relative; 
float : left; 
} 
#mainContentText { 
padding-left : 30px; 
padding-right : 30px; 
font-size : 110%; 
padding-bottom : 10px; 
} 
#mainContentText h1 {
	margin-top : 0;
	margin-bottom : 0;
	font-size: large;
	color: #009900;
	font-weight: lighter;
}

#mainContentText h2 { 
margin-top : 0; 
margin-bottom : 0; 
font-size: large;
color: #23A7F7;
font-weight: lighter;
} 

#mainContentText h3 {
margin-top : 0; 
margin-bottom : 0; 
font-size: medium;
color: #009900;
}

#mainContentText h4 {
margin-top : 0; 
margin-bottom : 0; 
font-size: medium;
color: #23A7F7;
}

#mainContentText h5 {
	margin-top : 0;
	margin-bottom : 0;
	font-size: small;
	color: #999999;
}

#mainContentText h6 {
	margin-top : 0;
	margin-bottom : 0;
	font-size: small;
	color: #009900;
}
.imageRightAlign {
	float: right;
}




  /* Pods */
.podContainer{
position : relative; 
float : left; 	
}

#solicitorPod, #tradePod, #accountantPod, { 
width:175px;
position : relative; 
float : left; 
margin-bottom : 0px; 
background-color:#23A7F7
} 
#tradePod {
	background-image: url('../images/generic/pod_bg_trades.gif');
	background-repeat : no-repeat;
} 
#solicitorPod {
	background-image: url('../images/generic/pod_bg_solicitors.gif');
	background-repeat : no-repeat;
} 

#accountantPod {
	background-image: url('../images/generic/pod_bg_accountants.gif');
	background-repeat : no-repeat;
} 
.podText { 
padding-left : 20px; 
padding-right : 20px; 
padding-bottom : 10px; 
padding-top : 10px; 
font-size : 100%;
color: #FFFFFF; 
} 
.podText h2 {
	margin-top : 0;
	margin-bottom : 5px;
	font-size : 120%;
	color: #FFFFFF;
	font-weight : bolder;
} 

.podBottom {
	color: #FFFFFF;
	width : 175px;
	height : 42px;
	position : relative;
	float : left;
	background-image: url('../images/generic/pod_bottom.gif');
	background-repeat : no-repeat;
} 

.podBottom a {
	color: #FFFFFF;
	text-decoration:none;
	padding-left:20px
}
.podBottom a:hover {

	text-decoration:underline;

}



  /* Split Right Column Content */

#splitRight { 
float : right; 
width : 130px; 
padding-top:10px
} 

#splitRight img
{
	margin-bottom: 20px;
}



  /* Footer Content */
  
#footer {
	font-size : 70%;
	color : #c0c0c0;
	float : right;
	width : 670px;
	padding-left : 0px;
	margin-left : 9px;
	padding-right : 20px;
	margin-right : 0;
	margin-top : 0;
	margin-bottom : 20px;
	position : relative;

} 
#footer a, #footer a:hover { 
color : #999999; 
} 

  /* Odd Text Styles */
  
.GreenText {
	color: #4F8512;
}
.extraSmallText {
	font-size: xx-small;
}

.CentredText{
	text-align: center;
}
 

  /* Other Stuff Content */
  
.formContainer {
	width: 400px;
}
  
.clear {
	clear:both
}  
  
.formText, .formField { 
margin-top : 20px; 
} 
.formText {
	padding : 0 0 0 10px;
	float : left;
	position : relative;
	width : 160px;
	text-align: right;
} 
.formField { 
float : right; 
position : relative; 
} 
fieldset { 
padding : 10px 10px 10px 10px; 
border : 1px solid #cccccc; 
} 
legend { 
color : #29647a; 
font-size : 150%; 
} 
input { 
border : 1px solid #999999; 
font-size : small; 
} 
textarea { 
border : 1px solid #999999; 
font-size : small; 
font-family : Arial, Helvetica, sans-serif; 
} 
.largerText { 
color : #666666; 
font-size : 110%; 
font-weight : bolder; 
} 
.imageRight { 
float : right; 
padding : 0 0 0 10px; 
} 
.button { 
text-align : center; 
line-height : 27px; 
float : left; 
width : 110px; 
height : 27px; 
padding : 0; 
margin-top : 15px; 
font-size : 10px; 
display : inline; 
background-image : ; 
background-repeat : no-repeat; 
} 
.button a { 
display : block; 
width : 92px; 
height : 27px; 
font-size : 85%; 
font-weight : bold; 
line-height : 27px; 
text-decoration : none; 
text-transform : lowercase; 
background-repeat : no-repeat; 
color : #000000; 
display : inline; 
float : left; 
background-image : ; 
} 
.button a:hover { 
color : #33758e; 
} 



#topMenu {
	width : 922px;
	height : 27px;
	padding-left : 2px;
	background-image : ;
	background-repeat : no-repeat;

} 

#topMenu ul { 
list-style : none; 
text-align : center; 
float : left; 
height : 27px; 
margin : 0; 
padding : 0; 
font-size : 10px; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-weight : bold; 
} 
#topMenu ul a { 
display : block; 
width : 170px; 
height : 27px; 
line-height : 27px; 
text-decoration : none; 
background-image : ; 
background-repeat : no-repeat; 
color : #000000; 
} 
#topMenu ul a:hover { 
background-position : 0 -27px; 
color : #ffffff; 
} 
#topMenu ul li { 
display : inline; 
float : left; 
} 
#topMenu .current { 
display : block; 
width : 170px; 
height : 27px; 
line-height : 27px; 
text-decoration : none; 
background-image : ; 
background-repeat : no-repeat; 
background-position : 0 -27px; 
color : #ffffff; 
} 
#topMenu .current a, #topMenu .current a:hover { 
color : #ffffff; 
}

  



