/* Reset css
=================================*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, address, th, td { margin : 0; padding :0; }
h1, h2, h3, h4, h5, h6 { font-size : 100%; font-weight : normal; }
ol, ul { list-style-type : none; }
table { border-collapse : collapse; border-spacing : 0; }
caption, th { text-align : left; }
fieldset, img { border : 0; }
dt, address, caption, cite, code, dfn, em, i, strong, b, th, var { font-style : normal; font-weight : normal; }
q:before, q:after { content :''; }

html { 
    min-height: 100%;
    margin-bottom: 1px;
}
body {
    font-size: 68.75%;			/* This sets the default font size to be equivalent to 11px (100/16 x 11)  */
    font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    color: #ffffff;
}

/* blocktext */
h1, h2, h3, h4, h5, p, ul { 
    margin: 0;
    padding : 5px 15px;
}

h1 {
    font-size: 280%;
    color: #569FD3;
}

h2 {
    font-size: 160%;
}

h6 {
    margin: 0;
    padding: 0;
    padding-left: 24px;
    margin-top: -10px;
}

p.intro {
    font-size: 110%;
    font-weight: bold;
}

/* a */
a, a:visited { 
    color : #ffffff;
    text-decoration : underline;
} 

.clear {
    clear: both;
}

strong {
    font-weight: bold;
}

hr {
    border: 0;
    margin-left: 15px;
    margin-right: 0;
    color: #ffffff;
    background-color: #ffffff;
    height: 1px;
}

ul {
    padding: 5px 0;
    list-style: disc;
    padding-left: 40px;
    padding-right: 24px;
}
ul li {
    padding: 2px 0;
}

ol {
    padding: 5px 0;
    list-style-position: outside;
    padding-left: 16px;
}

strong {
    font-weight: bold;
}


/* Main blocks
=================================*/
#wrapper {
    width: 760px;
    margin: 0 auto;
}


#header {
    width: 760px;
    height: 87px;
    background: #569fd3;
    position: relative;
}
#header h1 {
    font-size: 2.2em;
    line-height: 1;
    font-weight: normal;
}
#header h1 a {
    display: block;
    width: 264px;
    height: 87px;
    background: url("../images/world_logo.gif") no-repeat 0 0;
    text-indent: -10000px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}
#header p {
    text-indent: -10000px;
}
#header div {
    position: relative;
    left: 585px;
    height: 87px;
    width: 175px;
    margin-top: -33px;
    background: url("../images/logo.gif") no-repeat 0 0;
}




#main-banner {
    width: 353px;
    height: 175px;
    background: url("../images/home.jpg") no-repeat 0 0;
    border-bottom: 2px solid #ffffff;
    border-top: 2px solid #ffffff;
}
#main-banner div {
    position: relative;
    width: 385px;
    height: 0;
    top: 30px;
    left: 362px;
}
#main-banner div div {
    position: relative;
    top: -45px;
    left: -35px;
}
#main-banner div a {
    display: block;
    margin-left: 15px;
    color: #7ac142;
}



div#left-2col, div#left-2col-wide {
    float: left;
    margin-left: -760px;
    width: 353px;
}
div#right-2col, div#right-2col-wide {
    float: left;
    width: 407px;
    border-left: 353px solid #7ac142;
    background: #ffffff;
    color: #666666;
    min-height: 500px;
    padding-bottom: 20px;
    padding-top: 10px;
}

div#left-2col img.border-bot, div#left-2col-wide img.border-bot {
    border-bottom: 2px solid #ffffff;
}


div#right-2col h1.first, div#right-2col h2.first, div#right-2col h3.first, div#right-2col h4.first, div#right-2col h5.first, div#right-2col p.first,
div#left-2col h1.first, div#left-2col h2.first, div#left-2col h3.first, div#left-2col h4.first, div#left-2col h5.first, div#left-2col p.first {
    padding-top: 10px;
}

div#right-2col h1, div#right-2col h2, div#right-2col h3, div#right-2col h4, div#right-2col h5, div#right-2col p,
div#right-2col-wide h1, div#right-2col-wide h2, div#right-2col-wide h3, div#right-2col-wide h4, div#right-2col-wide h5, div#right-2col-wide p {
    padding-left: 24px;
    padding-right: 24px;
}

div#right-2col h1, div#right-2col h2, div#right-2col h3, div#right-2col h4, div#right-2col h5, div#right-2col p,
div#right-2col-wide h1, div#right-2col-wide h2, div#right-2col-wide h3, div#right-2col-wide h4, div#right-2col-wide h5, div#right-2col-wide p {
    padding-left: 24px;
    padding-right: 24px;
}


