/* CSS Document */

body {
text-align:center; /*to center old IE browsers*/
width:100%;
margin:0px 0px 0px 0px;
padding:10px 0px 0px 0px;
}

html, body {
/*height:100%;*/
font-family:Arial, Helvetica, sans-serif;
font-size:0.85em;
color:#000000;
background-color:#ffffff;
background-image:url(../imgs/bg.jpg); background-position:top left; background-repeat:repeat-x;
}

form { margin:0px; padding:0px;}

a:link, a:visited { color:#cf5200; text-decoration:underline;}
a:hover, a:active, a:focus { color:#000000; text-decoration:underline;}

body p { margin:0px; padding:7px 0px 7px 0px; line-height:1.4em; overflow:hidden;}

hr { color:#FF0000; border-top:1px solid #B2BB1E; border-right:0px solid #B2BB1E; border-bottom:0px solid #B2BB1E; border-left:0px solid #B2BB1E;}

#container { /* div you want to stretch */
/*min-height:100%;*/
width:960px;
margin: 0 auto;
text-align:left;
}

#header { background-image:url(../imgs/headerbg.jpg); background-position:top left; background-repeat:no-repeat; width:960px; height:118px; display:block; overflow:hidden; padding:0px; margin:0px; border-top:1px solid #009cda; border-right:1px solid #009cda; border-bottom:1px solid #009cda; border-left:1px solid #009cda;}
#sitelogo { padding:0px; margin:0px 0px 0px 0px;}

h1 { color:#FFFFFF; font-size:1.1em; font-weight:bold; padding:7px 0px 0px 0px; margin:0px;}
h2 { margin:0px; padding:10px 0px 5px 0px; color:#004f94; font-weight:bold; font-size:1.3em; position:relative !important;}
h3 { color:#B2BB1E; font-size:1em; font-weight:lighter; margin:0px; padding:12px 0px 5px 0px;}

.content { width:920px; padding:20px 20px 15px 20px; background-color:#FFFFFF; border-left:1px solid #009cda; border-right:1px solid #009cda; border-bottom:1px solid #009cda;}

.sidebar { width:225px; float:left; display:block; clear:none;}
.sidebar2 { width:225px; float:left; display:block; clear:none; margin-left:10px;}
.contentbar { text-align:left; width:680px; float:right; clear:none; margin-left:12px;}
.contentbar p { position:relative;}
.contentbar a:link, .contentbar a:visited { color:#000000; text-decoration:none;}
.contentbar a:hover, .contentbar a:active, .contentbar a:focus { color:#000000; text-decoration:underline;}

.panel1title { background-color:#FBB689; color:#272727; padding:0px 0px 0px 10px; border-top:1px solid #FFFFFF;}
.panel1title h2 { margin:0px; padding:5px 0px 5px 0px; color:#272727; font-weight:lighter; font-size:1.6em; position:relative;}

/* SUB PAGE NAVIGATION*/
.subnav {background-color:#009cda; color:#ffffff; padding:0px; margin:0px 0px 15px 0px; position:relative;}
.subnav ul { margin:0px !important; padding:0px; list-style:none;}
.subnav ul li { margin:0px !important; padding:0px !important; color:#000000; width:225px; /*height:25px !important;*/ line-height:25px; display:block; border-top:1px solid #40b5e3; border-bottom:1px solid #005ea2;}
.subnav ul li a:link, .subnav ul li a:visited { color:#ffffff; text-decoration:none; display:block; padding:0px 0px 0px 10px !important; margin:0px !important; }
.subnav ul li a:hover, .subnav ul li a:active, .subnav ul li a:focus { color:#ffffff; text-decoration:none; background-color:#005ea2; padding:0px 0px 0px 10px !important; margin:0px !important; }

/* homepage intro masthead styles */
.frontpageintro { background-color:#FFFFFF; color:#000000; margin:0px; padding:0px 15px 10px 15px;}
.frontpageintro a:link, .frontpageintro a:visited { color:#cf5200; text-decoration:underline;}
.frontpageintro a:hover, .frontpageintro a:active, .frontpageintro a:focus { color:#000000; text-decoration:underline;}
.frontpageintro p { position:relative; line-height:1.7em; padding:5px 0px 5px 0px; margin:0px;} 
.frontpageintro h1 { margin:0px; padding:5px 0px 15px 0px; color:#004f94; font-weight:bold; font-size:1.8em; border-bottom:4px solid #009cda;}
.frontpageintro h2 { color:#FFFFFF; font-size:1.1em; font-weight:bold; padding:7px 0px 0px 0px; margin:0px;}
.frontpageintro h3 { margin:0px; padding:10px 0px 5px 0px; color:#004f94; font-weight:bold; font-size:1.3em;}
.frontpageintro form{ margin: 0; padding: 0; }
.frontpageintro ul { margin:0px 0px 0px 0px; padding:0px; list-style:none;}
.frontpageintro ul li { margin:0px; padding:4px 0px 4px 13px; color:#000000; background-image:url(../imgs/ul_li_type.gif); background-position:0 6px; background-repeat:no-repeat;}

.panel1mid { background-color:#009cda; color:#ffffff; padding:0px 10px 5px 10px; margin:0px; position:relative;}
.panel1mid p { color:#000000; margin:0px; padding:8px 0px 2px 0px; overflow:hidden;}
.panel1mid h2 { margin:0px; padding:0px 0px 0px 0px; color:#004f94; font-weight:lighter; font-size:1.6em; }
.panel1mid h3 { margin:0px; padding:0px 0px 0px 0px; color:#000000; font-weight:lighter; font-size:2em;}
.panel1mid form { margin:0px; padding:0px;}
.panel1mid form select { width:160px;}
.panel1mid a:link, .panel1mid a:visited { color:#ffffff; text-decoration:none;}
.panel1mid a:hover, .panel1mid a:active, .panel1mid a:focus { color:#ffffff; text-decoration:underline;}
.panel1mid ul { margin:0px 0px 0px 0px; padding:8px 0px 0px 0px; list-style:none;}
.panel1mid ul li { margin:0px; padding:3px 0px 3px 0px; color:#000000;}

.panel { background-color:#FFFFFF; color:#000000; margin:0px; padding:0px 15px 10px 15px;}
.panel a:link, .panel a:visited { color:#cf5200; text-decoration:underline;}
.panel a:hover, .panel a:active, .panel a:focus { color:#000000; text-decoration:underline;}
.panel p { position:relative; line-height:1.5em; padding:10px 0px 3px 0px; margin:0px;} 
.panel h1 { margin:0px 0px 10px 0px; padding:5px 0px 15px 0px; color:#004f94; font-weight:bold; font-size:1.8em; border-bottom:4px solid #009cda;}
.panel h2 { margin:0px; padding:10px 0px 5px 0px; color:#004f94; font-weight:bold; font-size:1.3em; position:relative !important;}
.panel h3 { margin:0px; padding:7px 0px 0px 0px; color:#004f94; font-weight:bold; font-size:1.1em; position:relative !important;}
.panel h4 { margin:0px; padding:5px 0px 5px 0px; color:#004f94; font-weight:bold; font-size:1em; position:relative !important;}
.panel form{ margin: 0; padding: 0; }
.panel ul { margin:0px 0px 0px 0px; padding:0px; list-style:none;}
.panel ul li { margin:0px; padding:4px 0px 4px 13px; color:#000000; background-image:url(../imgs/ul_li_type.gif); background-position:0 6px; background-repeat:no-repeat;}

.panel3mid { color:#FFFFFF;}

.panel4mid { color:#ffffff; padding:0px 15px 0px 15px; margin:0px;}
.panel4mid h2 { margin:0px; padding:0px 0px 0px 0px; color:#B2BB1E; font-weight:lighter; font-size:2em;}
.panel4mid a:link, .panel4mid a:visited { color: #999999; text-decoration:none; font-weight:bold;}
.panel4mid a:hover, .panel4mid a:active, .panel4mid a:focus { color:#ffffff; text-decoration:none; font-weight:bold;}
.panel4mid form{ margin: 0; padding: 0; }
.panel4mid ul { margin:0px 0px 0px 0px; padding:0px; list-style:none;}
.panel4mid ul li { margin:0px; padding:4px 0px 4px 13px; color:#fff; background-image:url(../imgs/ul_li_type.gif); background-position:0 6px; background-repeat:no-repeat;}

.sepline { border-bottom:1px dotted #009cda; height:5px; line-height:0px; display:block;}

.footer { padding:10px 0px 10px 0px; text-align:left; font-size:1em; background-color:#FFFFFF;}
.footer p { color:#666666; margin:0px; padding:3px 0px 3px 0px;}
.footer a:link, .footer a:visited { color:#666666; text-decoration:none; margin:0px; padding:0px;}
.footer a:hover, .footer a:active, .footer a:focus { color:#004f94; text-decoration:none; margin:0px; padding:0px;}

/* HOMEPAGE HOTSPOTS */
.hspanel { clear:both; float:none;}
.hs1 { /*width:298px;*/ border:1px solid #009cda; /*float:left; display:inline;*/}
.hs1 h2 { padding:10px 10px 0px 10px; margin:0px; color:#004f94; font-size:1em; font-weight:normal;}
.hs1 p { padding:7px 10px 7px 10px; margin:0px;}
.imgdecor { padding:2px; background-color:#FFFFFF; border:1px solid #009cda; margin:10px 10px 0px 10px;}
.imgdecor2 { padding:2px; background-color:#FFFFFF; border:1px solid #009cda; margin:0px;}
.newsimage { float: left; margin-bottom:10px; margin-right:15px; padding:2px; background-color:#FFFFFF; border:1px solid #009cda;}

/* Content masthead image and copy box */
.contentmh { background-color:#009CDA;}
.contentmh h2 { border:1px solid #009CDA; height:22px; background-image: url(../imgs/titlebg.gif); background-position:top left; background-repeat:repeat-x; margin:0px; padding:7px 10px 3px 10px; color:#ffffff; font-weight:bold; font-size:1em; position:relative !important;}
.contentmh p { color:#FFFFFF;  margin:0px; padding:10px;}

/* STYLE FOR CONTENT IMAGE WITH FLOAT */
.contentimage { float:left; padding:10px 20px 5px 0px; margin:0px; display:block; }

/* BOX DECOR */
.topborder { border-top:1px solid #FFFFFF; }
.btmborder { border-bottom:1px solid #ACAFB2;}
.bdots {border-bottom:1px dotted #ACAFB2;}

/* Countries list */
.countrieslist  { width:600px;}
.countrieslist ul { margin:0px 0px 0px 0px; padding:0px; list-style:none;}
.countrieslist ul li { margin:0px; padding:4px 15px 4px 0px; float:left; display:inline; list-style:none; background-image:none;}

/* FONT STYLES */
.cit { text-align:center;}
.taright { text-align:right;}
.bold { font-weight:bold;}
.italic { font-style:italic;}
.fcol1 { color:#FFFFFF;}
.fcol2 { color:#666666;}
.fcol3 { color:#004f94;}
.fcol4 { color:#009cda;}
.fsize1 { font-size:1.6em;}
.devcolor { color:#B2BB1E;}
.note { font-size:0.85em; color:#999999;}
.note a:link, .note a:visited { color:#999999; text-decoration:none;}
.note a:hover, .note a:active, .note a:focus { color:#B2BB1E; text-decoration:none;}
.ucaseit { text-transform:uppercase;}
.capit { text-transform:capitalize;}
.gcol { color:#004f94;}
.datestyle { color:#666666;}

/* MARGINS */
.mt1t { margin-top:10px;}
.mt1r { margin-right:10px;}
.mt1b { margin-bottom:10px;}
.mt1l { margin-left:10px;}
.mt2t { margin-top:20px;}
.mt2r { margin-right:20px;}
.mt2b { margin-bottom:20px;}
.mt2l { margin-left:20px;}

/* PADDING */
.pt1t { padding-top:10px;}
.pt1r { padding-right:10px;}
.pt1b { padding-bottom:10px;}
.pt1l { padding-left:10px;}
.pt1all { padding:10px;}
.pt2t { padding-top:5px;}
.pt2r { padding-right:5px;}
.pt2b { padding-bottom:5px;}
.pt2l { padding-left:5px;}
.pt2all { padding:5px;}
.pt3t { padding-top:15px;}
.pt3r { padding-right:15px;}
.pt3b { padding-bottom:15px;}
.pt3l { padding-left:15px;}
.pt3all { padding:15px;}

/* FLOATS AND PLACEMENT */
.fleft { float:left;}
.fright { float:right;}
.cboth { clear:both;}
.cnone { clear:none;}
.vimg img { vertical-align:middle;}
.posrel { position:relative;}

.titlebg { background-image:url(../imgs/titlebg.gif); background-position:top left; background-repeat:repeat-x; height:32px; padding:0px 0px 0px 15px; margin:0px;}
.titlebg h3 { margin:0px; padding:7px 0px 0px 0px; color:#ffffff !important; font-weight:bold; font-size:1.1em; position:relative !important;}

/* BORDER STYLES */
.bt1all { border:1px solid #999999;}
.bt2all { border:1px solid #009cda;}
.imgborder { padding:1px; border:1px solid #666666;} 
.bt2panel { border-top:0px solid #009cda; border-right:1px solid #009cda; border-bottom:1px solid #009cda; border-left:1px solid #009cda;}

/* STYLED SUBMIT BUTTON */
.customsubmit{ background: url(../imgs/search_btn.gif) no-repeat;	height: 30px;	width: 100px;	border:none;}
.customsubmit:hover {	background: url(../imgs/search_btn.gif) 0 -30px no-repeat;}

/* BACKGROUND COLOURS */
.bgcol1 { background-color:#F2F2F2;}
.bgcol2 { background-color:#FFFFFF;}
.bgcol3 { background-color:#009cda;} /* sky blue */
.bgcol4 { background-color:#999999;}
.bgcol5 { background-color:#F4F4F4;}

/* Search results */
.description { color:#3372A9; font-weight:bold;}
.url { color:#666666;}

/* Member */
.memberlinks { color:#FFFFFF; text-align:right; font-size:10px; padding-bottom:5px;}
.memberlinks a:link, .memberlinks a:visited { text-decoration:none; color:#FFFFFF; font-weight:bold;} 
.memberlinks a:hover, .memberlinks a:focus, .memberlinks a:active { text-decoration:underline; color:#FFFFFF; font-weight:bold;}
.memberlinks .logintxtfield { width:100px; height:12px; font-size:10px; line-height:12px; color:#0066FF; border:0px; padding:2px;}

.customloginbtn
{
	background: url(../imgs/login_btn.gif) no-repeat;
	height: 16px;
	width: 38px;
	border:none;
	margin-left: 0px;
	margin-top: 0px;
}

.hcursor { cursor:pointer;}

/* FX */
.opacityit img { filter:alpha(opacity=100); -moz-opacity:1;opacity:1;}
.opacityit:hover img { filter:alpha(opacity=70); -moz-opacity:.70;opacity:.70;}
.opacityit2 img { filter:alpha(opacity=70); -moz-opacity:.70;opacity:.70;}
.opacityit2:hover img { filter:alpha(opacity=100); -moz-opacity:1;opacity:1;}

/* Other developments styles */
.odbox { /*border-top:15px solid #FFFFFF; */ width:161px; display:inline; float:left; margin:5px 1px 15px 0px; background-color:#000000; color:#FFFFFF;}
.odbox a:link, .odbox a:visited { color:#FFFFFF; text-decoration:none;}
.odbox a:hover, .odbox a:active, .odbox a:focus { color:#B2BB1E; text-decoration:none;}
.odbox p { text-align:center; margin:0px; padding:5px 0px 5px 0px; position:relative;}
.odbox h3 { text-align:center; color:#FFFFFF; font-size:1em; font-weight:bold; margin:0px; padding:5px 0px 5px 0px; overflow:hidden;}

/*Site plan tooltips*/
#dhtmltooltip{
position: absolute;
width: 150px;
border: 2px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#slick-show a:hover{
color: #fff !important;
display: none;
}

.whitelink a:link, .whitelink a:visited { color:#FFFFFF; text-decoration:none;}
.whitelink a:hover, .whitelink a:active, .whitelink a:focus { color:#ccc; text-decoration:none;}

.slideshowgallery ul { list-style-type:none; list-style-position:outside; padding:0px; margin:0px;}
.slideshowgallery ul li { padding:0px; margin:0px; border:0px; width:540px; overflow:hidden;}
.slideshowgallery ul li img{ border:0px;}