/* @override 
	http://10.0.0.31/sites/m/mckinnon&clarke/www.mckinnon-clarke.com/public/styles/mckinnnonclarke_styles.css
	http://mckinnonclarke-com.ambergreen.co.uk/styles/mckinnnonclarke_styles.css
*/

@charset "utf-8";
/* CSS Document */

html {height:100%;}

body {
	background-image:url(../images/background.jpg);
	background-repeat:repeat-x;
	text-align:center;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	height:100%;
	border-bottom:1px #FFFFFF solid; /* firefox scrollbar fix */
}
/* clearing technique */
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {display:inline-block;}
/* mac hide \*/
.clearfix {display: block;}
 /* End hide */
/*........... do not change or amalgamate the above clearfix styles..................*/
h1 {
	color:#69286A;
	font-size:1.6em;
	margin-bottom:10px;
}

h2 {
	color:#69286A;
	font-size:1.2em;
}

img {
	border:0;
}

a.skipNav {display: none;}

.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.one-px {height:1px;}
.line {border-bottom:1px #BD9CB9 solid; margin:10px 0px 10px 0px;}

#container {
	width:1000px;
	background-color:#FFFFFF;
	margin:0 auto;
	text-align:left;
	clear: both;
	}

#admin-bar {
	height:30px;
	width:1000px;
	background-image:URL(../images/admin-bar-back.gif);
	border-bottom:1px #333333 solid;
	text-align:left;
	line-height:30px;
	font-size:0.8em;
	position:absolute;
	z-index:11;
}

#admin-bar a {
	text-decoration:none;
	color:#0066FF;
}

#admin-item {
	position:absolute;
	padding:10px;
	min-width:200px;
	max-width:1000px;
	border-left:1px #000000 solid;
	border-right:1px #000000 solid;
	border-bottom:1px #000000 solid;
	z-index:10;
	background-image:URL(../images/admin-back.png);
	font-size:0.8em;
	display:none;
}

#admin-item label {
	float:left;
	width:110px;
}

#top-bar {
	height:34px;
	background: #6D266A url(../images/top-bar-background.gif) 0 0 repeat-x;
	text-align:right;
	color:#FFFFFF;
	font-size:0.7em;
	line-height:32px;
}

#top-bar form {
	margin: 0;
	padding: 0;
}

#top-bar a {text-decoration:none; color:#FFFFFF; margin:0px 8px 0px 8px;}

#search-box {
	border:1px #718EC6 solid;
	width:115px;
	margin:0px 5px 3px 5px;
	vertical-align:middle;
	padding: 3px;
}

#search-button {
	margin-right:14px;
	vertical-align:middle;
	position: relative;
	top: -2px;
}

#innner-container {
	margin:0px 12px 1px 12px;
	}

_html #innner-container {

	}

#logo {margin:24px 0px 10px 19px;}

#language {
	float:right;
	margin-top:-30px;
	color:#A582A2;
	font-size:0.7em;
}

#language select {
	border:1px #718EC6 solid;
	width:115px;
	margin-left:5px;
	color:#6E7681;
}

#menu {margin:0px; padding:0px;}
#menu li {display:inline;}

#breadcrumb {
	height:30px;
	line-height:28px;
	font-size:0.7em;
	padding-left:10px;
	color:#BB9DB7;
}

#breadcrumb a {
	text-decoration:none;
	color:#BB9DB7;
	margin-right:10px;
}

#left-menu {
	width:165px;
}

.left-menu-item {
	font-size:0.7em;
	border-bottom:1px #BD9CB9 solid;
	padding-left: 7px;
}

.left-menu-item-active {
	font-size:0.7em;
	border-bottom:1px #BD9CB9 solid;
		padding-left: 7px;
}


.left-menu-item a {
	text-decoration:none;
	color:#966698;
	font-weight:bold;
	display:block;
	padding-left:10px;
	height: 1%;
}
.left-menu-item a, .left-menu-item-active {
	padding-top: 10px;
	padding-bottom: 10px;
}
.left-menu-item a:hover {background:url(../images/news-arrow.gif) no-repeat 0 14px;}

.left-menu-item-active a {
	text-decoration:none;
	color:#663963;
	font-weight:bold;
	display:block;
	padding-left:10px;
	background:url(../images/news-arrow-active.gif) no-repeat 0 4px;
}

#quick-links {
	border:1px #BD9CB9 solid;
	margin-top:20px;
	padding:10px;
	color:#966698;
	font-size:0.8em;
}

#quick-links a {text-decoration:none; color:#966698;}

#content {
	width:580px;
	float:left;
	margin-left:20px;
	font-size:0.7em;
	color:#333333;
}

#content a {
	color:#966698;
	text-decoration:none;
}

#content h3 {
	color:#69286A;
	font-size:1.0em;
	margin:5px 0px 5px 0px;
}

#content ul {list-style-image:url(../images/bullet.gif);padding-left:2em;padding-top:0.5em;padding-right:4em;}

#content li {margin-bottom:10px;padding-left:5px;}

#content .form-item {
	width:70px;
	float:left;
}

.editableOff {
	/*border:1px #FFFFFF solid;*/
}


.editableOn {
	/*border:1px #E8DFFF solid;*/
}

.search-result {
	display:block;
	border:1px #BD9CB9 solid;
	padding:10px;
	text-decoration:none;
	color:#666666;
	font-size:1.1em;
	margin-bottom:5px;
	background-color:#F9F9F9;
}

.giveheight {
	min-height:30px;
}

.search-result:hover {
	border:1px #69286A solid;
}

#faq-search-box {
	margin:auto;
	width:579px;
	height:76px;
	background-image:URL(../images/search-back.gif);
	overflow:hidden;
}

.document {
	display:block;
	border:1px #BD9CB9 solid;
	padding:10px;
	text-align:center;
	float:left;
	margin-right:10px;
}

.document:hover {
	border:1px #69286A solid;
}

.what-we-do-category {margin:0px 15px 10px 0px;}

#main-image {
	margin:10px 0px 0px 5px;
	width:760px;
	height:260px;
	position:relative;
	font-size:0.8em;
}

#main-image img {
	position:absolute;
	top:0;
	left:0;
}

#main-image2 {
	margin:10px 0px 10px 0px;
	width:580px;
	height:130px;
	position:relative;
	font-size:0.8em;
}

#main-image2 img {
	position:absolute;
	top:0;
	left:0;
}

#right-content {
	float:right;
	margin:10px 0px 10px 0px;
}

#right-content-container2 {
	width:192px;	
}
.right-content-container {
	border-left:1px #DFDFDF solid;
	border-right:1px #DFDFDF solid;
	color:#666666;
	font-size:0.7em;
	
}

.right-content-container strong {
	color:#333333;
}

.right-content-inner {margin:0px 15px 0px 15px;}

.right-content-inner a {
	font-weight:bold;
	color:#966698;
	text-decoration:none;
}

.right-content-line {
	border-bottom:1px #DFDFDF solid;
	margin:10px 0px 10px 0px;
}

.right-lower-image {float:right; margin:10px 2px 0px 0px;}

#home-bottom {background-image:url(../images/home-lower-back.gif); border:1px solid #FFFFFF;}

.bottom-item {
	float:left;
	width:255px;
	overflow:hidden;
	font-size:0.7em;
	color:#666666;
}

.bottom-item strong {
	color:#333333;
}

.bottom-item-inner {margin:5px 15px 0px 15px;}

.bottom-item-inner p {
	line-height:18px;
}

.bottom-item-under {
	float:left;
	width:255px;
	overflow:hidden;
}

.bottom-item-under img {margin-left:15px;}

#footer {
	width:100%;
	height:23px;
	background-color:#EEEEF0;
	margin-top:10px;
}

#footer-inner {
	float:left;
	color:#A4819F;
	font-size:0.7em;
	line-height:22px;
	width: 97%;
}

#footer-inner a {color:#9A9A9A; text-decoration:none; margin:0px 10px 0px 10px;}

/*tooltip stuff*/
#floatBox {display:none;position:absolute;width:250px;z-index:5;background:none;border:1px solid #E8DFFF;color:#000;text-align:left;}
#floatBox div {background-color:#F0F0FF;}
#tooltip {padding:4px 0 0 4px;text-align:left;}


.adminEdit {border-bottom:1px solid #EADEE8;padding-bottom:5px;margin-right:30px;}

.innersections {list-style:none;padding:1px 0 0 0;margin:0;}
.innersections li {padding-bottom:10px;font-weight:bold;border-bottom:1px solid #CCC;margin-top:10px;}
.innersections li a {display:block;background:url(../images/icons/arrow.gif) no-repeat;text-indent:25px;padding-top:2px;padding-bottom:5px;}

.imageUpload {border:1px solid #CCC;background-color:#F0F0F0;padding:5px;}
.imageUpload div {overflow:hidden;height:1%;}

.country {border-top:1px #BD9CB9 solid; border-bottom:1px #BD9CB9 solid; padding-left:20px;overflow:hidden;}

.pagebanner {width:575px; height:161px;}
#new-pagebanner {
	width:575px;
	height: 161px;
	position: relative;
	margin-top: 0;
}

#new-pagebanner h1 {
	width: 180px;
	padding: 14px 10px 10px 12px;
	margin-top: 0;
	font-size: 22px;
	margin-bottom: 0;
	padding-bottom: 4px;
}

#new-pagebanner p {
	width: 176px;
	margin: 0;
	padding: 0 12px 0 12px;
	color: #393939;
	font-size: 16px;
	z-index: 10;
	position: relative;
}
#new-pagebanner #flashdiv {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 4;
}

#new-pagebanner img {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 4;
}
#site-map ul {margin-left:0px;}

#promotions {
	width:170px;
	margin-top:15px;
	overflow:hidden;
}
#promotions-inner {
	border-left:1px solid #d6d6d6;
	border-right:1px solid #d6d6d6;
	width:166px;
	overflow:hidden;
	font-size:70%;
}
#promotions p {
	margin:0;
}
#promotions a {
	color: #69286A;
}

/*what we do page boxes*/
#content ul#wwdlist {
	margin: 10px 0 0 0;
	padding: 0;
	list-style-image: none;
	clear: both;
}
#content ul#wwdlist li {
	margin: 0;
	padding: 0;
	background-image: none;
	list-style: none;
	background: #fff url(../images/buttons/wwd-icons/wwd-list-bg.jpg) 0 0 repeat-x;
	float: left;
	margin: 0 10px 25px 0;
	border: 1px solid #CDC9CA;
	text-align: center;
	font-weight: bold;
	font-size: 11pt;
	position: relative;
	line-height: 1.1em;
	font-family: Arial;
	display: inline;
}
#content ul#wwdlist li a span {
	background: #B5DE60;
	display: block;
	position: relative;
	bottom: -10px;
	color: #fff;
	font-size: 90%;
	font-family: Arial;
	padding: 2px;
	border: 1px solid #9FC354;
	background-position: bottom;
	background-repeat: repeat-x;
	cursor: pointer;
}
#content ul#wwdlist li a {
	margin: 0;
	display: block;
	color: #4A2C46;
}
#content ul#wwdlist li a:hover {
	color: #8C408A;
}
#content ul.onerow li a {
	padding: 10px 10px 10px 10px;
	width: 550px;
	height: 65px;
	text-align: left;
	font-size: 14pt;
}
#content ul#wwdlist.onerow li a span {
	font-size: 9pt;
	padding-left: 10px;
}
#content ul.threerow li a {
	padding: 55px 10px 10px 10px;
	width: 160px;
	height: 60px;
}
#content ul.fourrow li a {
	padding: 55px 10px 10px 10px;
	width: 112px;
	height: 67px;
}

#content ul.fiverow li a {
	padding: 48px 10px 10px 10px;
	width: 88px;
	height: 53px;
}
#content ul#wwdlist.fiverow li a span {
	font-size: 8pt;
	line-height: 1em;
}
#content ul#wwdlist.threerow li {
	width: 180px;
}
#content ul#wwdlist.fourrow li {
	width: 132px;
}

#content ul#wwdlist.fiverow li {
	margin: 0 5px 20px 0;
	width: 108px;
}
#content ul#wwdlist li.fit a {
	font-size: 80%;
}
#content ul#wwdlist li.fit a span {
	font-size: 100%;
}

#content ul#wwdlist.fiverow li.fit a span {
	font-size: 8pt;
}

#content ul#wwdlist.enviro li a {
	background: url(../images/buttons/wwd-icons/environmental-icon.gif) 50% 10% no-repeat !important;
}

#content ul#wwdlist li#electricity a {
	background: url(../images/buttons/wwd-icons/electricity-icon.gif) 50% 10% no-repeat;
}
#content ul#wwdlist li#electricity a span {
	background: #3997a8 url(../images/buttons/wwd-icons/electricity-span-bg.gif) 0 0 repeat-x;
	border: 1px solid #2d7784;
}

#content ul#wwdlist li#energy a {
	background: url(../images/buttons/wwd-icons/energy-icon.gif) 50% 10% no-repeat;
}
#content ul#wwdlist li#energy a span {
	background: #9AB62A url(../images/buttons/wwd-icons/energy-span-bg.gif) 0 0 repeat-x;
	border: 1px solid #7D9322;
}

#content ul#wwdlist li#gas a {
	background: url(../images/buttons/wwd-icons/gas-icon.gif) 50% 10% no-repeat;
}
#content ul#wwdlist li#gas a span {
	background: #DC6124 url(../images/buttons/wwd-icons/gas-span-bg.gif) 0 0 repeat-x;;
	border: 1px solid #B6501E;
}

#content ul#wwdlist li#water a {
	background: url(../images/buttons/wwd-icons/water-icon.gif) 50% 10% no-repeat;
}
#content ul#wwdlist li#water a span {
	background: #268ABC url(../images/buttons/wwd-icons/water-span-bg.gif) 0 0 repeat-x;;
	border: 1px solid #1F7099;
}

#content ul#wwdlist li#fuel a {
	background: url(../images/buttons/wwd-icons/fuel-icon.gif) 50% 10% no-repeat;
}
#content ul#wwdlist li#fuel a span {
	background: #0693C6 url(../images/buttons/wwd-icons/fuel-span-bg.gif) 0 0 repeat-x;
	border: 1px solid #05759E;
}

#content ul#wwdlist li#telecoms a {
	background: url(../images/buttons/wwd-icons/telecoms-icon.gif) 50% 10% no-repeat;
}
#content ul#wwdlist li#telecoms a span {
	background: #BFC74E url(../images/buttons/wwd-icons/telecoms-span-bg.gif) 0 0 repeat-x;;
	border: 1px solid #90963B;
}
#content ul#wwdlist li#bureau a {
	background: url(../images/buttons/wwd-icons/bureau-icon.gif) 50% 10% no-repeat;
}
#content ul#wwdlist li#bureau a span {
	background: #C2D348 url(../images/buttons/wwd-icons/bureau-span-bg.gif) 0 0 repeat-x;;
	border: 1px solid #8F9B35;
}
#content ul#wwdlist li#district a {
	background: url(../images/buttons/wwd-icons/district-icon.gif) 50% 10% no-repeat;
}
#content ul#wwdlist li#district a span {
	background: #BB3651 url(../images/buttons/wwd-icons/district-span-bg.gif) 0 0 repeat-x;;
	border: 1px solid #962B41;
}

#content ul#wwdlist li#waste a {
	background: url(../images/buttons/wwd-icons/waste-icon.gif) 50% 10% no-repeat;
}
#content ul#wwdlist li#waste a span {
	background: #BB3651 url(../images/buttons/wwd-icons/waste-span-bg.gif) 0 0 repeat-x;;
	border: 1px solid #9E2E44;
}

#content ul#wwdlist li#risk a {
	background: url(../images/buttons/wwd-icons/risk-icon.gif) 50% 10% no-repeat;
}
#content ul#wwdlist li#risk a span {
	background: #828284 url(../images/buttons/wwd-icons/risk-span-bg.gif) 0 0 repeat-x;;
	border: 1px solid #585858;
}
#content ul#wwdlist li#utility a {
	background: url(../images/buttons/wwd-icons/utility-icon.gif) 50% 10% no-repeat;
}
#content ul#wwdlist li#utility a span {
	background: #BE7EB7 url(../images/buttons/wwd-icons/utility-span-bg.gif) 0 0 repeat-x;
	border: 1px solid #AB71A5;
}
/* emr homepage link */
p#emrButton {
	margin: 10px 0 0 0;
	float: right;
	width: 195px;
}
p#emrButton a, p#emrButton a:hover {
	display:block;
	width:195px;
	height:93px;
	float:right;
	background:url(../images/buttons/emr-button.jpg) 50% 0;
	text-decoration:none;
	text-indent: -9999em;
}
p#emrButton a:hover {
	background-position: 0px -93px;
}
div#error, div.full {
	width: 760px;
	margin-left: 5px;
	margin-top: 10px;
	color: #838383;
}
div#error h2 {
	color: #838383;
	font-size: 100%;
}
div#error h1 {
	width: 442px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	margin-top: 20px;
}

