* {
font-family: Arial, helvetica, sans-serif;
margin: 0;
padding: 0;
}

body {
margin: 8px 0;
font-size: 80%;
}

a:link, a:active{ /*------- the global link style ------*/
color:#244B8C;
text-decoration:none;
}

a:visited{
color:#244B8C;
text-decoration:none;
}

a:hover{
color: #003366;
text-decoration:underline;
}

hr { border: none; }

img.imageleft { margin: 5px 25px 10px 0; padding: 0; float: left; /* border: 1px solid #666; */ }
.imageright { margin: 5px 0 10px 25px; float: right; }
.imagemiddle { text-align: center; }
.imagemiddle img { margin: auto; }
.imagemiddle p { margin: 0; padding: 0; color: #666; }
img.imageborder { border: 1px solid #333; } 

#main_content div.imageleft { margin: 5px 10px 10px 0; padding: 0px; float: left; /* border: 1px solid #333; */ }
#main_content div.imageleft p, #main_content div.imageright p { /* background-color:#DDD; */ color: #333; text-align: center; font-size: 0.85em; padding: 2px 5px; margin: 0; }

#main_content div.imageleft img { display: block; padding: 0; margin: 0; }
#main_content div.imageborder img { border: 1px solid #333; }

#main_content p.clearstyle { clear:both; }
#main_content div.clearstyle { clear:both; }

#page {
width: 786px;
margin: 0 auto;
}

#header { display: none; }

#forms {
width: 340px;
clear: right;
float: right;
display: inline;
margin-right: 10px;
}
#forms fieldset {
border: none;
float: left;
}
#forms input, #forms select {
float: left;
font-size: 0.8em;
font-family: Verdana;
}
#forms .searchbox {
width: 115px;
background-color: #000033;
border: 1px solid #FFF;
color: #FFF;
padding: 3px 2px;
margin-right: 2px;
}
#forms #query_string {
width: 115px;
background-color: #000033;
border: 1px solid #FFF;
color: #FFF;
padding: 3px 2px;
margin-right: 2px;
}
#forms select {
width: 150px;
margin-right: 2px;
margin-left: 7px;
background-color: #000033;
border: 1px solid #FFF;
color: #FFF;
padding: 1px 2px 1px 2px;
}

#tagline {
display: none; 
}

#contentwrap {
margin-bottom: 10px;
overflow: hidden;
/* zoom: 1; */
}

#left_column {
display: none; 
}
/***********************
Main Nav
************************/
#nav1 {
display: none; 
}

#main_content {
width: 600px;
float: left;
}
#main_content ol#newslist, #main_content ol#faqlist, #main_content ol#vacancieslist {
list-style: none;
margin: 10px 0;
padding: 5px 5px;
/* border-bottom: 1px dashed; */
background-color: #EEE;
border: 1px solid #333;
}
#newslist li, #faqlist li, #vacancieslist li { padding: 0; margin: 0; }
#newslist li span { display: block; float: left; width: 5em; color: #333; padding: 0; margin: 0; }

#nav3 {
margin-bottom: 2px;
}
#nav3 img {
margin-right: 5px;
}
#nav3 img.lastImg {
margin-right: 0;
}

#newslist li {
margin: 1px 0;
}
#newslist a {
background: url(template/blue_forward_arrow.gif) no-repeat center left;
}

.newsitem, .vacancyitem {
clear: both;
margin: 0 0 0 0;
padding: 10px 0;
border-bottom: 1px dashed #000; 
}
#main_content .newsitem h2 { margin: 0 0; padding: 0; font-size: 1.2em; }
#main_content .newsitem h3 { margin: 5px 0; padding: 0; color: #666; font-size: 1em; font-weight: normal; }
#main_content .newsitem img { border: 1px solid #000; }


#footer {
clear: both;
margin: 30px 0 0 0;
}

#nav2 {
display: none; 
}

#sponsors {
display: none; 
}

#footer p {
font-size: 0.85em;
color: #666;
margin: 5px 0 0 0;
}

h1{
text-align: left;
font-size: 2em;
font-weight: normal;
border-bottom: 1px solid #000;
border-top: 1px solid #000;
padding: 10px 0 10px 0;
margin: 0 0 10px 0; 
}
h2 {
font-size: 1.3em;
padding: 10px 0 3px 0;
margin: 0;
}

h3{
font-size: 1.1em;
padding: 10px 0 0 0;
clear: left;
margin: 0;
}

