body { 
padding: 35px 0 0 0; 
margin: 0; 
font-size: 12px; 
font-family: tahoma, sans-serif; 
letter-spacing: 1px; 
background: #000000 url('../images/bg1.jpg'); 
color: #454545; 
}
.home{letter-spacing: 0px; font-size: 12px; line-height: 18px;}

div { 
text-align: left; 
}
#topOfPage { 
display: none; 
}
#conteiner { width: 840px; padding: 10px; background: #fff; margin-left: auto; margin-right: auto; }
#header { height: 103px; padding-bottom: 10px; }
#logo {	width: 486px; height: 103px; float: left; margin-bottom: 10px; }
#search { float: right; padding-top: 8px; text-align: right; width: 220px; }
#bar { clear: both; background: #99CC99; height: 25px; }
#top { padding-top: 0px; background: 100% 0 no-repeat #669966; height: 200px; clear: both; }
#top2 { padding-top: 0px; background: url("../images/steel-palisade.jpg") 100% 0 no-repeat #669966; height: 200px; clear: both; }
#top3 { padding-top: 0px; background: url("../images/service-pic1.jpg") 100% 0 no-repeat #669966; height: 200px; clear: both; }
#top4 { padding-top: 0px; background: url("../images/emailpic.jpg") 100% 0 no-repeat #669966; height: 200px; clear: both; }
#top5 { padding-top: 0px; background: url("../images/sspic.jpg") 100% 0 no-repeat #669966; height: 200px; clear: both; }
#top6 { padding-top: 0px; background: url("../images/clock.jpg") 100% 0 no-repeat #669966; height: 200px; clear: both; }
#top7 { padding-top: 0px; background: url("../images/sales_room.jpg") 100% 0 no-repeat #669966; height: 200px; clear: both; }
#body { float: left; margin-bottom: 15px; margin-left: 18px; margin-top: 15px; width: 81%; }
#footer { text-align: center; clear: both; padding-top: 5px; }
div.block, div.blockDistinct { position: relative; padding: 10px; padding-bottom: 3px; padding-top: 8px; }
div.blockDistinct { background: url('../images/corner.gif') no-repeat 100% 100% #f5f5f5; height: 100%; min-height: 500px; }
div.blockDistinct p { margin: 20px 0px; margin-left: 5px; }
div.block2, div.blockDistinct2 { padding: 10px; padding-bottom: 3px; padding-top: 8px; }
div.blockDistinct2 { background: url('../images/corner.gif') no-repeat 100% 100% #f5f5f5; height: 1080px; min-height: 1080px; }
div.blockDistinct2 p { margin-left: 10px; }
div.blockDistinct2 h2 { margin-left: 10px; }
#indexblock {
background: url('../images/corner.gif') no-repeat 100% 100% #f5f5f5; height: 520px; min-height: 520px; }
#indexblock p { margin-left: 5px; }
#indexblock h2 { margin-left: 10px; }
#indexblock img { padding-left: 10px; }
h1{ font-family: Arial, Helvetica, sans-serif; margin: 0px; margin-top: 5px; margin-bottom: 10px; padding: 0; font-weight: none; font-size: 26px; }
h2{ font-family: Arial, Helvetica, sans-serif; margin: 0px; margin-bottom: 5px; padding: 5px; font-weight: bold; font-size: 20px; }
#top h1 { color: white; font-size: 220%; font-weight: bold; padding-left: 10px; padding-top: 30px;}
#top h2 { color: white; font-size: 130%; font-weight: bold; padding-left: 10px; padding-top: 0px;}
#top2 h1 { color: #fff; padding-left: 25px; padding-top: 65px; line-height: 110%;}
#top3 h1 { color: #fff; padding-left: 25px; padding-top: 65px; line-height: 110%;}
#top7 h1 { color: #fff; padding-left: 25px; padding-top: 65px; line-height: 110%;}
#top4 h1 { color: #fff; padding-left: 25px; padding-top: 65px; line-height: 110%;}
#top5 h1 { color: #fff; padding-left: 25px; padding-top: 55px; line-height: 110%;}
#top5 h2 { color: #fff; padding-left: 25px; font-size: small; line-height: 103%; }
#top6 h1 { color: #fff; padding-left: 25px; padding-top: 55px; line-height: 110%; }
#top6 h2 { color: #fff; padding-left: 25px; font-size: small; line-height: 103%;}

.clear{ line-height: 0px; font-size: 0px; margin: 0px; padding: 0px; clear: both;}
p {	margin: 0; margin-bottom: 5px; }
p.right { text-align: right; }
#footer p {	clear: both; color: #c0c0c0; font-size: x-small; }
form { margin: 0; }
fieldset { padding: 0; border: 0; }
legend { display: none; }
input { border: 1px solid #c0c0c0; color: #454545; font-size: 11px; letter-spacing: 1px; }
input.searchText { width: 150px; height: 13px; }
input.searchSubmit { color: #0080c0; background: #fff; letter-spacing: 1px;	border: 1px solid #fff;	font-size: x-small; width: 44px; height: 19px; margin: 0; padding: 0; }
ul { margin: 0; padding : 0; list-style : none; }
#bar li { margin: 0; padding: 0; padding-top: 3px; padding-bottom: 4px;	padding-left: 10px;	padding-right: 10px; border-right: 1px solid #fff; float: left; }
#bar li.active { background: #336633; color: #fff; padding-bottom: 4px; }
#footer li { float: left; padding: 0; height: 15px;	vertical-align: middle;	padding-right: 25px;	font-size: 11px; }
a:link, a:active, a:visited { text-decoration: none; }
a:link, a:active { color: #006600; }
a:visited { color: #800080; }
#bar a:link, #bar a:active, #bar a:visited { color: #000; }
a img { border: 0; }
a img:active { border: 0; }
span.highlight { color: #abd6f1; }
span.hide { display: none; }
span.underline { text-decoration: none; }
.footertext {
font-size: x-small;
}
#left {
float: left;
width: 250px;
height: 166px;
padding: 10px;
}
#parley {
float: left;
width: 248px;
height: 166px;
padding-top: 0px;
margin-bottom: 30px;
}
#wimborne {
float: left;
width: 250px;
height: 166px;
padding-top: 0px;
margin-bottom: 30px;
margin-right: 10px;
}

#form-container {
	width: 100%;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding-bottom: 8px;
	margin-bottom: 5px;
}

div.formrow  {
        clear: both;
        padding-top: 3px;
}

div.formrow span.label {
        float: left;
        width: 30%;
        text-align: right;
}

div.formrow span.formw  {
        float: right;
        width: 68%;
        text-align: left;
}

.singleline-field {
	width: 200px;
}
.caption1 {
position: relative;
float: left;
left: 110px;
}
.caption2 {
position: relative;
float: left;
left: 300px;
}
.fencing {
position: relative;
float: left;
left: 80px;
}
.sheds {
position: relative;
float: left;
left: 170px;
}
.decking {
position: relative;
float: left;
left: 280px;
}
.cabins {
position: relative;
float: left;
left: 380px;
}
.sslogo {
margin-top: 30px;
}
.caddress {
float: left;
margin-right: 35px;
width: 150px;
}
#caddress{
float:left;

}

#caddress1 {
float:left;
margin-left: 40px;
}
#caddress2 {
float: right;
margin-right: 30px;
}
#caddress3 {
clear:both;
}
#caddress4 {
float:left;
margin-left: 40px;
width: 180px;
}

