/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; }
.clearfix:after { clear: both; }
/* fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }

p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16pt; color: #000; text-decoration: none;}

h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #CB0000; font-weight:bold; text-decoration: none;}
h2 { color:#CC0000;}
html, body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16pt; color: #000; text-decoration: none; margin:0; width:100%;}


#background, #inner { clear: both; width:984px; margin:0 auto; background:url(images/sideGrad.png) repeat-y top;}
#inner { width:920px; background:#fff; margin:0 32px;}

#header, #headerSmall { width:100%; height:165px; margin-bottom:5px; }
#header img { margin-top:5px; }
#headerSmall { height:63px;}

#nav { width:100%; height:28px; background:url(images/navBg.png) repeat-x top; }
#nav a img { border:none;}
#homeBg { background:url(images/homeBg.gif) repeat-y right;}
#homeLeft { float:left; width:580px; padding:10px; padding-left:30px; }
#homeRight { float:right; width:300px; background:#d5d5d5; }

#main { clear: both; background:url(images/rightBgRepeat.png) repeat-y left;  }
#featureMain { background:none; }
#mainBg { clear: both; width:100%; min-height:500px; background:url(images/rightBgRepeat.png) no-repeat left; }
#featureBg { width:90%; margin:0 auto; min-height:500px; }
.featureBorder { border:#fff 3px solid; }

#left { width:197px;float:left; margin-right:10px; }
#right, #rightSearch { width:610px; float:left;min-height:500px; padding-top:20px; }
#rightSearch { width:713px; padding-top:0; }

#searchLeft { float:left; border-right:#424242 1px solid; margin-right: 5px; width:535px;min-height:500px;padding-top:20px; }
#searchRight { float:right; width:170px; padding-top:20px;}

#subNav { list-style-type:none; margin:10px 0; padding:0 5px; line-height:14px;}
#subNav li { width:180px;}
#subNav a { display:block; width:170px; padding:5px; color:#FFF; border-bottom:#ddd 1px solid; text-decoration:none;  }

#subNav .sub a { width:160px; margin-left:10px; border-bottom:none; }


#footer { clear:both; background:#F2F2F2; height:25px; font-size: 10px; color: #808080; text-decoration: none; padding:0 10px; width:900px; }
#footer a { color:#808080; }
#footer a:hover { text-decoration:underline; }



.orgResult { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #003366; text-decoration: none;}
ul { list-style-type: disc; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16pt; color: #003366; text-decoration: none; margin: 0 0 0 20px; padding: 0 }
.textBox { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none;}
.formTable td {padding-bottom:10px;}
.bodySmall { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; line-height: 120%; color: #000000; text-decoration: none;}


.searchTop { background-color:#D0E4FF; border-bottom-color:#1c3664; border-bottom-style:solid; border-bottom-width:1px; }

.leftNav { background-color:#003366;}

.leftSide { /* background-image:url(images/right-thick-grad.gif); background-position:top; background-repeat:repeat-x; background-color:#ACD3EF; */}

.rightSide { /* background-image:url(images/right-thick-grad.gif); background-position:top; background-repeat:repeat-x; background-color:#ACD3EF; */}

.rightSideThin { background-image:url(images/right-thin-grad-repeat.gif); background-repeat:repeat-y;}
.leftSideThin { background-image:url(images/left-thin-grad-repeat.gif); background-repeat:repeat-y;}

.nav { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#FFFFFF; text-decoration: none; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #548ACF; padding-top: 5px; padding-left: 5px; padding-bottom: 5px; width: 180px; float: left;}
.nav2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#FFFFFF; text-decoration: none; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; width: 180px; float: left;}
.nav2Bottom { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#FFFFFF; text-decoration: none; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; width: 180px; float: left; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #548ACF;}
.nav2On { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #0098ff; text-decoration: none; padding-top: 5px; padding-left: 10px; padding-bottom: 5px; width: 180px; float: left;}
.nav2OnBottom { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #0098ff; text-decoration: none; padding-top: 5px; padding-left: 10px; padding-bottom: 5px; width: 180px; float: left; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #548ACF;}


.navOn { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #0098ff; text-decoration: none; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #548ACF; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; width: 180px; float: left;}

.redLink, .redLinkSmall, .redLinkMap { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #CB0000; text-decoration:underline;}
.redLinkMap { text-decoration:none;}

.redLinkSmall { font-size:11px;}

.whiteLink { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; text-decoration:underline;}
a.whiteLink:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; text-decoration:none;}
a.redLink:hover, a.redLinkSmall:hover, a.redLinkMap:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #CB0000; text-decoration:none;}
a.redLinkMap:hover, a.redLinkMap:hover { text-decoration:underline;}

a.redLinkSmall:hover { font-size:11px;}

.greyLink { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #989898; text-decoration:underline;}
.greyBody { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #989898;}
a.greyLink:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #989898; text-decoration:none;}
.blueLink { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #003265; text-decoration:none;}
a.blueLink:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #003265; text-decoration:underline;}

.greyTopBorder { border-top: #999999 1px solid;}



a.nav:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #0098ff; text-decoration: none; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #548ACF; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; width: 180px; float: left;}
a.nav2:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #0098ff; text-decoration: none; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; width: 180px; float: left;}
a.nav2Bottom:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #0098ff; text-decoration: none; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; width: 180px; float: left; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #548ACF;}




.resultBoxTop { border-color:#999; border-style:solid; border-width:1px; background-image:url(images/resultboxtopgrad.gif); background-repeat:repeat-x;}
.resultBoxTopFeature { border-color:#999; border-style:solid; border-width:1px; background-image:url(images/resultfeatureboxtopgrad2.gif); background-repeat:repeat-x;}
.resultBoxMiddle { border-bottom-color:#999; border-bottom-style:solid; border-bottom-width:1px; border-left-color:#999; border-left-style:solid; border-left-width:1px; border-right-color:#999; border-right-style:solid; border-right-width:1px;}

.resultBoxSmallText { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: none;}
.resultBoxBottom { background-image:url(images/resultboxbottomgrad.gif); background-repeat:repeat-x;}
.resultHeader { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #666; font-weight:bold; text-decoration: none;}
a.resultHeader { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #666; font-weight:bold; text-decoration: none;}
a.resultHeader:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; text-decoration: underline;}
.resultHeader2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #003265; font-weight:bold; text-decoration: underline;}
a.resultHeader2:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #003265; font-weight:bold; text-decoration: none;}
.header { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #424242; font-weight:bold; text-decoration: none;}
.subheader{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #CB0000; font-weight:bold; text-decoration: none;}
.whiteheader{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #ffffff; font-weight:bold; text-decoration: none;}
.subheader2{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #fff; font-weight:bold; text-decoration: none;}
.featureHeader { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px; color: #ffffff; text-decoration: none; padding-left: 10px;}
.whiteText { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16pt; color: #ffffff; text-decoration: none; margin:0;}
a.whiteText { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16pt; color: #ffffff;}
a.whiteText:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16pt; color: #ffffff; text-decoration: underline;}

.borderLeft { border-left:#666666 1px solid;}
.borderRight { border-right:#666666 1px solid;}
.borderBottom { border-bottom:#666666 1px solid; border-left:#666666 1px solid; border-right:#666666 1px solid; padding:5px;}
.formHeader{ border:#666666 1px solid; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color: #ffffff; font-weight:bold; text-decoration: none; background-color:#424242; padding:5px;}
.searchHeader{ border:#666666 1px solid; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #ffffff; font-weight:bold; text-decoration: none; background-color:#424242; padding:5px;}
.largeText { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 16pt; color: #444; text-decoration: none;}

.redText{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FC0000; font-weight:bold;}

.surveyFooter{ background-image:url(images/surveyfooter.gif); background-repeat:repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:10px;}

.organisationHeader { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #ffffff; text-decoration: none; background-color:#175AAF; vertical-align:middle; padding-left:5px;}
.siteMapIndent { padding-left:30px;}
.siteMapIndent2 { padding-left:60px;}
#schoolArea { height: 140px;  min-height:140px !important; width:100%;}

/* home page side */
#homeMain { padding: 20px 30px 30px 30px; }
#homeSearch { width:568px; }
#home_adverts { background: #d5d5d5; width: 300px; }
.homeGreyBox { float: left; width: 300px; padding: 0 0 30px 0; font-size: 13px; color: #666; background: #d5d5d5 url(images/homeGreyGrad.gif) repeat-x; border-top: 1px solid #ccc;}
.homeGreyBox .inside { padding: 0 10px; width:280px; }
.homeGreyBox img { margin-bottom: 5px }
.homeGreyBox a { color: #cd2b2b }

.special-search-hdr { padding: 0 10px; background-color: #ddd }

/* containers */
#content { float: left; padding-top: 15px }
#homepage_map { float: right; width: 200px }

.featureSchoolPromo { background: url(images/sidePanelBg.png) no-repeat bottom #424242; width: 280px; padding: 10px; height:340px; }
.promoSchoolImg { width: 280px; height: 200px; overflow: hidden; margin-bottom: 20px }

.searchField1 { float:left; width:195px; }
.searchField2 { float:left; width:70px;	}
.searchFieldLarge { float:left; width: 310px; padding-top: 5px; font-size:12px; }
.searchFieldText { color:#999; height:20px; padding-top:3px;}
.searchbycontainer { float:left; width:100%; border-bottom: #ffbbbb 1px solid; padding: 15px 0 }

#homeSearchLarge { float:left; width: 350px; font-size: 11px; margin-bottom: 15px; border-right:1px solid #FFBBBB; padding-right:10px; }
#specialisedSearch { float: left; width: 570px; padding: 10px 0 20px 0;  border-bottom: 1px solid #ffbbbb}
.special-search { float: left; margin-right: 10px }
/*
#specSearch_inleft {float: left; width:240px; overflow: hidden; margin-right:25px; }
#specSearch_inright { float: right; width: 300px; }
*/
.searchDivider {  }

/* links */
a { color: #424242; text-decoration: none }
a:hover { text-decoration: underline }



/* lists */
.specialisedList1 { float: left; width: 220px; list-style-type: square; list-style-position:inside; margin: 10px 0 0 0; padding: 0 }
.specialisedList2 { float: left; width: 190px; list-style-type: square; list-style-position:inside; margin: 10px 0 0 0; padding: 0 }
.specialisedList4 { float: left; width: 290px; list-style-type: square; list-style-position:inside; margin: 0; padding: 0 }

.specialDrop { width:297px; font-size:12px; background:#EEE; border:0; overflow:none; color:#424242; margin-top:2px; border-collapse:collapse; line-height:14px;padding-left:10px; }
.specialDrop option { height:17px; }
.submit { margin-top:10px; background:#666; color:#FFF; padding:2px 5px; }

/* font */
.grey_small { color: #aaa; font-size: 10px }
.contentHdr { font-size: 15px; color: #bb0000 }
.blue_small { color: #77B2B4; font-size: 10px; font-weight: bold; }
.view_lawyers { font-size:10px; font-weight:bold; color: #77B2B4}
.error_msg { font-size:10px; color:#FC0000; font-weight: bold;}

/* forms */
.goBtnContainer { float: right }
.goBtn { float:left; margin-top: 18px;}

.searchList { list-style-type: square; font-size:11px;}

.imageRotate {  background: url(images/sidePanelBgRotate.png) no-repeat bottom #424242; height:285px; position:absolute;left:0;top:0;}

#productArea { position:relative; height:150px;  }

#productArea div {position:absolute; top:0; left:0; display:block; }

.clr { float:none; clear:both; }

.colorSelector, .colorSelector2 { height:30px; width:30px; padding:3px; }
.colorSelector div { height:30px; width:30px; background:url(js/colorpicker/images/select.png) no-repeat center; }
.colorChoice { height:30px; width:30px; background:url(js/colorpicker/images/select.png) no-repeat center; }

.picker {position:absolute; left:0; top:35px; background:#fff; width:0; height:0; border:1px #000 solid; display:none;}
.pickerColour { float:left; width:30px; height:30px; margin:2px; cursor:pointer; }

.whiteHeader {color:#FFFFFF; font-size:13px; font-weight:bold; text-decoration:none; }

#searchContent { margin-top:-10px; }

.featureLabel { float:left; width:95px; }
.featureValue { float:left;  }

.featureRight { padding:5px; width:295px;}

.featureHeader2 { padding:5px 5px; color:#FFFFFF; font-size:13px; font-weight:bold; text-decoration:none;}
.featureRightWhite { background:#fff; padding:5px; width:275px;}
.featureLeftContent { margin: 10px 5px;}

.promoLawyerWrapper { width:280px; height:200px; overflow:hidden; }
.promoLawyerImg { max-width:274px; max-height:194px; border:#fff solid 3px; overflow:hidden; display:inline-block; zoom: 1;*display: inline; }


.promoHeader { display:block; width:280px; height:60px; text-decoration:none; color:#fff; font-size:13px; line-height:18px; }
.promoHeader:hover { text-decoration:none; }
#imageRotate {  margin-top:10px;position:relative; height:285px; width:280px; }

.featurePadding { background:#fff; padding-top:5px; width:305px; }
#mainDetails { min-height:400px; height: auto !important; height:400px; }
#featureImageHeight { min-height:405px; height: auto !important; height:405px; }
#productSpace a { text-decoration:none; font-size:11px; color:#333;}
#productSpace a:hover { text-decoration:underline; }
.productBorder { border: 3px solid #CD2B2B; }

.feature-side-padding { margin: 0 0 7px; }
.areaList { margin-left:10px;}
.areaList li { width:115px; float:left; list-style-type:none;background:url(images/ieDisc.gif) 0px 7px no-repeat; padding: 0 5px 0 12px; color:#000;}
.key_spacing { margin:10px 0;}