/* -------------------------------------------------------------- 
  
   Styles.css
   Grieg Avinou Screen Stylesheet
   
   TOC
   ----------------------------------
   1. =RESET
   2. =BASE_TYPOGRAPHY
   3. =BASE_STYLES
   4. =HEADER
   5. =MAIN_NAV
   6. =COLUMNS
   7. =FOOTER
   8. =SEARCH
   9. =SEARCH_RESULTS
   10. =PROPERTY_DETAIL
   11. =FORMS
   12. =MISC_ELEMENTS
   13. =CAROUSEL
   14. =MODAL_WINDOW
-------------------------------------------------------------- */


/* -------------------------------------------------------------- 
   1. =RESET
-------------------------------------------------------------- */


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

body { 
  line-height: 1.5; 
}

table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

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

a img { border: none; }


/* -------------------------------------------------------------- 
   2. =BASE_TYPOGRAPHY
-------------------------------------------------------------- */

body {
	font-family: verdana, arial, helvetica, Sans-serif;
        color: #464a4a;
           font-size: 11px;
}


h1, h2, h3, h4, h5, h6 {    
    font-family: arial, helvetica, verdana, sans-serif;
    color: #26528f;
}



a {
    text-decoration: none;
    color: #0000cc;
}

a:hover {
    text-decoration: underline;
}

a.blockarrowlink {
    display:block;
    padding: 3px 0 3px 12px;
    background: url(images/li_blockarrow.gif) left center no-repeat;
}

h2 {
   font-size: 26px;
    font-weight: bold; 
    color: #26528f;	
}

body.properties_facilities h2{
    color: #ed3239;
}

body.hire_services h2 {
    color: #339a99;
}

h3 {
    font-size: 16px;
    font-weight: bold;
    margin: 15px 0 5px 0;
}

h4 {
    font-size: 14px;
	margin: 10px 0 5px 0;
    font-weight: bold;	
}

p {
    margin-bottom: 1em;
	font-size:12px;
}

ul,ol {
    font-size: 12px;
}

.col_left ul,
.col_left ol {
    padding-left: 20px;
	margin: 10px 0;
}

h2, h3, h4 {
	font-family: "Trebuchet MS", arial, sans-serif;
}

span.under_offer {
    background: #d00000;
    padding: 1px 2PX;
    font-size: 8px;
    color: white;
    text-transform: lowercase;
    -moz-border-radius: 3px;
    border-radius: 3px;
}


h2.page_heading {
    clear: left;
    padding: 10px 20px;
    background: url(images/header_bg_green.jpg) bottom left repeat-x;
}

body.properties_facilities h2.page_heading {
    background: url(images/header_bg_orange.jpg) bottom left repeat-x;
}

p.xsltsearch_result_title {
    margin-bottom: 5px;
}

a.xsltsearch_title {
    font-size: 14px;
    font-weight: bold;
}

/* -------------------------------------------------------------- 
   3. =BASE_STYLES
-------------------------------------------------------------- */

body {
    text-align: center;
    background: white url(images/blue_bg.jpg) left top repeat-x;
}

body.properties_facilities {
    background-image: url(images/orange_bg.jpg);
}

body.hire_services {
    background-image: url(images/green_bg.jpg);
}

.page_container {
    width: 930px;
    margin: 0 auto;
    text-align: left;
    padding: 0 15px;
    background: white;
}


/* -------------------------------------------------------------- 
   4. =HEADER
-------------------------------------------------------------- */

.page_header {
    height: 130px;
    position: relative;
}

.page_header h1{
    height: 120px;
    width: 230px;
    position: relative;
}

.page_header h1 a{
    height: 120px;
    width: 230px;
    background: white  url(images/logo.gif) left top no-repeat;
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
}

body.properties_facilities .page_header h1 a {
    background-image: url(images/logo_maintenance.gif);
}

body.hire_services .page_header h1 a {
    background-image: url(images/logo_hire.gif);
}

fieldset.site_search {
    position: absolute;
    top: 50px;
    right: 0px;
}

fieldset.site_search input.search_submit {
    background: #2c5492 url(images/blue_button_bg.jpg) left top repeat;
    padding: 2px 5px;
    color: white;
    border: 3px double white;
    font-size: 11px;
    cursor: pointer;
}

div.col_right h3 a {
    color: #000;
    display:block;
    padding: 5px 0;
    font-size: 18px;
    font-weight: bold;
}

body.properties_facilities div.col_right h3 a {
    color: #ed3338;
}

body.hire_services div.col_right h3 a {
    color: #006766;
}

div.col_right h3 a:hover {
    background: inherit;
    color: inherit;
}


.page_header p {
    font-family: arial, helvetica;
    font-size: 26px;
    position: absolute;
    bottom: 12px;
    right: 0px;
    line-height: 1;
    padding: 0;
    margin: 0;
    font-weight: bold;
    text-transform: uppercase;
    color: #478dc9;
}

.page_header p span { 
    color: #384594;
}

/* -------------------------------------------------------------- 
   2. =NAVIGATION
-------------------------------------------------------------- */

ul.nav_prim_horz {
    float:left;
    width: 100%;    
}

ul.nav_prim_horz li{
    display:block;
    float: left;
    border-right: 3px solid white;
}

ul.nav_prim_horz li.current{

}


ul.nav_prim_horz li.current a{
    z-index: 99999;
    position: relative;
border-bottom: 2px solid white;
}


ul.nav_prim_horz li a{
    display:block;
    float: left;
    font-size: 12px;
    padding: 8px 12px;
    color: white;
    background: #26528f;
    border: 1px solid #26528f;
	font-weight:bold;
    
}


ul.nav_prim_horz li a.homelink {
    padding: 8px 37px 8px 36px;
}


ul.nav_prim_horz li a:hover{
  
}

ul.nav_prim_horz a.properties_facilities  {
    background: #af710c url(images/orange_nav_bg.jpg) left top repeat-x;
    border: 1px solid #ffc32f;
}

ul.nav_prim_horz li.current a.properties_facilities  {
    border-bottom: 3px solid #ffc32f;
}

ul.nav_prim_horz a.office_cleaning  {
    background: #275591 url(images/blue_nav_bg.jpg) left bottom repeat-x;
    border: 1px solid #275593;
}

ul.nav_prim_horz li.current a.office_cleaning   {
    border-bottom: 3px solid #275593;
}

ul.nav_prim_horz a.hire_services{
    background: #086c6c url(images/green_nav_bg.jpg) left bottom repeat-x;
    border: 1px solid #006766;
}

ul.nav_prim_horz li.current a.hire_services   {
    border-bottom: 3px solid #006766;
}

ul.nav_tert {
    margin: 0;
    padding: 0;
}

ul.nav_tert li{
    margin: 0;
    height: auto;
    padding: 0;
    display:block;
}

ul.nav_tert li ul{
    display:none;
}

ul.nav_tert li.currentli ul{
    display:block;
}

ul.nav_tert li a{
    margin: 0;
    background: #deeaf6 url(images/blue_li.gif) 10px center no-repeat;
    padding: 0;
    color: #333333;
    padding: 8px 20px;
    border-bottom: 6px solid #82b1db;
    margin-bottom: 2px;
    display:block;
}

body.properties_facilities ul.nav_tert li a {
    background: #ffeee4 url(images/orange_li.gif) 10px center no-repeat;
    border-bottom-color: #ffdfca;
}

body.hire_services ul.nav_tert li a {
    background: #e3efef url(images/green_li.gif) 10px center no-repeat;
    border-bottom-color: #cadfe0;    
}


ul.nav_tert ul.nav_tert li a {
    padding:5px 20px 5px 35px;
    background-position: 25px center;
}


/* -------------------------------------------------------------- 
   2. =BANNER
-------------------------------------------------------------- */

div.main_banner {
    background: #26528f;
    color: white;
    clear: left;
    padding: 10px 10px;
	height:142px;
    border-top: 2px solid white;
    padding-right: 300px;
	background:url(images/hp_banner.jpg) right top no-repeat;
}

div.main_banner h2 {
    font-size: 33px;
    color: white;
	font-weight:bold;
    margin: 5px 0 10px 0 !important;
    padding: 0 !important;
    line-height:1;
}

div.main_banner a {
	font-weight: bold;
	color: white;
	text-decoration: underline;
}

div.banner-content {
/*	background: #265291;
	filter:alpha(opacity=80);
    background: rgba(38,82,145,0.8);
    
    width: 600px;*/
padding: 5px;
}

img.page_banner {
    border-top: 2px solid white;
    margin-top: -2px;
}

div.page_banner_wrapper {
    width: 930px;
    height: 127px;
    float: left;
    overflow: hidden;
    position: relative;
}

div.page_banner_overlay {
    width: 930px;
    height: 127px;
    position: absolute;
    top: 0px;
    left: 0px;
	background:url(images/blue_overlay.png) left top no-repeat;
}

body.office_cleaning div.page_banner_overlay {
    background:url(images/blue_overlay.png) left top no-repeat;
}

body.properties_facilities div.page_banner_overlay {
    background:url(images/orange_overlay.png) left top no-repeat;
}

body.hire_services div.page_banner_overlay {
    background:url(images/green_overlay.png) left top no-repeat;
}



/* -------------------------------------------------------------- 
   2. =COLUMNS
-------------------------------------------------------------- */

div.col_left {
    width: 610px;
    float: left;
    padding: 15px;
}


div.col_right {
    width: 290px;
    float: left;
}

/* -------------------------------------------------------------- 
   2. =HOMEPAGE
-------------------------------------------------------------- */

ul.hp_wedothis {
    margin: 0;
    padding: 0;
}

ul.hp_wedothis li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.hp_wedothis li h3 {
    font-size: 24px;
    font-weight: bold;
    font-family: arial, helvetica, sans-serif;
}

.properties_facilities h3 a {
    color: #ff6600;
    padding: 0px 1px;

}

ul.hp_wedothis li ul {
	list-style: disc !important;
}

ul.hp_wedothis li ul li {
	list-style: disc !important;
}

.office_cleaning h3 a {
    color: #438ac8;
    padding: 0px 1px;
}



.hire_services h3 a {
	    color: #33999b;
    padding: 0px 1px;

}


ul.hp_wedothis li p {
    margin-bottom: 4px;
    font-size: 13px;
}


ul.hp_wedothis li p.find_out_more {
    margin-bottom: 15px;
}

ul.hp_wedothis li p.find_out_more a {
    background: #000;
    font-family: arial;
    font-size: 17px;
    font-weight: bold;
    padding:2px 3px;
    color: white;
}



ul.hp_wedothis li p.find_out_more a:hover {
    text-decoration: none;
}


ul.hp_wedothis li.properties_facilities p.find_out_more a {
    background: #ff6600;

}

ul.hp_wedothis li.office_cleaning p.find_out_more a {
    background: #438ac8;
}


ul.hp_wedothis li.hire_services p.find_out_more a {
    background: #33999b;
}

ul.hp_wedothis li.properties_facilities,
ul.hp_wedothis li.hire_services {
    width: 290px;
    float: left;
}

ul.hp_wedothis li.properties_facilities {
    padding-right: 30px;
}


ul.hp_wedothis li.properties_facilities h3,
ul.hp_wedothis li.hire_services h3 {
    font-size: 16px;
    line-height: 1.1;
    padding-bottom: 5px;
}

ul.hp_wedothis li.properties_facilities p.find_out_more a,
ul.hp_wedothis li.hire_services p.find_out_more a {
    font-size: 12px;
}

ul.hp_wedothis li.properties_facilities p,
ul.hp_wedothis li.hire_services p {
    font-size: 11px;
}

li.hire_services h3 {
	color: #33999b;
}

div.national_coverage {
	width: 257px;
	height:360px;
	margin-top:25px;
	float:right;
	background:#fff url(images/national_coverage.jpg) left top no-repeat;
	padding-top: 10px;
	text-align: center;
	position:relative;
}


div.national_coverage h3 {
	color: white;
	font-size: 24px;
	font-weight: bold;
}

div.national_coverage a {
	display: block;
	width:100%;
	position:absolute;
	bottom: 0px;
	left: 0px;
	height: 63px;
	background: url(images/freequote.gif) center center no-repeat;
}


p.accreditations {
    float: left;
    width: 100%;
}


/* -------------------------------------------------------------- 
   2. =PLANT SECTION
-------------------------------------------------------------- */

ul.plant_categories li {
    float: left;
    width: 580px;
    clear: both;
    background: url(images/listing_bg.jpg) bottom left repeat-x;
    padding: 15px 15px 30px 15px;
    display:block;
    list-style-type: none;
}


ul.plant_categories li .list_left {
    floaT: left;
    width: 155px;
}

ul.plant_categories li .list_left img {
    width: 130px;
    background: white;
    border: 1px solid #edefee;
    padding: 2px;
}

ul.plant_categories li .list_right {
    floaT: left;
    width: 425px;
}

ul.plant_categories li h2 {
    font-size: 22px;
    margin-bottom: 7px;
}

ul.plant_categories li h3 {
    color: #006868;
    font-weight: bold;
    margin-bottom: 2px;
}

ul.plant_categories li a.category_open {
    display:block;
    float:left;
	font-size: 12px;
	font-weight: bold;
    background:#e7f3f3 url(images/morelink_bg.jpg) left bottom repeat-x;
    border: 1px solid #d5e1dd;
    padding: 6px 6px 6px 18px;
    
}

ul.plant_categories li a.category_open:hover {
    text-decoration: none;
    
}

ul.categories_items {
    margin: 0;
    padding: 0;
    width: 610px;
}

ul.categories_items li {
    width: 155px;
    float: left;
    margin:0px  45px 20px 0px;
    list-style-type: none;
    max-height: 300px;
}

ul.categories_items li img {
    padding: 7px;
    background: white;
    border: 1px solid #cadfe4;
}


