/* 
==================================================================================================
 
	Theme Name: 12 College Place
	Description:  CMS
	Author: Atelier Studios
	Author URI: http://www.atelier-studios.com/
	Date: June 2010

==================================================================================================


		1. Global Resets
		
		2. Typography

		3. Link

		4. Main Navigation 

		5. Structure
		
		6. Inner Elements
			
		7. Lists 
		
		8. Form Elements 
		
		9. Various Tags & Classes 
						
		10. IMAGE REPLACEMENT HEADINGS	
			
 		11. IMAGE REPLACEMENT BUTTONS

==================================================================================================

*/


/*==================================================================================================

	1. GLOBAL RESETS
 
 ====================================================================================================*/


html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
	/*border: 1px solid red*/
	}
	
body { 
	line-height:1.5;
	}
	
html, body {
	height: 100%;
	}	

table { 
	border-collapse:separate; border-spacing:0; 
	}

caption, th, td { 
	text-align:left;
	font-weight:normal; 
	}

table, td, th { 
	vertical-align: top; 
	}

blockquote:before, blockquote:after, q:before, q:after { 
	content:""; 
	}

blockquote, q { 
	quotes:"" ""; 
	}

a img { 
	border:none; 
	}


/* Reset all margins/padding */

* { 
	margin:0;
	padding:0;
	}

/* Gets rid of outlined links in Firefox */

a {
	outline: none;
	}


/* No boders on images and displays them as block level elements in IE6 */

img {
	border:0;
	padding: 0;
	margin: 0;
	display: block;
	}
	
br {
	clear:both;
	line-height:10px;
	}


/* IE PNG Fix http://www.twinhelix.com/css/iepngfix/ */
		
	div#sub_header div.next_nav a,
	div#sub_header div.previous_nav a,
	div#barristers_slider_homepage_container div.previous_nav a,
	div#barristers_slider_homepage_container div.next_nav a,
	div#content_right_sidebar_contact ul#right_sidebar_contact li,
	div#barristers_slider_small_container div.previous_nav a,
	div#barristers_slider_small_container div.next_nav a,
	div#barristers_slider_subpage_container div.previous_nav a,
	div#barristers_slider_subpage_container div.next_nav a,
	div#footer_bottom div.logos img { 
	behavior: url(/furniture/js/iepngfix.htc);
	}

/* Alternatively, you can specify that this will apply to all tags like so:
		   
		   * { behavior: url(/furniture/js/iepngfix.htc) }
*/





/*==================================================================================================

	2. TYPOGRAPHY
 
 ====================================================================================================*/
 
body {
	font-size: 12px;
	line-height: 17px;
	text-align: left;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #5f5f5f;
	margin:0;
	padding:0;
	height: 100%;
	}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td  {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-align: left;
	}

div#content p,
div#homepage_middle_column p {
	margin: 0 0 15px 0;
	text-align: left;
	}

div#homepage_middle_column p.contact_profile {
	margin:15px 0 0;	
	text-align:left;
	}
	
/*----------FONT RESET -------------*/
	
div#content div.heading_quote_container p,
div#content p.reset {
	margin: 0;
	padding: 0;
	}
	
/* --------------------------------*/
	
	div#footer p {
	font-size: 11px;
	line-height: 16px;
	margin: 0;
	padding: 0 0 2px 0;
	color: #666666;
	}
	
	div#footer div.quick_enquiy_form p {
	font-size: 12px;
	line-height: 16px;
	margin: 0;
	padding: 0 0 15px 0;
	color: #FFFFFF;
	}
	
	div#footer_bottom div.contact_details p {
	font-size: 12px;
	line-height: 16px;
	margin: 0;
	padding: 10px 0 0 0;
	color: #666666;
	text-align: right;
	float: right;
	clear: both;
	}
	
	div#sub_header div.homepage_banner_text_conatiner p {
	font-size: 12px;
	line-height: 16px;
	text-align: right;
	padding: 0 0 10px 0;
	margin: 0;
	color: #FFFFFF;
	}
	
	div#homepage_left_column div.news_ticker ul.news_scroller li p {
	font-size: 11px;
	line-height: 14px;
	margin: 0;
	padding: 0 0 10px 0;
	color: #666666;
	}
	
	div.barristers_slides_homepage p {
	font-size: 16px;
	padding: 10px 0 0 0;
	margin: 0;
	text-align: center;	
	}
	
	div#content div.related_cases_repeater p {
	font-size: 12px;
	line-height: 16px;
	color: #829bb2;
	padding: 0 0 5px 0;
	margin: 0;
	}
	
	div#content div.barristers_slides_subpage p {
	margin: 8px 0 0 0;
	text-align: center;
	width: 125px;
	}	
	
	div#content div.barrister_image_repeater p {
	font-size:14px;
	text-align: center;
	padding: 10px 0 0 0;
	margin: 0;
	}
	
	div#sidebar div.barristers_slides_small p {
	font-size:14px;
	text-align: center;
	padding: 5px 0 0 0;
	margin: 0;
	width: 126px;
	}
	
	div#content div.seminar_date div.month p {
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 15px;
	}
	
	div#content div.seminar_date div.day p {
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: 0;
	font-size: 26px;
	line-height: 27px;
	}	
	div#content div.seminar_date div.year p {
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 15px;
	}
 	
strong {
	font-weight:bold;
	}
	
em {
	font-style:italic;
	display:inline;
	}

hr {
	border: 0;
	color: #cfd0d4;
	background-color: #cfd0d4;
	margin-bottom:10px;
	margin-top:5px;
	height: 1px;
	}
	
blockquote {
	margin: 0;
	padding: 0;
	border: none;
	}	
	
	blockquote.heading_quote {
	font-size: 16px;
	line-height: 20px;
	font-style: italic;
	margin: 0;
	padding: 0 0 10px 0;
	border: none;
	}	
	

h1, h2, h3, h4, h5, h6 {
	font-family: Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;
	margin: 0;
	padding: 0;
	font-weight: normal;
	}

div#content h1 {
	font-size: 18px;
	line-height: 22px;
	text-align: left;
	text-transform: uppercase;
	padding: 0 0 5px 0;
	margin: 0 0 15px 0;
	color: #0b467f;
	font-weight: bold;
	border-bottom: 2px solid #829bb2;
	}
div#sidebar h2,
div#content h2 {
	font-size: 18px;
	line-height: 22px;
	text-align: left;
	padding: 0 0 5px 0;
	margin: 0 0 15px 0;
	color: #0b467f;
	font-weight: bold;
	}
	

div#footer h3,
div#content h3,
div#sidebar h3 {
	font-size: 18px;
	line-height: 22px;
	text-align: left;
	text-transform: uppercase;
	padding: 0 0 5px 0;
	margin: 0;
	color: #0b467f;
	font-weight: bold;
	}
	
	div#content h3,
	div#sidebar h3 {
	padding: 0 0 12px 0;
	margin: 0;
	}
	
	div#footer h3 {
	padding: 0 0 5px 0;
	margin: 0;
	}
	
	div#sub_header div.homepage_banner_text_conatiner h3 {
	font-size: 24px;
	line-height: 26px;
	text-align: right;
	text-transform: uppercase;
	padding: 0 0 10px 0;
	margin: 0;
	color: #FFFFFF;
	font-weight: bold;
	}
	
div#content h4,
div#homepage_middle_column h4,
div#homepage_left_column h4,
div#homepage_right_column h4,
div#subpage_left_column h4  {
	font-size: 18px;
	line-height: 22px;
	text-align: left;
	text-transform: uppercase;
	padding: 0 0 5px 0;
	margin: 0 0 15px 0;
	color: #0b467f;
	font-weight: bold;
	border-bottom: 2px solid #829bb2;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	}

