html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 background-color: #333333
} 
 
#pagewidth{ 
 width:752px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
  border: 1px solid #000;
 font: 100% arial, sans-serif;
color: #333;
background-color: #fff;
position: relative;
} 
 
#leftcol{
 width:160px; 
 float:left; 
 position:relative; 
 background-color:#fff; 
 font-size: 70%
 }
 
#twocols{
 width:582px; 
 float:right; 
 position:relative; 
  }
 
#rightcol{
 width:200px; 
 float:right; 
 position:relative; 
 background-color:#fff;
 margin: 20px 0 0 0;
font-size: 70%
 }
 
#maincol{
 background-color: #fff;  
 float: left; 
 display:inline; 
 position: relative; 
 width:370px;
 }

#hometwocols{
 width:752px; 
 float:right; 
 position:relative; 

  }
 
#homerightcol{
 width:200px; 
 height:400px;
 float: right; 
 position: relative; 
 margin: 0 0 0 0;
 background-color: #ccc;
 font-size: 75%
 }
 
#homemaincol {
 background-color: #FFFFFF;  
 width: 552px;
 float: left;
 font-size: 75%
 }
 
#homemaincol a {
color: #00A060;
font-weight: bold
}

#homemaincol a:hover {
background-color: #00A060;
color: #fff
}


#homemaincol table {
margin: 10px 0 0 0;
}

#homemaincol table h1 {
color: #00A060;
font-size: 1.4em;
font-weight: bold
}

#homemaincol table h2 {
color: #000;
font-size: 1.2em;
font-weight: bold;
margin: 0;
padding: 0
}

#maincontent .pageimage a:hover {
background-color: transparent
}

td .homelatest {
padding: 0 0 0 22px;
/*height: 169px;*/
font-size: 1em;
color:  #333333;
}

td .homecountry {
padding: 0 10px 0 0;
height: 169px;
font-size: 1em;
color:  #333333;
}

td .homeabout {
padding: 0 0 0 22px;
font-size: 1em;
color:  #333333;
}

td .homefocus {
padding: 0 10px 0 0;
font-size: 1em;
color:  #333333;
}

td .focusimage,
td .countryimage {
margin: 0 10px 10px 10px;
}

td #dotteddiv {
background: url(http://www.mrg.webbler.co.uk/images/directory/dotdiv.png) repeat-x;
height: 1px;
width: 100%;
padding: 5px 0 5px 0
}

#homemaincol table h1 {
font-size: 1.2em;
color: #00A15E;
margin: 0 0 5px 0;
padding:0
}

#quicklinkshome h2 {
margin: 0;
padding: 2px 0 3px 10px;
background-color: #039F62;
color: #fff;
position: absolute;
top: 145px;
left: 552px;
width: 190px;
font-size: 1.4em;
 font-weight: bold
}

#quicklinks h2 {
margin: 0;
padding: 2px 0 3px 10px;
background-color: #039F62;
color: #fff;
position: absolute;
top: 153px;
left: 551px;
width: 191px;
font-size: 1.4em;
 font-weight: bold
}

#quicklinks a {color: #fff}

#quicklinksbox { margin: -20px 0 10px 0; visibility: hidden; display: none;}

#righthometopbox{
 background-color: #039F62;
 width:180px; 
 height:153px;
 padding: 5px 10px 5px 10px;
 border-top: 1px dotted #ccc;
 color: #fff;
 }
 
#righthometopbox select {
font-size: 10px;
width: 150px;
height: 16px;
border: 1px solid #666666;
margin: 0;
padding: 0
}

#righthometopbox option {
font-size: 10px;
width: 150px
}

