/*
 UK Website CSS file for Design A
************
Version: 1.0
Date: November 9/2009
By: HCL [Chandan Sinha]
************
*/

@import url("/css/survey.css");

/*===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== 
--->> REUSABLE & GENERAL RULES
 ========== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== */
body, html{
margin:0;
padding:10px 0 0 0;
font-family:Arial, Helvetica, sans-serif;
font-size:0.85em;
color:#333;
}

a{ text-decoration:none; font-size:0.8em; word-wrap:break-word; word-spacing:normal; white-space:normal;}
a:hover{text-decoration:underline;}

h1,h2,h3,h4,h5{font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#c03; margin:0; padding:0}
h3{font-size:1.2em; color:#636363}

/* Assign the property to div to come left and ruled out the block feature */
.leftFloat{float:left;}
.float-left { float:left; }
/* Assign the property to div to come right and ruled out the block feature */
.rightFloat{float:right;}
.float-right { float:right; }
/* To clear the float property of div */
.clearFloat{clear:both; font-size:1px; height:1px; visibility:hidden}

/*===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== 
--->> WIDTH OF ALL MAIN CONTAINERS
 ========== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== */
/* Main container where all the div tags come inside*/
#mainCtr,
#headerArea,
#new-hp-body-container { width:990px; }

#left-side-nl {  float:left; width:672px; margin:0; padding:0; }
#right-side-nl { float:right; width:305px; margin:0; padding:0; }

/*===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== 
--->>HEADER
 ========== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== */
.logoSection { width:200px; padding-left:16px; position:relative; top:-5px; }

/*.countryName{width:120px;}*/
.countryName h1{text-align:center; font-size:1em; padding:0 5px;}
.countryName h1 a{text-align:center; font-size:1.4em; padding:1px 0 1px 0; color:#c03;}

.countryName h2{text-align:center; font-size:1em; padding:0 5px;}
.countryName h2 a{text-align:center; font-size:1.4em; padding:1px 0 1px 0; color:#c03;}

#country-title { white-space:nowrap; padding:0 1px 0 1px; background:url(/images/img-2x2.gif); }
#country-title h1 { background:#fff;}
#country-title a { padding:0 5px; }

.header-identifier { float:left; margin:2px 0 0 10px; text-align:left; font:bold 1.2em Arial, Helvetica, sans-serif; color:#666; }

/* Top Right Search Navigation*/
.topSiteNavigation { width:357px; margin-top:5px; }
#IEroot .topSiteNavigation { width:342px; margin-top:5px; }
/* Safari */
body:first-of-type .topSiteNavigation { width:335px; margin-top:5px; text-align:right; }

.topSiteNavigation img{border:none; vertical-align:top; margin-right:7px;}
.topSiteNavigation ul{ list-style:none; margin:0; padding:0; display:block}
.topSiteNavigation ul li{padding:0; margin:0; float:left; background:url(/images/img-division.gif) right center no-repeat;}
.topSiteNavigation ul li a,
.topSiteNavigation ul li a:visited {color:#5a889e; padding:0 9px 0 9px; margin:0; font-size:11px; text-decoration:none;}
.topSiteNavigation ul li a:hover {text-decoration:underline;}
.topSiteNavigation ul li input{font-size:0.85em; border-top:1px solid #666; border-right:1px solid #666; border-bottom:1px solid #ccc; border-left:1px solid #ccc; margin-left:10px; padding:2px 0 2px 4px;color:#8F8F8F;}
.topSiteNavigation ul li input:focus {background:#f4f4f4;}
.topSiteNavigation ul li input.searchBtn{background:#fff; color:#000; font-weight:normal; border:1px solid #666; margin-left:5px; padding:0 2px; cursor:pointer; font:11px Arial, Helvetica, sans-serif;}
.topSiteNavigation ul li button { background:#FFFFFF; color:#000; font-weight:normal; border:1px solid #666666; margin-left:5px; padding:0 2px; cursor:pointer; font:11px Arial, Helvetica, sans-serif; }

/* Top Search Box div*/
#search-box { position:absolute; margin:-4px 0 0 0; border:#fff 1px solid; white-space:nowrap;}
#error-search-box #search-box #s2 { font: 10px Arial, Helvetica, sans-serif;}

/*===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== =====
>> BANNER AREA
===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== =====*/
* html #banner-area { position:relative; top:-4px; }

#banner-nl img { border:#666 1px dotted; border-top:none; }
* html #banner-nl img { border:#999 1px solid; border-top:none; }

/*=== Paragraph below banner ===*/
#paragraph-nl { width:670px; border-left:#666 1px dotted; border-right:#666 1px dotted; padding:10px 0 0; }
* html #paragraph-nl { border-left:#999 1px solid; border-right:#999 1px solid; }
#paragraph-nl p { color:#333; margin:0; padding:0 5px 0 40px; background:url(/images/h2_arrow_style.gif) 10px center no-repeat; }
div.dotted-rounded-corners { width:672px; height:11px; margin:0; padding:0; display:block; background:url(/images/nl-bg-dotted-rounded-corners-672px.gif) bottom no-repeat #fff; }

/*===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== =====
>> LEFT SECTION - POD AREA
===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== =====*/
#main-box-container { width:672px; margin:18px 0 0 0; padding:0;}


div.box-container { float:left; width:150px;  margin:0 13px 0 0; padding:0; }
div.box-container h5 { font-size:1.4em; color:#000; padding-left:12px; margin-bottom:15px; white-space:nowrap; background: url(/images/img-arrow-big.gif) left 2px no-repeat #fff; padding-bottom:0;}
div.box-container h6 { margin:-5px 0 8px 0; padding:0;  }
div.box-container h6 a,
div.box-container h6 a:visited { font-size:12px; color:#333; }
div.box-container h6 a:hover { color:#903; }
div.box-container p { color:#666; margin:0; padding:0 0 8px 0; }
div.box-container p:first-child { margin:0; padding:0; }
div.box-container img { margin:0 0 8px 0; padding:2px; border:1px solid #999999; }
div.box-container img.ads { border:0; outline:0; margin:0; padding:10px 0 0 0;}


div.box-container ul { margin:-4px 0 0 0; padding:0 10px 0 0; list-style-type:none; }
div.box-container ul li { padding:0 0 3px 8px; margin:0; line-height:18px; background:url(/images/red_listed_arrow.gif) left 7px no-repeat; }
div.box-container ul li a,
div.box-container ul li a:visited { color:#666; text-decoration:none; display:block; font-size:1em; }
div.box-container ul li a:hover { color:#903; text-decoration:underline; }
div.box-container > ul li a:hover { background:#F9F9F9; }
* html div.box-container ul li a {display:inline-block;}
* html div.box-container ul li a {display:block;}

/*=== FIRST POD ===*/
div.firstPOD { width:170px; padding:0 0 0 10px; }

/*=== LAST POD ===*/
div.lastPOD { width:150px; margin:0; padding:0; }		

/*=== Need Help? section ===*/
#need-help { width:165px; display:block; text-align:left; margin:5px 0 0 55px; padding:0 0 10px 0; }
#need-help img { margin:7px 0 0 0; padding:3px; border:#666 1px dotted; }
* html #need-help img { border:#ccc 1px solid; }
#need-help img.icon { border:none; vertical-align: text-bottom; }
#need-help a,
#need-help a:visited { font-size:0.85em; color:#903; text-decoration:underline; }
#need-help a:hover { text-decoration:none; }

/*=== Legal Intelligence ===*/
div.column-container { float:left; width:180px; margin:18px 0 0 55px; _margin:18px 0 0 28px; padding:0; }

.column-container .Hpod01 { width:auto; margin:0; padding:0; }
.column-container .Hpod01 img { margin:0; padding:0; width:175px; border: #903 1px solid; border-top: none; }

.column-container .Hpod01 h5 { width:172px; padding:6px 0 4px 5px; margin:0; color:#fff; font-size:1.2em; font-weight:bold; background: url(/images/img-dot-h.gif) bottom repeat-x #990033;  }
.column-container .Hpod01 h5 a,
.column-container .Hpod01 h5 a:visited { color:#fff; font-size:0.9em; text-decoration:none }
.column-container .Hpod01 h5 a:hover { text-decoration:underline }

.column-container .Hpod01 p { margin:0; padding:0; line-height:1px; }

.column-container .Hpod01 ul { list-style:none; margin:0; padding:5px 0 10px; }
.column-container .Hpod01 ul li { padding:0; background: none; }
.column-container .Hpod01 ul li a,
.column-container .Hpod01 ul li a:visited { display:block; color:#903; text-decoration:none; font-size:1em; }
.column-container .Hpod01 ul li a:hover { color:#666; text-decoration:underline;  }

/*===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== =====
>> RIGHT SECTION - POD AREA
===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== =====*/
/*=== Rounded corners container ===*/
#rounded-corners-top,
#rounded-corners-bottom { width:305px; height:24px; margin:auto;}

#rounded-corners-top { background:url(/images/nl-bg-red-rounded-corners-top-305px.gif); }
#rounded-corners-bottom { background:url(/images/nl-bg-red-rounded-corners-bottom-305px-design-c.gif); }

/*=== Middle content ===*/
#rounded-corners-middle { width:289px; margin:0 auto; padding:0 8px 0 8px; text-align:center; background:url(/images/nl-bg-red-rounded-corners-middle-305px.gif) repeat-y; }
#IEroot7 #rounded-corners-middle { }
#IEroot6 #rounded-corners-middle{ }

#rounded-corners-middle img { border:0; margin:0 0 0 -2px; padding:0 0 5px 0; }
#rounded-corners-middle div.column-container img { border:0; margin:0; padding:0;}

/*===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== =====
>> SEARCH WIDGET
===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== =====*/
#search-area-nl { width:285px; margin:0; *margin:0 0 0 -4px; _margin:0 0 0 -3px; padding:25px 0 0 0; *padding:15px 0 0 0; _padding:15px 0 0 0; min-height:140px; background:url(/images/search-area-nl-bg-design-c.jpg) left -1px repeat-x #e7e7e9; }

div.search-store-widget { float:left; width:145px; text-align:left; margin:0; padding:0 0 0 15px; }
div.search-store-widget label { float:left; padding:0; margin:0 0 5px 0; font-size:1.3em; font-weight:bold; color:#000; }
div.search-store-widget form { margin:0; padding:0; }
div.search-store-widget .search-field { padding:10px 0 5px 0; margin:0; }
div.search-store-widget input{ margin:0 0 7px 0; padding:1px 0 1px 4px; width:125px; color:#666; font-size:1em; border:1px solid #666666; background:#EFEFEF; }
div.search-store-widget input:focus {background:#f4f4f4;}
/*div.search-store-widget input.goBtn{ margin:0; padding:0 2px; width:auto; color:#000; font-weight:normal; font:11px Arial, Helvetica, sans-serif; cursor:pointer; border:1px solid #666; background:#fff; }*/
div.search-store-widget input.goBtn { width:53px; height:25px; margin:0; padding:0; border:none; overflow:visible; background:url(/images/btn-go.jpg) left top no-repeat; }

/*
div.search-store-widget input { width:110px; margin:0 0 1px 0; padding:2px; border:#666 1px solid; background:#efefef; }
div.search-store-widget input:focus { border:#000 1px solid; background:#DAD9CE; }
div.search-store-widget input#searchbutton { width:53px; height:25px; margin:0; border:none; overflow:visible; background:url(/images/btn-go.jpg) left top no-repeat; }
div.search-store-widget span { color:#333; font-size:1em; margin:0; padding:0 0 0 15px; vertical-align:middle; }
*/
div.search-store-widget a,
div.search-store-widget a:visited { display:block; margin:0; font-size:1em; color:#666; text-decoration:underline; }
div.search-store-widget a:hover { color:#903; text-decoration:none; }

#search-area-nl .search-store-widget .shop-online-box{ display:block; margin:5px 0 0 0; padding:0;}
#search-area-nl .search-store-widget .shop-online-box .optionText{float:left; padding-top:5px}
#search-area-nl .search-store-widget .shop-online-box div a,
#search-area-nl .search-store-widget .shop-online-box div a:visited,
#search-area-nl .search-store-widget .shop-online-box div a:hover { margin:0; padding:0; clear:both; }
#search-area-nl .search-store-widget .shop-online-box div a img { margin:0 0 0 5px; padding:0;}

#search-area-nl .search-store-widget .shop-online-box input.btn-shop-online { width:101px; height:25px; margin:0 0 0 0; border:none; overflow:visible; background:url(/images/btn-shop-online.jpg) left top no-repeat; }

#search-area-nl .column-container2 { float:left; width:125px; margin:-15px 0 0 -15px; _margin:-15px 0 0 -10px; }
* html #search-area-nl .column-container2 { }
#search-area-nl .column-container2 img { border:0; }

/*===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== 
--->>ACCORDION
========== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== */ 
ul#accordion{ width:277px; margin:0 0 0 4px; *margin:0 0 0 -4px; _*margin:0 0 0 4px; padding:0 0 1px 0; list-style:none;}
ul#accordion li h5 { margin:0 auto; padding:4px 0 8px 0; width:auto; height:20px; }
ul#accordion li h3 { padding:0; margin:0; text-align:left; border:1px solid #DEDEDF; background:url(/images/v-slide.gif) bottom repeat-x #fff;}
ul#accordion li h3 a:visited,
ul#accordion li h3 a:active,
ul#accordion li h3 a:link{color:#333; font-weight:normal; font-size:0.85em; outline:none; display:block; height:22px; padding:10px 11px 0 11px; background:url(/images/slide_status.gif) right top no-repeat; }
#column2 ul#accordion li h3 a:hover { color:#903; font-weight:bold; }

ul#accordion li h3 a.activeHead:visited,
ul#accordion li h3 a.activeHead:active,
ul#accordion li h3 a.activeHead:link{font-weight:bold; color:#903;}
ul#accordion li h3 a.deactiveHead{font-weight:bold; color:#333;}

/*====== This container holds: Empl. thumbnails and Job descriptions ====*/
ul#accordion div.collapse { margin:0 0 3px 0; padding:0; border-top:none; border:1px solid #DEDEDF;}

/*===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== =====
>> FEATURED PRODUCTS WIDGET
===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== =====*/
#featured-products-widget { display:block; width:284px; margin:0; padding:0;}
/*
#featured-products-widget h5 { width:auto; height:45px; text-indent:-99999999px; }
* html #featured-products-widget h5 { width:auto; }
#featured-products-widget span.title-featured-products { display:block; width:210px; height:20px; margin:auto; position:relative; top:-35px; background:url(/images/nl-img-title-featured-products.gif); }
/** html #featured-products-widget span.title-featured-products { left:610px; top:65px;  }*/

#featured-products-widget ul { list-style-type:none; margin:0; padding:0; text-align:left; }

* html #featured-products-widget ul li a { display:inline-block; }
* html #featured-products-widget ul li a { display:block; }

#featured-products-widget ul.images-featured-products{ float:left; margin:0; }
#featured-products-widget ul.titles-featured-products { float:left; width:224px; *width:221px; margin:0; padding:0; border-left:1px solid #D6D6D6; }

/*=== Featured Products images ===*/
#featured-products-widget ul.images-featured-products a { float:left; }
#IEroot #featured-products-widget ul.images-featured-products a { float:none; display:inline; }
#featured-products-widget ul.images-featured-products a img,
#featured-products-widget ul.images-featured-products a:visited img { margin:0; padding:5px; border:none; }
#featured-products-widget ul.images-featured-products a:hover img { background:#ddd; }

/*=== Featured Products book titles ===*/
#featured-products-widget ul.titles-featured-products li { margin:0; background:url(/images/nl-bg-gradient-white-gray.gif) bottom repeat-x #fff; }
#featured-products-widget ul.titles-featured-products li a,
#featured-products-widget ul.titles-featured-products li a:visited { display:block; padding:15px 0 16px 20px; font-size:1.1em; color:#333;  }
#featured-products-widget ul.titles-featured-products li a:hover { color:#000; }

#IEroot #featured-products-widget ul.titles-featured-products li a,
#IEroot #featured-products-widget ul.titles-featured-products li a:visited { padding:16px 0 17px 20px; }

#featured-products-widget ul.titles-featured-products li a.product-1,
#featured-products-widget ul.titles-featured-products li a.product-1:visited { padding-bottom:12px; background:url(/images/nl-img-number-1.gif) -5px center no-repeat;  }
#featured-products-widget ul.titles-featured-products li a.product-2,
#featured-products-widget ul.titles-featured-products li a.product-2:visited { background:url(/images/nl-img-number-2.gif) -5px center no-repeat;  }
#featured-products-widget ul.titles-featured-products li a.product-3,
#featured-products-widget ul.titles-featured-products li a.product-3:visited { background:url(/images/nl-img-number-3.gif) -5px center no-repeat;  }
#featured-products-widget ul.titles-featured-products li a.product-4,
#featured-products-widget ul.titles-featured-products li a.product-4:visited { background:url(/images/nl-img-number-4.gif) -5px center no-repeat;  }

#IEroot #featured-products-widget ul.titles-featured-products li a.product-1,
#IEroot #featured-products-widget ul.titles-featured-products li a.product-1:visited { padding-bottom:17px;  }

/*===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== 
--->>FOOTER
 ========== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== */
.siteFooter { width:990px; margin-bottom:20px; padding:20px 0; }
.siteFooter .noBorder{border:none; background:none}
.siteFooter ul{margin:0; padding:8px 0 0 15px; list-style:none;}
.siteFooter ul li{margin:0; padding:0 9px 0 6px; float:left; background:url(/images/v_line.gif) right 3px no-repeat}
.siteFooter ul li a{color:#808284; font-size:1em;}
.siteFooter p{padding:4px 0 0 23px; margin:0; font-size:1em; color:#808284;}

.siteFooter .footTop{ width:990px; height:65px; background:url(/images/foot_background.gif) left top no-repeat #990134; }
.siteFooter .footTop ul{margin:0; padding:47px 0 0 0; list-style:none; display:block}
.siteFooter .footTop ul li{float:left; display:block; padding:0 0 0 23px; border:none; background:none}
.siteFooter .footTop ul li a,
.siteFooter .footTop ul li a:visited {color:#fff; font-size:1em; font-weight:normal; text-decoration:none;}
.siteFooter .footTop ul li a:hover {text-decoration:underline;}
.siteFooter .footTop img,
.siteFooter .footBottom img { float:right; margin-right:10px; }

/* Credits */
.siteFooter #credits { margin-top:-12px; padding-left:23px; color:#808284; font-size:1em }
.siteFooter #credits a { font-size:1em; color:#808284; text-decoration:none; }
.siteFooter #credits a:active { font-size:1em; color:#808284; text-decoration:none; }
.siteFooter #credits a:link { font-size:1em; color:#808284; text-decoration:none; }
.siteFooter #credits a:visited { font-size:1em; color:#808284; text-decoration:none; }
.siteFooter #credits a:hover { font-size:1em; text-decoration:underline; }
.siteFooter #credits span.uk-address { margin-top:8px; display:block; }