/* 	DRIVERSJONASDELOITTE.CO.UK
	SCREEN.CSS
	VERSION 1.0
	AUTHOR: ALEX NELSON, ELMWOOD
########################################################################*/


/* TABLE OF CONTENTS:
########################################################################

	TYPOGRAPHY
	BODY/CONTAINERS
	IE TRANSPARENT PNG FIX
	HEADER
	NAVIGATION
	- TOP NAV
	- DROP DOWN
	- LEFT NAV
	LEFT PANEL
	MAIN CONTENT
	- EXTRA INFO
	FORM ELEMENTS
	FOOTER
	
*/

/* TYPOGRAPHY
########################################################################*/

html
{
  scrollbar-base-color: #d7d7d7;
  scrollbar-3dlight-color: #fafafa;
  scrollbar-highlight-color: #b7b7b7;
  scrollbar-shadow-color: #b7b7b7;
  scrollbar-darkshadow-color: #e7e7e7;
  scrollbar-track-color: #f7f7f7;
  scrollbar-arrow-color: #3f52b8;
  scrollbar-face-color: #d7d7d7;
}


body
{
  font: .75em Arial, Verdana, sans-serif, Myuen, Gulim;
  color: #333;
}

a image
{
  border-style: none;
}
a
{
  text-decoration: none; /* PRE-MERGE font-weight: bold;*/
  color: #002776;
}



a:hover
{
  color: #00a1de;
  text-decoration: none;
  background: transparnet;
}

h1
{
  font-weight: bold;
  font-size: 1.5em;
  color: #00a1de;
  margin-bottom: .2em;
}

#contentMain h1
{
  margin-top: 0px;
  display: block;
  padding: 0px 0px 10px 0px;
  background-image: url(../images/bg_nav_divider_horiz.gif);
  padding-bottom: 6px;
  background-repeat: repeat-x;
  background-position: 50% bottom;
}

#contentMain h2
{
  font-weight: bold;
  color: #999;
  font-size: 1.4em;
  background-image: url(../images/bg_nav_divider_horiz.gif);
  padding-bottom: 2px;
  background-repeat: repeat-x;
  background-position: 50% bottom;
}

#contentMain h3
{
  font-weight: bold;
  color: #002776;
  font-size: 1.17em;
  background-image: url(../images/bg_nav_divider_horiz.gif);
  padding-bottom: 2px;
  background-repeat: repeat-x;
  background-position: 50% bottom;
}


#contentMain #contentHeader h2
{
  color: #FFFFFF;
  background: #002776;
  float: left;
  padding: 2px 4px;
  font-weight: bold;
  background: none;
}


/* POST-MERGE */
#contentMain #contentHeader div.form
{
  margin-top: 20px;
}

/* POST-MERGE */
#contentMain label.autowidth
{
  width: auto;
  display: block;
  float: none;
  text-align: left;
  padding: auto;
  margin-bottom: auto;
}

.propSearch #storyCopy h3, #propertySearch h3
{
  font-weight: normal;
  color: #00A1DE;
  margin: 20px 0px 10px;
  float: none;
}
#propertySearch h3 label
{
  color: #00A1DE;
}
#propertySearch p
{
  color: #FFFFFF;
}

#contentMain th
{
  font-size: 1.17em;
  font-weight: bold;
  color: #999;
  background-image: url(../images/bg_nav_divider_horiz.gif);
  padding-bottom: 6px;
  background-repeat: repeat-x;
  background-position: 50% bottom; /* DJD background: #002776;   font-weight: bold;   color: #FFFFFF;   text-align: left;   font-size: 1em; */
}

/* Post-merge */
#contentMain img
{
  margin: 10px 0px 0px 0px;
}

#navMain a
{
  color: #FFFFFF;
  font-size: 15px;
  font-weight: normal;
}

#navMain .navDropContent a
{
  color: #FFFFFF;
  font-size: 1.0em;
}

#navMain .navDropContent h3
{
  margin: 0px;
  padding: 0px;
  color: #FFFFFF;
  background-color: #666666;
  font-size: 1.0em;
}


/* BODY/CONTAINERS
########################################################################*/

body
{
  background: #ffffff;
  margin: 0px;
  padding: 0px;
  text-align: center;
}

body
{
  background: #f8f8f8 url(../images/bg_gradent_whiteandgrey.jpg) repeat-x scroll left top;
}

body.hasbackdrop
{
  background: #ffffff;
}

#container
{
  text-align: left;
  width: 880px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 20px;
  padding-bottom: 20px;
  min-height: 418px;
  position: relative;
}
.hasbackdrop #backdrop
{
  min-height: 490px;
}

/* HOMEPAGE SPECIFIC (includes landing pages)
########################################################################*/

.home #container
{
  margin-top: 50px;
}



#storyTitle
{
  display: block;
  font-size: 2.8em;
  font-weight: normal;
  color: #FFF;
  background-color: #000;
  left: 280px;
  margin-top: 0px;
  margin-bottom: 5px;
  padding-left: 10px;
  width: 400px;
  background: url(../images/75_black_big.png) center;
  line-height: 0.97em;
  padding-top: 8px;
  padding-bottom: 8px;
  position: absolute;
  top: 160px;
}
.landing #storyTitle
{
}
.propSearch #storyTitle
{
  top: 0px;
}
#storyTitleImg
{
  display: block;
  left: 280px;
  margin-top: 0px;
  margin-bottom: 5px;
  position: absolute;
  top: 160px;
}
.propSearch #storyTitleImg
{
  top: 0px;
}
#storyCopy, #storyCopyBg
{
  position: absolute;
  top: 244px;
  display: block;
  font-size: 1.1em;
  font-weight: normal;
  color: #FFF;
  left: 280px;
  padding-left: 10px;
  width: 520px;
  height: 70px;
  line-height: 1.2em;
  padding-top: 8px;
  padding-bottom: 8px;
}
#storyCopyBg
{
  background: url(../images/75_black_big.png) center;
}
.landing #storyCopy, .landing #storyCopyBg
{
  margin-bottom: 50px;
  top: 250px;
}
.propSearch #storyCopy, .propSearch #storyCopyBg
{
  top: 60px;
  height: 420px;
  width: 430px;
  margin-bottom: 50px;
}
/* Was causing paragraphs to appear on top of each other - replaced with #storyCopy div.LML in screenextra.css 
#storyCopy p
{
  margin: 0px;
  position: absolute;
  padding-right: 20px;
  z-index: 300;
}
*/
#storyCopy p
{
  margin: 0px;
  z-index: 300;
}
#storyCopy a
{
  font-weight: bold;
  color: #92d400;
  text-decoration: none;
}
#storyCopy a:hover
{
  font-weight: bold;
  color: #FFF;
  background-color: #92d400;
  text-decoration: none;
}
#logosAccred
{
  position: absolute;
  left: 10px;
  top: 480px;
  display: none;
}
#logosAccred img
{
  margin-bottom: 10px;
  margin-right: 10px;
}



/* HEADER
########################################################################*/

#header
{
  width: 880px;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
  position: relative;
  height: 110px;
}

#logo
{
  position: absolute;
  top: 32px;
}

#logoeu
{
  position: absolute;
  top: 30px;
}

#searchSite
{
  height: 25px;
  width: 250px;
  display: block;
  float: right;
  margin-top: 38px;
  clear: both;
  border: solid 1px #002776;
}

#searchSite .searchTerm
{
  font-size: 1em;
  color: #999;
  height: 19px;
  width: 190px;
  margin: 0px;
  border: 1px solid #FFFFFF;
  display: table-cell;
  float: left;
  padding: 0px;
  padding-top: 4px;
  padding-left: 10px;
  vertical-align: middle;
}


#searchSite .searchSiteSubmit
{
  background: #002776;
  margin: 0px;
  height: 25px;
  width: 48px;
  border-style: none;
  color: #ffffff;
  display: block;
  float: left;
  padding: 0px;
  cursor: default;
}

#navEurope
{
  font-size: 1em;
  float: right;
  height: 25px;
  width: 250px;
  display: block;
  background: #002776;
  color: #FFFFFF;
  text-decoration: none;
  margin-top: 10px;
  clear: both;
  text-align: left;
  display:none;
}
#navEurope:hover
{
  color: #002776;
  background: #FFFFFF;
}
#navEurope span
{
  padding-top: 5px;
  text-align: left;
  padding-left: 10px;
  display: block;
}
.skipper
{
  display: block;
  overflow: hidden;
  position: absolute;
  height: 1px;
  width: 1px;
  left: 0px;
  top: -500px;
}