#caddress5 {
clear: left;
margin-left: 5px;
width: 180px;
}

/* New Nav bar */

#navcontainer ul
{
padding: 20px 0 5px 0;
margin-left: 0;
background-color: #523d2a;
border-bottom: 6px solid #7f8501;
color: #fff;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.1em 0.8em;
background-color: #523d2a;
color: #fff;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover
{
background-color: #523d2a;
color: #fff;
text-decoration: underline;
}
#navcontainer ul li a.active {
background: #523d2a; color: #fff;
}

/** Left Menu **/

#avmenu {
float:left;
width:140px;
margin: 0px 0 10px 0;
padding:0;
}

#avmenu ul {
list-style:none;
width:140px;
margin:20px 0 20px 0;
padding:0;
}

#avmenu li {
margin-bottom:5px;
margin-left: 5px;
}

#avmenu li a {
font-weight:bold;
height:20px;
text-decoration:none;
text-transform: uppercase;
color:#533E2B;
display:block;
padding:6px 0 0 10px;
background-color: #D3BAA4;
border-top:1px solid #533E2B;
border-right:1px solid #533E2B;
border-bottom:1px solid #533E2B;
border-left:4px solid #533E2B;
font-size: 85%;
}

#avmenu ul li a:hover {
background-color: #533E2B;
color: #ffffff;
}
#avmenu ul li a.active {
background-color: #333367;
color: #ffffff;
}

#avmenu ul ul {
margin:5px 0 5px 15px;
font-size:0.5em;
width:135px;
}

