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

Title : 
Author : John Davies / john.davies@gforces.co.uk / G-Forces Web Management Ltd

Type: Screen, Projection

Description : Screen and projection stylesheet for Gullands 2008 site

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

/* COMMON AND GLOBAL */
html { height:100% !important; }
body { height:100% !important; font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:#070606 url(../images/layup/bodyBg.gif) top left repeat-x; color:#000; text-align:center; }
/*  This font sizing is for standards based browsers (firefox, opera, mozilla) that can re-size text.  
Declaring the font size in pixels makes it more consistent across browsers. */
td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; }
html>body td, html>body textarea, html>body input, html>body select { font-size:11px; }
/* some browsers don't inherit the font into tables or textareas! */
table.cvTable td { font-size: 100% !important; }

/* ----- IDS ----- */
#container {min-height:100%; width:974px; margin:0 auto; text-align:left; font-size:130%; background:url(../images/layup/containerBg.jpg) top left no-repeat;}
* html #container{height: 100%; }
#header { position: relative; height: 84px; }
#header #logo { position: absolute; top: 10px; left: 7px; }
#header #telephone { position: absolute; top: 25px; right: 7px; }

#header #headerJumpsSearchSite { position:absolute; top:44px; right:6px;}
#header #headerJumpsSearchSite .searchGoBtn { width:94px; height:25px; position:relative; top:8px;}
#header #headerJumpsSearchSite .searchInput { width:171px;}

#header #fontSizes { position: absolute; top: 50px; left: 555px; font-size: 10px; color: #a2a1a2; }
#header #fontSizes a { text-decoration: none; color: #a2a1a2; outline: none; }
#header #fontSizes a:hover { text-decoration: underline; }
#header #fontSizes a.small { font-size: 11px; }
#header #fontSizes a.medium { font-size: 15px; }
#header #fontSizes a.large { font-size: 18px; }

#printHeader { display:none; }
#inner { background:url(../images/layup/innerBg.gif) top left repeat-y; position:relative; min-height: 378px; width: 974px; }
#borderTop { background: fixed; }
#borderBottom { background: fixed; }
#borderLeft { position:absolute; top: 0px; left: 0px; }
#borderRight { position:absolute; top: 0px; right: 0px; }
#inner .padding { padding: 0px 18px 0px 18px; }
#inner #flash { float: left; margin-right: 10px; margin-bottom: 10px; }
#inner #jumpPoints { float: left; }
#inner #jumpPoints .jump { margin-bottom: 10px; }

#inner #flashSmall { float: left; margin-bottom: 10px; width:375px; height:278px; background:url(../images/layup/flashSmallBg.gif) no-repeat;}
#inner #jumpPointsLarge { float: left; width:554px; display:inline; margin-left:8px;}
#inner #jumpPointsLarge .jump { margin-bottom: 10px; float:left; display:inline;}
#inner #jumpPointsLarge .jump.push { margin-right:9px; display:inline;}
#inner #jumpPointsLarge #smallJumps { float:left; }


#inner #payOnline { float: left; margin-right: 10px; }
#inner #conveyancyCalculator { float: left; margin-right: 10px; }
#inner #conveyancyCalculator fieldset { width:600px;}
#inner #conveyancyCalculator .calculate { padding:10px 0px 10px 339px}
#inner #conveyancyCalculator .calculate input { width:93px; height:38px;}
#inner #conveyancyCalculator #conveyancingNote { padding:15px 0px 15px 0px;}
#inner #callBack { float: left; }

/* ----- HOMEPAGE ----- */
#latestNews { background: #181818; width: 417px; margin-left: 7px; margin-top: 19px; margin-right: 55px; float: left; display: inline; }
#latestNews .padding { padding: 14px 50px 14px 50px; }
#latestNews .article a { display: block; color: #fff; cursor: pointer; text-decoration: none; font-weight: normal; line-height: 120%; margin-bottom: 27px; }
#latestNews .article .date { color: #666666; font-weight: bold; margin-right: 10px; }
#homeContent { padding: 27px 0px 0px 0px; margin-top: 19px; width: 467px; float: left; color: #fff; }