/* Footer
########################################################################*/
#footer
{
  width: 880px;
  margin-right: auto;
  margin-left: auto;
  padding: 0px;
  text-align: left;
  height: 155px;
  background: #ffffff;
  position: relative;
}

#footer a, #footer a:link, #footer a:active, #footer a:visited
{
  color: #002776;
  font-weight: normal;
  text-decoration: none;
  border: none;
}

#footer a:hover
{
  color: #00a1de;
  background: transparent;
  font-weight: normal;
  text-decoration: none;
  border: none;
}

.hasbackdrop #footer
{
  margin-top: 5px;
}

#footer p, #footer ul
{
  font-size: .75em;
  line-height: 1.5em;
}

#footerleft
{
  position: absolute;
  left: 0px;
  top: 0px;
}

#footerleftlinks
{
  position: absolute;
  left: 0px;
  top: 0px;
  height: 24px;
  width: 340px;
  text-align: left;
}
#footerleft #footerleftlinks ul
{
  list-style: none;
  display: block;
  margin: 5px;
  padding: 0px;
}

#footerleft #footerleftlinks ul li
{
  list-style: none;
  display: block;
  float: left;
  margin: 0px;
  padding: 0px 5px 0px 5px;
}

#footerleft #footerlefttext
{
  position: absolute;
  left: 0px;
  top: 25px;
  width: 340px;
}
#footerleft #footerlefttext p
{
  margin-left: 10px;
  margin-top: 0px;
  margin-bottom: .75em;
}

#footerright
{
  position: absolute;
  right: 0px;
  top: 0px;
  width: 655px;
  padding: 0px 10px 10px 10px;
}

#footerright #footerrightimages
{
  text-align: right;
}

#footerright #footerrightimages img
{
  margin-left: 10px;
}

/* NAVIGATION - TOP NAV
########################################################################*/

#navMain
{
  height: 30px;
  width: 100%;
  text-align: center;
}

#navMainBg
{
  background: #002776 url(../images/bg_navbarblue.png) repeat-x scroll bottom;
}

.hasbackdrop #navMainBg
{
  background: transparent url(../images/bg_navbarbluetransparent.png) repeat-x scroll bottom;
}


#navMain ul
{
  list-style: none;
  display: block;
  width: 880px;
  top: 0px;
  margin: 0px auto;
  padding: 0px;
  background: url(../images/nav_dots.gif) no-repeat left 3px;
}
#navMain ul li
{
  list-style: none;
  display: block;
  float: left;
  margin: 0px;
  padding: 0px;
}
#navMain ul li > a
{
  color: #FFFFFF;
  text-decoration: none;
  display: table-cell;
  display: block;
  border-right: 1px dotted #FFFFFF;
  border-right: none;
  height: 24px;
  vertical-align: middle;
  padding-right: 11px;
  padding-left: 11px;
  padding-top: 6px;
  float: left;
  background: url(../images/nav_dots.gif) no-repeat right 3px;
}
#navMain ul li > a.first
{
  border-left: 1px dotted #FFFFFF;
  border-left: none;
  padding-left: 11px;
}
#navMain ul li > a:hover
{
  color: #FFF;
  text-decoration: none;
  background: #002776 url(../images/nav_dots.gif) no-repeat right 3px;
}
#navMain li:hover, #navMain .highlight
{
  background: #002776 url(../images/nav_dots.gif) no-repeat right 3px;
}

/*
#navMain .selected
{
    background: #002776 url(../images/nav_dots.gif) no-repeat right 3px;  
}

#navMain .selected:hover
{
    background: #FFFFFF url(../images/nav_dots.gif) no-repeat right 3px;
    color: #002776;
    text-decoration:none;
}*/

/* NAVIGATION - DROPDOWN
########################################################################*/

#navMain .navDrop
{
  color: #FFFFFF;
  position: absolute;
  display: none;
  width: 100%;
  left: 0px;
  top: 140px;
  z-index: 1000000;
  border-top: 100px solid #002776;
  list-style: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  background: none;
}
#navMain .navDropContainer
{
  color: #FFFFFF;
  display: block;
  width: 100%;
  background: url(../images/85_black_big.png) center;
  text-align: center;
  height: 352px;
}
#navMain .navDrop li:hover
{
  background: url(../images/85_black_big.png);
}
#navMain .navDrop li a:hover
{
  background-image: none;
}
#navMain .navDropContent
{
  display: block;
  width: 880px;
  margin: 0px auto;
  padding: 0px;
  text-align: left;
  position: relative;
}
#navMain .column
{
  display: block;
  width: 293px;
  float: left;
  height: 250px;
}
#navMain .navDropContent ul
{
  margin: 0;
  margin-top: 12px;
  padding: 0;
  border: none;
  width: 289px;
  float: none;
  background: none;
}
#navMain .navDropContent li
{
  margin: 0;
  margin-top: 1px;
  padding: 0;
  border: none;
  clear: both;
  float: none;
  width: 100%;
}
#navMain .navDropContent a
{
  display: block;
  margin: 0;
  padding: 0;
  margin-top: 1px;
  padding-left: 4px;
  border: none;
  float: none;
  clear: both;
  height: auto;
  background: none;
}
#navMain .navDropContent h3 a
{
  margin-bottom: 6px;
  padding-top: 2px;
  padding-bottom: 2px;
}
#navMain .navDropHeader
{
  position: relative;
  height: 70px;
  top: -80px;
  width: 880px;
  margin-bottom: -70px;
}

#navMain .navDropTitle
{
  width: 300px;
  left: 0px;
  height: 70px;
  position: absolute;
  top: 0px;
  padding: 0px;
  font-size: 2.1em;
  font-weight: normal;
  line-height: 1em;
  display: block;
  margin: 0px;
}
#navMain .navDropMessage
{
  position: absolute;
  width: 500px;
  left: 320px;
  height: 70px;
  top: 0px;
  padding: 0px;
}

#navMain img
{
  border: none 0px black;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 90px;
  height: 90px;
}

#navtable .imagediv
{
  float: left;
  width: auto;
  display: block;
  margin-right: 10px;
}

#navtable
{
  table-layout: fixed;
  margin-top: 3px;
  width: 550px; /* sets the table cells width for firefox */
}

#navtable .pstitlediv
{
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
  width: 55%; /* not sure why this is higher than 50% but it works fine in both browsers */
}

#navtable .introtext
{
  margin: 6px 0px 0px 5px;
}

#navtable a p span
{
  float: left;
}

#navMain .rightcolsectors
{
  width: 66%;
  float: left;
  display: block;
  margin-top: 52px; *margin-top:55px;/* this is not parsed by FF but is parsed by IE */
}

/* NAVIGATION - LEFT PANEL
########################################################################*/


#navPanel
{
  width: 250px;
  float: left;
  top: 0px;
  left: 0px;
  padding-bottom: 20px;
  min-height: 398px;
}

.hasbackdop #navPanel, #navPanel
{
  background: url(../images/75_black_t.png);
}



#navPanel h2
{
  margin: 0px;
  padding: 0px;
  font-weight: normal;
  font-size: 1.4em;
}



#navPanel ul
{
  margin: 0px;
  padding: 0px;
  margin-top: 2px;
  padding-top: 2px;
  list-style: none;
  min-height: 1%;
  background: none;
  zoom: 1;
}



li.selected ul
{
}

#navPanel li
{
  zoom: 1;
  margin: 0px;
  padding: 0px;
  padding-bottom: 4px;
  list-style: none;
  min-height: 1%;
}
#navPanel a
{
  zoom: 1;
  color: #666;
  text-decoration: none;
  display: block;
  margin-bottom: 1px;
  font-weight: normal;
}

#navPanel h2 a
{
  zoom: 1;
  margin: 0px;
  padding-bottom: 0px;
}

#navPanel li a
{
  zoom: 1;
  padding-left: 12px;
  vertical-align: bottom;
  padding: 0px 8px 0px 18px;
}

#navPanel ul ul li a
{
  zoom: 1;
  padding-left: 30px;
}
#navPanel ul ul ul li a
{
  zoom: 1;
  padding-left: 48px;
}
#navPanel ul ul ul ul li a
{
  zoom: 1;
  padding-left: 64px;
}
#navPanel ul ul ul ul ul li a
{
  zoom: 1;
  padding-left: 82px;
}

#navPanel h2 a
{
  zoom: 1;
  padding-left: 12px;
}
#navPanel a:hover
{
  text-decoration: none;
  color: #00a1de;
  background: transparent;
  zoom: 1;
}

#navPanel a.selected
{
  zoom: 1;
  color: #002776;
  background: transparent;
}

