@charset "utf-8";

#tweet ul {list-style: none; padding: 0; margin: 0;}

.calloutBox {
  background-color: #7dc242;
  color: #000;
  float: right;
  width: 175px;
}
.portrait {
  border-bottom: 10px solid #FFF;
  border-left: none;
  border-right: none;
  border-top: 10px solid #FFF;
  margin: 0 30px;
}

.portrait p {
  margin: 0 -20px;
  padding: 1em;
  background-color: #FFF;
  color: #000;
  font-style: italic;
  text-align: center;
}

.tsitablegreen
{ }

.courselist th, .event th, .tsitablegreen th
{ background-color: #7DC242; color: White}

.formindent {
  margin: 0px 0px 0px 35px;
}


/* post code style */

/* .postcoderedirectlabel
{ display: block; padding-bottom: 20px; padding-top: 0px;} */

.postcoderedirectlabel
{ position: absolute; left: 0px; top: 35px; margin-bottom: 200px; border: 0px; }

/*.postcoderedirectform 
{ margin-top: 220px; } */

.postcoderedirectform
{ position: relative; margin-top: 15px; height: 45px; background-image: url(/images/templates/Content_advice/postcode2.png); background-position: left top; background-repeat: no-repeat; }

.postcoderedirectform .input-text
{ position: absolute; left: 8px; top: 5px; width: 130px; border: 0px; }

.postcoderedirectform .searchsubmit
{ cursor:pointer; position: absolute; right: 143px; top: 1px; width: 30px; font-weight: bold; color: #7dc242; border: 0px; background-color: transparent; }

/* .postcoderedirectform .searchsubmit .label
{ display: block; } */

/* layout styles */


html, body
{ padding: 0px; margin: 0px; }

body
{ font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; font-size: small; color: #000; background-color: #FFF; }

table
{ table-layout: fixed; }

p, h1, h2, h3, h4, h5
{ margin-top: 0px; margin-bottom: 10px; }

h1
{ font-size: 130%; }

h2, h3
{ font-size: 120%; }

h4, h5
{ font-size: 110%; }

img
{ display: block; border: none; }

embed
{ display: block; }

form
{ margin: 0px; }

hr
{ color: #959AC3; background-color: #959AC3; height: 1px; border: 0px; }

.website
{ width: 976px; margin: auto; }

.header #searchform div label.searchsubmit input.searchsubmit {
	background-color:transparent;
	border:0 none;
	left:420px;
	position:absolute;
	top:29px;
	width:30px;
	cursor:pointer;
}

.header #searchform div label.searchsubmit {
	display:block;
}


.header
{ overflow: hidden; width: 976px; position: relative; }

.header h1
{ float: left; position: relative; width: 247px; height: 138px; margin-bottom: 0px; }

.header h1 span
{ position: absolute; background-image: url(/images/templates/Content_advice/logo.png); background-repeat: no-repeat; width: 100%; height: 100%; }

.header .postcodesearchform
{ position: relative; float: left; width: 219px; height: 62px; background-image: url(/images/templates/Content_advice/postcode1.png); background-position: left top; background-repeat: no-repeat; }

.header .postcodesearchform div label,
.header #searchform div label
{ display: none; }

.header .postcodesearchform div label.searchsubmit
{ display: block; }

.header .postcodesearchform .input-text
{ position: absolute; left: 50px; top: 32px; width: 90px; border: 0px; }

.header .postcodesearchform .searchsubmit
{ position: absolute; left: 74px; top: 15px; cursor: pointer; width: 78px; border: 0px; font-weight: bold; font-size: 100%; color: #FFF; background-color: transparent; text-transform: lowercase; }

.header #searchform
{ position: relative; float: left; width: 510px; height: 62px; background-image: url(/images/templates/Content_advice/site-search.png); background-position: left top; background-repeat: no-repeat; }

.header #searchform #frmSearchTerm
{ position: absolute; left: 233px; top: 32px; width: 172px; border: 0px; }

.header #searchform #searchsubmit
{ cursor: pointer; position: absolute; right: 29px; top: 32px; width: 35px; border: 0px; font-weight: bold; font-size: 100%; color: #FFF; background-color: #6f246e; }

.header #loginform
{ position: relative; float: left; width: 729px; height: 76px; background-image: url(/images/templates/Content_advice/member-login.png); background-position: left top; background-repeat: no-repeat; }

.header #loginform fieldset
{ margin: 0px; padding: 0px; border: 0px; }

.header #loginform #frmUsername,
.header #loginform #frmPassword
{ position: absolute; left: 435px; top: 13px; width: 190px; border: 0px; }

#frmUsername, #frmPassword, #frmPostcode, #frmSearchTerm, #frmRedirectPostcode
{ color: #636467; }

.header #loginform #fp_link
{ position: absolute; right: 22px; top: 14px; }

.header #loginform #fp_link a 
{color:#892A81;	display:block;	font-size:110%;	font-weight:bold;	padding-right:4px;	text-align:right;	text-decoration:none;	text-transform:lowercase;	width:76px;}

.header #loginform #fp_link a:hover
{ color: #ed1c24; }

.header #loginform #frmPassword
{ top: 43px; }

.header #loginform #itemUsername label,
.header #loginform #itemPassword label
{ display: none; }

.header #loginform #loginsubmit
{ position: absolute; cursor: pointer; right: -3px; top: 43px; border: 0px; font-size: 100%; font-weight: bold; color: #892a81; background-color: transparent; width: 80px; overflow: hidden; text-transform:lowercase; }

.header .navigation
{ background-color: #7dc242; line-height: 26px; }

.header .navigation #top_nav
{ background-color: #7dc242; float: left; }

.header .navigation #top_nav ul
{ list-style: none; margin: 0px; padding: 0px; float: left; width: 976px; font-size: 85%; }

.header .navigation #top_nav ul li
{ float: left; padding-right: 1px; background-image: url(/images/templates/Content_advice/navigation-split.png); background-position: right center; background-repeat: no-repeat;}

.header .navigation #top_nav ul li a
{ color: #FFF; text-decoration: none; display: block; padding-right: 1em; padding-left: 1em; }

.header .navigation #top_nav ul li.last
{ background-image: none; }

.header .navigation #top_nav ul li a:hover,
.header .navigation #top_nav ul li a.selected
{ background-image: url(/images/templates/Content_advice/navigation-bg.png); background-position: left top; background-repeat: repeat-x; }

.header .navigation #top_nav ul li a.first
{ padding-left: 39px; background-image: url(/images/templates/Content_advice/navigation-home.png); background-position: left top; background-repeat: no-repeat; }

/* IE6 requires we set the background image url again, otherwise the rollover image doesn't show? */
.header .navigation #top_nav ul li a.first:hover,
.header .navigation #top_nav ul li a.first.selected
{ background-image: url(/images/templates/Content_advice/navigation-home.png); background-position: left bottom; }

.datetime
{ position: absolute; bottom: 0px; right: 0px; display: block; clear: both; margin: 0px; padding-right: 15px; font-size: 85%; line-height: 26px; text-align: right; color: #FFF; background-color: #7dc242; }

.secondary
{ float: left; width: 210px; margin: 8px 9px 0px 0px; }

.secondary dl
{ position: relative; margin: 0px; margin-bottom: 10px; padding: 0px; font-size: 90%; background-image: url(/images/templates/Content_advice/link-boxTop.png); background-position: left top; background-repeat: no-repeat; background-color: #E6E8FA; }

.secondary dl dt
{ padding: 8px 50px 0px 14px; text-transform: uppercase; color: #892a81; font-weight: bold; }

.secondary dl dd
{ padding: 0px 50px 0px 14px; margin: 0px; }

.secondary dl dd.desc
{ line-height: 14px; font-size: 90%; color: #892a81; padding-bottom: 8px; background-image: url(/images/templates/Content_advice/link-boxBottom.png); background-position: left bottom; background-repeat: no-repeat; }

.secondary dl dd.icon
{ position: absolute; right: 0px; top: 0px; padding: 0px; }

.secondary dl dt a,
.secondary dl dd a
{ color: #892a81; text-decoration: none; }

.secondary .nav-custom > li > ul > li.removeBorder, .secondary .nav-custom > li > ul > li.removeBorder-selected
{ border-bottom: 0; padding-bottom: 5px; }

.main,
.main-sub
{ float: left; width: 536px; margin: 8px 9px 0px 0px; }

.main .lastestNews
{ height: 154px; padding: 18px 30px 0px 283px; color: #6f246e; background-image: url(/images/templates/Content_advice/latest-news.jpg); background-position: left top; background-repeat: no-repeat; background-color: #FFF; }

/* the below rule uses CSS2 specification child selector which isn't recognised by IE6 */
.main > .lastestNews
{ min-height: 154px; height: auto; }

.main .lastestNews h2
{ font-weight: bold; font-size: 120%; }

.main .lastestNews p
{ font-size: 85%; }

.main .lastestNews p.last
{ margin: 0px; }

.main .news_listing
{ overflow: hidden; width: 526px; padding: 10px 0px 13px 10px; background-image: url(/images/templates/Content_advice/news-bottom.png); background-position: left bottom; background-repeat: no-repeat; }

.main .rsslink
{ display: none; }

.rssDate
{ padding-bottom: 20px;}

.main .news_item
{ position: relative; float: left; width: 254px; margin-right: 7px; }

.main .news_title, .main .news_summary
{ padding: 14px; background-image: url(/images/templates/Content_advice/news-title.png); background-position: left top; background-repeat: repeat-x; background-color: #6f246e; }

.main .news_title
{ text-transform: lowercase; padding: 10px 14px; }

.main .news_title a
{ color: #FFF; text-decoration: none; font-weight: bold; font-size: 120%; }

.main .news_summary
{ color: #666; padding-top: 3em; background-image: url(/images/templates/Content_advice/news-summary.png); background-color: #e2e3e4; }

.main .news_date
{ position: absolute; top: 4.1em; left: 14px; color: #892a81; }

.main .discover,
.main .help
{ margin-top: 10px; padding: 14px 23px; padding-bottom: 0px; color: #892a81; border: 1px solid #ddd; border-bottom: 1px dashed #ddd; }

.main .help
{ margin: 0px; margin-bottom: 10px; padding-right: 140px; border: 1px solid #ddd; border-top: 0px; background-image: url(/images/templates/Content_advice/map-uk.png); background-position: right bottom; background-repeat: no-repeat; }

.main .help h2
{ color: #7dc242; text-transform: lowercase; }

.main .help p
{ font-size: 85%; }

.main .help form
{ position: relative; margin-top: 15px; height: 45px; background-image: url(/images/templates/Content_advice/postcode2.png); background-position: left top; background-repeat: no-repeat; }

.main .help div input
{ border: 0px; margin: 6px 0px 0px 10px; width: 130px; height: 15px; }

.main .help div label
{ display: none; }

.main .help div label.searchsubmit
{ display: block; }

.main .help label input
{ position: absolute; right: 170px; top: -1px; width: 30px; font-weight: bold; color: #7dc242; border: 0px; background-color: #FFF; }

.main-sub
{ margin-bottom: 10px; background-image: url(/images/templates/Content_advice/sub-borderBg.png); background-position: left top; background-repeat: repeat-y; }

.main-sub .sub-borderTop
{ height: 5px; font-size: 1px; background-image: url(/images/templates/Content_advice/sub-borderTop.png); background-position: left top; background-repeat: no-repeat; }

.main-sub .sub-border
{ height: 5px; font-size: 1px; background-image: url(/images/templates/Content_advice/sub-border.png); background-position: left top; background-repeat: no-repeat; }

.main-sub .content 
{ overflow: hidden; width: 466px; padding: 25px 35px; color: #636467; }

.main-sub .content h1
{ color: #7dc242; font-size: 160%; text-transform: lowercase; }

.main-sub .content p
{ line-height: 19px; }

.main-sub .content hr
{ clear: both; margin-bottom: 15px; }

.main-sub .content .breadcrumb
{ margin-bottom: 1em; margin-top: -10px; text-transform: lowercase; }

.main-sub .content a
{ color: #892a81; text-decoration: none; }

.main-sub .content a:hover
{ color: #892a81; }

.main-sub .content .breadcrumb a
{ color: #636467; text-decoration: none; }

.main-sub .content .breadcrumb a:hover
{ color: #892a81; }

.main-sub .articleMain
{ overflow: hidden; width: 466px; color: #636467; }

.main-sub .articleMain h2
{ color: #892a81; margin-left: -1px; }

.main-sub .articleMain h2 a
{ color: #892a81; margin-left: -1px; text-decoration: none; }

.main-sub .articleMain img
{ float: left; margin-right: 20px; }

.main-sub .articleContent
{ float: left; width: 223px; }

.main-sub .articleContent h2 a,
.main-sub .articleSubLeft h3 a,
.main-sub .articleSubRight h3 a
{ text-decoration: none; color: #892A81;}

.main-sub .articleMain ul
{ margin-left: 0px; padding-left: 15px; }

.main-sub .articleContent p
{ line-height: 15px; font-size: 85%; }

.main-sub .articleMain ul li
{ color: #892a81; font-size: 85%; }

.main-sub .articleMain ul span
{ color: #636467; }

.main-sub .articleSubLeft,
.main-sub .articleSubRight
{ float: left; width: 225px; margin-right: 15px; }

.main-sub .articleSubRight
{ margin-right: 0px; }

.main-sub .articleSubLeft img,
.main-sub .articleSubRight img
{ float: left; margin-right: 10px; margin-bottom: 10px; }

.main-sub .articleSubLeft h3,
.main-sub .articleSubRight h3
{ float: left; color: #892a81; margin-top: 10px; font-size: 100%; width: 140px; }

.main-sub .articleSubLeft p,
.main-sub .articleSubRight p
{ clear: both; font-size: 85%; line-height: 16px; }

.secondary .nav-custom,
.secondary .nav-custom > li > ul
{ list-style: none; margin: 0px; padding: 0px; margin-bottom: 10px; }

.secondary .nav-custom
{ text-transform: lowercase; }

/*.secondary .nav-custom > li
{ position: relative; } */

.secondary .nav-custom > li
{ position: relative; margin-bottom: 10px; }

/* .secondary .nav-custom > li > a
{ display: block; height: 32px; margin-bottom: 10px; line-height: 32px; font-weight: bold; padding-left: 15px; text-decoration: none; color: #FFF; background-image: url(/images/templates/Content_advice/custom-topLevel.png); background-position: left top; background-repeat: no-repeat; background-color: #6f246e; } */

.secondary .nav-custom > li > a
{ display: block; height: 32px; margin-bottom: 0px; line-height: 32px; font-weight: bold; padding-left: 15px; text-decoration: none; color: #FFF; background-image: url(/images/templates/Content_advice/custom-topLevel.png); background-position: left top; background-repeat: no-repeat; background-color: #6f246e; }

.secondary .nav-custom > li > span
{ position: absolute; right: 5px; top: 5px; }

.level2-last
{ margin-top: 10px; }

.secondary .nav-custom > li > ul
{ background-image: url(/images/templates/Content_advice/custom-bg.png); background-position: left bottom; background-repeat: no-repeat; }

.secondary .nav-custom > li > ul > li:first-child
{ padding-top: 10px; background-image: url(/images/templates/Content_advice/custom-boxTop.png); background-position: left top; background-repeat: no-repeat; }

.secondary .nav-custom > li > ul > li
{ padding: 0px 0px 0px 13px; }

.secondary .nav-custom > li > ul > li > ul
{ list-style: none; margin-left: 15px; padding-left: 15px; }

.secondary .nav-custom > li > ul > li a
{ background-image: url(/images/templates/Content_advice/toggle-sublevel.png); background-position: 175px center; background-repeat: no-repeat; display: block; }

.secondary .nav-custom > li > ul > li > a,
.secondary .nav-custom > li > ul > li > ul > li > a,
.secondary .nav-custom > li > ul > li > ul > li > ul > li > a
{ color: #892a81; text-decoration: none; }

.secondary .nav-custom > li > ul > li > a:hover,
.secondary .nav-custom > li > ul > li > ul > li > a:hover,
.secondary .nav-custom > li > ul > li > ul > li > ul > li > a:hover
{ color: #7dc242; }

.secondary .nav-custom > li > ul > li > ul > li > ul > li {
	list-style:none;
}

.secondary .nav-custom > li > ul > li:first-child > a
{ margin-top: -5px; }

.secondary .nav-custom > li > ul > li
{line-height: 30px;}
/* border-bottom: 1px dashed #bcbec0; */

.secondary .nav-custom > li > ul > li > ul > li
{ line-height: normal; }

.secondary .nav-custom > li > ul > li > ul
{ margin-bottom: 10px; }

.secondary .nav-custom li.level3-selected > a, .secondary .nav-custom li.level3-last-selected > a, .secondary .nav-custom li.level3-first-selected > a,
.secondary .nav-custom li.level4-selected > a, .secondary .nav-custom li.level4-last-selected > a, .secondary .nav-custom li.level4-first-selected > a,
.secondary .nav-custom li.removeBorder-selected > a
{ color: #7DC242; font-weight: bold; background-image: url(/images/templates/Content_advice/toggle-sublevel-over.png); background-repeat: no-repeat; }

.secondary .nav-custom li.level3-selected > a, .secondary .nav-custom li.level3-last-selected > a, .secondary .nav-custom li.level3-first-selected > a
{ background-position: 175px center; }

.secondary .nav-custom li.level4-selected > a, .secondary .nav-custom li.level4-last-selected > a, .secondary .nav-custom li.level4-first-selected > a
{ background-position: 145px center; padding-right:15px; }

.promotions
{ float: left; width: 212px; margin: 8px 0px 0px 0px; }

.promotions p
{ margin-bottom:0px; text-align:right; color: #636467; }

.promotions .banner img
{ /*position: absolute;*/ left:1px; top:-5px; }

.promotions .banner
{ position: relative; /*padding-left:10px;*/ padding-right:10px; /*background-image: url(/images/templates/Content_advice/banner-borderBg.png);*/ background-position: left top; background-repeat: repeat-y;}

.promotions .banner-borderTop
{ /*height: 5px; background: url(/images/templates/Content_advice/banner-borderTop.png) left top no-repeat;*/ }

.promotions .banner-borderBtm
{ margin-bottom: 5px; height: 5px; /*background: url(/images/templates/Content_advice/banner-borderBtm.png) left top no-repeat;*/}

.promotions .banner a
{ color: #892A81; text-decoration: none; font-weight:bold; text-align:right}

.footer
{ clear: both; overflow: hidden; width: 946px; list-style: none; margin: 0px; padding: 0px 15px; background-image: url(/images/templates/Content_advice/footer.png); background-position: left top; background-repeat: repeat-x; background-color: #FFF; margin-bottom:10px; }

.footer li
{ float: left; font-size: 85%; line-height: 34px; text-transform: lowercase; margin-right: 1em; padding-right: 1em; background-image: url(/images/templates/Content_advice/footer-split.png); background-position: right center; background-repeat: no-repeat; }

.footer li.storm
{ float: right; }

.footer li.last
{ float: right; margin: 0px; padding: 0px; background-image: none; }

.footer li a
{ color: #808285; text-decoration: none; }

.footer li a:hover
{ color: #666; }


.coursebookingform div
{ clear: left; padding-right: 3px; display: block; padding-left: 3px; padding-bottom: 1px; margin: 5px 0px 0px; width: 354px; padding-top: 1px;}

.coursebookingform div label
{ color: #636467; padding-right: 5px; display: block; padding-left: 5px; float: left; padding-bottom: 3px; margin: 0px 0px 5px; width: 130px; padding-top: 3px; text-align: right}

.iFrameContent, .recallcontent
{ color: #636467;}

.courselist table, .event table
{ border-bottom: solid; border-width: 1px; border-color: #CFE0E0; border-top: solid; border-width: 1px; border-color: #CFE0E0; border-left: solid; border-width: 1px; border-color: #CFE0E0; border-right: solid; border-width: 1px; ; border-color: #CFE0E0; border-collapse: collapse;}

.courselist td
{ font-size: small; }

.courselistcol1 
{ width: 75px; vertical-align: top; background-color:#CFE0E0; font-size: small; color:White}

.courselistcol2 
{ vertical-align: top; background-color:#CFE0E0; font-size: small; color:White}

.courselistcol3 
{ width: 100px; vertical-align: top; background-color:#CFE0E0; font-size: small; color:White}

.courselistcol4 
{ width: 100px; vertical-align: top; background-color:#CFE0E0; font-size: small; color:White}

#logoutsection
{ background-image:url(/images/templates/Content_advice/member-logged-in.png); background-position:left top; background-repeat:no-repeat; color: #636467; float:left; height:56px; padding-bottom:0; padding-left:70px; padding-right:20px; padding-top:20px; position:relative; width:639px; }

.rsslink 
{ background-image:url(/images/templates/Content_advice/rsslinksmall.gif); background-position:left bottom; background-repeat:no-repeat; padding-left:18px;}

.tsibutton 
{ margin-top: 10px; margin-bottom: 10px; margin-left: 35px; background-color: #7DC242; font-family: Arial; font-weight: bold; font-size: small; border-style: outset; border-width: 1px; color: #FFFFFF; }

.tsibuttonlog 
{ margin-top: 10px; margin-bottom: 10px; margin-left: 132px; background-color: #7DC242; font-family: Arial; font-weight: bold; font-size: small; border-style: outset; border-width: 1px; color: #FFFFFF; }

.tsibuttonbadge 
{ margin-top: 10px; margin-bottom: 10px; margin-left: 128px; background-color: #7DC242; font-family: Arial; font-weight: bold; font-size: small; border-style: outset; border-width: 1px; color: #FFFFFF; width:80px; }

.tsibuttonbrochure 
{ margin-top: 10px; margin-bottom: 10px; margin-left: 128px; background-color: #7DC242; font-family: Arial; font-weight: bold; font-size: small; border-style: outset; border-width: 1px; color: #FFFFFF; width:80px; }

.tsibuttonauth 
{ margin-top: 10px; margin-bottom: 10px; margin-left: 128px; background-color: #7DC242; font-family: Arial; font-weight: bold; font-size: small; border-style: outset; border-width: 1px; color: #FFFFFF; width:80px; }

.tsibuttonass 
{ margin-top: 10px; margin-bottom: 10px; margin-left: 20px; background-color: #7DC242; font-family: Arial; font-weight: bold; font-size: small; border-style: outset; border-width: 1px; color: #FFFFFF; width:80px; }

.tsibuttonrules 
{ margin-top: 10px; margin-bottom: 10px; margin-left: 94px; background-color: #7DC242; font-family: Arial; font-weight: bold; font-size: small; border-style: outset; border-width: 1px; color: #FFFFFF; width:80px; }


.formpara 
{ font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; font-size: 1.0em; color: #636467; background-color: #FFF; }

.cstrimagespc {margin-top: 20px;}




.iframe_news_date
{ color: #636467; font-size:80%; padding-top: 5px; padding-bottom: 10px}

.iframe_news_summary
{ color: #636467; }

.iframe_content_news_heading
{ color: #7dc242; font-size: 160%; text-transform: lowercase; margin-bottom: 10px; }

.iFrameContent img
{ border: none; display:inline }

.iFrameContent li
{ font-size:small; }

.iFrameContent textarea
{  font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; font-size: small; color: #000; background-color: #FFF; }

.vatsize
{ font-size: 150% }

/* Online renewal system start */
.iconspan 
{ float: right; /* margin: 3px; */ cursor:pointer; font-weight: bold;}

.eg-bar
{ background-color: #7DC242; font-weight: bold; color:White; font-size: small; padding: 3px; }

div.eg-bar 
{ width: 480px;}

.icongroup1
{ width: 480px;}

.icongroup2
{ width: 480px; /* font-size:1em; */}

#hintbox
{ position:absolute; top: 0; background-color: #FFFACD; width: 150px; /*Default width of hint.*/ padding: 3px; border:1px solid black; font:normal 11px Verdana; line-height:18px; z-index:100; border-right: 3px solid black; border-bottom: 3px solid black; visibility: hidden;}

.hintanchor
{ font-weight: bold; color: navy; margin: 3px 8px;}
/* Online renewal system end */

.uglabel
{ float:left; width:100px; padding-top:3px;}

img.tscsLeft
{
    float:left;
}

img.tscsRight
{
    float:right;
}

.tdbpriceplandropdown, .tdbinstancedropdown
{
    width: 400px;
}