div#right-2col h3, div#right-2col-wide h3 {
    margin-top: -17px;
}
div#right-2col h4, div#right-2col-wide h4 {
    margin-top: 5px;
    margin-bottom: -12px;
}
div#right-2col a, div#right-2col-wide a {
    color: #7ac142;
}
div#right-2col a:hover, div#right-2col-wide a:hover {
    text-decoration: none;
}

div#left-2col-wide {
    margin-left: -760px;
    width: 182px;
}
div#right-2col-wide {
    width: 578px;
    border-left: 182px solid #7ac142;
}

div.article {
    margin-top: -5px;
}

div.cont {
    background: #7AC142;
}

body#contact-us div.cont {
    background: #ffffff;
}

/* Login box
================================*/

div.login-cont {
    background: #569FD3;
    border: 1px solid #ffffff;
    margin: 15px 10px;
    padding: 10px;
    width: 95%;
}
div.login-cont a {
    margin-left: 70px;
}
div.login-cont h2 {
    color: #ffffff;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 120% !important;
    font-weight: bold !important;
    margin-bottom: 10px !important;
}
div.login-cont label {
    float: left;
    width: 70px;
}
div.login-cont input.text {
    float: left;
    width: 100px;
    border: 1px solid #eeeeee;
    background: #ffffff;
    color: #569FD3;
    margin-right: 10px;
}
div.login-cont input.submit {
    border: 0;
    background: #569FD3;
    color: #ffffff;
    cursor: pointer;
    float: right;
    margin: 0;
    padding: 0;
    font-weight: bold;
    font-size: 90%;
    margin-right: 10px;
}


div.login-cont h2.inline {
    display: inline;
}
div.login-cont input.submitlogin {
    background: #569FD3;
    color: #ffffff;
    cursor: pointer;
    margin: 0;
    padding: 2px 0;
    font-weight: bold;
    font-size: 100%;
    border: 0;
    width: 100px
}
div.login-cont p.aroundsubmit {
    display: inline;
    border: 1px solid #ffffff;
    width: 100px;
    padding: 5px 0;
    margin: 0;
    margin-left: 20px;
    _padding: 0;
}

/* Login box when used in left col 
		on wide template
================================*/


div#left-2col-wide div.login-cont {
    width: 162px;
}
div#left-2col-wide div.login-cont a {
    margin-left: 0;
}
div#left-2col-wide div.login-cont label {
    margin-top: 0;
    margin-bottom: 5px;
}
div#left-2col-wide div.login-cont input.text {
    margin-bottom: 10px;
    width: 120px;
}
div#left-2col-wide div.login-cont input.submit {
    float: none;
    display: block;
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
    margin-left: -3px;
}


div#left-2col-wide div.login-cont h2.inline {
    display: block;
}
div#left-2col-wide div.login-cont input.submitlogin {
    width: 140px;
}
div#left-2col-wide div.login-cont p.aroundsubmit {
    margin-left: 0;
    width: 140px;
}



/* Page specific changes
================================*/
body#home div#right-2col {
    background: #7ac142;
    color: #ffffff;
    padding-top: 0;
}

body#contact-us div#left-2col div, body#resources div#left-2col {
    color: #666666;
}
body#contact-us div#right-2col, body#resources div#right-2col {
    border-color: #ffffff !important;
}

/* Maps
=================================*/
div#map {
    width: 407px;
    height: 407px;
    margin-top:10px;
}
div#directions {
    overflow:auto;
    height:0;
    width:407px
}



/* lower-menu
=================================*/
div#lower-menu-cont {
    width: 760px;
    background: #569fd3;
    margin: 0;
    padding: 0;
    float: left;
    border-top: 2px solid #ffffff;
    border-bottom: 0 solid #ffffff;
}

ul.lower-menu {
    float: left;
    width: 620px;
    display: inline;
    font-weight: normal;
    font-size: 100%;
    padding: 0;
} 
ul.lower-menu li {
    list-style: none;
    display: inline;
    line-height: 22px;
    padding: 4px 0;
}
ul.lower-menu li a {
    color: #ffffff !important;
    text-decoration: none !important;
    padding: 4px 5px 5px;
}
ul.lower-menu li a.active, ul.lower-menu li a:hover {
    background: #7ac142;
}

ul.lower-menu span {
    border-right: 2px solid #ffffff;
    color: #ffffff;
    height: 22px;
    padding: 5px 0;
}


ul.right {
    width: 120px;
    text-align: right;
    float: right;
}


/* subnav_menu
=================================*/
div#sub-menu-cont {
    background: #ffffff;
    width: 182px;
}
ul#sub-menu {
    font-size: 100%;
    padding-left: 0;
    width: 182px;
} 
ul#sub-menu li {
    padding: 5px 0;
    list-style: none;
}
ul#sub-menu li a {
    display: block;
    color: #569FD3;
    text-decoration: none;
    padding: 1px 2px 1px 25px;
}
ul#sub-menu li a:hover, ul#sub-menu li a.current {
    color: #666666;
    font-weight: normal;
    background: url("../images/greyarrow.gif") no-repeat 3px center;
}