div#error img {
	float: right;
	margin: 14px 10px 0 0;
}
div#error ul, div#glossary ul {
	margin: 0;
	padding: 0;
}

div#error ul li, p#bulletme {
	margin: 0;
	padding: 0 0 .4em 15px;
	background: url(../images/404-bullet.gif) 0 8px no-repeat;
	list-style: none;
}

div#error ul li a:link, div#error ul li a:visited, p#bulletme a:link, p#bulletme a:visited  {
	margin: 0;
	padding: 0;
	color: #976799;
	text-decoration: none;
	font-weight: bold;
}
div#error ul li a:hover, p#bulletme a:hover {
	text-decoration: underline;
}
#glossary p {
	font-size: 90%;
}
#glossary h2 {
	margin-left: 0;
	padding-left: 10px;
	clear: left;
	width: 739px;
	background: #a666a4 url(../images/glossary-header-bg.png) repeat-x;
	color: #fff;
	font-size: 15px;
	border: 1px solid #9B6D9A;
}
p.backtotop {
	margin-left: 25px;
	margin-bottom: 30px;
}

p.backtotop a {
	color: #976799;
	font-size: 80%;
}
#glossary ol {
	margin: 10px 0 0 0;
	padding: 8px 5px 8px 8px;
	float: left;
	width: 741px;
	text-transform: uppercase;
	text-align: center;
	background: #C9B1C7;
	position: relative;
	clear: both;
}

#glossary ol li {
	list-style-type: upper-alpha;
	list-style: none;
	margin: 0 1px 0 0;
	float: left;
	padding: 0;
}

#glossary ol li a {
	display: block;
	background: #fff;
	border: 1px solid #AB97AA;
	float: left;
	padding: 5px 7px 3px 7px;
	text-decoration: none;
	color: #8F418C;
}

#glossary ol li a:hover, #glossary ol li#current a {
	background: #763674;
	color: #fff;
	border: 1px solid #5C2A5A;
}
div#glossary dl {
	clear: both;
	font-size: 80%;
	margin-left: 10px;
}

div#glossary dt {
	margin: 0 0 .3em 0;
	padding: 0 0 0 15px;
	background: url(../images/404-bullet.gif) 0 6px no-repeat;
	color: #444;

}
div#glossary dd {
	margin: 0 0 10px 15px;
	padding: 0;
}
div#glossary dd p {
	margin:0;
	padding:0;
}
a#netstepLink {
	text-decoration:none;
	color:#666666;
	margin-left:30px;
	font-size:0.7em;
}
a#netstepLink:hover {
	text-decoration:underline;
	color:#980202;
}
p.green-button, p.purple-button {
	width: 100px;
	text-align: center;
	border: 1px solid #666;
	clear: both;
	background: #60C048;
}

div.stepnav{
	float:left; 
	width:600px; 
	padding:0 10px 0 10px !important;
}

div.stepnav p{
	width:600px;
	padding:0;
	margin:10px 0 10px 0;
}

p.purple-button-back{
	float:left; clear:both;
}

p.purple-button-next{
	float:left; clear:both;
}

p.purple-button-next button{background: #A07A9C url(../images/buttons/darkpurple-button-bg.png) bottom left repeat-x !important;}

p.purple-button {
	background: #B992B1;
}
button {
	margin:0;
}
#content p.green-button a, #content p.purple-button a, #content p.green-button button, #content p.purple-button button {
	display: block;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	width: auto;
	padding: 3px 3px 5px 3px;
}


@media screen and (-webkit-min-device-pixel-ratio:0){
/* webkit rules go here */
#content p.green-button button, #content p.purple-button button {
	padding: 2px 3px 5px 3px;
}
}
#content p.green-button button, #content p.purple-button button {
	border:0;
	width:100%;
	cursor:pointer;cursor:hand;
}

#content p.green-button button::-moz-focus-inner, #content p.purple-button button::-moz-focus-inner {
	border:none;
}

#content p.green-button a, #content p.green-button button {
	background: #60C048 url(../images/buttons/green-button-bg.png) bottom left repeat-x;
	
}
#content p.purple-button a, #content p.purple-button button {
	background: #B992B1 url(../images/buttons/purple-button-bg.png) bottom left repeat-x;
}
#content p.green-button.form-submit {
	margin-left: 140px;
}
/* @group New savings demo */
#savings {
	background: url(../images/savingsdemo/new/savings-bg.jpg) 0 0 no-repeat;
	width: 973px;
	margin: 5px 0 0 0;
	padding: 0;
	position: relative;
}
#savings h1 {
	width: 350px;
	float: left;
}
#savings #content {
	font-size: 13px;
	width: 930px;
	padding: 0 20px;
	margin: 0;
}
#savings h1 {
	color: #fff;
	font-size: 30px;
}
.cufon-loading h1 {
	visibility: hidden;
}
#savings #calculator {
	width: 512px;
	float: right;
	background: url(../images/savingsdemo/new/savings-box-top.png) 50% 0 no-repeat;
	margin-top: 15px;
	padding: 15px 25px;
	color: #666;
}
#savings fieldset {
	border: none;
	border-top: 1px solid #fff;
	padding: 0 0 10px 0;
	margin: 0;
	border-bottom: 1px solid #ccc;
}
#savings fieldset legend {
	display: none;
	border: none;
	background: transparent;
}
#approx {
	background: url(../images/savingsdemo/new/savings-box-bottom.png) 50% 0 no-repeat;
	width: 522px;
	float: right;
	margin: 0;
	padding: 20px;
	font-size: 10px;
	color: #999;

}
#savings #calculator input.labelhilite {
	color: #767676;
}
#savings .intro {
	font-weight: bold;
	margin: 5px 0 0 0;
}
#savings input.text, #savings textarea.text {
	border: 1px solid #ccc;
	padding: 4px;
	font-size: 13px;
	width: 340px;
	float: right;
	
}
#savings fieldset#contactdetails input.text, #savings textarea.text, form.application input.text, form.application textarea {
	border: 1px solid #ccc;
	padding: 4px;
	font-size: 13px;
	width: 370px;
	float: right;
	font-family: Arial, Verdana;
}
#savings input.required, #savings textarea.required {
	background: url(../images/savingsdemo/new/required.png) 98% 10% no-repeat;
}

#savings form ol li p {
	bottom:8px;
	font-size:14px;
	font-weight:bold;
	position:relative;
	width:320px;
	float:right;
}
#savings form ol li p.green-button {
	width: 100px;
	
}
#savings form ol li.stage1 p.green-button {
	width: 100px;
	float: right;
	margin-top: 25px;
	margin-right: 0;
	
}
#savings form ol li p#startagain, #savings form ol li p#editexpenditure {
	margin-right: 10px;
}
#savings form ol li.buttons {
	overflow:hidden;
	height:1%;
	*padding-bottom:25px;
	*margin-top:0;
}
#savings form ol li.buttons p {
	clear: none;
	width: 155px;
}

#savings li#mandatory {
	height: 20px;
}

#savings li#mandatory p {
	padding-left: 130px;
	clear: both;
	margin-top: 20px;
	font-weight: normal;
	font-size: 12px;
}
#savings select {
	width: 350px;
	font-size: 13px;
	float: right;
	padding: 4px;
	border: 1px solid #ccc;
}
#savings label {
	float: left;
	width: 160px;
	padding-top: 3px;
	display: block;
	color: #935a8e;
	font-size: 18px;
}
#savings fieldset#contactdetails label {
	float: left;
	width: 130px;
	padding-top: 3px;
	display: block;
	color: #935a8e;
	font-size: 18px;
}
#savings fieldset#expenditure label {
	padding-left: 35px;
	padding-top: 4px;
	padding-bottom: 4px;
	width: 125px;
}
#savings ol {
	margin: 20px 0 0 0;
	padding: 0;
}
#savings fieldset#expenditure label#label-1 {
	background: url(../images/savingsdemo/new/gas-label.png) 0 50% no-repeat;
}
#savings fieldset#expenditure label#label-2 {
	background: url(../images/savingsdemo/new/elec-label.png) 0 50% no-repeat;
}
#savings fieldset#expenditure label#label-4 {
	background: url(../images/savingsdemo/new/water-label.png) 0 50% no-repeat;
}
#savings fieldset#expenditure label#label-5 {
	background: url(../images/savingsdemo/new/telecoms-label.png) 0 50% no-repeat;
}
#savings fieldset#expenditure label#label-6 {
	background: url(../images/savingsdemo/new/fuel-label.png) 0 50% no-repeat;
}
#savings ol li {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
	height: 40px;
}

#savings ol li.buttons {
	text-align: right;
	width: 100%;
	padding: 0;
	margin-top: 10px;
}

#savings ol li.buttons input {
	margin-right: 5px;
}
#savings input.text:focus, #savings fieldset#contactdetails input.text:focus, #savings fieldset#contactdetails textarea:focus {
	border: 2px solid #935A8E;
	padding: 4px;
}
p#guarantee {
	border-right: 1px solid #ccc;
	background: url(../images/savingsdemo/new/guarantee.png) 0 50% no-repeat;
	width: 130px;
	padding: 30px 10px 30px 85px;
	color: #58aa5e;
	font-size: 16.5px;
	float: left;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}
#savings q {
	background: url(../images/savingsdemo/new/66.png) 0 0 no-repeat;
	display: block;
	float: right;
	width: 250px;
	padding: 0 0 0 25px;
	margin-top: 20px;
}
#savings q cite {
	background: url(../images/savingsdemo/new/99.png) bottom right no-repeat;
	display: block;
	padding-right: 20px;
	font-style: normal;
	margin-top: 10px;
}
#savings q cite span {
	display: block;
	font-weight: bold;
}
#savings ul#pluspoints {
	position: absolute;
	top: 300px;
	left: 0px;
	width: 330px;
	list-style-image: none;
}
#savings ul#pluspoints li {
	margin: 0 0 3px 0;
	padding: 3px 0 3px 50px;
	background: url(../images/savingsdemo/new/green-tick.png) 0 50% no-repeat;
	list-style: none;
	color: #58aa5e;
	font-size: 24px;
}
#savings h2 {
	font-size: 20px;
	color: #935a8e;
}
fieldset#expenditure h3 {
	text-align: right;
	font-size: 11px;
	text-transform: lowercase;
	clear: both;
	margin: 0;
	padding: 0;
	position: relative;
	top: -6px;
}

fieldset#expenditure ol li {
	height: 45px;
}
#savings form li.messagearea {
	height: 90px;
}
#savings fieldset#expenditure ul {
	float: right;
	width: 300px;
	margin: 0;
	padding: 0;
	clear: right;
	position: relative;
	top: -7px;
	list-style-image: none;
}
fieldset#expenditure ul li {
	height: 10px;
	width: 300px;
	padding: 0;
	margin: 0;
	clear: left;
	float: none;
}
fieldset#expenditure ol li.percent {
	width: 40px;
	height: 20px;
	position: absolute;
	right: -45px;
	top: 10px;
	font-size: 20px;
	color: #58aa5e;
	font-weight: bold;
	clear: both;
}

