@charset "UTF-8";

/* colour notes  

orange  #e55302  
Plumb #9c0059
teal #006595


body copy is from old site gray #4C4C4D;
*/
/* The reset code start */
html, body, div, span, applet, object, iframe,blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 0.9em;
}
ol, ul {
	list-style: none;
}

.floatright_mos { float:right; padding:5px 5px 50px 5px;  }

#floatleft_mos  {  float:left; width:280px;}

.scrollContainer div.panel ul  {
list-style:disc outside none;
padding:2px 0px 2px 20px;
margin:0px;
 font-size:100%;
}

#mainContent  ul  {
list-style:disc outside none;
padding:2px 0px 2px 20px;
margin:0px;
font-size:0.8em;
line-height:1.4em;
}

#mainContent li { padding:2px 0px 5px 0px; margin:0px; }

.scrollContainer div.panel li { padding:2px 0px 5px 0px; margin:0px;}


blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/* The reset code end */

body  {
	font-family:Arial,Helvetica,sans-serif;
	background-image:url(http://www.moneypenny.co.uk/images/bg2.png);
	background-color:#FFF;
	background-repeat:repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0px 0px 0px 0px;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color:#4C4C4D;
}

* Menu and toolbar color */
   navigator-toolbox {background: #FFFFFF !important;
   }


h1{font-size:1.6em; font-weight:900;color:#111; font-family:Georgia, "Times New Roman", Times, serif; line-height:1.2em; padding:8px 0px 0px 0px; margin:20px 0px 10px 0px; }

h1 a { border:none;text-decoration:none;}
h2{color:#e55302; font-size:1.4em;	font-family:Arial,Helvetica,sans-serif;}
h3{position:relative; color:#4C4C4D; padding-top:5px; font-size:1.1em; margin-bottom:-4px; font-weight:bold; font-weight:700; font-family:Arial,Helvetica,sans-serif; }
h4{font-size:0.8em; color:#4C4C4D; font-weight:bold; margin:0px 0px 0px 0px; padding:0px; }



a { z-index:5; cursor:pointer; outline:none; text-decoration:none;}
p {color:#4C4C4D; font-size:0.8em;font:Arial,Helvetica,sans-serif; line-height:1.4em; padding:5px 0px 5px 0px; margin:3px 0px 2px 0px;}
ul {color:#4C4C4D;}
il {color:#4C4C4D;}


.thrColFixHdr #container { 
	width:960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border:0;
	padding:0px 0px 0px 0px; 
	background-position:center;
	text-align:left; /* this overrides the text-align: center on the body element. */
	 	-moz-box-shadow:1px 2px 5px #AAA;
	-webkit-box-shadow: 0px 2px 3px  #AAA;
	box-shadow: 0px 2px 0px  #AAA;
	}
	
/*---------------------------------- new slide show css start--------------------- */

.thrColFixHdr #myslides {
	width:910px;
	height:260px;
    padding:0;  
    margin:0;
	overflow:hidden;
	position:absolute;
	} 
	
.thrColFixHdr #myslides div {
	width:910px;
	height:260px;
	overflow:hidden;
} 
 
.thrColFixHdr #myslides img {  
    padding:0px;  
    border:0px none;  
    background-color:#FFF;
	overflow:hidden;
    width:910px;
    height:260px;
    top:0; 
    left:0;
}
/* ---------------------------------new slide show css end----------------------- */

.thrColFixHdr #shadowcon {width: 960px; background-color:#FFFFFF; background-repeat:repeat-y;
	background-position:center;padding:0px 0px 0px 0px;  }
	
.thrColFixHdr #header { 
	background:#FFFFFF;
	background-image:;
	background-repeat:repeat-x;
	padding: 20px 10px 0px 20px;
	 color:#F30;
	height:40px;/* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 

.thrColFixHdr #header h1 { color:#FF6600; }
.thrColFixHdr #headerorange { 
	background:#FFFFFF;
	width:100%;
	background-repeat:repeat-x;
	padding: 0 0px 0 0px;
	height:60px;/* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 


.thrColFixHdr #headerorange h1{ 
	padding: 30px 0;
	font-family:Arial, Helvetica, sans-serif;
	width:420px;
	position:relative;
	clear:none;
	height:0px;
	margin:0px 0px 0px 21px;
	color:#e55302;
	overflow:hidden;/* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
.thrColFixHdr #headerorange h1 span {
	position:absolute;
	left:0px;
	top:15px;
	width:100%;
	height:50px;
	background-image:url(http://www.moneypenny.co.uk/images/logowhite.jpg);

	background-repeat:no-repeat;
}






/*Start of slideshow header*/
.thrColFixHdr #headerpic { 
	height:265px;
	padding:0px;
	margin:5px 0px 0px 20px;

	

}

.thrColFixHdr #slideshow {
    position:relative;
	margin-left:0px;

}

.thrColFixHdr #slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
 
}

.thrColFixHdr #slideshow DIV.active {
    z-index:99;
    opacity:1.0;
	filter: alpha(opacity = 100);
}

.thrColFixHdr #slideshow DIV.last-active {
    z-index:9;

}

 .thrColFixHd #slideshow DIV img {
    height: 260px;
    display: block;
    border:0;
    margin-bottom:0px;
	margin-top:0px;
	float:left;
   z-index:8;
   padding:5px;
    opacity:0.0;
	filter: alpha(opacity = 0);
	 background-color: #FFF;

    

}


	 
   




.thrColFixHdr #threeways { 
	height:260px;
	background: #FFFFFF;
/*------------------------------------------End of slideshow header-------------------------*/
}

 /*----------------Start breadcrumbs----------------------------------------*/

.thrColFixHdr #breadcrumbs  { margin:0px 0px 0px 5px; float:left; height:30px; width:400px; padding:0px;}

.thrColFixHdr #breadcrumbs p { float:left; margin:0px 0px 0px 0px; font-weight:bold; text-align:left;}
.thrColFixHdr #breadcrumbs li {font-size:0.6em; display:inline;float:left; padding:3px 0px 3px 0px;} 
.thrColFixHdr #breadcrumbs ul { margin-left:0px;padding-top:5px;list-style-type:none;width:auto;font-weight:500; color:#555;margin:2px 1px 2px -20px; font-weight:bold;}
.thrColFixHdr #breadcrumbs ul li a{ text-decoration:none; cursor:pointer;color:#444;}
.thrColFixHdr #breadcrumbs ul li a:hover{ text-decoration:none; cursor:pointer;color:#e55322;}