div#content h5 {
	font-size: 16px;
	line-height: 20px;
	text-align: left;
	padding: 0 0 5px 0;
	margin: 0 0 15px 0;
	color: #0b467f;
	font-weight: bold;
	border-bottom: 2px solid #829bb2;
	}
	
	div#homepage_left_column div.news_ticker ul.news_scroller li h5 {
	font-size: 11px;
	line-height: 14px;
	text-align: left;
	padding: 10px 0 4px 0;
	margin: 0;
	color: #0b467f;
	font-weight: bold;
	}

div#content h6 {
	font-size: 12px;
	line-height: 16px;
	text-align: left;
	padding: 0 0 5px 0;
	margin: 0 0 15px 0;
	color: #0b467f;
	font-weight: bold;
	}
	
	div#content h6.date,
	div#content h6.location{
	margin:0 0 10px;
	padding:0;
	}
	
	div#content h6.newsdate {
	font-size:11px;
	padding: 0 0 0 0;
	margin: 0 0 10px 0;
	}
	
	div#content div.related_cases_repeater h6 {
	font-size: 14px;
	line-height: 16px;
	color: #0b467f;
	padding: 0 0 5px 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	}
	
	
	div#content div.content_column_right_profile div.related_cases_repeater h6.category {
	color:#829BB2;
	font-size:12px;
	line-height:13px;
	text-decoration:none;
	
	}


	
/*==================================================================================================
 
     3. LINK STYLES

================================================================================================== */


div#content a {
	color: #0b467f;
	text-decoration: underline;
	}
	
	div#content a:hover {
	color: #666666;
	text-decoration: none;
	}
	
div#footer a,
div#footer_bottom a,
div#sidebar ul li a {
	color: #9d9d9d;
	text-decoration: none;
	}
	
	div#footer a:hover,
	div#footer_bottom a:hover,
	div#sidebar ul li a:hover,
	div#content div.content_column_right a:hover {
	color: #0b467f;
	text-decoration: underline;
	}

div#homepage_left_column ul.news_scroller li p a {
	color: #5f5f5f;
	text-decoration: underline;
	}

	div#homepage_left_column ul.news_scroller li p a:hover {
	color: #0b467f;
	text-decoration: none;
	}
	
div#header p.contact_details a, 
div.barristers_slides_homepage p a {
	color: #0b467f;
	text-decoration: none;
	}	
	
	div#header p.contact_details a:hover,
	div.barristers_slides_homepage p a:hover {
	color: #0b467f;
	text-decoration: underline;
	}	

div#homepage_left_column ul.news_scroller li h5 a {
	font-size: 14px;
	font-weight: bold;
	color: #0b467f;
	text-decoration: none;
	}
	
	div#homepage_left_column ul.news_scroller li h5 a:hover {
	color: #0b467f;
	text-decoration: underline;
	}
	
div#homepage_left_column ul.news_paging li a {
	color: #0b467f;
	font-size: 11px;
	text-decoration: none;
	}
	
	div#homepage_left_column ul.news_paging li a:hover {
	color: #0b467f;
	text-decoration: underline;
	}

div#content div.related_cases_repeater h6 a {
	font-size: 11px;
	line-height: 13px;
	color: #829bb2;
	text-decoration: none;
	}
		
	div#content div.related_cases_repeater h6 a:hover {
	color: #0b467f;
	text-decoration: underline;
	}

div#content div.barristers_slides_subpage p a,
div#content div.barrister_image_repeater p a,
div#sidebar div.barristers_slides_small p a {
	color: #0b467f;
	text-decoration: none;
	}
	
	div#content div.barristers_slides_subpage p a:hover,
	div#content div.barrister_image_repeater p a:hover,
	div#sidebar div.barristers_slides_small p a:hover {
	color: #666666;
	text-decoration: underline;
	}
	
div#barrister_nav a#nav_seniority {
	padding:0 5px 0 0;
	color:#0B467F;
	text-decoration:none;
	border-right: 1px solid #bdd2e6;
	}

div#barrister_nav a#nav_seniority:hover{
	color:#ef9327;
	text-decoration:underline;
	}

div#barrister_nav a#nav_a-z_list{
	padding:0 0 0 5px;
	color:#0B467F;
	text-decoration:none;
	}

div#barrister_nav a#nav_a-z_list:hover{
	color:#ef9327;
	text-decoration:underline;
	}	
	
	
div.newslinks p a {
color:#0B467F;
text-decoration:none;
font-weight:bold;
}

	div.newslinks p a:hover {
	text-decoration:underline;
	}

div#sub_header a.homepagelink {
	color: #FFFFFF;
	text-decoration: none;
	}
	
	div#sub_header a.homepagelink:hover {
	color: #FFFFFF;
	text-decoration: underline;
	}

	
/* End Typography & Colors */



/*==================================================================================================

	4. MAIN NAVIGATION
	
==================================================================================================*/

div#navigation_container {
	float: left;
	clear: both;
	width: 940px;
	height: 50px;
	position: relative;
	z-index: 2000;
	}

div#navigation_container ul#navigation {
	float: left;
	margin:0;
	padding: 0;
	height: 36px;
	width: 940px;
	position: relative;
	z-index: 3000;
	list-style: none;
	/*background-color: #6666CC;*/
	}

	div#navigation_container ul#navigation li {
	position: relative;
	display: inline;
	float: left;
	z-index: 4000;
	padding: 0;
	margin:0;
	}
	
/*----------------------- GENERIC STYLES FOR MAIN NAV BUTTONS ------------------------*/	
	
	
	div#navigation_container ul#navigation li a.nav_barristers,
	div#navigation_container ul#navigation li a.nav_practice_areas,
	div#navigation_container ul#navigation li a.nav_client_services,
	div#navigation_container ul#navigation li a.nav_public_licenced_access,
	div#navigation_container ul#navigation li a.nav_mediation,
	div#navigation_container ul#navigation li a.nav_seminars,
	div#navigation_container ul#navigation li a.nav_recruitment_pupilage,
	div#navigation_container ul#navigation li a.nav_diversity_discrimination {
	height: 36px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	}
	
