/* 
  ------------------------------------------------
  Select Legal Systems
  www.selectlegal.co.uk
  2Col_Flexible_Sidebar_Left
  ------------------------------------------------
*/

/* global
----------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	min-width: 760px;
}
p {
	margin: 0 0 1.5em 0;
	line-height: 1.5em;
}
h1, h2, h3, h4 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:normal;
}
h1 {
	font-size: 1.8em;
}
h2 {
	margin: 26px 0 10px 0;
	font-size: 1.6em;
}
h3 {
	font-size: 1.4em;
}
a {
	color: #356598; /* blue */
}
a:visited {
	color: #356598; /* blue */
}
a:hover, a:active,
a:focus {
	color: #444;
}
img {
	border:none;
}
.clearfloat {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}
.leftfloat {
	float: left;
	margin:10px;
	border: 1px solid #CFCFCF;
}
.rightfloat {
	float: right;
	margin:0 10px 10px 10px;
	border: 1px solid #CFCFCF; 
}
.leftfloat_nb { /* no border */
	float: left;
	margin:10px;
}
.rightfloat_nb { /* no border */
	float: right;
	margin:10px;
}
.content #pullquote {
	float: right;
	width: 350px;
	margin: 10px;
	border: 2px dotted #ccc;
	padding: 10px;
}
.content #pullquote h2{
	margin-top:0;
}
/* design level
----------------------------------------------*/
#masthead {
	margin-top:0.3em;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	height:105px; /* remove gap between masthead and wrapper */
	background-image: url(../images/design/header-bg.gif);
	background-repeat: no-repeat;
	background-position:top right;
}
#masthead .logo{
	float:left;
	background-image: url(../images/design/select_logo.gif);
	background-repeat: no-repeat;
	height: 95px;
	width: 444px;
}
#masthead .content{
	padding:0;
	margin-left:560px; /*position graphic way from logo */
}
#masthead .strapline {
	background-image: url(../images/design/strapline-bg.gif);
	background-repeat: repeat-x;
	height:25px;
	width:100%;
}
#wrapper {
	position: relative;
	border: 1px solid #CCC;
	font:76%/1.5 "Lucida Grande",Geneva,Verdana,Arial,Helvetica,sans-serif;
}
#column_wrapper {
	background-image: url(../images/design/leftboxtile.gif);
	background-repeat: repeat-y;
}
#right {
	margin: 0px 0px 0px 200px;
}
#left {
	width: 200px;
	float: left;
}
#right .content {
	padding: 24px;
	line-height: 1.65em;
}
#left .content {
	width:180px;
	padding:20px 0 20px 5px;
}
#left .content h2{
	color:#3A6EA8;
	margin-left:3px;
	font-variant:small-caps;
	border-bottom:2px solid #4878b0;
	font-size:1.2em;
}
.content {
	color:#444;
}
.content p {
	margin: 12px 0;
}
#footer {
	font:0.7em "Lucida Grande",Geneva,Verdana,Arial,Helvetica,sans-serif;
}	
#footer_left {
	padding: 8px 0 0 30px;
	color: #666666;
	float: left;
	width: 45%;
	text-align:left;
}
#footer_right {
	padding: 8px 30px 0 0;
	color: #666666;
	float: right;
	width: 45%;
	text-align:right;
}
#footer_logos {
	padding-top:15px;
	width:95%;
	text-align:right;
	clear:both;
}
#gridtable td {
	vertical-align: top;
	padding-right:10px;
}
/* top navigation
----------------------------------------------*/
#top-navigation {
	width:95%;
	margin: 5px 10px 0 10px;
}
#top_navs {
	float:left;
	width:60%;
	font:0.7em "Lucida Grande",Geneva,Verdana,Arial,Helvetica,sans-serif;
}	
#top_navs ul {
	margin: 3px 0 0 0;
	padding: 0;
	list-style-type: none;
}
#top_navs ul li { display: inline; }
#top_navs ul li a
{
	text-decoration: none;
	padding: .2em 2px;
	color:#666;
}
#top_navs a:visited {
	color: #666;
}
#top_navs a:hover, #top_navs a:active,
#top_navs a:focus {
	color: #3A6EA8;
}
.nav_divider {
	color: #3A6EA8;
}
body#homepage li#top_home a, body#contactpage li#top_contact a,
body#aboutpage li#top_about a, body#supportpage li#top_support a {
	font-weight:bold;
	color: #3A6EA8;
}
#search {
	float:right;
	width:30%;
	text-align:right;
}
#search label.hide{
    display: none;
}
#search form{
	margin:0;
}
#search input {
	background-color:#d0deee;
}
#search input.btn {
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:0.7em;
   font-weight:bold;
   font-variant:small-caps;
   background-color:#3a6ea8;
   color:#FFF;
   margin-bottom:3px;
}
/* left navigation
----------------------------------------------*/
.left_navs {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}
.left_navs li {
	padding-left: 10px;
	padding-bottom:3px;
}
.left_navs li a {
	text-decoration:none;
	background: transparent url(../images/design/nav-arrow.gif) 0 11px no-repeat;
	padding-left: 10px;
	padding-top:10px;
	padding-bottom:5px;
	color:#444;
}