/* newsletter article page
=================================*/

.article-top {
    width: 560px;
    margin-left: 19px;
}
.article-top img {
    border: 0;
    margin-bottom: -2px;
    *margin-bottom: 0px;
}
.article-top-left {
    float: left;
    width: 358px;
}
.article-top-right {
    float: right;
    width: 199px;
}
.article-mid-cont {
    border-bottom: 1px solid #ccc;
    margin-left: 19px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.article-bot-cont {
    margin-left: 19px;
}
.article-bot-cont ul {
    padding-left: 19px !important;
}
.article-mid {
    float: left;
    width: 172px;
    margin-left: 19px;
}
.article-mid-first {
    margin-left: 0;
}
.article-top-bot {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
    margin-left: 19px;
}
.article-top-bot-text {
    float: left;
    width: 365px;
    padding-top: 10px;
}
.article-top-bot-image {
    float: right;
    width: 172px;
    padding-top: 19px;
}


body#newsletter #right-2col-wide p, body#newsletter #right-2col-wide h4 {
    margin: 5px 0 0 0 !important;
    padding: 0 !important;
}




.article-content {
    width: 365px;
    float: left;
}
.article-sub-images {
    width: 191px;
    float: right;
}
.article-sub-images img {
    margin: 5px 0;
}



/* Forms
================================*/

div.form-cont label {                             
    float: left;
    width: 70px;
}
div.form-cont input.text {
    float: left;
    width: 150px;
    background: #D4E9B1;
    border: 1px solid #ffffff;
    font-size: 90%;
}
div.form-cont input.submit {
    float: left;
    width: 100px;
    margin-left: 10px;
    background: #7ac142;
    color: #ffffff;
    border: 0;
    margin: 0;
    padding: 0;
    text-decoration: underline;
    font-size: 90%;
}

/* In Breif Section
================================*/
div#in-brief {
    background: #569fd3;
    padding-bottom: 20px;
}




/* Footer
================================*/
div.footer {
    padding: 5px 0;
    color: #666666;
}
div.footer p {
    padding-bottom: 10px;
}
div.footer p span.coloured-text {
    color: #569fd3;
}
div.footer a {
    color: #849e43;
}
div.footer div {
    float: right;
    margin-top: 8px;
}




/* Forms
=================================*/
.blocklabel {
    color: #666666;
}
.inlinelabel {
    color: #666666;
    float: left;
    width: 120px;
}
.textfield {
    background: #E0E9EF;
    border-left: 1px solid #888888;
    border-top: 1px solid #888888;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    float: left;
    width: 190px;

}
.textareafield {
    background: #E0E9EF;
    height: 100px;
    margin-top: 5px;
    width: 310px;
}
.button-cont {
    margin-right: 50px;
    padding-top: 20px;
    text-align: left;
}



/* Messages
=================================*/
div.siteerror,
div.sitemsg {
    padding: 12px 10px 15px 50px;
    color: #000000;
    font-weight: normal;
    font-size: 100%;
    margin: 15px;
}

div.siteerror {
    border: 2px solid #d35104;
}
div.siteerror {
    background: #ffffba url(/site/images/warning_large.gif) no-repeat 10px 10px;
}
div.siteerror ul#err {
    margin: 0 3px !important;
    padding: 0 !important;
}
div.siteerror ul#err li  {
    background-color: #ffffba !important;
}
div.sitemsg {
    border: 2px solid #265faf;
}
div.sitemsg {
    padding-top: 15px;
    background: #dfe6ef url(/site/images/msg_large.gif) no-repeat 10px 10px;
}



.quotefooter_link{
    width:150px;
    float:left;
}
.quotefooter_phone{

    width:250px;
    float:left;
}

.quotefooter_tele1{width:185px; float:left;}
.quotefooter_tele2{width:200px; float:left;}
.quotefooter_tele2Home{width:220px; float:left;margin-left:0px;padding-left:0px;}

.quotefooterHome_link{
    width:150px;
    height:55px;
    float:left;
}
.quotefooterHome_phone{

    width:250px;
    float:left;
}


/* Home Footer*/
a.rolloverHome {
    background: url("/site/images/get_a_quote_grn_off.gif") no-repeat 0 0;
    display: block;
    width: 149px;
    height: 55px;
    text-decoration: none;
}

a.rolloverHome:hover {
    background-position: -150px 0;
    background: url("/site/images/get_a_quote_grn_on.gif") no-repeat 0 0;
    display: block;
    width: 149px;
    height: 55px;
    text-decoration: none;


}