/* ----- INTERNALS ----- */
#internalContent { background: #fff; width: 726px; float: left; }
#internalContent .padding { padding: 10px 26px 10px 26px; }
#internalContent #internalInfo { float: right; margin: 0px 0px 15px 15px; width: 204px; }
#internalContent #internalInfo .internalImage { background:url(../images/layup/noImage200x150.gif) top left no-repeat; width: 204px; height: 154px; padding: 1px 0px 0px 1px; }
#internalContent #internalInfo .downloads { font-size: 0.9em; margin-top:30px;  }
#internalContent #internalInfo .downloads ul { padding: 0; margin: 0; list-style: none; }
#internalContent #internalInfo .downloads li { background:url(../images/layup/iconBullet.gif) 0px 6px no-repeat; margin-bottom: 8px;  }
#internalContent #internalInfo .downloads li a { padding-left: 15px; }
#internalContent #internalContentBottom { border-top: 1px solid #919191; }
#internalContent #internalContentBottom .padding { padding: 10px 26px 10px 26px; }
#internalContent #internalContentBottom h2 { margin-bottom: 12px; }
#internalContent #internalContentBottom .addressBox { float: left; width: 210px; line-height: 120%; }

/* ----- BOX LIST ----- */
#boxList {}
#boxList .boxItem { float: left; margin-right: 72px; position: relative; height:168px; margin-bottom: 30px; }
#boxList .last { margin-right: 0px !important; }
#boxList .boxItem .title { position: absolute; bottom: 0px; left: 0px; width: 152px; text-align: center; }
#boxList .boxItem a { display: block; text-decoration: none; cursor: pointer;  width: 152px; height: 114px; }
#boxList .boxItem .criminalCourt { background:url(../images/layup/criminalCourt.jpg) 0px -114px no-repeat; }
#boxList .boxItem .criminalCourt:hover { background:url(../images/layup/criminalCourt.jpg) 0px 0px no-repeat; }
#boxList .boxItem .individualDisputes { background:url(../images/layup/individualDisputes.jpg) 0px -114px no-repeat; }
#boxList .boxItem .individualDisputes:hover { background:url(../images/layup/individualDisputes.jpg) 0px 0px no-repeat; }
#boxList .boxItem .youFinance { background:url(../images/layup/youFinance.jpg) 0px -114px no-repeat; }
#boxList .boxItem .youFinance:hover { background:url(../images/layup/youFinance.jpg) 0px 0px no-repeat; }
#boxList .boxItem .yourHome { background:url(../images/layup/yourHome.jpg) 0px -114px no-repeat; }
#boxList .boxItem .yourHome:hover { background:url(../images/layup/yourHome.jpg) 0px 0px no-repeat; }
#boxList .boxItem .yourFamily { background:url(../images/layup/yourFamily.jpg) 0px -114px no-repeat; }
#boxList .boxItem .yourFamily:hover { background:url(../images/layup/yourFamily.jpg) 0px 0px no-repeat; }
#boxList .boxItem .commercialDisputes { background:url(../images/layup/commercialDisputes.jpg) 0px -114px no-repeat; }
#boxList .boxItem .commercialDisputes:hover { background:url(../images/layup/commercialDisputes.jpg) 0px 0px no-repeat; }
#boxList .boxItem .constructionArbitration { background:url(../images/layup/constructionArbitration.jpg) 0px -114px no-repeat; }
#boxList .boxItem .constructionArbitration:hover { background:url(../images/layup/constructionArbitration.jpg) 0px 0px no-repeat; }

/* ----- NEWS LIST ----- */
#list {}
#list .listItem { }
#list .listItem a { display: block; width: 672px; text-decoration: none; cursor: pointer; font-weight: normal; line-height: 120%; margin-bottom: 20px;}
#list .listItem .thumb { float: left; display: block; width: 124px; height: 94px; margin-right: 4px; padding: 1px 0px 0px 1px; background: url(../images/layup/noImage120x90.gif) top left no-repeat; }
#list .listItem .title { display:block; font-size: 1.1em; font-weight: bold; margin-bottom: 5px; }
#list .listItem .date { color: #666666; font-weight: bold; margin-right: 10px; }
#list .listItem .content { display: block; }
#list .listItem .link { display: block; background:url(../images/layup/iconArrow.gif) right 4px no-repeat; float: right; font-weight: bold; margin-top: 8px; padding: 0px 16px 0px 0px; }
#list .listItem .clear { clear: both; display: block;  }

/* ----- TEAM LIST ----- */
#teamList {}
#teamList .listItem { }
#teamList .listItem a { display: block; width: 672px; text-decoration: none; cursor: pointer; font-weight: normal; line-height: 120%; margin-bottom: 20px;}
#teamList .listItem .thumb { float: left; display: block; width: 75px; height: 103px; margin-right: 4px; padding: 1px 0px 0px 1px; background: url(../images/layup/noImage71x99.gif) top left no-repeat; }
#teamList .listItem .title { display:block; font-size: 1.1em; font-weight: bold; margin-bottom: 5px; }
#teamList .listItem .date { color: #666666; font-weight: bold; margin-right: 10px; }
#teamList .listItem .content { display: block; }
#teamList .listItem .link { display: block; background:url(../images/layup/iconArrow.gif) right 4px no-repeat; float: right; font-weight: bold; margin-top: 8px; padding: 0px 16px 0px 0px; }
#teamList .listItem .clear { clear: both; display: block;  }

