/*Keepers CSS*/

/* Dark Blue on top of gradient #4f82b5*/
/* Light blue at foot of gradient #bbc8e6*/
/* Med blue on logo #869fd3  Used for menu and rhs banner*/
/* Light blue on logo #e5e8f5*/


/* ------------------{ 1. Site base element initialisation }---------------- */


/*html, */body { margin: 0; padding: 0 ; background:#bbc8e6; color: #000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:100%;}
body {font-size:62.5%;border:none;padding:0em;background-image:url(../img_kh/page_gradient.gif);background-repeat:repeat-x;} 

/* Remove form background for pop-up windows */
body.formpop {background-image:none; background:#FFFFFF !important; width: 97%;}

img	{ border: 0; background: none; margin:0; padding:0} 
form { margin: 0; padding: 0 }
label { font-weight: bold }
select, input, textarea { margin: 0; padding: 0; border: 1px solid #B2B2B2; font-family:Arial, Helvetica, Verdana;font-size:1.3em }
input.nb { border: 0 none }
address { font-style: normal }
fieldset { border: 0; padding: 0; margin: 0 }
ul, ol { margin: 0; padding: 0; list-style: none }
a {text-decoration:none; color:#515151;}
/*a:focus { outline:  none }*/
hr { background: #fff; width: 100%; height: 1px; margin: 0.5em auto 0.5em 0; clear: both }
hr.double { border: none 0; background: #fff; width: 100%; height: 2px; margin: 3px auto 0 0; text-align: left; clear: both }
p { margin: 0 0 1em 0; color:#515151}
li {color:#515151;}
h1, h2, h3, h4, h5, h6 { color: #000;margin:0;padding:0 }
h1 { color:#000; font-size:1.6em;font-weight:bold}
h2 { color:#000; font-size:1.2em; clear: left;}
h3 { color:#000; font-size:1em; }

div.case-study-thumbnails h2 {margin-bottom: 1em; }

/* ------------------{ 2. Template common features }---------------- */

/* Site containers. */
#sitecontainer {width:70%;margin:0 auto;max-width:800px;min-width:700px; border:none;padding:0;background-color:#fff;padding:0em 0em 1em 0em}
#header { float:left; width:100%; min-width:700px; padding:0; margin:0; }
#content_wrapper {width: 100%;float: right;margin-left: -99%;min-height:370px}
* html #content_wrapper {height:370px}
#content div.main {margin-left: 180px; /* LEFT column width */margin-right: 185px; /* RIGHT column width */ font-size:1.1em}
#content div.homepage {margin-left: 180px; /* LEFT column width */margin-right: 250px; /* RIGHT column width */ font-size:1.1em}
#content div.twocol {margin-left: 180px; /* LEFT column width */margin-right: 0px; /* RIGHT column width */ font-size:1.1em}


#leftcol {margin-left:10px;width: 170px;float:left;position:relative;z-index:1}

#rightpromocontact{margin-top:20px;margin-right:-25px;width:200px;float:right;position:relative;left:1%;}
#rightpromobook{margin-top:20px;margin-right:-25px;width:200px;float:right;position:relative;left:1%;}
#rightpromottd {margin-top:140px;margin-right:-260px;width:200px;float:right;position:relative;left:1%;}
#rightpromoinfo {margin-top:290px;margin-right:-260px;width:200px;float:right;position:relative;left:1%;}

#header {background:#fff;width:100%;overflow:hidden;}
#header-left {float:left;width:342px;padding:0;margin-right:0% }
#header-right {float:right;width:60%;border:none;}

/* Top right header links and search bar. */

#header-right div.header-utilities {margin-top:.5em;width:100%;float:right}
#header-right div.header-utilities ul {margin:0;padding:0;float:right}
#header-right div.header-utilities ul li {background:url(../img_kh/li-separator-grey.gif) no-repeat 0 2px; display:inline;margin:0 0 0 0.5em;padding-left:0.5em;}
#header-right div.header-utilities ul li:first-child {background:none}
* html #header-right div.header-utilities ul li.firstitem {background:none}
#header-right div.header-utilities ul li.no-background {background:none}
#header-right div.header-utilities ul li a {color:#6d6c6c;font-size:1.1em}
#header-right div.header-utilities ul li a:Hover {text-decoration:underline; }

/* Top left header graphic. */

#header h1 a {margin:0 0 0 0px; background-image:url(../img/sample.jpg);background-repeat:no-repeat;width:325px;height:10px;display:block;padding:0;}

/* Banner graphic */
#banner{float:left;overflow:hidden;z-index:1;width:100%;background-image:url(../img_kh/banner01.jpg);background-repeat:repeat-x;height:28em;margin-top:1.1em}
			
/* Banner graphic Accom*/
#banneraccom{float:left;overflow:hidden;z-index:1;width:100%;background-image:url(../img_kh/banner_accom.jpg);background-repeat:repeat-x;height:28em;margin-top:1.1em}

/* Banner graphic guest*/
#bannerguest{float:left;overflow:hidden;z-index:1;width:100%;background-image:url(../img_kh/bannerGuest.jpg);background-repeat:repeat-x;height:28em;margin-top:1.1em}

/* Banner graphic things*/
#bannerthing{float:left;overflow:hidden;z-index:1;width:100%;background-image:url(../img_kh/banner_ttd.jpg);background-repeat:repeat-x;height:28em;margin-top:1.1em}

/* Banner graphic contact*/
#bannercon{float:left;overflow:hidden;z-index:1;width:100%;background-image:url(../img_kh/banner_con.jpg);background-repeat:repeat-x;height:28em;margin-top:1.1em}



/* Top navigation menu at the bottom of header banner image. */			
			
#menu {height:2.8em;float:left;width:100%;background-color:#869fd3;margin-top:25.2em;padding-top:0}
#menu ul {margin:0;padding:0}
#menu ul li {float:left;padding-left:1em;}
#menu ul li.r {float:right}
#menu ul li a {margin-top:0;padding: 0.48em 0 0 0;float:left;display:block;color:#FFFFFF;font-size:1.2em;font-weight:bold;   background-repeat:no-repeat;padding-left:2.2em;padding-right:2.2em;background-position:10px 10px;height:2.2em}
#menu ul li a.norp {padding-right:0}
#menu ul li a:Hover,
#menu ul li a.selectedSection {color:#000;background-color:#FFFFFF}


/* Individual menu item widths. */
.w1 {width:20%}
.w2 {width:20%}
.w3 {width:20%}
.w4 {width:20%}


/* Breadcrumb. */

#breadcrumb {float:left;width:100%;padding:1.5em 0}
#breadcrumb span {float:left; display:block; margin:0 0.5em 0 0; font-weight:normal;font-size:1.1em; padding:0}
#breadcrumb ul {margin:0.1em 0 0 0; padding:0; float:left}
#breadcrumb ul li {float:left;font-weight:bold; background:url(../img/breadcrumb-bullet.gif) no-repeat 0 center;padding-left:1.3em; vertical-align:bottom; background-position:0 4px;margin:0 0.5em 0 0}
#breadcrumb ul li.on {background: url(../img/breadcrumb-bullet.gif) no-repeat 0 center;background-position:0 4px;}
#breadcrumb ul li a {color:#000000; text-decoration:none; font-size:1.1em}
#breadcrumb ul li.on a {color:#CC3333;font-weight: normal;font-size:1.1em;text-decoration: none;}
#breadcrumb ul li a:Hover {text-decoration:underline}

/* Footer. */

#footercontainer {clear:both}
#footercontainer div.header-utilities {margin-top:1em;float:left;width:100%;border-top:1px solid #aaa}
#footercontainer div.header-utilities ul {margin:0.5em 0 0 0;padding:0;float:left}
#footercontainer div.header-utilities ul li {background:url(../img_kh/li-separator-grey.gif) no-repeat 0 2px; display:inline;margin:0 0 0 0.5em;padding-left:0.5em;}
#footercontainer div.header-utilities ul li:first-child, #footercontainer div.header-utilities ul li.no-background {background:none;margin-left:0;padding-left:0}
* html #footercontainer div.header-utilities ul li.firstitem {background:none}
#footercontainer div.header-utilities ul li a {color:#767676;font-size:1.1em}
#footercontainer div.header-utilities ul li a:Hover {text-decoration:underline}

/* ------------------{ 3. About Us, Things to do, Accom template }---------------- */ 


#content div.homepage h1 {margin-top:1em;color:#000;font-size:1.6em;font-weight:normal;}
#content div.homepage h2 {color:#777;font-size:1.2em;font-weight:normal;background-image:url(../img/case-studies.gif);background-repeat:no-repeat;margin-top:1em;margin-bottom:.5em !important;}


/* ------------------{ 4. Lower level templates }---------------- */

/* Left hand nav */

div.left_menu {background-color:#d7d5d5;padding:1em;}
* html div.left_menu {height:1%} /* IE6 hasLayout fix */

/* Top level menu item in left hand nav */

div.left_menu ul { margin: 0; list-style-type: none; }
div.left_menu ul li {}
div.left_menu ul {margin:0 0 0 0;padding:0;}
div.left_menu ul li {padding-left:0;background-image:url(../img/black-square-bullet.gif);background-repeat:no-repeat;background-position:0 4px;}
div.left_menu ul li a {display:block;color:black;padding-left:1em;font-size:1.2em; margin:0 0 0.5em 0;}
div.left_menu ul li a:Hover {text-decoration:underline}
div.left_menu ul li.selectedChildren {padding-left:0;background-image:url(../img/red-square-bullet.gif);background-repeat:no-repeat;background-position:0 4px;}
div.left_menu ul li.selectedChildren a {display:block;color:#CD3333;font-weight:bold;}
	    
div.left_menu ul#casestudy li#searchlink,
div.left_menu ul#casestudy li.level2{background: none; font-size: 1.2em; margin-left: -1.5em;}

div.left_menu ul#casestudy li.level2 {margin-bottom: 1.5em;}

div.left_menu ul#casestudy li.level2 ul li {margin-left: 1.5em;}

div.left_menu ul#casestudy li#searchlink a,
div.left_menu ul#casestudy li.level2 span {display:block; font-size: 1.2em; margin-bottom: 0.5em;}

div.left_menu ul#casestudy li.level2 span {margin-left: 1em; color: #000000;}
div.left_menu ul#casestudy li.level2 li a {font-size: 1em;}  
  
/* Sub level menu in left hand nav */
			
div.left_menu ul li.selectedChildren ul { margin: 0.5em 0 0.5em 1.5em; list-style-type: none;  }
div.left_menu ul li.selectedChildren ul li {background: none; padding-left:0px;margin-top:0.5em;}
/*background-image:url(../img/red-square-bullet.gif); background-position:0 3px;*/
div.left_menu ul li.selectedChildren ul li a {color:#CD3333;padding-left:1em;font-size:1em; margin:0.3em 0 0 0; font-weight:normal}
div.left_menu ul li.selectedChildren ul li a:Hover {text-decoration:underline}

div.left_menu ul#casestudy li.selectedChildren {font-size:1em;}
div.left_menu ul#casestudy li.selectedChildren ul li {margin-left: 0;}
div.left_menu ul#casestudy li.selectedChildren ul li a {font-size:0.8em;}

div.left_menu ul li.selectedChildren ul li a.selected,
div.left_menu ul#casestudy li.selectedChildren ul li a.selected {color:#777777;}





/* Right hand nav */

div.downloads,
div.relatedguidance {background-color:#fff;padding:0.5em 0.5em 0.5em 0.5em; margin-bottom:2px;}
* html div.downloads,
* html div.relatedguidance {height:1%} /* IE6 hasLayout fix */
div.downloads h2,
div.relatedguidance h3 {font-size:1.4em; font-weight:bold; color:#000000; margin:0 0 0 1em}
div.downloads ul,
div.relatedguidance ul {margin:0.5em 0 0 0;padding:0;}
div.downloads ul li{padding-left:0;background-image:url(../img_kh/icon_pdf.gif);background-repeat:no-repeat;background-position:0 0px;margin-top:0em}
div.relatedguidance ul li {background-image:url(../img/black-square-bullet.gif); background-position:0pt 4px; background-repeat:no-repeat; }
div.downloads ul li a,
div.relatedguidance ul li a {display:block;color:black;padding-left:1.5em;font-size:1.1em;color:#000000;}
div.downloads ul li a:Hover,
div.relatedguidance ul li a:Hover {text-decoration:underline;}




						
div.navigationmenu,
div.navigationmenucopy {margin-right:0px;width:205px;float:left;position:relative;left:1%;background-color:#869fd3;padding:0.5em 0.5em 1em 0.6em;margin:0 0 1em 0}
div.navigationmenucopy p a {color:#FFFFFF; }
div.navigationmenucopy p a {text-decoration:underline;}


/*ADDED IN*/
div.navigationmenucopy ul {margin:0.5em 0 0.5em 0;padding:0;}
div.navigationmenucopy ul li {padding-left:0;background-image:url(../img_kh/white-square-bullet.gif);background-repeat:no-repeat;background-position:0 4px;margin-top:0.25em}
div.navigationmenucopy ul li.noImg {background-image:none; padding-left:40px; text-align:right;}
div.navigationmenucopy ul li.noImg a {display:block;color:#fff;padding-left:1.2em;font-size:1.1em}
div.navigationmenucopy ul li a {display:block;color:#fff;padding-left:1.2em;font-size:1.1em}
div.navigationmenucopy ul li a:Hover {text-decoration:underline;}



* html div.navigationmenu {height:1%; padding-bottom: 0;} /* IE6 hasLayout fix */

div.navigationmenu h2 {font-weight:normal;font-size:1.8em;color:#fff}
div.navigationmenu h3,
div.navigationmenucopy h3 {margin:0 0 0 1em;font-weight:bold;font-size:1.4em;color:#fff;}
div.navigationmenucopy h3 {margin: 0 0 1em 0.3em;}
div.navigationmenu ul {margin:0.5em 0 0.5em 0;padding:0;}
div.navigationmenu ul li {padding-left:0;background-image:url(../img_kh/white-square-bullet.gif);background-repeat:no-repeat;background-position:0 4px;margin-top:0.25em}
div.navigationmenu ul li.noImg {background-image:none; padding-left:40px; text-align:right;}
div.navigationmenu ul li.noImg a {display:block;color:#fff;padding-left:1.2em;font-size:1.1em}
div.navigationmenu ul li a {display:block;color:#fff;padding-left:1.2em;font-size:1.1em}
div.navigationmenu ul li a:Hover {text-decoration:underline;}
div.navigationmenucopy p {color:#fff;font-size:1.1em;margin:0.5em 0.5em 1em 0.5em;}

div.csi {background-color:#d7d5d5}
div.csi h2 {color:#000}
div.csi h3 {color:#000}
div.csi ul {margin-bottom:1em}
div.csi ul li {background-image:url(../img/black-square-bullet.gif)}
div.csi ul li a {color:#000}

#content h1 {margin-bottom:.5em}		

/* Content - homepage */

#content div.homepage a.red-square {background-image:url(../img/red-square-bullet.gif); background-repeat: no-repeat;background-position:0 center; padding-left:1em;margin-left:0em;color:#CD3333;}

#content div.homepage a.red-square:Hover {text-decoration:underline}
/* Content - 2 column */

#content div.main h1,
#content div.twocol h1 {color:#000;font-size:2.2em;font-weight:normal}
#content div.twocol h2 {color:#000;font-size:1.5em;font-weight:normal;margin-bottom:0.5em}
#content div.twocol h3 {color:#000;font-size:1.3em;margin-bottom:0.8em}

#content img.contentright {float:right;margin:0 0 1em 1em}
#content img.contentleft {float:right;margin:0 0 1em 1em}

#pager {text-align: right; margin:0 0 1em 0}
#pager p {font-size:1.1em; font-weight:bold; margin:0 0 0.5em 0;}
#pager a {color:#c73333;}

/* Case study search box */

#content div.case-study-search {width:75%;clear:left}
#content div.case-study-search table {width:100%;}
#content div.case-study-search td.description {width:25%;font-size:1.0em;padding:1em 0 1em 0}
#content div.case-study-search td.end {width:25%;font-size:1.0em;padding:1em 0 1em 0}
#content div.case-study-search th {display:none}
#content div.case-study-search input, #content div.case-study-search select {width:100%;height:18px;border:1px solid #aaa;font-size:1em;padding:0}
#content div.case-study-search input {padding:0.1em 0 0 0.3em;width:98.0%}
#content div.case-study-search input.search-submit {border:none;float:left;width:50%;background-color:#CD3333;color:#fff;height:1.8em;padding:0 0 0.2em 0;margin-left:0em}

* html #content div.case-study-search input.search-submit {border:none;float:left;width:100%;background-color:#CD3333;color:#fff;height:1.8em;padding:0 0 0.2em 0;margin-left:0em}

/* Case studies - homepage */

#content div.casestudy {float:left;margin-bottom:1em;}
* html #content div.homepage {width:auto}
#content div.homepage div.casestudy {width:25%}
#content div.homepage div.casestudy {float:left;margin-bottom:1em; margin-right:10.3%;overflow: visible;}
* html #content div.homepage div.casestudy {margin:0 3.9% 0 0;display:inline}
#content div.homepage div.last {margin-right:0}
* html #content div.homepage div.last {margin-right:0px}

#content div.homepage div.casestudy h3 {margin-top:0.5em;font-size:1.25em}
#content div.homepage div.casestudy h3 a {color:#CD3333; text-decoration: none !important;}
#content div.homepage div.casestudy h3 a:Hover {text-decoration: underline;}
#content div.homepage div.casestudy ul {margin-top:1em}
#content div.homepage div.morecasestudy {float:left;margin-top:1em	}
#content div.homepage div.morecasestudy a  {margin:0;padding-left:1em;}

#content div.casestudy img {float: left; margin-bottom: 1em;}
#content div.casestudy dl{ float: left; margin: 0 0 0 1em; padding: 0; width: 12.5em;}
* html #content div.casestudy dl {margin-bottom: 5em;}

#content div.casestudy dt { font-size: 1.1em; }
#content div.casestudy dt.keyp { font-size: 1em; color: #515151; padding-top: 0.7em;}
/* HR simulator */

#content div.fake-hr {width:100%;border-top:1px solid #b2b2b2;height:1px;margin-top:2em;margin-bottom:2em;float:left;}

/* Case study results */



#content #OuterResults {float:left;width:95%;}
#content div.case-study-results div.results-header {float:left;width:60%;margin-bottom:1em}

#content div.case-study-results div.relevance-and-pagination {float:right;width:30%}
#content div.relevance-and-pagination select {display:block;float:right;width:100%;font-size:1em}

#content div.you-searched-for {clear:left;float:left;margin-top:0.5em}
#content div.you-searched-for p {margin:0;padding:0;}
#content div.you-searched-for-results {float:left;margin:0.5em 0 0 1em}
#content div.you-searched-for-results ul li {font-size:1em}

#content div.results {float:left;width:100%;margin-top:1em}
#SearchResults div.casestudy-result { border: solid 1px #D7D5D5; width:100%; clear:both; float:left; background-color:#FFFFFF; padding: 10px; margin-top:1em }
#SearchResults div.casestudy-result div.image {float:left;width:85px}
#SearchResults div.casestudy-result h4 {font-size: 1.2em;}

#SearchResults div.casestudy-result h4 a {color:#c73333;margin:0 0 0 0.5em; padding:0; float:left}
#SearchResults div.casestudy-result h4 a:Hover {text-decoration: underline}
#SearchResults div.casestudy-result p.relevance {float:right; margin-right:0.5em}
#SearchResults div.casestudy-result div.content {clear:both;margin:0.5em 0 0 0.5em}

/* NG --------------
    NOT SURE WHAT THESE ARE FOR  
#SearchResults div.casestudy-result ul.top {float:right}
#SearchResults div.casestudy-result ul.top li {float:left;display:block;margin-right:1em;font-size:1.2em;color:#000}
-------------- */
#SearchResults div.casestudy-result ul.inline {clear:both; margin:1em 0 0.5em 0.5em}
#SearchResults div.casestudy-result ul.inline li {display:inline;margin-right:1em;font-size:1.2em;color:#000}

#SearchResults div.casestudy-result div.details {float:right; width: 80%;}

* html #content ul.bulleted {display:inline-block;}
#content ul.bulleted li {list-style-type:disc;margin-left:2em;}

#content div.casestudy-result div.result-detail p {clear:left;float:left;margin:1em 0 0 1em; color:#515151;font-size:1em}

#OuterResults .results-header #sortyByControl {float:right; margin-top: -25px;text-align: right;}
#OuterResults .results-header #SortBy { font-size: 1em; }
#OuterResults .results-header #sortyByControl label {font-weight: normal; }




/* Promo images - right column - homepage */


#rightcol {}
#rightcol div.promoimage {margin:0 0 1em 0; padding:0;float:left}
#rightcol div.hc {background: url(../img_kh/promoblock_enquiries.jpg) no-repeat;width: 260px; height: 120px;}
#rightcol div.hc a{ width: 220px; height: 110px; text-indent: -3000px; display: block;}

/* Promo images - right column - contacts */
#rightpromocontact {background: url(../img_kh/promoblock_enquiries.jpg) no-repeat;width: 260px; height: 120px;}
#rightpromocontact div.promoimage {margin:0 0 1em 0; padding:0;float:left}
#rightpromocontact div.hc {background: url(../img_kh/promoblock_enquiries.jpg) no-repeat;width: 260px; height: 120px;}
#rightpromocontact div.hc a{ width: 220px; height: 110px; text-indent: -3000px; display: block;}


/* Promo images - right column - hayonwye */
#rightpromobook {background: url(../img_kh/promoblock_book.jpg) no-repeat;width: 260px; height: 140px;}
#rightpromobook div.promoimage {margin:0 0 1em 0; padding:0;float:left}
#rightpromobook div.hc {background: url(../img_kh/promoblock_book.jpg) no-repeat;width: 260px; height: 140px;}
#rightpromobook div.hc a{ width: 220px; height: 110px; text-indent: -3000px; display: block;}


/* Promo images - right column - things */
#rightpromottd {background: url(../img_kh/promoblock_ttd.jpg) no-repeat;width: 260px; height: 150px;}
#rightpromottd div.promoimage {margin:0 0 1em 0; padding:0;float:left}
#rightpromottd div.hc {background: url(../img_kh/promoblock_ttd.jpg) no-repeat;width: 169px; height: 74px;}
#rightpromottd div.hc a{ width: 220px; height: 140px; text-indent: -3000px; display: block;}


/* Promo images - right column - info */
#rightpromoinfo {background: url(../img_kh/promoblock_info.jpg) no-repeat;width: 260px; height: 75px;}
#rightpromoinfo div.promoimage {margin:0 0 1em 0; padding:0;float:left}
#rightpromoinfo div.hc {background: url(../img_kh/promoblock_info.jpg) no-repeat;width: 169px; height: 74px;}
#rightpromoinfo div.hc a{ width: 220px; height: 70px; text-indent: -3000px; display: block;}






/* Keepers Logo - Left column - homepage */
#leftcol {margin-top:2em;background: url(../img_kh/keepers_logo_sml.jpg) no-repeat;width: 260px; height: 160px;}




/* Case study index page */

div.casestudy dl dt a.cslink { font-size:1.1em; color:#C73333;font-weight: bold;}
div.casestudy dl dt a.cslink:hover {text-decoration: underline;}
#content div.casestudyindex div.casestudy,
#content div.casestudy  {width:48%;float:left;margin:1em 0 0 1%;padding:0;background-color:#fff;overflow:hidden}
#content div.casestudyindex div.first {margin-left:0}

#content div.casestudyindex div.casestudy img {float:left}

#content div.casestudyindex div.casestudy dl {float:left;margin-left:0.5em}
#content div.casestudyindex div.casestudy dt {font-size:1.7em;font-weight:bold}
#content div.casestudyindex div.casestudy dd {margin:0;padding:0}
#content div.casestudyindex div.casestudy ul {list-style-type:disc;margin-left:1.5em}
#content div.casestudyindex div.casestudy ul li {font-size:1.1em}

/* Pagination */
#content div.pagination,
#content div.pagination2 
{
    clear: both;
    float: none;
    overflow: hidden;
    padding:0.5em 0 0 0;
}

/*{clear: both;float: right;padding:0.5em 0 0 0;}*/
#content div.pagination p,
#content div.pagination2 p {overflow: hidden; text-align: right; margin:0;padding:0;}
/*{margin:0;padding:0;}*/
#content div.pagination a,
#content div.pagination2 a { display:inline;font-size:1.2em;color:#000;font-weight:bold;margin:0 0 0 0.2em;padding:0}
/* display:block;float:left; */
#content div.pagination a:Hover,
#content div.pagination2 a:Hover{text-decoration:underline;color:#CA3435}
#content div.pagination .prev,
#content div.pagination2 .prev {margin-right:.5em}
#content div.pagination .next,
#content div.pagination .next {margin-left:.5em}

#content div.pagination p span,
#content div.pagination2 p span { display:inline;font-size:1.2em;color:#CC3333;font-weight:bold;margin:0 0 0 0.2em;padding:0 }
/*display:block;float:left;/*

#content div.pagination2  {text-align: right;}

/* Sitemap */ 

#udcsitemap ul {padding:0;margin:0;}
#udcsitemap ul li {margin-left:0;clear: both;}

#udcsitemap ul li a:Hover {text-decoration:underline}
#udcsitemap ul li a.level1 {color:#000;font-weight:bold;font-size:1.4em}
#udcsitemap ul li a.level2 {color:#000;font-weight:bold}
#udcsitemap ul li a.level3 {color:#CD3333;font-weight:bold;}
#udcsitemap ul li a.level4 {color:#777;font-weight:normal}

/* Treeview */

#treecontrol a.ec {color:#777;text-decoration:underline}

.treeview, .treeview ul 
{ 
	padding: 0;
	margin: 1em;
	list-style: none;
}	

.treeview li
{ 
	margin: 0;
	padding:3px 0 0 20px;
}

#treecontrol {margin:1em 0 1em 0}
#udcsitemap.treeview li { background: url(/img/treeview-icons/tv-item.gif) 0 0 no-repeat;}
#udcsitemap.treeview .collapsable { background-image: url(/img/treeview-icons/tv-collapsable.gif); }
#udcsitemap.treeview .expandable { background-image: url(/img/treeview-icons/tv-expandable.gif); }
#udcsitemap.treeview .expandablea { font-weight:bold; }
#udcsitemap.treeview .last { background-image: url(/img/treeview-icons/tv-item-last.gif); }
#udcsitemap.treeview .lastCollapsable { background-image: url(/img/treeview-icons/tv-collapsable-last.gif); }
#udcsitemap.treeview .lastExpandable { background-image: url(/img/treeview-icons/tv-expandable-last.gif); }
#udcsitemap.treeview li a {font-size: 1em; text-decoration: none;}
			

/* Order a copy */
#order-form div.formfield {clear:left; display:block;font-size:1em;margin:5px 0px 0px;}

#order-form select.narrowfield {
width:25.2em;
}
#order-form input.narrowfield, select.narrowfield, textarea.narrowfield {
font-family:arial,verdana,sans-serif;
font-size:1em;
margin:0px;
padding:0.1em 0.3em ;
width:15em;
}

#order-form label {
display:block;
float:left;
font-weight: normal;
margin-bottom:0.3em ;
margin-top:0.3em ;
padding-right: 2em;
width:14em;
color:#000000;
}

#order-form span.dataprotection label
{
    width: 80%;
    float: left;
    display: block;
}

#order-form {font-size:1em}
#order-form #UDC1, #order-form #UDC2 {float: left; margin: 0.3em 1em 0 0;}

#order-form #RetainDetails, 
#order-form #RetainUpdate, 
#order-form #NoRetain{float: left; margin: 0 1em 0 0;}

#order-form span.dataprotection
{
    clear: both;
    display: block;
}

#order-form input.searchbutton { margin-top: 1em; }

#standard-form table {width:85%;margin:1em 0 0 0}
#standard-form table td {width:15%;vertical-align:top;padding:0 0 0.5em 0}
#standard-form table td.description {width:15%}
#standard-form table td.end {width:95%}
#standard-form div.checkboxes {margin:0 0 0.5em 0}
#standard-form div.checkboxes label {margin-left:1em}
#standard-form input.submit, #standard-form input.search-submit {background-color:#B2B2B2;font-size:1em;color:#fff;width:7em;padding:0 0 0.2em 0;margin:1em 0 0 0;height:2em}
#standard-form input.search-submit { margin: 0; }
.buttonRollover {background-color: #CD3333 !important; border: solid 1px #CD3333;}

#standard-form #udc1, #standard-form #udc2 {width:1.3em;height:1.2em}
#standard-form input {font-size:1.0em;width:98%;height:1.5em;padding:0.1em 0 0 0}
#standard-form textarea {font-size:1.0em;width:98%;height:8em}
#standard-form select {font-size:1.0em;width:98%}

/* Request image */
#formcontainer {float:left;font-size:1.2em;background-color:#FFFFFF;padding:0em;width:100%}
* html #formcontainer {width:98%;}
#formcontainer table {float:left;margin:1em 0 0 0.3em}
#formcontainer table td {vertical-align:top;padding:0em 0 0.5em 0}
#formcontainer table td.description {}
#formcontainer table td.error {}
#formcontainer div.checkboxes {margin:0 0 0.5em 0}
#formcontainer div.checkboxes label {margin-left:1em}
#formcontainer input.submit {background-color:#B2B2B2;font-size:0.9em;color:#fff;width:7em;padding:0 0 0.2em 0;margin:1em 0 0 0;height:2em}
#formcontainer #udc1, #standard-form #udc2 {width:1.3em;height:1.2em}
#formcontainer input {float:left;font-size:1.0em;width:98%;height:1.5em;padding:0.1em 0 0 0}
#formcontainer textarea {font-size:1.0em;width:98%;height:80px}

    
/*#formcontainer {width:95%;margin-left:1.5em;background-color:#fff;margin-top:2em;padding:0em}*/
#formcontainer h1 {font-size:2.2em;margin:0.3em 0 0 0.3em; font-weight: normal;}
#formcontainer p {float:left;font-size:0.9em;margin:1em 1em 0 0.5em}

/* SEGMENTS */

div.segmenttwo h3 {font-size:1.3em;margin-bottom:0.5em}
div.segmenttwo p.caption {background-color:#D7D5D5;margin:0;padding:0.2em}

/*DONT DELETE*/
p.caption {font-size: 0.8em;}





/* CASE STUDIES */
div.caption p {float:left;margin-top:0.5em}
div.case-study-thumbnails ul {clear:left;float:left;margin-top:0.5em}
div.case-study-thumbnails li {background-image:url(/img/black-square-bullet.gif);background-repeat:no-repeat; background-position:0 center;padding-left:1em}
div.case-study-thumbnails li a {color:#515151}
div.case-study-thumbnails li a:Hover {text-decoration:underline}
div.case-study-thumbnails {clear:left;float:left;margin:1em 0 1em 0;width:100%}

div.case-study-thumbnails img.selected {border:2px solid #CF3333}/*float:left;*/
div.case-study-thumbnails img {margin: 0 10px 10px 0}/*float:left;*/

div#largeimage {/*overflow:hidden*/}

* html div.doubleImageWrapper { position: relative; height:1%; width: 100%;}

div.imageright {float:right;margin:0 0 1em 1em}
div.imageright p {margin:0.5em 0 0 0}

div.imageleft {float:left; margin:0 1em 1em 0}
div.imageleft p {margin:0.5em 0 0 0}


/*DONT DELETE*/
/* Downloads */

ul.downloads {float:left;margin: 0 0 2em 0}
ul.downloads li {padding-left:1.5em}
ul.downloads li a {color:#515151}
ul.downloads li a:Hover {text-decoration:underline}

a.pdflink,
ul.downloads li.pdf {background-image:url(/img_kh/icon_pdf.gif);background-repeat:no-repeat}
a.pdflink { padding-left: 1.5em; }




/*DONT DELETE*/
/* Print */
#printimagescontainer div.printbutton {margin-bottom: 2em;}
#printimagescontainer div.printbutton a:hover,
#printcasestudy a:hover{text-decoration: underline;}
#printimagescontainer {margin:0 auto;width:450px;background-color:#fff;padding:10px 0;}
#printimagescontainer h1 {margin:0 0 1em 0;}
#printimagescontainer h2 {clear:left;margin:1em 0 1em 0;}
#printimagescontainer #header {width:380px;min-width:0;float:none;}

#printcasestudy {margin-bottom: 0em; text-align: right;}
/* Search results */

#content div.searchresult h2 {font-size:1.3em; background-color:#eee; font-weight:bold}
#content div.searchresult h2 a {color: #515151}
#content div.searchresult h2 a:Hover {color: #C73333}
#content .searchtermbody {display:block; float:left;margin:0.2em 1em 0 0;padding:0}

/*DONT DELETE*/
#content div.imageright img, #content div.imageleft img {clear:left;margin:0;padding:0;}
#content div.imageright p, #content div.imageleft p {clear:left;background:#eeeeee;margin:0 0 0 0;padding:0.5em;}

#content div.imageright a, #content div.imageleft a {margin:0;padding:0;float:left} 
#content .highlight {border:2px solid #C73333}

/* -----------------------------------------------
5. USEFUL CLASSES
----------------------------------------------- */

.clr { overflow: hidden; clear: both; height: 1px; margin-top: -1px }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden } /* ++HACK: Non IE clearfix */
.clearfix { display: inline-block; } /* ++HACK: IE7 clearfix hack */
.la { text-align: left }
.ra { text-align: right }
.ca { text-align: center }
.fl { float: left }
.fr { float: right }
.vt { vertical-align: top }
.vm { vertical-align: middle }
.vb { vertical-align: bottom }
.p1 {padding-right:1%}

/* For image replacement */
.imgReplace {background-repeat:no-repeat; text-indent:-9000px;}

.first { clear: left; margin-right: 1.5em;}


.toolscategory {clear:left;width:100%}
.toolscategory h3 {margin:0 0 0.5em 0}
.tool {float:left;background-color:#e6e6e6;width:40%;margin-right:5%}
.tool img {margin:0.5em;float:left}
.tool span.tooltitle {display:block;float:left;margin-top:0.5em;font-size:1.2em;font-weight:bold;color:#777}
.tool p {float:left}

.skipnavigation { display: none; }

#content a {text-decoration: underline;}
#content a:hover {text-decoration: underline;color: #CD3333;}

#haveyoursaylink {text-decoration: none !important; display: block; margin-bottom: 1em; padding: 0.5em 0; border: solid 1px #CD3333; width: 10em; text-align: center; color: White !important; background-color: #CD3333;}
#content div.casestudy h3 a {text-decoration: none !important;}
#content div.casestudy h3 a:Hover {text-decoration: underline;}

div.casestudy dl dt a.cslink {text-decoration: none !important;}
div.casestudy dl dt a:Hover {text-decoration: underline !important;}

dd ul,
#content div.homepage div.casestudy ul,
#keyPrinciples ul, #otherinfo ul { list-style-type: square; margin: 0 0 0 1em; padding: 0 0 0 1em;}
#keyPrinciples ul, #otherinfo ul { list-style-type: disc; margin: 1em 0 1em 1em;}

#casestudypage { padding-bottom: 4em; }
#content h2 { margin-bottom: 1em; }

span.enlarge { font-size: 0.9em; display: block;}
span.enlarge a { padding: 0 0 1em 0.5em !important; background-color: #E6E6E6; width: 142px;}

/*#linkstable tbody tr td { width: 400px; }*/

span.errormessage p { color: Red; }

#SearchResults div.casestudy-result div.details div.content div.keyPrinciples h2 {margin-top: 1.5em;font-size: 1em; color: #515151;}
#SearchResults div.casestudy-result div.details div.content div.keyPrinciples ul { list-style-type: square; margin:0 0 0 1em; padding:0 0 0 1em;}

#thankyou { background-color: #FFFFFF; height: 40em;}
#thankyou h1 {color:#000;font-size:2.5em;font-weight:normal; padding:0.3em 0pt 0pt 0.3em;}
#thankyou p {padding:1em 1em 0pt 0.5em;font-size: 1.1em;}

span.udcboxes label {width: 35em !important; }
#TitlePrefix {width: 16em !important;}

a.red { color:#CD3333 !important;}

span.formerrormessage img,
span.errormessage img {padding: 0 0.5em 0 0}