.homepage
{
	font-size:12pt;
	color:#444444;
	text-align:center;
}
.specialli
{
	list-style-type:none;
	float:left;
	padding:20px;
}

hr {
	border: 0px;
	background-color: #d3d3d3;
	height: 1px;
}

.livelinks {
	margin-top: 15px;
	text-align: center;
	display: block;
	position: relative;
	margin-bottom: 15px;
	width: 671px;
}

.livelinks span {
	font-size: 13px;
}

.livelinks h5 a {
	font-size: 15px;
	text-decoration: underline;
}

.enquire
{
	color:#000;
	font-size:11pt;
	padding:10px;
	margin-top:15px;
	margin-left:10px;
	text-align:center;
	
}
.enquiresmall
{
	display:block;
	padding-top: 2px;
	margin-top:10px;
	
}

#Content
{
	padding-right: 20px;
	
	
	
}

#TopBar
{
	height: 363px;
	display:block;
}

.filter
{
	float: right;
	color:Black;
}

.filter-header
{
	xwidth: 252px;
	height: 32px;
	xbackground: url(/images/website/filter_header.gif) no-repeat;
}

.filter-header span
{
	color: black;
	position: relative;
	font-weight: bold;
	font-size: 1.1em;
	top: 8px;
	left: 45px;
}

.filter-detail
{
	width: 223px;
	padding-top: 3px;
	color:Black;
	display:block;
	font-family: Comic Sans MS;
	margin-left: 22px;
}

.filter-detail div
{
	display:block;
	margin: 5px;
	padding-left: 20px;
	
}

.filter-detail ul
{
	margin-top: 0px;
	list-style: none;
	margin-left: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 3px;
	xcolor:Black;
}

.filter-detail li
	
{
	padding-bottom: 8px;
	padding-top: 10px;
	line-height: 18px;
	
	background-repeat: no-repeat;
	background-position: bottom left;
}
.rand1{background-image: url(/images/website/squiggle1.png);}
.rand1{background-image: url(/images/website/squiggle1.png);}
.rand1{background-image: url(/images/website/squiggle1.png);}



.filter-detail a
{
	text-decoration: none;
	xcolor: black;
}
.filter-detail a:hover
{
	text-decoration: underline;
}

span#showall
{
	font-size: 20px;
}

.navigation
{
	
	margin: 0px;
	padding: 0px;
	list-style: none;
	display:block;
	margin-left: 15px;
	height:35px;
	width: 911px;	
}

.price
{
	width:250px;
	height:35px;
	font-weight:bold;
	font-size:22pt;
	color:#000;
	padding: 5px 0px 5px 0px;
	margin: 0px;
	background-color: #b7a28e;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	text-align:center;
}

.price2
{
	width:500px;
	height:35px;
	font-weight:bold;
	font-size:22pt;
	color:#000;
	padding: 5px 0px 5px 0px;
	margin: 0px;
	margin-bottom: 15px;
	background-color: #b7a28e;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	text-align:center;
}

.imageprice {
	width: 250px; 
	margin: 0px; 
	padding: 0px;
	margin-top: 5px;
}
	
.navigation a, .navigation a:visited
{
	display:block;
	color: #d8c6b5;
	text-decoration: none;
	font-size: 14px;
	height:28px;
	padding-top:4px;
	padding-right:15px;
}
.navigation a:hover
{
	color:#FFF;
	text-decoration: underline;
}
.navigation li
{
	display:list-item;
	float: left;
	margin-left: 5px;
}

.navi-path
{
	color: #34358e;
	text-align:left;
	margin-left:15px;
	margin-top:0px;
	margin-bottom:20px;
	font-size: 13px;
}
.navi-path a, .navi-path a:visited
{
	/*	text-decoration: none;*/
	font-size: 13px;
}

.navi-path a:hover
{
	color: #000;
	text-decoration: underline;
}

.navi-slash
{
	font-size: 13px;
}
	
.accred a:hover img {
filter: alpha(opacity=70);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-moz-opacity: 0.70;
opacity:0.7;
}

.accred2 a:hover img {
filter: alpha(opacity=70);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-moz-opacity: 0.70;
opacity:0.7;
}

.accred2 {
width: 25%;
vertical-align: bottom;
align: center;
padding-bottom: 50px;
}

.accred2 a img {
	height: 80px;
}

.accred2 {
	align: center;
	text-align: center;
}

.port-td {
	width: 33%;
	vertical-align: bottom;
	padding-bottom: 20px;
	padding-top: 20px;
}

.port-td2 {
	width: 50%;
	vertical-align: bottom;
}

.port-td img:hover {
filter: alpha(opacity=70);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-moz-opacity: 0.70;
opacity:0.7;
}

.port-td2 img:hover {
filter: alpha(opacity=70);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-moz-opacity: 0.70;
opacity:0.7;
}

.port-td {
	vertical-align: middle;
}

.port-td2 {
	vertical-align: middle;
}

.type-box
{
	margin-left: 0px;
	padding-left: 0px;
	line-height: 65px;
	width: 213px;
	display: block;
	margin-left:0px;
	text-align:center;
	
}

.type-box a
{
	background-image: url(/images/website/typelist.png);
/*	background-position: -15px;*/
	background-repeat: no-repeat;
	display: block;
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
	font-size: 16px;
	text-indent: 0px;
}

.type-box a:hover, a.type-box-selected
{
	xbackground-image: url(/images/website/typelist_highlighted.png);
	/*background-position: -15px;*/
}


/* NEW STYLES */

#wrapper {
	width: 996px;
	margin: 0 auto;
	margin-top: 265px;
	background-image: url(/images/website/wrapper-bg.gif);
	background-repeat: repeat-y;
	background-position: top center;	
}


#header-logo {
	width: 954px;
	height: 391px;
	position: absolute;
	margin-left: -477px;
	margin-top: -250px;
	left: 50.0%;
	background-image: url(/images/website/header-logo.png);
	background-repeat: no-repeat;
	background-position: top center;
}


#leftnav {
	float: left;
	width: 219px;
	text-align: left;
}

.nav-header {
	margin-left: 35px;
	padding-bottom: 15px;
	padding: 0px;
	margin-bottom: 20px;
	font-weight: bold;
}

#leftnav ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	width: 219px;
	margin-top: 15px;
}

#leftnav ul li {
	width: 219px;
	background-color: #3b2768;
	xheight: 46px;
	xline-height: 46px;
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	margin-bottom: 13px;
	xtext-indent: 35px;
	
}


#leftnav ul li a {
	color: #FFF;
	font-size: 15px;
	xline-height: 46px;
	display: block;
	background-color: #3b2768;
	text-decoration: none;
	text-align:left;
	border:solid 0px red;
	padding:15px;
	padding-left:27px;
}

#leftnav ul li a:hover{
	background-color: #bcd631;
	text-decoration: none;
	color: #34358e;
}

#leftnav ul li ul {
	margin-top: 4px;
}

#leftnav ul li ul li {
	width: 219px;
	background-color: #3b2768;
	line-height: 36px;
	text-indent: 50px;
	border: 0px;
	margin: 0px;
}

#leftnav ul li ul li a {
	color: #FFF;
	font-size: 13px;
	line-height: 36px;
	display: block;
	background-color: #3b2768;
	text-decoration: none;
}

#leftnav ul li ul li a:hover {
	background-color: transparent;
	text-decoration: underline;
	color: #FFF;
}


#leftnav ul li .navselected{
	background-color: #bcd631;
	text-decoration: none;
	color: #3b2768;
}

.filterpagelink {
	text-decoration: none;
	font-weight: bold;
}

.filterpagelink:hover {
	xcolor: #bcd631;
	text-decoration: none;
}

#main-content {
	margin: 0px;
	float: right;
	width: 740px;
	text-align: left;
	padding-top: 50px;
}


h1 {
	font-size: 20px;
	font-weight: bold;
}

h2 {
	font-size: 17px;
	font-weight: bold;
}
h3 {
	font-size: 15px;
	font-weight: bold;
}

p,li,body {
	font-size: 14px;
	color: #34358e;
	text-align: justify;
}


#footer {
	width: 100%;
	background-color: #e3e2e1;
	border-top: 2px solid #c6c5c5;
	border-bottom: 2px solid #c6c5c5;
	xheight: 140px;
	position: relative;
	margin: 0px;
	padding: 0px;
}

.contacts-table {
	width: 790px;
	margin: 0 auto;
	text-align: center;
	padding: 0px;
	font-weight: bold;
}

.accreds-table {
	width: 960px;
	margin: 0 auto;
	text-align: center;
	margin-top: 10px;
}

#footer hr {
	width: 840px;
	background-color: #c6c5c5;
	border: 0px;
	height: 1px;
	margin-top: 5px;
}


/** The description below each filter */

.extratext {
	font-size: 12px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	padding-top: 7px;
}

/** End the description below each filter */


#filteronly {
	margin: 0 auto;
	margin-left: 20px;
}

#filteronly ul {
	float: left;
}

#filteronly ul li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	padding: 20px;
	line-height: 8px;
	text-align: left;
}

#filteronly .filter-Access-Control-Systems {
	float: left;
	height: 75px;
	line-height: 50px;
	width: 288px;
	margin-bottom: 22px;
	margin-right: 30px;
	text-align: center;
	background-image: url(/images/website/apps_bg2.jpg);
	background-repeat: no-repeat;
}

#filteronly .filter-CCTV-Surveillance-Detection---Analytics {
	float: left;
	height: 75px;
	xline-height: 50px;
	width: 288px;
	margin-bottom: 22px;
	padding-top:10px;
	text-align: center;
	background-image: url(/images/website/apps_bg2.jpg);
	background-repeat: no-repeat;
}

#filteronly .filter-Pedestrian-Access {
	float: left;
	height: 75px;
	line-height: 50px;
	width: 288px;
	margin-bottom: 22px;
	margin-right: 30px;
	text-align: center;
	background-image: url(/images/website/apps_bg2.jpg);
	background-repeat: no-repeat;
}

#filteronly .filter-Power-Fence-PIDS---Security-Toppings {
	float: left;
	height: 75px;
	xline-height: 50px;
	width: 288px;
	margin-bottom: 22px;
	margin-right: 30px;
	text-align: center;
	background-image: url(/images/website/apps_bg2.jpg);
	background-repeat: no-repeat;
	padding-top:10px;
}

#filteronly .filter-Vehicle-Access-Systems {
	float: left;
	height: 75px;
	line-height: 50px;
	width: 288px;
	margin-bottom: 22px;
	text-align: center;
	background-image: url(/images/website/apps_bg2.jpg);
	background-repeat: no-repeat;
}

#filteronly .filter-Physical-Fencing {
	float: left;
	height: 75px;
	line-height: 50px;
	width: 288px;
	margin-bottom: 22px;
	text-align: center;
	background-image: url(/images/website/apps_bg2.jpg);
	background-repeat: no-repeat;
}
