/* Start of CMSMS style sheet 'forms' */
/*-----------------
GLOBAL
------------------*/

form fieldset {
    margin: 0px 0;
    width: 499px;
    clear: both;
    display: block;
    border: none;
    padding:0;
    border-bottom: none;
    padding-bottom: 10px;
    position: relative;
}
 
form legend {
     font-size: 1.4em;
     line-height: 1.25em;
     color: #343078;
     font-weight: normal;
}

#serviceTitle {display: none;}
 
/*-----------------
LABELS
------------------*/
 
form label,
form .radioSet label.superlabel,
form .checkboxSet label.superlabel {
    display: block;
    float: none;
    font-weight: normal;
    clear: both;
    width: 90px;
    color: #555;
    float: left;
}
 
.checkboxSet div {
    clear: both;
    margin:5px 5px 10px 85px;
}




/*-----------------
INPUTS
------------------*/
 
form input,
form textarea,
form select {
    width: 248px;
    border: solid 1px #ccc;
    background: #fff;
    font-size: 1em;
    font-family: arial,helvetica, sans serif;
    margin-bottom: 8px;
    float: left;
    padding: 5px;
}
 
form textarea {height: 90px;}
form select {width: 260px;}
 
/*-----------------
RADIO / CHECKBOX
------------------*/
 
form .radioSet input,
form .checkboxSet input {
    width: auto;
    border: none;
    margin-bottom: 0;
}
 
form .radioSet div label,
form .checkboxSet div label,
form .radioSet label,
form .checkboxSet label {

    display: inline;
    font-weight: normal;
    color: #63605F;
}
 
form .datepicker select, form .timepicker select {width: 80px;}


form .radioSet div label, form .checkboxSet div label, form .radioSet label, form .checkboxSet label {
    clear:none;
color:#63605F;
display:inline;
float:none;
font-weight:normal;
margin:0pt 10px 10pt 4px;
}
.radioSet {margin-left: 85px;}


/*-----------------
MULTIPLE INPUT
------------------*/
 
form .textinput_multiple div {
    float: left;
    overflow: hidden;
    clear: both;
}
 
form .textinput_multiple div input {
    width: 390px;
    float: none;
    margin-top: 4px;
}
 
form .textinput_multiple input.button {
    width: 50px;
    float: right;
    cursor: pointer;
    margin-right: 8px;
    border: double 3px #BBB;
    padding: 0px 3px;
    border-color: #AAA #888 #888 #AAA;
    font-size: 10px;
    background: #F5F5F5;
}
 
form .textinput_multiple input {
    width: 50px;
    float: left;
    margin-top: 4px;
}
 
/*-----------------
ALT SIZE INPUT
------------------*/
 
form .LeftLabel {
    position: relative;
    padding-bottom: 3px;
}
 
form .LeftLabel label {
    padding-left: 35px;
}
 
form .LeftLabel input {
    position: absolute;
    left: 0;
    top: 0;
}
 
form .narrowInputs label,
form .narrowInputs input,
form .narrowInputs textarea,
form .narrowInputs select {
    width: 250px;
}
 
form .smallField input,
form .smallField textarea,
form .smallField select {
    width: 2em;
    border: solid 1px #AAA;
    background: #F5F5F5;
}
 


/*-----------------
COLOUR CHANGE
------------------*/
 
form .required input,
form .required textarea,
form .required select {
    background: #fff;
    border-color: #ccc;
}
 
form .errorinput input, form .requirederrorinput input,
form .errorinput textarea, form .requirederrorinput textarea,
form .errorinput select, form .requirederrorinput select {
    background-color:#FFDFDF !important;
    border-color:#DF4545 !important;
}
 
.error_message, .error {
    background-color:#FFDFDF;
    border: 1px solid #DF4545;
    padding: 10px;
    width: 285px;
}
.error_message ul, .error ul {
    margin: 0;
    list-style: square;
}
.error_message h3, .error h3 {
    margin:0 0 0.5em;
}
 
/*-----------------
JAVASCRIPT ONLY
------------------*/
 
fieldset.hideUntilActivated div {display: none;}
fieldset.hideUntilActivated div.activateHidden, fieldset.hideUntilActivated div.activateHidden div {display: block;}
 