#navPanel a.selected:hover
{
  zoom: 1;
  color: #00a1de;
}

.hasbackdrop #navPanel h2 a, #navPanel h2 a
{
  color: #00a1de;
  padding-top: 4px;
  padding-bottom: 2px;
}

.hasbackdrop #navPanel a.selected:hover, #navPanel a.selected:hover
{
  zoom: 1;
  color: #00a1de;
}


.hasbackdrop #navPanel li a, #navPanel li a
{
  color: #ffffff;
}

.hasbackdrop #navPanel h2 a.selected, #navPanel h2 a.selected
{
  color: #00a1de;
}

.hasbackdrop #navPanel li a.selected, #navPanel li a.selected
{
  color: #00a1de;
}

#backdrop
{
  max-width: 1280px;
  margin: 0px auto 0px auto;
  z-index: -1;
}


/* MAIN CONTENT
########################################################################*/

#contentMain
{
  position: absolute;
  background: #ffffff;
  width: 620px;
  min-height: 400px;
  left:260px;
}

.hasbackdrop #contentMain
{
  background: transparent;
}


#rightCol
{
  width: 400px;
  float: none;
  padding: 10px 0px 10px 20px;
}


.wide#contentMain
{
  padding: 10px 20px 10px 20px;
  width: 580px;
}

.extrawide#contentMain
{
  padding: 10px 20px 10px 20px;
  width: 836px;
  left:0px;
}

#contentMain a
{
  color: #002776;
}

#contentMain a:hover
{
  color: #00a1de;
}

.hasbackdrop #contentMain a
{
  color: #00a1de;
}
.hasbackdrop #contentMain a:hover
{
  color: #92d400;
}


.hasbackdrop #contentMain .linklist a
{
  color: #002776;
}
.hasbackdrop #contentMain .linklist a:hover
{
  color: #00a1de;
}


#contentHeader
{
  padding: 20px 20px 0px;
  height: 315px;
  margin: -20px -20px 20px -20px;
  background-position: 0px 55px;
  background-repeat: no-repeat;
}

.wide#contentHeader
{
  margin-left: -20px;
}
.wide2col#contentHeader
{
  margin: 0px;
}

.imageMain
{
}
.imageLandscape
{
  margin-top: -20px;
  margin-right: -20px;
  margin-bottom: 20px;
}
#imageNav
{
  margin-top: -20px;
  margin-right: -20px;
  margin-bottom: 20px;
}


/* EXTRA CONTENT
########################################################################*/

/* PRE-MERGE#leftCol
{
  width: 180px;
  float: left;
  left: 0px;
  top: 0px;
}
*/

#leftCol
{
  width: 180px;
  float: right;
  top: 0px;
  padding: 0px;
}


.wide2col #leftCol
{
  top: 170px;
}



#contentExtra
{
  padding-top: 14px;
  padding-left: 0px;
  padding-right: 20px;
}
.extraRight#contentExtra
{
  float: right;
  width: 200px;
  padding: 5px 0px 0px 0px;
  margin-left: 0px;
  background-color: #FFFFFF;
  border-left: solid 20px #FFF;
  border-bottom: solid 20px #FFF;
}

.extraRight#contentExtra li.selected a
{
  color: #FFFFFF;
  background: #002776;
}

#contentExtra h2, #contentExtra h3
{
  font-weight: bold;
  color: #999;
  font-size: 1.2em;
  margin-top: 0px;
  margin-bottom: 10px;
  background-image: url(../images/bg_nav_divider_horiz.gif);
  padding-bottom: 6px;
  background-repeat: repeat-x;
  background-position: 50% bottom;
}

#contentExtra ul
{
  margin: 0px 0px 10px;
  padding: 0px;
  list-style: none;
}
/* PRE-MERGE#contentExtra li
{
  margin: 3px 0px 0px;
  padding: 0px;
  list-style: none;
}
*/

#contentExtra li
{
  margin: 3px 0px 0px;
  padding: 0px 0px 0px 3px;
  list-style: none;
}

/* PRE-MERGE#contentExtra li a
{
  font-weight: bold;
  color: #002776;
  padding-right: 4px;
  padding-left: 3px;
}
*/

#contentExtra li a
{
  font-weight: normal;
  color: #002776;
  padding-right: 4px;
  padding-left: 0px;
}

#contentExtra li a:hover
{
  color: #FFFFFF;
  background: #002776;
}

#contentExtra p
{
  margin: 10px 0px 10px 0px;
}

#contentExtra img
{
  margin: 0px 0px 10px 0px;
}
.listStripe
{
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  margin-top: 20px;
}
.listStripe li
{
  display: block;
  padding: 2px;
  padding-left: 4px;
}
.stripe
{
  background: #EAEAEA;
}
.divider
{
  font-size: 1.2em;
  font-weight: bold;
  color: #FFFFFF;
  background: #002776;
}
.azList a
{
  padding-right: 3px;
  padding-left: 3px;
  margin-bottom: 4px;
}


/* BODY NAVIGATION TABS
########################################################################*/

#contentMain ul.navTabs
{
  display: block;
  background: #ffffff;
  padding: 0px;
  list-style-type: none;
  border-bottom: 1px solid #002776;
  padding-bottom: 1px;
  height: 26px;
}
#contentMain ul.navTabs li
{
  display: inline;
  line-height: 20px;
}

#contentMain ul.navTabs li a
{
  padding: 4px 4px 0px 4px;
  color: #002776;
  display: block;
  float: left;
}
#contentMain ul.navTabs li a:hover
{
  color: #ffffff;
  background: #002776;
}
#contentMain ul.navTabs li a.selected
{
  color: #ffffff;
  background: #002776;
}

/* FORM ELEMENTS
########################################################################*/

/* PRE-MERGE
#contentMain form {
	margin-top: 20px;
}
*/
#contentMain form
{
  margin-top: 0px;
}
/* PRE-MERGE
#contentMain label {
	width: 25%;
	display: block;
	float: left;
	text-align: right;
	padding: 3px;
	padding-right: 8px;
	margin-bottom: 8px;
}
*/
#contentMain label
{
  padding-right: 8px;
  margin-bottom: 8px;
}

label.hidden
{
  display: inline;
  float: none;
  display: none;
}

#contentMain label.hidden
{
  display: none;
}

input, textarea, select
{
  margin: 0px;
  font-size: 1em;
  font-family: Arial, Helvetica, sans-serif;
  color: #002776;
  border: 1px solid #AAA;
  padding: 2px;
  height: 19px;
}

textarea
{
  height: 80px;
}


.button
{
  background: #002776;
  margin: 0px;
  height: 25px;
  width: 48px;
  border-style: none;
  color: #FFFFFF;
  display: block;
  float: left;
  padding: 0px;
  cursor: default;
  width: 100px;
}
#contentMain input#radiobutton
{
  display: inline;
  border-style: none;
  float: left;
  clear: none;
  width: 30px;
}
#propertySearch
{
  position: absolute;
  left: 295px;
  top: 110px;
}
#propertySearch label
{
  color: #FFFFFF;
}

#propertySearch select, #contentHeader select
{
  width: 400px;
  clear: both;
  float: none;
  margin-bottom: 10px;
}
#contentHeader select
{
  width: 400px;
  clear: both;
  float: none;
  margin-bottom: 5px;
}
#contentHeader input.textbox
{
  width: 313px;
  margin-bottom: 5px;
}
#contentHeader .button
{
  width: 80px;
  margin-bottom: 5px;
}

select.selectSmall
{
  float: left !important;
  width: 195px !important;
  clear: none !important;
  margin-right: 10px;
}
.checkboxXXXXXX
{
  /* PRE - MERGE 	float: left; 	width: 15px; 	color: #002776; 	border-style: none; 	margin-right: 3px; */
}
.checkBoxColXXXXXX
{
  width: 170px;
  float: left;
  margin-bottom: 20px;
}

/* NEW STYLES - From Elmwood 1.9.8
########################################################################*/

td p, th p
{
  margin: 2px;
}
#navMain a
{
  font-size: 15px;
}
#navMain a:not([attr*=""])
{
  font-size: 14.8px;
}
ul.navTabs
{
  margin: 0px;
}

/* This was making  the 'right nav' titles have no gap between them and text/images below

#contentMain h3 {
	margin:0px;
}

/***************************/
/* DRIVERS JONAS OVERRIDES */
/***************************/
hr
{
  color: #002776;
  background-color: #002776;
  height: 3px;
}
.alert
{
  color: #002776;
}

div.linklist
{
}

/* DJD
div.linklist td.firstitem
{
  border-top: solid 1px #CCCCCC;
}

div.linklist td.evenitem
{
  background-color: #f8f8f8;
}

div.linklist td.firstcolumn
{
  background-color: #ededed;
  border-left: solid 1px #CCCCCC;
}

div.linklist td.lastcolumn
{
  border-right: solid 1px #CCCCCC;
}
div.linklist td.lastitem
{
  border-bottom: solid 1px #CCCCCC;
}

*/

table.linklist th
{
}



table.linklist tr:hover > td
{
  background-color: #e5e5e5;
}

table.linklist tr.AZIndexRow:hover > td
{
  background-color: transparent;
}

tr.titlerow th
{
  border-bottom: solid 1px #ffffff;
}


ul.AZindextitle
{
  list-style-type: none;
  padding: 0px 0px 0px 5px;
  margin: 0px 0px 4px 0px;
  background-image: url(../images/bg_nav_divider_horiz.gif);
  padding-bottom: 6px;
  background-repeat: repeat-x;
  background-position: 50% bottom;
}

ul.AZindextitle li
{
  display: inline;
  margin: 0px;
  padding: 0px;
  margin-right: 0px;
  font-size: 1.15em;
}

ul.AZindextitle li.lastitem
{
}

ul.AZindextitle a, ul.AZindextitle a:link, ul.AZindextitle a:visited
{
  margin-right: 6px;
}

ul.AZindextitle a[disabled], ul.AZindextitle a:link[disabled], ul.AZindextitle a:visited[disabled]
{
  margin-right: 6px;
}

ul.AZindextitle a:hover, ul.AZindextitle a:active
{
}

tr.AZIndexRow
{
  font-size: 1.2em;
  font-weight: bold;
  color: #999;
  background-image: url(../images/bg_nav_divider_horiz.gif);
  padding-bottom: 6px;
  background-repeat: repeat-x;
  background-position: 50% bottom;
}

tr.AZIndexRow p
{
  font-size: .75em;
  font-weight: normal;
  color: #999;
  margin-top: 10px;
}

#contentMain tr.AZIndexRow p a
{
  color: #999;
  text-transform: lowercase;
}

.odditem
{
}

.evenitem
{
}

/*
table .odditem, table .evenitem
{
  border-bottom: solid 1px #CCCCCC;
}
*/

.fullwidth table.linklist
{
  width: 100%;
}

.firstcolumnnowrap td.firstcolumn
{
  white-space: nowrap;
}

/* DJD
td.firstcolumn
{
  background-color: #ededed;
  border-left: solid 1px #CCCCCC;
}

td.firstcolumn a, td.notfirstcolumn a
{
  font-weight: normal;
}

td.lastcolumn
{
  border-right: solid 1px #CCCCCC;
}
td.lastitem
{
  border-bottom: solid 1px #CCCCCC;
}

*/
#contentMain .imagePortrait img
{
  margin-bottom: 1em;
}

/* List items with icons */

ul.telephone, ul.fax, ul.email, ul.map, ul.disabledaccess, ul.viewfile, ul.downloadfile, ul.adobelink, ul.print
{
  list-style-position: outside;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 18px;
}

#contentExtra ul.telephone, #contentExtra ul.fax, #contentExtra ul.email, #contentExtra ul.map, #contentExtra ul.disabledaccess, #contentExtra ul.viewfile, #contentExtra ul.downloadfile, #contentExtra ul.adobelink, #contentExtra ul.print
{
  padding: 0px 0px 0px 0px;
  text-indent: 18px;
}

ul.telephone
{
  list-style-image: url(../images/icon_telephone.gif);
}

ul.fax
{
  list-style-image: url(../images/icon_fax.gif);
}

ul.email
{
  list-style-image: url(../images/icon_email.gif);
}

ul.map
{
  list-style-image: url(../images/icon_map.gif);
}

ul.disabledaccess
{
  /* list-style-image: url(../images/icon_disabledaccess.gif); */
  list-style-type: none; /* No icon for now */
}

ul.viewfile
{
  list-style-image: url(../images/icon_viewfile.gif);
}

ul.downloadfile
{
  list-style-image: url(../images/icon_downloadfile.gif);
}

ul.adobelink
{
  list-style-image: url(../images/icon_adobelink.gif);
}

ul.print
{
  list-style-image: url(../images/icon_print.gif);
}

ul.telephone li, ul.fax li, ul.email li, ul.map li, ul.disabledaccess li, ul.viewfile li, ul.downloadfile li, ul.adobelink li, ul.print li
{
  padding-left: .5em;
  margin-top: 0;
  margin-left: .5em;
  padding-bottom: .5em;
}

select.autowidth
{
  width: auto;
}

input.searchbox
{
  height: 19px;
  display: table-cell;
  float: left;
}





/* Home, landing page and sector home */

/* sectors */
#sectorhome
{
  position: absolute;
  bottom: 20px;
  left: 280px;
}
#sectorhome #storyTitleNew
{
  padding: 8px 8px 8px 8px;
  margin: 0px 0px 10px 0px;
  display: block;
  font-size: 2.8em;
  font-weight: normal;
  color: #FFF;
  width: 400px;
  background: url(../images/75_black_big.png) center;
  line-height: 0.97em;
}

#sectorhome #storyCopyNew
{
  padding: 8px 8px 8px 8px;
  margin: 0px 0px 10px 0px;
  background-position: center;
  display: block;
  font-size: 1.1em;
  font-weight: normal;
  color: #FFF;
  width: 520px;
  line-height: 1.2em;
  background: url(../images/75_black_big.png) center;
}

#sectorhome #storyCopyNew a
{
  color: #00a1de;
}

#sectorhome #storyCopyNew .LML p
{
  margin-top: 0px;
  margin-bottom: .5em;
}

#sectorhome #storyContactNew
{
  display: inline-block;
  padding: 8px 8px 8px 8px;
  margin: 0px 0px 0px 0px;
  font-weight: normal;
  color: #FFF;
  background: url(../images/75_black_big.png) center;
  line-height: 0.97em;
}

#sectorhome #storyContactNew a
{
  color: #00a1de;
}


#sectorhome #storyContactNew p
{
  margin-top: 0px;
  margin-bottom: 0px;
}
/* end of sectors */

/* offices */

.office #newsBox
{
  width: 250px;
  margin-top: 10px;
  position: absolute;
  left: 0px;
  top: 136px;
}
.office #navPanel
{
  padding-bottom: 10px;
  min-height: 0px;
}

.office #container
{
}

.office #contentInner
{
  position: absolute;
  top: 0px;
  left: 270px;
}

.office #storyTitleDiv
{
  position: relative;
  display: block;
  left: 0px;
  margin: 0px;
  padding: 0px;
  margin-bottom: 10px;
  height: 40px;
}

.office #storyTitleDiv h1
{
  position: absolute;
  font-size: 2.8em;
  font-weight: normal;
  color: #FFF;
  padding-right: 8px;
  margin-top: 0px;
  padding-left: 10px;
  background-color: #000;
  background: url(../images/75_black_big.png) center;
  line-height: 0.97em;
  padding-top: 8px;
  padding-bottom: 8px;
}

.office #storyCopy
{
  top: 6px;
  left: 0px;
  background: url(../images/75_black_big.png) center;
  height: auto;
  position: relative;
}

.office #storyCopy div.LML
{
  margin: 0px;
  position: static;
  padding-right: 20px;
  z-index: 300;
}

.office #storyCopy p
{
  margin-top: 0px;
  margin-bottom: 1em;
}

.office #storyAddressAndContact, .office #storyAddresses, .office #storyContacts
{
  top: 4px;
  position: relative;
}

.office #storyAddresses
{
  min-height: 192px;
}


.office #storyAddress, .office #storyContact, .office #storyAddress1, .office #storyContact1, .office #storyAddress2, .office #storyContact2
{
  display: block;
  font-weight: normal;
  color: #FFF;
  background-color: #000;
  margin-top: 0px;
  margin-bottom: 5px;
  padding-left: 10px;
  background: url(../images/75_black_big.png) center;
  line-height: 0.97em;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 8px;
  position: absolute;
  top: 10px;
}

.office #storyAddress a, .office #storyContact a, .office #storyAddress1 a, .office #storyContact1 a, .office #storyAddress2 a, .office #storyContact2 a
{
  font-weight: bold;
  color: #92d400;
  text-decoration: none;
}
/* One Address/Partner */
.office #storyAddress
{
  left: 0px;
  width: 242px;
}
.office #storyContact
{
  left: 270px;
  width: 242px;
}

/* Two Addresses/Partners */
.office #storyAddress1
{
  left: 0px;
  width: 242px;
}