/* Home Footer*/
a.rolloverHome2 {
    background: url("/site/images/get_a_quote_off.gif") no-repeat 0 0;
    display: block;
    width: 149px;
    height: 55px;
    text-decoration: none;
}

a.rolloverHome2:hover {
    background-position: -150px 0;
    background: url("/site/images/get_a_quote_on.gif") no-repeat 0 0;
    display: block;
    width: 149px;
    height: 55px;
    text-decoration: none;


}

.quoteHomeChange {
    position: absolute;
    left: -5000px;
}

.quotefooterHomeContainer{

    padding-top: 20px;
}



/*
CLIENTS AREA CSS
*/
body#clients div.cont{
    background: none repeat scroll 0 0 #7AC142;
}



body#clients a{
    color:#7AC142;
    text-decoration: none;
    font-weight: bold;

}

body#clients .bluelink{
    color:#569FD3;
    text-decoration: none;
    font-weight: bold;

}

body#clients div#left-2col,body#clients div#left-2col-wide {

    background:none repeat scroll 0 0 #FFFFFF;
    color:#666666;
    float:left;
    width:470px;
}
body#clients div#right-2col,body#clients div#right-2col-wide {
    background:none repeat scroll 0 0 #7AC142;
    border-left:470px solid #FFFFFF !important;
    color:#666666;
    float:left;
    min-height:700px;
    height: auto !important;
    height: 100%;
    padding-bottom:20px;
    padding-top:0;
    width:290px;



}

body#clients .client-links ul{
    text-decoration: none;
    list-style-image:url("../images/greyarrow.gif");

}
body#clients .client-links li a{
    color:#7AC142;
    position: relative;
    top:-4px;
}

body#clients .client-links{
    margin-top: 20px;
}



body#clients .client-book{
    margin-top: 20px;
    background: url("../images/icon_computer.gif") no-repeat top left;
    padding-left:75px;
}
body#clients .client-profile{
    margin-top: 20px;
    background: url("../images/icon_form.gif") no-repeat top left;
    padding-left:75px;
}

body#clients .client-profile a{
    background: url("../images/greyarrow.gif") no-repeat 0px 50%;
    background-position: 0px 50%;
    color: #7AC142;
    padding:5px 25px;
    position: relative;
}


body#clients .client-book p{

}
body#clients .client-book a{
    background: url("../images/greyarrow.gif") no-repeat 0px 50%;
    background-position: 0px 50%;
    color: #7AC142;
    padding:5px 25px;
    position: relative;
}


body#clients .client-team{
    margin-top: 20px;
    background: url("../images/icon_phone.gif") no-repeat top left;
    padding-left:75px;
}



body#clients .client-team ul{
    list-style-type: none;
    margin:0;
    padding:5px 15px;
}




body#clients .client-resources ul{
    margin: 0px;

    text-decoration: none;
    list-style-image:url("../images/whitearrow.gif");
    padding-left:35px;


}
body#clients .client-resources li{



}
body#clients .client-resources li a{
    color:#fff !important;

    position: relative;
    top:-4px;




}

body#clients .client-header{

    background: #7AC142;
    color: #fff;
}

body#clients .client-date{

    float:right;
    text-align:right;
}

body#clients .client-contact{
    color:#fff !important;

}
body#clients .client-contact-text{
    color:#fff !important;
    padding-left:6px;
}

body#clients .client-contact ol{
    list-style-type:decimal;
}

body#clients .client-contact a{
    color:#fff !important;
    text-decoration: none;
    font-weight: normal;
}
body#clients .client-logo{
    text-align: center;

    padding:0 0;

}

.client-openinghours{
    color:#fff !important;
    padding-top:5px;
}
.client-openinghours p{

}


body#clients div#right-2col h1, body#clients div#right-2col h2, body#clients div#right-2col h3, body#clients div#right-2col h4, body#clients div#right-2col h5, body#clients div#right-2col p,
div#right-2col-wide h1, body#clients div#right-2col-wide h2, body#clients div#right-2col-wide h3, body#clients div#right-2col-wide h4, body#clients div#right-2col-wide h5, body#clients div#right-2col-wide p {
    padding-left:10px;
    padding-right:10px;
}

body#clients div#right-2col h1, body#clients div#right-2col h2, body#clients div#right-2col h3, body#clients div#right-2col h4, body#clients div#right-2col h5, body#clients div#right-2col p,
div#right-2col-wide h1, body#clients div#right-2col-wide h2, body#clients div#right-2col-wide h3, body#clients div#right-2col-wide h4, body#clients div#right-2col-wide h5, body#clients div#right-2col-wide p {
    padding-left:10px;
    padding-right:10px;
}


body#clients div#in-brief a {
    color:white;
}

client-quote-cont{

}