.thrColFixHdr #breadcrumbs .highlighted { font-size:160%; color:#e55322; padding:0px 3px 0px 3px; line-height:0.7em; }


 /*---------------------breadcrumbs END----------------------------------------*/

/*------------------------------------------------Start of 3way---------------------------------------------------------------------------*/


.boxgrid{ 
				width: 295px; 
				height: 260px; 
				margin:5px; 
				float:left; 
				background:#161613; 
				border: solid 1px #AAA; 
				overflow: hidden; 
				position: relative; 
			}
.boxgrid img{
	position: absolute;
	top: 0px;
	left: 0;
	border: 0;
	width: 298px;
	height: 260px;
				}
				
				.boxgrid p{ 
					padding:10px 20px 15px 20px;
					color:#FFFFFF; 
					font-weight:normal;
					font-size:0.7em;
				   
					line-height:1.2em;
				}
				
			.boxcaption{ 
				float: left;
				cursor:pointer;
				position: absolute; 
				background:#FF6600;
				border-top:solid 1px #FF8A01;
				height: 73px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
			
			.boxcaption1{ 
				float: left; 
				position: absolute;
				cursor:pointer;
				background:#9c0059;
				border-top:solid 1px #F3C;
				height: 73px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
			
			.boxcaption2{ 
				float: left; 
				position: absolute;
				cursor:pointer;
				background:#069;
				border-top:solid 1px #09C;
				height: 73px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
.captionfull .boxcaption {
 					top: 260px;
 					left: 0px;
 				}
.caption .boxcaption {
 					top: 220px;
 					left: 0;
 				}
.captionfull .boxcaption1 {
 					top: 260px;
 					left: 0;
 				}
 .caption .boxcaption1 {
 					top: 220px;
 					left: 0;
 				}
.captionfull .boxcaption2 {
 					top: 260px;
 					left: 0;
 				}
.caption .boxcaption2 {
 					top: 220px;
 					left: 0;
 				}
.thrColFixHdr .boxgrid h3{
	margin:0px;
	color:#444;
	font:1em Verdana,Arial,sans-serif;
	letter-spacing:-1px;
	font-weight:normal;
	text-align:right;
	padding:10px 20px 20px 80px;
}	
		
			.thrColFixHdr .boxgrid a { color:#FFFFFF;text-decoration:none;font-weight:normal;}
			
			.thrColFixHdr .boxgrid  h3 a { color:#444; }
			
		
			
			
					                         
		   .thrColFixHdr .boxgrid a:hover	{text-decoration:none;color:#FFFFFF;}		 
											 
									   /* ----------------------------------------start of >> bits ------------------------------- */
	
.thrColFixHdr .boxgrid .underline{text-decoration:underline; float:right;padding:5px 10px 0px 0px; font-size:1em;}
.thrColFixHdr .boxgrid .underline a:hover{text-decoration:underline;}			
			   
			   
			   
			   
			   							/* ----------------------------------------start of >> bits ------------------------------- */
			   
			   
			   
			                           /* ----------------------------------------end of boxes------------------------------- */
									   
									   
									   



/*start of 2busy */		

.thrColFixHdr #busyheaderarea { width:100%; height:100px; padding-top:10px; margin:0px;}
.thrColFixHdr #quickrightside { float:right; width:130px; margin-top:5px;}
.thrColFixHdr #quickcontactleftside { width:130px; float:left; }
.thrColFixHdr #quickcontactleftside p { padding:1px 20px 0px 0px; width:130px; color:#444;}
.thrColFixHdr #quickcontactleftside h3 { font-size:0.8em; margin:5px 0px 5px 0px;color:#444;}

.thrColFixHdr #quickcontact{ padding:2px 10px 5px 10px;
margin:0px 30px 0px 0px;
border-left: 1px solid #EEE;
border-top: 1px solid #EEE;
border-right: 1px solid #EEE;
border-bottom: 1px solid #EEE;
width:270px; 
float:right; 
text-align:left; 
background:url(http://www.moneypenny.co.uk/images/Imagebox.jpg) #EEE;
background-position:center; 
background-repeat:no-repeat;

/*progressive CSS3 for the future and beyond!!!!!!!!!!!!!!!!!!!!!!!! */

box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5);
	-moz-border-radius:3px;
	webkit-border:3px;

}

.thrColFixHdr #quickcontact p { font-size:0.6em; padding:1px 0px 0px 0px; margin:0px; }	
					

	


.thrColFixHdr form { margin-bottom:0; padding-bottom:0;border:0 none;}


.thrColFixHdr form input{
	margin:2px 0px 2px 0px;	
	width:120px;
	background-image:url(http://www.moneypenny.co.uk/images/input_shadow.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	border-top: 1px solid #777;
	border-right: 2px solid #DDD;
	border-bottom: 1px solid #EEE;
	border-left: 2px solid #DDD;
	color:#444;
	padding:3px 0px 3px 1px;
	font-size:1em;
	vertical-align:middle;
	
	
}









/*end of 2busy */	

/*Start of footer links */	

 .thrColFixHdr #footerlink {float:right;font-size:0.7em; text-decoration:none; color:#FFFFF; margin:2px 0px 0px 0px; padding:0px 30px 0px 0px;}
 .thrColFixHdr #footerlink ul { margin:0px;padding:0;list-style-type:none;decoration:none;width:auto;font-weight:500; color:#EEE;}
 .thrColFixHdr #footerlink ul li {display:block;float:left;margin:0px 4px 0px 4px;}
 .thrColFixHdr #footerlink ul li a {display:block;float:left;color:#FFFFFF;text-decoration:none;padding:4px 2px 0px 4px;}
 .thrColFixHdr #footerlink ul li a:hover{ border-bottom:2px #FFFFFF solid;background-position:bottom center; opacity:100%; }
 
 
/*End of footer links */	



/*Start of footer links 2 */	

 .thrColFixHdr #footerlink2 {float:right;font-size:0.6em; text-decoration:none; color:#777; margin:0px 0px 0px 0px; padding:0px 0px 0px 20px; height:40px; background-color:#FFFFFF; width:940px;
	 	-moz-box-shadow:1px 2px 5px #AAA;
	-webkit-box-shadow: 0px 2px 3px  #AAA;
	box-shadow: 0px 2px 0px  #AAA;
	}
	
 .thrColFixHdr #footerlink2 ul { margin:0px;padding:0;list-style-type:none;decoration:none;width:auto;font-weight:500; color:#777; float:right; margin:0px 30px 0px 0px}
 .thrColFixHdr #footerlink2 ul li {display:block;float:left;margin:0px 4px 0px 4px;}
 .thrColFixHdr #footerlink2 ul li a {display:block;float:left;color:#777;text-decoration:none;padding:4px 2px 0px 2px;}
 .thrColFixHdr #footerlink2 ul li a:hover{ border-bottom:2px #777 solid;background-position:bottom center; opacity:100%; }
 
 
/*End of footer links */	

					
/*start of h3 colour change*/			
.boxgrid. #headone  {color: #FFFFFF; background-color:#0000EE; padding:10px 9px 3px 25px; margin-left:-5px; margin-top:0px; width:215px; font-weight:bold;z-index:999;  
		
				
				}
.boxgrid. #headone1 {color: #FFFFFF; background-color:#e55302;padding:10px 9px 3px 25px; margin-left:-5px; margin-top:0px; width:215px; font-weight:bold;z-index:999;  
			
				}
.boxgrid. #headone2 {color: #FFFFFF; background-color:#9c0059;padding:10px 9px 3px 25px; margin-left:-5px; margin-top:0px; width:215px; font-weight:bold;z-index:999;
				
				}
/*end of h3 colour change */
.slidedown2 h3{margin: 10px 10px 0 10px; color:#FFFFFF; font:16pt Arial, sans-serif; letter-spacing:-1px; font-weight: bold; position: relative;}
.slidedown2 h3 a {text-decoration:none;}



/* 3way end*/

.thrColFixHdr #header h2 { float:right;  margin:18px 40px 40px 0px;color:#F60; }
.thrColFixHdr #headerorange h2 { float:right; color:#000000;  margin:-25px 26px 0px 0px; position:relative;  padding:0px;  clear:none; font-size:1.3em; height:auto; font-family:Georgia, "Times New Roman", Times, serif; }


/*Top nav accross START */



.thrColFixHdr #topnavbar2 { height:30px; background:url(http://www.moneypenny.co.uk/images/navtrans.png); background-repeat:repeat-x; z-index:999; position:absolute; top:410px; width:920px;margin:5px 0px 0px 5px;  display:block;font-weight:normal; padding-left:18px; clear:both; font-size:0.7em;
			
}

.thrColFixHdr #topnavbar2 ul {margin:0px;padding:0;list-style-type:none;width:auto; font-weight:normal;color:#000; font-weight:normal;}
.thrColFixHdr #topnavbar2 ul li{display:block;float:left;margin:0 1px 1px 0px; color:#000; }
.thrColFixHdr #topnavbar2 ul li a{display:block;float:left; color:#000;text-decoration:none;padding:6px 14px 6px 10px; }
.thrColFixHdr #topnavbar2 ul li a:hover{ color:#FF6600;border-bottom:none; background-position:bottom center;opacity:100%;}
.thrColFixHdr #topnavbar2 ul li a.current{color:#FC5B12 ;border-bottom:none; background:none;}
.thrColFixHdr #topnavbar2 ul li a.home{border-bottom:none; padding:5px 15px 8px 18px; background-position:center;opacity:100%;background-image:url(http://www.moneypenny.co.uk/images/homeicon.png); width:10px; background-repeat:no-repeat;text-indent:-9999px;overflow:hidden;}
.thrColFixHdr #topnavbar2 ul li a.home_on{border-bottom:none;padding:5px 15px 8px 15px; background-position:center;opacity:100%;background-image:url(http://www.moneypenny.co.uk/images/homeicon_on.png); width:10px; background-repeat:no-repeat;text-indent:-9999px;overflow:hidden;}
.thrColFixHdr #topnavbar2 ul li a.home:hover{border-bottom:none; background-position:center;opacity:100%;background-image:url(http://www.moneypenny.co.uk/images/homeicon_on.png); width:10px; background-repeat:no-repeat;text-indent:-9999px;overflow:hidden;
}


.thrColFixHdr #topnavbar3 { height:27px; width:912px; background:url(http://www.moneypenny.co.uk/images/navtrans.png); background-repeat:repeat-x; z-index:9999; position:relative; margin:-30px 0px 0px 20px;  display:block;font-weight:normal;  clear:both; font-size:0.7em;
			
}