/*----------------------- GENERIC STYLES FOR MAIN NAV BUTTONS ------------------------*/	

		
	div#navigation_container ul#navigation li a.nav_barristers {
	background: url(/furniture/images/navigation/navigation.gif) no-repeat 0 0;
	width: 77px;
	}
		
		div#navigation_container ul#navigation li a.nav_barristers:hover, 
		div#navigation_container ul#navigation li.current a.nav_barristers {
		background: url(/furniture/images/navigation/navigation.gif) no-repeat 0 -43px;
		}	
	
	div#navigation_container ul#navigation li a.nav_practice_areas {
	background: url(/furniture/images/navigation/navigation.gif) no-repeat -77px 0;
	width: 97px;
	}
		
		div#navigation_container ul#navigation li a.nav_practice_areas:hover, 
		div#navigation_container ul#navigation li.current a.nav_practice_areas {
		background: url(/furniture/images/navigation/navigation.gif) no-repeat -77px -43px;
		}		
	
	div#navigation_container ul#navigation li a.nav_client_services {
	background: url(/furniture/images/navigation/navigation.gif) no-repeat -175px 0;
	width: 103px;
	}
		
		div#navigation_container ul#navigation li a.nav_client_services:hover, 
		div#navigation_container ul#navigation li.current a.nav_client_services {
		background: url(/furniture/images/navigation/navigation.gif) no-repeat -175px -43px;
		}	
		
	div#navigation_container ul#navigation li a.nav_public_licenced_access {
	background: url(/furniture/images/navigation/navigation.gif) no-repeat -282px 0;
	width: 147px;
	}
		
		div#navigation_container ul#navigation li a.nav_public_licenced_access:hover, 
		div#navigation_container ul#navigation li.current a.nav_public_licenced_access {
		background: url(/furniture/images/navigation/navigation.gif) no-repeat -282px -43px;
		}			
			
	div#navigation_container ul#navigation li a.nav_mediation {
	background: url(/furniture/images/navigation/navigation.gif) no-repeat -436px 0;
	width: 112px;
	}
		
		div#navigation_container ul#navigation li a.nav_mediation:hover, 
		div#navigation_container ul#navigation li.current a.nav_mediation {
		background: url(/furniture/images/navigation/navigation.gif) no-repeat -436px -43px;
		}	
		
	div#navigation_container ul#navigation li a.nav_seminars {
	background: url(/furniture/images/navigation/navigation.gif) no-repeat -547px 0;
	width: 72px;
	}
		
		div#navigation_container ul#navigation li a.nav_seminars:hover, 
		div#navigation_container ul#navigation li.current a.nav_seminars {
		background: url(/furniture/images/navigation/navigation.gif) no-repeat -547px -43px;
		}		
		
	div#navigation_container ul#navigation li a.nav_recruitment_pupilage {
	background: url(/furniture/images/navigation/navigation.gif) no-repeat -616px 0;
	width: 148px;
	}
		
		div#navigation_container ul#navigation li a.nav_recruitment_pupilage:hover, 
		div#navigation_container ul#navigation li.current a.nav_recruitment_pupilage {
		background: url(/furniture/images/navigation/navigation.gif) no-repeat -616px -43px;
		}		
		
	div#navigation_container ul#navigation li a.nav_diversity_discrimination {
	background: url(/furniture/images/navigation/navigation.gif) no-repeat -759px 0;
	width: 184px;
	}
		
		div#navigation_container ul#navigation li a.nav_diversity_discrimination:hover, 
		div#navigation_container ul#navigation li.current a.nav_diversity_discrimination {
		background: url(/furniture/images/navigation/navigation.gif) no-repeat -759px -43px;
		}		
		
		
		

/*=================================================
	
	STYLES FOR JQUERY DROP DOWN MENU
	
=================================================*/


/*Top level menu link items style*/

div#navigation_container ul#navigation li a {
	display: block;
	background: #999999; /*background of tabs (default state)*/
	color: #FFFFFF;
	border-top-width: 0px;
	text-decoration: none;
	font-size: 11px;
	line-height: 17px;
	text-align: left;
	}

* html div#navigation_container ul#navigation li a { /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
	border-top-width: 0px;
	font-size: 11px;
	line-height: 17px;
	text-align: left;
	}

	
/*1st sub level menu*/
div#navigation_container ul#navigation li ul { 
	position: absolute;
	left: 0;
	display: block;
	visibility: hidden;
	z-index: 5000;
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 11px;
	line-height: 11px;
	}


/*Sub level menu list items (undo style from Top level List Items)*/
div#navigation_container ul#navigation li ul li {
	display: list-item;
	float: none;
	padding: 0;
	margin: 0;
	}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
div#navigation_container ul#navigation li ul li ul {
	top: 0;
	padding: 0;
	margin: 0;
	}

/* Sub level menu links style */
	div#navigation_container ul#navigation li ul li a {
	font-size: 11px;
	line-height: 17px;
	text-align: left;
	padding: 10px;
	margin: 0;
	width: 170px; /*width of sub menus*/
	border-top-width: 0px;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	z-index:500;
	}

	div#navigation_container ul#navigation li ul li a:hover { /*sub menus hover style*/
	background: #0f3d6b;
	color: #FFFFFF;
	}

/* ######### CSS classes applied to down and right arrow images  ######### */

a img.downarrowclass{
	display: none;
	position: absolute;
	top: 12px;
	right: 7px;
	}

a img.rightarrowclass {
	position: absolute;
	top: 12px;
	right: 10px;
	}

/* ----------------- End Drop Down Nav -------------------- */




/*==================================================================================================


	5. MAIN STRUCTURE
 
==================================================================================================*/

body {
	margin:0;
	padding:0;
	height: auto;
	background: url(/furniture/images/backgrounds/bg_page.jpg) repeat-x 0 0 #FFFFFF;
	}	

div#page_centre {
	margin: 0 auto;
	width: 940px;
	height: auto;
	position: relative;
	z-index: 20;
	
	}
	
div#page {
	width: 940px;
	float: left;
	height: auto;
	position: relative;
	z-index: 20;
	background: url(/furniture/images/backgrounds/bg_header.jpg) no-repeat 0 0;
	/*background-color: #FF6600;*/
	}

div#header {
	width: 940px;
	height: 162px;
	float:left;
	position: relative;
	z-index: 10;
	/*background-color: #FFCC33;*/
	}
	
div#sub_header {
	width: 940px;
	height: 300px;
	float:left;
	clear: both;
	position: relative;
	z-index: 20;
	/*background-color: #0033CC;*/
	}	
	
div#content_container {
	float: left;
	clear: both;
	width: 940px;
	padding: 0;
	}

	div#content {
	float: left;
	width: 700px;
	/*background-color: #FF00FF;*/
	}

	div#sidebar {
	width: 220px;
	overflow:hidden;
	padding: 0 20px 0 0;
	float:left;
	/*background: #99CC33;*/
	}

div#footer_container {
	float: left;
	width: 100%;
	clear: both;
	background: url(/furniture/images/backgrounds/bg_footer.jpg) repeat-x 0 0 #FFFFFF;
	z-index:1;
	}
	
div#footer_centre {
	margin: 0 auto;
	width: 940px;
	height: auto;
	padding: 30px 0 0 0;
	position: relative;
	z-index: 13;
	}
	
div#footer {
	width: 940px;
	float: left;
	height: auto;
	position: relative;
	z-index: 16;
	/*background: #FFFF00;*/
	}

/* End Structure */



/*=================================================
	
	6. INNER ELEMEMTS

=================================================*/


div.search_container {
	width: 480px;
	height: 31px;
	position: absolute;
	top: 71px;
	right: 0px;
	z-index: 60;
	background: url(/furniture/images/backgrounds/bg_search_panel.jpg) no-repeat right 0;
	}
	
	div.search_container div.search_box {
	width: 225px;
	height: 26px;
	float: left;
	padding: 5px 0 0 30px;
	}
	

div#homepage_left_column {
	float: left;
	width: 300px;
	padding: 0 20px 0 0;
	}

div#homepage_middle_column {
	float: left;
	width: 300px;
	padding: 0 20px 0 0;
	}
	
div#homepage_right_column {
	float: left;
	width: 300px;
	padding: 0 0 0 0;
	}
	
div#subpage_left_column {
	float: left;
	width: 178px;
	height:170px;
	padding: 0 0 0 0;
	}
	
	
div.footer_column_left {
	float: left;
	width: 300px;
	padding: 0 20px 0 0;
	z-index:20;
	}

div.footer_column_middle {
	float: left;
	width: 300px;
	padding: 0 20px 0 0;
	}
	
div.footer_column_right {
	float: left;
	width: 300px;
	padding: 0 0 0 0;
	overflow: hidden;
	}	
	
div.quick_enquiy_form {
	float: left;
	width: 258px;
	padding: 15px 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #072645;
	background: url(/furniture/images/backgrounds/footer_enquiry_form.jpg) repeat-x 0 0 #0a3661;
	}
	
	div.quick_enquiy_form img {
	float: right;
	width: 167px;
	height: 50px;
	margin: 0 0 10px 0;
	}
	
	div.quick_enquiy_form input.clear {
	float: right;	
	}

div#footer_bottom {
	width: 940px;
	float: left;
	height: auto;
	margin: 0;
	padding: 10px 0 40px 0;
	border-top: 1px solid #CCCCCC;
	}
	
	div#footer_bottom div.logos {
	width: 320px;
	float: left;
	}
	
		div#footer_bottom div.logos img {
		float: left;
		margin: 0 10px 0 0;
		}
	
	div#footer_bottom div.contact_details {
	width: 620px;
	float: left;
	}
	
		div.contact_details_inner {
		width: 620px;
		float: left;
		padding: 0 0 20px 0;
		border-bottom: 1px solid #CCCCCC;	
		}
		
		div.telephone_details {
		width: 115px;
		float: left;
		}
		
		div.email_web_details {
		width: 245px;
		float: left;
		}
		
		div.address_details {
		width: 260px;
		float: left;
		}	


/*-------------  HOMEPAGE BANNER SLIDER STYLES ---------------------*/

div#slideshow {
	width: 940px;
	height: 280px;
	position: relative;
	z-index: 150;
	overflow: hidden;
	}

	div.slide_one, 
	div.slide_two, 
	div.slide_three, 
	div.slide_four {	
	width: 940px;
	height: 280px;
	}
	
div.slide_one {
	background: url(/furniture/images/homepage_banners/homepage_banner_1.jpg) no-repeat 0 0;
	}
	
div.slide_two {
	background: url(/furniture/images/homepage_banners/homepage_banner_2.jpg) no-repeat 0 0;
	}
	
div.slide_three {
	background: url(/furniture/images/homepage_banners/homepage_banner_3.jpg) no-repeat 0 0;
	}		
	
div.slide_four {
	background: url(/furniture/images/homepage_banners/homepage_banner_4.jpg) no-repeat 0 0;
	}	
	
div.homepage_banner_text_conatiner	{
	float: right;
	width: 250px;
	height: 210px;
	padding: 75px 75px 0 0;
	}
	
/*------------- ARROW BUTTONS ---------------------*/

div#sub_header div.previous_nav a,
div#sub_header div.next_nav a {
	width: 30px;
	height: 30px;
	display:block;
	text-indent:-5000px;
	overflow: hidden;
	position:relative;
	cursor: pointer;
	}
	
div#sub_header div.previous_nav,
div#sub_header div.next_nav {
	position:absolute;
	top:127px;
	width: 30px;
	height: 30px;
	}	

div#sub_header div.previous_nav {
	left: -15px;
	z-index: 200;
	}

	div#sub_header div.previous_nav a {
	background: url(/furniture/images/homepage_banners/home_banner_left_arrow.png) no-repeat 0 0;
	}
	
div#sub_header div.next_nav {
	right: -15px;
	z-index: 300;
	}

	div#sub_header div.next_nav a {
	background: url(/furniture/images/homepage_banners/home_banner_right_arrow.png) no-repeat 0 0;
	}	
	

/*-------------  HOMEPAGE BANNER SLIDER STYLES ENDS ---------------------*/



/*------------- HOMEPAGE BARRISTER SLIDER STYLES ---------------------*/

div#barristers_slider_homepage_container {
	width: 300px;
	height: 187px;
	float:left;
	clear: both;
	position: relative;
	z-index: 80;
	/*background-color: #0033CC;*/
	}

div#barristers_slider_homepage {
	width: 300px;
	height: 189px;
	position: relative;
	z-index: 170;
	overflow: hidden;
	}

	div.barristers_slides_homepage {	
	width: 300px;
	height: 187px;
	}

	
/*------------- ARROW BUTTONS ---------------------*/

div#barristers_slider_homepage_container div.previous_nav a,
div#barristers_slider_homepage_container div.next_nav a {
	width: 21px;
	height: 21px;
	display:block;
	text-indent:-5000px;
	overflow: hidden;
	position:relative;
	cursor: pointer;
	}
	
div#barristers_slider_homepage_container div.previous_nav,
div#barristers_slider_homepage_container div.next_nav {
	position:absolute;
	top: 65px;
	width: 21px;
	height: 21px;
	}	

div#barristers_slider_homepage_container div.previous_nav {
	left: 0px;
	z-index: 400;
	}

	div#barristers_slider_homepage_container div.previous_nav a {
	background: url(/furniture/images/buttons/barrister_scroller_left.png) no-repeat 0 0;
	}
	
div#barristers_slider_homepage_container div.next_nav {
	right: 0px;
	z-index: 500;
	}

	div#barristers_slider_homepage_container div.next_nav a {
	background: url(/furniture/images/buttons/barrister_scroller_right.png) no-repeat 0 0;
	}	
	

/*------------- HOMEPAGE BARRISTER SLIDER STYLES ENDS ---------------------*/

/*------------- SUBPAGE SMALL BARRISTER SLIDER STYLES ---------------------*/

div#barristers_slider_small_container {
	width: 178px;
	height: 120px;
	float:left;
	clear: both;
	position: relative;
	z-index: 80;
	/*background-color: #0033CC;*/
	}

div#barristers_slider_small {
	width: 178px;
	height: 120px;
	position: relative;
	z-index: 170;
	overflow: hidden;
	}

	div.barristers_slides_small {	
	height:160px;
	padding:0 0 0 28px;
	width:151px;}
	
	
/*------------- ARROW BUTTONS ---------------------*/

div#barristers_slider_small_container div.previous_nav a,
div#barristers_slider_small_container div.next_nav a {
	width: 21px;
	height: 21px;
	display:block;
	text-indent:-5000px;
	overflow: hidden;
	position:relative;
	cursor: pointer;
	}
	
div#barristers_slider_small_container div.previous_nav,
div#barristers_slider_small_container div.next_nav {
	position:absolute;
	top: 35px;
	width: 21px;
	height: 21px;
	}	

div#barristers_slider_small_container div.previous_nav {
	left: 0px;
	z-index: 400;
	}

	div#barristers_slider_small_container div.previous_nav a {
	background: url(/furniture/images/buttons/barrister_scroller_left.png) no-repeat 0 0;
	}
	
div#barristers_slider_small_container div.next_nav {
	right: 0px;
	z-index: 500;
	}

	div#barristers_slider_small_container div.next_nav a {
	background: url(/furniture/images/buttons/barrister_scroller_right.png) no-repeat 0 0;
	}	
	

/*------------- SUBPAGE SMALL BARRISTER SLIDER STYLES ENDS ---------------------*/




/*------------- SUBPAGE BARRISTER SLIDER STYLES ---------------------*/

div#barristers_slider_subpage_container {
	width: 608px;
	height: 200px;
	float:left;
	clear: both;
	position: relative;
	z-index: 80;
	padding:25px 0 0 42px;
	/*background-color: #0033CC;*/
	overflow:hidden;
	}
	
div.barrister_slides_container {
	float: left;
	margin:0;
	}	

div.barristers_slider_subpage {
	float: left;
	width: 585px;
	/*height: 135px;*/
	}	
	
	div.barristers_slider_subpage a {
	margin:0;}
	
	
div.barristers_slides_subpage {
	float: left;
	width: 145px;
	height: 190px;	
	}

	
/*------------- ARROW BUTTONS ---------------------*/

div#barristers_slider_subpage_container div.previous_nav a,
div#barristers_slider_subpage_container div.next_nav a {
	width: 21px;
	height: 21px;
	display:block;
	text-indent:-5000px;
	overflow: hidden;
	position:relative;
	cursor: pointer;
	}
	
