body {	margin: 0;	padding: 0;	font-family: verdana, arial, helvetica, sans-serif;	font-size: 76%;	color: #000;	background-color: #000;	text-align: center;	}#wrapperhmpg {    width: 840px;	margin: 0 auto 20px auto;	padding: 0;	border: 1px solid #000;	background-color: #fff;	text-align: left;	}#wrapper {    width: 840px;	margin: 0 auto 20px auto;	padding: 0;	background: #fff;	border: 1px solid #000;	text-align: left;	}#banner {    margin: 0;	padding: 0;	border: 1px solid #ff0;	background-color: #ff0; /* yellow */	}#hmpgLogo {    float: left;	width: 120px;	}#hmpgLogo img {    padding: 15px;	}#hmpgHeadings {    float: right;	width: 650px;	padding-top: 25px;	}#hmpgHeadings h2 {    margin: 0.7em 0;	}#straplines {    float: left;	width: 485px;	padding: 20px 0 20px 20px;	}#logo {    float: right;	}#logo img {    padding: 15px 80px 15px 0;	}/* NavBar--------------------------------------------------------------------- */#sidebar {    float: left;	width: 190px;	padding:10px 0 10px;	border-right:1px dotted #ddd;	border-bottom:1px dotted #ddd;	}#sidebar.pg-home {    float: left;	width: 190px;	padding:10px 0 10px;	border:none;	}#sidebar.pg-home h2 {    margin:1.0em 0 1.0em 10px;	font-size: 1.2em;		color: #000;	line-height: 1.1em;	}ul#navBar, ul#navBar li {    list-style: none;	margin: 0;	padding: 0;	line-height: 1.3em;	}ul#navBar li ul {    list-style: none;	margin: 0;	padding: 0;	background-color:#ddd;	}ul#navBar li a:link, ul#navBar li a:visited {    text-decoration: none;	display: block;	width: 90%;	padding: 8px 5%;	color:#00c;/* blue */	font-weight: normal;	}ul#navBar li a:hover {    background-color:#ff0; /* yellow */	color:#f00; /* red */	}#sidebar.pg-about a#about, #sidebar.pg-new a#new, #sidebar.pg-clothing a#clothing, #sidebar.pg-markingtape a#markingtape, #sidebar.pg-trafficcontrol a#trafficcontrol, #sidebar.pg-automotive a#automotive, #sidebar.pg-signs a#signs, #sidebar.pg-links a#links, #sidebar.pg-contact a#contact {    background-color:#ff0; /* yellow */	color:#f00; /* red */	font-weight: bold;	}#wrapper.pg-responsevests a#responsevests, #wrapper.pg-incidentID a#incidentID, #wrapper.pg-healthcare a#healthcare, #wrapper.pg-safetyvests a#safetyvests, #wrapper.pg-customisedvests a#customisedvests, #wrapper.pg-addons a#addons, #wrapper.pg-trims a#trims, #wrapper.pg-accessories a#accessories, #wrapper.pg-care a#care {    color:#f00; /* red */	font-weight: bold;	}	/* --------------------------------------------------------------------- */#content {	float: right;	width: 625px;	margin: 0;	padding: 0;	}.contentleft {    float: left;	width: 340px;	padding: 0 10px;	}.contentright, .contentright2 {    float: right;	width: 235px;	padding: 0 10px;	}.contentrighthmpg {    float: right;	width: 205px;	}.contentrighthmpg p {    margin-right: 10px;	}.contentOneCol {    clear: both;	padding: 0 10px 2em;	}.contentboth, .contentboth2, .contentfullwidth {    clear: both;	padding: 0 10px 0;	}.contentboth p, .contentboth h3, .contentboth h5, .contentboth ul {    width: 400px;	}.alignL {    float: left;	padding: 0 10px 10px 0;	}.alignR {    float: right;	padding: 0 0 10px 10px;	}.labelleft {    float: left;	width: 105px;	}.labelright {    float: right;	width: 105px;	text-align: right;	}.clear { clear: both; }#finalclear {    clear: both;	text-align: right;	padding: 2.0em 20px;	}#hmpgFooter {    clear: both;	text-align: right;	padding: 5px 20px;	background-color: #000;	border: 1px solid #000;	}	#credits {	clear: both;    width: 800px;	margin: 50px auto 20px auto;	padding: 0 0 15px;    color: #999;	font-size:90%;	text-align: left;	}#credits a {    color: #999;	}#credits a:hover {    color: #f00;	}.hide { display: none; }		a {	color: #00f; /* blue */	}a:link {	color: #00f; /* blue */	}a:visited {	}a:active {	}a:hover {	color: #f00; /* red */	}h1 {	margin-top: 0;	margin-bottom: 0;	font-size: 2.0em;	font-style: italic;	font-weight: bold;	color: #000;	}h2 {	font-size: 1.5em;	margin: 1.2em 0 0;	font-weight: bold;	color: #f00;	}h3 {	font-size: 1.3em;	margin: 2.0em 0  0;	font-weight: normal;	font-style: italic;	color: #f00;	}h3.Bzero {	margin-bottom:0;	}h4 {	font-size: 1.0em;	margin: 1.5em 0 0;	font-weight: bold;	color: #f00;	}h5 {/* used on Trims pg */	font-size: 1.0em;	margin: 1.2em 0em 1.2em 0em;	font-weight: bold;	text-align:center;	}h6 {	font-size: 0.8em;	margin: 1.2em 0em 1.2em 0em;	font-weight: bold;	}img {	border: 0;	}img.top { /* for Chris' image */    margin-top: 5.8em;	margin-left: 35px;	}ol, ul, li {	font-size: 1.0em;	line-height: 1.8em;	margin-top: 0.2em;	margin-bottom: 0.1em; 	}hr {    margin: 2.0em 0 0;	}.contentboth2 ul, .contentboth2 li {	line-height: 1.6em;	margin-top: 0.2em;	margin-bottom: 0.1em; 	width: 500px;	}.contentboth2 h4 {    color: #000;	}.contentboth2 p {    width: 500px;	}.contentboth2 table {    margin: 2em 0 3em;	}.contentboth2 caption {    font-weight: bold;	font-size: 1.1em;	}.contentboth2 td {    padding: 10px 20px 10px 0;	text-align: center;	}p {	font-size: 1.0em;	line-height: 1.7em;	margin: 1.2em 0;	}.contentright2 p {	line-height: 1.4em;	}.contentright2 p.first {	margin-top:0;	font-style:italic;	}.contentright2 p.ulheading {	margin-bottom:0.1em;	}.contentright2 li {	line-height: 1.4em;	}p.first, h3.first {    margin-top: 0.3em;	}p.tight {    line-height: 1.4em;	margin-top: 0.3em;	}li > p {	margin-top: 0.2em;	}strong, b {	font-weight: bold;	}blockquote, blockquote p, p.hiliteText {    margin: 1.2em 0;	line-height: 1.5em;	font-style: italic;	}#hiliteBox1 { /*  used for hilite box on About */    width: 218px;	background-color: #e6e6e6; /* light grey */	border: 1px solid #f00;	margin: 8em 0;	}#hiliteBox2 { /*  used for hilite box on Contact */    width: 218px;	background-color: #e6e6e6; /* light grey */	border: 1px solid #f00;	margin: 3.0em 0 1.5em;	}#hiliteBox1 p {    line-height: 1.4em;	font-style: italic;	margin: 0.8em;	}#hiliteBox2 p {    line-height: 1.4em;	margin: 1.0em;	}#hiliteBox2 ul, #hiliteBox2 li {    line-height: 1.4em;	margin-bottom: 1.0em;	margin-right: 0.5em;	}#hiliteBox3 {    background-color: #e6e6e6; /* light grey */	border: 1px solid #f00;	margin: 1.8em 0;	padding-bottom: 0.8em;	padding-top: 0.8em;	}p.hilite {    background-color: #e6e6e6; /* light grey */	border: 1px solid #f00;	padding: 0.8em;	}div.box, div.boxR { /*  used on Safety Clothing */	float:left;    width: 180px;	border: 1px solid #f00;	margin:1.2em 10px 1.2em 0;	text-align:center;	padding:5px;	}div.boxR {	margin-right:0;	}div.box p, div.boxR p { /*  used on Safety Clothing */	margin:0;	padding:0;	line-height:1.3em;	}.img1 { /* for response vests */    margin-right: 30px;	}.img2 { /* for response vests */    margin-right: 40px;	}.border {    border:1px solid #000;	}.standout {	color: #00f; /* blue */	}.standout2 {	color: #f00; /* red */	}.quote1 {	color: #00f; /* blue */    line-height: 1.4em;	font-style: italic;	font-size:1.2em;	}.centered {    text-align:center;	}