/* CSS Stylesheet for Miller Pattison Website */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
border:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
margin:0;
padding:0;
}

body {
line-height:1.5;
background:#FFF;
font-size:75%;
margin:0;
}

table {
border-collapse:separate;
border-spacing:0;
margin-bottom:1.4em;
}

caption,th,td {
text-align:left;
font-weight:400;
}

blockquote:before,blockquote:after,q:before,q:after {
content:"";
}

blockquote,q {
quotes:"" "";
}

a img {
border:none;
}

body,p,ul,ol,a {
color:#333;
font-family:Arial, Verdana, sans-serif;
}

h1,h2,h3,h4,h5,h6 {
color:#016502;
font-family:Arial, Verdana, sans-serif;
font-weight:400;
}

h1 {
font-size:2em;
line-height:1;
margin-bottom:0.5em;
}

h2 {
font-size:1.4em;
font-weight:700;
margin-bottom:0.75em;
margin-top:0.5em;
}

h3 {
font-size:1.1em;
font-weight:700;
line-height:1.1em;
margin-bottom:0.5em;
margin-top:0.5em;
}

h4 {
font-size:1em;
font-weight:700;
line-height:1.25;
margin-bottom:1.25em;
color:#000000;
}

h5 {
font-size:1em;
font-weight:700;
margin-bottom:1.5em;
}

h6 {
font-size:1em;
font-weight:700;
}

p img {
float:left;
margin:1.5em 1.5em 1.5em 0;
padding:0;
}

p img.top {
margin-top:0;
}

ul {
list-style-type:circle;
}

ol {
list-style-type:decimal;
}

dl {
margin:0 0 1.5em;
}

dd {
margin-left:1.5em;
}

acronym {
border-bottom:1px dotted #666;
}

address {
margin-top:1.5em;
font-style:italic;
}

del {
color:#666;
text-decoration:line-through;
}

a:focus,a:hover {
color:#f33;
text-decoration:underline;
}

a {
text-decoration:underline;
color:#3e6e92;
font-weight:700;
}

a:hover {
color:#FF3333;
}

blockquote {
color:#666;
font-style:italic;
margin:1.5em;
}

pre,code {
white-space:pre;
margin:1.5em 0;
}

pre,code,tt {
font:1em 'andale mono', 'monotype.com', 'lucida console', monospace;
line-height:1.5;
}

tt {
display:block;
line-height:1.5;
margin:1.5em 0;
}

th {
border-bottom:2px solid #ccc;
font-weight:700;
}

td {
border-bottom:1px solid #ddd;
}

th,td {
padding:4px 10px 4px 0;
}

caption {
background:#ffc;
}

.testimonials {
margin-right:-10px;
}

.likeh3 {
font-size:1.3em;
font-weight:700;
line-height:1;
margin-bottom:1em;
color:#016502;
}

.req {
color:#FF0000;
font-style:italic;
}

.likeH2 {
color:#016502;
font-family:Arial, Verdana, sans-serif;
font-size:1em;
font-weight:700;
}

div#pagewidth p {
color:#333;
font-size:10px;
}

div#leftcol p {
font-size:1em;
line-height:1.25em;
}

div#onecol P {
font-size:1em;
}

.sub li a {
background:#fff;
white-space:nowrap;
height:auto;
z-index:200;
color:#333 !important;
text-decoration:none;
font-weight:400 !important;
padding:3px 0;
}

.sub li a:hover {
background:#3e6e92 !important;
white-space:nowrap;
height:auto;
z-index:200;
color:#fff !important;
font-weight:400 !important;
padding:3px 0;
}

h3.sitemap, h3.maximise, h3.minimise {
	background:url(../images/maximise.gif) no-repeat center left;
	cursor:pointer;
	padding-left:15px;
	padding-bottom:0.5em;
	padding-top:7px;
	color:#3e6e92;
}

h3.minimise {
	background:url(../images/minimise.gif) no-repeat center left;
}


.sitemaplinkCol /* force link colour */
{
	color:#3e6e92!important;
}
	


ul.sitemap {
list-style-type:none;
margin-left:0.5cm;
padding-left:0;
padding-bottom:0.5cm;
}

ul.sitemap li {
background:transparent;
padding-left:1.1em;
font-weight:400;
padding-bottom:0.5em;
}

ul.sitemap li a {
background:transparent url(../images/sitemapdocbullet.gif) no-repeat;
padding-left:1em;
text-decoration:none;
font-weight:400;
}

ul.sitemap li img {
padding-right:2px;
}

ul.sitemap li a.parent {
background:transparent;
padding-left:0;
text-decoration:none;
}


ul.sitemap li ul {
background:transparent no-repeat;
list-style-type:none;
margin:-1em 0 0 -1.6em;
padding:1.4em 0 0 0.6em;
}

ul.sitemap li ul:hover {
background:transparent no-repeat;
}

ul.sitemap li ul li {
margin-left:0.5cm;
padding-left:10px;
}

h3.sitewide {
color:#016502;
font-weight:700;
background:transparent url(../images/sitemapdocbullet.gif) no-repeat 0 3px;
padding-top:3px;
padding-left:14px;
padding-bottom:0.5em;
}

h3.sitewide a {
color:#3e6e92!important;
}

h3.sitemap a:link, h3.sitemap a:active {
color:#3e6e92!important;
}

h3.sitemap a:hover, h3.sitewide a:hover {
color:#FF3333!important;
}

html,body {
text-align:center;
margin:0;
padding:0;
}

div#pagewidth {
width:1000px;
text-align:left;
margin-left:auto;
margin-right:auto;
}

#leftcol {
width:50%;
float:left;
position:relative;
}

#rightcol {
width:50%;
float:right;
position:relative;
}

#wrapper {
background:url(../images/test-bg.gif) 0 0 repeat-x #FFF;
vertical-align:top;
margin-top:-6px;
width:100%;
}

#sub,#main {
background:transparent !important;
margin-top:5px;
}

#onecol {
width:100%;
position:relative;
clear:both;
}

#singleleftcol {
width:48%;
float:left;
position:relative;
}

#singlecol {
width:48%;
float:right;
position:relative;
}

div#Master_header {
position:relative;
background-color:#FFF;
width:100%;
}

div#Master_brand {
height:210px;
background-image:url(../images/imgTopBackground.gif);
background-repeat:repeat-x;
vertical-align:bottom;
}

.Master_brand_BigHouses,.Master_brand_SoleTree,.Master_brand_Family,.Master_brand_img_architect_header,.Master_brand_img_BuilderBanner {
float:left;
margin:-3px 0 0;
}

div#Master_brand h2 {
text-align:right;
}

div#Master_brand h1 {
z-index:-10;
visibility:hidden;
display:none;
float:left;
text-indent:-5000px;
}

* html #Master_brand h1 {
z-index:-10;
visibility:hidden;
}

.Master_brand_logo {
float:right;
position:relative;
margin-top:-190px;
z-index:1000;
padding:0;
}

* html .Master_brand_logo {
float:right;
position:relative;
margin-top:-190px;
m\argin-top:-190px;
padding:0;
}

div#Master_nav_main {
width:100%;
height:33px;
background-color:#3e6e92;
margin-bottom:0.5em;
border-top-color:#3e6e92;
border-top-style:solid;
border-top-width:1px;
}

.preload2 {
background:url(../images/button4.gif);
}

.menu2 {
list-style:none;
height:33px;
background:#fff url(../images/imgHeaderMenuBar.gif) repeat-x;
position:relative;
font-family:arial, verdana, sans-serif;
z-index:200;
margin:0;
padding:0 0 0 10px;
}

.menu2 li.top {
display:block;
float:left;
position:relative;
z-index:200;
}

.menu2 li a.top_link {
display:block;
float:left;
height:40px;
line-height:33px;
color:#FFF;
text-decoration:none;
font-size:11px;
font-weight:700;
cursor:pointer;
z-index:200;
padding:0 0 0 6px;
}

.menu2 li a.top_link span {
float:left;
display:block;
height:40px;
z-index:200;
padding:0 10px 0 6px;
}

.menu2 li a.top_link span.down {
float:left;
display:block;
height:40px;
background:url(../images/down.gif) no-repeat right top;
z-index:200;
padding:0 18px 0 6px;
}

.menu2 table {
border-collapse:collapse;
width:0;
height:0;
position:absolute;
top:0;
left:0;
z-index:200;
}

.menu2 a:hover {
visibility:visible;
}

.menu2 li:hover {
position:relative;
z-index:200;
}

.menu2 ul,.menu2 :hover ul ul,.menu2 :hover ul :hover ul ul,.menu2 :hover ul :hover ul :hover ul ul,.menu2 :hover ul :hover ul :hover ul :hover ul ul {
position:absolute;
left:-9999px;
top:-9999px;
width:0;
height:0;
list-style:none;
margin:0;
padding:0;
}

.menu2 :hover ul.sub {
left:2px;
top:40px;
background:#fff;
border:1px solid #3e6e92;
white-space:nowrap;
width:145px;
height:auto;
z-index:200;
padding:3px 0;
}

.menu2 :hover ul.sub li {
display:block;
height:20px;
position:relative;
float:left;
width:140px;
z-index:200;
}

.menu2 :hover ul.sub li a {
display:block;
font-size:11px;
height:15px;
width:140px;
line-height:10px;
text-indent:5px;
color:#000;
text-decoration:none;
border:3px solid #FFF;
z-index:200;
border-width:0 0 0 3px;
}

* html .menu2 :hover ul.sub li a {
display:block;
font-size:11px;
height:20px;
width:140px;
line-height:20px;
text-indent:5px;
color:#000;
text-decoration:none;
border:3px solid #FFF;
z-index:200;
border-width:0 0 0 3px;
}

.menu2 :hover ul :hover ul {
left:142px!important;
z-index:999;
width:200px!important;
}

.menu2 :hover ul :hover ul li {
z-index:999;
background-color:#FFF;
width:200px!important;
}

.menu2 :hover ul.sub li a.fly {
background:#FFF url(../images/arrow.gif) 130px 7px no-repeat;
z-index:200;
}