fieldset#expenditure ul li#bar-1 {
	background: url(../images/savingsdemo/new/gas-bar.png) no-repeat;

}
fieldset#expenditure ul li#bar-2 {
	background: url(../images/savingsdemo/new/elec-bar.png) no-repeat;

}
fieldset#expenditure ul li#bar-4 {
	background: url(../images/savingsdemo/new/water-bar.png) no-repeat;

}
fieldset#expenditure ul li#bar-5 {
	background: url(../images/savingsdemo/new/telecoms-bar.png) no-repeat;

}
fieldset#expenditure ul li#bar-6 {
	background: url(../images/savingsdemo/new/fuel-bar.png) no-repeat;

}
fieldset#expenditure ul li.partial {
	background: url(../images/savingsdemo/new/partial-bar.png) no-repeat top right;
	height: 10px;
	left: 0;
	position: relative;
}
#savings h2.altheader {
	color: #58aa5e;
}
#savings fieldset#expenditure li#against {
	list-style: none;
	margin-left: 165px;
	height: 20px;
	margin: -10px 0 20px 0;
}

#savings fieldset#expenditure li#against p {
	background: url(../images/savingsdemo/new/against.png) 0 50% no-repeat;
	clear: both;
	padding-left: 20px;
	font-size: 11px;
	margin-left: 160px;
}
p#thanks {
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
	color: #935A8E;
}

p#thanks a:link {
	text-decoration: underline;
	font-weight: bold;
}
/* @end */
input[type=text], textarea {
	border: 1px solid #ccc;
	padding: 4px;
}

#content input[type=text]:focus , #content textarea:focus {
	border: 1px solid #935A8E;
	outline: none;
}
p.noticeme {
	border: 1px solid #BE83BC;
	font-size: 110%;
	padding: 10px 5px;
	background: #FFEEFE;
	width: 500px;
	text-align: center;
	margin: 20px 0;
}

p.noticeme input {
	margin: 0;
	padding: 0;

}
p.bump {
	font-size: 110%;
	width: 400px;
}
#content ul.checkboxes {
	float: left;
	width: 250px;
	margin: 0 0 10px 0;
	padding: 0;
	background: none;
	
}

ul.checkboxes li {
	background: none;
	list-style-image: none;
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.checkboxes li input {
	padding: 0;
	margin: 0 5px 0 0 ;
}

/* @group Recruitment page */
.twocol {
	width: 970px;
}

.twocol #content {
	width: 785px;
	font-size: 85%;
}
.recruitment p.green-button, .recruitment p.purple-button {
	width: 240px;
	margin-left: 225px;
}
#content ul#stages {
	width: 705px;
	float: left;
	padding: 0 10px 0 10px;
	margin: 0 0 20px 0;
	list-style-image: none;
	list-style: none;
	font-weight: bold;
	font-size: 13px;
	border-bottom: 2px solid #ccc;
	display: inline;
}

#stages li {
	float: left;
	padding-bottom: 15px;
	margin: 0 0 0 0;
	
}

#stages li.current {
	color: #65115B;
	background: url(../images/up-arrow.png) 50% 100% no-repeat;
}
div#app-progress {
	background: #f4f2f5;
	padding: 10px 15px;
	margin-bottom: 25px;
	min-height:75px;
}

div#app-progress p {
	padding: 0;
	margin: .3em 0;
	float: left;
	width: 550px;
}
#app-progress p strong {
	color: #6f266b;
}

form.application ol {
	padding: 0;
	margin: 0;
	float: left;
}

#content form.application li {
	background: url(../images/enquiry_on.gif) 0 0 no-repeat;
	list-style: none;
	padding: 0 0 0 25px;
	margin: 0 0 10px 0;
	float: left;
	width: 95%;
	height: auto;
}
#content form.application legend {
	background: url(../images/enquiry_on.gif) 0 0 no-repeat;
	padding: 3px 0 4px 25px;
	margin: 0 0 20px 0;
	float: left;
	width: 90%;
	height: auto;
	font-size: 12px;
	font-weight: bold;
}

#content form.application label {
	width: 180px;
	margin-right: 20px;
	display: block;
	float: left;
	font-size: 12px;
	padding-top: 3px;
}
#content form.application input.text, #content form.application textarea {
	width: 270px;
	font-size: 12px;
	float: left;
}


form.application fieldset {
	padding: 0 15px 10px 15px;
	margin: 0 0 20px 0;
	border: none;
	clear: both;
	border-bottom: 1px solid #DEDEDE;
}

form.application fieldset.no-bottom-border {
	border-bottom: none;
}


form.application fieldset legend {
	margin: 0;
	padding: 0;
}

#content form.application fieldset legend.hide {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	position: absolute;
	left: -5000px;
}
#content form.application textarea {
	height: 90px;
	overflow: auto;
	width: 400px;
}
#content p#auto-save {
	background: #E3D6E3;
	width: 180px;
	text-align: center;
	padding: 10px;
	float: right;
	color: #6f266b;
}

#content p#auto-save img {
	float: left;
	margin-right: 5px;
}
.hide {
	display: none;
}
#content form.application ol.history-fields {
	background: #EFEFEF;
	padding: 20px;
	width: 680px;

}

#content form.application ol.history-fields li {
	background: none;
	padding-left: 0;
} 
#content form.application ol.history-fields li.add-another {
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
}
div.add-button {
	background: #D0D0D0;
	padding: 10px 0;
	clear: both;
	width: 720px;
	margin-bottom: 20px;
}

.recruitment div.add-button  p.green-button, .recruitment div.add-button p.purple-button {
	
} 
#content form.application li.radiobutton, #content form.application li.nobullet {
	background: none;
}

#content form.application li.radiobutton label {
	width: 1em;
}

#content form.application li input.radio {
	float: left;
}
p.iconfirm {
	clear: left;
	font-size: 95%;
	margin-top: -10px;
	margin-bottom: 20px;
	padding-left: 25px;
}
#content div.add-button.submitapp {
	margin-top: 30px;
	float: left;
}
#content p.skipstep {

	clear: both;
	text-align: right;
	padding-right: 250px;
}
/* @end */
/* @group Meet the team */
div#featured-employee {
	background: url(../images/team/featured-bg.png) no-repeat 0 0;
	width: 555px;
	padding: 10px 10px 0 10px;
	float: left;
}

div#featured-employee h2 {
	background: #6d2869 url(../images/team/featured-header-bg.png) 0 0 repeat-x;
	color: #fff;
	margin-top: 0;
	font-size: 140%;
}

div#featured-employee h2 span {
	background:  url(../images/team/featured-header-bottom.png) bottom left repeat-x;
	display: block;
	padding: 8px 10px;
}
div#featured-employee h3 {
	color: #363636;
	font-size: 150%;
	margin-left: 8px;
	width: 340px;
	float: left;
	margin-top: 0;
	display: inline;
}
div#featured-employee div {
	background:  url(../images/team/polaroid.png) 0 0 no-repeat;
	width: 201px;
	height: 241px;
	float: right;
	margin-top: -58px;
	margin-right: 0px;
	margin-bottom: -30px;
	position: relative;
}

div#featured-employee div img {
	position: absolute;
	top: 20px;
	left: 22px;
}
div#featured-employee h3 span, ul#team li span {
	display: block;
	font-size: 80%;
	font-weight: normal;
	color: #8d8d8d;
}

div#featured-employee p {
	color: #363636;
	font-size: 110%;
	margin-left: 8px;
	width: 340px;
	float: left;
	line-height: 1.3em;
	display: inline;
}

span#featured-employee-bottom {
	background: url(../images/team/featured-bg-bottom.png) 0 0 repeat-x;
	display: block;
	height: 12px;
	float: left;
	width: 575px;
	margin-bottom: 30px;
}
ul#team {
	list-style-image: none;
	margin: 0 0 0 17px;
	padding: 0;
	float: left;
	background: url(../images/team/divider.png) 0 -18px repeat-y;
	display: inline;
}

ul#team li p {
	font-size: 130%;
	font-weight: bold;
	margin: 0;
	padding: 0;
	}

ul#team li {
	list-style: none;
	margin: 0 27px 0 0;
	padding: 0 0 0 0;
	float: left;
	display: inline;
	height: 225px;
	width: 158px;
}
ul#team li div {
	padding: 4px;
	background: #fff;
	border: 1px solid #C4C4C4;
	margin-bottom: 5px;
	height: 142px;
	overflow: hidden;
}

ul#team li div img {
	overflow: hidden;
	width: 148px;
}
h2#directors-heading {
	padding-left: 17px;
	font-size: 150%;
}

/* @end */

/* @group vatdetails */
#vatcontactinfo{
	width:94%;
	border:1px solid #ddd;
	background:#F7f7f7;
	overflow:hidden;
	padding:15px;
	margin:10px 0 0 0;
}
#vatcontactinfo p{
	margin:5px 0 5px 0;
}
#hoaddress h2{
	margin:0;
}
#hoaddress{
	width:50%;
	float:left;
	font-size:1.2em;
}
#vatdetails{
	text-align:right;
	width:40%;
	float:right;
	margin:30px 0 0 0;
}

#vatdetails #telno{
	font-size:1.2em;
}

#vatdetails p{
	margin:0;
}
/* @end */

/* @group contact info*/
#contactInfo{
	margin:15px 0 15px 0;
	padding:10px;
	border:1px solid #ddd;
	background-color:#FAF5FA;
	font-size:0.7em;
	overflow:hidden;
}
#contactInfo h2{
	margin:0 0 2px 0;
}
#contactInfo p{
	color:#333;
	margin:0 0 10px 0;
}
#contactInfo #telno{
	color:#333;
	font-weight:normal;
}
/* @end */
#top-bar #language {
	float: left;
	margin: 0 0 0 0;
	font-size: 12px;
	padding: 2px 0 0 10px;
}
#top-bar #language img {
	margin: 0 4px 0 0;
}
#top-bar #language a {
	margin: 0;
}

#top-bar #language a.thickbox:hover {
	text-decoration: underline;
}
#container #top-bar #language a.thickbox {
	font-weight: bold;
}

#container #top-bar #language a.switch {
	border-right: 1px solid #A34AA1;
	padding-right: 8px;
}
#container #top-bar #language a.intlink{
	background:url(../images/mcworld-icon.gif) 6px -1px no-repeat;
	padding-left:28px;
	padding-top: 2px;
	padding-bottom: 1px;
}
#container #top-bar #language{
	_position:absolute;
	_top:0;
}

/*hpblogButton*/
p#hpblogButton {
	margin: 10px 0 0 0;
	float: right;
	width: 195px;
}
p#hpblogButton a, p#hpblogButton a:hover {
	display:block;
	width:195px;
	height:93px;
	float:right;
	background:url(../images/blog-banner-link.gif) 50% 0;
	text-decoration:none;
	text-indent: -9999em;
}
p#hpblogButton a:hover {
	background-position: 0px -91px;
}


/* new client testimonials banner */
#casestudiesbanner{
	margin:15px 0px 20px 5px;
	padding:10px;
	width:760px;
	height:250px;
	font-size:0.8em;
	border:1px solid #E0D3DE;
	background:url(../images/casestudies-banner-bg.jpg) top left no-repeat #fff;
	overflow:hidden;
	position:absolute;
}