span.label,span.spacer,span.multiple span {width:120px;float:left;}
span.multiple {float:left;}
span.button {padding-left:120px;}
div.clear {clear:both;padding-top:5px;}
label.mandatory {font-weight: bold;}
 
/*-----------------
TYPOGRAPHY
------------------*/
 
form div p {margin: 10px 0 0 0; clear:both;}
form div p strong {color: #7D914A;}
 
form .radioSet div {float: left; margin-bottom: 10px;}
form .noFloat div {float: none;}


 
/*-----------------
SUBMIT
------------------*/
 
form .button input {
    background: url(uploads/images/btn-tile.gif) repeat-x scroll 0 0;
    height: 28px;
    color: #fff;
    font-weight: bold;
    width: auto;
    border: solid 1px #ccc;
    padding: 1px 25px;
    cursor: pointer;
    float: right;
    margin-right: 5px;
}

form .button input:hover {color:#333;}


#InterestArea {
    border-top:1px dotted #CCCCCC;
    margin-top:20px;
    padding-top:15px;
}


.contactForm {
    width: 500px;
}

.contactForm .submit input {
   color: #222;
   background: url(uploads/images/submitTile.jpg) repeat-x scroll 0 0;
   height: 28px;
   width: 100px;
   font-weight: bold;
   margin-left: 280px;
}

.contactForm .submit input:hover {
   color: #fff;
   cursor: pointer;
}

form label, form .radioSet label.superlabel, form .checkboxSet label.superlabel {
clear:both;
color:#555555;
display:block;
float:left;
font-weight:normal;
width:120px;
}

/* End of 'forms' */

/* Start of CMSMS style sheet 'Typography' */
/*---------------------
	GLOBAL
---------------------*/
body {
     font-family: arial, helvetica, verdana, sans-serif;
     font-size: 0.72em;
     line-height: 1.25em;
     color: #666;
}

/*---------------------
	TYPOGRAPHY
---------------------*/
h1 {
     font-size: 21px;
     /*margin: 1.2em 0 0;*/
     font-weight: normal;
     color: #111111;
     line-height: 1.1em;
}
h2 {
     font-size: 1.75em;
     line-height: 1.25em;
     margin: 0em 0 0.2em 0;
     color: #63b20e;
     font-weight: normal;
     }
p+h2,ul+h2 {margin: 1.2em 0 0.2em 0;}
h3 {
     font-size: 1.4em;
     line-height: 1.25em;
     margin: 10px 0 1em 0;
     color: #62b10e;
     font-weight: normal;
     }
h4 {
     font-size: 1.1em;
     margin: 0 0 1em 0;
     color: #333;
     font-weight: bold;
}

h1 a {color: #9f9e9e;}
h1 ahover { text-decoration: underline;} 

h2 a {color: #282560;}
h3 a, h4 a {color: #343078;}

h2 a:hover, h3 a:hover, h4 a:hover {text-decoration: underline; color: #255ec8;}

p {
	font-size:1.15em;
	line-height:1.35em;
	margin: 10pt 0pt 1em;
}

/*---------------------
	LINKS
---------------------*/
a {
     color: #5bb1e2; 
     text-decoration: none;
     font-size: 1.05em;
}
a:hover {text-decoration: underline; color: #4C8EAF;}
a:active {outline: none;}
a img {border: none;}

/*---------------------
	LISTS
---------------------*/
ul {
     list-style: square;
}
p+ul {margin-top: 0; padding:0 0 0 2em;}


#content .courseList ul li {
      list-style: none;
      padding: 4px;
      margin-top: 2px;
}
#content .courseList ul li.currentpage h3{display:none;}
#content .courseList ul li a {font-weight: bold; text-transform: uppercase;}
#content .courseList ul li ul li a {font-weight: bold; text-transform: none;}
#content .courseList ul li ul li ul li a {font-weight: normal; text-transform: none; /*color: #555;*/}

#content .courseList ul li ul li ul {
      margin: 0;
      padding: 5px;
}

#content .courseList ul {
     list-style:  none;
     padding: 0;
     margin: 0;
}

ul a {color:#14346F;}
ul a:hover:{color:#255EC8}
ol {margin-top: 10px;}
ol li  {
     margin: 0.4em 0.5em;
     line-height: 1.3em;
}

#content li {font-size: 1.05em;}
#content li a {font-size: 1em; text-decoration: underline;}


/*---------------------
	TABLES
---------------------*/
thead {font-size:1.2em; color: #333;}
tbody {background-color: #fff;}
td {
padding:10px; 
color: #333;
border-bottom:1px solid #444;
line-height: 1.4em;
}

/*---------------------
	OTHER
---------------------*/

/*---------------------HORIZONTAL LINE */
.hr {
     border: none;
     height: 5px;
     margin: 1em;
     clear: both;
}
.hr hr {display: none;}
hr.thin {margin: -0.3em 0 0.5em 0;}
hr.black {border-color: #000;}

/*---------------------DATA TABLES */
dt{
     float: left;
     clear: left;
     font-weight: bold;
     margin: 0 0 1em 1em;
     width: 55px;
     color: #000;
}
dd {
     display: block;
     margin: 0 0 1em 0;
     padding-left: 75px;
}

/*---------------------BLOCKQUOTE */
blockquote {
     margin: 0.5em 0;
     padding: 1.5em;
     background: #F5F8E2;
     color: #000;
}
blockquote h2, blockquote h3,blockquote h4, blockquote a {color: #000;}
blockquote p {}

/*---------------------CODE VIEW */
code {
     background: #F0F0F0;
     color: #000;
     font-size: 1.1em;
}
pre {
     background: #333;
     font-size:1.2em;
     line-height:1.4em;
     color: #eaeaea;
     padding: 1em;
     margin: 0.5em 0;
     font-family: Verdana, Helvetica, sans-serif;
}
/* End of 'Typography' */

/* Start of CMSMS style sheet 'Menu' */
#nav {
     height: 33px;
width: 905px;
position: relative;
left: 91px;
z-index:500;
}


#nav ul {
     list-style: none;
     margin:0;
     padding:0;
}
#nav a, #nav li.sectionheader {
     display: block;
     font-weight: normal;
     text-transform: uppercase;
     font-size:1.1em;
     *font-size: 1em;
     line-height: 1em;
     color:#555;
     padding: 10px 8px;
}
#nav li {
     float: left;
     display: block;
     position: relative;
     background-color: #fff;
}
#nav li a:hover, #nav li.sectionheader:hover, #nav li.sectionheader.sfhover {
     text-decoration: none;
     color: #000;
}
#nav .currentpage h3 {
     display: block;
     font-weight: normal;
     text-transform: uppercase;
     font-size:1.1em;
     *font-size: 1em;
     line-height: 1em;
     color:#000;
     padding: 10px 8px;
     margin: 0px;
}
     /* --------->>> LEVEL TWO <<<---------*/
     #nav li ul {
          position: absolute;
          width:250px;
          display: none;
          top: 33px;     
*top: 32px;
          left: 0;
     }


     #nav li ul li {
          width: 230px;
          background-color: #fafafa;
          border-bottom: solid 1px #ccc;
}
     #nav li ul li.currentpage h3 {
          border-top: none;
          font-weight: bold;
          font-size: 1.1em;
          display: block;
          margin: 0px;
          padding: 7px 10px 5px;
          line-height:1em;
          text-transform: none;
          background: #333;
          color: #fff;
     }