.office #storyAddress2
{
  left: 270px;
  width: 242px;
}

.office #storyContact1
{
  left: 0px;
  width: 242px;
}

.office #storyContact2
{
  left: 270px;
  width: 242px;
}


/*
.office #storyAddress, .office #storyContact
{
  display: block;
  font-weight: normal;
  color: #FFF;
  background-color: #000;
  margin-top: 0px;
  margin-bottom: 5px;
  padding-left: 10px;
  background: url(../images/75_black_big.png) center;
  line-height: 0.97em;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 8px;
  position: absolute;
  top: 234px;
}

/*
.office #storyAddress, .office #storyContact
{
  display: block;
  font-weight: normal;
  color: #FFF;
  background-color: #000;
  margin-top: 0px;
  margin-bottom: 5px;
  padding-left: 10px;
  background: url(../images/75_black_big.png) center;
  line-height: 0.97em;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 8px;
  position: absolute;
  top: 234px;
}


.office #storyAddress
{
  left: 280px;
  width:242px;
}
.office #storyContact
{
  left: 550px;
  width:242px;
}

*/
.office #storyAddress p, .office #storyAddress1 p, .office #storyAddress2 p, .office #storyContact p, .office #storyContact1 p, .office #storyContact2 p
{
  line-height: 130%;
  z-index: 300;
}
/* end of offices */

.landingpagewithsearch #storyTitle, .landingpagewithsearch #storyTitleImg
{
  top: 233px;
}
.landingpagewithsearch #storyCopy, .landingpagewithsearch #storyCopyBg
{
  top: 292px;
  height: 110px;
}

.landingpagewithsearch #searchbox
{
  position: absolute;
  top: 90px;
}

.landingpagewithsearch select
{
  height: 22px;
  width: 230px;
}


.landingpagewithsearch .storycopy input.searchbox
{
  border: solid 1px #ffffff;
}



.landingpagewithoutsearch #storyTitle, .landingpagewithoutsearch #storyTitleImg
{
  top: 276px;
}
.landingpagewithoutsearch #storyCopy, .landingpagewithoutsearch #storyCopyBg
{
  top: 332px;
}

.landingpagepropertysearch#storyTitle
{
  top: 0px;
  height: 35px;
  width: 250px;
  left:20px;
}

.landingpagepropertysearch#otherPanel1, .landingpagepropertysearch#otherPanel2, .landingpagepropertysearch#otherPanel3
{
  background-image: url(../images/75_black_big.png);
  padding: 20px 20px 20px 20px;
  width: 400px;
  color: White;
}

.propertySearchResults
{
  display: block;
  padding: 5px 5px 5px 5px;
  background-image: url(../images/75_black_big.png);
}

#contentMain .propertySearchResults .LML > p
{
  color: #ffffff;
}
.propertySearchOptions
{
  background-image: url(../images/75_black_big.png);
  color: White;
  margin-top: 61px;
  padding: 10px 10px 5px 10px;
  margin-bottom: 10px;
}

/* Sustainability Timeline Styles */

/* DJ Sust Time styles */

#timeline
{
  position: relative;
  height: 480px;
  padding-top: 10px;
}
#pnlTimeLine
{
  position: absolute;
  left: 5px;
  top: 85px;
  height: 400px;
  border: solid 1px #999;
}

