/*
    screen.css: SCREEN stylesheet
    ------------
    Job:               Goodmans Solicitors
    Produced by:       RD @ Mando Group
    Start date:        26/09/2007
    ------------
    COLOUR SPEC:
    Biege 1:        	e2dcbc
    brown:        		51473d
    orange:      		c4792f
    ------------
    TOC:
    1.	type selectors
    2.	structural
    3.	navigation
    4.	forms
    5.  tables
    6.	specific templates
    7.	sIFR
    8.	hacks
*/
/* =1. type selectors */
* {margin:0;padding:0;border:none;font-size:1em;}
body
    {
    color: #7a6c5f;
    background: #e2dcbc url(/_common/img/bg.jpg) repeat-x 0 0;
	font: normal 76%/1.4  Tahoma, Geneva, 'Trebuchet MS', Arial, Helvetica, sans-serif;
    }
ul {
	list-style-type: none;
	}
a {
	text-decoration: none;
	}
h2
	{
	font-size:1.2em;
	text-transform:uppercase;
	}
.content h2
	{
	font-size:1.3em;
	margin-bottom:1em;
	text-transform:uppercase;
	}
.content h3
	{
	margin-bottom:1em;
	font-size:1em;
	text-transform:uppercase;
	}
.content p
	{
	margin-bottom:1em;
	}
/* =2. structural */

div.containerWrap
	{
	padding-right:5px;
	background:url(/_common/img/bgR.png) repeat-y right 0 ;
	width: 64.7em;
	margin: auto;
	text-align:left;
	}
div.container
	{
	padding-left:5px;
	background: url(/_common/img/bgL.png) repeat-y 0 0;
	}
div.wrap 
	{
	background:#fff;
	}
div.header {	
	border-top:5px solid #c4792f;
	background:#51473d url(/_common/img/bg-header.gif) repeat-x 0 0;
	width:100%;
	padding-top:2em;
	}	
div.header p {
	float:left;
	background:transparent url(/_common/img/phone.gif) no-repeat 0 0;
	padding:6px 0 5px 45px;
	font-size:1.1em;
	}	
div.header h1
	{
	float:left;
	margin: 0 6.6em 1.1em 6.6em ;padding-bottom:1em;
	}	
div.header h1 a
	{
	background:transparent url(/_common/img/logo.gif) no-repeat 0 0;
	display:block;
	width:314px;
	height:45px;
	}
img.printlogo
	{
	display:none;
	}
div.header h1 span 
	{
	position:absolute;
	left:-10000px;
	}		
div#flash {
	clear:left;
	width:33.4em;
	height:207px;
	float:left;
	}	
div.services, div.find {
	float:left;
	width:16em; 
	margin:0 0 0 1em;
	}
div.find h3
	{
	margin-bottom:1em;
	}
div.services h2
	{
	margin: 1em 0 0 15px;
	}
div.services ul
	{
	margin-top:.5em;
	
	}
div.services li, div.subnav li
	{
	background:transparent url(/_common/img/dash.gif) repeat-x 0 0;
	padding: .4em 0;
	}
div.services li a
	{
	background:transparent url(/_common/img/arrow.gif) no-repeat left center;
	color:#db7611;
	display:block;
	font-weight:bold;
	font-size:.9em;
	padding-left:15px;
	}
div.services li a:hover
	{
	color:#91a204;
	}
div.mainsection 
	{
	background:transparent url(/_common/img/bgmain.jpg) repeat-x 0 0;
	padding:0 0 .5em 6.6em;
	}
div.subsection {
	margin-top:1em;
	}		
div.news {
	clear:left;
	float:left;
	width:33.4em;
	margin:1em 1em 0 6.6em;
	}
ul.articlelist, ul.contentarticlelist
	{
	margin:0.5em 0 0 0;
	}
ul.articlelist li, ul.contentarticlelist li
	{
	color:#d5b300;
	font-weight:bold;
	padding: 0 0 1em 0;
	margin: 0 0 1em;
	clear: left;
	font-size:.8em;
	}
ul.articlelist li span
	{
	border-right:1px solid #7a6c5f;
	padding:0 .3em 0 0;
	}	
ul.contentarticlelist li span {
	border:none;
	padding:0 .3em 0 0;
	}
ul.articlelist li strong, ul.contentarticlelist li strong
	{
	display: block;
	font-size: 1.3em;
	}
div.content	 ul.contentarticlelist li
	{
	background:#eeebdc url(/_common/img/bg-articlelist.gif) repeat-y 0 0;
	padding:1em;
	margin-bottom:1em;
	}
div.content	ul.contentarticlelist li a
	{
	background:none;
	padding:0;
	font-size:1.1em;
	}
ul.articlelist a 
	{
	color:#db7611;
	}
ul.articlelist li strong a:hover, ul.contentarticlelist li strong a:hover
	{
	color:#91a204;
	}
ul.articlelist small, ul.contentarticlelist small
	{
	display: block;
	font-size:1.1em;
	font-weight:normal;
	color:#7a6c5f;
	}
/********************************/
div.articles {
	padding-right:2em;
	}

div.articles ul.articlelist {
	list-style-type: none;
	margin-left: 0;
	float:right;
	width:46em;
	}
div.articles ul.articlelist a
	{
	/*font-size:1.1em;*/
	}
div.articles ul.articlelist li
	{
	background:#eeebdc url(/_common/img/bg-articlelist.gif) repeat-y 0 0;
	color:#7a6c5f;
	font-size:.9em;
	font-weight:normal;
	float:left;
	height:5.5em;
	margin: 0 0 1em;
	overflow:hidden;
	padding: .5em  .8em  1em  .8em;
	width:23em;
	}
div.articles ul.articlelist li.odd {float:right;clear:right;}	
div.articles ul.articlelist li strong
	{
	display: block;
	font-size: 1.2em;
	}
div.articles ul.articlelist img
	{
	float: left;
	margin: .3em 0.5em .5em 0;
	}
div.articles ul.articlelist li span
	{
	border-right:0;
	padding:0 .3em 0 0;font-weight:bold;
	}	
/********************************/	
div.enquire {
	float:left;
	width:19em;
	background:#cac85b url(/_common/img/bg-enquiry.gif) repeat-x 0 0;
	margin-bottom:8em;
	padding:1em;
	overflow:hidden;
	}
div.subnav, div.gpquote {
	float:left;
	width:14.3em;
	margin-right:1.5em;
	}
div.wrap-content
	{
	background:transparent url(/_common/img/dot.gif) repeat-y 14.3em 0;
	margin-top:3.5em;
	margin-bottom:2em;
	}		
div.content {
	float:left;
	width:30em;	
	}
div.downloads, div.associatedlinks {
	margin-top:2em;
	}	
div.quotearea {
	width:17em;
	float:left;
	}
div.quotearea img
	{
	float:right;
	margin-right:1em;
	}		
div.footer {
	background-color:#51473d;
	border-top:1px solid #92683e;
	clear:left;	
	color:#c2bdaa;
	font-size:.8em;
	margin-top:1em;
	padding-left:6.6em;
	}
div.footer a
	{
	color:#c4792f;
	}
div.footer a:hover
	{
	color:#91a204;
	}
div.footer ul {
	float:left; margin:1em 0;
	}		
div.footer ul li {
	float:left;
	margin-right:1em;
	}	
div.footer ul li.right {
	float:right;
	}	
/* =3. navigation */
div.header ul {
	clear:left;
	margin-left: 6.6em;
	list-style-type: none;
	color: #fff;
	text-align: center;
  	}
div.header ul li {
	float:left;
	margin-right:1px;
	}
div.header ul li a { 
	background: #b15521 url(/_common/img/nav.gif) repeat-x 0 0;
	color: #f7f4f0;
	display:block;
	font-weight:bold;
	font-size:.9em;
	font-family:Arial, Helvetica, sans-serif;	
	padding: .8em 0;
	text-decoration: none;
	text-transform:uppercase;
	width:8em;
	}
div.header ul li a:hover {
  	background: #bcba5d url(/_common/img/nav-hover.gif) repeat-x 0 0;  	
	color: #51473d;
	}