#righthometopbox input.kwsearchgo {
width: 25px;
border-top: 1px solid #666666;
border-right: 1px solid #333;
border-bottom: 1px solid #333;
border-left: 1px solid #666666;
background-color: #999;
margin: -18px 0 0 5px;
height: 18px;
color: #fff;
float: right;
padding: 0
}

 #righthomebotbox {
 background-color: #cccccc;
 width:180px; 
 height:200px;
 }
 
 #righthomebotbox .botboxhd {
 border-bottom: 1px solid #00A15E;
 display: block;
 height: 27px;
 padding: 0;
 margin: 0;
 width: 200px;
 color: #00A15E
 }
 
 #righthomebotbox .botboxhd span {
margin: 5px 0 5px 10px;
 float: left;
 font-size: 1.4em;
 font-weight: bold
 }
 
 #righthomebotbox .content {
 padding: 5px 10px 5px 10px;
 width: 190px;
 display: block;
 margin: 10px 0 0 0
 }
 
#footer{
 height:35px; 
  background-color:#666666; 
 clear:both;
 } 

#header {font-size: 70%}
/* FORMATTING */

a:link, a:visited, a:active {text-decoration: none}

#maincontent {
padding: 20px 10px 10px 10px;
font-size: 75%
}

#maincontent h1 {
margin: 0 0 10px 0;
padding: 0;
font-size: 1.2em;
font-weight: bold;
text-transform: uppercase
}

#maincontent a img,
#maincontent a:hover img {
border: none;
padding: 0;
background-color: transparent
}

#maincontent a {
padding: 1px;
color: #00A060;
font-weight: bold
}

#maincontent a:hover {
background-color: #00A060;
color: #fff
}

#maincontent ul {
margin: 0 0 0 20px;
}

#maincontent ul li {
list-style: circle
}

#headerimage {
float: left;
margin: 0;
padding: 0
}

#logo {
float: right;
margin: 0;
padding: 10px
}

#toplinks {
position: absolute;
top: 5px;
left: 220px;
color: #999;
font-size: 10px
}

#toplinks a {
color: #999;
}

#toplinks a:hover {
color: #fff;
}

a#mrghome {color: #039F62}

#strapline {position: absolute; top: 59px; left: 220px}
#strapline h1 {color: #fff; font-size: 17px; font-weight: bold;
padding: 0; margin: 0}
#strapline a {color: #fff !important}
#strapline a:hover {color: #EBEBEB !important}
/* PRIMARY NAVIGATION */

#navcontainer {
position: absolute;
top: 85px;
left: 0;
margin: 0;
color: #fff;
border-top: 1px solid #000;
border-bottom: 1px solid #fff;
background-color: #993333 ;
width: 100%;
height: 39px
}

#navcontainer ul
{
list-style: none;
margin: 3px 0 0 20px;
padding: 0;
border: none;
}

#navcontainer li
{
display: block;
margin: 0;
padding: 0;
float: left;
width: auto;
}

#navcontainer a
{
font-size: 12px;
font-weight: bold;
color: #fff;
display: block;
width: auto;
text-decoration: none;
background: #993333 ;
margin: 0;
padding: 8px 20px 12px 20px;
border-top: 1px solid #993333 ;
border-left: 1px solid #993333 ;
border-right: 1px solid #993333 ;
}

#navcontainer a:hover, #navcontainer a:active {
background: #000;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
border-bottom: 1px solid #000;
color: #fff;
}

#navcontainer a.active:link, #navcontainer a.active:visited
{
position: relative;
z-index: 102;
background: #BBBBBB;
font-weight: bold;
text-align: right;}

#navcontainer li.selecteditemstyle a {
background: #000;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
border-bottom: 1px solid #000;
color: #fff;
text-transform: uppercase}

/* CRUMB */

#crumb {
position: absolute;
top: 133px;
left: 105px;
font-size: 12px;
color: #fff;
}

#crumbbranch {
position: absolute;
top: 153px;
left: 180px;
font-size: 15px;
color: #fff;
text-transform: uppercase;
}

#crumbbranch a,
#crumb a {
color: #fff;
padding: 0 6px 0 6px;
}

#crumb span a {
color: #fff;
}