.menu2 :hover ul.sub li a:hover {
background:#3e6e92;
color:#FFF;
z-index:200;
}

.menu2 :hover ul.sub li a.fly:hover {
background:#3e6e92 url(../images/arrow_over.gif) 130px 7px no-repeat;
color:#FFF;
z-index:300;
}

.menu2 :hover ul.sub :hover ul li a:hover 
{
    width:195px!important;
}

.miller-red {
color:#fe0000;
font-weight:700;
font-family:Arial;
}

.miller-blue {
color:#0000fe;
font-weight:700;
font-family:Arial;
}

.content {
padding:0 0.5em 0 0.8em;
}

.content h2 {
font-size:16px;
}

.content h3 a {
color:#016502;
text-decoration:none;
}

.content p {
font-family:Arial!important;
font-size:12px!important;
line-height:normal!important;
}

.content #main-image {
float:right;
padding-left:0.5em;
padding-bottom:0.5em;
border:0;
margin:0 -0.5em 0 0;
}

.blue-box h3 {
color:#3e6e92;
}

IMG.floatleft,IMG.floatright,IMG.border {
background-color:#FFFFFF!important;
border:1px;
border-left:0;
border-right:1px #CCC solid;
border-bottom:1px #999 solid;
border-top:0;
}

IMG.floatright {
float:right;
margin:0 0 0.5em 0.5em;
padding:0.5em;
}

IMG.floatleft {
float:left;
margin:0 0.5em 0.5em 0;
padding:0.5em;
}

IMG.border {
float:none;
text-align:center;
padding:0.5em;
}

ol.terms {
margin-left:50px;
}

ul#accreditors li {
display:inline;
margin:0;
padding:0 0.5em 0 0;
}

p.thumb {
float:left;
border:1px solid #999;
margin:.5em 10px .5em 0;
padding:2px;
}

p.thumb a {
display:block;
float:left;
width:100px;
height:100px;
line-height:100px;
overflow:hidden;
position:relative;
z-index:1;
}

p.thumb a img {
float:left;
position:absolute;
top:-147px;
left:0;
}

p.thumb a:hover {
overflow:visible;
z-index:1000;
border:none;
}

p.thumb a:hover img {
border:1px solid #999;
background:#FFFFFFF;
}

label.email {
width:30px;
float:left;
text-align:right;
margin:3px 10px 0 0;
padding:0;
}

#eco-newsletter {
top:-80px;
left:80px;
float:left;
position:relative;
}

ul#contact {
list-style-type:disc;
margin:0 0 1em 2em;
padding:0;
}

label.contact {
width:10em;
float:left;
text-align:right;
margin:3px 0 0;
padding:0 0.5em 5px 0;
}

label.enq {
width:8em;
float:left;
text-align:right;
margin:3px 0 0;
padding:0 0.5em 5px 0;
}

label.solar {
width:130px;
float:left;
text-align:right;
margin:3px 0 0;
padding:0 0.5em 5px 0;
}

label.grant {
width:170px;
float:left;
text-align:right;
margin:3px 0 0;
padding:0 0.5em 5px 0;
}

label.validation {
width:100px;
text-align:left;
margin:3px 0 0;
padding:0;
}

.contactinput {
margin:3px 0 5px;
}

.smaller {
font-size:0.9em;
font-style:italic;
}

.contactpage {
width:32em;
margin-left:4em;
float:right;
}

.button {
background:#FFF;
border:0;
cursor:pointer;
color:#3e6e92;
text-decoration:underline;
font-weight:700;
font-size:12px;
font-family:Arial;
text-align:left;
margin:0;
padding:0;
}

.button:hover {
color:red;
}

.accordionHeader {
border:1px dashed #2F4F4F;
background-color:#FFF;
font-family:Arial, Sans-Serif;
font-size:12px;
font-weight:700;
margin-top:0.5em;
cursor:pointer;
padding:0.5em;
}

.accordionContent {
background-color:#FFF;
border:1px dashed #2F4F4F;
border-top:none;
padding:0.5em;
}

#header {
width:100%;
height:210px;
background-image:url(../images/imgTopBackground.gif);
background-repeat:repeat-x;
vertical-align:bottom;
}

#header h1 {
text-indent:-5000px;
float:left;
}

#header h2 {
font-size:16px;
text-align:right;
}

ul#thumbnails {
list-style-type:none;
clear:both;
float:right;
margin:-6em 0 0;
}

ul#thumbnails li {
display:inline;
padding-left:0.5em;
}

#footer {
height:23px;
width:100%;
background-color:#3e6e92;
background-image:url(../images/imgFooterMenuBar.gif);
background-repeat:repeat-x;
clear:both;
text-align:center;
margin:0.5em 0;
}

ul#footer-links {
list-style-type:none;
margin:0;
padding:0;
}

ul#footer-links li {
display:inline;
padding-right:2em;
text-align:center;
}

ul#footer-links li a {
font-size:11px;
font-weight:700;
color:#FFF;
text-decoration:none;
}

#footer-text {
text-align:center;
font-size:10px;
}

div#main #twocols {
width:805px;
float:right;
}

div#main #rightcol {
width:341px;
float:right;
}

div#main #middlecol {
width:464px;
float:left;
}

#navigation {
width:100%;
background-color:#6e92ad;
}

#navigation ul {
line-height:3em;
font-weight:700;
text-align:left;
list-style-type:none;
margin:0;
padding:0 0.5em;
}

#navigation ul a {
text-decoration:none;
color:#FFF;
}

#navigation ul hr {
color:#CCC;
}

#navigation ul ul 
{
    font-size:11px;
    margin:0!important;
    padding:0 0 0 10px!important;
}

.calculate-banner,.eco-banner {
margin:0.5em 0;
}

.eco-banner {
background:url(../images/signup-eco.gif) 0 0 no-repeat;
width:157px;
height:60px;
font-size:10px;
padding-top:23px;
}

.rate-page {
width:157px;
height:75px;
}

.rate-images {
padding:0;
margin: 0;
float:left;
display:inline;
}

.calculate-banner IMG {
border:0;
margin:0;
padding:0;
}

div#main h2 {
font-size:2em;
}

ul#homepage-buttons {
list-style-type:none;
height:100%;
margin:0;
padding:0;
}

ul#homepage-buttons li {
padding-bottom:0.5em;
}

ul#homepage-links {
list-style-type:none;
margin:0;
padding:0 0 0.5em;
}

ul#homepage-links li {
display:inline;
}

#accreditation {
width:150px;
float:right;
margin-left:0.5em;
color:#999999 !important;
}

#accreditation h3,#accreditation p {
color:#999999 !important;
font-size:10px;
}

ul.HomepageList {
font-size:12px;
margin:0 0 0 3em;
padding:0;
}

#leftcol,#twocols,#maincol,#rightcol,#maincol-contact,#rightcol-contact,#maincol-grant,#rightcol-grant {
background:transparent !important;
}

div#sub #leftcol {
width:157px;
float:left;
clear:both;
}

div#sub #twocols {
width:843px;
float:right;
}

div#sub #maincol {
width:675px;
float:left;
}

div#sub #rightcol {
width:157px;
float:right;
}

div#sub #maincol-contact {
width:504px;
float:left;
}

div#sub #rightcol-contact {
width:339px;
float:right;
margin-top:29px;
}

div#sub #maincol-grant {
width:421px;
float:left;
}

div#sub #rightcol-grant {
width:421px;
float:right;
margin-top:29px;
}

div#sub #NB-left {
width:262px;
float:left;
}

div#sub #NB-wrap {
width:575px;
float:right;
clear:none !important;
}

div#sub #NB-mid {
width:319px;
float:left;
padding-top:10em;
}

div#sub #NB-right {
width:252px;
float:right;
}

div#sub #advertisement {
color:#000;
width:157px;
height:375px;
}

div#sub #NB-left p,div#sub #NB-right p {
padding-left:1em;
}

#Builder_Landing_Heading_Products {
color:#628312;
font-size:1.2em;
font-weight:700;
margin-bottom:0.75em;
}

#Builder_Landing_Heading_Value {
color:#bf7516;
font-size:1.2em;
font-weight:700;
margin-bottom:0.75em;
}

#Builder_Landing_Heading_Support {
color:#4f87a8;
font-size:1.2em;
font-weight:700;
margin-bottom:0.75em;
}

#Builder_Landing_Heading_Standards {
color:#b74916;
font-size:1.2em;
font-weight:700;
margin-bottom:0.75em;
}

ul.NewBuildList {
font-size:12px;
margin:1em;
padding:0;
}

.imgCarbonCalc {
padding-right:10px;
margin:0 0 50px;
}

#rightcol2 {
margin-top:3.5em;
}

#IndustryNewsFeed {
margin:0 20px 0 0;
}

ul.ContactPlainList {
font-family:Arial;
font-size:1.2em;
margin:2em 0 0 2em;
padding:0;
}

ul.ContactPlainList li {
list-style:none;
list-style-image:none;
padding:0 0 60px;
}

ul.ContactPlainList img {
float:left;
position:relative;
border:none;
margin:0 10px 0 0;
}

ul.ContactPlainList a:link {
text-decoration:none;
}

.ContactUs_imgPhone {
padding:0 0 0 7px;
}

.ContactUs_imgPen {
padding:0 0 100px;
}

#branchNetwork {
height:550px;
background-image:url(../images/map2.jpg);
background-position:bottom;
background-repeat:no-repeat;
}

#contactDetails {
margin-left:1em;
}

.productcols {
width:100%;
float:right;
position:relative;
clear:both;
margin:0 0 1em;
}

.leftproduct {
width:49%;
float:left;
}

.rightproduct {
width:49%;
float:right;
}

.product {
clear:both;
border:1px #6e92ad solid;
background-color:#f0f4f7;
}

.product img {
float:left;
border:0;
margin:0.5em 0 0;
padding:0 5px;
}

ul#faq li.answer {
padding-bottom:20px;
}

ul#faq a {
color:#000;
text-decoration:none;
}

.from {
color:#016502;
font-weight:700;
}

.date {
font-style:italic;
color:#666;
text-align:right;
}

#compass {
width:81px;
height:131px;
display:block;
position:absolute;
top:0;
left:0;
z-index:200;
background:url(../images/compass.gif) transparent 0 0 no-repeat;
}

ul#control-panel {
list-style-type:none;
margin:1em 0 0 1em;
padding:0;
}

.control-panelclass {
list-style-type:none;
margin:1em 0 0 1em;
padding:0;
}

ul#control-panel img {
margin:3px 5px 0 0;
}

.cleaner {
overflow:hidden;
clear:both;
height:1px;
margin-top:-1px;
}

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix {
display:block;
}

* html .clearfix {
height:1%;
}

p.last,* html div#Master_nav_main {
margin-bottom:0;
}

dl dt,strong,dfn,ul#faq li.question {
font-weight:700;
}

em,dfn,tfoot {
font-style:italic;
}

div#singleleftcol p,div#singlecol p,div#sub p {
font-size:12px;
}

.menu2 li a.top_link:hover,.menu2 li:hover > a.top_link {
color:#fff;
background:url(../images/button4.gif) no-repeat;
z-index:200;
}

.menu2 li a.top_link:hover span,.menu2 li:hover > a.top_link span {
background:url(../images/button4.gif) no-repeat right top;
z-index:200;
}

.menu2 li a.top_link:hover span.down,.menu2 li:hover > a.top_link span.down {
background:url(../images/button4a.gif) no-repeat right top;
z-index:200;
}

.menu2 :hover ul :hover ul,.menu2 :hover ul :hover ul :hover ul,.menu2 :hover ul :hover ul :hover ul :hover ul,.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul,* html .menu2 :hover ul :hover ul,* html .menu2 :hover ul :hover ul :hover ul,* html .menu2 :hover ul :hover ul :hover ul :hover ul,* html .menu2 :hover ul :hover ul :hover ul :hover ul :hover ul {
left:90px;
top:-4px;
background:#fff;
border:1px solid #3e6e92;
white-space:nowrap;
width:145px;
z-index:200;
height:auto;
padding:3px 0;
}

.content h3 a:hover,ul#footer-links li a:hover,#navigation ul a:hover {
text-decoration:underline;
}

.blue-box,div#sub blockquote,fieldset.contact-form {
background-color:#f0f4f7;
border:1px solid #e2e9ef;
padding:0.5em;
}

.save-form {
background-color:#FEFFEE;
border:1px solid #C03;
padding:0.5em;
}

.PDF,.HouseBuilderPDF {
border:none;
margin:-7px 0 0;
padding:0 5px 0 0;
}

ul#accreditors,ul#faq {
list-style-type:none;
margin:0;
}

div#main #leftcol {
width:195px;
float:left;
clear:both;
}

.eco-banner p,.EcoEmail {
font-size:10px;
}

ul.HomepageList li,ul.EnvironmentList li,ul.NewBuildList li,ul.LAHAList li,ul.HomeOwnerList li {
position:relative;
list-style:none;
line-height:1.6em;
background-image:url(../images/bullet.gif);
background-repeat:no-repeat;
background-position:0 0.3em;
margin:0;
padding:0 0 0 2em;
}

ul.EnvironmentList,ul.LAHAList,ul.HomeOwnerList {
margin:1em;
padding:0;
}

.HouseBuilder_PuzzleImageStandards,.HouseBuilder_PuzzleImageRelax {
position:relative;
float:left;
margin:2px 10px 0 0;
}

.HouseBuilder_PuzzleImageService,.HouseBuilder_PuzzleImageValue {
position:relative;
float:left;
margin:-5px 10px 0 0;
}

a.gallery,a.gallery:visited {
display:inline;
width:339px;
height:216px;
padding:0px !important;
}

a.slide1 span {
top:287px;
left:491px;
padding:1em;
background-color:#FFF;
border:1px solid #000;
}

a.gallery span {
visibility:hidden;
display:block;
position:absolute;
margin:2px 0 0 5px;
}

a.gallery:hover {
white-space:normal;
z-index:100;
}

a.gallery:hover span {
visibility:visible;
z-index:100;
}

a.gallery:hover span img {
position:relative;
z-index:100;
}

a.gallery:active,a.gallery:focus {
z-index:10;
}

a.gallery:active span,a.gallery:focus span {
visibility:visible;
z-index:10;
}

a.gallery:active span img,a.gallery:focus span img {
position:relative;
z-index:10;
}

.vacancy-button {
font-size:8px;
color:#FFF;
font-weight:700;
}

label.vacancy {
width:100px;
float:left;
text-align:left;
color:#3e6e92;
}

#vacancy-map {
height:322px;
background-image:url(../images/vacancy-map.jpg);
background-position:bottom;
background-repeat:no-repeat;
position:relative;
}

.job-description {
padding:0.1em 0;
}
.job-description p {
color:#666!important;
font-size:0.9em!important;
}

#case-study, #case-study p
{
    font-size:10px!important;
}

.branch-button 
{
    font-size:10px;
    color:#000000;
    padding:2px;
    border:0;
    cursor:pointer;
}

.tech-spec 
{
    clear:both;
	margin-bottom: 1.2em;
}

.tech-header 
{
    font-weight:bold;
    text-align:left;
    border:1px solid #dddddd;
    border-top:0px;
    border-right:0px;
    border-left:0px;
}

.techBox	{width:80%; margin:10px auto 10px auto; background:#F3F9FE; border:1px solid #D2EAFB; padding:10px 10px 10px 20px;}
.techBox h3	{margin:0 0 5px -10px; font-size:inherit; font-weight:bold}

.label 
{
    font-weight:bold;
}

.recommend-box 
{
    margin:20px 0 20px 0;
    clear:both;
}

.recommended 
{
    width:265px;
    float:right;
}

#TheMap {width:485px; height:450px; position:relative;}

#MapDiv {width:485px!important; height:450px; position:relative;}

.textCenter	{text-align:center;}

.noborder {border:none!important;padding:0!important;}


/* --------------------------------------- */


IMG.paddingbottom90
{
	float:left;
	padding-bottom:100px;
	padding-right: 10px;
}

IMG.paddingbottom150
{	padding-bottom:150px; }

IMG.paddingbottom11
{	padding-bottom:11px; }

IMG.paddingbottom30
{	padding-bottom:30px; }

IMG.paddingbottom40
{	padding-bottom:40px; }

IMG.paddingbottom50
{	padding-bottom:50px; }

IMG.paddingbottom60
{	padding-bottom:60px; }

.lineheight1point5
{	line-height: 1.5em; }

.eco-banner .margin0202
{	margin: 0 2px 0 2px; }

.eco-banner .margintop20
{
	margin-top: -20px; 
	float: right;
}

.REDcol
{ color:#FF0000; }

.smallTxt
{
	font-size: small; 
	line-height: 16px;
}

.txtsize10
{
	text-align: right; 
	font-size: 10px;
}

paddingleft2
{	padding-left:2px; }

.textLeft
{ text-align:left; }


/* swimming pool panel placements  */

.swim73-37
{ width:73px; height:37px; z-index:999; background:url(../images/matrix.gif) transparent 5px 5px no-repeat; padding:5px; }

.swim77-80
{ width:77px; height:80px; z-index:999; background:url(../images/matrix2.gif) transparent 5px 5px no-repeat; padding:5px; }


.swim37-73
{ width:37px; height:73px; z-index:999; background:url(../images/matrix3.gif) transparent 5px 5px no-repeat; padding:5px; }

.swim80-77
{ width:80px; height:77px; z-index:999; background:url(../images/matrix4.gif) transparent 5px 5px no-repeat; padding:5px; }
/*-------------------------------------------------------*/

/* Solar Panel placements  */

.solar10-10
{ width:10px; height:10px; z-index:999; background:url(../images/2panel.gif) transparent 5px 5px no-repeat; border:1px #F00000 solid; padding:5px; }

.solar15-15
{ width:15px; height:15px; z-index:999; background:url(../images/2panel2.gif) transparent 5px 5px no-repeat; border:1px #F00000 solid; padding:5px; }

.solar20-5
{ width:20px; height:5px; z-index:999; background:url(../images/2hpanel.gif) transparent 5px 5px no-repeat; border:1px #F00000 solid; padding:5px; }

.solar18-19
{ width:18px; height:19px; z-index:999; background:url(../images/2hpanel2.gif) transparent 5px 5px no-repeat; border:1px #F00000 solid; padding:5px; }

.solar15-10
{ width:15px; height:10px; z-index:999; background:url(../images/3panel.gif) transparent 5px 5px no-repeat; border:1px #F00000 solid; padding:5px; }

.solar17-19
{ width:17px; height:19px; z-index:999; background:url(../images/3panel2.gif) transparent 5px 5px no-repeat; border:1px #F00000 solid; padding:5px; }

.solar30-5
{ width:30px; height:5px; z-index:999; background:url(../images/3hpanel.gif) transparent 5px 5px no-repeat; border:1px #F00000 solid; padding:5px; }

.solar24-27
{ width:24px; height:27px; z-index:999; background:url(../images/3hpanel2.gif) transparent 5px 5px no-repeat; border:1px #F00000 solid; padding:5px; }

.solar20-10
{ width:20px; height:10px; z-index:999; background:url(../images/4panel.gif) transparent 5px 5px no-repeat; border:1px #F00000 solid; padding:5px; }

.solar21-23
{ width:21px; height:23px; z-index:999; background:url(../images/4panel2.gif) transparent 5px 5px no-repeat; border:1px #F00000 solid; padding:5px; }

.solar5-10
{ width:5px; height:10px; z-index:999; background:url(../images/1panel.gif) transparent 5px 5px no-repeat; border:1px #F00000 solid; padding:5px; }

.solar11-12
{ width:11px; height:12px; z-index:999; background:url(../images/1panel2.gif) transparent 5px 5px no-repeat; border:1px #F00000 solid; padding:5px; }

.solar10-5
{ width:10px; height:5px; z-index:999; background:url(../images/1hpanel.gif) transparent 5px 5px no-repeat; border:1px #F00000 solid; padding:5px; }

.solar10-13
{ width:10px; height:13px; z-index:999; background:url(../images/1hpanel2.gif) transparent 5px 5px no-repeat; border:1px #F00000 solid; padding:5px; }

.solar5-20
{ width:5px; height:20px; z-index:999; background:url(../images/2hpanel3.gif) transparent 5px 5px no-repeat; border:1px #F00000 solid; padding:5px; }

.solar18-19
{ width:18px; height:19px; z-index:999; background:url(../images/2hpanel4.gif) transparent 5px 5px no-repeat; border:1px #F00000 solid; padding:5px; }

.solar10-15
{ width:10px; height:15px; z-index:999; background:url(../images/3panel3.gif) transparent 5px 5px no-repeat; border:1px #F00000 solid; padding:5px; }

.solar19-17
{ width:19px; height:17px; z-index:999; background:url(../images/3panel4.gif) transparent 5px 5px no-repeat; border:1px #F00000 solid; padding:5px; }

.solar5-30
{ width:5px; height:30px; z-index:999; background:url(../images/3hpanel3.gif) transparent 5px 5px no-repeat; border:1px #F00000 solid; padding:5px; }

.solar27-24
{ width:27px; height:24px; z-index:999; background:url(../images/3hpanel4.gif) transparent 5px 5px no-repeat; border:1px #F00000 solid;  padding:5px; }

.solar10-20
{ width:10px; height:20px; z-index:999; background:url(../images/4panel3.gif) transparent 5px 5px no-repeat; border:1px #F00000 solid; padding:5px; }

.solar23-21
{ width:23px; height:21px; z-index:999; background:url(../images/4panel4.gif) transparent 5px 5px no-repeat; border:1px #F00000 solid; padding:5px; }


/* the news box */
#news
{
    text-align: left;
    width: 341px;
    height: 156px;
    overflow: hidden;
    position: relative;
}

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

#news ul li
{
    height: 156px;
    width: 341px;
    display: block;
    margin:0;
    padding:0;
}

#news p 
{
    font-size:12px!important; 
}
/* the news box when JavaScript is available */
#news.hasJS
{
    height: 156px;
    overflow: hidden;
    position: relative;
}
/* The nested UL when JavaScript is available */
#news.hasJS ul
{
    position: absolute;
    top: 156px;
    left: 0;
    margin: 0;
    padding: 0;
}

#news.hasJS ul li 
{
    padding:5px 0 0 0;
    border-bottom:1px #ccc solid;
}

#news h3 
{
    margin:0;
    padding:0;
}

.paddingtop20 
{
    margin-top:40px!important;
}

.telephone-number 
{   
    color:#3e6e92;
    font-size:20px;
    text-align:center;
    font-weight:bold;
}

.emphasise 
{  
    font-weight:bold;
    color:#3e6e92!important;
}

.larger 
{   
    font-size:16px;
}

#homepage-advertisement 
{
    width:341px;
    height:310px;
}

#solar-landing-banners 
{
    width:193px;
    float:right;
    margin-top:44px;
}

#solar-landing-banners img
{
    margin-bottom:0.5em;
}

#solar-landing-main 
{
    float:left;
    width:650px;
}

#solar-landing-main h3
{
    text-align:center;
    font-size:18px;
    color:#eb0000;
    font-size:1.4em;
}

#solar-landing-main fieldset
{
    background-color:#feffee;
    border:1px #eb0000 solid;
    margin-top:1em;
    padding:10px 5px;
}

#solar-landing-main .form-column 
{
    width:48%;
    float:left;
    margin:0 5px;
}

#solar-landing-main label.solar 
{
    width:110px;
}

#solar-system 
{
    width:320px;
    float:right;
    text-align:center;
}

#solar-system h3
{   
    color:#ee0000;
    font-size:14px;
}

#solar-system h4 
{
    font-size:14px;
    color:#016502;
}

#callback-links 
{
    clear:both;
    margin-top:10px;
}

#callback-links img
{
    padding-right:5px;
}

ul#solar-callback-benefits 
{
    font-size:14px;
    font-weight:bold;
}

p.thank-you 
{
    color:#ee0000!important;
    font-weight:bold!important;
    font-size:16px!important;
    text-align:center!important;
}

ul#accreditations 
{
    margin:0;
    padding:0;
    list-style-type:none;
    position:relative;
    z-index:999;
}

ul#accreditations li
{
    margin:0 5px;
    padding:0;
    display:inline;
}


/* ASHP Landing Page 1 */

h3.black { color: #000; }
.cleared { clear: both; }

.text-left {
	width: 450px;
}

ul.left-bullets { 
font-size:14px;
	float: left; 
	width: 300px; 
	margin-top: 30px;
	color: #016502;
	font-weight: bold;
	list-style-type: circle;
	list-style-position: inside;
}
	ul.left-bullets li { line-height: 250%; }
	
.blue-wide {
	background: #F0F4F7 url(../images/ashpcalc/step1-2-bg.gif) 570px 37px no-repeat;	
	padding-top: 20px;
	clear:both;
	}

fieldset#house-details legend { display: none; }
fieldset#house-details label {
	float: left;
	margin: 3px 0 0;
	padding: 0 0.5em 5px 0;
	text-align: right;
	width: 230px;
}

fieldset#house-details .step1 {
	float: left;
	width: 500px;
	padding: 1.2em 2em;
}

fieldset#house-details .step2 {
	position: relative;
	float: right;
	width: 230px;
	height: 180px;
	padding: 25px 1em 1.2em 20px;
}

fieldset#house-details .step2 h4 {
	color: #3BA230;
	font-size: 27px;
	margin-bottom: 0.2em;
}

fieldset#house-details .step2 p {
	font-weight: bold;
	background: url(../images/ashpcalc/left-arrow-green.gif) center left no-repeat;
	padding-left: 25px;
}

fieldset#house-details .step2 input.submit-btn {
	position: absolute;
	top: 143px;
	left: 15px;
}

/* ASHP Landing Page 2 (Callback) */

#step3-left {
	float: left;
	width: 360px;
}

#step3-right {
	float: right;	
	width: 470px;
}

.blue-step3 {
	position: relative;
	padding: 25px 0.5em 20px 30px;
	background: #F0F4F7 url(../images/ashpcalc/step3-bg.gif) 12px 21px no-repeat;
}

.blue-step3 h4 {
	color: #3BA230;
	font-size: 27px;
	margin-bottom: 0.2em;	
}

.blue-step3 p.arrow {
	width: 100px;
	margin-top: 5px;
	font-weight: bold;
	background: url(../images/ashpcalc/down-arrow-green.gif) center right no-repeat;
	padding: 0 15px;
}

.blue-step3 p.explain {
	position: absolute;
	margin: 12px 0 0 0;
	top: 21px;
	left: 195px;
	font-weight: bold;
}
fieldset#your-details {
	padding-top: 30px;	
}

fieldset#your-details legend { display: none; }
fieldset#your-details label {
	float: left;
	margin: 3px 0 0;
	padding: 0 0.5em 5px 0;
	text-align: right;
	width: 160px;
}

fieldset#your-details input.callback-submit {
	padding-top: 15px;	
}

.blue-thanks {
	margin-top: 45px;
	padding: 17px 0 0 15px;
	background: #F0F4F7 url(../images/ashpcalc/thanks-bg.gif) top left no-repeat;
	height: 150px;
}

.blue-thanks h4 {
	color: #3BA230;
	font-size: 18px;
	margin-bottom: 0.2em;	
}

.blue-thanks p {
	padding: 32px 0 0 50px;
	margin: 0;
	background: url(../images/imgPhone.gif) 5px 32px no-repeat;
}

.adverts {
	margin: 40px 0;
	height: 110px;
}


/* Solar/Boiler Deal Landing Page 1 */
.bold { font-weight: bold !important; }
.italic { font-style: italic; }
.normal { font-style: normal; }
.green { color: #016502 !important; }
.red { color: #990000; }
.largest { font-size: 18px; }
.call-now { font-size: 30px; text-align: center; color: #900; margin-bottom: 1px; margin-left:-40px;}
.call-now span { font-size: 50px; }
.limited-time { padding-left: 400px; font-weight: bold; }
.text-larger { font-size: 1.2em; }

.fiftyfifty {
	width: 383px;
	border: 0;
	float: left;
	margin-top: 10px;
}

.padding-left{	
	padding-left:20px; }

img.grants-availiable {
	width: 380px;
	height: 75px;
	border: 0;
	margin: 10px auto;
}

#boiler-left {
	margin-top: 15px;
	float: left;
	width: 340px;
	padding: 5px 0 13px 0;
	background: #F0F4F7 url(../images/boilerdeal/quote-bg.gif) 5px 10px no-repeat;	
}

#boiler-left h4 {
	color: #3BA230;
	font-size: 20px;
	padding: 10px 0 0 5px;	
}

fieldset#quote-form { padding: 10px 0 10px 0; }

fieldset#quote-form legend { display: none; }
fieldset#quote-form label {
	float: left;
	margin: 3px 0 0;
	padding: 0 0.5em 5px 0;
	text-align: right;
	width: 120px;
}

.quote-submit {
	margin: 25px 0 27px 0;
}

#boiler-right {
	margin-top: -280px;
	float: right;
	width: 450px;
}

#boiler-right ul {
	list-style: none;
	padding: 6px 0 0 15px; margin: 0;
	background: url(../images/boilerdeal/feature-bg.gif) top left no-repeat;
	width: 370px;
	height: 137px;
	font-size: 13px;	
}
#boiler-right ul li {
	padding: 4px 0;	
}
#boiler-right ul li span {
	font-size: 15px;	
}

/* STEPS */
#stepimage {background-image:url(../images/steps.jpg); width:401px; height:79px; display:block;}
#stepimage2 { margin-top:45px; background-image:url(../images/steps.jpg); width:401px; height:79px; display:block;}

/* General Classes */
.floatLeft { float:left;}
.floatRight {float:right;}
.imgPadding {padding:10px;}