#avmenu ul ul a {
height:16px;
margin:0;
padding:4px 0 0 8px;
}

#avmenu h2 {
font-size:1.5em;
font-weight:normal;
}

#wrapper {
margin: 0 auto;
width: 100%
}

div.left{float: left; width: 49%; margin-bottom: 20px; border: 0px solid #ccc;}
div.right{float: right; width: 49%; margin-bottom: 20px; border: 0px solid #ccc;}

.sales { color:#FF0000; text-align: center; font-weight: bold; font-size: 200%; }
.box2{border: 1px solid #533E2B; padding: 0px; margin-bottom: 10px; height: 116px; background-color:#fff;}
.box2 p{padding: 0px; margin: 0px;}
.salesemail { color:#FF0000; text-align: center; font-weight: bold; font-size: 150%; padding-top: 10px; }
.img_l{float: left; border: 0px; padding-right: 10px;}

#industrial_menu li a{
	float: left;
	margin: 5px 10px 5px 0px;
	width: 315px;
	background-color: #CDB39C;
	border: 1px solid #666;
	padding: 10px 5px;
	color: #454545;
}
#industrial_menu li a:hover{
	background-color: #454545;
	color: #fff;
}
#barriers li#nav_barriers a{background-color: #454545; color: #fff;}
#fencing li#nav_fencing a{background-color: #454545; color: #fff;}
#palisades li#nav_palisades a{background-color: #454545; color: #fff;}
#railings li#nav_railings a{background-color: #454545; color: #fff;}
#security_systems li#nav_security_systems a{background-color: #454545; color: #fff;}
#weldmesh li#nav_weldmesh a{background-color: #454545; color: #fff;}

ul.locations{
	margin: 0px;
	padding: 0px;
}

.locations li{
	list-style-type: none;
	float: left;
	margin: 10px;
	text-align: center;
}

#catalogue{
	z-index: 110;
}

#catologue a{
	display: block; 
	width: 146px; 
	height: 150px; 
	position: absolute; 
	top: 38px; 
	margin-left: 690px; 
	background: url('../images/catalogue3.png') 0px 0px no-repeat;
}

#catologue a:hover{
	background: url('../images/catalogue3.png') 0px -150px no-repeat;
}

#movie{
	display: block; 
	width: 181px; 
	height: 185px; 
	position: absolute; 
	top: 40px; 
	margin-left: 560px; 
	text-align: center; 
	z-index: 50;
}

a#movie_one{
	margin: 15px 15px 30px 15px; 
	display: block;
	height: 100px;
	width: 120px;
	background: url('../images/movie-icon.png') center 0px no-repeat;
}
a#movie_one span{
	position: relative;
	top: 90px;
	font-size: 10px;
}
a#movie_one:hover{
	background-position: center -100px;
}

.clear{ clear: both; width: 100%; line-height: 0px;}

#shop_nav ul li{
	float: left;
	margin: 7px 12px;
}

#shop_nav{
	height: 30px;
	width: 100%;
	background-color: #EFEFEF;
}

.categorybox{
	float: left; 
	margin: 5px; 
	width: 130px; 
	height: 150px;
	border: 1px solid #DCDCDC;
	background-color: #fff;
	padding: 10px;
}

.categoryheader{
	text-align: center;
	padding: 5px;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
}

.categorycontent .thumb{
	margin: 10px auto;
	padding: 2px;
}

.productbox{
	float: left; 
	margin: 10px; 
	width: 280px; 
	height: 170px;
	border: 1px solid #DCDCDC;
	background-color: #fff;
	padding: 10px;
}

.productheader{
	padding: 5px;
	font-size: 12px;
	font-weight: bold;
}

.productcontent .thumb{
	float: left;
	margin: 0px 10px 10px 0px;
	padding: 2px;
}

.productcontent p{
	font-size: 10px
}

table{
	width: 100%;
}

table .title{
	font-weight: bold;
}

#charity_menu{
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 680px;
	height: 48px;
	background-color: #7f8501;
}

#charity_menu ul{
	margin: 0px;
	padding: 0px;
}

#charity_menu li{
	float: left;
}

#charity_menu li a{
	float: left;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	padding: 15px 20px;
}

#charity_menu li a:hover{
	background-color: #fff;
	color: #7f8501;
}

.toomer{
	font-family: 'Open Sans', sans-serif;
	width: 629px; 
	margin: 0px auto;
}

.toomer h1{
	text-transform: uppercase;
	font-weight: normal; 
	color: #000; 
	margin-left: 5px;
}

