/* CSS Document */
html, body {
height:100%;
}
body{
background:#4a8524 url(images/bg.jpg) left top repeat-x;
margin:0 auto;
text-align:center;
color:#222;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:62.5%;
}
h1, h2, h3{
margin:0 0 1em 0;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
color:#74C043;
}
h1{
font-size:2.08em;
}
h2{
font-size:1.33em;
}
h3{
font-size:1.33em;
margin:0 0 4px 0;
}
h4{
color:#714239;
font-size:0.83em;
margin:0 0 4px 0;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-transform:uppercase;
}
h5, h6{
font-size:1em;
margin:0 0 1em 0;
font-weight:normal;
color:#999;
}
p, div{
font-size:1em;
padding:0;
margin:0;
}
p{
margin:0 0 1em 0;
}
img, form, fieldset, ul, li{
border:0;
margin:0;
padding:0;
}
input, select, textarea{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:inherit;
}
li{
list-style:none;
}
a{
color:#74c043;
font-weight:bold;
text-decoration:none;
}
a:hover{
color:#714239;
text-decoration:underline;
}
h3 a{
color:#74c043;
font-weight:normal;
}
#wrapper{
width:945px;
text-align:left;
margin:0 auto -184px auto;
min-height:100%;
height:auto !important;
height:100%;
}
#header{
min-height:148px;
height:auto !important;
height:148px;
}
#logoContainer_en{
height:109px;
padding:0 30px;
background:url(images/tagLine_en.jpg) right top no-repeat;
}
#logoContainer_cy{
height:109px;
padding:0 30px;
background:url(images/tagLine_cy.jpg) right top no-repeat;
}
#logo{
float:left;
width:193px;
height:52px;
margin:29px 0 0 0;
}
#languageSelect{
float:right;
min-width:300px;
width:auto !important;
width:300px;
padding:0;
text-align:right;
}
#languageSelect ul{
float:right;
}
#languageSelect ul li{
list-style:none;
float:left;
margin:0 0 0 2px;
padding:0 0 0 6px;
min-width:58px;
width:auto !important;
width:58px;
text-align:center;
}
#languageSelect ul li.selected{
background:#6e3934 url(images/langTabL.jpg) left bottom no-repeat;
}
#languageSelect ul li a{
color:#663731;
text-decoration:underline;
display:block;
padding:10px 12px 0 6px;
min-height:21px;
height:auto !important;
height:21px;
}
#languageSelect ul li a.selected{
color:#fff;
text-decoration:none;
font-weight:bold;
background:url(images/langTabR.jpg) right bottom no-repeat;
}
#main{
padding:0 0 184px 0;
background:#fff;
}
#mainMenu{
padding:13px 30px 8px 30px;
background:#62312e url(images/menuBG.gif) top center no-repeat;
width:885px;
min-height:15px;
height:auto !important;
height:15px;
text-align:right;
float:right;
}
#mainMenu li{
float:right;
list-style:none;
margin:0 13px 5px 0;
}
#mainMenu li a{
color:#fff;
text-decoration:none;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.1em;
white-space:nowrap;
}
#mainMenu li a.selected, #mainMenu li a:hover{
color:#deadb3;
}
#content{
padding:30px;
background:#fff;
min-height:430px;
height:auto !important;
height:430px;
font-size:1.2em;
line-height:1.6em;
}
#breadCrumbs{
margin:0 0 20px 0;
}
#address{
margin:2em 0;
}
/* SIDE MENU */
.sidemenu{
padding:14px 0 0 0;
list-style:none;
background:#e5eeda url(images/subMenuTop.gif) left top no-repeat;
}
.sidemenu li a{
color:#649f35;
display:block;
width:265px;
padding:5px 12px 6px 48px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.2em;
background:url(images/menuBullet1.gif) 30px center no-repeat;
font-weight:normal;
}
.sidemenu li a.selected{
background:#649f35 url(images/menuBullet2.gif) 30px 12px no-repeat;
color:#fff;
}
.sidemenu li a:hover{
background:#649f35 url(images/menuBullet2.gif) 30px 12px no-repeat;
color:#fff;
text-decoration:none;
}
.sidemenu ul{
padding:7px 0;
list-style:none;
background:#d6e2c9;
width:auto;
}
.sidemenu ul li{
padding:0 0 0 47px;
}
.sidemenu ul li a{
margin:0 0 0 -47px;
padding:2px 30px 1px 60px;
width:auto;
background:url(images/menuBullet1.gif) 47px 10px no-repeat;
}
.sidemenu ul li a.selected{
background:#649f35 url(images/menuBullet2.gif) 47px 10px no-repeat;
color:#fff;
}
.sidemenu ul li a:hover{
background:#649f35 url(images/menuBullet2.gif) 47px 10px no-repeat;
color:#fff;
}
.sidemenu ul ul{
margin:0 0 0 -30px;
padding:0;
}
/* END SUB MENU */
#listContainer{
margin:2em 0 0 0;
}
#listContainer ul{
margin:0;
padding:0;
}
#listContainer ul li{
list-style:none;
margin:0 0 1em 0;
}
#listContainer ul li li{
margin:0;
}
.listItem{
margin:0;
}
.listItemThumb{
float:left;
width:100px;
margin:0 2em 0 0;
}
.listItemDetail{
float:left;
width:390px;
margin:0 0 18px 0;
}
#footer{
padding:0 20px;
background:#262626;
min-height:107px;
height:auto !important;
height:107px;
}
#footerBG{
min-height:67px;
height:auto !important;
height:67px;
text-align:center;
background:url(images/footerBG.gif) top center no-repeat;
padding:40px 30px 0 30px;
margin:0 auto;
text-align:center;
width:885px;
}
#logos1{
text-align:left;
float:left;
width:69%;
margin:-1px 0 0 -2px
}
#logos1 img{
margin:0 15px 0 0;
}
#logos2{
text-align:right;
float:right;
width:30%;
margin:-1px -7px 0 0;
}
#logos2 img{
margin:0;
}
#copyrightContainer{
min-height:77px;
height:auto !important;
height:77px;
color:#7d7d7d;
background:#1a1a1a;
font-size:0.9em;
color:#7d7d7d;
line-height:1.6em;
}
#copyrightContainer a{
color:#fff;
font-weight:normal;
}
#copyrightContainer li a:hover{
text-decoration:underline;
}
#footerInfo{
width:49%;
float:left;
text-align:left;
}
#copyright{
width:49%;
float:right;
text-align:right;
}
#secondaryMenu{
margin:0;
padding:0;
}
#secondaryMenu li{
list-style:none;
display:inline;
margin:0 0 0 12px;
}
#sideContent{
width:325px;
float:left;
}
#menuContent{
width:100%;
padding:0 0 14px 0;
margin:0 0 35px 0;
background:#e5eeda url(images/subMenuBottom.gif) left bottom no-repeat;
}
#downloadContainer{
width:100%;
padding:0 0 14px 0;
}
#downloadContainer a.fileDownload{
display:block;
width:248px;
padding:18px 62px 0 15px;
margin:0 0 18px 0;
height:35px;
background:#64322f url(images/fileDownloadBG.jpg) left top no-repeat;
color:#fff;
font-family:Georgia, "Times New Roman", Times, serif;
/*font-size:1.2em;*/
}
#menuContentHome{
width:338px;
position:relative;
top:0;
left:-13px;
float:left;
}
#mainContentInner{
width:527px;
float:right;
}
#mainContentInner a{
text-decoration:underline;
font-weight:normal;
}
#imagesContainer{
margin:0 0 30px 0;
}
#mainContentInner li{
padding:0 0 0 20px;
background:url(images/menuBullet1.gif) left 8px no-repeat;
}
#mainContentInner li.listItem{
padding:0;
background-image:none;
width:100%;
}
#homeMenu{
width:338px;
}
#homeMenu li{
list-style:none;
margin:0 0 8px 0;
padding:0;
}
#homeMenu li a{
display:block;
width:259px;
height:37px;
padding:14px 0 0 79px;
background:#78941a url(images/homeMenuItemBG.jpg) right top no-repeat;
text-decoration:none;
font-weight:bold;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.25em;
color:#fff;
}
#homeMenu li a:hover{
background:url(images/homeMenuItemBG.jpg) right -59px no-repeat;
}
#homeMenu li a.payRent{
background:url(images/homeMenu_rent.jpg) right top no-repeat;
}
#homeMenu li a.payRent:hover{
background:url(images/homeMenu_rent.jpg) right -59px no-repeat;
}
#homeMenu li a.repair{
background:url(images/homeMenu_repair.jpg) right top no-repeat;
}
#homeMenu li a.repair:hover{
background:url(images/homeMenu_repair.jpg) right -59px no-repeat;
}
#homeMenu li a.apply{
background:url(images/homeMenu_apply.jpg) right top no-repeat;
}
#homeMenu li a.apply:hover{
background:url(images/homeMenu_apply.jpg) right -59px no-repeat;
}
#homeMenu li a.news{
background:url(images/homeMenu_news.jpg) right top no-repeat;
}
#homeMenu li a.news:hover{
background:url(images/homeMenu_news.jpg) right -59px no-repeat;
}
#homeMenu li a.newsletter{
background:url(images/homeMenu_newsletter.jpg) right top no-repeat;
}
#homeMenu li a.newsletter:hover{
background:url(images/homeMenu_newsletter.jpg) right -59px no-repeat;
}
#homeMenu li a.coverage{
background:url(images/homeMenu_coverage.jpg) right top no-repeat;
}
#homeMenu li a.coverage:hover{
background:url(images/homeMenu_coverage.jpg) right -59px no-repeat;
}
#homeMenu li a.benefits{
background:url(images/homeMenu_benefits.jpg) right top no-repeat;
}
#homeMenu li a.benefits:hover{
background:url(images/homeMenu_benefits.jpg) right -59px no-repeat;
}
#mainContentInner.fullWidth{
width:auto;
border:0;
padding:0 60px 0 0;
}
#mainContentInner.noLeftMenu{
padding:0 0 0 355px;
background:url(images/leftMenuBack_Blank.jpg) left top no-repeat;
min-height:519px;
height:auto !important;
height:519px;
}
#homePanel{
margin:0 0 30px 0;
background:url(images/newsPanelBG.jpg) left top no-repeat; overflow:hidden;
height:286px;
width:885px; 
}
.homePanelLink{
display:block;
height:286px;
width:885px;
font-weight:normal;
color:#fff;
}
.homePanelLink:hover{
color:#fff;
text-decoration:none;
}
#slider	{height:286px; width:885px; background:url(images/newsPanelOverlay.png) right top no-repeat; position:relative;}
/* DEFAULT is for three panels in width, adjust as needed
This only matters if JS is OFF, otherwise JS sets this. */								  
#mover{width:2655px; position:relative;}
.slide{padding:0; width:885px; float:left; position:relative;}
.slide .txtContainer{width:270px; height:172px; overflow:hidden; padding:25px; color:#fff;}
.slide h1{color:#fff; font-size:1.7em; margin:0 0 40px 0; text-decoration:none;}
.slide p{color:#fff;}
.slide .imgContainer{position:absolute; top:0px; left:327px; width:558px; height:286px;}
#slider-stopper{display:none; position:absolute; background:#6e3934; color:#fff; top:1px; right:20px; padding:3px 8px; z-index:1000; min-height:21px; height:auto !important; height:21px;}

.downloadIcon{
margin:1px 1em 1px 0;
vertical-align:middle;
}
.downloadLink{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.33em;
}
.expandableSection{
margin:1em 0 0 0;
}
.innerFooterContainer{
width:885px;
padding:30px;
margin:0 auto;
text-align:left;
}
ul.errorList{
padding:0;
margin:0 0 2em 0;
}
ul.errorList li{
list-style:none;
padding:0 0 1em 2em;
color:red;
}
.floatL{
float:left;
}
.floatR{
float:right;
}
.taLeft{
text-align:left;
}
.taRight{
text-align:right;
}
.taCenter{
text-align:center;
}
.vAlignM{
vertical-align:middle;
}
.pageImgL{
width:257px;
float:left;
padding:0 10px 0 0;
}
.pageImgR{
float:right;
width:257px;
}
.bodyTextContainer{
width:467px;
padding:0 60px 0 0;
}
.attachmentContainer{
margin:5px 0 0 0;
}
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */