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

Title : Docklands Solicitor Stylesheet
Author : EQ MEDIA Ltd

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

#navbar-iframe {
display: none !important;}

/* COMMON AND GLOBAL */
body {
	margin:0;
	padding:0;
	background:#585757;
	color:#ffffff;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.6;
}
td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; }

/* ----- IDS ----- */
#headerContainer { width:100%; background:#585757;}
#headerContainer #header { width:900px; position:relative; height:100px; margin:0 auto;}
#headerContainer #header #logo { position:absolute; top:25px; left:0;}
#headerContainer #header #tel {
	position:absolute;
	top:25px;
	right:0;
}
#headerContainer #header #email { position:absolute; top:55px; right:0;}
#contentContainer { width:100%; background:#585757 url(../images/contentBg.gif) top left repeat-x;}
#contentContainer #content { width:900px; min-height:525px; margin:0 auto; padding:20px 0; color:#FFFFFF;}
#contentContainer #content a { color:#f9a97f; font-weight:normal; text-decoration:none; }
#contentContainer #content a:hover { text-decoration:underline;}
#contentContainer #content #banner { width:880px; height:146px; padding:10px; background:#ffffff; margin:0 0 20px 0;}
#contentContainer #content #leftCol { float:left; width:630px; padding:10px 0; margin-top:20px;}
#contentContainer #content #leftCol ul { list-style:none; padding:0; margin:0 0 5px 0;}
#contentContainer #content #leftCol li { padding:3px 0 3px 18px; font-size:120%; background:url(../images/bullet2.gif) 0 6px no-repeat; margin-left:5px; font-size:120%;}
#contentContainer #content #subLeftCol { float:left; width:900px; padding:10px 0; margin-top:20px;}
#contentContainer #content #subLeftCol ul { list-style:none; padding:0; margin:0 0 5px 0;}
#contentContainer #content #subLeftCol li { padding:3px 0 3px 18px; font-size:120%; background:url(../images/bullet2.gif) 0 6px no-repeat; margin-left:5px; font-size:120%;}
#contentContainer #content #rightCol { float:right; width:230px; padding:10px; background:#3d3d3d; margin-top:20px;}
/*#contentContainer #content .title { font-size:180%; color:#f95424; padding:0 0 10px 0; margin:0; font-weight:normal;} */
#contentContainer #content p { padding:0 0 5px 0; font-size:120%;}
#contentContainer #content #rightCol .title { font-size:180%; color:#f9a97f; padding:0 0 10px 0; margin:0; font-weight:normal;}
#contentContainer #content #rightCol ul { list-style:none; padding:0; margin:0 0 5px 0;}
#contentContainer #content #rightCol li { display:block; float:left; width:212px; padding:3px 0 3px 18px; font-size:120%; background:url(../images/bullet.gif) 0 6px no-repeat;}

/* ----- CLASSES ----- */
.clear { clear:both; }
.hide { display:none; }
.show { display:block; }
.printShow { display:none; }
.float_left { float:left !important; }
.float_right { float:right !important; }
.align_left { text-align:left !important; }
.align_center { text-align:center !important; }
.align_right { text-align:right !important; }
.align_justify { text-align:justify !important; }
.align_bottom { vertical-align:bottom !important; }
.image_right { float:right; margin:0 0 10px 10px; border:10px solid #FFFFFF; }
.image_left { float:left; margin:0 10px 10px 0; border:10px solid #FFFFFF; }
.image_center { margin:0 auto;}
.relative { position:relative; }
.inline {display:inline;}
.hand { cursor:pointer;}


/* ----- HEADINGS & PARAGRAPHS ----- */
h1 {
	margin:0;
	font-size:24px;
	font-weight:normal;
	color: #f95424;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
h2 {
	margin:0;
	font-size:18px;
	font-weight:bold;
	color: #FFFFFF;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
h3 {
	margin:0;
	font-size:16px;
	font-weight:bold;
	color: #F94C17;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 6px;
	padding-left: 0;
}

h4, h5, h6 {
	margin:0;
	padding:0 0 15px 0;
	font-size:120%;
	font-weight:bold;
}

/* ----- TOP NAVIGATION ----- */
#navContainer { width:100%; height:34px; background:url(../images/navBg.gif) top left repeat-x;}
#navContainer #nav { width:900px; height:34px; margin:0 auto; font-size:120%;}
#navContainer #nav ul { list-style:none; padding:0; margin:0;}
#navContainer #nav li { float:left; display:block;}
#navContainer #nav li a { float:left; display:block; padding:5px 23px; color:#FFFFFF; text-decoration:none;}
#navContainer #nav li a:hover { background:url(../images/navIcon.gif) 0 5px no-repeat;}
#navContainer #nav li a.active { background:url(../images/navIcon.gif) 0 5px no-repeat;}


/* ----- LEFT NAVIGATION ----- */


/* ----- SITE MAP ----- */
#sitemap { list-style:none; margin:0 0 0 5px; padding:0;}
#sitemap ul { list-style:none;  margin:10px 0 0px 15px; padding:0;}
#sitemap li { background:url(../images/layup/bulletSitemap.gif) 0px 11px no-repeat; padding:6px 0 5px 15px;}

/* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */

/* ----- FOOTER ----- */
#footerContainer { width:100%; height:40px; background:#3d3d3d;}
#footer { position:relative; width:900px; margin:0 auto; color:#FFFFFF; padding:12px 0 0 0;}
#footer a { font-weight:normal; text-decoration:none; outline:none; color:#FFFFFF;}
#footer a:hover { text-decoration:underline;}
#footer p { padding:0;}
#footer #validCSS { position:absolute; top:12px; right:100px;}
#footer #validXHTML { position:absolute; top:12px; right:0px;}

#footerLegal { width:100%;}
#footerLegalText {
	position:relative;
	width:900px;
	color:#999999;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	font-size: 9px;
	line-height: normal;
}


/* ----- GLOBAL ----- */
img { display:block; border:0; }
p {
	padding:0 0 15px 0;
	margin:0;
	font-size: 12px;
}
address { font-style:normal;}


/* ----- LINKS ----- */
a { color:#000000; font-weight:bold; text-decoration:underline; outline:none; }
a:hover { text-decoration:none; }

/* ----- FORMS ----- */
form { padding:0; margin:0; }
fieldset { padding:0; margin:0; border:0px none; display:inline; }
legend { padding:0; margin:0; display:none; }
label { display:block; width:260px; float:left; }
input, textarea { width:200px; font-size:11px !important;}
.required { color:#f95424;}
.checkRadio { width:20px; position:relative; left:-7px;}
#frmContact { margin-bottom:15px;}
#frmContact p { padding:7px 0;}
#frmContact select { width:204px;}
#frmContact div { margin-bottom:10px;}
#submit { width:55px; height:18px; border:none; background:#f95424; color:#FFFFFF;}

/* ----- FORM VALIDATION ----- */
input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; }
input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #4544e4; color : #FF3300; }
input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color : #000; }
.validation-advice { margin: 5px 0; width:452px; padding: 5px; background-color: #4544e4; color : #FFF; font-weight: bold; }

/* ----- TABLES ----- */
table { border-collapse:collapse; }
table p { padding:0px; }