/* SECONDARY NAV */

#leftmenu ul.namedmenu {
padding: 10px 0 10px 0;
margin: 0;
text-align: right
}

#leftmenu  {
padding: 0;
margin: 0;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

#leftmenu ul.leaflist {
padding: 10px 0 10px 0;
margin: 0;
text-align: right
}

/* #leftmenu .latestnewslink {padding: 10px 0 0 0} */

#leftmenu ul li {list-style: none}

#leftmenu li {margin: 0}

#leftmenu a {
color: #666666;
padding: 10px;
width: 139px;
display: block;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
border-right: 1px solid #ccc;
background-color: #fff
}

#leftmenu a:hover {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-right: 1px solid #fff;
color: #666666;
}

#leftmenu li.selecteditemstyle a,
#leftmenu li.selecteditemstyle a:hover {
text-transform: uppercase;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-right: 1px solid #fff;
color: #00A060;
font-weight: bold
}

#leftmenu .leftmenuhd{font-weight: bold; float: right; margin: -8px 10px 0 0; font-size: 12px}
#leftmenu li.caps {text-transform: uppercase}
/* FUNCTIONS */

#shareThis {float:left;margin:0 0 15px;width:195px;}

#homerightcol #shareThis {float:left;margin:30px 0 15px;width:195px;}

#shareThis h3 {color: #666; border-top: 1px solid #999; border-bottom: 1px solid #999; padding: 3px 0}

#functionprint a {
background: url(http://www.mrg.webbler.co.uk/images/directory/funct_print.gif) no-repeat;
display: block;
height: 17px;
padding: 1px 0 0 25px;
float: left;
width: 70px;
margin: 0 0 10px 0
}

#functionprintsect a {
background: url(http://www.mrg.webbler.co.uk/images/directory/funct_printsect.gif) no-repeat;
display: block;
height: 17px;
padding: 1px 0 0 25px;
float: left;
width: 66px;
margin: 0 0 10px 0
}

#functionemail a {
background: url(http://www.mrg.webbler.co.uk/images/directory/funct_email.gif) 0px 0 no-repeat;
display: block;
height: 17px;
padding: 1px 0 0 25px;
float: left;
margin: 0 0 10px 0
}

#functionadd a {
background: url(http://www.mrg.webbler.co.uk/images/directory/funct_add.gif) 0px 0 no-repeat;
display: block;
height: 17px;
padding: 1px 0 0 25px;
float: left;
margin: 0 0 10px 0
}

#functionread a {
background: url(http://www.mrg.webbler.co.uk/images/directory/funct_read.gif) 0px 0 no-repeat;
display: block;
height: 17px;
padding: 1px 0 0 25px;
float: left;
margin: 0 0 10px 4px
}

#functionpdfmap a {
background: url(http://www.mrg.webbler.co.uk/images/directory/funct_pdfmap.gif) 0px 0 no-repeat;
display: block;
height: 17px;
padding: 1px 0 0 25px;
float: left;
margin: 0 0 10px 4px
}

/* RIGHT COL FORMATTING */

.imagecaption {
font-weight: bold;
margin: 5px 0 0 0;
font-size: 1.2em;
color: #999
}

.imagecredits {
font-size: 10px;
color: #999
}

#rightcol ul {
margin: 3px 0 0 0;
padding: 0;
}

#rightcol li {
list-style: none;
margin: 0 0 4px 0
}

#rightcol a {
color: #999;
}

#attachments li a {padding: 0 0 0 18px;
background: url(http://www.mrg.webbler.co.uk/images/directory/pdfdownload.gif) 0px 0 no-repeat;}

/* SEARCH */

#mainsearch {
position: absolute;
left: 480px;
top: 11px;
}

#mainsearch input.searchBoxinput {border-top: 1px solid #666;
border-right: 1px solid #333;
border-bottom: 1px solid #333;
border-left: 1px solid #666; display: block;background-color: #fff; width: 93px; color: #333; font-size: 9px;margin: 0;padding: 2px 0 0 3px;height: 13px;
position: absolute;text-transform: uppercase}

#mainsearch input.searchBoxinput:hover {
background-color: #eee;
}

#mainsearch input.searchSubmit {border-top: 1px solid #666;
border-right: 1px solid #333;
border-bottom: 1px solid #333;
border-left: 1px solid #666;display: block; width: 25px; background-color: #fff;color: #5C5C5B;font-size: 0.8em; font-weight: bold;padding: 1px 0 0 0; height: 17px;
position: relative; left: 100px}

#mainsearch input.searchSubmit:hover {
background-color: #eee;
cursor: pointer
}

#mainsearch div.advsearchlink {
margin: -17px 0 0 152px
}

#mainsearch div.advsearchlink a:link,
#mainsearch div.advsearchlink a:visited,
#mainsearch div.advsearchlink a:active
 {padding: 0; color: #fff; font-weight: bold}

#mainsearch div.advsearchlink a:hover {background-color: #993333; border: none;
padding: 0px; margin: 1px 0 0 1px; color: #eee}

#pagesearch {margin: 0; padding: 0 0 12px 0}

#pagesearch input.searchBoxinput {
float:left;
border: 1px solid #7F9DB9;
width: 245px; 
color: #666666; 
font-size: 10px;
padding: 1px 0 0 3px;
height: 16px
}

#pagesearch input.searchSubmit {
float:left;
border-top: 1px solid #7F9DB9;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
border-left: 1px solid #7F9DB9;
display: block; 
margin: 0 0 0 5px;
width: 25px; 
color: #666;
font-size: 10px;
padding: 1px 2px 2px 0; 
height: 19px;
text-transform: uppercase;
}

/* PAGING */
.webblerpaging {display: block;  margin: 0 0 10px 0; float: left}
.webblerpaging p {float: left}
.webblerpaging .pagingprevious, .webblerpaging .pagingnext {display: none}
.webblerpaging a {text-decoration: none !important; margin: 4px 4px 4px 0; float: left; border: 1px solid #fff}

/* ADV SEARCH */

div.advsearch p {
 line-height: 0px; padding: 15px 0 8px 0; margin: 0;
}
div.advsearch select,
div.advsearch form  {
 margin: 0; padding: 0; line-height: 0;
}
 
div.advsearch {
 padding: 0 0 10px 0;
 margin: 0;
}

#maincontent .advsearch .kwsearchdropdown {margin: 10px 0 0 0}

div#pagesearch {
 padding: 0 0 10px 0;
 margin: 0;
}
 
div#pagesearch form {
 padding: 0 0 17px 0;
 margin: 0;
}

div.advsearch select {
font-size: 10px;
width: 250px;
}

input.kwsearchgo {
border-top: 1px solid #7F9DB9;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
border-left: 1px solid #7F9DB9;
width: 25px;
color: #666666;
margin: 0 0 0 5px;
text-transform: uppercase;
font-size: 10px;
padding: 1px 0 1px 0
}

input.kwsearchfind {
border-top: 1px solid #7F9DB9;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
border-left: 1px solid #7F9DB9;
width: 50px;
color: #666666;
margin: 0 0 0 5px;
text-transform: uppercase;
font-size: 10px;
padding: 1px 0 1px 0
}

input.inputitem {
margin: 0 0 0 9px;
}

input.formsubmit {
border: 1px solid #000000;
width: 40px;
color: #666666;
margin: 0 0 0 9px;
text-transform: uppercase;
font-size: 10px
}

#signup input.formsubmit {
width: 40px;
border-top: 1px solid #666;
border-right: 1px solid #333;
border-bottom: 1px solid #333;
border-left: 1px solid #666;
background-color: #999;
margin: -19px 0 0 9px;
height: 19px;
color: #fff;
float: right;
padding: 0
}

#signup input.formsubmit:hover,
#righthometopbox input.kwsearchgo:hover,
#righthomebotbox input.formsubmit:hover,
#pagesearch input.searchSubmit:hover,
#usercommentposted input.formsubmit:hover,
input.kwsearchgo:hover,
input.formsubmit:hover {
background-color: #ccc;
color: #000;
cursor: pointer
}

#signup {margin: 0px 0 0 0; padding: 0}

#signup input.inputitem {
float:left;
border: 1px solid #666666;
width: 120px; 
color: #666666; 
font-size: 10px;
padding: 1px 0 0 3px;
height: 16px;
}

#maincontent h4 {font-size: 1.3em;margin: 0;padding: 0; color: #00A15E}

#maincontent p span.highlightwide {display: block; background: #F0FDE2; float: left; width: 390px; padding: 10px 5px 10px 10px; margin: 0 5px 0 0; color: #43A561;font-weight: bold; font-size: 120%; line-height: 1.2em}
#maincontent p span.highlightleft, #maincontent p.highlightleft {display: block; background: #F0FDE2; float: left; width: 195px; padding: 10px 5px 10px 10px; margin: 0 5px 0 0; color: #43A561;font-weight: bold; font-size: 120%; line-height: 1.2em}
#maincontent p span.highlightright, #maincontent p.highlightright {display: block; background: #F0FDE2; float: right; width: 195px; padding: 10px 5px 10px 10px; margin: 0 0 0 5px; color: #43A561;font-weight: bold; font-size: 120%; line-height: 1.2em}

/* Dropdown country search */
.menu_dropdown {display: block; margin: 5px 0 0 5px}
.menu_dropdown select {font-size: 10px;
width: 150px;
height: 16px;
border: 1px solid #666666;
margin: 0;
padding: 0}
/* SEARCH RESULTS */

div.searchresults {margin: 0 0 10px 0; padding: 0; display: block; float: left;width: 400px;}
div.resultsnumber {margin:0; padding: 0; display: block; float: left; font-weight: bold}
div.resultstext {margin: 0 0 0 25px; padding: 0; display: block; position: relative;}
div.resultsurl {margin:0 0 5px 0}
div.resultsscore {font-size: 10px}
div.kwminorityitem {margin: 0 0 0 10px; padding: 0; display: block; list-style: circle; clear: both}

/* SITEMAP */
#maincontent h3 {font-size: 1em;margin: 0 0 8px 0;padding: 2px 0 2px 0;border-bottom: 1px solid #CCCCCC;border-top: 1px solid #CCCCCC;}
div.branchmap {font-weight:bold; margin: 0 0 10px 0}
div.branchmapItem {margin: 0 0 0 0; list-style: disc}
ul.leafmap {margin: 0 0 0 20px}
ul.leafmap li { padding-bottom: 3px; margin: 0 0 0 0px; list-style: circle}
ul.leafmap li a {font-weight:normal !important}

/* FOOTER LINKS */

#pagenav {
background-color: #EBEBEB;
width: 100%;
display: block;
height: 20px
}

#pageprev a {
background: url(http://www.mrg.webbler.co.uk/images/directory/arrowprev.gif) 0px 1px no-repeat;
font-size: 9px;
margin: 5px 0 0 0;
color: #666666;
display: block;
position: absolute;
left: 230px;
padding: 0 0 0 15px
}

#pagenext a {
background: url(http://www.mrg.webbler.co.uk/images/directory/arrownext.gif) 45px 1px no-repeat;
font-size: 9px;
margin: 5px 0 0 0;
color: #666666;
display: block;
position: absolute;
left: 478px;
width: 110px
}

#pagetop a {
float: right;
background: url(http://www.mrg.webbler.co.uk/images/directory/arrowup.gif) 50px 1px no-repeat;
font-size: 9px;
margin: 5px 0 0 0;
color: #666666;
display: block;
width: 67px
}

#footerlinks {
background-color: #666666;
color: #ECECEC;
font-size: 10px;
padding: 4px 0 0 10px;
display: block;
height: 20px
}

#footerlinks a {
color: #ECECEC;
padding: 3px 2px 2px 2px;
margin: 2px 0 0 0
}

#footerlinks a:hover {
color: #000;
background-color: #EBEBEB
}

#footerlinks .webbler {
float: right;
margin: 0 10px 0 0
}

#footerlinks .webbler a:link, 
#footerlinks .webbler a:visited,
#footerlinks .webbler a:active {
color: #8AA89C
}

 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

#rightcolmap { margin: 3px; } 
#rightcolimage { margin: 3px; } 
.imagecaption {  font: normal 1em arial; margin: 3px; } 
.imagecredits {  font: normal 1em arial; margin: 3px; } 
.relatedlinks { font-size: 1.0em; font-weight: bold; padding:  3px 0 3px 5px; background: #ECECEC; margin: 4px 0; display: block; width: 188px; float: left}
.relatedlinks ul { margin:  10px 0 0 0; }
#rightcol .relatedlinks ul a { color: #00A060; font-weight: bold; }
#rightcol .relatedlinks ul a:hover { background-color: #00A060; color: #fff; }

.usercomments { font: normal 1em arial; padding-top: #000000 1px; }
.usercommentposted { font: bold 1em arial; display: block; background-color: #EBEBEB;
padding: 1px 0 1px 5px; color: #666}
#commentslogin .content {padding: 5px}
.usercommentcontent { font: normal 1em arial; }
#commentslogin {clear: both}
.commentscontent { font: normal 1em arial; padding: 5px; color: #767676 }
.error {color: red; display: block; margin: 5px 0 5px 0; font-weight: bold}
.usercommentpreview { font: bold 1em arial; padding: 10px; }

#commentslogin textarea {
width: 300px;
border: 1px solid #000;
background-color: #fff;
color: #000;
}

#commentslogin {color: #767676}
#commentslogin input {border: 1px solid #767676; font-size: 11px}

#latestlist .latestitem {margin: 0 0 6px 0}
#latestlist .latestintro {margin: 0 0 0 1px}

/* RIGHT SEARCH */

#rightsearch input.searchBoxinput {float:left;border: 1px solid #666; display: block;margin: 5px 0 5px 0;background-color: #ccc; width: 140px; color: #333; font-size: 9px;padding: 1px 0 0 3px;height: 14px;}

#rightsearch input.searchBoxinput:hover {
background-color: #fff
}

#rightsearch input.searchSubmit {float:left;display: block; margin: 0 0 0 0;width: 25px; background-color: #ccc;color: #666;font-size: 0.8em; font-weight: bold;padding: 0px; height: 17px;margin: 5px 0 5px 5px;border-top: 1px solid #666;
border-right: 1px solid #333;
border-bottom: 1px solid #333;
border-left: 1px solid #666;}

#rightsearch input.searchSubmit:hover {
background-color: #fff;
cursor: pointer
}

/* PAGE FORMS */

#forms input.checkbox {width: 15px; clear: both}

#forms td select.inputitem,
#forms td select,
#forms input.inputitem {
width: 180px;
font-size: 9px;
margin: 1px 0 5px 0;
border: 1px solid #7F9DB9;
}

#forms textarea {font-size: 12px; width: 430px; height: 250px}

.maintext .error {font-weight: bold; color: red; display: block; margin: 10px 0 0 0}

form span.error,
span.required,
#forms span.required {
font-weight: bold;
color: red;
font-size: 9px
}

#countryinfo td {padding: 5px 5px 5px 0}
#riskassessment a {display: block; background-color: #ECECEC;border-top: 1px solid #7F9DB9;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
border-left: 1px solid #7F9DB9; color: #990033; padding: 5px; width: 183px}
#riskassessment a:hover {cursor: help; background-color: #fff;}