div#barristers_slider_subpage_container div.previous_nav,
div#barristers_slider_subpage_container div.next_nav {
	position:absolute;
	top: 65px;
	width: 21px;
	height: 21px;
	}	

div#barristers_slider_subpage_container div.previous_nav {
	left: 0px;
	z-index: 400;
	}

	div#barristers_slider_subpage_container div.previous_nav a {
	background: url(/furniture/images/buttons/barrister_scroller_left.png) no-repeat 0 0;
	}
	
div#barristers_slider_subpage_container div.next_nav {
	right: 0px;
	z-index: 500;
	}

	div#barristers_slider_subpage_container div.next_nav a {
	background: url(/furniture/images/buttons/barrister_scroller_right.png) no-repeat 0 0;
	}	
	

/*------------- SUBPAGE BARRISTER SLIDER STYLES ENDS ---------------------*/

div.toogle_footer {
	float: left;
	clear: both;
	width: 940px;
	height: 45px;
	position: relative;
	z-index: 180;
	}
	
	div#footer .slide {
	margin: 15px 0 30px 0;
	}	

div.sidebar_panel {
	float: left;
	width: 178px;
	clear: both;
	padding: 20px 20px 0px 20px;
	margin: 0 0 30px 0;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background: #FFFFFF;
	border: 1px solid #a5bace;
	}
	
	div.sidebar_panel div.toogle_sidebar {
	float: left;
	clear: both;
	width: 178px;
	height: 1px;
	position: relative;
	z-index: 199;
	}
	
	div#sidebar div.sidebar_panel ul.toggle_sidebar_nav {
	margin: 0 0 15px 0;
	padding: 0;
	}

div.sidebar_panel_plain {
	float: left;
	width: 220px;
	clear: both;
	margin: 0 0 30px 0;
	}

div.content_panel {
	float: left;
	width: 658px;
	clear: both;
	padding: 20px 20px 5px 20px;
	margin: 0 0 20px 0;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background: #FFFFFF;
	border: 1px solid #a5bace;
	}

div.quote_block {
	background: url(/furniture/images/sitewide/block_quote_top.gif) no-repeat 10px 10px #FFFFFF;
	}

div.heading_quote_container {
	float: left;
	width: 390px;
	padding: 5px 0 5px 38px;
	margin: 0 20px 10px 0;
	background: url(/furniture/images/sitewide/block_quote_bottom.gif) no-repeat right bottom;
	}

div.content_column_left {
	float: left;
	width: 355px;
	padding: 0 20px 0 0;
	}

div.content_column_right {
	float: left;
	width: 277px;
	padding:35px 0 0;}
	
	div.content_column_right_profile {
	float: right;
	width: 260px;
	padding:35px 0 0;}
	
	
	
div#content div.content_panel div.content_column_right_profile h4{
	padding:15px 0 0 0;}

div.related_cases_repeater {
	float: left;
	clear: both;
	width: 260px;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #829BB2;
	}

div#content div.view_more_related_cases {
	float: left;
	clear: both;
	width: 260px;
	}
	
div#content div.toggle_view_more_related_cases {
	float: left;
	clear: both;
	width: 270px;
	height: 20px;
	position: relative;
	z-index: 400;
	}		
/*=====================================================================================================

                    SUBPAGE RIGHT SIDEBAR CONTACT
					
=======================================================================================================*/

div#content ul#right_sidebar_contact {
	margin: 0 0 10px 0;
	width: 240px;
	float: left;
	clear: both;
	}
	
	div#content ul#right_sidebar_contact li {
	margin: 5px 0;
	padding: 0;
	}

ul#right_sidebar_contact a{
margin:10px 0 0 0;
text-decoration:none;}

div#content_right_sidebar_contact{
	float:left;
	clear: both;
	width:240px;
	margin:15px 0 15px 0;
	}

div#content_right_sidebar_contact ul#right_sidebar_contact li{
background:url("/furniture/images/buttons/barrister_scroller_right.png") no-repeat scroll 0 6px transparent;
clear:both;
border-bottom:none;
list-style:none outside none;
margin:0;
padding:5px 0 0 30px;}

div#content_right_sidebar_contact ul#right_sidebar_contact li.contact {
background:url("/furniture/images/backgrounds/right_sidebar_contact.jpg") no-repeat scroll 0 6px transparent;
border-bottom:none;
text-indent:-50000px;
overflow:hidden;
clear:both;
list-style:none outside none;
margin:0;
padding:5px 0 3px 0px;}

div#content_right_sidebar_contact ul#right_sidebar_contact h4{
font-size:14px;
font-weight:bold;
border-bottom:none;
margin:0;
padding:0 0 0px;}

/*=====================================================================================================

                    END OF SUBPAGE RIGHT SIDEBAR CONTACT
					
=======================================================================================================*/


div#barrister_profile_content_footer{

background:none repeat scroll 0 0 #FFFFFF;
border-top:1px solid #829bb2;
float:left;
padding:15px 0;
width:658px;}

p.contact_profile{
background-image:url(/furniture/images/backgrounds/right_sidebar_contact.jpg);
background-repeat:no-repeat;
text-indent:-5000px;
overflow:hidden;
}

/*================ Previous Barrister Button =====================*/

div#barrister_profile_content_footer .previous_barrister{
float:left;
clear:both;
display:block;}

div#barrister_profile_content_footer a#prev_barrister_profile{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:normal;
background-position:3px;
color:#829bb2;
text-decoration:none;}

div#barrister_profile_content_footer a#prev_barrister_profile:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:normal;
color:#ef9327;
text-decoration:none;}


div#barrister_profile_content_footer div.previous_barrister a{
background-image:url(/furniture/images/buttons/prev_barrister.jpg);
background-repeat:no-repeat;
padding:0 15px 0 15px;}

/*================ End of Previous Barrister Button =====================*/


/*================ Next Barrister Button =====================*/

div#barrister_profile_content_footer .next_barrister{
float:right;}


div#barrister_profile_content_footer a#next_barrister_profile{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:normal;
color:#829bb2;
padding:0 15px 0 0;
background-position:89px 3px;
text-decoration:none;}

div#barrister_profile_content_footer a#next_barrister_profile:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:normal;
color:#ef9327;
text-decoration:none;}

div#barrister_profile_content_footer div.next_barrister a{
background:url(/furniture/images/buttons/next_barrister.jpg) no-repeat right;
padding:0 15px 0 15px;}


/*================ End of Next Barrister Button =====================*/



/*==================================================================================================
	
						Our Barristers Page

==================================================================================================*/

div#barrister_nav {
	float:right;
	width: 255px;
	}

div.barrister_image_repeater {
	float:left;
	width: 162px;
	height:190px;
	}
	
	div.barrister_image_repeater img {
	margin: 0 auto;
	display: block;
	}
	

/*=====================================================================================================

                    Seminars Page
					
=======================================================================================================*/

div.Seminar_details_container_repeatable {
	float: left;
	clear: both;
	width:638px;
	padding: 20px 0 10px 0;
	border-top:1px solid #c7d3dd;
	}

div.seminar_details {
	float: left;
	width:538px;
	}

div.seminar_details p.name{
font:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#0b467f;
padding:0;
margin:0!important;}

div.seminar_details p.location{
font:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#829bb2;
padding:0;
margin:0 0 8px 0!important;}

div.seminar_date {
	float: left;
	width:100px;
	/*height:95px;*/
	}

div.seminar_date div.month {
	float: left;
	width: 80px;
	margin:0 0 5px 0;
	padding: 10px 0;
	background: #0e4983;
	}
	
div.seminar_date div.day {
	float: left;
	clear: both; 
	width: 80px;
	padding: 10px 0;
	background: #9cb7ca;
	}