.thrColFixHdr #topnavbar3 ul {margin:0px;padding:0;list-style-type:none;width:auto; font-weight:normal; color:#4C4C4D;font-weight:normal;}
.thrColFixHdr #topnavbar3 ul li{display:block;float:left;margin:0 1px 1px 0px; color:#000; }
.thrColFixHdr #topnavbar3 ul li a{display:block;float:left; color:#000;text-decoration:none;padding:6px 14px 5px 10px; }
.thrColFixHdr #topnavbar3 ul li a:hover{color:#FF6600;border-bottom:none; background-position:bottom center;}

.thrColFixHdr #topnavbar3 ul li a.current{color:#FC5B12 ;border-bottom:none;}




.thrColFixHdr #topnavbar3 ul li a.home{border-bottom:none; padding:5px 15px 8px 18px; background-position:center;opacity:100%;background-image:url(http://www.moneypenny.co.uk/images/homeicon.png); width:10px; background-repeat:no-repeat;text-indent:-9999px;overflow:hidden;}
.thrColFixHdr #topnavbar3 ul li a.home_on{border-bottom:none;opacity:100%;background-image:url(http://www.moneypenny.co.uk/images/homeicon_on.png); width:10px; background-repeat:no-repeat;text-indent:-99px;overflow:hidden;}
.thrColFixHdr #topnavbar3 ul li a.home:hover{border-bottom:none;opacity:100%;background-image:url(http://www.moneypenny.co.uk/images/homeicon_on.png); width:10px; background-repeat:no-repeat;text-indent:-9999px;overflow:hidden;}

/*Top nav accross END */

/*login start */