h4, h5 {
padding: 0 0;
}

p{
padding: 5px 0;
margin: 0;
}

#main_content a img {
border: none;
}

#main_content div#intro {
background-color: #5372A8;
margin-bottom: 3px;
}
#intro p {
color: #FFF;
}

div#homeintro { margin: 5px 0 10px 0; }
#homeintro img { margin: 0 0 0 0; border: none; }
#homeintro p { margin: 5px 0; padding: 0; }



#main_content ul, #main_content ol{
padding: 0 1em;
margin: 10px 1em;
}
#main_content li {
	padding: 3px 0;
}
div.category h4 {
margin-top: 4px;
}

#main_content #faqlist, #main_content #newslist{
padding: 10px 1em;
list-style-type: disc;
margin-bottom: 0;
}

#main_content p.thumbnail, #main_content p.main_image {
float: left;
}
#main_content p.thumbnail img, #main_content p.main_image img {
padding-top: 4px;
}
#main_content div.person, #main_content div.client {
width: 100%;
clear: both;
float: left;
margin-bottom: 10px;
}
#main_content div.person h3 {
font-size: 1.2em;
padding: 0;
margin: 0 15px;
border-bottom: 1px dashed;
}



#main_content .project_details {
margin-top: 12px;
}
#main_content .project_overview h3, #main_content .project_overview h4 {
width: 250px;
float: left; clear: left;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
}
#main_content .project_details h4.value {
margin-bottom: 10px;
}
.imageright {
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
}
#main_content .project_details h5 {
clear: left;
padding-bottom: 0;
margin-bottom: 0;
}
#main_content .project_details ul {
margin-bottom: 10px;
}
div#categorylist, div#productlist { 
margin: 0; padding: 0 0 10px 0; 
border-bottom: 1px solid #666; 
}
div#projectlist {
margin: 0; padding: 0; 

}

.category, .product, .project {
clear: left;
overflow: hidden;
margin: 10px 0 0 0;
background-color: #FFF;
border-top: 1px solid #666;
padding: 10px 0 0 0;
}
.notopborder { border-top: none; }

#main_content .project ul, #main_content .project ol{
padding: 0 1em;
margin: 10px 1em;
}
#main_content .project li {
	padding: 1px 0;
	margin: 0;
}


.product {
background-color: #FFFFFF;
}
div.thumbnail { float: left; padding: 0 10px 0 0; }
div.thumbnailright { float: right; padding: 0 0 0 10px; }

#main_content .category h2, #main_content .product h2,  #main_content .project h2
 { font-size: 1em; margin: 0; padding: 0; }

#main_content .category img, #main_content .product img, #main_content .project img {
border: 1px solid #000;
}
#main_content .project h3 { font-size: 1em; margin: 5px 0 7px 0; padding: 0; font-weight: normal; color: #666; }
#main_content .project ul { padding: 0 1em; margin: 0 1em; }

/*
#main_content .category p.prod_link, #main_content .product p.prod_link {
text-align: right;
padding: 0; margin: 0;
}
*/
#main_content h2.projectdate { color: #666; font-size: 1.1em; }

#main_content div.countbar { background-color: #DDD; padding: 2px 5px; margin: 10px 0; font-size: 0.85em; }
#main_content .countbar p { float: left; margin: 0 20px 0 0; padding: 0; }
#main_content .countbar ol { display: inline; margin: 0 0; padding: 10px 0; }
#main_content .countbar li { display: inline; margin: 0 3px 0 0; padding:  0; }
#main_content .countbar a { text-decoration: none; }

ol.pagenums {
clear: left;
margin: 10px 0; padding: 10px 0;
}
ol.pagenums li {
display: inline;
padding: 0;
margin: 0;
}

#main_content p.calltoaction{
display: none; 
}

#client img { float: left; }


#main_content #homeLeft {
width: 301px;
float: left;
padding: 0;
margin: 0;
}
#reqQuote {
float: left;
background: url(template/getquote_woman.jpg) no-repeat bottom right;
width: 301px;
margin: 0 0 5px 0;
padding: 0 0 10px 0;
}
#reqQuote h2 {
background-color: #5372A8;
color: #FFF;
font-size: 1.0em;
margin: 0;
padding: 3px 6px;
}
#reqQuote p {
padding: 10px 0 10px 10px;
margin-right: 100px;
font-size: 1.2em;
color: #FFF;
font-weight: bold;
}
#reqQuote img {
margin-left: 10px;
}

#main_content #homeRight {
width: 301px;
float: right;
padding: 0;
margin: 0;
}
#getHelp {
background: url(template/getHelp.jpg) no-repeat bottom right;
width: 301px;
margin: 0 0 5px 0;
padding: 0 0 10px 0;
float: right;
}
#getHelp h2 {
background-color: #5372A8;
color: #FFF;
font-size: 1.0em;
margin: 0;
padding: 3px 6px;
}
#getHelp p {
padding: 10px 0 10px 10px;
margin-right: 100px;
font-size: 1.2em;
color: #FFF;
font-weight: bold;
}
#getHelp img {
margin-left: 10px;
}

#main_content #latestNews, #main_content #latestProjects {
background-color: #D4E0F4;
padding-bottom: 10px;
}
#main_content #latestNews h2, #main_content #latestProjects h2 {
font-size: 1em;
color: #010337;
background-color: #99BAF1;
margin-bottom: 5px;
padding: 3px 10px; 
}
div#homelatest {
	float: left;
	background: url(template/homelist_bkgnd.gif);
}

#latestNews {
	float: left;
	width: 301px;
}
#latestProjects { 
	float: right;
	width: 301px;

}

#latestNews div, #latestProjects div {
clear: left;
overflow: hidden;
margin: 0 10px;
padding-top: 6px;
margin-top: 6px;
border-top: 1px dashed #244B8C;
}
#latestNews div.first, #latestProjects div.first {
margin: 0 10px;
padding: 0;
border-top: none;
}
#latestNews h3 span, #latestProjects h3 span {
background: url(template/arrow.gif) no-repeat center left;
display: block;
padding: 0;
padding-left: 12px;
font-weight: normal;
color: #3B3C3F;
font-size: 0.8em;
}
#latestNews h3, #latestProjects h3 {
padding: 0;
font-size: 1em;
margin: 3px 0;
}
#latestNews h3 a, #latestProjects h3 a {
color: #333333;
/* text-transform: capitalize; */
}
#latestNews p, #latestProjects p {
padding: 0;
}
#latestProjects img {
float: right;
margin: 0 0 4px 10px;
border: 1px solid #000;
}

table#selectionguide { margin: 10px 0; }
#selectionguide img { float: left; margin: 0 10px 10px 0; padding: 0; border: 1px solid #000; display: block; }
#selectionguide h2 { font-size: 1em; padding: 0; margin: 0; }
#selectionguide td { padding: 0 10px 5px 0; vertical-align: top; }
#selectionguide p.thumbnail img { padding: 0; border: 1px solid #000; }
#selectionguide p.thumbnail { margin: -2px 0 0 0; }


#clienttestimonials { margin: 10px 0; }
#clienttestimonials h3 { font-size: 1em; }
#clienttestimonials div { margin: 10px 0; }
#clienttestimonials p { margin: 0 15px; }

.backtotop { text-align: right; }
/* background applied to containing p for pre-load */
p.backtotop { background-image: url(template/backtotop_grey.gif);
	background-repeat: no-repeat; background-position: 0 -20px; }
