body { background:#222222; font-family:Arial,Helvetica,sans-serif; }

.container p { margin-bottom: 10px; }

fieldset { border: none; }

#topbar { height:10px; background:#8A3F9E; overflow:hidden; }

#callback h3 { padding-top:1em; color:#ffffff; font:bold 18px 'Century Gothic'; }
#callback p { color:#ffffff; }
#callback a { color:#8CB017; }
#callback label { color:#ffffff; float:left; width:75px; line-height:26px; background:#8CB017; text-align:center; }
#callback input { margin:0; width:184px; background:#ffffff; }
#callback .form-wrapper { padding-bottom:2em; }
#callback .form-error { padding-left:0; }
#callback .shadow { box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; }
#callback button { background:transparent url('../images/green_arrow.gif') no-repeat 100% 9px; border:none; padding:0 15px 0 0; float:right; }

#header { height:132px; background:#ffffff; }
#header .container { position: relative}
#header #logo { background:transparent url('../images/logo.gif') no-repeat 0px 27px; height:110px; text-indent:-1000px; overflow:hidden; }
#header #email { height:40px; font:normal 14px/40px 'Century Gothic'; color:#ffffff; background:#333333 url('../images/email_bg.gif') repeat-x bottom left; border-radius:0px 0px 18px 18px; -moz-border-radius:0px 0px 18px 18px; -webkit-border-radius:0px 0px 18px 18px; }
#header #email .email { color:#ffffff; text-decoration:none; margin-left:30px; outline:none; }
#header #telephone { cursor:pointer; float:right; height:40px; width:175px; background:transparent url('../images/phone_bg.gif') repeat-x top left; border-radius:0px 0px 18px 0px; -moz-border-radius:0px 0px 18px 0px; -webkit-border-radius:0px 0px 18px 18px; }
#header #telephone .telephone { background:transparent url('../images/telephone_icon.png') no-repeat 20px 10px; padding-left:50px; }
#header .advert { position: absolute; left: 479px; top:45px;}

#menu { /*height:100px;*/ height:60px; background:#eeeeee; }
#menu .container { /*height:100px;*/ height:60px; }
#menu ul { list-style:none; margin:0; padding:0; }
#menu ul li { float:left; display: inline; font:normal 14px 'Century Gothic',Arial; text-align:center; position:relative; width:135px; }
#menu ul li.last { width:140px; }
#menu ul li.level1 { /*height:100px;*/ height:60px; z-index: 5000; }
#menu ul li a.level1 { color:#333333; text-decoration:none; display:table-cell; /*height:100px;*/ height:60px; width:115px; padding:0 10px; vertical-align:middle; outline:none; }
#menu ul li.last a { width:120px; }
#menu ul li.current,
#menu ul li.section { background:transparent url('../images/menu_bg.gif') repeat-x top left; cursor:pointer; }
#menu ul li.current a.level1,
#menu ul li.section a.level1 { color:#eeeeee; font-weight:bold; }
#menu ul li .hovermenu-wrap { background:#000000; overflow:hidden; position:absolute; /*top:100px;*/ top:60px; left:0; z-index:1002; width: 158px; }
#menu ul li ul.hovermenu { background:#000000; z-index: 2000; }
#menu ul li ul.hovermenu li { line-height:16px; background:#000000; width:158px; font-size:11px; font-weight:normal; /* margin:0 10px; padding:0.5em 0;*/  border-bottom:1px dotted #666666; }
#menu ul li ul.hovermenu li.last { border-bottom:none; margin-bottom:1em; }
#menu ul li ul.hovermenu li a { color:#ffffff; display:block; padding:6px 20px; text-decoration:none; outline:none; }
#menu ul li ul.hovermenu li.current a { color:#8CB017; }

#body { background:#ffffff; padding-top:1.5em; padding-bottom:1.5em; }
#body h1 { color:#8A3F9E; font:normal 24px 'Century Gothic',Arial; }
#body h2 { color:#8CB017; font:normal 16px 'Century Gothic',Arial; }
#body p { color:#333333; }
#body a { color:#8CB017; }

#body p, #body span, #body li { font-family:Arial,Helvetica,sans-serif !important; font-size:12px !important; }

#footer { background:#eeeeee; }
#footer h4 { font:bold 14px 'Century Gothic',Arial; }
#footer p a { color:#333333; text-decoration:none; }

#affiliates a { float:right; display:block; cursor:pointer; margin-right:0.5em; }
#affiliates .rics { background:transparent url('../images/affiliates_small.gif') no-repeat scroll 0px 0px; height:25px; width:72px; }
#affiliates .rics:hover { background-position:0px -25px; }
#affiliates .abe { background:transparent url('../images/affiliates_small.gif') no-repeat scroll -124px 0px; height:25px; width:38px; }
#affiliates .abe:hover { background-position:-124px -25px; }
#affiliates .acai { background:transparent url('../images/affiliates_small.gif') no-repeat scroll -164px 0px; height:25px; width:41px; }
#affiliates .acai:hover { background-position:-164px -25px; }

#copyright { background:#222222; border-top:4px solid #8CB017; padding-top:1.5em; color:#ffffff; }
#copyright a { color:#8CB017; }

/* Forms */
.form-wrapper fieldset { border:none; padding:0; margin:0; }
.form-wrapper label { color:#333333; }
.form-wrapper input { background:#eeeeee; border:1px solid #cccccc !important; width:294px; margin:0.2em 0 1em 0; padding:4px; }
.form-wrapper textarea { background:#eeeeee; border:1px solid #cccccc; width:100%; height:124px; margin:0.2em 0 1em 0; }
.form-wrapper button { display:block; height:24px; border:1px solid #cccccc; color:#ffffff; font:bold 12px 'Century Gothic'; background:transparent url('../images/button_bg.gif') repeat-x top left; padding:0px 40px; cursor:pointer; }
.form-wrapper .success { background:#8CB017; color:#ffffff; font:normal 11px Arial; border:none; }

#contact-form input { width:100%; }

.form-error { color:#8CB017; font-size:10px; font-weight:bold; padding-left:6px; display:none; }
#body .success { background:#8CB017; border-color:#cccccc; color:#ffffff; }

/* CMS Pages */
#slideshow { height:300px; overflow:hidden; position:relative; }
#slideshow .slideshow-image { position:absolute; top:0; left:0;  }
#login { background:#000000 url('../images/login_bg.jpg') repeat-x top left; }
#login p { color:#ffffff; }
#login label { color:#ffffff; }
body.home #body { padding-bottom:0; }

#quotes { color:#8CB017; font:italic normal 24px/36px 'Century Gothic',Arial; text-align:right; position:relative; }
#quotes .quote { position:absolute; top:0; right:0;  }
#quotes .quote .client-name { color:#333333; font:normal 18px/18px 'Century Gothic',Arial; text-align:right; }
#quotes .quote .client-name .company-name { font-size:12px; font-weight:bold; }

.application-form { background:transparent url('../images/application_form_bg.gif') repeat-x top left; height:60px; margin-top: 23px; position:relative; border-radius: 20px; -moz-border-radius:20px; -webkit-border-radius:20px; float: left; display: inline; }
.application-form h3 { color:#8CB017; font:normal 16px 'Century Gothic',Arial; margin:10px 0px 0px 0px; }
.application-form a { color:#ffffff; text-decoration:none; }
.application-form .arrow { background:transparent url('../images/application_form_arrow.png') no-repeat top left; height:66px; width:60px; position:absolute; top:-16px; left:35px; }
.application-form .globe { background:transparent url('../images/GlobeOnline.png') no-repeat top left; height:66px; width:66px; position:absolute; top:-12px; left:30px; }
.application-form .pound { background:transparent url('../images/pound.png') no-repeat top left; height:52px; width:39px; position:absolute; top:-7px; left:43px; }
body.home .application-form { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
.application-form .doc { margin-left:58px; }
#body .application-form a.doc, #body .application-form a.pdf { color: #FFFFFF; }

.application-form.small { height: 45px; border-radius: 0 0 0 0; -moz-border-radius:0px; -webkit-border-radius:0px; }
.application-form.small h3 { margin: 0; }
.application-form.small a { height: 36px; padding-top: 9px; text-align: center; }

#layout-control { float:right; background:#000000; color:#ffffff; padding:5px; font-weight:bold; }
#layout-control a { color:#ffffff; height:20px; width:20px; display:inline-block; text-decoration:none; cursor:pointer; }
#layout-control a:hover { background-position:0 0; }
#layout-control .current { color:#8CB017; background-position:0 0; }
#grid-view { background:transparent url('../images/grid-view.gif') no-repeat 0 -20px; }
#list-view { background:transparent url('../images/list-view.gif') no-repeat 0 -20px; }

#services .grid-view .service { border:2px solid #eeeeee; position:relative; cursor:pointer; height:200px; overflow:hidden; }
#services .grid-view .service .image .grid { display:block; }
#services .grid-view .service .image .list { display:none; }
#services .grid-view .service .text { position:absolute; bottom:0px; left:0px; padding:10px; background:#000000; }
#services .grid-view .service .text h3 { font:normal 15px 'Century Gothic'; color:#ffffff; margin-bottom:0; }
#services .grid-view .service .text p { color:#ffffff; margin-bottom:0px; line-height:1.3em; }
#services .grid-view .service .text .summary { display:none; }
#services .grid-view .service:hover .text { background:#8CB017; }
#services .grid-view .service:hover .text h3 { color:#ffffff; }

#services .list-view .service-holder { display:block; width:100%; float:none; border-bottom:2px solid #eeeeee; padding-top:1.5em; }
#services .list-view .service { position:relative; cursor:pointer; overflow:hidden; }
#services .list-view .service .image { position:absolute; top:0; left:0; width:226px; overflow:hidden; border:2px solid #eeeeee; }
#services .list-view .service .image .grid { display:none; }
#services .list-view .service .image .list { display:block; }
#services .list-view .service .text { margin-left:250px; }
#services .list-view .service .text h3 { font:normal 18px 'Century Gothic'; color:#8CB017; margin-bottom:6px; }
#services .list-view .service .text p { line-height:1.3em; }
#services .list-view .service .useful { clear:both; }
#services .list-view .shadow { box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; }

#content-image { border:2px solid #eeeeee; float:right; margin:0 0 2em 3em; }
#content-image img { display:block; }

#news .article h2 { margin:0; }
#news .article h2 a { color:#8CB017; text-decoration:none; }
#news .article .date { font-weight:bold; margin-bottom:0.5em; }

#contact { width:352px; }

#map { background:transparent url('../images/map.gif') no-repeat top left; width:405px; height:476px; position:relative; }
#map .location { border:2px solid #ffffff; background:#333333 url('../images/menu_bg.gif') repeat-x bottom left; position:absolute; z-index:1000; white-space:nowrap; }
#map .location-inner { position:relative; }
#map .address { padding:10px; font:normal 11px Arial; color:#ffffff; }
#map .house { position:absolute; bottom:2px; right:2px; background:transparent url('../images/house-icon.gif') no-repeat top left; height:16px; width:16px; }

/* Global */
.shadow { box-shadow:0 0 5px #999999; -moz-box-shadow:0 0 5px #999999; -webkit-box-shadow:0 0 5px #999999; }


/* Submit A Plan */
body.submit-your-plan fieldset { float: left; display: inline; width: 664px; }

body.submit-your-plan div.field,
body.submit-your-plan div.optionset label,
body.submit-your-plan div.optionset .middleColumn
{ float: left; display: inline; margin-right: 20px; width: 312px }

body.submit-your-plan h2,
body.submit-your-plan h4,
body.submit-your-plan div.file,
body.submit-your-plan div.optionset,
body.submit-your-plan div.literal
{ float: left; display: inline; width: 664px; margin-bottom: 10px; clear: both; }

body.submit-your-plan h2 { margin-top: 10px; }

body.submit-your-plan .dropdown select { width: 644px; padding: 5px; }
body.submit-your-plan .field label { margin-right: 20px; }
body.submit-your-plan div.field.textarea { width: 644px; }
body.submit-your-plan textarea { float: left; display: inline; width: 632px; margin: 0 20px 15px 0; }

body.submit-your-plan div.optionset li { float: left; display: inline; }
body.submit-your-plan div.optionset ul { padding: 0; margin: 0; list-style: none; }
body.submit-your-plan div.optionset ul input, body.submit-your-plan div.optionset ul label { float: left; display: inline; }
body.submit-your-plan div.optionset ul label { width: 285px; margin: 0 0 5px 5px; }
body.submit-your-plan div.file { width: 300px; clear: right; }


body.submit-your-plan div.Actions #Form_PlanForm_action_SubmitPlanForm { height: 48px; width: 250px; margin: 0 0 2em 2em; border: none; background: transparent url('../images/submitAPlanButton.png') no-repeat 0 0; text-indent: -44000px; overflow: hidden; outline: none; cursor: pointer; }
body.submit-your-plan .middleColumn { position: relative; }
body.submit-your-plan label.error { display: block; position: absolute;top: 35px; left: 0; height: 20px; padding: 0 7px; }
a.downloadApp { display: block; height: 48px; width: 250px; margin: 0 0 2em 2.2em; border: none; background: transparent url('../images/downloadApplication.png') no-repeat 0 0; text-indent: -44000px; overflow: hidden; outline: none; cursor: pointer; }


/* Pay invoice */
body.pay #Form_PayForm div.Actions input { height: 48px; width: 117px; margin: 0 0 2em 2em; border: none; background: transparent url('../images/payButton.png') no-repeat 0 0; text-indent: 44000px; overflow: hidden; outline: none; }

#payTerms { overflow: hidden; }
#readTerms { display: block; font-weight: bold; margin-bottom: 15px; cursor: pointer; }
#readTerms:hover, #payTerms.open #readTerms { text-decoration: underline; }
a#termsLink { color: #333333; text-decoration: none; font-weight: bold; }
a#termsLink:hover { text-decoration: underline; }

form#Form_PayForm label.error { display: block; padding: 3px; text-align: center; width: 302px; }
form#Form_PayForm p#AcceptTerms { position: relative; }
form#Form_PayForm p#AcceptTerms label.error { position: absolute; }




/* Staff area */
ul#staffMenu {	list-style: none; padding: 0; margin: 0 0 20px 0; float: left; border-bottom: 2px ridge #555555; }
ul#staffMenu li { float: left; display: inline;	margin: 0 10px; }
ul#staffMenu li { font-family: 'Tahoma', Arial !important; font-size: 16px !important; font-weight: bold; color: #555555; text-decoration: none; }
ul#staffMenu li a {	font-family: 'Tahoma', Arial; font-size: 15px; font-weight: bold; color: #555555; text-decoration: none; }
ul#staffMenu li a:hover { color: #8CB017; }

a#logout { float: right; }

body.staff h1 { clear: both; }
div#staffMessageBoard { margin: 30px; padding: 20px; border: 2px solid #8A3F9E; }


/* Forum */
#ForumContent { width: auto !important; }
#forumBreadcrumbs { float: left; }
.forumFeatures { background-color: #FFFFFF !important; }
.forumFeatures h2 { margin-bottom: 0; }
.forumFeatures .featureLeft p { padding-left: 0px;}
.forumStats { text-align: left; margin-bottom: 5px; }
.featureLeft { width: 100% !important; }
.featureRight { width: 100% !important; background-color: #FFFFFF; }
	.featureRight div#jumpTo { float: left; display: inline; margin-right: 40px; }
	.featureRight #ForumSearch { float: left; display: inline; background-color: transparent !important; }
	.featureRight #ForumSearch { margin-top: 0 !important; padding: 0 !important; }
	.featureRight form { float: left; display: inline; }
	.featureRight fieldset { margin: 0; padding: 0; }
	.featureRight fieldset input.submit { margin-left: 10px; }
#ForumSearch input.text { width: 236px !important; }
.topicList tr td a.topicTitle { color: #8A3F9E !important; }
.forumHolderFeatures { background-color: #FFFFFF !important; }
#UserProfile, #MemberLatestPosts,
#CurrentlyOnline { border-top: 3px solid #B880C7 !important; border-bottom: 3px solid #B880C7 !important; background-color: #FFFFFF !important;  }
#CurrentlyOnline strong { color: #666666 !important; }

ul#Posts { padding-left: 0; }
ul#Posts li { width: 948px; }
.posterContent { width: 781px !important; }
div.userInformation a.authorTitle { color: #666666 !important; }
div.posterContent h4 a { color: #8A3F9E !important; text-decoration: none; }
div.postModifiers a { color: #333333 !important; }
table.postHeader td.replyButton a { color: #666666 !important; }
table.postHeader td.gotoButtonEnd a, table.postHeader td.gotoButtonTop a { color: #333333 !important; }

#UserProfile h2, #MemberLatestPosts h2 { color: #8A3F9E !important; }
#ForumContent .middleColumn { float: none !important; }

/* Userforms */
#Form_Form ul { padding-left: 5px; list-style: none; }
#Form_Form .Actions input#Form_Form_action_process { background: url("../images/submit.png") no-repeat scroll 0 0 transparent; border: none; height: 48px; width: 150px; overflow: hidden; text-indent: -44000px; outline: none; cursor: pointer; }

#social {margin-top: 1em; float:left;}

.twitter_widget {float:left; padding-top:8px}

.twitter_widget .twtr-ft {display:none}