div.seminar_date div.year {
	float: left;
	width: 80px;
	margin:5px 0 0 0;
	padding: 10px 0;
	background: #0e4983;
	}

div.Seminar_details_container_repeatable p.view_seminar_button {
float:left;
margin:0!important;
padding:0 10px 0 0!important;
}
div.seminar_paragraph_container{
float:left;
}

div.seminar_paragraph_container p{
margin:0!important;
padding:0!important;
}


/*=====================================================================================================

                    Seminar Item Page
					
=======================================================================================================*/

div.google_map{
float:right;
margin:0 0px 25px;}

div#seminar_buttons a.book_seminar{
float:left;
background-image:url(/furniture/images/buttons/book_seminar.jpg);
background-repeat:no-repeat;
text-indent:-5000px;
width:190px;
height:23px;
overflow:hidden;
margin:0 0 5px 0 ;}

div#seminar_buttons a.email_friend{
float:left;
background-image:url(/furniture/images/buttons/email_friend.jpg);
background-repeat:no-repeat;
text-indent:-5000px;
width:146px;
height:23px;
overflow:hidden;
margin:0 0 5px 0 ;}



div#booking_calendar {
	float: left;
	clear: both;
	margin: 0 0 20px 0;
	padding:0;
	width: 178px;
	}
	
	caption {
	margin: 0;
	padding: 0;
	width: 178px;
	background: #0e4982;
	color: #fff;	 
	font-size:14px;
	text-align: center;
}

.nav, .nav a {
	font: bold 18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #fff;	
	text-align: center;
	text-decoration: none;}

div.book_seminar_form{
float:left;
width:658px;
margin:25px 0 0 0;}

div.email_seminar_form{
float:left;
width:658px;
margin:25px 0 0 0;}

div.message_panel_form{
float:left;
width:658px;
margin:25px 0 0 0;}

div#seminar_buttons{
float:left;
width:200px;
background:#333399l;
margin-top:20px;
}

div#seminar_dates{
width:178px;}

h2.other_dates{
font-size:14px!important;
font-weight:bold;
line-height:15px!important;
margin:0 0 0!important;
padding:0 0 0!important;
text-align:left;}

h2.dates{
color:#9cb7ca!important;
font-size:12px!important;
font-weight:bold!important;
line-height:15px!important;
margin:0 0 0!important;
padding:0 0 5px 0!important;
text-align:left;}


div.sidebar_panel a#view_seminar {
float:left;
margin-left:0;
color:#0B467F;}

div.sidebar_panel a#view_seminar:hover {
float:left;
margin-left:0;
color:#0B467F;
text-decoration:none;}

h2.item{
color:#9cb7ca!important;
font-size:14px!important;
font-weight:normal!important;
line-height:22px;
margin:0 0 0!important;
padding:0 0 0!important;
text-align:left;}


/*=====================================================================================================

                  Contact Us Page
					
=======================================================================================================*/

div#contact_us_text{
float:left;
width:350px;
border-right:1px solid #829BB2;
padding:0 10px 0 0;
}
div.content_column_right_contact {
	float: right;
	width: 277px;
	padding:0 0 20px 20px;
	}
	
	div#directions_text{
	float:left;
	width:345px;
	}
	
	div#google_map_contact{
	float:right;
	margin-bottom:20px;}
	

/*=====================================================================================================

                    Seminar Item Page
					
=======================================================================================================*/

div.searchResultItem {
border-bottom: 1px solid #D2D2D2;
margin-bottom:10px;
}



/*==================================================================================================
	
	7. LISTS 

==================================================================================================*/


div#content ul {
	margin: 0;
	padding: 0 0 15px 0;
	list-style-type: none;
	}

	div#content ul li {
	clear: both;
	margin: 0;
	padding: 4px 0 4px 15px;
	list-style: none;
	border: none;
	background: url(/furniture/images/sitewide/bullet_1.gif) no-repeat 0 8px;
	}
	
div#footer ul,
div#sidebar ul,
div#content div.content_column_right ul {
	margin: 0;
	padding: 0 0 20px 0;
	list-style-type: none;
	}
	
	textarea#case{
	height:65px;}
	
	input#surname{
	margin:10px 0;}
	
	div#footer ul li,
	div#sidebar ul li,
	div#content div.content_column_right ul li {
	clear: both;
	margin: 0;
	padding: 3px 0 3px 15px;
	list-style: none;
	border-bottom: 1px solid #CCCCCC;
	background: url(/furniture/images/sitewide/bullet_1.gif) no-repeat 0 9px;
	}	
	
	div#sidebar ul li {
	border-bottom:1px solid #CBCBCB;
	line-height:16px;
	padding:5px 0 5px 15px;
	font-size: 11px;
	font-weight: bold;
	}
	
		
	
	div#sidebar ul li ul {
	margin: 0;
	padding: 5px 0 6px 0;
	list-style-type: none;
	}
	
	div#sidebar ul li ul li {
	clear: both;
	margin: 0;
	padding:0px 0 0px 15px;
	list-style: none;
	border: none;
	background: url(/furniture/images/sitewide/bullet_1.gif) no-repeat 0 6px;
	}	
	
	div#sidebar ul li.current a {
	font-weight: bold;
	color:#c01d22;
	text-decoration:none;
	}
	
div#homepage_left_column div.news_ticker ul.news_scroller {
	float: left;
	width: 300px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
	}
	
	div#homepage_left_column div.news_ticker ul.news_scroller li {
	float: left;
	clear: both;
	width: 300px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	border-bottom: 1px solid #829bb2;
	}

div#homepage_left_column div.news_ticker {
	width: 300px;
	float:left;
	}

div#homepage_left_column ul.news_paging {
	float: left;
	clear: both;
	width: 300px;
	margin: 0;
	padding: 6px 0 0 0;
	list-style-type: none;
	text-align: left;
	}
	
	div#homepage_left_column ul.news_paging li {
	float: left;
	margin: 0;
	padding: 0 0 0 5px ;
	list-style-type: none;
	}


div#content ol {
	padding: 5px 0 10px 22px;
	margin: 0;
	}
	
div#content ol li {
	margin: 0;
	padding: 0 0 10px 0;
	}
	
	div#content ol li ul li {
	padding: 4px 0 4px 15px;
	}
	
div#content_right_sidebar_contact ul#right_sidebar_contact li ul.barrister_documents {
padding: 0 0 5px 0;
}

div#content_right_sidebar_contact ul#right_sidebar_contact li ul.barrister_documents li {
background:url("/furniture/images/sitewide/bullet_1.gif") no-repeat 0 8px;
margin:0;
padding:3px 0 3px 15px;
}	



/*==================================================================================================

	8. FORMS
 
 ====================================================================================================*/
 
div.formbuilder div.controlName {
 	float: left;
	clear: both;
	width: 200px;
	}
 
div.formbuilder div.control {
 	float: left;
	width: 438px;
	overflow: hidden;
	padding: 0 0 10px 20px;
 	}

div.formbuilder div.formButton {
 	float: left;
	clear: both;
	width: 445px;
	}
	
div.formButton_pupilage {
 	float: left;
	clear: both;
	width: 320px;
	}	
		

/*============ FORM STYLE RESETS ================*/


form, input, textarea, label, select, fieldset  {	
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	color:#666666;
	}
	
	form.dropdown {
	float: left;
	padding: 0 0 0 10px;
	}
	
	input {
	padding: 2px;
	border: none;
	}


/*============ LABEL STYLES ================*/