p.backtotop a, p.backtotop a:link, p.backtotop a:active, p.backtotop a:visited  { padding: 0 0 0 1.0em;  background-image: url(template/backtotop.gif); background-repeat: no-repeat; background-position: center left; font-weight: normal; }
p.backtotop a:hover { background-image: url(template/backtotop_grey.gif);
	background-repeat: no-repeat; background-position: center left; color: #666; }
* html p.backtotop a { height: 1px; }

.infolink { }
/* background applied to containing p for pre-load */
p.infolink { background-image: url(template/more_info_grey.gif);
	background-repeat: no-repeat; background-position: 0 -20px; }
p.infolink a, p.infolink a:link, p.infolink a:active, p.infolink a:visited  { padding: 0 0 0 1.2em;  background-image: url(template/more_info.gif); background-repeat: no-repeat; background-position: 0 4px; font-weight: normal; }
p.infolink a:hover { background-image: url(template/more_info_grey.gif); color: #666; }
* html p.infolink a { height: 1px; }

.prod_link { text-align: right; }
/* background applied to containing p for pre-load */
p.prod_link { background-image: url(template/prodlink_grey.gif);
	background-repeat: no-repeat; background-position: 0 -20px; }
p.prod_link a, p.prod_link a:link, p.prod_link a:active, p.prod_link a:visited  { padding: 0 1.2em 0 0;  background-image: url(template/prodlink.gif); background-repeat: no-repeat; background-position: center right; font-weight: normal; }
p.prod_link a:hover { background-image: url(template/prodlink_grey.gif);
	background-repeat: no-repeat; background-position: center right; color: #666; }
* html p.prod_link a { height: 1px; }

div#homecats { margin: 0 0 5px 0; }
#homecats table {  }
#homecats a { color: #FFF; }

#homecats td { vertical-align: top; padding: 0; }
#homecats td div { background-repeat: no-repeat; background-position: center bottom; }
#homecats td.permanent { width: 123px;  }
#homecats td.temporary { width: 122px;  }
#homecats td.sports { width: 122px;  }
#homecats td.gates { width: 123px; }
#homecats td.electric { width: 117px;}
#homecats h2 { color: #FFF; font-size: 0.9em; text-transform: capitalize; padding: 5px 5px 90px 5px; }

#homecats td.permanent div { background-image: url(template/homefences-permanent.jpg); border-right: 5px solid #FFF; }
#homecats td.temporary div { background-image: url(template/homefences-temporary.jpg); border-right: 5px solid #FFF;  }
#homecats td.sports div { background-image: url(template/homefences-sports.jpg); border-right: 5px solid #FFF; }
#homecats td.gates div { background-image: url(template/homefences-gates.jpg); border-right: 5px solid #FFF; }
#homecats td.electric div { background-image: url(template/homefences-electric.jpg); }

table#ourpeople { margin: 15px 0; }
table#ourpeople  td { vertical-align: top; padding: 5px 20px 10px 0; }
#ourpeople  img { margin: 0 0 0 10px; }
#ourpeople  h3 { font-size: 1.1em; margin: 0; padding: 0 0 3px 0; }
#ourpeople  h4 { font-size: 1em; color: #666; margin: 0; padding: 0 0 4px 0; }

div#homebanner { margin: 5px 0 0 0; }

#main_content div.bluearea { background-color: #363F80; margin: 15px 0; padding: 10px; color: #FFF; border: 1px solid #000; clear: both; }
#main_content div.bluearea a { color: #FFF; text-decoration: underline; }
#main_content div.bluearea a:hover { color: #CCC; }

div#clientlist { margin: 20px 0; }
#clientlist div { height: 100px; float: left; /* border: 1px solid #999; */ }
#clientlist img { display: block; margin: 0 20px 0 0; }

#colourChart, #standardChart { margin: 20px 0; }
#colourChart div, #standardChart div { width: 100px; height: 95px; float: left; }
#colourChart div div, #standardChart div div { width: 80px; height: 40px; border: 1px solid #000; }
#colourChart p, #standardChart p { font-size: 0.85em; padding: 5px 10px 0 0; margin: 0; text-align: center; }
#colourChart span, #standardChart span  { font-weight: bold; }


/** BRANCHES PAGE **/

#branchmap { width: 100%; height: 351px; position: relative; }
#maparea .mapnode { position: absolute; width: 19px; height: 19px; }

#maparea div .sidebranch { float: right; border: 1px solid #666; width: 310px; margin: 0 0 5px 0; }
#maparea div .sidebranch p { font-size: 0.85em; padding: 2px 10px; margin: 0; }
#maparea div .sidebranch h2 { font-size: 0.85em; padding: 4px 10px 2px 10px; margin: 0; }

#branch1, #branch2, #branch3, #branch4, #branch5, #branch6 { float: right; border: 1px solid #666; width: 310px; margin: 0 0 5px 0; }
#branch1 p, #branch2 p, #branch3 p, #branch4 p, #branch5 p, #branch6 p  { font-size: 0.85em; padding: 2px 10px; margin: 0; }
#branch1 h2, #branch2 h2, #branch3 h2, #branch4 h2, #branch5 h2, #branch6 h2 { font-size: 0.85em; padding: 4px 10px 2px 10px; margin: 0; }


div#node1 { }
div#node2, div#node3, div#node4, div#node5, div#node6, div#node7  { display: none; }

div#maparea { position: relative; width: 100%; margin: 0 0 25px 0; }
div#mapleft { width: 225px; position: relative; }
#mapleft img { display: block; padding: 0; margin: 0; border: 1px solid #000; }
div#mapright { width: 320px; float: right;  }

#branches h2 { border-bottom: 1px solid #000; }
#branches div.branchclear { float: left; width: 265px; margin: 10px 30px 10px 0;  }
#branches div.branch { float: left; width: 265px; margin: 10px 0px 10px 20px;  }

#branches div.branchpairs { width: 100%; clear: both; }

div#bonusimages { margin: 10px 0 20px 0; float: left; width: 100%; }
#bonusimages img { float: left; margin: 10px 20px 10px 0; border: 1px solid #000; }

/*** Working at Darfen ***/
#main_content div.mainquote { width: 550px; margin: 10px 20px 25px 20px; background: url(template/quotemarks-left.gif) no-repeat top left; }
#main_content div.mainquote p.mainquotetext { background: url(template/quotemarks-right.gif) no-repeat bottom right; font-size: 1.1em; color: #264C8C; padding: 3px 40px 0 40px; margin: 0; line-height: 1.3em; }
#main_content div.mainquote p.mainquotesource { font-size: 0.85em; color: #666; text-align: right; padding: 5px 40px 0 0; }

div#productvideo { float: right; margin: 0 0 20px 0; width: 290px; }
#productvideo p { width: 290px; font-size: 0.85em; font-weight: bold; text-align: right;  }
#productvideo img { margin: 0 0 10px 0; }

div#homeboxes { float: left;  background: url(template/homeboxes.jpg) no-repeat bottom left; padding: 0; margin: 0 0 5px 0; width: 607px; }
#homeboxes ul { list-style: none; margin: 0; padding: 0; }
#homeboxes li { float: left; width: 121px; }
#homeboxes li a { display: block; color: #FFF; font-size: 0.95em; font-weight: bold; text-transform: capitalize;  padding: 0 5px 90px 8px; }


.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
	border: 2px solid gray;
}
.highslide:hover img {
	border: 2px solid white;
}

.highslide-image {
	border: 10px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 5px solid white;
    border-top: none;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

#main_content #mainimages { width: 240px; float: right; }
#mainimages .imageright p.enlarge { float: left; font-size: 0.85em; color: #999; background: url(template/enlarge.gif) no-repeat bottom left; padding: 0 0 2px 15px; margin: 0 0 10px 0; }

#productmap { }
#productmap ol { list-style: none; margin: 0; padding: 0 0 0 2em; }
#productmap ol li { font-weight: bold; font-size: 1.1em; }
#productmap ol ol { list-style: none; margin: 0; padding: 0 0 0 2em; }
#productmap ol ol li { font-size: 1em; font-weight: normal; }
#productmap ol.productmaplist { margin: 0; padding: 0 0 0 2em; }
#productmap ol.productmaplist li { font-size: 0.8em; display: inline; font-weight: normal; padding: 0 10px 0 0; margin-top: 5px; margin-bottom: 5px; }

ol#sitemap { list-style: none; margin: 0; padding: 0 0 0 2em; }
#sitemap li { font-weight: bold; font-size: 1.1em; }
#sitemap ol { list-style: none; margin: 0; padding: 0 0 0 2em; }
#sitemap ol li { font-size: 1em; font-weight: normal; }
#sitemap ol ol { margin: 0; padding: 0 0 0 2em; }
#sitemap ol ol li { font-size: 0.8em; display: inline; font-weight: normal; padding: 0 10px 0 0; margin-top: 5px; margin-bottom: 5px; }
#sitemap ol ol ol li { font-size: 1em; display: inline; font-weight: normal; padding: 0 10px 0 0; margin-top: 5px; margin-bottom: 5px; }


#sitemap ol.projectmaplist { margin: 0; padding: 0 0 0 2em; }
#sitemap ol.projectmaplist li { font-size: 0.8em; display: inline; font-weight: normal; padding: 0 10px 0 0; margin-top: 5px; margin-bottom: 5px; }

div#newsletterpanel {
width: 169px;
height: 1%;
padding: 0 0 0 0;
margin: 10px 0;
background: url(template/sidepanel.gif) top left no-repeat;
color: #333;
font-size: 0.85em;
}
#newsletterpanel h2 { font-size: 1.2em; padding: 5px 10px; color: #244B8C; }
#newsletterpanel p { padding: 2px 10px; }
#newsletterpanel fieldset { padding: 5px 10px; margin: 0; border: none; }
#newsletterpanel input { margin: 2px 0; width: 145px; }

#newsletterpanel form {
width: 169px;
height: 1%;
background: url(template/sidepanel-bottom.gif) bottom left no-repeat;
padding: 0 0 10px 0;
}