/* CSS RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* @license
 * MyFonts Webfont Build ID 2345767, 2012-08-17T15:25:37-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Museo Sans 700 by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo-sans/700/
 * Licensed pageviews: 10,000
 * 
 * Webfont: Museo Sans 300 by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo-sans/300/
 * Licensed pageviews: unspecified
 * 
 * Webfont: Museo Sans 100 by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo-sans/100/
 * Licensed pageviews: unspecified
 * 
 * Webfont: Museo Sans 900 by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo-sans/900/
 * Licensed pageviews: unspecified
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2345767
 * Webfonts copyright: Copyright (c) 2008 by Jos Buivenga. All rights reserved.
 * 
 * © 2012 Bitstream Inc
*/
  
@font-face {font-family: 'MuseoSans-700';src: url('../webfonts/23CB27_0_0.eot');src: url('../webfonts/23CB27_0_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/23CB27_0_0.woff') format('woff'),url('../webfonts/23CB27_0_0.ttf') format('truetype');}
@font-face {font-family: 'MuseoSans-300';src: url('../webfonts/23CB27_1_0.eot');src: url('../webfonts/23CB27_1_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/23CB27_1_0.woff') format('woff'),url('../webfonts/23CB27_1_0.ttf') format('truetype');} 
@font-face {font-family: 'MuseoSans-100';src: url('../webfonts/23CB27_2_0.eot');src: url('../webfonts/23CB27_2_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/23CB27_2_0.woff') format('woff'),url('../webfonts/23CB27_2_0.ttf') format('truetype');}
@font-face {font-family: 'MuseoSans-900';src: url('../webfonts/23CB27_3_0.eot');src: url('../webfonts/23CB27_3_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/23CB27_3_0.woff') format('woff'),url('../webfonts/23CB27_3_0.ttf') format('truetype');}

/* TEMPLATE */
body {font-size:12px; line-height:18px; color:#0d4961; font-family:Arial, Helvetica, sans-serif}
a {color:#04b732; text-decoration:none; font-weight:bold}
a:hover {color:#2f86a8; text-decoration:none}

p, h1, h2, h3, h4, h5, ol, ul, table {margin:0 0 15px 0}
@media screen and (min-width: 480px), only screen and (min-device-width: 480px) {
    .wrap {width: 988px; margin: 0 auto}
    .logo {float:left; margin:18px 0 12px 38px}
}
@media screen and (max-width: 480px), only screen and (max-device-width: 480px) { 
    .wrap {width:100%; margin:0 auto} 
    .logo {width:100%; text-align:center; margin: 20px 0 0 0; padding: 0}
}

ul {list-style:disc; padding:0 0 0 30px}
ul li {margin:0 0 5px 0}
ol {list-style:decimal; padding:0 0 0 30px}
ol li {margin:0 0 5px 0}
h3 {font-size: 14px; line-height: 18px; color: #0d4961}
.highlight {color:#07A7E0}
.greenhighlight {color:#04b732}

@media screen and (min-width: 480px), only screen and (min-device-width: 480px) { a.buttonChat {position:fixed; right:0; top:165px; width:32px; height:143px; z-index:9999} }
@media screen and (max-width: 480px), only screen and (max-device-width: 480px) { a.buttonChat {display:none} }

/* INFO BAR */

@media screen and (min-width: 480px), only screen and (min-device-width: 480px) { #infobar {float:right; width:519px; height:27px; background:url(images/header-bar-bg.png) top left no-repeat; padding:6px 34px 0 54px; font-weight:bold; font-size:13px; color:#2f86a8; display:inline; position:relative} }
@media screen and (max-width: 480px), only screen and (max-device-width: 480px) { #infobar {display:none} }
#infobar div {float:left; display:block}
#infobar a#facebook {display:block; height:16px; width:16px; background:url(images/icons.png) 0 0 no-repeat; text-indent:-9999px; float:left; margin:2px 0 0 15px}
#infobar a#google {display:block; height:16px; width:16px; background:url(images/icons.png) 0 -16px no-repeat; text-indent:-9999px; float:left; margin:2px 0 0 15px}
#infobar a#linkedin {display:block; height:16px; width:16px; background:url(images/icons.png) 0 -32px no-repeat; text-indent:-9999px; float:left; margin:2px 0 0 15px}
#infobar a#twitter {display:block; height:16px; width:16px; background:url(images/icons.png) 0 -48px no-repeat; text-indent:-9999px; float:left; margin:2px 0 0 15px}
#infobar a#rss {display:block; height:16px; width:16px; background:url(images/icons.png) 0 -64px no-repeat; text-indent:-9999px; float:left; margin:2px 0 0 15px}

#infobar a#basket {display:block; height:16px; background:url(images/icons.png) 0 -80px no-repeat; color:#2f86a8; line-height:16px; padding-left:20px}
#infobar a#basket span, #infobar a#basket:hover, #infobar a#login:hover {color:#04b732}
#infobar a#login {display:block; height:16px; background:url(images/icons.png) 0 -96px no-repeat; float:right; margin:2px 0 0 0; padding-left:20px; color:#2f86a8; line-height:16px}

#infobar div.loggedin {float:right; clear:both}
#infobar div.loggedin #username {color:#04b732}

#basketcontents {padding:0 ;border:5px solid #c5ebfa; -webkit-border-radius:10px; position:absolute; right:9999px; top:35px; z-index:9999;
border-radius: 10px; white-space:nowrap;
background: #ffffff;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYWY3ZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ffffff 1%, #eaf7fc 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaf7fc));
background: -webkit-linear-gradient(top, #ffffff 1%,#eaf7fc 100%);
background: -o-linear-gradient(top, #ffffff 1%,#eaf7fc 100%);
background: -ms-linear-gradient(top, #ffffff 1%,#eaf7fc 100%);
background: linear-gradient(to bottom, #ffffff 1%,#eaf7fc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaf7fc',GradientType=0 );}

#basketcontainer {position:relative; height:35px; width:90px; float:left; margin:2px 0 0 46px}
#basketcontainer:hover #basketcontents {right:-56px}
#basketcontents a {color:#2f86a8}
#basketcontents a:hover {color:#04B732}
#basketcontents table {margin:0; border-spacing:0; border-collapse:collapse}
#basketcontents table td {padding:15px; border-bottom:1px solid #e0e0e0; vertical-align:middle}
#basketcontents table tr:last-child td {border:0}
#basketcontents table td.price {text-align:right}
#basketcontents input {border:1px solid #dadbdb; padding:2px 15px 1px 2px; margin:0 -13px 0 0; width:15px; text-align:center; background:#f5f5f5; -webkit-border-radius:4px; border-radius:4px; color:#115772; float:left}
#basketcontents table tr:nth-child(even) td {background: #ebebeb;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGUwZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ebebeb 0%, #e0e0e0 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb), color-stop(100%,#e0e0e0));
background: -webkit-linear-gradient(top, #ebebeb 0%,#e0e0e0 100%);
background: -o-linear-gradient(top, #ebebeb 0%,#e0e0e0 100%);
background: -ms-linear-gradient(top, #ebebeb 0%,#e0e0e0 100%);
background: linear-gradient(to bottom, #ebebeb 0%,#e0e0e0 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#e0e0e0',GradientType=0 );}
#infobar div.increment-up {width:13px; height:11px; background:url(images/icons.png) 0 -112px no-repeat; cursor:pointer; float:right; display:block; text-indent:-9999px}
#infobar div.increment-down {width:13px; height:10px; background:url(images/icons.png) 0 -123px no-repeat; cursor:pointer; float:right; clear:right; display:block; text-indent:-9999px}

#basketcontents:before {
   content:"";
   display:block; /* reduce the damage in FF3.0 */
   position:absolute;
   top:-18px;
   right:50px;
   width:0;
   border-width:0 18px 18px;
   border-style:solid;
   border-color:#c5ebfa transparent;
}
#basketcontents:after {
   content:"";
   display:block; /* reduce the damage in FF3.0 */
   position:absolute;
   top:-10px;
   right:55px;
   width:0;
   border-width:0 13px 13px;
   border-style:solid;
   border-color:#fff transparent;
}

/* NAVIGATION */

@media screen and (min-width: 480px), only screen and (min-device-width: 480px) { div#TEMPLATE_HEADER nav {float:left; width:988px; height:52px; clear:both; display:inline} }
@media screen and (max-width: 480px), only screen and (max-device-width: 480px) { div#TEMPLATE_HEADER nav {float:left; width:988px; height:52px; clear:both; display:none} }
ul.menu, ul.menu li {list-style: none; margin:0; padding:0; float:left; position:relative; height:52px}
ul.menu li a {display:block; float:left; height:39px; background-repeat:no-repeat; text-indent:-9999px}

div#navServices{width:108px; background: url("images/navSprite.png") -492px 0px; display:block; float:left; height:39px; background-repeat:no-repeat; text-indent:-9999px}
div#navServices:hover, div#navServices.current {width:108px; background: url("images/navSprite.png") -492px -39px}

a#navHome{width:40px; background: url("images/navSprite.png") 0 0}
a#navHome:hover, a#navHome.current {width:40px; background: url("images/navSprite.png") 0 -39px}
a#navAbout{width:84px; background: url("images/navSprite.png") -40px 0px}
a#navAbout:hover, a#navAbout.current {width:84px; background: url("images/navSprite.png") -40px -39px}
a#navResidential{width:123px; background: url("images/navSprite.png") -124px 0px}
a#navResidential:hover, a#navResidential.current {width:123px; background: url("images/navSprite.png") -124px -39px}
#navCommercial{width:128px; background: url("images/navSprite.png") -247px 0px}
a#navCommercial:hover, a#navCommercial.current {width:128px; background: url("images/navSprite.png") -247px -39px}
a#navLandlord{width:117px; background: url("images/navSprite.png") -375px 0px}
a#navLandlord:hover, a#navLandlord.current {width:117px; background: url("images/navSprite.png") -375px -39px}
a#navServices{width:108px; background: url("images/navSprite.png") -492px 0px}
a#navServices:hover, a#navServices.current {width:108px; background: url("images/navSprite.png") -492px -39px}
a#navMEES{width:69px; background: url("images/navSprite.png") -600px 0px}
a#navMEES:hover, a#navMEES.current {width:69px; background: url("images/navSprite.png") -600px -39px}
a#navDEA{width:163px; background: url("images/navSprite.png") -669px 0px}
a#navDEA:hover, a#navDEA.current {width:163px; background: url("images/navSprite.png") -669px -39px}
a#navFAQs{width:64px; background: url("images/navSprite.png") -832px 0px}
a#navFAQs:hover, a#navFAQs.current {width:64px; background: url("images/navSprite.png") -832px -39px}
a#navContact{width:92px; background: url("images/navSprite.png") -896px 0px}
a#navContact:hover, a#navContact.current {width:92px; background: url("images/navSprite.png") -896px -39px}

ul.menu li ul li a {text-indent:0; float:none; height:auto; color:#2f86a8; text-decoration:none; padding:10px 10px; line-height:16px; width:auto; z-index:999; font-weight:normal; background:none; width:auto; font-size:12px; font-weight:bold}
ul.menu li ul li a:hover, ul.menu li ul li a.current {color:#04b732; z-index:999}
ul.menu li ul li {float:none; height:auto; display:block; z-index:999; width:auto; border-bottom:1px solid #c5ebfa; margin:0 10px}
ul.menu li ul {left:-9999px; position:absolute; width:auto; padding:0; z-index:999; top:52px; width:170px; border:5px solid #c5ebfa; -webkit-border-radius: 5px;
border-radius: 5px;
background: #ffffff;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYWY3ZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ffffff 1%, #eaf7fc 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaf7fc));
background: -webkit-linear-gradient(top, #ffffff 1%,#eaf7fc 100%);
background: -o-linear-gradient(top, #ffffff 1%,#eaf7fc 100%);
background: -ms-linear-gradient(top, #ffffff 1%,#eaf7fc 100%);
background: linear-gradient(to bottom, #ffffff 1%,#eaf7fc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaf7fc',GradientType=0 );}
ul.menu li:hover ul {left:0; z-index:999}
ul.menu li ul li:last-child {border:none}

ul.menu li ul:before {
   content:"";
   display:block; /* reduce the damage in FF3.0 */
   position:absolute;
   top:-26px;
   left:20px;
   width:0;
   border-width:0 26px 26px 0;
   border-style:solid;
   border-color:#c5ebfa transparent;
}
ul.menu li ul:after {
   content:"";
   display:block; /* reduce the damage in FF3.0 */
   position:absolute;
   top:-13px;
   left:25px;
   width:0;
   border-width:0 13px 13px 0;
   border-style:solid;
   border-color:#fff transparent;
}

/* CONTENT */

.banner {float:left; margin-bottom:35px; border-bottom:5px solid #f8fcfe}
@media screen and (min-width: 480px), only screen and (min-device-width: 480px) { 
    #content {float:left; clear:both; width:684px; margin:18px 0 50px 0; overflow:hidden}
    #content.fullwidth {padding-left:40px; padding-right:40px; width:900px}
    .indent {float:left; margin-left:28px; width:656px}
    .indent ul {list-style:disc; padding:0 0 0 60px}
    .indent ul li {margin:0 0 5px 0}
    .indent h1, .indent h2 {font-family: 'MuseoSans-700', Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; color:#2f86a8; font-size:24px; line-height:28px; margin:0}
    .indent h3 {font-size:14px; font-family: 'MuseoSans-700', Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal}
    .bluebox {float:left; width:656px; background:#e4f6fd; padding:20px 0 0 28px}
    .bluebox h1 {font-family: 'MuseoSans-700', Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; font-size:18px; line-height:22px}
    .bluebox ul {font-family: 'MuseoSans-700', Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; font-size:18px; line-height:22px; padding:0; list-style:none; margin:0 0 25px 0}
    .bluebox ul li {margin:0 0 15px 0; padding-left:40px; background:url(images/checkmark-green.png) top left no-repeat; line-height:33px}
    .bluebox p {font-weight:bold; color:#2f86a8; width:260px}
    .bluebox img {float:right; margin-top:-20px}
    h1.margin {color:#0d4961; margin:20px 0 15px 0; font-size:18px}
    h2.margin {color:#0d4961; margin:0 0 15px 0; font-size:18px}
}
@media screen and (max-width: 480px), only screen and (max-device-width: 480px) { 
    #content {float:none; clear:both; width:100%; margin:18px 0 20px 0; overflow:hidden} 
    #content.fullwidth {padding-left:40px; padding-right:40px; width:900px}
    .indent {float:none; margin-left:0; width:100%}
    .indent ul {list-style:disc; padding:0 0 0 60px}
    .indent ul li {margin:0 0 5px 0}
    .indent h1, .indent h2 {font-family: 'MuseoSans-700', Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; color:#2f86a8; font-size:24px; line-height:28px; margin:0; padding: 0 10px;}
    .indent h3 {font-size:14px; font-family: 'MuseoSans-700', Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; padding: 0 10px;}
    .indent p {padding: 0 10px}
    .indent img {display:none}
    a.bookbutton {display:block; width:inherit; padding:20px; line-height:30px; background-color:#04b631; border:1px solid #009526; color:white; margin-right:40px; text-align:center}
    .bluebox {float:none; width:100%; background:#e4f6fd; padding:20px 10px 10px 10px}
    .bluebox h1 {font-family: 'MuseoSans-700', Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; font-size:18px; line-height:22px}
    .bluebox ul {font-family: 'MuseoSans-700', Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; font-size:18px; line-height:22px; padding:0; list-style:none; margin:0 0 25px 0}
    .bluebox ul li {margin:0 0 15px 0; padding-left:40px; background:url(images/checkmark-green.png) top left no-repeat; line-height:33px}
    .bluebox p {font-weight:bold; color:#2f86a8; width:100%}
    .bluebox img {float:right; margin-top:-20px}
    h1.margin {color:#0d4961; margin:20px 0 15px 0; font-size:18px}
    h2.margin {color:#0d4961; margin:0 0 15px 0; font-size:18px}
}

/* SLIDER */

@media screen and (min-width: 480px), only screen and (min-device-width: 480px) { #sliderwrap {float:left; clear:both; width:684px; height:302px; overflow:hidden; margin-bottom:35px; border-bottom:5px solid #f8fcfe} }
@media screen and (max-width: 480px), only screen and (max-device-width: 480px) { #sliderwrap {display:none} }

ul#slider, ul#slider li {margin:0; padding:0; list-style:none}

/* SIDEBAR */

#step1 {width:286px; float:left; background:url(images/step1bg.png) top left repeat-y; font-size:16px; font-family: 'MuseoSans-700', Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; margin-bottom:25px}
#step1 .radiogroup {float:left; clear:both; margin-top:10px; width:286px}
#step1 .radiogroup input {width:auto; height:auto; padding:0; margin:2px 0 4px 5px; clear:none}
#step1 .radiogroup label {clear:none; width:auto}

@media only screen and (min-width: 480px), only screen and (min-device-width: 480px) {
    div#TEMPLATE_COMMERCIAL_FORM, div#TEMPLATE_DOMESTIC_FORM, aside {float:right; width:286px; margin:12px -6px 50px 0}
}
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px){
    div#TEMPLATE_COMMERCIAL_FORM, div#TEMPLATE_DOMESTIC_FORM, aside {display:none;}
}

#step1 .divide {width:232px; height:1px; background:#58abcb; display:block; overflow:hidden; width:232px; margin:10px 0 18px 22px; float:left; clear:both}

#step1 label {margin-left:30px; color:#fff; clear:both; font-size:16px; font-family: 'MuseoSans-700', Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; float:left; white-space:nowrap; width:232px}
#step1 label span {color:#04b732}
#step1 input {width:212px; height:22px; line-height:22px; font-size:16px; font-family: 'MuseoSans-700', Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; color:#175872; padding:10px; margin:5px 0 10px 22px; -webkit-border-radius:8px; border-radius:8px; border:0; clear:both; float:left; outline:none}
#step1 input:focus {border:2px solid #04B732; padding:8px}
#step1 .selectwrap {width:232px; height:42px; padding:0; margin:5px 0 10px 22px; -webkit-border-radius:8px; border-radius:8px; border:0; clear:both; background:#fff; float:left}
#step1 select {width:212px; line-height:22px; font-size:16px; font-family: 'MuseoSans-700', Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; color:#175872; padding:0; margin:10px; border:0}
#bestQuotePrice {color:#fff; font-family: 'MuseoSans-700', Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; font-size:60px; line-height:64px; text-align:center}
p.resetlink {text-align:center; clear:both}
p.resetlink a {text-align:center; color:#fff; text-decoration:underline; font-size:14px}
#step1 input.quotesubmitbutton  {font-family: 'MuseoSans-900', Arial, Helvetica, sans-serif; float:left; clear:both; font-weight: normal; font-style: normal; font-size: 30px; color: #ffffff; width:232px; display:inline-block; height:auto; padding:0; text-align:center; line-height:44px; margin:5px 0 10px 22px; background:#04b732; cursor:pointer;
	background: -moz-linear-gradient(
		top,
		#03ad30 0%,
		#04b731);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#03ad30),
		to(#04b731));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 0px solid #003366;
	-moz-box-shadow:
		1px 1px 3px rgba(000,000,000,1),
		inset 1px 1px 3px rgba(195,255,83,1);
	-webkit-box-shadow:
		1px 1px 3px rgba(000,000,000,1),
		inset 1px 1px 3px rgba(195,255,83,1);
	box-shadow:
		1px 1px 3px rgba(000,000,000,1),
		inset 1px 1px 3px rgba(195,255,83,1)}
		
#step1 input.quotesubmitbutton :hover {
	color:#115772; background:#c5ebfa;
	background: -moz-linear-gradient(
		top,
		#a5d9ed 0%,
		#c1e9f8);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#a5d9ed),
		to(#c1e9f8));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 0px solid #003366;
	-moz-box-shadow:
		1px 1px 3px rgba(000,000,000,1),
		inset 1px 1px 3px rgba(255,255,255,1);
	-webkit-box-shadow:
		1px 1px 3px rgba(000,000,000,1),
		inset 1px 1px 3px rgba(255,255,255,1);
	box-shadow:
		1px 1px 3px rgba(000,000,000,1),
		inset 1px 1px 3px rgba(255,255,255,1);
}
		
a#quotemebutton {
	font-family: 'MuseoSans-900', Arial, Helvetica, sans-serif; float:left; clear:both; font-weight: normal; font-style: normal; font-size: 30px; color: #ffffff; width:232px; display:block; text-align:center; line-height:44px; margin:5px 0 10px 22px; background:#04b732;
	background: -moz-linear-gradient(
		top,
		#03ad30 0%,
		#04b731);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#03ad30),
		to(#04b731));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 0px solid #003366;
	-moz-box-shadow:
		1px 1px 3px rgba(000,000,000,1),
		inset 1px 1px 3px rgba(195,255,83,1);
	-webkit-box-shadow:
		1px 1px 3px rgba(000,000,000,1),
		inset 1px 1px 3px rgba(195,255,83,1);
	box-shadow:
		1px 1px 3px rgba(000,000,000,1),
		inset 1px 1px 3px rgba(195,255,83,1);
}
a#quotemebutton:hover {
	color:#115772; background:#c5ebfa;
	background: -moz-linear-gradient(
		top,
		#a5d9ed 0%,
		#c1e9f8);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#a5d9ed),
		to(#c1e9f8));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 0px solid #003366;
	-moz-box-shadow:
		1px 1px 3px rgba(000,000,000,1),
		inset 1px 1px 3px rgba(255,255,255,1);
	-webkit-box-shadow:
		1px 1px 3px rgba(000,000,000,1),
		inset 1px 1px 3px rgba(255,255,255,1);
	box-shadow:
		1px 1px 3px rgba(000,000,000,1),
		inset 1px 1px 3px rgba(255,255,255,1);
}

a#searchbutton {
	font-family: 'MuseoSans-900', Arial, Helvetica, sans-serif; float:left; clear:both; font-weight: normal; font-style: normal; font-size:24px; color: #ffffff; display:block; text-align:center; line-height:36px; margin:5px 0 10px 145px; background:#04b732; padding:0 15px;
	background: -moz-linear-gradient(
		top,
		#03ad30 0%,
		#04b731);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#03ad30),
		to(#04b731));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 0px solid #003366;
	-moz-box-shadow:
		1px 1px 3px rgba(000,000,000,1),
		inset 1px 1px 3px rgba(195,255,83,1);
	-webkit-box-shadow:
		1px 1px 3px rgba(000,000,000,1),
		inset 1px 1px 3px rgba(195,255,83,1);
	box-shadow:
		1px 1px 3px rgba(000,000,000,1),
		inset 1px 1px 3px rgba(195,255,83,1);
}
a#searchbutton:hover {
	color:#115772; background:#c5ebfa;
	background: -moz-linear-gradient(
		top,
		#a5d9ed 0%,
		#c1e9f8);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#a5d9ed),
		to(#c1e9f8));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 0px solid #003366;
	-moz-box-shadow:
		1px 1px 3px rgba(000,000,000,1),
		inset 1px 1px 3px rgba(255,255,255,1);
	-webkit-box-shadow:
		1px 1px 3px rgba(000,000,000,1),
		inset 1px 1px 3px rgba(255,255,255,1);
	box-shadow:
		1px 1px 3px rgba(000,000,000,1),
		inset 1px 1px 3px rgba(255,255,255,1);
}

.phonenumbers {font-family: 'MuseoSans-900', Arial, Helvetica, sans-serif; float:left; font-weight: normal; font-style: normal; float:left; margin:0 0 25px 0; width:286px; background:url(images/callguy.jpg) bottom right no-repeat; color:#04b732; font-size:28px; line-height:30px}
.phonenumbers span {font-size:13px; color:#2f86a8; font-family: 'MuseoSans-700', Arial, Helvetica, sans-serif}

.newsarticles {width:286px; float:left}
.newsarticles h1 {font-family: 'MuseoSans-700', Arial, Helvetica, sans-serif; float:left; font-weight: normal; font-style: normal; font-size:18px; line-height:20px; color:#2f86a8; border-bottom:1px solid #04b732; display:block; padding:0 15px 15px 15px; width:256px; color:#2f86a8; margin:0}
.newsarticles article {float:left; width:256px; padding:15px 15px 5px 15px; border-bottom:1px solid #04b732}
.newsarticles article h1 {padding:0; width:auto; border:0; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; line-height:18px; margin:0 0 5px 0}
.newsarticles article h1 a {color:#2f86a8}
.newsarticles article h1 a:hover {color:#115772}
.newsarticles article .byline {font-size:10px}

/* ABOUT US */

body#about-us .banner {margin:0}
body#about-us aside {width:260px; margin:60px 40px 0 0; color:#04b732; font-size:24px; line-height:30px; font-family: 'MuseoSans-300', Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal}
body#about-us aside article {display:block; float:left; width:223px; padding-top:8px}
.quotemark {display:block; width:29px; height:24px; background:url(images/icons.png) 0 -133px no-repeat; float:left; margin:0 8px 0 0}
.quotemark2 {display:block; width:29px; height:24px; background:url(images/icons.png) 0 -156px no-repeat; float:right; margin:0 0 0 8px}
body#about-us #content {width:988px}
body#about-us .indent {width:600px}
body#about-us .logos {float:left; clear:both; margin:20px 0; border-top:6px solid #f8fcfe; border-bottom:6px solid #f8fcfe; padding:10px 0; width:988px}
body#about-us .lowercontent {float:left; width:988px; border-bottom:6px solid #f8fcfe; padding-bottom:20px}
img.mission {float:left}
body#about-us .lowercontent article {float:left; padding:38px 46px 0 46px; width:600px}
body#about-us .lowercontent article h1 {font-family: 'MuseoSans-700', Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; color:#2f86a8; font-size:24px; line-height:28px; margin:0}
body#about-us .lowercontent article h3 {font-size:14px; font-family: 'MuseoSans-700', Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal}

.lowercontent2 {float:left; width:988px; border-bottom:6px solid #f8fcfe; padding-bottom:20px}
.lowercontent2 img.field {float:right; margin:30px 0 0 0}
.lowercontent2 img {margin:20px 0 0 80px}
.lowercontent2 article {float:left; padding:38px 0 0 46px; width:620px}
.lowercontent2 article h1 {font-family: 'MuseoSans-700', Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; color:#2f86a8; font-size:24px; line-height:28px; margin:0}
.lowercontent2 article h3 {font-size:14px; font-family: 'MuseoSans-700', Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal}

/* SERVICES TEMPLATE */

body#services #content {width:988px}
body#services .indent {width:600px}
body#services .banner {margin:0}
body#services aside {width:260px; margin:60px 40px 0 0; color:#04b732; font-size:24px; line-height:30px; font-family: 'MuseoSans-300', Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal}
body#services aside article {display:block; float:left; width:210px; padding-top:8px}
body#services .lowercontent {float:left; width:960px; border-bottom:6px solid #f8fcfe; padding:30px 0 20px 28px; border-top:6px solid #f8fcfe; margin:20px 0}
p.quotename {font-size:12px; line-height:20px; float:left; clear:both; color:#0d4961; margin-top:10px}
p.quotename strong {color:#3399ad}

body#services .lowercontent h1, body#services .lowercontent h2 {font-family: 'MuseoSans-700', Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; color:#2f86a8; font-size:24px; line-height:28px; margin:0}
body#services .lowercontent h3 {font-size:14px; font-family: 'MuseoSans-700', Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal}
body#services .lowercontent p {width:600px}
.propertydrum {float:right; margin-right:90px}
body#services .lowercontent2 article {float:left; padding:20px 0 0 28px; width:638px}

body#commercial-thank-you #content {width:988px}
body#commercial-thank-you .indent {width:615px; border-right:1px solid #2f86a8; padding-right:30px}
body#commercial-thank-you .banner {margin:0}
body#commercial-thank-you aside {float:right; width:230px; margin:15px 50px 50px 0}
body#commercial-thank-you .prices {clear:both; margin:0 0 20px 28px; float:left; width:928px; text-align:center; font-size:14px}

/*LANDLORDS*/
p.divideborders {margin:0 0 15px -28px; border-top:5px solid #f8fcfe; border-bottom:5px solid #f8fcfe; padding:5px 0 0 28px}
.accreditations {width:286px; text-align:center; float:left}
.accreditations h1 {font-size:14px; line-height:18px; color:#0d4961; font-family:Arial, Helvetica, sans-serif; border-bottom:1px solid #c5ebfa; padding:15px 0 15px 0; margin:0}
.accreditations img {border-bottom:1px solid #c5ebfa; padding:15px 80px; clear:both}

/*FAQS*/
p.question {cursor:pointer; margin:0 0 0 -28px; padding:15px 0 15px 28px; border-top:5px solid #f8fcfe}
p.question:hover {color:#2F86A8}

/*TESTIMONIALS*/
#testimonials section {background:url(images/icons.png) -44px 15px no-repeat; padding:15px 0 0 28px; border-top:5px solid #f8fcfe; margin:0 0 0 -28px}

/*CONTACT US*/
.contactbox {margin:0 0 0 -28px; padding:15px 0 0 28px; border-top:5px solid #f8fcfe; float:left; width:684px}
.contactbox h4 {display:block; width:150px; float:left; height:80px; color:#2f86a8}
.contactbox p {display:block; width:267px; float:left; font-weight:bold}

/*BLOG*/
#blog aside {width:211px; margin-right:28px}
#blog aside h1 {font-size:24px; line-height:30px; color:#2f86a8; font-family: 'MuseoSans-700', Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal}
#blog aside h2 {font-size:24px; line-height:30px; color:#2f86a8; font-family: 'MuseoSans-700', Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; margin-top:30px}
#blog aside ul, #blog aside ul li ul {padding:0; margin:0; list-style:none}
#blog aside ul li, #blog aside ul li ul li {padding:10px 0; margin:0; border-bottom:1px solid #c5ebfa}
#blog aside ul li a {font-weight:bold; color:#2f86a8}
#blog aside ul li a:hover, #blog aside ul li.current a {color:#04b732}
#blog aside img {margin:0 0 30px 30px}

#blog #content article {float:left; width:684px; margin:0 0 30px 0}
#blog #content article .date {float:left; width:110px; margin-left:70px; display:block; font-family: 'MuseoSans-700', Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; font-size:11px; color:#2f86a8}
#blog #content article .date span {color:#04b732; font-size:60px; line-height:60px; font-family: 'MuseoSans-900', Arial, Helvetica, sans-serif}
#blog #content article .articlecontent {float:left; width:504px; display:block}
#blog #content article h1 {color:#2f86a8; font-family: 'MuseoSans-300', Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; font-size:24px; line-height:26px}
#blog #content article h1 a {color:#2f86a8; font-weight: normal}
#blog #content article h1 a:hover {color:#04b732}
#blog #content article p.categories {margin:30px 0 15px 0; font-weight:bold; color:#2f86a8}
#blog .byline {width:504px; margin:0 0 15px 0; padding:15px 0; border-bottom:1px solid #c5ebfa; border-top:1px solid #c5ebfa; display:block; float:left; line-height:16px}
#blog .byline p {width:300px; display:block; margin:0; float:left; font-weight:bold; color:#2f86a8}
#blog .byline a {float:right; display:block; color:#2f86a8; height:16px; padding-left:20px; background:url(http://www.bigbrandideas.co.uk/justepc/images/icons.png) -16px -32px no-repeat}
#blog .byline a:hover, #blog .byline a span {color:#04b732}
#blog .sharelinkwrap {width:504px; margin:0 0 15px 0; padding:15px 0; border-bottom:1px solid #c5ebfa; border-top:1px solid #c5ebfa; display:block; float:left; line-height:16px; clear:both}
.sharelinks {float:left}
.facebookshare {margin-right:30px}
section.navigation {float:left; clear:both; margin:30px 0; width:400px}

/*LOCATION PAGES*/

#TEMPLATE_COMMERCIAL_LOCATIONS {clear:both; margin:20px 0; width:928px; background:#E4F6FD; padding:30px; float:left}
#TEMPLATE_COMMERCIAL_LOCATIONS section {float:left; width:202px; margin-right:40px; font-size:10px; line-height:18px; font-weight:bold; color:#00A8E1}
#TEMPLATE_COMMERCIAL_LOCATIONS ul, #TEMPLATE_COMMERCIAL_LOCATIONS ul li {margin:0; padding:0; list-style:none}
#TEMPLATE_COMMERCIAL_LOCATIONS ul li a {color:#2f86a8}
#TEMPLATE_COMMERCIAL_LOCATIONS ul li a:hover {color:#0d4961}

#TEMPLATE_DOMESTIC_LOCATIONS {clear:both; margin:0 0 30px 0; width:928px; background:#E4F6FD; padding:30px; float:left}
#TEMPLATE_DOMESTIC_LOCATIONS ul {float:left; width:202px; margin:0 40px 0 0; font-size:10px; line-height:18px; font-weight:bold; color:#00A8E1; list-style:none; padding:0}
#TEMPLATE_DOMESTIC_LOCATIONS ul li {margin:0; padding:0; list-style:none}
#TEMPLATE_DOMESTIC_LOCATIONS ul li a {color:#2f86a8}
#TEMPLATE_DOMESTIC_LOCATIONS ul li a:hover {color:#0d4961}

/*FOOTER*/

div#TEMPLATE_FOOTER a {color:#07a7e0; font-weight:normal}
div#TEMPLATE_FOOTER a:hover {text-decoration:underline}
div#TEMPLATE_FOOTER p.boldlinks a {font-weight:bold}

div#TEMPLATE_FOOTER_EXTENDED a {color:#07a7e0; font-weight:normal}
div#TEMPLATE_FOOTER_EXTENDED a:hover {text-decoration:underline}
div#TEMPLATE_FOOTER_EXTENDED p.boldlinks a {font-weight:bold}

div#TEMPLATE_FOOTER {margin:0; color:#07a7e0; font-size:11px; line-height:14px; height:153px; background:url(images/footerComplete.png) top center no-repeat; z-index:9999; clear:both; width:100%; height:290px}
div#TEMPLATE_FOOTER_EXTENDED {margin:0; color:#07a7e0; font-size:11px; line-height:14px; height:153px; background:url(images/footerComplete.png) top center no-repeat; z-index:9999; clear:both; width:100%; height:290px}
#footerWrap {width:900px; margin:0 auto; padding-top:20px}

@media screen and (min-width: 480px), only screen and (min-device-width: 480px) { #footerextended {clear:both; width:100%; background:#eafcfd; color:#000; line-height:16px} }
@media screen and (max-width: 480px), only screen and (max-device-width: 480px) { #footerextended {display:none} #footerWrap h3 {font-size:30px} }
#footerextendedwrap {width:900px; margin:0 auto}
.footerextendedcolumn {float:left; width:270px; margin:30px 45px 50px 0}
.footerextendedcolumn ul {padding-left:20px}
.footerextendedcolumn ul li {margin-bottom:20px}
.footerextendedcolumn h3 {margin-bottom:20px; color:#07A7E0}
ul.epcnetwork {width:270px; margin:0; padding:0; list-style:none}
ul.epcnetwork li {float:left; width:135px; margin:0 0 5px 0; padding:0; font-weight:bold}
@media screen and (min-width: 480px), only screen and (min-device-width: 480px) { ul.footerlist {width:900px; margin:0 0 15px 0; padding:0; list-style:none; font-size:10px; float:left} }
@media screen and (max-width: 480px), only screen and (max-device-width: 480px) { ul.footerlist {display:none} }
ul.footerlist li {float:left; width:180px; margin:0 0 2px 0; padding:0; font-weight:bold; color:#000; line-height:15px}
ul.footerlist li a {color:#000}
#footerextended a {font-weight:bold}
#footerextended article h1 {margin:0}
#footerextended article a {font-weight:bold}

.footersmcions {float:right; margin:0px 50px 0px 20px}
.footersmcions img {margin:15px 10px 0 0; float:left}

@media screen and (min-width: 480px), only screen and (min-device-width: 480px) { .footerlogos {width:900px; height:200px; clear:both;} }
@media screen and (max-width: 480px), only screen and (max-device-width: 480px) { .footerlogos {width:100%; height:200px; clear:both;} }
.footerlogos img {margin:0 40px 0 0}
@media screen and (min-width: 480px), only screen and (min-device-width: 480px) { .footerDisclaimer {font-weight:bold; color:#000; clear:both; float:left; width:630px; font-size:10px} }
@media screen and (max-width: 480px), only screen and (max-device-width: 480px) { .footerDisclaimer {font-weight:bold; color:#000; clear:both; float:left; width:auto; font-size:inherit} }
@media screen and (min-width: 480px), only screen and (min-device-width: 480px) { .footercopyright {margin:0 auto; width:900px; padding:20px 0} }
@media screen and (max-width: 480px), only screen and (max-device-width: 480px) { .footercopyright {margin:0; width:auto; padding:20px 10px; font-size:200%} .footercopyright strong {line-height:200%} }

/* BOOKING */
.greenbutton {font-family: 'MuseoSans-900', Arial, Helvetica, sans-serif; font-weight: normal !important; font-style: normal; font-size:18px; display:inline-block; text-align:center; line-height:30px; padding:0 15px; width:auto; color:#fff !important; margin-bottom:10px; border:1px solid #009526;
background: #04b631;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA0YjYzMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGEyMGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #04b631 0%, #00a20d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#04b631), color-stop(100%,#00a20d));
background: -webkit-linear-gradient(top, #04b631 0%,#00a20d 100%);
background: -o-linear-gradient(top, #04b631 0%,#00a20d 100%);
background: -ms-linear-gradient(top, #04b631 0%,#00a20d 100%);
background: linear-gradient(to bottom, #04b631 0%,#00a20d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04b631', endColorstr='#00a20d',GradientType=0 )}
.greybutton {font-family: 'MuseoSans-900', Arial, Helvetica, sans-serif; font-weight: normal !important; font-style: normal; font-size:18px; display:inline-block; text-align:center; line-height:30px; padding:0 15px; width:auto; color:#666 !important; margin-bottom:10px; border:1px solid #999;
background: #f5f5f5;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlN2U3ZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #f5f5f5 0%, #e7e7e7 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#e7e7e7));
background: -webkit-linear-gradient(top, #f5f5f5 0%,#e7e7e7 100%);
background: -o-linear-gradient(top, #f5f5f5 0%,#e7e7e7 100%);
background: -ms-linear-gradient(top, #f5f5f5 0%,#e7e7e7 100%);
background: linear-gradient(to bottom, #f5f5f5 0%,#e7e7e7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e7e7e7',GradientType=0 )}
.greenbutton:hover, .greybutton:hover {color:#115772 !important; text-decoration:none !important; border: 1px solid #003366;
background: #a5d9ed;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E1ZDllZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMWU5ZjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #a5d9ed 0%, #c1e9f8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5d9ed), color-stop(100%,#c1e9f8));
background: -webkit-linear-gradient(top, #a5d9ed 0%,#c1e9f8 100%);
background: -o-linear-gradient(top, #a5d9ed 0%,#c1e9f8 100%);
background: -ms-linear-gradient(top, #a5d9ed 0%,#c1e9f8 100%);
background: linear-gradient(to bottom, #a5d9ed 0%,#c1e9f8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5d9ed', endColorstr='#c1e9f8',GradientType=0 );
}

@media screen and (min-width: 480px), only screen and (min-device-width: 480px) { 
    #buttonLookup {margin-top:8px;}
    .registrationtitle {font-size:14px; line-height:18px; color:#00a8e1; font-weight:bold}

    #booking #content {width:100%; padding-left:10px; padding-right:10px; border:none; border-top:none; margin-top:-13px; padding-top:31px} 
    #booking #content h2 {font-size:20px; line-height:32px; color:#00a8e1; clear:left}
    #booking #content h2 img {float:left; margin-right:10px}

    #booking #content p, #booking #content h3 {margin-left:42px; float:left; clear:both; width:800px}
    #booking #content h3 {font-size:14px; line-height:24px; color:#00a8e1; margin-top:20px}

    #booking #content table {margin-bottom:20px; margin-left:42px; float:left; clear:both}
    #booking #content table td {vertical-align:middle}

    #booking #content table td a {color:#04b732; font-weight:bold; text-decoration:none}
    #booking #content table td a:hover {color:#04b732; font-weight:bold; text-decoration:underline} 

    #booking #content table.availableTable {margin-bottom:20px; margin-left:42px; float:left; clear:both; width:800px}

    #booking #content a {color:#00a8e1; text-decoration:underline}
    #booking #content a:hover {color:#000; text-decoration:underline}

    .regformfield {padding:6px; border:3px solid #d3d3d3; width:215px; margin-right:10px; float:left}
    .regforminput {padding:6px; border:3px solid #d3d3d3; width:584px; float:left}
    .regformarea {padding:6px; border:3px solid #d3d3d3; width:774px; margin-right:10px; float:left}
    .regforminput:focus, .regformfield:focus, .regformarea:focus {border:3px solid #8cdcf7}

    .requiredfield {margin:0px 10px 0px -5px; float:left}
    .sectiondivide {float:left; width:900px; height:1px; background-color:#def7ff; margin:20px 0px; overflow:hidden}

    #calendar table {border:1px solid #ccedfb; border-collapse: collapse; background-color:#fff; clear:both; margin-bottom:15px}
    #calendar table th {border:1px solid #ccedfb; padding: 8px 16px; font-size:16px; line-height:18px; color:#00a8e1; background:url(images/tableheader-bg.png) bottom left repeat-x;}
    #calendar table td {padding: 8px 16px;	border:1px solid #ccedfb; vertical-align:middle}

    #calendar table.availableTable td {background:#fff; vertical-align:middle}
    #calendar table.availableTable td.availableSlot {background:url(images/availabletableBg.png) left top no-repeat; cursor:pointer}
    #calendar table.availableTable td.availableSlot:hover {background:url(images/availabletableHover.png) left top no-repeat; border:1px solid #ec008c; cursor:pointer}
    #calendar table.availableTable td.headerHighlighted {color:#ec008c; text-align:center; font-weight:bold}
    #calendar table.availableTable td.header {text-align:center; font-weight:bold}

    #actionRequired {float:left; height:35px; border:1px solid #fa2529; background:#ffe5e6; padding:8px; font-weight:bold; color:#000}
    #calendar #actionRequired table {border:none; background:none; margin:0}
    #calendar #actionRequired table td {padding:0;	border:none; vertical-align:middle}

    #apptTime {float:left; height:35px; border:1px solid #04b732; background:#e3ffea; padding:8px; margin:0 0 20px 40px; clear:both; color:#000}
    #booking #apptTime {border:none; background:none}
    #apptTime table {border:none; background:none; margin:0}
    #apptTime table td {padding:0;	border:none}
    #apptTime span {font-weight:bold}

    a.calendarClosebutton {float:right; width:25px; height:25px; background:url(images/closebutton.png) 0px 0px no-repeat; text-indent:-9999px; margin:-11px; display:block}
    a.calendarClosebutton:hover {background:url(images/closebutton.png) 0px -25px no-repeat}

    #postcodeTable {width:781px; border:0; border-spacing:0px; border-collapse: collapse;}
    #postcodePrompt {width:125px}
    #postcodeEntry {width:265px}
    #postcodeLookup {width:154px}
    #postcodeManual {width:237px}
    #postcodeResults {width:544px}
    #houseDetailsTable {width:774px; border:0; border-spacing:0px; border-collapse: collapse;}
    #houseDetailsPrompt {width:125px}
    #houseDetailsDropdown {width:265px}
    #propertyTypePrompt {width:123px}
    #propertyTypeDropdown {width:261px}
    #numberOfBedrooms {width:240px}
    #propertyType {width:240px}
    #posAddresses {width:516px}
}
@media screen and (max-width: 480px), only screen and (max-device-width: 480px) { 
    #buttonLookup {margin-top:8px; width:90%}
    .registrationtitle {font-size:14px; line-height:18px; color:#00a8e1; font-weight:bold}

    #booking #content {width:100%; padding-left:10px; padding-right:10px; border:none; border-top:none; margin-top:-13px; padding-top:31px} 
    #booking #content h2 {font-size:32px; line-height:32px; color:#00a8e1; clear:left}
    #booking #content h2 img {float:left; margin-right:10px}

    #booking #content p, #booking #content h3 {margin-left:42px; float:left; clear:both; width:100%}
    #booking #content h3 {font-size:14px; line-height:24px; color:#00a8e1; margin-top:20px}

    #booking #content table {margin-bottom:20px; margin-left:42px; float:none; clear:both}
    #booking #content table td {vertical-align:middle; display:block}

    #booking #content table td a {color:#04b732; font-weight:bold; text-decoration:none}
    #booking #content table td a:hover {color:#04b732; font-weight:bold; text-decoration:underline} 

    #booking #content table.availableTable {margin-bottom:20px; margin-left:42px; float:left; clear:both; width:800px}

    #booking #content a {color:#00a8e1; text-decoration:underline}
    #booking #content a:hover {color:#000; text-decoration:underline}

    .regformfield {padding:6px; border:3px solid #d3d3d3; width:90%; margin-right:10px}
    .regforminput {padding:6px; border:3px solid #d3d3d3; width:584px; float:left}
    .regformarea {padding:6px; border:3px solid #d3d3d3; width:774px; margin-right:10px; float:left}
    .regforminput:focus, .regformfield:focus, .regformarea:focus {border:3px solid #8cdcf7}

    .requiredfield {margin:0px 10px 0px -5px; float:left}
    .sectiondivide {float:left; width:900px; height:1px; background-color:#def7ff; margin:20px 0px; overflow:hidden}

    #calendar table {border:1px solid #ccedfb; border-collapse: collapse; background-color:#fff; clear:both; margin-bottom:15px}
    #calendar table th {border:1px solid #ccedfb; padding: 8px 16px; font-size:16px; line-height:18px; color:#00a8e1; background:url(images/tableheader-bg.png) bottom left repeat-x;}
    #calendar table td {padding: 8px 16px;	border:1px solid #ccedfb; vertical-align:middle}

    #calendar table.availableTable td {background:#fff; vertical-align:middle}
    #calendar table.availableTable td.availableSlot {background:url(images/availabletableBg.png) left top no-repeat; cursor:pointer}
    #calendar table.availableTable td.availableSlot:hover {background:url(images/availabletableHover.png) left top no-repeat; border:1px solid #ec008c; cursor:pointer}
    #calendar table.availableTable td.headerHighlighted {color:#ec008c; text-align:center; font-weight:bold}
    #calendar table.availableTable td.header {text-align:center; font-weight:bold}

    #actionRequired {float:left; height:35px; border:1px solid #fa2529; background:#ffe5e6; padding:8px; font-weight:bold; color:#000}
    #calendar #actionRequired table {border:none; background:none; margin:0}
    #calendar #actionRequired table td {padding:0;	border:none; vertical-align:middle}

    #apptTime {float:left; height:35px; border:1px solid #04b732; background:#e3ffea; padding:8px; margin:0 0 20px 40px; clear:both; color:#000}
    #booking #apptTime {border:none; background:none}
    #apptTime table {border:none; background:none; margin:0}
    #apptTime table td {padding:0;	border:none}
    #apptTime span {font-weight:bold}

    a.calendarClosebutton {float:right; width:25px; height:25px; background:url(images/closebutton.png) 0px 0px no-repeat; text-indent:-9999px; margin:-11px; display:block}
    a.calendarClosebutton:hover {background:url(images/closebutton.png) 0px -25px no-repeat}

    #postcodeTable {width:100%; border:0; border-spacing:0px; border-collapse: collapse;}
    #postcodePrompt {width:100%}
    #postcodeEntry {width:100%}
    #postcodeLookup {width:100%}
    #postcodeManual {width:237px}
    #postcodeResults {width:100%}
    #houseDetailsTable {width:100%; border:0; border-spacing:0px; border-collapse: collapse;}
    #houseDetailsPrompt {width:100%}
    #houseDetailsDropdown {width:100%}
    #propertyTypePrompt {width:123px}
    #propertyTypeDropdown {width:100%}
    #numberOfBedrooms {width:90%}
    #propertyType {width:90%}
    #posAddresses {width:90%}
}


/*Tables*/
table.blueborder {border:1px solid #ccedfb; border-collapse: collapse; background-color:#fff; clear:both; margin-bottom:15px}
table.blueborder th {border:1px solid #ccedfb; padding: 8px 16px; font-size:16px; line-height:18px; color:#00a8e1; background:url(images/tableheader-bg.png) bottom left repeat-x;}
table.blueborder td {padding: 8px 16px;	border:1px solid #ccedfb;}
table.blueborder table {border:none;}
table.blueborder table td {padding:0; border:0;}
table.blueborder table .highlight {font-weight:bold; color:#00abff}
table.blueborder table td span {font-weight:bold}

table.blueborder2 {border:1px solid #ccedfb; border-collapse: collapse; background-color:#fff; clear:both; margin-bottom:15px}
table.blueborder2 th {border:1px solid #ccedfb; padding: 8px 10px; font-size:14px; line-height:18px; color:#00a8e1; background:url(images/tableheader-bg.png) bottom left repeat-x; text-align:left}
table.blueborder2 td {padding: 8px 10px;	border:1px solid #ccedfb;}
table.blueborder2 table {border:none;}
table.blueborder2 table td {padding:0; border:0;}
table.blueborder2 table .highlight {font-weight:bold; color:#00abff}
table.blueborder2 table td span {font-weight:bold}

table.blueborder2 th a {color:#00A8E1; font-weight:bold; text-decoration:none}
table.blueborder2 th a:hover {color:#ff2222; font-weight:bold; text-decoration:underline}

table.blueborder3 {border:1px solid #ccedfb; border-collapse: collapse; background-color:#fff; clear:both; margin-bottom:15px}
table.blueborder3 th {border:1px solid #ccedfb; padding: 8px 16px; font-size:16px; line-height:18px; color:#00a8e1; background:url(images/tableheader-bg.png) bottom left repeat-x;}
table.blueborder3 td {padding: 8px 16px;	border:0;}
table.blueborder3 table {border:none;}
table.blueborder3 table td {padding:0; border:0;}
table.blueborder3 table .highlight {font-weight:bold; color:#00abff}
table.blueborder3 table td span {font-weight:bold}

table#clientAppointments {border:1px solid #ccedfb; border-collapse: collapse; background-color:#fff; clear:both; margin-bottom:15px; width:900px; text-align:left}
table#clientAppointments th {border:1px solid #ccedfb; padding: 8px 10px; font-size:14px; line-height:18px; color:#00a8e1; background:url(images/tableheader-bg.png) bottom left repeat-x;}
table#clientAppointments td {padding: 8px 10px;	border:1px solid #ccedfb;}


/*My Appointment Page*/
a.buttonCancel {width:126px; height:35px; display:block; background:url(images/button-cancel.png) 0px 0px no-repeat; text-indent:-9999px}
a.buttonCancel:hover {background:url(images/button-cancel.png) 0px -35px}

a.buttonBook {width:106px; height:35px; display:block; background:url(images/button-book.png) 0px 0px no-repeat; text-indent:-9999px}
a.buttonBook:hover {background:url(images/button-book.png) 0px -35px}

a.calendarClosebutton {float:right; width:25px; height:25px; background:url(images/closebutton.png) 0px 0px no-repeat; text-indent:-9999px; margin:-11px; display:block}
a.calendarClosebutton:hover {background:url(images/closebutton.png) 0px -25px no-repeat}

#calendar table {border:1px solid #ccedfb; border-collapse: collapse; background-color:#fff; clear:both; margin-bottom:15px}
#calendar table th {border:1px solid #ccedfb; padding: 8px 16px; font-size:16px; line-height:18px; color:#00a8e1; background:url(images/tableheader-bg.png) bottom left repeat-x;}
#calendar table td {padding: 8px 16px;	border:1px solid #ccedfb;}

#calendar table.availableTable td {background:#fff; text-align:center}
#calendar table.availableTable td.availableSlot {background:url(images/availabletableBg.png) left top no-repeat; cursor:pointer}
#calendar table.availableTable td.availableSlot:hover {background:url(images/availabletableHover.png) left top no-repeat; border:1px solid #ec008c; cursor:pointer}
#calendar table.availableTable td.headerHighlighted {color:#ec008c; text-align:center; font-weight:bold}
#calendar table.availableTable td.header {text-align:center; font-weight:bold}

#calendar table.availableTable .feePounds
{
    text-align: center;
    font-weight: bold;
    font-size: x-large;
}
#calendar table.availableTable .feePence
{
    text-align: center;
    font-weight: lighter;
    font-size: xx-small;
}

#calendar table.availableTable .BP
{
    text-align: center;
    font-weight: bold;
    color: #ec008c;
}
#calendar table.availableTable .NP
{
    text-align: center;
    font-weight: bold;
    color: #000080;
}


/*Appointment Detail Page*/
.sectionTitle {font-size:16px; line-height:20px; color:#00a8e1; font-weight:bold}
.sectionTitle span {color:#000}
.RRN {font-size:24px; line-height:28px; color:#000; font-weight:bold}
.RRN span {color:#00a8e1}
	
.appointmentStatus {font-size:22px; line-height:48px; color:#000; font-weight:bold}
.appointmentStatus span {color:#00a8e1}
.appointmentStatus img {float:left; padding-right:5px}

#calendar table {border:1px solid #ccedfb; border-collapse: collapse; background-color:#fff; clear:both; margin-bottom:15px}
#calendar table th {border:1px solid #ccedfb; padding: 8px 16px; font-size:16px; line-height:18px; color:#00a8e1; background:url(images/tableheader-bg.png) bottom left repeat-x;}
#calendar table td {padding: 8px 16px;	border:1px solid #ccedfb;}

#calendar table.availableTable td {background:#fff}
#calendar table.availableTable td.availableSlot {background:url(images/availabletableBg.png) left top no-repeat; cursor:pointer}
#calendar table.availableTable td.availableSlot:hover {background:url(images/availabletableHover.png) left top no-repeat; border:1px solid #ec008c; cursor:pointer}
#calendar table.availableTable td.headerHighlighted {color:#ec008c; text-align:center; font-weight:bold}
#calendar table.availableTable td.header {text-align:center; font-weight:bold}

#actionRequired {float:left; height:35px; border:1px solid #fa2529; background:#ffe5e6; padding:8px; font-weight:bold}
#calendar #actionRequired table {border:none; background:none; margin:0}
#calendar #actionRequired table td {padding:0;	border:none;}

#apptTime {float:left; height:35px; border:1px solid #04b732; background:#e3ffea; padding:8px; margin:0 0 20px 40px; clear:both}
#apptTime table {border:none; background:none; margin:0}
#apptTime table td {padding:0;	border:none}
#apptTime span {font-weight:bold}

/*Login Page*/
body.loginpage {margin:0px; background-color:#e7f8ff; color:#333; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; background-image:none}
.loginpage a {color:#ff2222; text-decoration:none; font-weight:bold}
.loginpage table {margin:0}
.loginpage a:hover {color:#ff2222; text-decoration:underline}
.loginpage h1 {color:#00a8e1; font-size:24px; line-height:28px}
.loginpage td.contactuslabel {font-weight:bold; line-height:30px}
.loginpage .login input {border:1px solid #ccc; color:#999; font-weight:bold; width:245px; padding:1px 2px; float:right; font-size:12px}
.loginpage .login input#butLogOn {font-family: 'MuseoSans-900', Arial, Helvetica, sans-serif; font-weight: normal !important; font-style: normal; font-size:18px; display:inline-block; text-align:center; line-height:30px; padding:0 15px; width:auto; color:#fff !important; margin-bottom:0; border:1px solid #009526; cursor:pointer}
.loginpage .login input#butLogOn:hover {color:#115772 !important; text-decoration:none !important; border: 1px solid #003366}
.loginpage .login .loginbutton {border:0; width:108px; float:right}
.loginpage .login td {padding:0px 0px 10px 2px}
.loginpage .contactuslabel {text-align:left; font-weight:bold; vertical-align:top}
.loginpage .passwordreset {float:right; font-size:10px; }
.loginpage input.blueboxfield {padding:6px; border:3px solid #d3d3d3; width:264px}
.loginpage input.blueboxfield:focus {border:3px solid #8cdcf7}
.loginpage #footer {background:none; color:#07a7e0; font-size:11px; line-height:14px}
.loginpage #footerWrap {padding-top:10px; clear:both}

.loginSprite {float:left; clear:both; height:54px; margin:6px 0 0 45px; color:#999; width:800px}
a.loginAssessors {float:left; display:block; width:189px; height:54px; background:url(images/loginSprite.png) 0 0 no-repeat; text-indent:-9999px; margin-right:35px}
a.loginAssessors:hover {background:url(images/loginSprite.png) 0 -54px no-repeat}
a.loginAgents {float:left; display:block; width:147px; height:54px; background:url(images/loginSprite.png) -189px 0 no-repeat; text-indent:-9999px; margin-right:35px}
a.loginAgents:hover {background:url(images/loginSprite.png) -189px -54px no-repeat}
a.loginCustomers {float:left; display:block; width:193px; height:54px; background:url(images/loginSprite.png) -336px 0 no-repeat; text-indent:-9999px; margin-right:35px}
a.loginCustomers:hover {background:url(images/loginSprite.png) -336px -54px no-repeat}

/* CLEARFIX */

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/*
	AnythingSlider v1.8+ Default theme
*/

/*****************************
  SET DEFAULT DIMENSIONS HERE
 *****************************/
/* change the ID & dimensions to match your slider */
#slider {
	width: 684px;
	height: 302px;
	list-style: none;
	/* Prevent FOUC (see FAQ page) and keep things readable if javascript is disabled */
	overflow-y: auto;
	overflow-x: hidden;
}

/******************
  SET STYLING HERE
 ******************
 =================================
 Default state (no keyboard focus)
 ==================================*/
/* Overall Wrapper */
.anythingSlider-default {
	margin: 0 auto;
	/* 45px right & left padding for the arrows, 28px @ bottom for navigation */
	padding: 0;
}
/* slider window - top & bottom borders, default state */
.anythingSlider-default .anythingWindow {

}
/* Navigation buttons + start/stop button, default state */
.anythingSlider-default .anythingControls a {
	/* top shadow */
	background: #777;
	color: #000;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px; text-indent:-9999px; width:12px; height:12px; display:block
}
/* Make sure navigation text is visible */
.anythingSlider-default .anythingControls a span {
	visibility: visible;
}
/* Navigation current button, default state */
.anythingSlider-default .anythingControls a.cur {
	background: #888;
	color: #000;
}

/* start-stop button, stopped, default state */
.anythingSlider-default .anythingControls a.start-stop {
	background-color: #040;
	color: #ddd;
}
/* start-stop button, playing, default state */
.anythingSlider-default .anythingControls a.start-stop.playing {
	background-color: #800;
}

/* start-stop button, default hovered text color (when visible) */
/* hide nav/start-stop background image shadow on hover - makes the button appear to come forward */
.anythingSlider-default .anythingControls a.start-stop:hover,
.anythingSlider-default .anythingControls a.start-stop.hover,
.anythingSlider-default .anythingControls a.start-stop .anythingControls ul a:hover {
	background-image: none;
	color: #ddd;
}

/*
 =================================
 Active State (has keyboard focus)
 =================================
*/
/* slider window - top & bottom borders, active state */
.anythingSlider-default.activeSlider .anythingWindow {
	border-color: #7C9127;
}
/* Navigation buttons, active state */
.anythingSlider-default.activeSlider .anythingControls a {
	/* background image = top shadow */
	background-color: #c5ebfa;
}
/* Navigation current & hovered button, active state */
.anythingSlider-default.activeSlider .anythingControls a.cur,
.anythingSlider-default.activeSlider .anythingControls a:hover {
	/* background image removed */
	background: #2f86a8;
}

/* start-stop button, stopped, active state */
.anythingSlider-default.activeSlider .anythingControls a.start-stop {
	background-color: #080;
	color: #fff;
}
/* start-stop button, playing, active state */
.anythingSlider-default.activeSlider .anythingControls a.start-stop.playing {
	background-color: #d00;
	color: #fff;
}
/* start-stop button, active slider hovered text color (when visible) */
.anythingSlider-default.activeSlider .start-stop:hover,
.anythingSlider-default.activeSlider .start-stop.hover {
	color: #fff;
}

/************************
  NAVIGATION POSITIONING
 ************************/
/* Navigation Arrows */
.anythingSlider-default .arrow {
	top: 50%;
	position: absolute;
	display: block;
}

.anythingSlider-default .arrow a {
	display: block;
	width: 45px;
	height: 140px;
	margin: -70px 0 0 0; /* half height of image */
	text-align: center;
	outline: 0;
	background: url(../images/default.png) no-repeat;
}

/* back arrow */
.anythingSlider-default .back { left: 0; }
.anythingSlider-default .back a { background-position: left top; }
.anythingSlider-default .back a:hover,
.anythingSlider-default .back a.hover { background-position: left -140px; }
/* forward arrow */
.anythingSlider-default .forward { right: 0; }
.anythingSlider-default .forward a { background-position: right top; }
.anythingSlider-default .forward a:hover,
.anythingSlider-default .forward a.hover { background-position: right -140px; }

/* Navigation Links */
.anythingSlider-default .anythingControls { outline: 0; display: none; top:-26px; z-index:9999; position:relative; left:30px }
.anythingSlider-default .anythingControls ul { margin: 0; padding: 0; float: left; }
.anythingSlider-default .anythingControls ul li { display: inline; }
.anythingSlider-default .anythingControls ul a {
	display: inline-block; margin-right:10px
}

/* navigationSize window */
.anythingSlider-default .anythingControls .anythingNavWindow {
	overflow: hidden;
	float: left;
}

/* Autoplay Start/Stop button */
.anythingSlider-default .anythingControls .start-stop {
	padding: 2px 5px;
	width: 40px;
	text-align: center;
	text-decoration: none;
	float: right;
	z-index: 100;
	outline: 0;
}

/***********************
  IE8 AND OLDER STYLING
 ***********************/

/* Navigation Arrows */
.as-oldie .anythingSlider-default .arrow {
	top: 30%;
}
.as-oldie .anythingSlider-default .arrow a {
	margin: 0;
}

/* margin between nav buttons just looks better */
.as-oldie .anythingSlider-default .anythingControls li {
	margin-left: 3px;
}

/* When using the navigationSize option, the side margins need to be zero
	None of the navigation panels look good in IE7 now =( */
.as-oldie .anythingSlider-default .anythingControls a {
	margin: 0;
}
.as-oldie .anythingSlider-default .anythingNavWindow {
	margin: 0 2px;
}
.as-oldie .anythingSlider-default .anythingNavWindow li {
	padding: 3px 0 0 0;
}

/***********************
  COMMON SLIDER STYLING
 ***********************/
/* Overall Wrapper */
.anythingSlider {
	display: block;
	overflow: visible !important;
	position: relative;
}
/* anythingSlider viewport window */
.anythingSlider .anythingWindow {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
}
/* anythingSlider base (original element) */
.anythingSlider .anythingBase {
	background: transparent;
	list-style: none;
	position: absolute;
	overflow: visible !important;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}

/* Navigation arrow text; indent moved to span inside "a", for IE7;
  apparently, a negative text-indent on an "a" link moves the link as well as the text */
.anythingSlider .arrow span {
	display: block;
	visibility: hidden;
}
/* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */
.anythingSlider .arrow.disabled {
	display: none;
}
/* all panels inside the slider; horizontal mode */
.anythingSlider .panel {
	background: transparent;
	display: block;
	overflow: hidden;
	float: left;
	padding: 0;
	margin: 0;
}
/* vertical mode */
.anythingSlider .vertical .panel {
	float: none;
}
/* fade mode */
.anythingSlider .fade .panel {
	float: none;
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	top: 0;
	left: 0;
}
/* fade mode active page - visible & on top */
.anythingSlider .fade .activePage {
	opacity: 1;
	filter: alpha(opacity=100);
	z-index:2;
}

/***********************
  RTL STYLING
 ***********************/
/* slider autoplay right-to-left, reverse order of nav links to look better */
.anythingSlider.rtl .anythingWindow {
	direction: ltr;
	unicode-bidi: bidi-override;
}
.anythingSlider.rtl .anythingControls ul { float: left; } /* move nav link group to left */
.anythingSlider.rtl .anythingControls ul a { float: right; } /* reverse order of nav links */
.anythingSlider.rtl .start-stop { /* float: right; */ } /* move start/stop button - in case you want to switch sides */

/* probably not necessary, but added just in case */
.anythingSlider,
.anythingSlider .anythingWindow,
.anythingSlider .anythingControls ul a,
.anythingSlider .arrow a,
.anythingSlider .start-stop {
	transition-duration: 0;
	-o-transition-duration: 0;
	-moz-transition-duration: 0;
	-webkit-transition-duration: 0;
}



/* -------------
 * jNice
 * ------------- */
 
 .jNiceWrapper {z-index:100; cursor:pointer}
 .jNiceWrapper select {z-index:100}

.jNiceSelectWrapper {
	left:0px;top:0px;z-index:103;position:absolute;
	height:42px; border:0; padding:0px 8px 0 8px; line-height:16px; margin-bottom:10px; width:216px !important}
	
.forminputdiv .jNiceSelectWrapper {background:url(images/bgFieldinput173.png) top left no-repeat; width:232px; height:42px}

.jNiceWrapper iframe {position:absolute;z-index:101;left:0px;top:0px;}

.jNiceSelectWrapper .jNiceSelectText {
	height: 42px;
	line-height: 42px;
	padding: 0 0 0 2px;
	overflow:hidden;float:none;position:absolute;z-index:1000
}

.jNiceSelectWrapper .jNiceSelectOpen {
	width: 44px;
	height: 42px;
	background:url(images/icons.png) 0 -180px no-repeat;
	z-index:1000;display:block;position:absolute;right:0; top:0; cursor:pointer;
}

.jNiceSelectWrapper ul {
	top: 42px;
	background-color: #FFF;
	position:absolute;left:0px;list-style:none;display: none;margin:0;padding:0;z-index:1000; min-width:110px; width:auto !important; border:1px solid #04b732
}

.jNiceSelectWrapper ul li {margin:0; padding:0}

.jNiceSelectWrapper ul a {
	color:#115772;
	background-color: #FFF;
	display:block;padding:5px;text-decoration:none; font-weight:normal;z-index:100; width:220px}

.jNiceSelectWrapper ul a.selected {background:#115772; color:#fff;text-decoration:none; font-weight:normal;z-index:100}
.jNiceSelectWrapper ul a:hover, .jNiceSelectWrapper ul a.selected:hover {background:#04B732; text-decoration:none; font-weight:normal;z-index:100; color:#fff}

.jNiceFocus { border: dotted 1px #666666;z-index:100}

.jNiceHidden {opacity:0;z-index:-1;position:relative;}
.jNiceWrapper {position:relative;vertical-align:top;z-index:100}
.jNiceWrapper input {outline:none;moz-outline:none;z-index:100}

/* jQuery Styles */
.ui-widget-overlay { background:url(images/popupbg.png); position: fixed; top: 0; left: 0; width: 100%; height: 100%; }
.ui-dialog {padding:20px; background:#fff; border:1px solid #c5ebfa; position:relative}
.ui-dialog-titlebar {font-size:20px; font-weight:bold; line-height:32px; margin-bottom:25px; color:#00A8E1}
.ui-icon-closethick {width:25px; height:25px; background:url(images/closebutton.png) 0px 0px no-repeat; text-indent:-9999px; top:-11px; right:-11px; position:absolute; display:block; cursor:pointer}
.ui-icon-closethick:hover {background:url(images/closebutton.png) 0px -25px no-repeat}

.vatbutton {
    display: block;
    height: 40px;
    width: 100%;
    border: solid 3px #00a8e1;
    text-align: center;
    vertical-align: middle;
    line-height: 40px;
    font-size: 1.3em;
    color: red;
    background-color: #ccedfb;
}

.quoteexplanation {
    color: white;
    margin: 0 30px 10px 30px;
}