.thrColFixHdr #loginbox {  margin:-2px 2px 2px 20px; padding:0px 5px 5px 5px;color:#111; height:20px; width:510px; float:left;	
}

.thrColFixHdr #loginbox p {   padding:0px; font-size:0.7em;
				}
				
.thrColFixHdr #loginbox a { color:#FFFFFF; outline:none;text-decoration:none; padding:2px 0px 2px 0px;}
.thrColFixHdr #loginbox a:hover { color:#FFFFFF; outline:none; }

.thrColFixHdr #loginbox input{
	
		width:120px;
	color:#444;
	padding:2px 0px 1px 2px;
	margin:0px 0px 1px 5px;
	vertical-align:middle;
	font-size:80%;
	border-top:1px solid #777;
	border-right:2px solid #DDD;
	border-bottom:1px solid #EEE;
	border-left:2px solid #DDD;
	background-image:url(http://www.moneypenny.co.uk/images/input_shadow.jpg);
	background-position:top right;
	background-repeat:no-repeat;


}

.thrColFixHdr #loginbox.login { background:none; outline:none;}

/*-------------solid buttons start-------*/ 




.buttons a, .buttons button{

    float:right;
    margin:0px 0px 0px 0px;
	border:none;
    font-size:70%;
    line-height:100%;
    text-decoration:none;
    font-weight:bold;
    color:#444;
    cursor:pointer;
    padding:1px 12px 0px 2px; /* Links */
}

.buttons button{
    width:auto;
    overflow:visible;
	  background-color:transparent;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:2px 1px 2px 5px; /* Firefox */
    line-height:12px; /* Safari */
	  background-color:transparent;
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0px 3px -1px 3px !important;
    padding:0;
    border:none;
    width:9px;
    height:9px;
	  background-color:transparent;
}



/* POSITIVE */

button.positive, .buttons a.positive{
    color:#444;
	
	
}
.buttons a.positive:hover, button.positive:hover{
    color:#777;

}
.buttons a.positive:active{
    border:1px solid #529214;
    color:#444;
	
}

/* POSITIVE2 */

button.positive2, .buttons a.positive2{
    color:#FFFFFF;
}
.buttons a.positive2:hover, button.positive2:hover{
    color:#FFFFFF;
}
.buttons a.positive2:active{
    border:1px solid #529214;
    color:#FFFFFF;
}



/*-------------solid buttons end--------*/ 
#login a, button{
    margin:0px 0px 0px 0px;
	border:none;
	background:transparent;
    font-size:100%;
    line-height:100%;
    text-decoration:none;
    font-weight:bold;
    color:#FFFFF;
    cursor:pointer;
    padding:1px 5px 0px 2px; /* Links */
}
#loginbox button[type]{
    padding:2px 2px 2px 5px; /* Firefox */
    line-height:12px; /* Safari */
	  background-color:transparent;
}

#loginbox  button img,  button a img{
    margin:0 3px -2px 3px !important;
    padding:0;
    border:none;
    width:10px;
    height:10px;
	  background-color:transparent;
}






	 
	

/*login END */


.thrColFixHdr #insidesidebar2 ul li a.top {margin-top:5px; padding:0px 0px 0px 0px; height:15px}

/*---------------------Second nav accross Start -------------------*/
.thrColFixHdr #sidebar2 ul {  text-decoration:none;padding:0px 0px 0px 0px; font-size:0.7em; font-weight:100; }
.thrColFixHdr #sidebar2 ul li { display: block; border-bottom:1px #444 solid;padding:5px 5px 5px 0px; margin:0px; letter-spacing:0px;text-decoration: none; list-style:none;}
.thrColFixHdr #sidebar2 ul li a{ display: block;text-decoration: none;color:#4C4C4D;list-style:none; background-image:url(http://www.moneypenny.co.uk/images/newpointersgray.gif); background-position:right; background-repeat:no-repeat;}
.thrColFixHdr #sidebar2 ul li a:hover{ font-weight:bold;}

.thrColFixHdr #sidebar2 ul li a.orang:hover{color:#e55302;}
.thrColFixHdr #sidebar2 ul li a.blue:hover{color:#9c0059;}

.thrColFixHdr #sidebar2 ul li a.orang{ text-decoration: none; background-image:url(http://www.moneypenny.co.uk/images/newpointersog.gif); background-position:right; background-repeat:no-repeat;}
.thrColFixHdr #sidebar2 ul li a.orang_on{ text-decoration:none;color:#e55302; font-weight:bold; background-image:url(http://www.moneypenny.co.uk/images/newpointersog.gif); background-position:right; background-repeat:no-repeat;}

.thrColFixHdr #sidebar2  ul li a.purp{ background-image:url(http://www.moneypenny.co.uk/images/newpointersplum.gif);text-decoration: none; background-position:right; background-repeat:no-repeat;}

.thrColFixHdr #sidebar2  ul li a.blue{ background-image:url(http://www.moneypenny.co.uk/images/newpointersplum.gif);text-decoration: none; background-position:right; background-repeat:no-repeat;}
.thrColFixHdr #sidebar2  ul li a.blue_on{ background-image:url(http://www.moneypenny.co.uk/images/newpointersplum.gif); font-weight:bold;text-decoration: none; background-position:right; background-repeat:no-repeat;}
/*----------------------Second nav accross END ----------------*/


/*---------------------left side nav accross Start -------------------*/
.thrColFixHdr #sidebarleft {float:left; padding:0px 0px 0px 0px; margin:0px 0px 30px 0px; width:190px; }
.thrColFixHdr #sidebarleft ul {text-decoration:none;padding:0px 20px 0px 0px; font-size:0.7em; font-weight:100; margin:0px; color:#4C4C4D; }
.thrColFixHdr #sidebarleft ul li { display: block;padding:5px 5px 5px 0px; margin:0px 0px 0px 0px; letter-spacing:normal;text-decoration: none; list-style:none;color:#4C4C4D;}
.thrColFixHdr #sidebarleft ul li a{ display: block;text-decoration: none;list-style:none;padding:0px 20px 0px 0px;color:#4C4C4D;}
.thrColFixHdr #sidebarleft ul li a:hover{ font-weight:bold; color:#e55302; background-position:right; background-image:url(http://www.moneypenny.co.uk/images/newpointersog.gif);background-repeat:no-repeat; border:none;}
.thrColFixHdr #sidebarleft ul li a.current{ font-weight:bold; color:#e55302; background-position:right; background-image:;background-repeat:no-repeat; border:none;}
.thrColFixHdr #sidebarleft ul li  a.selected{ font-weight:bold; color:#e55302; background-position:right; background-image:url(http://www.moneypenny.co.uk/images/newpointersog.gif);background-repeat:no-repeat; border:none;}