/* ----- RIGHT COL ----- */
#rightCol { float: left; margin-left: 13px; }
#rightCol .box { margin-bottom: 12px; }
#rightCol .newsletterSignupBox {background:url(../images/layup/newsletterBox.gif) no-repeat;width:197px;height:185px;margin-bottom: 12px;color:#fff;}
#rightCol .newsletterSignupBox fieldset {margin:0;padding:0;display:block;}
#rightCol form {margin:0;padding:0;}
#rightCol .newsletterSignupBox br {font-size:10%;}
#rightCol .newsletterFieldset label {font-size:11px;line-height:1.2em;width:175px;margin:5px 0 0;}
#rightCol .newsletterFieldset input {width:165px;padding:2px 5px;background:url(../images/layup/newsletterInput.gif) center;border:0;height:18px;}
#rightCol .newsletterFieldset .submit {float:right;margin:7px 0 0;}
#rightCol .newsletterSignupBox .padding {padding:25px 10px 10px;}
#rightCol .ourTeam { background: url(../images/layup/meetOurTeam.gif) top left repeat-y; width: 187px; height: 110px; padding: 12px 12px 0px 0px; margin-bottom: 12px; }
#rightCol .ourTeam .thumb { position: relative; float: right; }
#rightCol .ourTeam .thumb .frame { position: absolute; top: -1px; left: -1px; }
#rightCol .alsoConsider { font-size: 0.9em; background: url(../images/layup/rightColBoxBg.gif) top left repeat-y; width: 199px; }
#rightCol .alsoConsider ul { padding: 10px 7px 0px 10px; margin: 0; list-style: none; }
#rightCol .alsoConsider li { background:url(../images/layup/iconBulletWhite.gif) 0px 6px no-repeat; margin-bottom: 8px;  }
#rightCol .alsoConsider li a { padding-left: 12px; color: #aaaaaa; }
/* newsletter employment */
#rightCol .employmentSignupBox {background:url(../images/layup/employmentBox.gif) no-repeat;width:197px;height:185px;margin-bottom: 12px;color:#fff;}
#rightCol .employmentSignupBox fieldset {margin:0;padding:0;display:block;}
#rightCol .employmentSignupBox br {font-size:10%;}
#rightCol .employmentSignupBox .padding {padding:25px 10px 10px;}

/* ----- 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; padding:0 0 15px 15px; }
.image_left { float:left; padding:0 15px 15px 0; }
.image_center { margin:0 auto;}
.relative { position:relative; }
.inline {display:inline;}
.hand { cursor:pointer;}
img.alignright { display: inline; margin: 0 0 2px 7px; padding: 4px; }
.alignright { float: right; }
img.alignleft { display: inline; margin: 0 7px 2px 0; padding: 4px; }
.alignleft { float: left; }

/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 12px 0; font-size:100%; font-weight:bold;}
h1 { border-bottom: 1px solid #818181; color:#000; padding: 0px 0px 8px 0px; font-size: 1.2em; margin-bottom: 20px; text-transform: uppercase; }
h1.white { color: #fff; }
h2 { padding: 0px 0px 0px 0px;  }
.bold { font-weight:bold;}

/* ----- TOP NAVIGATION ----- */
#nav { font-size: 1.1em; border-bottom: solid 6px #000; height: 32px; margin-bottom: 6px; }
#nav ul { padding: 0; margin: 0; list-style: none; }
#nav li { display: block; float: left; background:url(../images/layup/navDivider.gif) top left no-repeat; }
#nav a { display:block; text-decoration: none; color: #fff; float: left; margin: 0px 4px 0px 6px; display: inline; padding: 0px 17px 0px 0px; }
#nav a span { display:block; padding: 3px 0px 6px 17px; }
#nav a:hover { display:block; text-decoration: none; background:url(../images/layup/navRight.gif) top right no-repeat; float: left; margin: 0px 4px 0px 6px; display: inline; }
#nav a:hover span { background:url(../images/layup/navLeft.gif) top left no-repeat; }
#nav li.first { background: none; }
#nav li.first a { margin-left: 0px; }
#nav li.first a:hover { margin-left: 0px; }
#nav .active { display:block; text-decoration: none; background:url(../images/layup/navRight.gif) top right no-repeat; float: left; margin: 0px 4px 0px 6px; display: inline; }
#nav .active span { background:url(../images/layup/navLeft.gif) top left no-repeat; }