#divTimelineTable
{
  overflow-y: scroll;
  height: 400px;
  width: 286px;
  scrollbar-base-color: #d7d7d7;
  scrollbar-3dlight-color: #fafafa;
  scrollbar-highlight-color: #b7b7b7;
  scrollbar-shadow-color: #b7b7b7;
  scrollbar-darkshadow-color: #e7e7e7;
  scrollbar-track-color: #f7f7f7;
  scrollbar-arrow-color: #3f52b8;
  scrollbar-face-color: #d7d7d7;}
#divTimelineTable td
{
  vertical-align:top;
}

#pnlTimeLine img
{
  margin: 0px 10px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: right;
  cursor: pointer;
}



#showDetails
{
  position: absolute;
  top: 85px;
  left: 300px;
  width: 269px;
  height: 390px;
  padding: 5px;
  overflow-y: scroll;
  scrollbar-base-color: #d7d7d7;
  scrollbar-3dlight-color: #fafafa;
  scrollbar-highlight-color: #b7b7b7;
  scrollbar-shadow-color: #b7b7b7;
  scrollbar-darkshadow-color: #e7e7e7;
  scrollbar-track-color: #f7f7f7;
  scrollbar-arrow-color: #3f52b8;
  scrollbar-face-color: #d7d7d7;}

#tl_template_tblSpans table
{
  list-style-type: none;
  line-height: 125%;
  border: none;
  float: left;
}

#tl_template_tblSpans tr
{
  vertical-align: middle;
  border: none;
}

#tl_template_tblSpans td
{
  vertical-align: middle;
  text-align: right;
  padding: 0px 3px 0px 3px;
  border: none;
}

#tl_template_tblSpans p
{
  color: #252525;
}

.ShowNew
{
  background-image: url(  '../Images/SustainabilityTimeline/new.gif' );
}

/* To make images scalable */
.images
{
  width: 0.8em;
  height: 0.8em;
}


/* future blobs */
.futureblob
{
  background-image: url(       '../Images/SustainabilityTimeline/redblob.png' );
  background-color: Transparent;
  background-position: center;
  border: none;
  display: block;
  height: 5.8em; *height:4.1em;
cursor:pointer;
background-repeat:no-repeat;
}

.futureblob:hover
{
  background-image: url(       '../Images/SustainabilityTimeline/redblob.png' );
  background-repeat: no-repeat;
}

.futureblob a
{
  background-image: url(       '../Images/SustainabilityTimeline/redblob.png' );
}
.futureblob a:hover
{
  background-image: url(       '../Images/SustainabilityTimeline/redblob.png' );
}


/* normal blobs */
.blob
{
  background-image: url(       '../Images/SustainabilityTimeline/orangeblob.png' );
  border: none;
  background-color: Transparent;
  background-position: center;
  display: block;
  height: 5.8em; *height:4.1em;
cursor:pointer;
background-repeat:no-repeat;
margin-left:1px;
}

.blob:hover
{
  background-image: url(       '../Images/SustainabilityTimeline/orangeblob.png' );
}

.blob a
{
  background-image: url(       '../Images/SustainabilityTimeline/orangeblob.png' );
}
.blob a:hover
{
  background-image: url(       '../Images/SustainabilityTimeline/orangeblob.png' );
}

/* Sustainability Timeline colouring Scheme */
.row1
{
  background-color: #f8f8f8;
}

.row2
{
  background-color: #ffffff;
}

/* Rating Timeline colouring Scheme */
.rtrow1
{
  background-color: #f8f8f8;
}

.rtrow2
{
  background-color: #ffffff;
}

.timeline
{
  padding-left: 10px;
  padding-right: 8px;
  vertical-align: middle;
  background-color: #f8f8f8;
}

.rtwhitespace
{
  width: 256px;
  display: inline-block;
}

/* normal blobs */
.rtblob
{
  background-image: url(       '../Images/RatingTimeline/orangeblob.png' );
  background-color: Transparent;
  background-position: center;
  display: block;
  width: 0.9em;
  height: 3.8em;
  cursor: pointer;
  background-repeat: no-repeat;
  margin-left: 1px;
}

.rtblob:hover
{
  width: 0.9em;
  height: 3.8em;
  background-image: url(       '../Images/RatingTimeline/orangeblob.png' );
}

.rtblob a
{
  background-image: url(       '../Images/RatingTimeline/orangeblob.png' );
}
.rtblob a:hover
{
  background-image: url(       '../Images/RatingTimeline/orangeblob.png' );
}

/* rating colour #A6A6A6*/

/* End of Timelines */


/* Registration module */

#contentMain td.sectionheading h2
{
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: bold;
}

label.textbox
{
  /*   display: block;   float: right;   */
}

input.optional, textarea.optional, select.optional
{
  border: dotted 1px #808080;
}

input.optional
{
  height: 1.2em;
}

input.required, textarea.required, select.required
{
  border: solid 1px #000000;
}

input.required
{
  height: 1.2em;
}

/* For showing a dropdownlist item as disabled (IE7 ignores disabled attribute) */
.disabled
{
  color: #808080;
}


.radiobutton input
{
  border: none;
}
.checkbox input
{
  border: none;
}

ul.navTabs
{
  margin: 0px 0px 0px 0px;
}


ul.navTabs li a
{
  margin: 0px 4px 0px 0px;
  height: 24px;
}


.registrationOuter
{
  border: solid 1px #002776;
  padding: 0px;
}
.registrationInner
{
  padding: 4px;
}

.alertmissingfield
{
  color: #002776;
  padding-left: 20px;
  margin-left: 10px;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url(../images/icon_warning.png);
}
/* Endof registration module */


/* Home page news accordian */

.accordianitemtitle
{
  font-weight: bold;
}

ul.tabnav li
{
  padding: 2px 0px 2px 0px;
}

/* End of home page news accordian */


/* Property Search */
#divCheckBoxes input
{
  border: none;
  height: 13px;
  margin: 0px; /**/ *height:19px;
*margin-top:0px;
}

#divCheckBoxes label
{
  margin-left: 4px;
  margin-left: 0px;
}

.heading
{
  color: #00A1DE;
  padding-bottom: 10px;
  display: block;
}

.button
{
  display: inline;
  float: none;
}

input[disabled]
{
  background: #808080;
  color: #ffffff;
}

/* Top of content navigation images */
#imageTopOfContentNav
{
  margin: 20px 9px 20px 0px;
  clear: right;
  float: none;
}

#imageTopOfContentNav div
{
  float: none;
  margin-bottom: 10px;
}

#imageTopOfContentNav div div
{
  float: left;
  margin-right: 10px;
}
/* End of top of content navigation images */

/* Left of content navigation images */
/* End of left of content navigation images */



/* Map feature stuff */

/*Red*/
A.MapFeatureRed:link, A.MapFeatureRed:visited, A.MapFeatureRed:active, A.MapFeatureRed:hover
{
  color: #CC0033;
}
A.MapFeatureRed:hover, A.MapFeatureRedOver:link, A.MapFeatureRedOver:visited, A.MapFeatureRedOver:active, A.MapFeatureRedOver:hover
{
  color: #010101;
  background-color: #FF9999;
}

/*Green*/
A.MapFeatureGreen:link, A.MapFeatureGreen:visited, A.MapFeatureGreen:active, A.MapFeatureGreen:hover
{
  color: Green;
}
A.MapFeatureGreen:hover, A.MapFeatureGreenOver:link, A.MapFeatureGreenOver:visited, A.MapFeatureGreenOver:active, A.MapFeatureGreen:hover, A.MapFeatureGreenOver:hover
{
  color: #010101;
  background-color: PaleGreen;
}

/*Blue*/
A.MapFeatureBlue:link, A.MapFeatureBlue:visited, A.MapFeatureBlue:active, A.MapFeatureBlue:hover
{
  color: Blue;
}
A.MapFeatureBlue:hover, A.MapFeatureBlueOver:link, A.MapFeatureBlueOver:visited, A.MapFeatureBlueOver:active, A.MapFeatureBlueOver:hover
{
  color: #010101;
  background-color: LightSkyBlue;
}

/*Yellow*/
A.MapFeatureYellow:link, A.MapFeatureYellow:visited, A.MapFeatureYellow:active, A.MapFeatureYellow:hover
{
  color: GoldenRod;
}
A.MapFeatureYellow:hover, A.MapFeatureYellowOver:link, A.MapFeatureYellowOver:visited, A.MapFeatureYellowOver:active, A.MapFeatureYellowOver:hover
{
  color: #010101;
  background-color: Yellow;
}

/*Orange*/
A.MapFeatureOrange:link, A.MapFeatureOrange:visited, A.MapFeatureOrange:active, A.MapFeatureOrange:hover
{
  color: #ff6600;
}
A.MapFeatureOrange:hover, A.MapFeatureOrangeOver:link, A.MapFeatureOrangeOver:visited, A.MapFeatureOrangeOver:active, A.MapFeatureOrangeOver:hover
{
  color: #010101;
  background-color: #ff9900;
}

/* LML formattting */

#contentMain > p, #contentMain .LML > p
{
  margin-top: 1em;
  color: #333;
  line-height: 1.5em;
}

#contentMain .LML ol li, #contentMain .LML ul li
{
  color: #333;
  line-height: 1.5em;
}


#contentMain h2 + .LML h2 /* Shove down a level in styling */
{
  font-weight: bold;
  color: #002776;
  font-size: 1.17em;
  background-image: url(../images/bg_nav_divider_horiz.gif);
  padding-bottom: 2px;
  background-repeat: repeat-x;
  background-position: 50% bottom;
}

#contentMain h3 + .LML h3
{
  font-weight: bold;
  color: #999;
  font-size: 1em;
  background-image: url(../images/bg_nav_divider_horiz.gif);
  padding-bottom: 2px;
  background-repeat: repeat-x;
  background-position: 50% bottom;
}

#contentMain .LML h4
{
  margin: 20px 0px 20px 0px;
  padding: 0px;
  font-weight: normal;
  color: #002776;
  font-size: 1.1em;
}

#contentMain .LML td > h2, #contentMain .LML td > h3, #contentMain .LML td > h4
{
  margin: 0px;
}

#contentMain .LML a
{
  font-weight: bold;
}

#contentMain .LML .linklist a
{
  font-weight: normal;
}

#contentMain .LML .funky
{
  font-weight: bold;
  color: #002776;
}

#contentMain .LML .titlecolour
{
  color: #002776;
}

#contentMain .LML img
{
  margin: 0px;
}

#contentMain .LML ul li
{
  padding-bottom: .5em;
  zoom: normal !important; /* Fixes IE6 bug causing bullets to vertically align to the bottom - overrides ul li entry in screen_ie6.css */
}

#contentMain .LML ul.b1 /* Bullet level 1 = <b1> in LML */
{
  margin-left: 2em;
  padding-left: 0em;
}

#contentMain .LML ul.i1 /* Indent level 1 = <i1> in LML, is paragraph text to <b1> */
{
  list-style-type: none;
  margin-left: 2em;
  padding-left: 0em;
}

#contentMain .LML ul.b2 /* Bullet level 2 = <b2> in LML */
{
  margin-left: 4em;
  padding-left: 0em;
}

#contentMain .LML ul.i2 /* Indent level 2 = <i2> in LML, is paragraph text to <b2> */
{
  list-style-type: none;
  margin-left: 4em;
  padding-left: 0em;
}

#contentMain .LML ol.n1 /* numbered list - number */
{
  margin-left: 2em;
  padding-left: 0em;
}

#contentMain .LML ol.na /* numbered list - alpha */
{
  margin-left: 2em;
  padding-left: 0em;
  list-style-type: lower-alpha;
}

#contentMain .LML ol.ni
{
  margin-left: 2em;
  padding-left: 0em;
  list-style-type: lower-roman;
}


#storyCopy div.LML
{
  margin: 0px;
  position: absolute;
  padding-right: 20px;
  z-index: 300;
}

.LML .floatleft
{
  float: left;
  margin-right: 10px;
}

.LML .floatright
{
  float: right;
}

.LML .floatnone
{
  float: none;
  clear: both;
}

.LML .clearboth
{
  clear: both;
}

.LML .clearleft
{
  clear: left;
}

.LML .clearright
{
  clear: right;
}

/* End of LML formattting */

/* LML table stuff */
Table.tablea ul
{
  margin-bottom: .5em;
}
Table.tablea td
{
  background-color: transparent;
  border: none;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

TD.aFirstRowOddRowFirstColOddCol, TD.aFirstRowOddRowOddCol, TD.aFirstRowOddRowEvenCol, TD.aFirstRowOddRowLastColOddCol, TD.aFirstRowOddRowLastColEvenCol, TD.aOddRowFirstColOddCol, TD.aOddRowOddCol, TD.aOddRowEvenCol, TD.aOddRowLastColOddCol, TD.aOddRowLastColEvenCol, TD.aLastRowOddRowFirstColOddCol, TD.aLastRowOddRowOddCol, TD.aLastRowOddRowEvenCol, TD.aLastRowOddRowLastColOddCol, TD.aLastRowOddRowLastColEvenCol, TD.aEvenRowFirstColOddCol, TD.aEvenRowOddCol, TD.aEvenRowEvenCol, TD.aEvenRowLastColOddCol, TD.aEvenRowLastColEvenCol, TD.aLastRowEvenRowFirstColOddCol, TD.aLastRowEvenRowOddCol, TD.aLastRowEvenRowEvenCol, TD.aLastRowEvenRowLastColOddCol, TD.aLastRowEvenRowLastColEvenCol
{
  background-color: transparent;
  border: none;
}

TD.bFirstRowOddRowFirstColOddCol, TD.bFirstRowOddRowOddCol, TD.bFirstRowOddRowEvenCol, TD.bFirstRowOddRowLastColOddCol, TD.bFirstRowOddRowLastColEvenCol
{
  border-right: medium none;
  border-top: medium none;
  margin: 0px 0px 2px;
  border-left: medium none;
  background-image: url(../images/bg_nav_divider_horiz.gif);
  padding-bottom: 6px;
  background-repeat: repeat-x;
  background-position: 50% bottom;
  font-size: 1.17em;
}
TD.bFirstRowOddRowFirstColOddCol p b, TD.bFirstRowOddRowOddCol p b, TD.bFirstRowOddRowEvenCol p b, TD.bFirstRowOddRowLastColOddCol p b, TD.bFirstRowOddRowLastColEvenCol p b
{
  font-weight: bold;
  color: #999;
}
TD.bOddRowFirstColOddCol, TD.bOddRowOddCol, TD.bOddRowEvenCol, TD.bOddRowLastColOddCol, TD.bOddRowLastColEvenCol, TD.bLastRowOddRowFirstColOddCol, TD.bLastRowOddRowOddCol, TD.bLastRowOddRowEvenCol, TD.bLastRowOddRowLastColOddCol, TD.bLastRowOddRowLastColEvenCol
{
  background-color: #eeeeee;
  border: none;
}
TD.bEvenRowFirstColOddCol, TD.bEvenRowOddCol, TD.bEvenRowEvenCol, TD.bEvenRowLastColOddCol, TD.bEvenRowLastColEvenCol, TD.bLastRowEvenRowFirstColOddCol, TD.bLastRowEvenRowOddCol, TD.bLastRowEvenRowEvenCol, TD.bLastRowEvenRowLastColOddCol, TD.bLastRowEvenRowLastColEvenCol
{
  background-color: transparent;
  border: none;
}

TD.cFirstRowOddRowFirstColOddCol, TD.cFirstRowOddRowOddCol, TD.cFirstRowOddRowEvenCol, TD.cFirstRowOddRowLastColOddCol, TD.cFirstRowOddRowLastColEvenCol
{
  background-color: #eeeeee;
}
TD.cOddRowFirstColOddCol, TD.cOddRowOddCol, TD.cOddRowEvenCol, TD.cOddRowLastColOddCol, TD.cOddRowLastColEvenCol
{
  background-color: #eeeeee;
}
TD.cOddRowFirstColOddCol, TD.cOddRowOddCol, TD.cOddRowEvenCol, TD.cOddRowLastColOddCol, TD.cOddRowLastColEvenCol
{
  background-color: transparent;
}
TD.cLastRowOddRowFirstColOddCol, TD.cLastRowOddRowOddCol, TD.cLastRowOddRowEvenCol, TD.cLastRowOddRowLastColOddCol, TD.cLastRowOddRowLastColEvenCol, TD.cLastRowEvenRowFirstColOddCol, TD.cLastRowEvenRowOddCol, TD.cLastRowEvenRowEvenCol, TD.cLastRowEvenRowLastColOddCol, TD.cLastRowEvenRowLastColEvenCol
{
  background-color: #eeeeee;
}

TABLE.tabled
{
}

TD.dFirstRowOddRowFirstColOddCol, TD.dFirstRowOddRowOddCol, TD.dFirstRowOddRowEvenCol, TD.dFirstRowOddRowLastColOddCol, TD.dFirstRowOddRowLastColEvenCol, TD.dOddRowFirstColOddCol, TD.dOddRowOddCol, TD.dOddRowEvenCol, TD.dOddRowLastColOddCol, TD.dOddRowLastColEvenCol, TD.dLastRowOddRowFirstColOddCol, TD.dLastRowOddRowOddCol, TD.dLastRowOddRowEvenCol, TD.dLastRowOddRowLastColOddCol, TD.dLastRowOddRowLastColEvenCol, TD.dEvenRowFirstColOddCol, TD.dEvenRowOddCol, TD.dEvenRowEvenCol, TD.dEvenRowLastColOddCol, TD.dEvenRowLastColEvenCol, TD.dLastRowEvenRowFirstColOddCol, TD.dLastRowEvenRowOddCol, TD.dLastRowEvenRowEvenCol, TD.dLastRowEvenRowLastColOddCol, TD.dLastRowEvenRowLastColEvenCol
{
  padding: 4px;
  border: solid 1px #CCCCCC;
  background-color: transparent;
}

TD.eFirstRowOddRowFirstColOddCol, .eFirstRowOddRowOddCol, .eFirstRowOddRowEvenCol, .eFirstRowOddRowLastColOddCol, .eFirstRowOddRowLastColEvenCol, TD.eOddRowFirstColOddCol, .eOddRowOddCol, .eOddRowEvenCol, .eOddRowLastColOddCol, .eOddRowLastColEvenCol, .eLastRowOddRowFirstColOddCol, .eLastRowOddRowOddCol, .eLastRowOddRowEvenCol, .eLastRowOddRowLastColOddCol, .eLastRowOddRowLastColEvenCol
{
  border-right: medium none;
  border-top: medium none;
  margin: 0px 0px 2px;
  border-left: medium none;
  border-bottom: <%= darkColor %> 2px solid;
  background-color: #ededed;
}

TD.eEvenRowFirstColOddCol, .eEvenRowOddCol, .eEvenRowEvenCol, .eEvenRowLastColOddCol, .eEvenRowLastColEvenCol, .eLastRowEvenRowFirstColOddCol, .eLastRowEvenRowOddCol, .eLastRowEvenRowEvenCol, .eLastRowEvenRowLastColOddCol, .eLastRowEvenRowLastColEvenCol
{
  background-color: transparent;
  border: none;
}

TD.tdFullBorder
{
  border: solid 1px #CCCCCC;
  padding: 4px;
}

/* LOOKOUT */

select.pm
{
  margin: 0px;
  font-size: 1em;
  font-family: Arial, Helvetica, sans-serif;
  color: #002776;
  border: 1px solid #AAA;
  padding: 2px;
  height: auto;
}

/* End of LOOKOUT */

/* Additional TopNav styles for the 4 boxes template */
#spanNavItem a, #spanNavItem a:link, #spanNavItem a:visited
{
  font-weight: bold;
  color: #92d400;
}

#spanNavItem a:hover
{
  font-weight: bold;
  background-color: #92d400;
  color: #ffffff;
}


/*
#spanNavItem a:hover, #spanNavItem a::link:hover
{
    color:Blue;
}
*/
/* End of Additional TopNav styles */

/* Logo/image etc (on left nav) */


#Logos
{
  position: absolute;
  bottom: 10px;
  left: -270px;
}

#Logos img
{
  padding-right:10px;
}


/* Careers page bodge for logos */
#careersLogos1
{
  position: absolute;
  top: 310px;
  left: 10px;
}
/* End of careeers page bodge for logos */

/* Office map stuff */
#DJOfficesMap
{
  position: relative;
  top: 0px;
  left: 0px;
}
#DJOfficesMap img
{
  margin: 0px;
  padding: 0px;
  border: none;
  z-index: 0;
}

#DJOfficesMap .djofficemapcallout
{
  display: none;
  background-repeat: no-repeat;
  padding: 0px 8px 8px 8px;
  margin: 0px;
  width: 241px;
  height: 145px;
  position: absolute;
}

#DJOfficesMap .djofficemapcalloutpointsleft
{
  background-image: url(../images/djcom-officemaps-calloutbox-pointsleft.png);
}

#DJOfficesMap .djofficemapcalloutpointsright
{
  background-image: url(../images/djcom-officemaps-calloutbox-pointsright.png);
}

#DJOfficesMap .djofficemapcallout h2
{
  margin: 0px;
  padding: 0px 0px 5px 0px;
  font-weight: bold;
  background: none;
  color: #00a1de;
}

/* End of office map stuff */

/* Secondary top menu (e.g. offices) */
#navTopSecond
{
  height: 30px;
  margin-top: 10px;
  width: 100%;
  text-align: center;
  background-color: #002776;
}

#navTopSecondBg
{
}
#navTopSecond ul
{
  list-style: none;
  display: block;
  width: 880px;
  top: 0px;
  margin: 0px auto;
  padding: 0px;
  background: url(../images/nav_dots.gif) no-repeat left 3px;
}
#navTopSecond ul li
{
  list-style: none;
  display: block;
  float: left;
  margin: 0px;
  padding: 0px;
}
#navTopSecond ul li a
{
  color: #FFFFFF;
  text-decoration: none;
  display: table-cell;
  display: block;
  border-right: 1px dotted #FFFFFF;
  border-right: none;
  height: 24px;
  vertical-align: middle;
  padding-right: 11px;
  padding-left: 11px;
  padding-top: 6px;
  float: left;
  background: url(../images/nav_dots.gif) no-repeat right 3px;
}

#navTopSecond a
{
  color: #FFFFFF;
  font-size: 15px;
  font-weight: normal;
}

#navTopSecond ul li a.first
{
  border-left: 1px dotted #FFFFFF;
  border-left: none;
  padding-left: 11px;
}
#navTopSecond ul li a:hover
{
  color: #002776;
  text-decoration: none;
  background: #ffffff url(../images/nav_dots.gif) no-repeat right 3px;
}
#navTopSecond li:hover, #navTopSecond .selected
{
  background: #ffffff url(../images/nav_dots.gif) no-repeat right 3px;
}
#navTopSecond li:hover, #navTopSecond .selected
{
  color: #002776;
}
/* End of secondary top menu (e.g. offices) */


/* Image Gallery */
.imagegallery
{
  margin-top: 10px; /*background:#f4f4f4;*/
  width: 580px;
}
.imagegallery p
{
  text-align: center;
  margin: 0px 0px 4px 0px; /*background:#ededed;*/
}
.imagegallery td
{
}

.imagegallery .galleryimageandtitle
{
  position: relative;
  top: 0px;
  left: 0px; /*background: #ededed;*/
  padding: 2px;
}

.imagegallery .galleryimage
{
  margin: 2px;
}

.imagegallery .galleryimage p
{
  margin: 0px;
}
#contentMain img.gallery
{
  margin: 0px;
  border: solid 1px #000000;
}

.imagegallery .gallerytitle
{
}

/* Survey */
.survey p.widebodytext
{
  margin-top: 10px;
  margin-bottom: 10px;
}

/* Scheme details stuff */
.spanStyles
{
  width: 210px;
  display: inline-block;
  vertical-align: top;
}

/* Ajax */

.modalBackground
{
  background-color: #ededed;
  filter: alpha(opacity=70);
  opacity: 0.7;
}

.dialogbox
{
  background: #ffffff;
  padding: 4px;
  border: solid 2px #002776;
  z-index: 9;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

#contentMain .dialogbox h2
{
  margin: 2px;
  padding: 2px;
  background-color: #002776;
  color: #ffffff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.PhotoCompetition2009Abutton
{
  width: auto;
}

/* Positional stuff - specific*/
div.progressOuter
{
  visibility: hidden;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 998;
  width: 100%;
  height: 100%;
  overflow: visible;
  filter: alpha(opacity=50);
  opacity: 0.5;
  background-color: #f0f0f0;
}


@media print
{
  div.progressSearchingOuter
  {
    width: 17cm;
  }
}

div.progressMsg
{
  position: relative;
  top: 250px;
  text-align: center; /*z-index: 999; /* ModalPopup background is 10000 so must be more than this or gets greyed out if modalpopup is open */
  background-color: Transparent;
}

/* Validator callout */
#contentMain .ajax__validatorcallout_djcom img
{
  margin: 0px;
}

.ajax__validatorcallout_djcom .ajax__validatorcallout div
{
  z-index: 2;
}
.ajax__validatorcallout_djcom div, .ajax__validatorcallout_djcom td
{
  border: solid 1px Black;
  background-color: #fff8e0;
  z-index: 2;
}
.ajax__validatorcallout_djcom .ajax__validatorcallout_popup_table
{
  display: none;
  border: none;
  background-color: transparent;
  padding: 0px;
}
.ajax__validatorcallout_djcom .ajax__validatorcallout_popup_table_row
{
  vertical-align: top;
  height: 100%;
  background-color: transparent;
  padding: 0px;
}
.ajax__validatorcallout_djcom .ajax__validatorcallout_callout_cell
{
  width: 20px;
  height: 100%;
  text-align: right;
  vertical-align: top;
  border: none;
  background-color: transparent;
  padding: 0px;
}
.ajax__validatorcallout_djcom .ajax__validatorcallout_callout_table
{
  height: 100%;
  border: none;
  background-color: transparent;
  padding: 0px;
}
.ajax__validatorcallout_djcom .ajax__validatorcallout_callout_table_row
{
  background-color: transparent;
  padding: 0px;
}
.ajax__validatorcallout_djcom .ajax__validatorcallout_callout_arrow_cell
{
  padding: 8px 0px 0px 0px;
  text-align: right;
  vertical-align: top;
  font-size: 1px;
  border: none;
  background-color: transparent;
}
.ajax__validatorcallout_djcom .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv
{
  font-size: 1px;
  position: relative;
  left: 1px;
  border-bottom: none;
  border-right: none;
  border-left: none;
  width: 15px;
  background-color: transparent;
  padding: 0px;
}
.ajax__validatorcallout_djcom .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div
{
  height: 1px;
  overflow: hidden;
  border-top: none;
  border-bottom: none;
  border-right: none;
  padding: 0px;
  margin-left: auto;
}
.ajax__validatorcallout_djcom .ajax__validatorcallout_error_message_cell
{
  font-family: Verdana;
  font-size: 10px;
  padding: 5px;
  border-right: none;
  border-left: none;
  width: 100%;
}
.ajax__validatorcallout_djcom .ajax__validatorcallout_icon_cell
{
  width: 20px;
  padding: 5px;
  border-right: none;
}
.ajax__validatorcallout_djcom .ajax__validatorcallout_close_button_cell
{
  vertical-align: top;
  padding: 0px;
  text-align: right;
  border-left: none;
}
.ajax__validatorcallout_djcom .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv
{
  border: none;
  text-align: center;
  width: 10px;
  padding: 2px;
  cursor: pointer;
}

/* HTML Email Unsubscribe stuff */

#divOptions input
{
  border-top: 4px solid #fff;
  margin-right: 4px;
}

/*
			Vertical Accordions
		*/

#newsBox
{
  width: 250px;
  position: absolute;
  left: 0px;
  top: 0px; /* DJ Removed border-bottom: 1px solid #000; */
}
.accordion_toggle, .vertical_accordion_toggle
{
  display: block;
  height: 25px;
  background: #002776 url(../images/arrow_down.gif) no-repeat right top;
  padding: 0 10px 0 10px;
  line-height: 25px;
  color: #ffffff;
  font-weight: normal;
  text-decoration: none;
  outline: none;
  font-size: 1.4em;
  border-top: 1px solid #000;
  cursor: pointer;
  margin: 0 0 0 0;
}

.accordion_toggle_active, .vertical_accordion_toggle_active
{
  background-image: none;
  color: #ffffff;
  border-top: 1px solid #000;
}

.accordion_content, .vertical_accordion_content
{
  background-color: #000;
  color: #fff;
  height: 250px;
  width: 250px;
  overflow: hidden;
  position: relative;
}

/* tabs styles */
a:active
{
  outline: none;
}

.selectedTab
{
  background: none !important;
}
ul.tabnav
{
  height: 40px;
  line-height: 23px;
  margin: 0pt;
  padding: 0pt;
  display: block;
  top: 0px;
  left: 0px;
  width: 250px;
  position: absolute;
  z-index: 1000;
}
ul.tabnav li
{
  margin: 0;
  padding: 0;
  float: left;
  list-style-type: none;
  position: relative;
}
ul.tabnav li a
{
  color: #002776;
  background: url(../images/65_white_t.png) center; /* DJ background: #ffffff */
  text-align: center;
  line-height: 15px;
  font-weight: bold;
  font-size: 14.3px;
  text-decoration: none;
  padding-left: 5px;
  padding-right: 25px;
  padding-top: 3px;
  padding-bottom: 3px;
  border-right: solid 3px #002776;
  outline: none;
}
ul.tabnav li.lastTab a
{
  padding-right: 29px;
}
ul.tabnav li a:hover, ul#tab li a.active, .active-tab
{
  background: none !important;
}
.panel
{
  background: #000;
  display: none;
  height: 250px;
}
.panel.active-tab-body
{
  display: block;
}
.panelContent
{
  text-align: left;
}
.newsContainerxxx
{
  position: relative;
}
.panelTextBg
{
  padding: 5px;
  height: 80px;
  position: relative;
  margin-top: -90px;
  background: url(../images/65_black_t.png) center; /* DJ 	background: url(../images/transparencies/65_black_t.png) center;*/
}
.panelText
{
  padding: 5px;
  height: 80px;
  position: relative;
  margin-top: -90px;
}
.panelText p
{
  padding: 0;
  margin: 0;
}

.panelText a
{
  color: #92D400;
}

.panelText a:hover
{
  color: #ffffff;
  background-color: #92D400;
}