div.header ul li.selected a {
	background:#e8e4cf url(/_common/img/nav-selected.gif) repeat-x 0 0;
	color:#c4792f;
}
div.subnav ul
	{
	clear:right;
	margin:3.5em .8em .8em 2em;
	}
div.subnav li ul
	{
	margin:.2em 0 0 10px;
	}
div.subnav li ul li
	{
	background:none;
	}
div.subnav ul a
	{
	color:#db7611;
	display:block;
	font-size:.9em;
	padding-left:.5em;
	}
div.subnav li ul li a
	{
	background:transparent url(/_common/img/arrow.gif) no-repeat left center;
	padding-left:15px;
	}
div.subnav li.selected a, div.subnav li.selected li.selected a
	{
	color:#51473d;
	}
div.subnav li.selected li a
	{
	color:#db7611;
	}
div.subnav li a:hover, div.subnav li.selected li a:hover
	{
	color:#91a204;
	}
/* =4. forms */
div.enquire form ul.formlist li  {
    padding:0.3em 0 0.3em 0;
    }
div.enquire form
	{
	margin-top:.5em;
	}
.sendsubmit
	{
	float:right;
	clear:both;
	}
div.enquire label, div.find label	
	{
	position: absolute;
	left: -5000px;
	}
div.enquire textarea, div.enquire input#Email
	{
	width:93%;
	border:1px solid #cfce80;
	color:#7b7b7b;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.9em;
	padding:4px 7px;
	}
div.find select
	{
	float:left;
	font-size:.9em;
	color:#7b7b7b;
	width:14em;
	background:#f6f4ec;
	border:1px solid #cfce80;
	padding:2px 2px 2px 0;
	}
div.find li, div.find p
	{
	display:inline; 
	}
div.find input.sendsubmit
	{
	clear:none;
	}
input.textfield, textarea, select
	{
	background:#f6f4ec;
	border:1px solid #cfce80;
	color:#7b7b7b;
	font-family:Arial, Helvetica, sans-serif;
	width:15em;
	padding:2px;
	font-size:.9em;
	}
label, form.calculator fieldset span, form.claimform fieldset span
	{
	font-weight:bold;
	width: 13em;
	float:left;
	position:relative;
	}
form.claimform fieldset span {	
	color:#EB8622
	}
form.calculator p.cost
	{
	margin:-.5em 0 1.5em 14.5em;
	font-size:.9em;
	}
form.calculator ul
	{
	clear:both;
	}
form.calculator p.button	
	{
	border-bottom:1px solid #f1e0ce;
	padding-bottom:1em;
	margin-bottom:1em;
	}
form.calculator fieldset, form.calculator
	{
	margin-bottom:1em;
	}
form.calculator fieldset span.options
	{
	font-size:.9em;
	width:19em;
	float:right;
	}
form.claimform fieldset span.options label
	{
	font-size:.9em;
	color:#7A6C5F;
	}
form.claimform fieldset span.options
	{
	width:17em;
	float:right;
	margin-bottom:1.5em;
	}
form.claimform fieldset span.options select
	{
	font-weight:normal;
	}
.calculator h3
	{
	border-bottom:1px solid #f1e0ce;
	padding-bottom:.5em;
	margin-top:2em;
	color:#c4792f;
	text-transform: capitalize;	
	font-size:1.1em;
	}

label em, form.calculator fieldset span em
	{
	position:absolute;
	color:#eb8622;
	right:0;
	font-weight:bold;
	font-size:2em;
	font-style:normal;
	margin:-.2em .2em 0 0;
	}
form.calculator fieldset label
	{
	float:none;
	margin:0 0 0 .5em;
	}
form input:focus, form select:focus, form textarea:focus
	{
	border-color:#eb8622;
	}
ul.skip, .hidden {
	position: absolute;
	left: -5000px;
	}
ul.skip li {
	list-style:none;
	}	

/* =5. tables */
table
	{
	background:#f6f4ec;
	border-collapse: collapse;
	border: 1px #cfce80 solid;
	width:100%;
	margin-bottom:1em;
	}
td
	{
	border-top:1px solid #f1e0ce;
	padding: 5px 8px;
	font-size:.9em
	}
