/*
*********************
Generic Header and Footer CSS file

Version: 1.0
Date: April 2009
Author: Ricardo Zea
*********************
*/

@import url("http://www.lexisnexis.com/store/css/drop-down-menu.css");

#general-container { font-size:1.2em; }

/*===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== 
--->>SPECIFIC UK SITE RULES
 ========== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== */
#credits span.uk-address { margin-top:8px; display:block; }
/*===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== 
--->> REUSABLE & GENERAL RULES
 ========== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== */
.clear { clear:both;}

button { border:#ccc 1px solid; color:#333; padding:2px 4px; background:url(../images/bg-gradient-buttons.gif) bottom repeat-x #fff; width:auto; overflow:visible; }
#IEroot button { padding:1px; border:#ccc 1px  solid;}

/*===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== 
--->> WIDTH OF ALL MAIN CONTAINERS
 ========== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== */
#header,
#general-container,
div.homePageBody,
div.siteFooter { width:990px; }

/*===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== 
--->>HEADER
 ========== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== */
#country-title span { color:#9C3}

/* Country  name side bars*/ /*3.0*/
#country-title { border-left:#666 1px dotted; border-right:#666 1px dotted; padding:0 5px; background:none; }
* html #country-title { border-left-style:solid; border-right-style:solid;}
#country-title span.countryNameText { display:block; font-size:1.8em; font-weight:bold; background:#fff; }
#country-title span.countryNameText a,
#country-title span.countryNameText a:visited { color:#c03; }

div.logoSection img { border:none; }

/*===== Language switcher=====*/
/*NOTE: Delete the property 'display:none;' to have it appear on the page if necessary*/
div.language-switcher { float: left; font-size:1em; margin:5px 0 0 115px; font-weight:bold; display:none; }

div.language-switcher a,
div.language-switcher a:visited { font-size:1em;	color:#903; text-decoration:none; font-weight:normal; }
div.language-switcher a:hover {  color:#666; text-decoration: underline; }

.language-separator { padding:0 5px;}

/*=====  Search field area at the top right  =====*/
div.topSiteNavigation { width:400px; margin-top:5px; }
#IEroot .topSiteNavigation { width:auto; margin-top:0; }

div.topSiteNavigation ul { float:right; white-space:nowrap; margin:0 10px 0 0 }

div.topSiteNavigation #search-box input { font-size:1em; color:#333; padding:3px 3px 2px; margin-right:2px; border-top: #666 1px solid; border-right: #666 1px solid; border-bottom: #ccc 1px solid; border-left: #ccc 1px solid;}
div.topSiteNavigation #search-box input:focus { background:#f7f7f7;}
#IEroot div.topSiteNavigation #search-box input  { padding:2px 3px;}

div.topSiteNavigation #search-box { float:right; width:auto; }
div.topSiteNavigation #search-box input.search-buttons { border:#666 1px solid; font-size:1em; color:#000; height:20px; padding:0 5px; background: url(../images/bg-gradient-small.gif) bottom repeat-x #fff;}
div.topSiteNavigation #search-box input.search-buttons:hover { background:#ddd; cursor:pointer; }
#IEroot div.topSiteNavigation #search-box input.search-buttons { padding:0 5px;}

/*===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== 
--->>RED BOX ON THE RIGHT - Product Sign On
 ========== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== */
/*===== Red box on the right =====*/
#sign-on-box { width:140px; }
#sign-on-box a,
#sign-on-box a:visited { background:url(../images/bg-gradient-red.gif) repeat-x top #903; width:130px }
#sign-on-box a:hover { background:#c03; cursor:pointer; }

* html #top-navbar-container #sign-on-box a { padding-top:7px; }

#sign-on-box img { border:none; vertical-align:middle; margin-left:5px; }

/*===== Opening DIV when rolling over red box =====*/
#content-sign-on-box { color:#666; padding:5px; background:#f4f4f4; position:absolute; z-index:500; border:#ccc 1px solid; }
html>body #content-sign-on-box { top:4px; left:-130px; }
#IEroot6 #content-sign-on-box { left:-120px; }
#IEroot #content-sign-on-box { left:-125px; }
body:first-of-type #top-navbar-container #content-sign-on-box {	position:absolute; top:-22px; left:-55px; }

/*===== Drop down menu/select at the top right =====*/
select.top-nav-drop-down { font-size: 10px; padding:2px; padding-top:0; width:188px; }

/*===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== 
--->>BODY CONTENT AREA
 ========== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== */
#content-area { padding:10px 5px 0; }

#content-area p { line-height:18px; }

/*===== Headings =====*/
#content-area h1,
#content-area h2,
#content-area h3,
#content-area h4 { color:#666; font-weight:bold; }

#content-area h1 { font-size:1.3em; }
#content-area h2 { font-size:1.2em; padding:0; display:inline; }
#content-area h3 { font-size:1.1em; }
#content-area h4 { font-size:1em; }

/*===== List Items =====*/
#content-area ul { padding:0; list-style-type:none; }
#content-area ul li { padding-left:8px; background:url(../images/arrow-red-small.gif) left 5px no-repeat; }

#content-area ul li a,
#content-area ul li a:visited { font-size:1em; color:#903; }
#content-area ul li a:hover { color:#666; }

/*===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== 
--->>FOOTER
 ========== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== */
div.siteFooter { padding:20px 0;}
div.siteFooter div.footTop img,
div.siteFooter div.footBottom img { float:right; margin-right:10px; }

#IEroot div.siteFooter div.footTop ul img,
#IEroot div.siteFooter div.footBottom ul img { margin:-13px 0 0 0; display:none; }

#IEroot div.siteFooter div.footTop ul img { margin-right:10px;}

/*===== Credits =====*/
#credits { margin-top:-12px; }