#nav li ul li a {
     padding: 5px 10px; 
     border-top:none;
     text-transform: none;
     color: #555;
     
     
}
     #nav li ul li a:hover{background: #e7e5e5; color: #000; border-top:none; margin-top:0px;}
          /* --------->>> GLOBAL <<<---------*/
          #nav li:hover ul {
               display: block;
          }
          #nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
               display: block;
          }
          #nav li:hover ul ul, #nav li.sfhover ul ul {
               left: -999em;
          }
/* End of 'Menu' */

/* Start of CMSMS style sheet 'News' */
div#news {
 /* margin: 2em 0 1em 1em;   margin for the entire div surrounding the news list */
 
}

.NewsSummary p {margin:0;}

div#news h2 {
   line-height: 2em;
   background: #fff;
}

.NewsSummary {
   padding: 0 0 3em 0;  /* padding for the news article summary */
   margin: 0 0 1em 0 ;  /* margin to the bottom of the news article summary */
   border-bottom:1px dotted #CCCCCC;
}

.NewsSummaryPostdate {
  font-size: 90%;
  font-weight: bold;
  text-align:right;
  color: #444;
  float:right;
  width:50px;
 }

.NewsSummaryLink {
    font-weight: bold;
    padding-top: 0.2em;
    padding-bottom: 0.6em;
}