/*----------------------left side nav accross END ----------------*/

.thrColFixHdr #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	 /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #FFFFF; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 10px 0px 20px; /* padding keeps the content of the div away from the edges */
}
.thrColFixHdr #sidebar2 {


background:#FFFFFF;
float:right;
padding:20px 30px 0px 0px;
margin:0px;
width:160px;
min-height:320px;
	
}

.thrColFixHdr #sidebar3 {


background:#FFFFFF;
float:right;
padding:300px 30px 20px 0px;
margin:0px;
width:160px;
	
}

.thrColFixHdr #shadowsmall { height:30px; width:240px; background-image:url(http://www.moneypenny.co.uk/images/sideshad.jpg); background-repeat:no-repeat;}

.thrColFixHdr #mainContentindex { 

	margin: 0px 250px 0px 13px; background-color:#FFFFFF;/* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding:0px 60px 0px 10px;
	width:610px;/* remember that padding is the space inside the div box and margin is the space outside the div box */
}
.thrColFixHdr #indextextbottom { margin:110px 0px 0px 0px;}
.thrColFixHdr .indextextbot  { color:#111;font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}


.thrColFixHdr #mainContentindex p { color:#4C4C4D; margin:0px 0px 0px 0px; }


.thrColFixHdr #mainContent { 

	margin: 0px 250px 5px 13px; background-color:#FFFFFF;/* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding:0px 0px 10px 10px;
	width:610px;/* remember that padding is the space inside the div box and margin is the space outside the div box */
}

.thrColFixHdr #mainContent p { 
	 /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

.thrColFixHdr #mainContent .orangetextbold { font-weight:bold;color:#e55302;}
.thrColFixHdr #mainContent .graytextbold { font-weight:bold;color:#4C4C4d;}

.thrColFixHdr #mainContent .orangetextboldFAQ {color:#e55302; font-weight:bold; padding:0px 0px 0px 5px}
.thrColFixHdr #mainContent a { color:#e55302; text-decoration:none;}
.thrColFixHdr #mainContent a:hover{ text-decoration:none;color:#4C4C4D; border-bottom:2px #e55302 solid;}


.thrColFixHdr #mainContent2 ul { font-size:0.9em;padding:10px 20px 20px 0px; list-style:none;}
.thrColFixHdr #mainContent2 ul li {font-size:0.9em; padding-top:5px;}
.thrColFixHdr #mainContent2 { 
	margin: 0px 20px 0px 20px; width:600px; background-color:#FFFFFF;/* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding:20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

.thrColFixHdr #mainContent2 a h3 {color:#44444; font-weight:bold; font-size:1.1em; text-decoration:none; list-style:none;}


/*---------------------------main left---------------------------*/

.thrColFixHdr #mainleft  { width:250px; float:left; padding:10px 0px 217px 0px; margin:20px 10px 0px 0px; background-image:url(http://www.moneypenny.co.uk/images/newleftpic.jpg); background-position:bottom left; background-repeat:no-repeat;}

.thrColFixHdr #mainleft ul{ margin:0px 0px 0px 15px; }



.thrColFixHdr #mainleft p { padding:10px 0px 0px 35px; margin:0px 20px 0px 0px; line-height:1.5em; font-size:0.8em;}
.thrColFixHdr #mainleft a { color:#e55302; text-decoration:none;}


/*---------------------------main left---------------------------*/

/*---------------------------main right---------------------------*/

.thrColFixHdr #mainright  { float:left; padding:0px; margin:20px 0px 3px 20px; width:316px;}

.thrColFixHdr #mainright p { padding:0px; margin:0px 0px 4px 0px; font-weight:normal;}
.thrColFixHdr #mainright a { color:#e55302; text-decoration:none;}
/*---------------------------main right---------------------------*/

/*---------------------------main right  addit---------------------------*/

.thrColFixHdr #mainrightaddit  { float:right; width:400px; padding:0px; margin:-7px 0px 20px 0px;}

.thrColFixHdr #mainrightaddit  p { padding:0px; font-weight:normal;}
.thrColFixHdr #mainrightaddit  a { color:#e55302; text-decoration:none;}

.thrColFixHdr #mainrightaddit h4 { font-size:0.8em; margin:15px 0px -5px 0px;  }
/*---------------------------main right  addit---------------------------*/


/*---------------------------pdf tumb change start---------------------------*/

.thrColFixHdr #mainbottomcopyaddit_online { padding:15px 0px 0px 0px;}
.thrColFixHdr #mainbottomcopyaddit_online p { float:left; padding:22px 0px 22px 20px; margin:10px 10px 20px 0px;  }
.thrColFixHdr #mainbottomcopyaddit_online img { float:left; padding:2px; margin:0px; clear:none;  }

.thrColFixHdr #mainbottomcopyaddit_cover  { padding:15px 0px 0px 0px;}
.thrColFixHdr #mainbottomcopyaddit_cover p { float:left; padding:22px 0px 22px 20px; margin:10px 10px 20px 0px;  }
.thrColFixHdr #mainbottomcopyaddit_cover img { float:left; padding:2px; margin:0px; clear:none;  }

.thrColFixHdr #mainbottomcopyaddit_rooms { padding:15px 0px 0px 0px;}
.thrColFixHdr #mainbottomcopyaddit_rooms p { float:left; padding:22px 0px 22px 20px; margin:10px 10px 20px 0px;  }
.thrColFixHdr #mainbottomcopyaddit_rooms img { float:left; padding:2px; margin:0px; clear:none;  }

.thrColFixHdr #mainbottomcopyaddit_addresses { padding:15px 0px 0px 0px;}
.thrColFixHdr #mainbottomcopyaddit_addresses p {float:left; padding:22px 0px 22px 20px; margin:10px 10px 20px 0px;  }
.thrColFixHdr #mainbottomcopyaddit_addresses img { float:left; padding:2px; margin:0px; clear:none;  }