.left_navs ul {
	list-style: none;
}
body#homepage li#left_home a,
body#aboutpage li#left_about a,
body#contactpage li#left_contact a,
body#case-managementpage li#left_case-management a,
body#case-trackingpage li#left_case-tracking a,
body#accountspage li#left_accounts a,
body#time-recordingpage li#left_time-recording a,
body#crimepage li#left_crime a,
body#familypage li#left_family a,
body#personal-injurypage li#left_personal-injury a,
body#conveyancingpage li#left_conveyancing a,
body#debtpage li#left_debt a,
body#directpage li#left_direct a,
body#hardwarepage li#left_hardware a,
body#trainingpage li#left_training a,
body#installationspage li#left_installations a,
body#website-developmentpage li#left_website-development a,
body#pricingpage li#left_pricing a,
body#compatibilitypage li#left_compatibility a,
body#testimonialspage li#left_testimonials a,
body#case-studiespage li#left_case-studies a,
body#newspage li#left_news a,
body#linkspage li#left_links a,
body#careerspage li#left_careers a,
body#privacypage li#left_privacy a {
	background: transparent url(../images/design/nav-arrow-on.gif) 0 11px no-repeat;
	padding-left: 10px;
	padding-top:10px;
	padding-bottom:5px;
	color:#AA0000;
}
.left_navs a:visited {
	color: #666;
}
.left_navs a:hover, .left_navs a:active,
.left_navs a:focus {
	color: #356598;
	background: transparent url(../images/design/nav-arrow.gif) 0 11px no-repeat;
	padding-left: 10px;
	padding-top:10px;
	padding-bottom:5px;
}
/* bottom navigation
----------------------------------------------*/
#btm_navs {
	margin-right: 16px;
}	
#btm_navs ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#btm_navs ul li { display: inline; }
#btm_navs ul li a
{
	text-decoration: none;
	padding: .2em 2px;
	color:#666;
}
#btm_navs a:visited {
	color: #666;
}
#btm_navs a:hover, #btm_navs a:active,
#btm_navs a:focus {
	color: #3A6EA8;
}
body#homepage li#btm_home a,
body#aboutpage li#btm_about a,
body#contactpage li#btm_contact a {
	color: #AA0000;
}
/* main content lists
----------------------------------------------*/
#right .content ul {
	list-style-type: none;
	text-align: left;
	margin:10px 35px;
	padding:0;
}
#right .content ul li {
	background: transparent url(../images/list-bullet.gif) 5px 12px no-repeat;
	padding-left: 25px;
	padding-top:5px;
	padding-bottom:5px;
	text-align: left;
	text-decoration: none;
}
#right .content ul ol li {
	background:none;
	padding-left: 5px;
	padding-top:5px;
	padding-bottom:5px;
	text-align: left;
	text-decoration: none;
}
/* home page
----------------------------------------------*/
body#homepage h1 {
	margin-top:0;
}
.home-news-a, .home-news-b {
	border: 1px dotted #ccc;
	padding:0 5px;
}
.home-news-b {
	background:#f3f3f3;
}
.home-news-a .home-news-date {
	font-style:normal;
	font-weight:bold;
	float:left;
	width:90px;
}
.home-news-b .home-news-date {
	font-style:normal;
	font-weight:bold;
	float:left;
	width:90px;
}
.home-news-headline {
	font-style:normal;
	text-align:left;
}
#home-news-item p {
	line-height:1.7em;
}
#home-news-item .date {
	color:#666;
}
#home-news-item h1 {
	margin-bottom:0;
}
.get-info {
	border: 1px dotted #ccc;
	background:#e8e8e8;
	width:100%;
}
/* contact page
----------------------------------------------*/
#contact-info td{
	padding: 0 2em;
}
.contact-section {
	border:1px dotted #ccc;
	padding:1em;
	margin-bottom:1em;
}	
.contact p{
	padding-top:10px;
}
.icon {
	float:left;
	padding-right:20px;
	text-align:center;
}
.map {
	margin:20px 0 20px 0;
	padding-left:80px;
}
.privacy {
	font-size:80%;

	margin-top:40px;
}