label {
	clear: both;
	font-size:12px;
	color: #999999;
	text-align: left;
	}
	
	label.short_label,
	label.formLabel {
	float: left;
	clear: both;
	font-size:12px;
	width: 80px;
	text-align: left;
	padding: 0 10px 15px 0;
	}
	
	div.barrister_contact_form label.short_label, label.formLabel {
	padding: 7px 10px 7px 0;
	width:120px;
	}
	
	div.formbuilder div.controlName	label,
	div.formbuilder div.control	label {
	float: left;
	font-size:12px;
	padding: 0 10px 0 0;
	text-align: left;
	padding: 0;
	margin: 0;
	}
	
	div.formbuilder div.control span label {
	float: none;
	font-size:12px;
	padding: 0 0 9px 7px;
	text-align: left;
	margin: 0;
	}
	
	div#footer div.quick_enquiy_form label {
	float: left;
	clear: both;
	font-size:14px;
	color: #FFFFFF;
	width: 90px;
	text-align: left;
	padding: 0 0 15px 0;
	}
	
	div#content table.seminar_register_table label {
	text-align: right;
	}
	
/*============ SELECT STYLES ================*/
	
select {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	line-height: 12px;
	width: 210px;
	float: left;
	height: 25px;
	margin: 0 0 10px 0;
	padding: 4px 6px ;
	border: 1px solid #CCCCCC;
	background-color: #ffffec;
	}		
	
	select.barrister_filter {
	float:right;
	border:1px solid #a2b8cd;
	width:135px;
	margin: -5px 0 0 0;
	}
	
	select.select_menu {
	margin: 10px 0 10px 90px;
	padding: 2px;	
	}
	


/*============ FIELDSET STYLES ================*/

	
fieldset {
	clear: both;
	font-size:12px;
	border: none;
	}		

/*============ TEXT FIELD STYLES ================*/


input.form_textfield {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	line-height: 12px;
	width: 170px;
	float: left;
	height: 20px;
	margin: 0;
	padding: 4px 6px 0 6px ;
	border: 1px solid #CCCCCC;
	background-color: #ffffec;
	}
	
	input.formbuilder_textbox {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	line-height: 12px;
	width: 210px;
	float: left;
	height: 20px;
	margin: 0;
	padding: 4px 6px 0 6px ;
	border: 1px solid #CCCCCC;
	background-color: #ffffec;
	}
	
	input.formField {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	line-height: 12px;
	width: 210px;
	float: left;
	height: 20px;
	margin: 0 0 10px 0;
	padding: 4px 6px 0 6px ;
	border: 1px solid #CCCCCC;
	background-color: #ffffec;
	}
	
	div#content table.seminar_register_table input.form_textfield {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	line-height: 12px;
	width: 220px;
	float: left;
	height: 20px;
	margin: 0;
	padding: 4px 6px 0 6px ;
	border: 1px solid #999999;
	background-color: #ffffec;
	}
	
	input.search_textfield {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	line-height: 13px;
	width: 115px;
	height: 13px;
	float: left;
	margin: 5px 0 0 5px;
	padding: 0; 
	background-color: #FFFFFF;
	border: none;
	}
	
	div#footer div.quick_enquiy_form input.textfield {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	line-height: 13px;
	width: 162px;
	height: 18px;
	float: left;
	margin: 0;
	padding: 3px 0 0 5px; 
	background: url(/furniture/images/backgrounds/bg_text_input_footer.jpg) no-repeat 0 0;
	border: none;
	}
	
/*============ TEXT AREA STYLES ================*/

textarea {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	line-height: 16px;
	width: 170px;
	float: left;
	padding: 4px 6px 0 6px ;
	border: 1px solid #CCCCCC;
	background-color: #ffffec;
	height: 100px;
	}
	
	div.formbuilder div.control textarea {
	width: 210px;
	float: left;
	height: 100px;
	}
	
	textarea.formField {
	width: 210px;
	float: left;
	margin: 0 0 10px 0;
	height: 100px;
	}
	
	div#footer div.quick_enquiy_form textarea {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	line-height: 13px;
	width: 255px;
	height: 81px;
	overflow-x: hidden;
	overflow-y: hidden;
	float: left;
	margin: 0 0 10px 0;
	padding: 3px 0 0 5px; 
	background: url(/furniture/images/backgrounds/bg_textarea_footer.jpg) no-repeat 0 0;
	border: none;
	}
	
	textarea.textarea_margin {
	width: 210px;
	float: left;
	margin: 15px 0 10px 90px;
	height: 100px;
	}
	
	
/*============ INPUT BUTTON STYLES ================*/


	input.search_button {
	float: left;
	display: block;
	overflow: hidden;
	font-size: 1px;
	line-height: 1px;
	padding: 0;
	margin: 0 0 0 13px;
	border: 0;
	cursor: pointer;
	border: none;
	}
	
	div.formbuilder div.formButton input {
	float: right;
	display: block;
	overflow: hidden;
	font-size: 1px;
	color: #063970;
	line-height: 1px;
	padding: 18px 0 0 0;
	margin: 0 0 0 13px;
	border: 0;
	cursor: pointer;
	border: none;
	width: 84px;
	height: 21px;
	background: url(/furniture/images/buttons/submit_button.gif) no-repeat 0 0;
	}
	
	div.formButton_pupilage input {
	float: right;
	display: block;
	overflow: hidden;
	font-size: 12px;
	line-height: 12px;
	color: #FFFFFF;
	text-align: center;
	padding: 0;
	margin: 0 0 0 13px;
	border: 0;
	cursor: pointer;
	border: none;
	width: 84px;
	height: 21px;
	background: url(/furniture/images/buttons/submit_button_bg.gif) repeat-x 0 0 #195790;
	}
	

/*============ RADIO BUTTON STYLES ================*/

div.formbuilder div.control span input,
div.radio_buttons input {
	width: 25px;
	margin: 0 0 8px 0;
	}


/*============ ERROR INIDICATOR STYLES ================*/


div.formbuilder div.control span {
 	float: left;
	width: 140px;
	overflow: hidden;
	padding: 3px 0 0 7px;
 	}
	
	
div#content_right_sidebar_contact ul#right_sidebar_contact div.barrister_contact_form div.validationSummary ul li {
background:none;
}


/*==================================================================================================
	
	10. TABELS
	
==================================================================================================*/


table {
	width: 100%;
	margin: 10px 0 20px 0;
	float: left;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	}
	
	table.AvailablityMatrixCalendar{
	float:left;
	margin:0;}
	
	
	table th {
	color: #FFFFFF;
	padding: 8px;
	background-color: #999999;
	}
	
	table td {
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	padding:4px;
	}


div#content table.seminar_register_table,
div#content table.event_box {
	width: 100%;
	margin: 10px 0 20px 0;
	float: left;
	border: none;
	}
	
	div#content table.seminar_register_table td,
	div#content table.event_box td {
	border: none;
	padding:4px;
	}

div#sidebar table#calendar {
	padding: 0;
	margin: 0;
	}



/*================================ Seminar Calendar =========================================*/




table.calendar tr td { 
text-align:center;
}

	table.calendar tr td a {
	display:block;
	width:16px;
	height:17px;
	text-align:center;
	background: #0E4983;
	text-decoration:none;
	color:#fff !important;
	}

	table.calendar tr td.OtherMonth {
	color:#ccc;
	}
	
	
	table.calendar tr td table.Title {
	margin:0;
	}
	
		table.calendar tr td table.Title tr td {
		text-align:center;
		color:#0E4983;
		}
		
			table.calendar tr td table.Title tr td a {
			font-weight:bold;
			text-decoration:none;
			display:block;
			width:15px;
			height:15px;
			text-align:center;
			background:none;
			}


/*==================================================================================================
	
	9. Various Tags & Classes 
	
==================================================================================================*/



.alignright {
	float:right;
	}
	
.alignleft {
	float:left;
	}

div.barristers_slides_homepage img {
	margin: 0 auto;
	}

.clear {
	float: left;
	clear: both;
	}


div.seminars_barristers_panel {
clear:both;
}

/* End Various Tags & Classes*/





/*==================================================================================================
	
	10. TABS
	
==================================================================================================*/


div.tabs {
	position:relative;
	float:left;
	z-index:120;
	clear:both;
	width: 220px;
	}
	
	div.tabs div#first,
	div.tabs div#second {
	float: left;
	width: 178px;
	clear: both;
	padding: 20px 20px 20px 20px;
	margin: 0 0 30px 0;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background: #FFFFFF;
	border: 1px solid #a5bace;		
	}
	
	div#sidebar div.tabs ul.tabNavigation {
	position: relative;
	height:33px;
	width:201px;
	z-index:900;
	list-style-type:none;
	padding: 0;
	margin: 0;
	}

	div#sidebar div.tabs ul.tabNavigation li {
	border:none;
	float:left;
	clear: none;
	list-style-type:none;
	padding: 0;
	margin: 0;	
	}
	
		div#sidebar div.tabs ul.tabNavigation li.news {
		width: 84px;
		height: 32px;
		position:absolute;
		z-index: 1100;
		left:0px;
		top:2px;
		}
		
		div#sidebar div.tabs ul.tabNavigation li.seminars {
		width: 117px;
		height: 32px;
		position:absolute;
		z-index:1200;
		right:0px;
		top:2px;	
		}
	
	

/*----------------------- TAB NAVIGATION -----------------------------*/


div#sidebar div.tabs ul.tabNavigation li.news a {
	float:left;
	width: 84px;
	height: 32px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	cursor: pointer;
	border: none;
	background: url(/furniture/images/navigation/tabs_navigation.gif) no-repeat 0 -36px;
	}

	div#sidebar div.tabs ul.tabNavigation li.news a.selected,
	div#sidebar div.tabs ul.tabNavigation li.news a:hover {
	background: url(/furniture/images/navigation/tabs_navigation.gif) no-repeat 0 0;
	}



div#sidebar div.tabs ul.tabNavigation li.seminars a {
	float:left;
	width: 117px;
	height: 32px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	cursor: pointer;
	border: none;
	background: url(/furniture/images/navigation/tabs_navigation.gif) no-repeat -85px -36px;
	}

	div#sidebar div.tabs ul.tabNavigation li.seminars a.selected,
	div#sidebar div.tabs ul.tabNavigation li.seminars a:hover {
	background: url(/furniture/images/navigation/tabs_navigation.gif) no-repeat -85px 0;
	}



/*----------------------- TAB TWO -----------------------------*/

div#news_content, div#events_content {
	background-image:url(/furniture/images/sidewide/tabs_bg.png);
	background-repeat:no-repeat;
	clear:both;
	float:left;
	margin:0;
	display:inline;
	}

div#news_content .content, div#events_content .content {
	float:left;
	clear:both;
	width:178px;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	border-bottom:1px solid #d2d2d2;
	}

div#news_content .last, div#events_content .last  {
	border-bottom:none;
	margin:0;
	padding:0;
	}

div#news_content .content h2, div#events_content .content h2 {
	float:left;
	clear:both;
	color:#3E7AB5;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:0;
	width:165px;
	}

div#news_content .content h2 a, div#events_content .content h2 a {
	color:#0B467F;
	font-family:Arial;
	font-size:14px;
	text-decoration:none;
	}

div#news_content .content h2 a:hover, div#events_content .content h2 a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#faba00;
	text-decoration:underline;
	}

div#news_content .content h3, div#events_content .content h3 {
	float:left;
	clear:both;
	color:#829bb2;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:normal;
	margin:0;
	padding:0;
	width:165px;
	}

div#news_content .content p, div#events_content .content p {
	color:#7a7a7a;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	margin:0;
	padding:0;
	width:165px;
	float:left;
	clear:both;
	}

/*END TABS*/






/*==================================================================================================
	
	10. IMAGE REPLACEMENT HEADINGS
	
==================================================================================================*/


/*------------- IMAGE REPLACEMENT HEADING RESETS - ADD ALL CLASSES HERE -----------------*/

div#header p.logo,
div.search_container p,
div.toogle_footer p.toogle_footer_button,
div.sidebar_panel div.toogle_sidebar p.toogle_sidebar_nav_button,
div#content div.toggle_view_more_related_cases p  {
	padding:0;
	margin:0;
	float:left;
	line-height: 1px;
	font-size: 1px;
	}
		
/*------------- IMAGE REPLACEMENT HEADING RESETS -----------------*/
	
	
div#header p.logo {
	width: 135px;
	height: 125px;
	position: absolute;
	z-index: 50;
	left: 0px;
	top: 19px;
	}
	
	div.search_container p {
	width: 225px;
	height: 31px;
	display: block;
	overflow: hidden;
	text-indent: -999px;
	float: left;
	background: url(/furniture/images/headings/12_college_place_header_text.gif) no-repeat 0 bottom;
	}
	
	div#header p.contact_details {
	width: 480px;
	height: 31px;
	position: absolute;
	right: 0;
	top: 130px;
	z-index: 70;
	text-align: right;
	color: #0b467f;
	padding: 0;
	margin: 0;
	}
	
	div.toogle_footer p.toogle_footer_button {
	width: 146px;
	height: 26px;
	position: absolute;
	z-index: 190;
	left: 430px;
	bottom: 0px;
	}
	
	div.sidebar_panel div.toogle_sidebar p.toogle_sidebar_nav_button {
	width: 109px;
	height: 20px;
	position: absolute;
	z-index: 210;
	left: 37px;
	bottom: -21px;
	}
	
div#content div.toggle_view_more_related_cases p {
	height:20px;
	margin-left:82px;
	margin-top:-20px;
	width:113px;
	z-index:210;
		}	
			
	

/*==================================================================================================
	
	11. IMAGE REPLACEMENT BUTTONS
	
==================================================================================================*/

/*------------- IMAGE REPLACEMENT BUTTON RESETS - ADD ALL BUTTON CLASSES HERE -----------------*/

div#header p.logo a, 
div.toogle_footer p.toogle_footer_button a,
div.sidebar_panel div.toogle_sidebar p.toogle_sidebar_nav_button a,
div#content div.toggle_view_more_related_cases p a {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	cursor: pointer;
	border: none;
	}
	
/*------------- BUTTON RESETS -----------------*/
	
	
	div#header p.logo a {
	width: 135px;
	height: 125px;
	background: url(/furniture/images/sitewide/logo.gif) no-repeat 0 0;
	}
	
	div#header p.logo a:hover {
	background: url(/furniture/images/sitewide/logo.gif) no-repeat 0 -125px;
	}
	
	div.toogle_footer p.toogle_footer_button a {
	width: 146px;
	height: 26px;
	background: url(/furniture/images/buttons/footer_toggle_button.jpg) no-repeat 0 0;
	}
	
	div.sidebar_panel div.toogle_sidebar p.toogle_sidebar_nav_button a {
	width: 109px;
	height: 20px;
	background: url(/furniture/images/buttons/toggle_menu_sidebar_button.jpg) no-repeat 0 0;
	}
	
	div#content div.toggle_view_more_related_cases p a {
	width: 113px;
	height: 20px;
	margin:0;
padding:0;
	background: url(/furniture/images/buttons/view_more_button.gif) no-repeat 0 0;
	}


.image_quote{ margin-bottom: 15px;}