#navInternal { font-size: 1.1em; border-bottom: solid 6px #fff; height: 32px; margin-bottom: 6px; }
#navInternal ul { padding: 0; margin: 0; list-style: none; }
#navInternal li { display: block; float: left; background:url(../images/layup/navDivider.gif) top left no-repeat; }
#navInternal a { display:block; text-decoration: none; color: #fff; float: left; margin: 0px 4px 0px 6px; display: inline; padding: 0px 17px 0px 0px; }
#navInternal a span { display:block; padding: 3px 0px 6px 17px; }
#navInternal a:hover { display:block; color: #444; text-decoration: none; background:url(../images/layup/navInternalRight.gif) top right no-repeat; float: left; margin: 0px 4px 0px 6px; display: inline; }
#navInternal a:hover span { background:url(../images/layup/navInternalLeft.gif) top left no-repeat; }
#navInternal li.first { background: none; }
#navInternal li.first a { margin-left: 0px; }
#navInternal li.first a:hover { margin-left: 0px; }
#navInternal .active { display:block; color: #444; text-decoration: none; background:url(../images/layup/navInternalRight.gif) top right no-repeat; float: left; margin: 0px 4px 0px 6px; display: inline; }
#navInternal .active span { background:url(../images/layup/navInternalLeft.gif) top left no-repeat; }

/* ----- 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 14px no-repeat; padding:6px 0 5px 15px;}

/* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */
#breadcrumbs { font-size: 11px; padding-bottom: 20px; }
#breadcrumbs a { font-weight: normal; text-decoration: none; }
#breadcrumbs a:hover { text-decoration: underline; }
#breadcrumbs .active { font-weight: bold; }

/* ----- FOOTER ----- */
#footer {position:relative; clear:both; margin-top:-50px; background:url(../images/layup/footerBg.gif) top left repeat-x; height: 50px; color:#323232; font-size: 1.1em; }
#footerContent { width:974px; margin:0 auto; }
#footerContent .padding { padding: 16px 17px 0px 17px; }
#footer a { font-weight:normal; text-decoration:none; color:#323232; }
#footer a:hover { text-decoration:underline; }

/* ----- GLOBAL ----- */
img { display:block; border:0; }
p { padding:0 0 12px 0; margin:0; line-height: 120%; }
address { font-style:normal; line-height: 120%; }

/* ----- LINKS ----- */
a { color:#000; font-weight:bold; text-decoration:underline; }
a:hover { text-decoration:none; }
#homeContent a { color: #FFFFFF; }

/* ----- 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:340px; float:left; }
label.radioLabel { display:inline; width:auto; margin-right: 0.5em; float:none; cursor: pointer;}
input, textarea { width:200px; font-size:11px !important;}
.requiredLabel { color:#ff0000; font-weight: bold; }
.checkRadio { width:20px; position:relative; left:-7px; top: 2px;}
#frmContact { margin-bottom:15px;}
#frmContact select { width:204px;}
#frmContact div, #hipForm div { margin-bottom:10px;}
#frmLogin { margin-bottom:15px;}
#frmLogin div { margin-bottom:10px;}
#frmLogin label { display:block; width:140px; float:left; }
#submit { width:81px !important; height:38px !important; border:none;}
#btnSubmit { width:81px !important; height:38px !important; border:none; margin:0 auto; }
form#hipForm label { width: 330px; }
.formRating .validation-advice { position: relative; width: 1px; background: none; }
.formRating .validation-advice span { display: block; position: absolute; top: 0px; left: -604px; width: 620px; padding: 0px 10px 0px 10px; background: #8C8686; }

.smallLabels label {}
.smallLabels input { width:14px !important; margin-left:2px !important; margin-right:0px !important;}


/* ----- Prototype Validation ----- */
input.disabled { border: 1px solid #F2F2F2; background-color: #e10000; }
input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #e10000; color : #FF3300; }
input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color : #000; }
.validation-advice { margin: 5px 0; width:538px; padding: 2px; background-color: #8c8686; color : #FFF; font-weight: bold; }

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

#recaptcha_area div { margin-bottom: 0px !important;}

.tooltipDiv {width:300px;height:auto; background:#FFFFFF; border:1px #000000 solid; padding:5px;}