ul.categories_items li h3{
    background: #f2f8f8;
    padding: 5px;
    color: #333;
    font-size: 14px;
	margin-top: 0px;
margin-bottom: 1px;
    font-weight: bold;
}

ul.categories_items li a.view_item{
    display:block;
	font-size: 11px;
    padding: 8px 5px 8px 35px;
    background:#e3efef url(images/specs.gif) 3px center no-repeat;
}

ul.categories_items li a.view_item span{
    background: url(images/orange_arrow.gif) left center no-repeat;
    padding-left: 8px;
}

img.large_plant_image {
    padding: 7px;
    border: 1px solid #cadfe0;
    margin: 10px auto;
    float: none;
    display:block;
}

div.machine_specs {
     padding: 10px 0;
    clear: both;
}
div.machine_specs dl {
    background: white;
    border: 1px solid #d9e8e9;
    padding: 1px;
}

div.machine_specs dt {
    background: #cadfe0 url(images/specs_lg.gif) 10px center no-repeat;
    font-size: 24px;
    font-family: "Trebuchet MS", arial, sans-serif;
    padding: 5px 5px 5px 55px;
    font-weight: bold;
    color: #006766;
}

div.machine_specs dd ul {
    padding-left:0px;
}

div.machine_specs dd ul li {
    list-style-type: none;
    padding: 7px 5px 7px 20px;
    background: #fff url(images/orange_li.gif) 10px center no-repeat;
}

div.machine_specs dd ul li:nth-child(even) {
    background-color: #e3efef;
}

p.ext_info {
    padding:15px 10px;
    float: left;
    width: 590px;
    line-height: 1.2;
    background:url(images/specs_bottom.gif) left bottom repeat-x;
}

span.call_now {
    display:block;
    float: left;
    background: url(images/phone.gif) left center no-repeat;
    height: 40px;
    padding-left: 47px;
    color: #333333;
    font-size: 18px;
    margin-right: 20px;
}

span.call_now span {
    color: #ee4046;
    font-size: 11px;
    display:block;
}

a.request_quote {
    display:block;
    float: left;
    height: 40px;
    background: url(images/quote.gif) left center no-repeat;
    padding-left: 48px;
    line-height: 40px;
    color: #333;
    font-size: 18px;
    margin-right: 20px;
}

a.download_specs {
    display:block;
    float: left;
    height: 40px;
    background: url(images/pdf.gif) left center no-repeat;
    padding-left: 48px;
    line-height: 40px;
    color: #333;
    font-size: 18px;  
}



/* -------------------------------------------------------------- 
   2. =Footer
-------------------------------------------------------------- */


div.footer {
    background: #3d7bb8 url(images/blue_footer_bg.jpg) left top repeat-x;
    clear: both;
    width: 930px;
    margin: 0 auto;
    padding: 15px;
    text-align: left;
}

body.properties_facilities div.footer  {
    background: url(images/orange_footer_bg.jpg)left top repeat-x;
}

body.hire_services div.footer  {
    background: url(images/green_footer_bg.jpg)left top repeat-x;
}


div.footer ul {
    color: white;
    margin:0;
    padding: 0;
}

div.footer ul li {
    color: white;
    display: inline;
}

div.footer ul li a {
    color: white;
    display: inline;
    padding: 0 10px;
    border-right: 1px solid white;
}

div.footer ul li:first-child a {
    padding: 0 10px 0 0;
}

div.footer ul li:last-child a {
    border-right: none;
}

div.footer p {
    color: white;
    font-size: 11px;
    padding: 10px 0;
}

/* -------------------------------------------------------------- 
   2. =FORMS
-------------------------------------------------------------- */

div.Doc2Form ol {
    margin: 0;
    padding: 0;
}

div.Doc2Form {
    background: #f5f5f5;
    padding: 15px;
    border: 1px solid #ccc;
}

div.Doc2Form ol li {
    margin: 0 0 8px 0;
    padding: 0;
    display:block;
    list-style-type: none;
}

div.Doc2Form ol li label {
    display:block
}

.vsummary {
    background: #ffe4e9;
    padding: 10px;
    bordeR: 1px solid #a2122d;
    margin-bottom: 10px;
}

.vsummary ul {
    padding-left: 20px;
    color: #a2122d;
}



/* -------------------------------------------------------------- 
   2. =CLIENTS
-------------------------------------------------------------- */


ul.client_list {
    margin:20px 0;
}

ul.client_list li {
    list-style-type: none;
    display:block;
    height: 143px;
    width: 143px;    
    float: left;
    border-right: none;
}

ul.news_list {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.news_list li {
    border-bottom: 1px solid #e4e4e4;
}

ul.news_list li h3 {
    margin-bottom: 0px;
}


p.news_date {
    font-size: 0.9em;
    marginp-top: 0px;
}



























/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */