/* CSS Document */

* {
text-decoration : none;
vertical-align : top;
}



/* body */

body {
font-family : Arial;
font-size : 62.5%;
margin : 0;
text-align : center;
}

	img {
	border : none;
	}
	
	.float-right {
	float : right;
	}
	
	.float-left {
	float : left;
	}
	
	p.forgotten-password {
	display : none;
	}



/* wrapper */

#wrapper {
background : url('../graphics/layout/logo.jpg') no-repeat;
margin : auto;
padding : 86px 0 0;
text-align : left;
width : 760px;
}

	#main {
	background : url('../graphics/layout/wrapper.gif') repeat-y;
	}



/* left */

#right {
float : right;
font-size : 1.1em;
line-height : 1.6em;
width : 612px;
}
		
	#content {
	padding : 20px;
	}

	#right p {
	margin : 0;
	padding : 0 0 15px;
	}

		#right p.padded {
		padding : 0 208px 15px 0;
		text-align : justify;
		}
	
		#right p#trail {
		background : url('../graphics/layout/dash.jpg') 0 100% repeat-x;
		padding : 4px 20px;
		}
		
	#right h1, #right h2, #right h3, #right h4, #right h5, #right h6 {
	color : #2E2884;
	font-size : 1.3em;
	margin : 0;
	padding : 0 0 15px;
	}
	
	#right a {
	color : #2E2883;
	}
	
		#right a:hover {
		color : #100000;
		text-decoration : underline;
		}



/* left */

ul#left {
background : url('../graphics/layout/left.jpg') 50% 100% no-repeat;
float : left;
font-size : 1.1em;
font-weight : bold;
margin : 0;
padding : 0 0 368px;
list-style : none;
width : 147px;
}

	ul#left li {
	padding : 3px 7px 0 6px;
	}
	
		ul#left a {
		background : #2E2886;
		color : #ffffff;
		display : block;
		padding : 4px 7px;
		}
		
			ul#left a:hover {
			background : #FF0101;
			}
	
			ul#left a#navoptTop_cctv-surveillance-system,
			ul#left a#navoptTop_door-entry-systems,
			ul#left a#navoptTop_burglar-alarms,
			ul#left a#navoptTop_ancillary-security-products,
			ul#left a#navoptTop_fire-detection,
			ul#left a#navoptTop_accessibility,
			ul#left a#navoptTop_1FN84z37 {
			background : #F4F4F9 url('../graphics/layout/bullet.jpg') 5px 50% no-repeat;
			color : #2E2885;
			padding : 3px 7px 3px 14px;
			}
		
				ul#left a#navoptTop_cctv-surveillance-system:hover,
				ul#left a#navoptTop_door-entry-systems:hover,
				ul#left a#navoptTop_burglar-alarms:hover,
				ul#left a#navoptTop_ancillary-security-products:hover,
				ul#left a#navoptTop_fire-detection:hover,
				ul#left a#navoptTop_accessibility:hover,
				ul#left a#navoptTop_1FN84z37:hover {
				background : #2E2887 url('../graphics/layout/bullet-alt.jpg') 5px 50% no-repeat;
				color : #fffffe;
				}
				
				

/* footer */

p#footer {
background : url('../graphics/layout/footer.jpg') no-repeat;
font-size : 1.1em;
line-height : 1.8em;
margin : 2px 0 0;
padding : 20px 155px 20px 20px;
text-align : right;
}

	p#footer a {
	color : #001000;
	}

		p#footer a:hover {
		text-decoration : underline;
		}

	p#footer span#fontsize {
	color : #C0DDE1;
	float : left;
	}
	
		p#footer span#fontsize a {
		background : #fff;
		border : 1px solid #000100;
		font-weight : bold;
		padding : 4px 7px;
		}



/* contact table */

table {
background : #F4F4F8;
border : 1px solid #CAC9DD;
border-collapse : collapse;
padding : 0;
width : 388px;
}

	html>body table {
	min-width : 388px;
	width : auto;
	}

	table thead {
	display : none;
	}

	table td {
	border-bottom : 1px solid #ffffef;
	margin : 0;
	padding : 5px 10px;
	}
	
	table input, table textarea {
	border : 1px solid #CAC9DC;
	font-family : Arial;
	font-size : 1em;
	padding : 2px 5px;
	}
	
		input.code {
		background : #fffeff url('../graphics/common/code.gif') no-repeat;
		color : #c00;
		letter-spacing : 1px;
		}
		
	#right p.cart-buttons {
	background : #CAC9DE;
	left : -1px;
	margin : 0 0 15px;
	padding : 10px;
	position : relative;
	width : 369px;
	}
	
		#right p.cart-buttons input {
		background : #F4F4F8;
		border : 1px solid #F4F4F7;
		font-family : Arial;
		font-size : 1.1em;
		padding : 3px;
		}
		
			#right p.cart-buttons input.important {
			float : right;
			font-weight : bold;
			}
			
	#right p#info_message {
	background : #CAC9DB;
	border : 1px solid #2E2884;
	color : #2E2883;
	font-size : 1.1em;
	padding : 5px;
	margin : 0 0 15px;
	}


/* fixes */

#main,
#footer ,
#right p.cart-buttons{
height : 1%;
}

	html>body #main,
	html>body #footer,
	html>body #right p.cart-buttons {
	height : auto;
	overflow : auto;
	}