.thrColFixHdr #mainbottomcopyaddit_weekends { padding:15px 0px 0px 0px;}
.thrColFixHdr #mainbottomcopyaddit_weekends p {float:left; padding:22px 0px 22px 20px; margin:10px 10px 20px 0px;  }
.thrColFixHdr #mainbottomcopyaddit_weekends img { float:left; padding:2px; margin:0px; clear:none; }

.thrColFixHdr #mainbottomcopyaddit_fax { padding:15px 0px 0px 0px;}
.thrColFixHdr #mainbottomcopyaddit_fax p {float:left; padding:22px 0px 22px 20px; margin:10px 10px 20px 0px;  }
.thrColFixHdr #mainbottomcopyaddit_fax img { float:left; padding:2px; margin:0px; clear:none; }


.thrColFixHdr #mainbottomcopyaddit_lines { padding:15px 0px 0px 0px;}
.thrColFixHdr #mainbottomcopyaddit_lines p {float:left; padding:22px 0px 22px 20px; margin:10px 10px 20px 0px;  }
.thrColFixHdr #mainbottomcopyaddit_lines img { float:left; padding:2px; margin:0px; clear:none; }

.thrColFixHdr #mainbottomcopyaddit_local { padding:15px 0px 0px 0px;}
.thrColFixHdr #mainbottomcopyaddit_local p {float:left; padding:22px 0px 22px 20px; margin:10px 10px 20px 0px;  }
.thrColFixHdr #mainbottomcopyaddit_local img { float:left; padding:2px; margin:0px; clear:none; }

.thrColFixHdr #mainbottomcopyaddit_concall { padding:15px 0px 0px 0px;}
.thrColFixHdr #mainbottomcopyaddit_concall p {float:left; padding:22px 0px 22px 20px; margin:10px 10px 20px 0px;  }
.thrColFixHdr #mainbottomcopyaddit_concall img { float:left; padding:2px; margin:0px; clear:none; }


/*---------------------------pdf tumb change end ---------------------------*/


/*---------------------------addit bottom copy---------------------------*/

.thrColFixHdr #mainbottomcopyaddit { float:right; width:300px; padding:5px 20px 5px 70px; margin:10px 10px 20px 0px; background:left url(http://www.moneypenny.co.uk/images/PDFlogo.jpg) no-repeat;}
.thrColFixHdr #mainbottomcopyaddit p { font-size:0.7em; padding:0px 0px 0px 0px;}
.thrColFixHdr #mainbottomcopyaddit a {color:#e55302; font-weight:bold; text-decoration:none;}


/*---------------------------addit bottom copy---------------------------*/
/*---------------------------main bottom copy---------------------------*/
.thrColFixHdr #mainbottomcopy { width:600px; float:left; padding:5px 10px 5px 0px; margin:10px 0px 0px 20px;}
.thrColFixHdr #mainbottomcopy p {padding:0px 0px 20px 0px;}
.thrColFixHdr #mainbottomcopy a {color:#e55302; font-weight:bold; text-decoration:none;}

/*---------------------------main bottom copy---------------------------*/

/*---------------------------main bottom trial copy---------------------------*/

.thrColFixHdr #mainbottomcopytrial { width:600px;float:left; padding:5px 10px 5px 0px; margin:20px 0px 0px 0px;}
.thrColFixHdr #mainbottomcopytrial p {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
.thrColFixHdr #mainbottomcopytrial a {color:#e55302; font-weight:bold; text-decoration:none;}

.thrColFixHdr #mainbottomcopytrial .orangetextbold {color:#e55302; font-weight:bold;}

/*---------------------------main bottom trial copy---------------------------*/




.thrColFixHdr #footer { 
	padding:0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */


	margin-bottom:0px;
	background-color:#DDD;
	margin-right:20px;
	height:120px;
	width:100%;
	float:left;
} 
.thrColFixHdr #footershadow { 
	 /* this padding matches the left alignment of the elements in the divs that appear above it. */
	 background-repeat:no-repeat; background-position:center bottom;
	 height:25px;padding:15px 0px 5px 0px; margin:0px 0px 0px 0px; width:960px;background-color:#FF6600; background-image:url(http://www.moneypenny.co.uk/images/ogfooter.jpg); background-repeat:no-repeat;
} 

.thrColFixHdr #footershadow p { 
	 /* footer text */
	 padding:0px; color:#FFFFFF; margin:0px; font-weight:normal;
	
} 

.thrColFixHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
/* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

/*------------------contact form css start-------------------------*/

.thrColFixHdr #mainright fieldset { border:none; margin:5px 0px 0px 0px;}
.thrColFixHdr #mainright input.txt {
  	border-top: 1px solid #AAA;
	border-right: 1px solid #AAA;
	border-bottom: 1px solid #AAA;
	border-left: 1px solid #AAA;
  width: 160px;
    background:url(http://www.moneypenny.co.uk/images/input_shadow.jpg);
	background-position:top right;
}






.thrColFixHdr #mainright form div {
  clear:none;
  margin: 0px 0px 0px 0px;
  padding: 0;
  padding-top: 0.4em;
}
.thrColFixHdr #mainright form div label {
  float: left;
  width:140px;
  font: normal 0.8em Arial, Helvetica, sans-serif;
}

.thrColFixHdr #mainright form textarea {
  color:#444;
  font: normal 0.8em Arial, Helvetica, sans-serif;
  	background:url(http://www.moneypenny.co.uk/images/input_shadow.jpg);
	background-position:top right;
	background-repeat:no-repeat;
  	border-top: 1px solid #AAA;
	border-right: 1px solid #AAA;
	border-bottom: 1px solid #AAA;
	border-left: 1px solid #AAA;
	width:302px;
	height:150px;
	margin:0px 0px 0px 0px;
	 overflow: auto;

		
}


.thrColFixHdr #mainright form input{
	margin:2px 0px 2px 0px;	
	width:120px;
	background:none;
	border:#DDD solid 1px;
	color:#444;
	padding:1px 0px 1px 3px;
	font-size:0.8em;
	vertical-align:middle;
	font: normal 0.8em Arial, Helvetica, sans-serif;
	
	
}

/*------------------ Contact form css end---------------------- */