.NewsSummaryLink a {
    color: #62B10E;
}

.NewsSummaryLink a:hover { color: #467F07;}

.NewsSummaryCategory {
  font-style: italic;
  margin: 5px 0;
 }

.NewsSummaryAuthor {
  font-style: italic;
  padding-bottom: 0.5em;
}

.NewsSummarySummary, .NewsSummaryContent {
  line-height: 140%;
 }

.NewsSummaryMorelink {
  padding-top: 0em;
  float: right;
}

#NewsPostDetailDate {
  font-size: 90%;
  margin-bottom: 5px;
  font-weight: bold;
  width: 50px;
  float: right;
  text-align: right;
  color: #222;
  }

#NewsPostDetailSummary {
   line-height: 150%;
   }

#NewsPostDetailCategory {
  font-style: italic;
  border-top: 1px solid #ccc;
  margin-top: 0.5em;
  padding: 0.2em 0;
}

#NewsPostDetailContent {
  margin-bottom: 15px;
  line-height: 150%;
  }

#NewsPostDetailAuthor {

  padding-bottom: 1.5em;
  font-style: italic;
}


/* to add specific style to the below divs, uncomment them. */

 
#NewsPostDetailTitle {margin-top:0; color: #222;}

h3#NewsPostDetailTitle {color: #63B20E;}

/*#NewsPostDetailHorizRule {}
#NewsPostDetailPrintLink {}
#NewsPostDetailReturnLink {}
*/
/* End of 'News' */

/* Start of CMSMS style sheet 'LAYOUT' */
body {

	margin: 0;
}

#bodyWrapper {
	background: url(uploads/images/header.jpg) no-repeat scroll 0 0;
	width: 1004px;
	position: relative;
}

#mastHead h1 {
	margin: 0;
	text-indent: -999em;
	padding-top: 125px;
}

#mastHead h1 a {
	background: url(uploads/images/logo.gif) no-repeat scroll 0 0;
	display: block;
	width: 540px;
	height: 37px;
	cursor: pointer;
	margin-left: 99px;
	
}

#contentWrapper {
	margin-bottom: 20px;
	/*overflow: hidden;   ---->> removed for who can benefit button on home page */
	position: relative;
	margin-left: 99px;
	margin-top: 10px;
}



/*--------------- CALLS TO ACTION ----------------*/


#CTA1 a{
	background: url(uploads/images/CTA1.jpg) no-repeat scroll left top;
	display: block;
	height: 200px;
	width: 800px;
	margin-bottom:10px;
	text-indent: -999em;
}

#CTA1 a:hover{
	background: url(uploads/images/CTA1.jpg) no-repeat scroll left bottom;
	cursor: pointer;
}
	
#CTA2 a{
	background: url(uploads/images/CTA2.jpg) no-repeat scroll left top;
	display: block;
	height: 200px;
	width: 800px;
	margin-bottom:140px;
	text-indent: -999em;
}

#CTA2 a:hover{
	background: url(uploads/images/CTA2.jpg) no-repeat scroll left bottom;
	cursor: pointer;
}

.benefitBtn {
        width: 133px;
        height: 133px;
        text-indent: -9999em;
        overflow: hidden;
        display: block;
        background: url(uploads/images/whocanbenefit.png) no-repeat scroll 0 0;

        position: absolute;
        top: 152px;
        right: -16px;
}
* html .benefitBtn {
background: url(uploads/images/whocanbenefit.gif) no-repeat scroll 0 0;
}

/*--------------- CONTENT ----------------*/