/* contact form
----------------------------------------------*/
#contact_form {
	padding: 0 10px;
}
#contact_form ul {
	list-style-type: none;
}
#contact_form li {
	padding: 10px 0 0 0;
}
#contact_form a {
	color: #002F5E;
}
#contact_form fieldset {
	padding: 15px;
	border: 1px solid #5f5549;
}
#contact_form input {
	width: 15em;
}
#contact_form label{
	font-weight:bold;
}
#contact_form div.row {
  clear: both;
  padding-top: 5px;
  margin-left:10px;
  width:80%;
}
#contact_form div.row span.label {
  float: left;
  width: 35%;
  text-align: right;
  padding-left:10px;
}
#contact_form div.row span.formw {
  width: 60%;
  text-align: left;
  padding-left: 5px;
}
#contact_form #checkboxes{
	margin-top:20px;
}
#contact_form #checkboxes input{
	width:15px;
	margin-left:30%;
}
#contact_form {
	margin-bottom:20px;
}
#contact_form label.form-error:after {
	content: " [Invalid]";
	color: #C41034;
}
#contact_form p.form-error:after {
	content: " [Invalid]";
	color: #C41034;
}
#contact_form input.form-error, #contact_form textarea.form-error {
	background: #F62B0C;
	color: #000000;
}
#contact_form #list-error {
	list-style-type: none;
	color: #666666;
}
#contact_form #list-error li {
	padding: 0 0 0 20px;
	background: transparent url(../images/list_error_bullet.gif) no-repeat 0 50%;
}
#contact_form .submit-btn input {
	background-color:#3A6EA8;
	color:#fff;
	width:8em;
	margin-left:180px;
	margin-top:20px;
}
/* contact form
----------------------------------------------*/
#contact-form {
	padding:10px;
	margin-bottom:20px;
}
#contact-form ul {
	list-style-type: none;
}
#contact-form li {
	padding: 10px 0 0 0;
}
#contact-form a {
	color: #002F5E;
}
#contact-form fieldset {
	padding: 15px;
	border: 1px solid #5f5549;
}
#contact-form input {
	width: 15em;
}
#contact-form label{
	font-weight:bold;
}
#contact-form div.row {
  clear: both;
  padding-top: 5px;
  width:80%;
}
#contact-form div.row span.label {
  float: left;
  width: 15em;
  text-align: right;
  padding-right:1em;
}
#contact-form div.row span.formw {
  width: 60%;
  text-align: left;
}
#contact-form #how{
	margin-top:30px;
}
#contact-form #checkboxes{
	margin-top:30px;
	margin-left:12em;
}
#contact-form #checkboxes input{
	width:15px;
}
#contact-form  p.instruction{
	margin-top:30px;
	font-style:italic;
}
#contact-form label.form-error:after {
	content: " [Invalid]";
	color: #C41034;
}
#contact-form p.form-error:after {
	content: " [Invalid]";
	color: #C41034;
}
#contact-form input.form-error, #contact-form textarea.form-error {
	background: #F62B0C;
	color: #000000;
}
#contact-form #list-error {
	list-style-type: none;
	color: #666666;
}
#contact-form #list-error li {
	padding: 0 0 0 20px;
	background: transparent url(../images/list_error_bullet.gif) no-repeat 0 50%;
}
#contact-form .submit-btn input {
	background-color:#3A6EA8;
	color:#fff;
	width:8em;
	margin-top:20px;
	margin-left:12em;
}
#contact-form #date-time{
	margin:10px 0 20px 0;
}

/* pricing
----------------------------------------------*/
#pricing h2 {
	font-size:1.3em;
	margin: 20px 0 20px 0;
	font-weight:bold;
}
#pricing ol dl li {
	list-style-type:decimal;
}
#pricing dt {
    font-weight:bold;
    margin-top: 10px;
    margin-bottom: 5px;
 }

#pricing dd {
    padding: 7px 0;
	margin:0;
}

/* careers page
----------------------------------------------*/
.vacancy {
	border: 1px dotted #ccc;
	padding:1em;
	margin-bottom:2em;
	background-color:#EEEEEE;
}
/* testimonials
----------------------------------------------*/
#testimonials h1{
	background: transparent url(../images/testimonials.jpg) no-repeat 0 50%;
	padding:34px 0 30px 90px;
	margin:0;
}
.testimonial-a, .testimonial-b {
	border: 1px dotted #ccc;
	padding:20px;
	font-style:italic;
}
.testimonial-b {
	background:#e8e8e8;
}
.testimonial-author {
	font-style:normal;
	font-weight:bold;
}
.testimonial-url {
	font-style:normal;
}
.testimonial-a h2 {
	margin-top:0;
	padding-left:30px;
	background: transparent url(../images/red-arrow-wht.png) no-repeat 0 50%;
}
.testimonial-b h2 {
	margin-top:0;
	padding-left:30px;
	background: transparent url(../images/red-arrow-gry.png) no-repeat 0 50%;
}
.inpage-testimonial {
	border: 1px dotted #ccc;
	padding:0 10px;
	margin:20px;
}

