/*---------------------------------------------------------------------------------------
  
                        Website: Findermonkey
                        Author: Bitmedia
                        Created: 
  
---------------------------------------------------------------------------------------*/


/*
    Basics
    Typography
    Layout
    Content
    Page Groups
    Navigation
    Form Styles
    Misc
*/


/*---------------------------------------------------------------------------------------
   Basics
---------------------------------------------------------------------------------------*/

/*------------------------------------
   Default and common CSS Styles
------------------------------------*/
@import "default.css";
@import "common.css";

/*------------------------------------
   Body
------------------------------------*/
body { background: url('../images/bg-gradient.png') repeat-x #f1ac47;}

/*---------------------------------------------------------------------------------------
   Typography
---------------------------------------------------------------------------------------*/
/*------------------------------------
   Links
------------------------------------*/
a:link, a:visited { color: #e8761e;}
a:hover {}

/*------------------------------------
   Default Type
------------------------------------*/
body { font: 62.5% arial, tahoma, arial, helvetica;}
#container { font-size: 1.2em; line-height: 1.4em; text-align: left;}
p { margin-bottom: 1.4em;}
#mainCol p { padding: 0 15px 0 10px;}

/*------------------------------------
   Specific Type
------------------------------------*/
#tagline { font-size: 1.1em; color: #fff; text-align: center;}
#tagline a { color: #fff; text-decoration: none;}
p.introText { font-size: 1.2em; font-weight: bold; line-height: 1.4em;}

/*------------------------------------
   Headers
------------------------------------*/
h1 { font-size: 2em; color: #725931; line-height: 1.1em;padding: 15px 0 10px 10px; margin-bottom: 10px; border-bottom: 1px solid #a89371;}
body.duport h1 { background: url('../images/duport.gif') no-repeat center left; padding-left: 140px;}
#sideCol h4 { color: #a16030; font-size: 1em; font-weight: bold; text-align: center; padding-bottom: 5px;}
h2 { font-size: 1.4em; font-weight: bold; padding: 20px 0 15px 10px;}
h3 {  color:#725931; font-size:2em; line-height:1.1em; padding:15px 0 0px 10px;}

/*---------------------------------------------------------------------------------------
   Layout 
---------------------------------------------------------------------------------------*/
/*------------------------------------
   Container
------------------------------------*/
#container { background: url('../images/bg-twirls.jpg') no-repeat top center; position: relative;}
#layoutContainer { background: url('../images/bg-whiteContent.png') top center repeat-y;}

/*------------------------------------
   Tagline
------------------------------------*/
#taglineContainer  { background: url('../images/bg-tagline.png') repeat-x bottom left; min-height: 38px; height: 38px;}
#tagline { padding: 7px 0 8px; width: 951px; margin: 0 auto;}

/*------------------------------------
   PageBody
------------------------------------*/
#pageBody { width: 945px; padding: 0 3px; margin: 0 auto; position: relative; overflow: hidden; }
#pageCols { overflow: hidden; margin-top: 10px; width: 100%; position: relative;}
#mainCol { float: left; width: 790px; padding-left: 10px;}
#sideCol { float: right; width: 123px; padding-right: 10px; padding-bottom: 136px;}

/*------------------------------------
   Footer 
------------------------------------*/
#footerContainer { background: url('../images/bg-footer.png') repeat-x; border-bottom: 1px solid #fff;}
#footer { padding: 7px 0 8px; width: 951px; margin: 0 auto; overflow: auto;}
#secure { text-align: center; margin-top: 4.2em;}
#secure p { padding: 0 40px;}
#secure p a { text-decoration: none; color: #000;}

/*---------------------------------------------------------------------------------------
   Content 
---------------------------------------------------------------------------------------*/
/*------------------------------------
   Header
------------------------------------*/
#header { position: relative; padding: 0 0 1.4em;}
#headerSide { float: left; width: 325px;}
#date { position: absolute; top:0; left: 0;display: block; padding: 3px 0 0 8px; width: 294px; height: 315px;  color: #fff; font-weight: bold;} 
#logo { }
#scroller { float: right; width: 270px; height: 142px !important; overflow: hidden; font-weight: bold; text-align: center; font-size: 1.3em; overflow: hidden;}
#scroller ul { list-style: none; margin: 0; padding: 0;}
#scroller li { background: #fff;  padding: 63px 10px 62px 0;}
#scroller a { text-decoration: none; color: #d49683;}
#scroller a:hover { text-decoration: underline;}
#quicksearchfeature {  float: right; padding-right: 9px; margin-bottom: 10px;}
#advert { width: 468px; height: 60px; float: right; padding: 15px 80px 15px 0;}

#callnow { padding: 3px 0 0 9px; width: 315px; color:#D49683; font-size: 1.3em; font-weight: bold;}
#callbackForm { padding: 13px 0 0 9px; overflow: hidden; width: 315px;}
#callbackForm .input { border:1px solid #D6D6D6; padding:3px 3px; width:150px; float: left; margin-right: 5px;}
#callbackForm .blur { color: #b18878;}
#callbackForm .submit {background:url("../images/requestcallback.png") no-repeat scroll 0 0 transparent; display:block; float:left; height:24px; margin:0; outline:0 none; text-indent:-9999px; width:144px; }

/*------------------------------------
   Quick Search Name
------------------------------------*/
#qs-name { float: left; padding: 10px 10px 0 10px; width: 261px; height: 86px; background: url('../images/bg-qs-name.png') no-repeat; margin-right: 5px;}
#qs-name h3 { color: #725931; font-size: 1.1em; font-weight: bold; padding: 0 0 10px 0;}
#qs-name .formRow { margin-bottom: 5px; width: 203px;}
#qs-name .formLeft { width: 40px; padding: 2px 5px 0 0;  text-align: right; font-size: 1.1em; color: #da461b;}
#qs-name .formRight { }
#qs-name .input { border: 1px solid #d6d6d6; padding: 2px 3px; width: 143px;}
#qs-name .submit { display: block; width: 48px; height: 24px; background: url('../images/button-find.png') no-repeat; float: right; text-indent: -9999px; outline: 0; margin: 0;}
#qs-name .submit:hover { background-position: top right;}

/*------------------------------------
   Quick Search Location
------------------------------------*/
#qs-location { float: left; padding: 10px 10px 0 10px; width: 301px; height: 86px; background: url('../images/bg-qs-location.png') no-repeat;}
#qs-location h3 { color: #725931; font-size: 1.1em; font-weight: bold; padding: 0 0 10px 0;}
#qs-location .formRow { margin-bottom: 5px; width: 251px;}
#qs-location .formLeft { width: 95px; padding: 2px 5px 0 0; text-align: right; font-size: 1.1em; color: #da461b;}
#qs-location .formRight { }
#qs-location .input { border: 1px solid #d6d6d6; padding: 2px 3px; width: 130px;}
#qs-location .submit { display: block; width: 48px; height: 24px; background: url('../images/button-find.png') no-repeat; float: right; text-indent: -9999px; outline: 0; margin: 0;}
#qs-location .submit:hover { background-position: top right;}

/*------------------------------------
   Home Page Features
------------------------------------*/
#hpfeatureContainer { overflow: hidden; padding-bottom: 1.4em;}
.hpfeature { float: left; background: url('../images/bg-hpFeature.png') repeat-x #f3d4ba; width: 195px; margin-right: 2px; min-height: 230px; height: auto;}
	* html .hpfeature { height: 230px;}
.hpfeature img { margin-left: 20px;}
.hpfeature h2 { color: #725931; font-size: 1.4em; font-weight: bold; text-align: center; padding:8px 0 0 10px !important;}
.hpfeature h2 a { color: #725931; text-decoration: none;}
.hpfeature h2 a:hover { border-bottom: 1px solid #725931;}
.hpfeature ul { color: #424242; line-height: 1.2em; margin: 0 0 0 10px; padding: 0; list-style: none;}
	.peoplesearch ul { margin-left: 40px;} .landsearch ul { margin-left: 10px;} .companysearch ul { margin-left: 25px;}
.hpfeature ul li {  padding: 0; background: url('../images/hpfeatureDot.gif') no-repeat 0 6px; padding: 0 0 0 10px;}
.hpfeature ul li a { color: #424242; text-decoration: none;}
.hpfeature ul li a:hover { text-decoration: underline;}

/*------------------------------------
   Express Search
------------------------------------*/
#expressSearch { width: 89px;}
#expressSearch a { display: block; width: 112px; padding-left: 10px; margin-bottom: 5px; font-size: 1.3em; font-weight: bold; color: #c3866f; text-decoration: none;}
#expressSearch a span { text-indent: -9999px; overflow: hidden; display: block;}
#es-wo { background: url('../images/bg-whoowns.png') no-repeat; height: 40px; padding-top: 48px;}
#es-ds { background: url('../images/bg-directorsearch.png') no-repeat; height: 53px; padding-top: 35px;}
#es-cc { background: url('../images/bg-companycredit.png') no-repeat; height: 40px; padding-top: 48px;}
#es-lr { background: url('../images/bg-landregistry.png') no-repeat; height: 40px; padding-top: 48px;}
	#es-wo:hover, #es-ds:hover, #es-cc:hover, #es-lr:hover { background-position: top right;}
#pci img { margin-top: 15px;}
#safebuy img { margin: 15px 0 0 10px;}
#facebook img { margin: 15px 0 0 2px;}
#twitter img { margin: 15px 0 0 2px;}
#ico { margin: 15px 0 0 10px;}
#securitymetrics { margin: 15px 0 0 12px;}
#bottomLinks { margin: 25px 0 0 2px;}

/*------------------------------------
   Inner Page Sticker Layout
------------------------------------*/
.priceFeature { float: right; width: 252px; margin: 0 0 0 30px;}
a.sticker { display: block; width: 93px; height: 90px; padding: 27px 11px 0; background: url('../images/sticker.png') no-repeat; float: left; color: #fff; text-align: center; text-decoration: none;}
a.sticker span.stickerTotal { font-weight: bold; display: block; font-size: 1em; padding-bottom: 5px;}
a.sticker span.stickerPrice { font-weight: bold; display: block; font-size: 2.2em; padding-bottom: 8px;}
a.sticker span.stickerOrder { display: block; font-size: .9em; line-height: 1.1em;}
.priceinfo { float: right; width: 130px; padding-top: 13px; font-weight: bold;}
.priceinfo p { margin: 0 0 10px 0;}
.em { font-size: 1.4em; line-height: 1.2em; margin-bottom: 1.4em;}
ul.checklist { margin: 0 0 0 10px; padding: 0 0 5px 0; list-style: none; font-size: 1.1em;}
ul.checklist li { background: url('../images/check.png') no-repeat; padding: 0 0 15px 35px; font-weight: bold; font-size: 1.1em; }
.textfooter { font-size: 1.4em; line-height: 1.2em; padding-top: 15px !important;}
a.ordernow-unreglandsearch  {display: block; width: 433px; height: 29px; background: url('../images/ordernow-unregisteredlandsearch.png') no-repeat; text-indent: -9999px; overflow: hidden; margin: 20px 0 0 10px;}
	a.ordernow-unreglandsearch:hover { background-position: top right;}
a.ordernow-unregpropsearch  {display: block; width: 466px; height: 29px; background: url('../images/ordernow-unregisteredpropsearch.png') no-repeat; text-indent: -9999px; overflow: hidden; margin: 20px 0 0 10px;}
	a.ordernow-unregpropsearch:hover { background-position: top right;}	
body.unreglandowner .order { display: none;}

/* Generic fluid button */
a.button { background: url('../images/button.png') no-repeat; padding: 0 0 0 5px; margin: 20px 0 0 10px; display: inline-block; height: 29px; text-decoration: none; text-transform:uppercase; color: #e36211; font-weight: bold;}
a.button span { background: url('../images/button.png') no-repeat top right; display: inline-block; height: 29px; line-height: 29px; padding: 0 10px 0 5px; cursor: pointer;}
a.button:hover { background-position: bottom left;}
a.button:hover span { background-position: bottom right;}


/* Generic fluid button - SMALL*/
a.buttonsmall { background: url('../images/buttonsmall.png') no-repeat; padding: 0 0 0 5px;margin: 20px 0 0 10px; display: inline-block; height: 26px; text-decoration: none; text-transform:uppercase; color: #e36211; font-weight: bold; font-size: .7em;}
a.buttonsmall span { background: url('../images/buttonsmall.png') no-repeat top right; display: inline-block; height: 26px; line-height: 26px; padding: 0 10px 0 5px; cursor: pointer;}
a.buttonsmall:hover { background-position: bottom left;}
a.buttonsmall:hover span { background-position: bottom right;}



/*---------------------------------------------------------------------------------------
   Page Groups (includes typography for groups)
---------------------------------------------------------------------------------------*/
/* FAQ */
.faqItem { margin-bottom: 1.4em; padding: 0 0 0 10px;}
.faqQuestion { font-weight: bold; font-size: 1.1em;}
.faqAnswerLink { text-transform: capitalize;}

/* Testimonials */
.tsTestimonialItem { margin-bottom: 1.8em; padding: 0 20px 0 10px;} 

/* Free Guides */
.fgItem { margin: 0 0 0 10px; padding: 5px 0 5px 30px; margin-bottom: 1.4em; background: url('../images/icon-paper.gif') no-repeat center left;}
.fgLink { font-weight: bold; }

/* Product List */
#productList { margin-bottom: 1.4em; overflow: hidden;}
#productList .title a { font-weight: bold; text-decoration: none; font-size: 1.1em; padding: 0 0 0 10px;}
	#productList .title a:hover { text-decoration: underline;}
#productList .abstract { padding: 0 0 0 10px; margin-bottom: 5px;}

/* Case Studies */
#caseStudies { }
#caseStudies .item { margin-bottom: 2.1em;}
#caseStudies .item .title { font-weight: bold; padding:0 15px 0 10px;}
#caseStudies .item .abstract { }
#caseStudies .item .abstract p { }
#caseStudies .item .link { padding:0 15px 0 10px; margin-top: -1.4em; }


/*---------------------------------------------------------------------------------------
   Navigation
---------------------------------------------------------------------------------------*/
/*------------------------------------
   Main Nav
------------------------------------*/
ul#mainNav {  float: left; height: 37px; margin: 0; padding: 0 5px 0; width: 935px; list-style: none; border-bottom: 2px solid #725931;}
ul#mainNav li { display: inline; float: left; padding: 0;}
ul#mainNav li a { float: left; display: block; height: 37px; outline: 0; text-indent: -9999px;}
ul#mainNav li a.home { background: url('../images/nav-home.png') no-repeat; width: 121px;}
ul#mainNav li a.about { background: url('../images/nav-about.png') no-repeat; width: 137px; }
ul#mainNav li a.people { background: url('../images/nav-people.png') no-repeat; width: 121px; }
ul#mainNav li a.land { background: url('../images/nav-land.png') no-repeat; width: 106px; }
ul#mainNav li a.buildings { background: url('../images/nav-buildings.png') no-repeat; width: 136px;  }
ul#mainNav li a.companies { background: url('../images/nav-companies.png') no-repeat; width: 141px; }
ul#mainNav li a.business { background: url('../images/nav-business.png') no-repeat; width: 173px; }
	ul#mainNav li a:hover, ul#mainNav li.sfHover a { background-position: 0 -38px;}

ul#mainNav ul { margin-top: 5px; padding-top: 4px;}
ul#mainNav ul li { width: 100% !important; background: #f3f3f1;}
ul#mainNav ul li a { text-indent: 0px; height: auto; padding: 10px 1em 10px 3em !important; font-weight: bold; text-decoration: none; color: #6f542b; background: #f3f3f1; border: 1px solid #938065; border-top: 0;}
	ul#mainNav ul li a:hover { background: #fff;}

/*------------------------------------
   MinorNav
------------------------------------*/
ul#minorNav { float: left; margin: 0; padding: 5px 0 0 5px; list-style: none;}
ul#minorNav2 { float: right; margin: 0; padding: 5px 5px 0 0; list-style: none;}
ul#minorNav li, ul#minorNav2 li { float: left; display: inline; margin: 0; padding: 0; background: url('../images/bg-minornavDiv.png') no-repeat center right;}
ul#minorNav li.last, ul#minorNav2 li.last { background: none;}
ul#minorNav li a, ul#minorNav2 li a { color: #fff; text-decoration: none; margin: 0 8px; font-size: .9em;}
ul#minorNav li a:hover, ul#minorNav2 li a:hover { text-decoration: underline;}
ul#minorNav li a.selected, ul#minorNav2 li a.selected { font-weight: bold; text-decoration: underline;}

/*---------------------------------------------------------------------------------------
   Forms
---------------------------------------------------------------------------------------*/
/* Order Form (This form styles all 18 order forms */
#orderForm { padding: 1.4em 0; overflow: hidden;}
#orderForm .formRow { padding: 5px 0; margin-bottom: 5px;}
#orderForm .formFocus {  background: #f1e0c6;}
#orderForm .formFocus .input, #orderForm .formFocus .textarea { border: 1px solid #756c5e;}
#orderForm .formLeft { width: 200px; text-align: right; padding: 0 20px 0 0;}
#orderForm .input, #orderForm .textarea { width: 300px;}
#orderForm select { margin-right: 5px;}
#orderForm .submit { margin: 20px 0 0 220px;}
#orderForm .creditCardImages img { margin-right: 5px;}
#orderForm .orderInfo { overflow: hidden; padding: 20px 0 20px 50px; margin-bottom: 20px; background: #f1e0c6;}
#orderForm .orderInfo .orderInfoLeft { float: left; width: 150px; padding-right: 20px; text-align: right;}
#orderForm .orderInfo .orderInfoRight{ }
#orderForm .formLeft-terms { float: left; padding: 20px 0 0 50px; font-weight: bold; font-size: 1.1em;}
#orderForm .formRight-terms { float: left; padding: 20px 0 0 20px;}

/* Contact Form */
#formContact { padding: 1.4em 0; overflow: hidden;}
#formContact .formRow { padding: 5px 0; margin-bottom: 5px;}
#formContact .formFocus {  background: #f1e0c6;}
#formContact .formFocus .input, #orderForm .formFocus .textarea { border: 1px solid #756c5e;}
#formContact .formLeft { width: 200px; text-align: right; padding: 0 20px 0 0;}
#formContact .input, #orderForm .textarea { width: 300px;}
#formContact select { margin-right: 5px;}
#formContact .submit { margin: 20px 0 0 220px;}

/*---------------------------------------------------------------------------------------
   Misc.
---------------------------------------------------------------------------------------*/
/* Order Button */
a.order { display: block; width: 101px; height: 29px; background: url('../images/order.png') no-repeat; text-indent: -9999px; outline: 0; margin: 0 0 0 10px;}
	a.order:hover { background-position: bottom left;}
/* More Info Button */
a.moreInfo { display: block; width: 201px; height: 29px; background: url('../images/moreinfo.png') no-repeat; text-indent: -9999px; outline: 0; margin: 0 0 0 10px;}
	a.moreInfo:hover { background-position: bottom left;}
/* Float the two buttons beside eachother only when in productList page group */
#productList a.order, #productList a.moreInfo { float: left;}

/* Request More Info Button */
a.requestmoreinfo { display: block; width: 182px; height: 20px; background: url('../images/requestmoreinfo.png') no-repeat; text-indent: -9999px; outline: 0; margin: 0 10px 0 10px;}
	a.requestmoreinfo:hover { background-position: top right;}

/* Change Order button to Request Info Button */
/* More Info Button */
body.moreinfoPage a.order { display: block; width: 201px; height: 29px; background: url('../images/moreinfo.png') no-repeat; text-indent: -9999px; outline: 0; margin: 0 0 0 10px;}
	body.moreinfoPage a.order:hover { background-position: bottom left;}




/* Download PDF Button */
a.pdf { display: block; width: 104px; height: 20px; background: url('../images/button-pdf.png') no-repeat; text-indent: -9999px; outline: 0; margin: 0 10px 0 10px;}
	a.pdf:hover { background-position: top right;}




/*------------------------------------
   Error Page
------------------------------------*/
body#errorPage { }
body#errorPage p { padding: 100px 0; text-align: center; font-size: 1.2em; line-height: 1.6em;}
body#errorPage #footerContainer { height: 40px;}

/* Backlink */
.backLink { padding: 15px 0 20px 20px; }
.backLink a { background: url('../images/backLink.gif') no-repeat; width: 203px; height: 20px; display: block; text-indent: -9999px; outline: 0; float: left;}
	.backLink a:hover { background-position: bottom left;}

/* Payment Details */
.paymentdetails {  margin-left: 10px; margin-bottom: 1.4em;}
.paymentdetails td {  vertical-align: top;}

/* Facebox Popup */
#facebox { font-size: 1.2em; line-height: 1.4em; text-align: left;}
#facebox h2 { font-size: 1.8em; padding: .8em 0 .8em 0;}
#facebox .b { background:url(../images/facebox/b.png); }
#facebox .tl { background:url(../images/facebox/tl.png); }
#facebox .tr { background:url(../images/facebox/tr.png); }
#facebox .bl { background:url(../images/facebox/bl.png); }
#facebox .br { background:url(../images/facebox/br.png); }
#facebox { position: absolute; top: 0; left: 0; z-index: 100; text-align: left; }
#facebox .popup { position: relative; }
#facebox .content { background: #fff;}
#facebox table { border-collapse: collapse; }
#facebox td { border-bottom: 0; padding: 0; }
#facebox .body { padding: 10px; background: #fff; width: 550px; }
#facebox .loading { text-align: center; }
#facebox .image { text-align: center; }
#facebox img { border: 0; margin: 0; }
#facebox .footer { border-top: 1px solid #DDDDDD; padding-top: 5px; margin-top: 10px; text-align: right; }
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br { height: 10px; width: 10px; overflow: hidden; padding: 0; }
#facebox_overlay { position: fixed; top: 0px; left: 0px; height:100%; width:100%; }
.facebox_hide { z-index:-100; }
.facebox_overlayBG { background-color: #000; z-index: 99;}