.toomer p.h_one{
	text-transform: uppercase;
	font-weight: normal; 
	color: #000;
	margin: 5px 0px 10px 5px;
	padding: 0px;
	font-size: 26px;
	text-align: left;
}

#fundraising_section h1{
	float: right; 
	margin-top: 34px;
}

.toomer p{
	margin-top: 0px;
	font-size: 16px;
	line-height: 24px;
	text-align: right;
	color: #000;
}

.toomer p.small{
	font-size: 12px;
	text-align: left;
	line-height: 16px;
	color: #666;
}

/*Scroll Pane*/
.scroll-pane { overflow: auto; width: 100%; float:left;}
	.scroll-content { width: 4580px; float: left; }
	.scroll-content-item { width: 376px; float: left; margin-right: 40px;}
	* html .scroll-content-item { display: inline; } /* IE6 float double margin bug */
	.scroll-bar-wrap { clear: left; padding: 0 4px 0 2px; margin: 0 -1px -1px -1px; }
	.scroll-bar-wrap .ui-slider { background: none; border:0; height: 2em; margin: 0 auto;  }
	.scroll-bar-wrap .ui-handle-helper-parent { position: relative; width: 100%; height: 100%; margin: 0 auto; }
	.scroll-bar-wrap .ui-slider-handle { top:.2em; height: 1.5em; }
	.scroll-bar-wrap .ui-slider-handle .ui-icon { margin: -8px auto 0; position: relative; top: 50%; }
/*Scroll Pane End*/

#news_and_facts_left_button{
	position: absolute;
	top: 200px;
	left: -30px;
	display: block;
	width: 90px;
	height: 90px;
	background: url('../images/news-and-facts/news-and-facts-buttons.png') 0px -90px no-repeat;
}

#news_and_facts_left_button:hover{
	cursor: pointer;
	background: url('../images/news-and-facts/news-and-facts-buttons.png') 0px 0px no-repeat;
}

#news_and_facts_right_button{
	position: absolute;
	top: 200px;
	right: -30px;
	display: block;
	width: 90px;
	height: 90px;
	background: url('../images/news-and-facts/news-and-facts-buttons.png') -90px -90px no-repeat;
}

#news_and_facts_right_button:hover{
	cursor: pointer;
	background: url('../images/news-and-facts/news-and-facts-buttons.png') -90px 0px no-repeat;
}

.large_date{ font-size: 60px; line-height: 60px; color: #214928; margin-right: 5px; color: #666;}

.red{ color: #B50000;}

#top_date{ font-size: 20px; line-height: 30px; color: #E1E3E0; cursor: pointer;}
#top_date:hover{ color: #666;}

#bottom_date{ font-size: 20px; line-height: 30px; color: #E1E3E0; cursor: pointer;}
#bottom_date:hover{ color: #666;}

#body_fundraising #nav_fundraising a{ background-color: #fff;	color: #7f8501;}
#body_sponsorship_donations #nav_sponsorship_donations a{ background-color: #fff;	color: #7f8501;}
#body_news_facts #nav_news_facts a{ background-color: #fff;	color: #7f8501;}
#body_company_history #nav_company_history a{ background-color: #fff;	color: #7f8501;}

#company_history h2{ font-size: 20px; color: blue;}
#company_history .img_left{ float: left; margin-right: 20px;}
#company_history .img_right{ float: right; margin-left: 20px;}
#company_history p{ width: 500px; margin-bottom: 20px;}

#fencing_page ul{
	margin: 10px 0px 30px 30px;
	list-style-type: disc;
}

#fencing_page li{
	margin: 10px 0px;
	font-size: 12px;
	line-height: 22px;
	color: #C37734;
	font-weight: bold;
}

#industrial_menu li{
	float: left;
}

#industrial_menu li a{
	float: left;
	margin: 5px 10px 5px 0px;
	width: 315px;
	background-color: #CDB39C;
	border: 1px solid #666;
	padding: 10px 5px;
	color: #454545;
}
#industrial_menu li a:hover{
	background-color: #454545;
	color: #fff;
}
#barriers li#nav_barriers a{background-color: #454545; color: #fff;}
#fencing li#nav_fencing a{background-color: #454545; color: #fff;}
#palisades li#nav_palisades a{background-color: #454545; color: #fff;}
#railings li#nav_railings a{background-color: #454545; color: #fff;}
#security_systems li#nav_security_systems a{background-color: #454545; color: #fff;}
#weldmesh li#nav_weldmesh a{background-color: #454545; color: #fff;}