/*------------------ trial form css start---------------------- */

.thrColFixHdr #trialform fieldset { border:none; width:280px; float:left;padding:0px 0px 0px 20px}
.thrColFixHdr #trialform form{ display:inline;}

.thrColFixHdr #trialformright { float:right; width:280px;}
.thrColFixHdr #trialform {margin:10px 2px 2px -20px; padding:0px 0px 0px 0px;color:#444; float:left; clear:none;	}

.thrColFixHdr #trialformright fieldset {border:none; width:270px; float:left; margin:0px 0px 0px 0px}
.thrColFixHdr #trialformright form{ display:inline;}







.thrColFixHdr #trialform label {
  float:left;
  display:block;
  width:100px;

  font: normal 0.8em Arial, Helvetica, sans-serif;
}

 .thrColFixHdr #trialform input.txt {
background-image:url(http://www.moneypenny.co.uk/images/input_shadow.jpg);
background-position:right top;
background-repeat:no-repeat;
border-top: 1px solid #777;
border-right: 1px solid #777;
border-bottom: 1px solid #777;
border-left: 1px solid #777;
font-size:0.8em;
padding:0px 0px 1px 2px;
margin:2px 0px 5px 0px;
vertical-align:middle;
width:170px;
}

.thrColFixHdr #trialform input level{ margin-top:10px;}


.thrColFixHdr #trialformright input.txt {
background-image:url(http://www.moneypenny.co.uk/images/input_shadow.jpg);
background-position:right top;
background-repeat:no-repeat;
border-top: 1px solid #777;
border-right: 2px solid #DDD;
border-bottom: 1px solid #EEE;
border-left: 2px solid #DDD;
color:#444444;
font-size:0.8em;
padding:1px 0 1px 2px;
margin:2px 0px 5px 0px;
vertical-align:middle;
width:160px;
}



/*------------------ trial form css end---------------------- */


/*------------------trial button space css start-------------------------*/




.thrColFixHdr #buttonspace {float:left; position:relative; width:590px;}

.thrColFixHdr #button{float:right; width:100px; height:100px; margin:0px 50px 0px 0px; padding:0px;}

.thrColFixHdr #button p a.press-it-btn {
	display: block;
	width:150px; height:150px;
	background-image:url(http://www.moneypenny.co.uk/images/Free-trial.jpg);
	background-position:top centre;
	margin:-10px 0px 0px 0px;
	background-repeat:no-repeat;
	padding:0px;
	text-indent: -9999px;
}


.thrColFixHdr #button p a.press-it-btn:hover {
	background-position: center bottom;	background-repeat:no-repeat;
}
.thrColFixHdr #button p a.press-it-btn:active {
	background-position:center bottom;	background-repeat:no-repeat;
}

.thrColFixHdr #button a { outline: none; }

.thrColFixHdr #buttonp a.press-it-btn:hover, #demo p a.press-it-btn:focus {}



/*------------------ trial button space css end---------------------- */


.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}




/*--------------------------------------------------- Right sidetop start------------------------------------------------------------ */
.thrColFixHdr #rightsidetop {float:left; position:relative; width:350px;}

/*--------------------------------------------------- Right sidetop End ----------------------------------------------- */


/* ------------------------------------------------------------------------ leftnavcontainer start ---------------------------------------------------------------------------------- */



	


/* ------------------------------------------------------------------------ leftnavcontainer end -------------------------------------------------------------------- */

/* ------------------------------------------------------------------------ new busybox---------------------------------------------------------------------------------- */
div.busymain h2{	color:#FFFFFF; 
	margin-bottom:20px;
	font-size:1em;
}

div.busymain{
	margin:30px auto; 
	width:180px;
	
	}
div.busymain h1, h2, form{
	border:0px; 
	margin:0px; 
	padding:0px;

}
div.busymain p {color:#EEE; border:0px; 
	margin:0px; 
	padding:0px;}
	
div.busybox	input{	font-family: Arial, Helvetica, sans-serif; 
	font-size:0.7em;
	width:150px;
	margin-bottom:3px;
}


div.busybox h1 {
	font-size:14px;
	color:#FFFFFF;
	padding-bottom:4px;
}
div.busybox p {padding-bottom:14px;}

div.buybox input .input-text{
	border:1px solid #3b6e22;
	color:#666666;
	width:100px;

}
/* ------------------------------------------------------------------------ toggle start-------------------------------------------------------------------- */
#toggle-view h1 { padding:0px 0px 0px 0px;}
#toggle-view h4 {
		margin:0;
		font-size:0.8em; color:#777777;
		line-height:1.5em;
	}
#toggle-view p {
		margin:5px 0;
		display:none;
		color:#F60;
	}	
	
#toggle-view span {
		position:absolute;
		right:5px; top:0;
		color:#F60;
		font-size:1.2em;
	}
	
#toggle-view {
	list-style:none;	
	font-size:0.9em;
	margin:0;
	padding:5px 10px 10px 5px;

}

#toggle-view li {
		margin:10px 0px 5px 0px;
		border-bottom:1px solid #ccc;
		position:relative;
		cursor:pointer;
	}

/* ------------------------------------------------------------------------ toggle End------------------------------------------------------------------- */




/* ------------------------------------------------------------------------ new busybox end-------------------------------------------------------------------------- */





.thrColFixHdr #sidebar2 h4{font-family:Arial,Helvetica,sans-serif; margin:0px 0px -8px 0px; font-size:0.9em; padding:0px; position:relative;}


.thrColFixHdr #footerlogos{ margin:0px 5px 0px 0px; padding:0px 0px 0px 0px; height:80px; width:155px; float:right;}


.thrColFixHdr #footer3 { height:60px; background-color:#FFFFFF; list-style:none;}
.thrColFixHdr #footer3 ul a { text-decoration:none; list-style:none;}

/* ------------------------------------------------------------------------404 page start-------------------------------------------------------------------------- */
.thrColFixHdr #404area { width:600px;}
.thrColFixHdr #404area p { text-align:center}
/* ------------------------------------------------------------------------404 page end-------------------------------------------------------------------------- */



/*--------------------------------------------------------slideViewer's basic CSS: START-----------------------------------------------*/
 