th
	{
	background:#cac85b url(/_common/img/bg-enquiry.gif) repeat-x 0 0;
	padding: 5px 8px;
	white-space:nowrap;
	text-align:left;
	}
/* =6. specific templates */
	div.gpquote img, div.subnav img
		{
		float:right;
		margin:1em 0;
		width:141px;
		}
	div.quote 
		{
		background:#f6f4ec url(/_common/img/quoteL.gif) no-repeat .8em 1em;
		clear:both;
		padding: 2em .5em 2em 2em;
		margin:.8em;
		}
	div.contentquote
		{
		background:transparent url(/_common/img/quoteL.gif) no-repeat 5px 10px;
		padding: 2em .5em 2em 2em;
		}
	div.quote blockquote
		{
		background:transparent url(/_common/img/quoteR.gif) no-repeat right bottom;
		color:#706356;
		font-weight:bold;
		padding: 0 1.2em .8em 0;
		}
	div.contentquote blockquote
		{
		background:transparent url(/_common/img/quoteR.gif) no-repeat right bottom;
		padding: 0 1.2em .8em 0;
		}
	cite, p.date
		{
		font-weight:normal;
		color:#d5b300;
		font-size:.9em;
		font-style:normal;
		}
	div.content img
		{
		float:left;
		margin:.5em .5em .5em 0
		}
	div.content ul
		{
		margin-bottom:1em;
		}
	div.content li
		{
		margin-bottom:.5em;
		}
	div.content a
		{
		font-weight:bold;
		color:#db7611;
		}	
	div.content li
		{
		background:transparent url(/_common/img/arrow.gif) no-repeat 5px center;
		font-size:.9em;
		padding-left:20px;
		}
	div.content form li /* to counteract div.content li styles */
		{
		background:none;
		padding:0;
		font-size:1em;
		}
	div.content a:hover
		{
		color:#91a204;
		}
	
	p.back 
		{
		border-top:1px solid #f1e0ce;
		padding-top:.5em;
		margin-top:1em;
		}
	p.back a
		{
		float:right;
		font-size:.9em;
		font-weight:normal;
		}
	div.paging ul
		{
		float:right;
		background:transparent url(/_common/img/dash.gif) no-repeat left .5em;
		padding:0 0 0 15px;
		margin:0;
		}
	div.paging li
		{
		float:left;
		font-size:.8em;
		background:transparent url(/_common/img/dash.gif) no-repeat right .5em;
		padding-right:15px;
		margin-right:15px;
		}
	div.paging li a
		{
		background:none;
		display:block;
		padding:0;
		}
	div.downloads li
		{
		background:none;
		padding:0;
		}
	div.downloads li.pdf a
		{
		background:transparent url(/_common/img/ico-pdf.gif) no-repeat left center ;
		padding-left:20px;
		}
	div.downloads li.doc a
		{
		background:transparent url(/_common/img/ico-doc.gif) no-repeat left center ;
		padding-left:20px;
		}
	div.downloads li.xls a
		{
		background:transparent url(/_common/img/ico-xls.gif) no-repeat left center ;
		padding-left:20px;
		}
	div.downloads li.txt a
		{
		background:transparent url(/_common/img/ico-txt.gif) no-repeat left center ;
		padding-left:20px;
		}
	div.downloads li.rtf a
		{
		background:transparent url(/_common/img/ico-txt.gif) no-repeat left center ;
		padding-left:20px;
		}
/* =7. sIFR - These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced  */
.sIFR-hasFlash h5 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

/* =8. hacks */
.cf:after, .wrap-content:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
/*additions 21/05/09*/

ul.logos {height: 110px; position: absolute; width: 255px; clear: both; float: right; bottom: 0; right: 29px;} 
li.qualitylogo, li.facebooklogo, li.twitterlogo {position: absolute;}
li.qualitylogo {right: 10px;}
li.facebooklogo {left: 10px; top: 5px; text-align: center; }
li.facebooklogo img {clear: both; display: block;}
li.twitterlogo { left: 10px; top: 60px}


.subsection {overflow:hidden; position: relative; padding-bottom: 25px}