.inpage-testimonial .quote{
	font-style:italic;
	background: transparent url(../images/left-quote.jpg) no-repeat top left;
	padding-left:70px;
	min-height:50px;
}

/* news items
----------------------------------------------*/
.news-a, .news-b {
	border: 1px dotted #ccc;
	padding:5px 20px;
	font-style:italic;
}
.news-b {
	background:#e8e8e8;
}
.news-a .news-date {
	font-style:normal;
	font-weight:bold;
	float:left;
	width:90px;
	background: transparent url(../images/red-arrow-wht.png) no-repeat 0 50%;
	padding-left:30px;
}
.news-b .news-date {
	font-style:normal;
	font-weight:bold;
	float:left;
	width:90px;
	background: transparent url(../images/red-arrow-gry.png) no-repeat 0 50%;
	padding-left:30px;
}
.news-headline {
	font-style:normal;
	text-align:left;
}
#news-item p {
	line-height:1.7em;
}
#news-item .date {
	font-size:0.8em;
	color:#666;
}
#news-item h1 {
	background: transparent url(../images/news-icon.gif) no-repeat 0 50%;
	padding:25px 80px;
	margin:0;
}
#news-item .smallprint {
	font-size:0.7em;
	margin-top:2em;
}
/* case studies
----------------------------------------------*/
#case-study h1{
	background: transparent url(../images/case-study-icon-large.jpg) no-repeat 0 50%;
	padding:34px 0 25px 90px;
	margin:0;
	color:#3A6EA8
}
#case-study h3{
	font-size:1.2em;
	margin:0;
	padding:0;
}
.case-study-a, .case-study-b {
	border: 1px dotted #ccc;
	padding:5px 20px;
}
.case-study-b {
	background:#e8e8e8;
}
.case-study-a h2{
	background: transparent url(../images/case-study-icon-wht.jpg) no-repeat 0 50%;
	padding:25px 0 25px 50px;
	color:#3A6EA8;
	margin:0;
}
.case-study-b h2{
	background: transparent url(../images/case-study-icon-grey.jpg) no-repeat 0 50%;
	padding:25px 0 25px 50px;
	color:#3A6EA8;
	margin:0;
}
.case-study-a h3, .case-study-b h3{
	margin:0;
}

/* links page
----------------------------------------------*/
#links h2 {
	font-variant:small-caps;
	background: transparent url(../images/styled-arrow.gif) no-repeat 0 50%;
	padding-left:50px;
	padding-top:15px;
	padding-bottom:26px;
}
#links h2.category {
	font-variant:small-caps;
	background:none;
	padding:0;
}
#links h3 {
	font-size:1.5em;
}
#links ul {
	padding-bottom:20px;
}
.links-item {
	border:1px dotted #666;
	padding:0 1em 1em 1em;
	margin-bottom:1em;
}
#links-ads {
	display:none;
}
/* subcontent home page
----------------------------------------------*/
#subcontent {
	width:100%;
	padding-bottom:50px;
}
#subcontent .subcontent-left {
	width:47%;
	float:left;
	border:1px dotted #ccc;
	background:#DBE6F2;
	padding:0 8px;
}
#subcontent .subcontent-right {
	width:47%;
	float:right;
	border:1px dotted #ccc;
	background:#DBE6F2;
	padding:0 8px;
}

#right .content #subcontent .subcontent-left ul li {
	background:none;
	padding:2px 0;
}
.home-event {
	background: transparent url(../images/calendar-icon.png) no-repeat 0 50%;
	border:1px dotted #ccc;
	padding:0 10px 0 120px;
}
#events h1 {
	background: transparent url(../images/calendar-icon.png) no-repeat 0 50%;
	padding:30px 120px;
	margin:0;
}
/* compatibility
----------------------------------------------*/
#compatibility h2{
	font-size:1.3em;
	margin:30px 0 0 0;
	color: #3A6EA8;
	padding-bottom:3px;
}
#compatibility h3{
	margin:10px 0 0 0;
}
/* call to action
----------------------------------------------*/
#cta {
	border: 1px dotted #ccc;
	padding:10px 10px 10px 100px;
	margin: 30px 0 10px 0;
	background: transparent url(../images/info_icon.gif) no-repeat 15px center;
	min-height:90px;
}
#cta h2 {
	margin:10px 0 0 0;
}
#cta .accredited{
	font-size:smaller;
}
/* features
----------------------------------------------*/
p.features {
	min-height:50px;
}
.btt {
	padding-left:20px;
	background: transparent url(../images/btt.gif) no-repeat left center;
}