#content {
	width: 540px;
	padding-right: 20px;
	float: left;
	min-height: 590px;
       margin-top: 8px;
       position: relative;
}

#content-Normal {
       float:left;
       margin-top:8px;
       min-height:590px;
       padding-right:20px;
       width:540px;
       position: relative;
}

#content-Normal img {
        margin: 10px;
}

.smallImage {
       widht: 533px;
       height: 295px;
}

#imageWrapper {
	position: relative;
}

#imageText {
	background: url(uploads/images/big-trans.png) repeat-y scroll 0 0;
	left:0;
	padding:10px 0 0 20px;
	position: absolute;
	top:0px;
	color: #fff;
	width:513px;
        font-size: 1.5em;
        font-weight: bold;
}

#imageText a {
       color: yellow;
}

#imageText p {
       line-height: 1.55em;
}

* html #imageText {
	background: url(uploads/images/big-trans.gif) no-repeat scroll 0 0;
}

* html #imageTextSmall {
	background: url(uploads/images/big-trans.gif) no-repeat scroll 0 0;
        bottom: 0;
}


#imageTextSmall {
	background: url(uploads/images/big-trans.png) no-repeat scroll 0 0;
	left:0;
	padding:10px;
	position: absolute;
	bottom: 0px;
   *bottom: -13px;
	color: #fff;
	width: 513px;
        text-align: center;
        font-size: 1.5em;
}

#imageText h1 {
	color: #fff;

}

h1 span.green {
        color: #62B10E;
        text-transform: uppercase;
}

/*--------------- blog ----------------*/



#blog {
	width: 240px;
	float: left;
	padding: 20px 10px 20px 10px;
	min-height: 590px;
}

.contact #blog {
	width: 190px;
	float: left;
	padding: 0px 10px 10px 10px;
	margin-top: 40px;
	min-height: 0;

} 



#blog a.CTA1 {	
    background: url(uploads/images/contact-peter.jpg) no-repeat scroll 0 0;
    color:#444444;
    display:block;
    height:129px;
    line-height:1.5em;
    margin-bottom:16px;
    padding:39px 15px 0;
    width:225px;
}

#blog a.CTA1 span {
	margin-top: 5px;
	margin-bottom: 5px;
	display: block;
	font-size:1.7em; 
	color:#222;
}

#blog a.CTA1 span:hover {
	text-decoration:;
	color: #222;
	cursor: default;
}

#blog a.CTA1:hover {
	color: #000;
	text-decoration: none;
}

#blog a.CTA2 {
	background: url(uploads/images/purpleCTA.jpg) no-repeat scroll left top;
	height: 100px;
	width: 190px;
	display: block;	
	margin-bottom: 16px;

}

#blog a.CTA2:hover {
	background: url(uploads/images/purpleCTA.jpg) no-repeat scroll left bottom;
}




#blog a.email, #blog a.tips, #blog a.monavie, #blog a.voucher {
	color: #1c484c;
	text-transform: uppercase;
	width: 240px;
	height: 27px;
	display: block;
	font-weight: bold;
	padding: 6px;
}


#blog a.email {
	background: url(uploads/images/email.gif) no-repeat scroll 0 0;
}

#blog a.tips {
	background: url(uploads/images/tips.gif) no-repeat scroll 0 0;
}

#blog a.monavie {
	background: url(uploads/images/monavie.gif) no-repeat scroll 0 0;
}

#blog a.voucher {
	background: url(uploads/images/voucher.gif) no-repeat scroll 0 0;
}



/*--------------- FOOTER ----------------*/

#pagefooter
{
border-top:1px solid #B8D938;
font-size: 0.9em;
font-style: italic;
}


#footer {
	float: right;
	border-top: solid 1px #b8d938;
	clear: both;
	width: 800px;
	margin-right: 107px;
}

#footer p {
	float: right;
}

/*--------------- ACORN LOGO ----------------*/



#acornLogo {
	float:right;
	text-indent: -999em;
	margin:5px 5px;
}

#acornLogo a {
	background: url(uploads/images/acornLogo.gif) no-repeat scroll 0 0;
	display: block;
	width: 62px;
	height: 22px;
}





/* End of 'LAYOUT' */