/*----------------------------------------

Shine front-end framework
File Name:		global.css

Site Name: 		colemans-ctts
Developed By: 	Shine Marketing
Date Created:	01/06/2010
Last Updated:	04/10/2010
Copyright:		colemans-ctts

----------------------------------------*/

/* imports of external css
----------------------------------------*/

@import url("/css-javascript/css-reset");
@import url("/css-javascript/css-external-links");
@import url("/css-javascript/css-forms");
@import url("/css-javascript/css-listmenu");

/* Basic html elements
----------------------------------------*/

body{
	background-color:#e6e7e8;
	margin:0;
	padding:0;
	text-align:center;
}

body, p, td, th, li
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#000005;
}

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6{color:#3B6E8F; margin:5px 0 10px 0; font-size:18px; font-weight: bold; }
	h2{color:#000005; font-size:14px; font-weight: bold;}
	h3{color:#000005; font-size:13px;}
	h4{color:#000005; font-size:12px;}
	h5{color:#000005; font-size:11px;}
	h6{color:#000005; font-size:10px;}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }

/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 10px 0; }
p img.left  { float: left; margin: 10px 10px 10px 0; padding: 0; }
p img.right { float: right; margin: 10px 0 10px 10px; }

strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height:0; font-size:.6em; text-transform:uppercase; vertical-align:super; }

abbr,
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         {color:#666;}

pre         { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

/* Quotes
-------------------------------------------------------------- */

blockquote { color: #666; margin: 0 0 15px 0; padding:0; }
blockquote *:first-child:before { content: "\201C"; }
blockquote *:first-child:after 	{ content: "\201D"; }

blockquote h2 {color:#3B6E8F; font-style:italic;}

/* Links
-------------------------------------------------------------- */
a			{ text-decoration:none; color:#3B6E8F;}
a:link 		{ text-decoration:none; color: #3B6E8F; }
a:visited 	{ text-decoration:none; color: #3B6E8F; }
a:active	{ text-decoration:none; color: #3B6E8F; }
a:hover 	{ text-decoration: none; color: #000005; }
a:focus 	{ outline: none; }

/* Lists
-------------------------------------------------------------- */

li ul,
li ol       { margin: 0 0 0 20px; }

ul, ol      { margin: 0 20px 20px 15px; padding: 0 0 0 0; }

ul          { list-style-type: disc; }
ul ul 		{ list-style-type: square; }
ul ul ul 	{ list-style-type: circle; }
ol          { list-style-type: decimal; list-style-position: outside; }

dl          { margin: 0 0 20px 0; }
dl dt       { font-weight: bold; margin-bottom:0.4em; margin-top:0.8em; }
dd          { margin: 0;}

/* Defined / Image List
-------------------------------------------------------------- */

ul.simple {
	list-style-type:disc;
	margin:0 0 10px 0;
}

ul.simple li {
	margin:0;
	padding:0
}

ul.advanced{
	margin:0 10px 0 12px;
}
	ul.advanced li{
		display:block;
		padding: 0 0 0 17px;
		background: url(/frontend/images/background/bg_list.gif) left 4px no-repeat;
	}

/* Tables
-------------------------------------------------------------- */

table       	{ margin-bottom: 20px; width:100%; }
th          	{ font-weight: bold; }
thead th    	{ background: #c3d9ff; }
th,td,caption 	{ padding: 4px 10px 4px 5px; }
tr.even td  	{ background: #e5ecf9; }
tfoot       	{ font-style: italic; }
caption     	{ background: #eee; }

table 			{ border-top: 1px solid #ccc;  border-left: 1px solid #ccc; }
th, td 			{ border-bottom: 1px solid #ddd; border-right: 1px solid #ccc; }

/* Misc text classes defining content
-------------------------------------------------------------- */

.left 		{float:left;}
.right 		{float:right;}
.center 	{text-align: center;}

.clear	 	{clear:both;}
.hide		{display:none;}
.print		{display:none;} /* added for printing the page */

.highlight  {background:#ff0;}
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; margin-bottom:0px; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

.pullquote	{ width:20%; float:left; margin-right:2em; padding-right:2em; border-right:1px solid #ccc; text-align:right; font-size:1.1em; font-style:italic; color:#777; margin-bottom:.5em; }

.error, .notice, .success {padding:.8em;margin-bottom:1.6em;border:2px solid #ddd; display:block;}
.error 		{background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice 	{background:#FFF6BF;color:#514721;border-color:#FFD324;font-weight:bold;}
.success 	{background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a 	{color:#8a1f11; background:none; padding:0; margin:0; }
.notice a 	{color:#514721; background:none; padding:0; margin:0; }
.success a 	{color:#264409; background:none; padding:0; margin:0; }
.notvalid	{border:1px solid #900 !important;}

hr {
  background: #ddd;
  color: #ddd;
  clear: both;
  float: none;
  width: 100%;
  height: .1em;
  margin: 0 0 1.45em;
  border: none;
}

/* Layout
-------------------------------------------------------------- */

#container{
	width:960px;
	margin: 30px auto;
	text-align:left;
	position:relative;
	background:#fff;
}

#home #container{background:#000f36;}

#header{
	margin:0;
	padding:0;
	width:960px;
	background:#000f36;
	height:85px;
	float:left;	
}

/* Header
-------------------------------------------------------------- */

#header #topSection{ 
	height:85px;
	margin:0;
	padding:0;
}

.logo {margin:0 0 0 39px;width:216px;float:left;}

#packaged-legal {  width:182px; height:54px; float:right; margin:30px 0 0 0;}
#packaged-legal a {background-image:url(/frontend/images/pls/pls-logo-homepage.jpg); background-repeat:no-repeat; display:block;  height:55px; width:183px; }
#packaged-legal a:hover {background-position: 0 -54px; }
#packaged-legal span {display:none;}

.siteSearch {/*float:left;*/margin:30px 0 0 15px;padding:0;float:left;}
.siteSearch form {}
.siteSearch input {height:13px;padding:1px 2px;width:115px;margin:0 1px 0 0;border:1px solid #000F36;}

#searchButton {margin:0;padding:0;position:relative;top:4px;height:15px;width:15px;}

.uniqueHeading {margin:0 0 15px 0;}
.doorwayBanner {margin:0 0 30px 0;display:block;}
.pageTitle {margin:0 0 20px;}

/* Navigation
-------------------------------------------------------------- */

/* Main Navigation */

/* look at import/listmenu.css */

/* Sub navigation
-------------------------------------------------------------- */

ul.subNav { margin:20px 0 40px 39px; padding:0; list-style-type:none;}
ul.subNav li {display:block; list-style-type:none;margin:0 0 10px 0;font-size:13px;}
ul.subNav li a {color:#000008;}
/* ul.subNav li a:visited {color:#000008;} */

ul.subNav li a:hover		{ color:#3B6E8F; text-decoration:none; }
ul.subNav li a.home		{font-weight:bold;}
#leftCol ul.subNav li		{ text-align:left; width:165px; }
#leftCol ul.subNav .active	{ font-weight:bold; color:#3B6E8F; }
#leftCol ul.subNav ul li a	{font-weight:normal;}
#leftCol ul.subNav ul li.active a	{ font-weight:bold; color:#3B6E8F; }

#rightCol ul.subNav		{ margin:15px 0 20px 39px; }
#rightCol ul.subNav li		{text-align:right;}

#leftCol ul ul { margin-top: 10px; }
#leftCol ul.subNav 	{margin:0 0 40px 39px;}

/* Right sidebar ul
-------------------------------------------------------------- */

#rightCol ul		{margin:15px 0 0 39px; padding:0; list-style-type:none;}
#rightCol ul li 	{text-align:right;}
#rightCol ul li h3 	{margin:0 0 10px 0;}

#rightCol  ul.subNav2 	{margin:0 0 35px 39px;}
#rightCol  ul.subNav2 li {text-align:right;font-size:14px;margin:0 0 10px 0;}

#rightCol  ul.subNav2 li a {color:#3B6E8F;}
#rightCol  ul.subNav2 li a:hover {color:#000008;text-decoration:none;}

#our-people #rightCol ul.subNav li {display:block; list-style-type:none;margin:0 0 2px 0;font-size:13px;}

#meet-the-team #rightCol ul.subNav li {display:block; list-style-type:none;margin:0 0 2px 0;font-size:13px;}
#profile #rightCol ul.subNav li {display:block; list-style-type:none;margin:0 0 2px 0;font-size:13px;}

#our-people #rightCol ul.subNav { margin:2px 0 0 0; }
#meet-the-team #rightCol ul.subNav { margin:2px 0 0 0; }
#profile #rightCol ul.subNav { margin:2px 0 0 0; }

/* Main Content
----------------------------------------*/

#content{
	margin:0;
	padding:0;
	width:960px;
}

/* Primary
-------------------------------------------------------------- */

#primary {
	float:left;
	width:440px;
	padding: 0 0 30px 0;
	background:#fff;
	margin:0 10px 0 0;
}

/* Sidebar
-------------------------------------------------------------- */

#content #leftCol{ 
	float:left;
	width:290px;
	background-color:#fff;
}

#leftCol h2			{ color:#3b6e8f; margin:0 0 10px 39px; font-weight:normal; font-size:16px; }
#leftCol li h2			{margin-left:0;}

#content #rightCol{ 
	float:left;
	width:185px;
	background-color:#fff;
	padding:0 0 0 15px;
	text-align:right;
}

#rightCol h2 {color:#3b6e8f;margin:0 0 0 39px;font-weight:normal;text-align:right;}

#rightCol h3 {color:#3b6e8f;margin:15px 0 0 39px;font-weight:normal;text-align:right;}

#rightCol h3 a {color:#3b6e8f;margin:0;text-decoration:none;}
#rightCol h3 a:hover {color:#9CB6C6;margin:0;text-decoration:none;}

/* Homepage
-------------------------------------------------------------- */

#home #content #primary {
	float:left;
	width:630px;
	padding:0px;
	background:#000f36;
	margin:0;
	color:#fff;
}

#home #content #leftCol{ 
	float:left;
	width:290px;
	background-color:#000f36;
	margin:20px 0 0;
}

.welcome 	{margin:10px 0 30px 0;width:420px;float:left;}
.welcome p 	{color:#ffffff;}

#home #leftCol h2 {color:#fff;margin:13px 0 0 39px;font-weight:normal;}

#homeIcons {background: #000f36;position:relative; left: 0px; top: 0px; width: 630px; height: 335px;/*margin: 0 0 50px 0;*/margin:0;clear:both;}
#homeIcons div	{overflow: hidden; position: relative;}
#homeIcons img	{display: block;}
#homeIcons .rollover	{margin: -19px 0 0 0;}
.homeIcon {float:left;width:202px;height:155px;margin:0}
.homeIcon img  {border:none;}
	
.doorway-one 	{margin:0 0 25px 0;}
.doorway-two 	{margin:0 12px 25px 12px;}
.doorway-three 	{margin:0 0 25px 0;}
.doorway-four 	{margin:0 0 0 0;}
.doorway-five 	{margin:0 12px 0 12px;}
.doorway-six 	{margin:0 0 0 0;}

#home ul.subNav {
		margin:20px 0 0 39px; 
		padding:0;
		list-style-type:none;
}

#home ul.subNav li {display:block; list-style-type:none;margin:0 0 10px 0;font-size:13px;}

#home ul.subNav li a {color:#bcbec0;}

#home ul.subNav li a:hover {color:#9CB6C6;text-decoration:none;}


ul.hp_sidebar_links {margin:40px 0 0 39px;padding:0;}
ul.hp_sidebar_links li {list-style:none;padding:0;margin:0;}


.call_back {
        display: block;
        width:204px;
        height:80px;
        background-image: url(/frontend/images/style/Call_back.gif);
        background-repeat: no-repeat;
        overflow:hidden;
        float:left;
        margin:-31px 0 0 0;
}

a.call_back {
        background-position: 0px 0;
}
a.call_back:hover {
        background-position: -204px 0;
}


/* Footer
-------------------------------------------------------------- */

.footerHeading {margin:0 0 0 290px;clear:both;display:block;}

#footer{
	background:#fff;
	margin:0;
	padding: 10px 0 10px 0;
	color:#000008;
	border-top:5px solid #000f36;
	display:block;
	clear:both;
	float:none;
}

#footer p {font-size:10px;}
	
#footer ul {
	list-style:none;
	margin:0 0 0 290px;
	padding:0;
	color:#000008;
}
	
#footer ul li {
	float:left;
	margin:8px 4px 0 0;
	color:#000008;
	font-size:11px;
}

#footer ul li a {color:#000008;}
	
.copyright {
	float:left;
	text-align:left;
	margin:8px 0 0 0;
	padding:0 0 0 0;
	font-size:11px;
}

.copyright a {color:#000008;}

ul.footerIcons {margin:0 0 0 290px;padding:0;clear:both;}

ul.footerIcons li {margin:0;padding:0;}
	
/* Clearfix
-------------------------------------------------------------- */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix { display: inline-block;}

* html .clearfix {height: 1%;}



/* Doorways
-------------------------------------------------------------- */

#doorway h1 {color:#83354e;}
#doorway #leftCol ul.subNav {margin:0 0 0 39px;}
#doorway #leftCol ul.subNav li a {color:#83354e;}
#doorway #leftCol ul.subNav li a:hover {color:#000005;}
#doorway #rightCol ul.subNav li a {color:#83354e;font-size:15px;}
#doorway #rightCol ul.subNav li a:hover {color:#000005;}

/* TEMP */
.accidents-and-injury-page #coin-slider,
.claims-against-professionals-page #coin-slider,
.commercial-page #coin-slider,
.personal-page #coin-slider,
.property-page #coin-slider,
.road-and-motor-page #coin-slider {margin:0;}









#accidents-and-injury h1,
#accidents-and-injury #leftCol ul.subNav li a,
.accidents-and-injury-page .colour-text			{color:#83354e;}
.accidents-and-injury-page .colour-back		{background-color:#83354e;}
.claims-against-professionals-page .colour-text			{color:#92b8e2;}
.claims-against-professionals-page .colour-back		{background-color:#92b8e2;}
.commercial-page .colour-text			{color:#87a85f;}
.commercial-page .colour-back		{background-color:#87a85f;}
.personal-page .colour-text			{color:#703685;}
.personal-page .colour-back		{background-color:#703685;}
.property-page .colour-text			{color:#008e96;}
.property-page .colour-back		{background-color:#008e96;}
.road-and-motor-page .colour-text			{color:#b08354;}
.road-and-motor-page .colour-back		{background-color:#b08354;}



/* #accidents-and-injury #leftCol ul.subNav,
.accidents-and-injury-page #leftCol ul.subNav {margin:0 0 0 39px;} */
#accidents-and-injury #leftCol ul.subNav li a:hover,
#accidents-and-injury #leftCol ul.subNav li a.open,
.accidents-and-injury-page #leftCol ul.subNav li a:hover,
.accidents-and-injury-page #leftCol ul.subNav li a.open {color:#000005;}

#accidents-and-injury #rightCol ul.subNav li a {color:#83354e;font-size:15px;}
#accidents-and-injury #rightCol ul.subNav li a:hover {color:#000005;}

#accidents-and-injury #primary ul#related-articles {margin:0 20px 20px 0;}
#accidents-and-injury #primary ul#related-articles li {background:url(/frontend/images/style/bullet_accidents_injury.gif) no-repeat 0 6px;list-style:none;padding:0 0 0 15px;}

#claims-against-professionals h1 {color:#92b8e2;}
#claims-against-professionals #leftCol ul.subNav {margin:0 0 0 39px;}
#claims-against-professionals #leftCol ul.subNav li a {color:#92b8e2;}
#claims-against-professionals #leftCol ul.subNav li a:hover {color:#000005;}
#claims-against-professionals #leftCol ul.subNav li a.open {color:#000005;}
#claims-against-professionals #rightCol ul.subNav li a {color:#92b8e2;font-size:15px;}
#claims-against-professionals #rightCol ul.subNav li a:hover {color:#000005;}

#claims-against-professionals #primary ul#related-articles {margin:0 20px 20px 0;}
#claims-against-professionals #primary ul#related-articles li {background:url(/frontend/images/style/bullet_accidents_claims.gif) no-repeat 0 6px;list-style:none;padding:0 0 0 15px;}

#commercial h1 {color:#87a85f;}
#commercial #leftCol ul.subNav {margin:0 0 0 39px;}
#commercial #leftCol ul.subNav li a {color:#87a85f;}
#commercial #leftCol ul.subNav li a:hover {color:#000005;}
#commercial #leftCol ul.subNav li a.open {color:#000005;}
#commercial #rightCol ul.subNav li a {color:#87a85f;font-size:15px;}
#commercial #rightCol ul.subNav li a:hover {color:#000005;}

#commercial #primary ul#related-articles {margin:0 20px 20px 0;}
#commercial #primary ul#related-articles li {background:url(/frontend/images/style/bullet_accidents_commercial.gif) no-repeat 0 6px;list-style:none;padding:0 0 0 15px;}

#personal h1 {color:#703685;}
#personal #leftCol ul.subNav {margin:0 0 0 39px;}
#personal #leftCol ul.subNav li a {color:#703685;}
#personal #leftCol ul.subNav li a:hover {color:#000005;}
#personal #leftCol ul.subNav li a.open {color:#000005;}
#personal #rightCol ul.subNav li a {color:#703685;font-size:15px;}
#personal #rightCol ul.subNav li a:hover {color:#000005;}

#personal #primary ul#related-articles {margin:0 20px 20px 0;}
#personal #primary ul#related-articles li {background:url(/frontend/images/style/bullet_accidents_personal.gif) no-repeat 0 6px;list-style:none;padding:0 0 0 15px;}

#property h1 {color:#008e96;}
#property #leftCol ul.subNav {margin:0 0 0 39px;}
#property #leftCol ul.subNav li a {color:#008e96;}
#property #leftCol ul.subNav li a:hover {color:#000005;}
#property #leftCol ul.subNav li a.open {color:#000005;}
#property #rightCol ul.subNav li a {color:#008e96;font-size:15px;}
#property #rightCol ul.subNav li a:hover {color:#000005;}

#property #primary ul#related-articles {margin:0 20px 20px 0;}
#property #primary ul#related-articles li {background:url(/frontend/images/style/bullet_accidents_property.gif) no-repeat 0 6px;list-style:none;padding:0 0 0 15px;}

#road-and-motor h1 {color:#b08354;}
#road-and-motor #leftCol ul.subNav {margin:0 0 0 39px;}
#road-and-motor #leftCol ul.subNav li a {color:#b08354;}
#road-and-motor #leftCol ul.subNav li a:hover {color:#000005;}
#road-and-motor #leftCol ul.subNav li a.open {color:#000005;}
#road-and-motor #rightCol ul.subNav li a {color:#b08354;font-size:15px;}
#road-and-motor #rightCol ul.subNav li a:hover {color:#000005;}

#road-and-motor #primary ul#related-articles {margin:0 20px 20px 0;}
#road-and-motor #primary ul#related-articles li {background:url(/frontend/images/style/bullet_accidents_proad_and_motor.gif) no-repeat 0 6px;list-style:none;padding:0 0 0 15px;}

#accidents-and-injury #primary, #claims-against-professionals #primary, 
#commercial #primary, #personal #primary, #property #primary, 
#road-and-motor #primary {
      min-height: 270px;
      height: auto !important; /* min-height hack for ie6 */
      height: 270px;
      width:420px;
      margin:0 30px 0 0;
}

/* Contact Us
-------------------------------------------------------------- */

.offices p {text-align:right;}

/* Meet the team
-------------------------------------------------------------- */

.teamMember {float:left;clear:both;margin:0 0 15px 0;width:440px;}

.teamMemberIntro {float:left;width:300px;}
.teamMemberProfile {float:right; width:96px; margin:0px 0 0 20px; display:inline;}

.profileImg {float:left; margin:0 20px 0 0;}

/*.basedIn ul {display:inline; margin:0;}
.basedIn ul li {list-style:none;display:inline;}*/

.basedIn ul {margin:0 0 10px;}
.basedIn ul li {list-style:none;}

.personalDetails {float:left;}

input.searchPeopleBtn {background:#3b6e8f;color:#fff;border:none;/*height:20px;*/}
#searchPeople {border:1px solid #dedee0;width:180px;/*height:18px;*/}

ul.alphabetSearch{margin:20px 0 20px 0;padding:0;text-transform:uppercase;}
ul.alphabetSearch li{list-style:none;margin:0 9px 0 0;padding:0;display:inline;}

ul.alphabetSearch li a {color:#000F36;}

ul.alphabetSearch li a:visited {color:#000F36;}

.team_Member {
float:left;
/*margin:0 10px 20px 0;
width:210px;*/
margin:0 5px 20px 0;
width:215px;
height:140px;
display:inline;
}

.team_Member img {float:left;width:90px;margin:0 10px 0 0;}

.memberFirstName{font-weight:bold;color:#000F36;}
.memberLastName{font-weight:bold;color:#000F36;}
.memberJob{color:#3b6e8f;margin:10px 0 10px 0;}

.memberMore {margin:10px 0 0 0; font-weight:bold; float:left;}

.team_Member a {color:#3b6e8f;}

#peopleSelected a  { color:#3b6e8f; text-decoration:underline; padding:5px 0;}
.team_Member_Info {}

/* News
-------------------------------------------------------------- */

.vacancy {margin:0 0 15px 0;}
a.downloadEbrief {} 
ul#related-articles li a { color: #000005; }
ul#related-articles li a:hover { color: #3B6E8F; }



#contact-form table tr td { border: none;  }
#contact-form table { border: none; margin-top: 20px; }
#contact-form table tr td label { color: #000f36; font-weight: bold; padding: 0px; margin: 0px; }
#contact-form table tr td.contact-left { width: 100px; padding-right: 0; margin:10px 0 0 0; line-height:5px; float:left; }
#contact-form table tr td input.standard-input { width: 168px; }
textarea#contact-message { width: 168px;  }
td.contact-right { padding-right: 0px; width:69px; }
#contact-form tr td .submit {float:none;margin:0 0 0 -8px;}
#contact-form tr td label.error {  padding: 0px; margin: 0px; width: 164px; display: none !important; }
#contact-form tr td input.error { width: 164px; padding: 0px; margin: 0px 0px 0px 0px; }
#contact-form tr td textarea { padding: 0px; margin: 0px; }
#contact-form td {padding-right:0;}

div#team-member-text { float: left; width: 150px; }




/* Landing Page
-------------------------------------------------------------- */
.landing #primary p,
.landing #primary li {color:#444;}

/* Doorways
-------------------------------------------------------------- */

ul.subNav-LandingPage { margin:10px 0 0 39px; padding:0; list-style-type:none;}
ul.subNav-LandingPage li {display:block; list-style-type:none;margin:0 0 10px 0;font-size:13px; border-bottom: 1px solid #000f36; padding: 0 0 10px 0; }
ul.subNav-LandingPage li a {color:#000008; font-weight: bold; }
ul.subNav-LandingPage li a:visited {color:#000008;}
ul.subNav-LandingPage li a:hover {color:#000f36;text-decoration:none;}
ul.subNav-LandingPage li a.home {font-weight: bold; }
#leftCol ul.subNav-LandingPage li {text-align:left;width:210px;}


.title-banner {height:24px; width:671px; padding:6px 0 0 289px; margin:-5px 0 30px 0;}
h1.landingpageTitle  {line-height:1.4em;}
ul.usp-list li {display:inline; font-weight:bold; font-size: 1.4em; line-height:1.3em; float:left; width:90px; padding:0 0 0 40px; margin: 0 15px 15px 0;  background-repeat:no-repeat; background-position:left top;background-image:url(/themes/site_themes/colemans/images/generic-tick.gif);}

ul.subNav-LandingPage li {display:block; list-style-type:none;margin:0 0 10px 0;font-size:13px; border-top: 1px solid #666; border-bottom: 1px solid #666; padding:10px 0; }

.testimonial {   padding:20px 20px 20px 20px;  margin: 0 0 15px 0;float:left;width:398px;}
.testimonial-name { font-weight:bold;  color:#93b8e2;}
.testimonial  p {font-style:italic;}


.accidents h1,
.accidents  #leftCol a:hover,
.accidents .landingpageTitle {color:#83354E;}
.accidents #leftCol li {border-color:#83354E;}
.accidents .title-banner {background-color:#83354E;}
.accidents ul.usp-list li {background-image:url(/themes/site_themes/colemans/images/building-disputes-tick.gif);}
.accidents .testimonial {  background-color:#ebdfe3; border:1px solid #c9a6b1;}

.professionals h1,
.professionals  #leftCol a:hover,
.professionals .landingpageTitle {color:#93b8e2;}
.professionals #leftCol li {border-color:#93b8e2;}
.professionals .title-banner {background-color:#93b8e2;}
.professionals ul.usp-list li {background-image:url(/themes/site_themes/colemans/images/claims-against-professionals-tick.gif);}
.professionals .testimonial {  background-color:#f4f8fc; border:1px solid #e9f1f9;}

.property h1,
.property  #leftCol a:hover,
.property .landingpageTitle {color:#008E96;}
.property #leftCol li {border-color:#008E96;}
.property .title-banner {background-color:#008E96;}
.property ul.usp-list li {background-image:url(/themes/site_themes/colemans/images/neighbour-disputes-tick.gif);}
.property .testimonial {  background-color:#fbf9fb; border:1px solid #e2d7e7;}

.personal h1,
.personal  #leftCol a:hover,
.personal .landingpageTitle {color:#703685;}
.personal #leftCol li {border-color:#703685;}
.personal .title-banner {background-color:#703685;}
.personal ul.usp-list li {background-image:url(/themes/site_themes/colemans/images/building-disputes-tick.gif);}
.personal .testimonial {  background-color:#fbf9fb; border:1px solid #e2d7e7;}

.commercial h1,
.commercial  #leftCol a:hover,
.commercial .landingpageTitle {color:#87A85F;}
.commercial #leftCol li {border-color:#87A85F;}
.commercial .title-banner {background-color:#87A85F;}
.commercial ul.usp-list li {background-image:url(/themes/site_themes/colemans/images/building-disputes-tick.gif);}
.commercial .testimonial {  background-color:#e5ecdc; border:1px solid #bbcea4;}

.road h1,
.road  #leftCol a:hover,
.road .landingpageTitle {color:#B08354;}
.road #leftCol li {border-color:#B08354;}
.road .title-banner {background-color:#B08354;}
.road ul.usp-list li {background-image:url(/themes/site_themes/colemans/images/building-disputes-tick.gif);}
.road .testimonial {  background-color:#f4ede7; border:1px solid #e0cfbd;}







/* Header Image and Banner
----------------------------------------*/

#title-banner { 
	height:24px;
	margin:0 0 30px;
	padding:6px 0 0 289px;
	width:671px;
}

#landing #title-banner { 
	margin:-5px 0 30px;
}

#title-banner:before {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

#title-banner h3 {color:#fff;text-transform: uppercase; letter-spacing:5px;font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; font-weight:normal;}
.landing-banner {margin:0; padding:0; border:0;}



/* header
----------------------------------------*/

.phone_number {float:right; margin:35px 30px 0 0;}
#logo-container {background-color:#f4f3f3; padding:20px; border:1px solid #e6e6e6; float:left; margin: 0 0 0 39px; width:170px;}
#logo-container img {margin:0 0 15px 0; }




/* middle column
----------------------------------------*/

.testimonial-name-wrapper {background-image:url(/themes/site_themes/colemans/images/quotation-marks-large.png); background-position:right top; background-repeat:no-repeat; height:24px; float:right; margin: -10px 0 0 0;  padding:10px 60px 0 0; font-size:110%;}
.quote_left {float:left; margin:0 10px 0 0;}
#builder-title { margin: 0 0 20px 0; padding: 0 0 0 0;}
.builder-title-img {float:right; padding:0 0 10px 10px;}

#get_in_touch {background-image:url(/themes/site_themes/colemans/images/get-in-touch.jpg); width:172px; height:36px; padding:6px 0 0 0; }
.get_in_touch {color:#fff; font-size:1.7em; text-align:center;}
.testimonial_image {float:left; margin:0 10px 0 0; border:1px solid #88a85f; }

#usp {border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin: 0 0 20px 0; padding:20px 0 10px 0; float:left; width:440px;}
ul#usp-list {margin:0; padding:0;}

/* Fonts
----------------------------------------*/

.testimonial p {margin:10px 0 10px 0;}
h1.tel_number {font-size:2.5em; float:right; margin:30px 30px 0 0; color:#a7a9ac;}
#rightCol h3.tel_number {font-size:2.0em; margin:10px 0 10px 0; color:#000f36; text-align:center; }
.tel_number_white {color:#fff;}


/* Contact Us Form 
----------------------------------------*/

#form_container {background-color:#000f36; border:1px solid #000f36; padding:10px; float:left; margin:0 0 20px 0; width:163px;}
#rightCol ul.contactFormLanding {margin:0;padding:0;}
ul.contactFormLanding li {margin:0 0 10px 0;padding:0;list-style:none;}
ul.contactFormLanding li label {clear:both; display:block; float:left; 	padding-top:5px;width:160px;margin:0 0 3px 0; color:#fff;}
ul.contactFormLanding li input {border:1px solid #000005;width:160px;height:20px; background-color:#fff;}
ul.contactFormLanding li select {border:1px solid #000005;margin:0 0 0 100px;width:160px;height:20px;}
ul.contactFormLanding li textarea {border:1px solid #000005;	width:160px;	height:100px;background-color:#fff;}
ul.contactFormLanding li .submit {border:1px solid #000F36;background:#a4a7aa;	color:#000f36; width:60px;	margin:0 0 0 0;	height:30px; float:right;clear:both;
cursor:pointer; font-weight:bold;}
ul.contactFormLanding li .submit:hover {border:1px solid #000F36;background:#fff;color:#000F36;}
ul.contactFormLanding li .error 	{ width:160px; background:none; border:none; color:red; padding:0; float:left; margin:2px 0 0 0; }
ul.contactFormLanding li .required      {width:160px; padding:0; margin:0; background:#fff;}

.form-success {display:none; float:left;}
.form-success-txt p {text-align:center;color:#000;margin-top:10px; padding:20px;}



#rightCol ul.form-contact-call-to-action {margin:10px 0 10px 0;}

#rightCol ul.form-contact-call-to-action li {font-weight:bold;font-size:18px;margin:0 0 10px 0;}


/* Conveyancing
----------------------------------------*/
.conveyancing-page #content .colour-text {color:#008E96;}
.conveyancing-page #leftCol a {color:#008E96;}
.conveyancing-page #content a {color:#008E96;}
.conveyancing-page #content a:hover {color:#000005;}

/* Blog
----------------------------------------*/

.blog-page .content_item {margin:0 0 20px 0; float:left;}
.blog-page .image {float:right;margin:0 0 5px 20px;}
.blog-page .listimage {float:right;margin:0 0 5px 5px;}
.blog-page .blogsnippet {float:left;width:330px;}
.blog-page .blue {color:#3B6E8F;}
.blog-page h3.blue { border-top:1px solid #E6E7E8; margin-top:10px; padding-top:10px; }

#primary .blogsnippet p {margin:0 0 10px 0 !important;}
#primary .blogsnippet div {margin:0 !important;}

.blogtitle { float:left; width:270px; margin-bottom: 20px; }
.date { float:right;margin:5px 0 0 0; margin-bottom: 10px;width:150px;text-align:right;}

.blog-page .author {float:left;width:250px;margin:5px 0 0 0;font-weight:bold;}
.blog-page #comments { width:440px; margin:0 0 10px 0; }

.paginate  {float:left;clear:both;margin:10px 0 0 0;list-style:none;padding:5px 0 0;border-top:1px solid #E6E7E8;width:440px;}


ul#pagination  {float:left;clear:both;margin:10px 0 0 0;list-style:none;padding:5px 0 0;border-top:1px solid #E6E7E8;width:440px;}
ul#pagination li {display:inline;margin:0 3px 0 0;}

.blog-page #rightCol h2 { font-weight:bold;margin-bottom:10px;text-align:left; font-size:16px; }
.blog-page #rightCol ul.subNav2 li {font-size:13px;text-align:left;}

.blog-page .blog-category-listing		{display:block;}
.blog-page .blog-return			{ clear:both; margin-top:10px; }
.blog-page .blogdetailscontent		{clear:both;}

.comment fieldset {width:440px;}

.blog-page .button {
	background:none repeat scroll 0 0 #000F36;
	border:1px solid #000F36;
	clear:both;
	color:#FFFFFF;
	float:left;
	padding:0 50px;
	margin:20px 0 0 0;
	height:30px;
}
.blog-page .button:hover {
	background:none repeat scroll 0 0 #fff;
	border:1px solid #000F36;
	color:#000F36;
}

.blog-page #name, .blog-page #email {width:380px; margin:0 0 10px 0;float:right;padding:0;}

.blog-page label {
	float:left;
	width:50px;
	clear:both;
}

.blog-page input {
	border:1px solid #000005;
        height:20px;
}

.blog-page textarea {
	border:1px solid #000005;
        width:438px;
	float:right;
margin:0;
padding:0;
}

.blog-page .full-width {width:100%;}

.blog-page input[type="radio"], .blog-page input[type="checkbox"], .blog-page .radio, .blog-page .checkbox{border:none;position:relative;top:4px;}

.blog-page .actions {margin:10 0 0 0;}

#captcha-question {margin:15px 0 5px 0;}

.captcha-answer {position:relative;top:3px;}

.blog-page .error {
	border:1px solid #000005;
	color:red;
	margin:0;
	padding:0;
	background:none;
}

.blog-page label.error {
	width:300px;
border:none;
margin:5px 0 10px 0;
}
 .zoom  {
display: none;
	height:26px;
	position:absolute;
	right:235px;
	top:295px;
	width:26px;
	z-index:200;

/*display: none; height: 26px; right:15px; position: absolute; top:18px; width: 26px; z-index: 200;*/

}

.blog-leadin {clear:both;}

.read-more {clear:left;float:left;margin:5px 0 0 0;}

#login-form table tr td { border: none;  }
#login-form table { border: none; margin-top: 10px; }
#login-form table tr td label { color: #000f36; font-weight: bold; padding: 0px; margin: 0px; width:185px; float:left; }
#login-form table tr td.login-left { width: 125px; padding-right: 0; margin:10px 0 0 0; line-height:5px; float:left; }
#login-form table tr td input.standard-input { width: 168px; }
textarea#login-message { width: 168px;  }
td.login-right { padding-right: 0px; width:69px; }
#login-form tr td .submit {float:none;margin:0 0 0 -26px;}
#login-form tr td label.error {  padding: 0px; margin: 0px; width: 164px; display: none !important; }
#login-form tr td input.error { width: 164px; padding: 0px; margin: 0px 0px 0px 0px; }
#login-form tr td textarea { padding: 0px; margin: 0px; }
#login-form td {padding-right:0;}

ul.con-bread {float:left;margin: -17px 0 0 175px;z-index:99; display:inline;}
ul.con-bread li {list-style:none;color:#fff; font-size:10px; display:inline; margin:0 0 5px 0;}

#content ul.con-bread li a {color:#fff;}
#content ul.con-bread li a:hover {color:#fff;}


.account#primary {width:650px;}

ul.case-row				{ margin:0; padding:0; float:left; clear:both; }
ul.case-row li				{ display:block; margin:0;padding:0; list-style:none; float:left; }

ul.case-row li.case-ref			{width:85px;}
ul.case-row li.company		{ display:block; width:150px; }
ul.case-row li.short-address		{ display:block; width:230px; }
ul.case-row li.postcode		{ display:block; width:85px; }
ul.case-row li.completion-date	{ display:block; width:100px; }

ul:hover.case-row {background:#E6E7E8;}

ul.cases-listing-head li.case-ref {display:block;width:85px;}
ul.cases-listing-head li.company {display:block;width:150px;}
ul.cases-listing-head li.short-address {display:block;width:230px;}
ul.cases-listing-head li.postcode {display:block;width:85px;}
ul.cases-listing-head li.completion-date {display:block;width:100px;}

#primary ul.cases-listing-head {margin:0 0 10px 0;font-weight:bold; float:left;}
#primary ul.cases-listing-head:hover {background:none;}
#primary  ul.cases-listing-head li {font-weight:bold; float:left;}

/** account accordion **/

h2.acc_trigger {
	padding: 0;
	margin: 0 0 5px 0;
	background: url(h2_trigger_a.gif) no-repeat;
	height: 46px;	line-height: 46px;
	width: 500px;
	font-size: 2em;
	font-weight: normal;
	float: left;
}
h2.acc_trigger a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0 0 0 50px;
}
h2.acc_trigger a:hover {
	color: #ccc;
}
h2.active {background-position: left bottom;}
.acc_container {
	margin: 0 0 5px; padding: 0;
	overflow: hidden;
	font-size: 1.2em;
	width: 500px;
	clear: both;
	background: #f0f0f0;
	border: 1px solid #d6d6d6;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
.acc_container .block {
	padding: 20px;
}

#freeform .fee-earner-message			{width:635px;}
#freeform .fee-earner-submit			{ margin-left:0; cursor:pointer; }

img.conveyancingBanner {margin:0;padding:0;float:left;}

.conveyancing-page #case-details dl,
.conveyancing-page #case-details ul {
	margin:0 0 10px 10px;
	clear:both;
}
.conveyancing-page #case-details h2 {
	cursor:pointer;
	clear:both;
	border-bottom:1px solid #008E96;
}
.conveyancing-page #case-details h2:hover {
	color: #008E96;
}
.conveyancing-page #case-details dt,
.conveyancing-page #case-details dd,
.conveyancing-page #case-details li {
	margin:0 0 10px;
}
.conveyancing-page #case-details dt,
.conveyancing-page #case-details li {clear:both;}
.conveyancing-page #case-details dt {
	width:150px;
	float: left;
}
.conveyancing-page #case-details dt strong {
	color: #008E96;
}

.conveyancing-page #case-details dd {
	float: left;
}
.conveyancing-page #case-details #sale-progress {list-style:none;}
.conveyancing-page #case-details #sale-progress li {
	float:left;
	clear:none;
	width:100px;
	border-top: 1px solid #F5F5F5;
}
.conveyancing-page #case-details #sale-progress li.header		{ border:none; font-weight:bold: }
.conveyancing-page #case-details #sale-progress .createddate	{clear:both;}
.conveyancing-page #case-details #sale-progress .details		{width:230px;}
.conveyancing-page #case-details #sale-progress .corrname		{width:120px;}
.conveyancing-page #case-details #sale-progress .actiondesc	{width:80px;}
.conveyancing-page a.case-links							{ clear:both; display:block; }




/* Conveyancing Login */
.conveyancing-page #customer-account {float:right;  width:426px; height:77px; margin: 30px 0 0 515px; position: absolute;}
.conveyancing-page #loginForm {height:40px;width:400px; display:none; padding: 10px 10px 0 10px; margin:0 0 0 0; float:right; background-image:url(/frontend/images/conveyancing/conveyancing-client-login-corner.png); background-repeat:no-repeat;  }
.conveyancing-page #loginLink {height:27px;width:143px;display:block;cursor:pointer; background-image:url(/frontend/images/conveyancing/conveyancing_login.png); background-repeat:no-repeat; float:right;}
.conveyancing-page #logoutLink {height:27px;width:143px;display:block;cursor:pointer; background-image:url(/frontend/images/conveyancing/conveyancing_logout.png); background-repeat:no-repeat; float:right;}

.conveyancing-page #loginForm p {position:relative; float:left; margin:0 5px 0 0;}
.conveyancing-page #loginForm input {background-image:url(/frontend/images/debt-recovery/field-bg.gif);background-repeat: repeat-x;border: 1px solid #c8c8c8;	font-size: 13px;	color: #333333;	line-height: 13px;padding: 5px; margin: 0;width:160px; height:15px;}
.conveyancing-page #loginForm label {position:absolute; top:0; left:0;}
.conveyancing-page #loginForm .error {clear:both; float:left; color:#e0a8aa; margin:0 0 0 0; background-color:#FBE3E4; padding: 1px 0 0 5px; margin: 0;width:163px; height:22px;  border:2px solid #FBC2C4;}
.conveyancing-page #loginForm #submit {background-image:url(/frontend/images/conveyancing/conveyancing-go.png);  background-repeat:no-repeat; height:27px; width:32px; color:#fff; padding:0 0 0 0; text-align:center;display:block; border:none; float:left; font-weight:bold; font-size:14px; margin:0; cursor:pointer; text-indent:-9999px; outline:0; }

.conveyancing-page .login-txt {margin:3px 0 0 5px;}

/* Doorway Banner */

#bannerHolder {
    height: 130px;
    overflow: hidden;
}

/* Debt Recovery Site Link */

.debt-recovery-site-link {width:440px; margin:15px 0 15px 0; }
.debt-recovery-site-link a {background-image:url(/frontend/images/debt-recovery/buttons/debt-button.jpg); background-repeat:no-repeat; display:block;  height:60px; width:280px; color:#fff; padding:0; margin-right:auto; margin-left:auto;}
.debt-recovery-site-link a:hover {background-image:url(/frontend/images/debt-recovery/buttons/debt-button.jpg); background-repeat:no-repeat; background-position: 0 -60px; }
.debt-recovery-site-link span {display:none;}

	.social-home {margin:10px 0 0 0; color:#fff;float:right; text-align:right;}
	#home #primary h2.follow-us  {color:#fff; margin:0 0 10px 0;padding:0; font-size:15px; text-align:right;}
	.social-home img {margin:0 5px 0 0; height:27px;}
	
	.social-footer {margin:20px 0 0 40px; color:#3a6d8e; position:absolute;}
	.social-footer h2.follow-us  {color:#3a6d8e; margin:0 0 10px 0;padding:0; font-size:15px;}
	.social-footer img {margin:0 5px 0 0;}

.center {text-align:left; margin: 0 0 10px 0; width:125px;}

/* Homepage */

.latest-news {
	height:137px;
	width:259px;
	background: url("/frontend/images/style/news-panel.png") no-repeat transparent;
}

#latest-news-ticker {background:#e8e9ea;}

#home  #leftCol .latest-news h2 {margin:0; color:#000F36; padding:15px 0 0 40px; font-size:15px; text-transform:lowercase;width:190px;}

#home  #leftCol .news-title {margin:0; color:#000; margin:5px 0 0 40px; float:left; width:175px !important; font-size:12px; display:inline;}

#home  #leftCol .more {margin:0; color:#555555; margin:2px 0 0 40px; text-transform:lowercase; float:left; font-weight:bold;display:inline;}

#home  #leftCol .more:hover {color:#000F36;}

ul#latest-news-ticker {margin:0; width:215px !important; background:#e8e9ea;}

ul#latest-news-ticker li {margin:0; width:215px !important; background:transparent;}

ul.hp-sidebar-nav {
	list-style:none;
	width:190px;
	background: #000F36;
	float: left;
	margin:26px 0 0 40px;
	display:inline;
}	

ul.hp-sidebar-nav li {
	margin:0 0 10px 0;
	border:1px solid #618aa4;
	height: 40px;
	display: block;
	float: left;
	width: 188px;
	cursor: pointer;
}	

ul.hp-sidebar-nav li a {
	background: url("../frontend/images/style/nav-bg.png") repeat-x transparent;
	height: 38px;
	display:block;
	color:#fff;
	position: relative;
	top:1px;
	width: 186px;
	left: 1px;
}

ul.hp-sidebar-nav li a span {
	cursor: pointer;
}

ul.hp-sidebar-nav li a:hover {
	background: url("../frontend/images/style/nav-bg-hover.png") repeat-x transparent;
}	

ul.hp-sidebar-nav li .nav-icon {
	margin: 0 5px 0 0;
	float: left;
	display: block;
	max-width: 48px;
}

ul.hp-sidebar-nav li span.sidebar-icon {
	width: 53px;
	display: block;
	float: left;
	overflow: hidden;
}

ul.hp-sidebar-nav li span.sidebar-text {
	/*float: left;*/
	/*line-height: 38px;*/
	font-size: 12px;
	display: block;
	float: left;
	height: 37px;
	width: 130px;
}

ul.hp-sidebar-nav li span.sidebar-text span {
	display: block;
}

.footer_links {
	border-top:1px solid #3B6E8F;
	margin:35px 0 30px 0; 
	padding:10px 0 20px 15px;
}

.footer_links ul {
	color:#3B6E8F;
	list-style:none;
	margin:0 0 0 -10px;
	padding:0;
}
.footer_links ul li {
	float:left; 
	margin:0 25px 0 0;
	color:#3B6E8F;
	background: url("../frontend/images/style/bullet-list.gif") no-repeat left 8px transparent;
	margin:0 5px 0 0;
	padding:0 0 0 10px;
}
.footer_links ul li a:hover {color:#fff;}

/* Blog */

.blog-page #primary {
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    margin: 0 10px 0 40px;
    padding: 0 0 30px;
    width: 640px;
}

.blog-page #content #rightCol {
    background-color: #FFFFFF;
    float: right;
    padding: 0 0 0 15px;
    text-align: right;
    width: 185px;
    margin:0 20px 0 0;
}

.blog-page .blogsnippet {
    float: left;
    width: 535px;
}

.blogtitle {
    width: 475px;
}

.blog-page .content_item {
    width:640px;
    border-bottom:1px solid #E6E7E8;
    padding:0 0 20px 0;
}

.last.content_item  {border:none;}

.blog-page .image {
    float: left;
    margin: 10px 0 10px 0;
    position:relative;
}

img.zoom {
    display: none;
    height: 26px;
    position: absolute;
    right: 15px;
    top: 18px;
    width: 26px;
    z-index: 200;
}

.blog-page ul#pagination {width:640px;}

.extra-blog-thumbs .image {margin:0 10px 10px 0;}

.blog-page ul#pagination li {
    display: inline;
    margin: 0 8px 0 0;
}

input.searchBox  {
    height: 13px;
}