#casestudiesbanner #clientlogos{
	padding:0;
	margin:0 20px 0 20px;
	height:102px;
	width:740px;
}

#casestudiesbanner #clientlogos ul{
	margin:0;
	padding:0;
	width:auto;
}

#casestudiesbanner #clientlogos ul li,#casestudiesbanner #clientlogos ul li a{
	width:140px;
	height:100px;
	display:block;
	text-indent:-9999px;
}

#casestudiesbanner #clientlogos ul li{
	margin:0 0 10px 0;
	padding:0;
	list-style:none;
}

#casestudiesbanner #moveleft, #casestudiesbanner #moveright{
	width:14px;
	height:19px;
	display:block;
}
#casestudiesbanner #moveright{
	float:right;
	position:relative;
	top:-65px;
	z-index:9999;
	background:url(../images/casestudies-arrow-right.png) top left no-repeat;
}
#casestudiesbanner #moveright:hover{
	background:url(../images/casestudies-arrow-right-on.png) top left no-repeat;
}
#casestudiesbanner #moveleft{
	float:left;
	position:relative;
	top:-65px;
	z-index:9999;
	background:url(../images/casestudies-arrow-left.png) top left no-repeat;
	background:none;
}

#casestudiesbanner #quoteblock{
	margin:15px 0 0 0;
	paddinh:0;
	z-index:99999;
	float:left;
	width:100%;
	height:120px;
	overflow:hidden;
	position:absolute;
}

#casestudiesbanner blockquote{
	margin:0px 0 10px 0 !important;
	padding:0;
	font-size:1.9em;
	line-height:1.2em;
	color:#69286A;
}
#casestudiesbanner p{
	width:45%;
	color:#666;
	margin:0 0 5px 0 !important;
	font-size:1em;
}
#casestudiesmore{
	width:99px;
	height:25px;
	display:block;
	background:url(../images/read-more-casestudies.png) top left no-repeat;
	text-indent:-9999px;
	float:right;
	position:absolute;
	bottom:0;
	right:0;
	*margin-right:15px;
	_margin-right:15px;
}
#casestudiesbanner .jCarouselLite{
	width:700px !important;
	position:relative;
	overflow:hidden !important;
}


/* new international banner */
#internationalbanner{
	margin:15px 0px 20px 5px;
	padding:15px;
	width:760px;
	height:250px;
	font-size:0.8em;
	border:1px solid #E0D3DE;
	background:url(../images/international-banner-bg.gif) top left no-repeat #fff;
	overflow:hidden;
}
#internationalbanner #blip{
	width:15px;
	height:15px;
	display:block;
	position:relative;
	float:right;
	top:20px;
	right:20px;
}
#internationalbanner h2{
	margin:0 0 10px 0 !important;
	font-size:2.6em;
}
#internationalbanner p{
	width:45%;
	color:#666;
	margin:0 0 5px 0 !important;
	font-size:1em;
}
#internationalbanner #countries{
	margin:0;
	padding:0;
	color:#666;
	overflow:hidden;
}
#internationalbanner #countries li{
	padding:0 0 0 25px !important;
	margin:0 !important;
	display:block;
	list-style:none;
	height:30px;
	width:15%;
}
#internationalbanner #countries li.hilite{
	color:#69286A;
}

#internationalbanner #countries li a, #internationalbanner #countries li a:visited{
	color:#69286A;
	text-decoration:none;
}
#internationalbanner #countries li a:hover{
	text-decoration:underline;
}

#internationalbanner .jCarouselLite{
	margin:25px 0 0 5px;
	position:relative;
	overflow:hidden;
}

#fades{
	background:url(../images/int-fade-top.png) top left no-repeat;	
	height:21px;
	width:60%;
	display:block;
	position:absolute;
	top:0;
	left:0;
	float:left;
	z-index:9999;
}
#fades img{
	width:50%;
	position:relative;
	bottom:0px;
	margin-top:129px;
}


/* header contact number */
#contactnum {
	width:200px;
	float:right;
	font-size:1.2em;
	color:#966698;
	margin: 0 -10px 0 0;
	padding: 25px 0 0 0px;
	line-height: 1.2em;

}
#contactnum strong{
	font-size:1.5em;
	color:#69286A;
	display: block;
}

/* @group Case Studies */

ul#client-list {
	border: 1px solid #d9d9d9;
	border-bottom: none;
	border-right: none;
	padding: 0;
	margin: 10px 0 0 0;
	float: left;
	display: inline;
	width: 572px;
	position: relative;
}
ul#client-list li {
	border-right: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
	background-position: 50% 50%;
	background-repeat: no-repeat;

}
ul#client-list li a {
	display: block;
	width: 142px;
	height: 100px;
	text-indent: -999em;
}

ul#client-list li:hover a {
	background: url(../images/highlight.png) 50% 50% no-repeat;
}
ul#client-list div {
	position: absolute;
	color: #642a5d;
	float: left;
	margin: 0;
	margin-left: 90px;
	width: 312px;
	font-size: 12px;
	z-index: 1000;
	margin-top: -175px;
	display: none;
}	

ul#client-list blockquote {
	padding: 14px;
	padding-bottom: 0;
	margin: 0;
	background: url(../images/bubble-top.png) 0 0 no-repeat;
}

ul#client-list cite {
	color: #6c6c6c;
	display: block;
	font-style: normal;
	display: block;
	padding: 8px 0 25px 14px;
	margin: 0;
	background: url(../images/bubble-bottom.png) 0 100% no-repeat;
}
ul#client-list li:hover div {
	display: block;
	visibility: visible;
	z-index: 1000;
}


/* @end */