/*preload classes*/ 
.svw {width: 50px; height: 20px; background: #fff;} 
.svw ul {position: relative; left: -999em;} 
 
/*core classes*/ 
.stripViewer {  
position: relative; 
overflow: hidden;  
border: 5px solid #ff0000;   
margin: 0 0 1px 0; 
} 
.stripViewer ul { /* this is your UL of images */ 
margin: 0; 
padding: 0; 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none; 
} 
.stripViewer ul li {  
float:left; 
} 
.stripTransmitter { 
overflow: auto; 
width: 1%; 
} 
.stripTransmitter ul { 
margin: 0; 
padding: 0; 
position: relative; 
list-style-type: none; 
} 
.stripTransmitter ul li{ 
width: 20px; 
float:left; 
margin: 0 1px 1px 0; 
} 
.stripTransmitter a{ 
font: bold 10px Verdana, Arial; 
text-align: center; 
line-height: 22px; 
background: #ff0000; 
color: #fff; 
text-decoration: none; 
display: block; 
} 
.stripTransmitter a:hover, a.current{ 
background: #fff; 
color: #ff0000; 
} 
 
/*tooltips formatting*/ 
#tooltip { 
background: #fff; 
color: #000; 
opacity: 0.85; 
border: 5px solid #dedede; 
} 
#tooltip h3 {  
font: normal 10px Verdana;  
margin: 0;  
padding: 6px 2px;  
border: 0; 
} 

.thrColFixHdr #keylist ul { list-style:disc; margin:10px 0px 10px 0px; padding:0px 0px 0px 20px}
.thrColFixHdr #keylist li { padding:3px 0px 3px 0px; margin:0px; }
.thrColFixHdr #keylist p { padding:2px 0px 2px 0px; margin:0px; }




/*-------------accordian start--------*/ 


.accordion {
	width: 600px;
	min-height:450px;
	margin:0px 0px 20px 0px;
}
.accordion h4 {
	background:#FFFFFF url(http://www.moneypenny.co.uk/images/arrow-square.gif) no-repeat right -51px;
	padding: 7px 28px 5px 5px;
	color:#4c4c4d;
	margin: 0;
	font-weight:normal;
	border-bottom:solid 1px #c4c4c4;
	cursor: pointer;
}
.accordion h4:hover {
	background:#FFFFFF url(http://www.moneypenny.co.uk/images/arrow_on.gif) no-repeat right;
	color:#444;
}
.accordion h4.active {
		background:#FFFFFF url(http://www.moneypenny.co.uk/images/arrowup_on.gif) no-repeat right;
}
.accordion p {
	margin: 0;
	font-size:0.8em;
	color:#F60;
	padding: 10px 15px 10px 5px;
}


/*-------------accordian end--------*/ 

.thrColFixHdr #freetrialcontactbackground { height:210px; width:300px; background:url(http://www.moneypenny.co.uk/images/cornertrial.gif); background-position: bottom right; position:relative;top:100px; left:-130px; z-index:999;
	
}

.thrColFixHdr #freetrialcontactbackground_trialpage { height:210px; width:300px; background:url(http://www.moneypenny.co.uk/images/cornertrial.gif); background-position: bottom right; position:relative; top:130px; left:-130px; z-index:999;
	
}
.thrColFixHdr #mainleft_trialpage { width:200px; }
.thrColFixHdr #mainleft_trialpage h2 { line-height:1.2em;  font-size:1.4em; color:#000; font-family:Georgia, "Times New Roman", Times, serif; padding:0px 10px 0px 0px; margin:0px 0px 0px 0px;}

.thrColFixHdr #mainleft_trialpage .massivetext { font-size:250%; line-height:1.4em; padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
.thrColFixHdr #mainleft_trialpage  { width:200px; float:left; padding:10px 0px 10px 0px; margin:20px 10px 0px 0px; background-image:; background-position:left; background-repeat:no-repeat;}

/*-------------new coda style css--------*/ 	

#intro {
    padding-bottom: 10px;
}



#slider {
    width:800px;
    margin: 0 auto;
    position: relative;
}

.scroll {
    width: 440px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear:none;
    float:left;
}

.scrollContainer div.panel {

    padding:8px 20px 20px 20px;
    margin:0px 0px 10px 0px;
    width: 400px;
	

}

.scrollContainer div.panelfirst {

    padding:8px 20px 20px 20px;
    margin:0px 0px 10px 0px;
    width: 400px;
	height:180px;
	

}






#shade {
    background: #EDEDEC url(http://www.moneypenny.co.uk/images/shade.jpg) no-repeat 0 0;
    height: 50px;
}

ul.navigation {
    list-style:none;
	float:left;
	width:190px;
    margin: 0;
    padding: 0;
    padding-bottom: 9px;
}

ul.navigation li {
    display:block;
    margin: 5px 10px  2px 2px;
}

ul.navigation a {
    color: #000;
	padding:2px 5px 2px 0px;
	margin:2px 0px 2px 0px;
    text-decoration: none;
}

ul.navigation a:hover {
   color: #e55302  
}

ul.navigation a.selected {
 color: #e55302 ;
}

ul.navigation a:focus {
    outline: none;
}
/*** 
.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}

.hide {
    display: none;
}
***/

/*-------------new coda style css  end --------*/ 

.thrColFixHdr .insideinside a{  z-index:600; font-weight:bold; position:relative; padding: 190px 0px 0px 770px; width:200px; float:right; color:#e55302; font-size:120%; }

.thrColFixHdr .insideinside a:hover { text-decoration:underline; color:#e55302; }

.thrColFixHdr  #loginbox .loginboxbutton { background-image:none;}

.scrollContainer div  ul { list-style:disc; margin:10px 0px 10px 0px; padding:0px 0px 0px 20px}
.scrollContainer div li { padding:3px 0px 3px 0px; margin:0px; }



/*-------------Sector style text --------*/ 
#sectortext_homesale p { padding:0px 260px 0px 0px; width:360px; background-image:; background-position: center right; }

/*-------------Sector style text end  --------*/ 

/*-------------iphone style sheet --------*/

.call {
    color:#000;
    }
/*-------------iphone style sheet close --------*/

/*-------------Advert space  start  --------*/
.thrColFixHdr #advertspace { float:left; height:80px; margin:-6px 0px 0px 21px;}



/*-------------Advert advert close --------*/