html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
	margin: 0;
	padding: 0;
}
body {
	font-size: small;
	font-family: "Trebuchet MS", "Comic Sans MS", Arial, sans-serif;
	color: #2D4776;
	text-align:center; /*makes mainWrap div centre in IE*/
	background-color: #549ed6;
}
div#outerWrap {
	width: 865px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background: #549ed6 url(../site_graphics/background_main.gif) repeat-y center top;
}
div#innerWrap {
	width: 840px;
	margin: 0 auto 0 13px;
	background: #fff url(../site_graphics/inner_wrap_background.jpg) repeat-y left top;
}
div#topRow {
	height: 70px;
	background-color: #fff;
	position: relative;
}
div#topRow img {
	position: absolute; /*relative to topRow*/
	display: block; /*prevents margin which some versions of IE can add around image*/
	top: 0px;
	right: 0px;
}
div#bannerPic {
	height: 189px;
	position: relative;
}
div#bannerPic img {
	display: block;
}
div#bannerPicSmall {
	width: 227px;
	height: 145px;
	z-index: 50;
	position: absolute;
	bottom: -50px;
	left: 25px;
}
table#phoneOuterWrap {
	width: 215px;
	height: 70px;
	padding: 0;
	color: #fff;
	font-weight: bold;
	background-color: #549ed6;
	position: absolute;
	top: 0px;
	left: 0px;
}
table#phoneOuterWrap td  {
	vertical-align: middle;
	text-align: center;
	padding: 0 0 0 30px;
}
table#phoneOuterWrap td p {
	background: url(../site_graphics/telephone.jpg) no-repeat left center;
	text-align: center;
}
div#survey {
	line-height:24px;
	width: 355px;
	height: 52px;
	padding: 3px 0;
	color: #fff;
	font-weight: bold;
	position: absolute;
	bottom: 0;
	left: 240px;
	border: 1px solid #FF0000;
	border-bottom: none;
	background: #f0a49f url(../site_graphics/survey_back.jpg) repeat-x left top;
}
div#survey a:link, div#survey a:visited {
	color: #FFFF00;
}
div#survey a:hover, div#survey a:active {
	color: #FFFF00;
	background-color: #ca2723;
}
div#lowerWrap {
}
div#leftCol {
	width: 215px;
	padding: 0;
	float: left;
	text-align: left;
}
ul#menu {
	margin: 65px auto 20px 25px;
	list-style-type: none;
}
ul#menu li {
	margin: 0;
}
ul#menu li a:link, ul#menu li a:visited {
	width: 165px;
	margin: 0;
	padding: 5px;
	padding-left: 20px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	display: block;
	border-top: 1px solid #2D4776;
	border-bottom: 1px solid #2D4776;
}
ul#menu li a:hover, ul#menu li a:active {
	margin: 0;
	padding: 5px;
	padding-left: 20px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	display: block;
	border-top: 1px solid #082E57;
	border-bottom: 1px solid #4B72B9;
	background: #4B72B9 url(../site_graphics/menu_hover.jpg) repeat-y 0 0;
}
ul#menu li.current {
	color: #2D4776;
	margin: 0;
	padding: 5px;
	padding-left: 20px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	border: none;
	background: #fff;
	border-top: 1px solid #082E57;
	border-bottom: 1px solid #4B72B9;
}
div#leftCol div.pdfBox {
	width: 150px;
	margin: 10px auto;
	text-align: center;
	border: 1px solid #2b73a8;
}
div#leftCol div.pdfBox p {
	margin: 7px 5px;
	color: #fff;
}
div#leftCol div.pdfBox a:link, div#leftCol div.pdfBox a:visited {
	color: #fff;
	font-weight: bold;
}
div#leftCol div.pdfBox a:hover, div#leftCol div.pdfBox a:active {
	color: #2D4776;
	background-color: #fff;
	font-weight: bold;
}
div#leftCol div.pdfBox h2 {
	margin: 5px auto;
	font-size: small;
	font-weight: bold;
	color: #fff;
}

div#leftCol div.hormann {
	width: 150px;
	margin: 10px auto;
	text-align: center;
}

div#rightCol {
	width: 624px;
	background: #fff;
	float: right;
}
div#rightCol a:link, div#rightCol a:visited {
	color: #2D4776;
}
div#rightCol a:hover, div#rightCol a:active {
	color: #fff;
	background: #2D4776;
}

div#p7apContent {
	width: 570px;
	margin: 20px auto 10px auto;
}
/*NB mainContent is simply the introduction box for each page. The name is a leftover from initial coding. It DOESN'T conatin any of the rest of the content which are in seperate divs. Sorry*/
div#mainContent {
	width: 525px;
	margin: 20px auto 10px auto;
}
div#mainContent img {
	float: right;/*default float for any image in this block*/
	margin: 0 0 10px 10px;
}
div#mainContent p {
	text-align: left;
	margin: 0 0 5px 0;
}
div#mainContent h2 {
	margin: 0 0 10px 0;
	font-weight: bold;
	font-size: medium;
	text-align: left;
}
div#mainContent table#skins {
	width: 400px;
	margin: 0 auto;
}
div#mainContent table#skins p {
	text-align: center;
}
div#mainContent table#skins td h2 {
	text-align: center;
	padding: 5px 0 0 0;
}
div#mainContent table#skins td {
	text-align: center;
}
div#mainContent table#skins td img {
	margin: 0 auto;
	float: none;
}
div#mainContent table#decograin {
	width: 100%;
	margin: 0 auto;
}
div#mainContent table#decograin p {
	text-align: center;
}
div#mainContent table#decograin td h2 {
	text-align: center;
	padding: 5px 3px 0 3px;
}
div#mainContent table#decograin td {
	text-align: center;
}
div#mainContent table#decograin td img {
	margin: 0 auto;
	float: none;
}
div.brochure {
	border-bottom: 1px solid #2D4776;
}
div.brochure img {
	border: 1px solid #768eb8;
}
div#contentsBoxWrap {
	width: 570px;
	margin: 0 auto 20px auto;
}
div#contentsBoxWrap p {
	padding: 0;
}
div.contentsBox {
	/*this is for the first two boxes in the row - float:left*/
	width: 177px;
	margin: 10px 16px 0 0;
	float: left;
	border: 1px solid #2D4776;
}
div.contentsBox h2 {
	font-size: small;
	font-weight: bold;
	padding: 3px 8px;
	color: #fff;
	text-align: left;
	background-color: #2D4776;
}
div#contentsBoxWrap h2 a:link, div#contentsBoxWrap h2 a:visited {
	color: #fff;
}
div#contentsBoxWrap h2 a:hover, div#contentsBoxWrap h2 a:active {
	color: #ebb44b;
	text-decoration: none;
}
div.contentsBoxRight {
	/*this is for the right box in the row - float:right*/
	width: 177px;
	margin: 10px 0 0 0;
	float: right;
	border: 1px solid #2D4776;
}
div.contentsBoxRight h2 {
	font-size: small;
	font-weight: bold;
	padding: 3px 8px;
	color: #fff;
	text-align: left;
	background-color: #2D4776;
}
div#lowerRow {
	font-weight: bold;
	margin: 20px auto;
	background: #fff;
	clear: both;
}
div#footer {
	height: 19px;
	text-align: center;
	background: yellow;
	clear: both;
}
div#footer img {
	margin: 0 auto;
}
div.clearit {
	clear: both;
}
div.productsBoxAuto {
	margin: 10px auto;
	text-align: left;
}
div.productsBoxAuto p {
	margin: 5px 10px;
}
div.productsBoxAuto h2 {
	padding: 2px 10px;
	color: #fff;
	font-size: small;
	font-weight: bold;
	background-color: #2D4776;
}
div.productsBoxAuto h3 {
	margin: 10px auto 0 0px;
	font-weight: bold;
	font-size: small;
}
div.productsBoxAuto img {
	float: left;
	margin: 0 10px 10px 0;
}
div.productsBoxAuto img.autoRight {
	float: right;
	margin: 0 0 10px 10px;
}
div.productsBox {
	width: 570px;
	margin: 10px auto;
	text-align: left;
}
div.productsBox p {
	margin: 5px 10px;
}
div.productsBox h2 {
	padding: 2px 10px;
	color: #fff;
	font-size: small;
	font-weight: bold;
	background-color: #2D4776;
}
div.productsBox h3 {
	margin: 10px auto 0 10px;
	font-weight: bold;
	font-size: small;
}
div.productsBox img {
	float: left;
	margin: 0 10px 10px 0;
}
div.productsBox img.autoRight {
	float: right;
	margin: 0 0 10px 10px;
}
table#rollerColoursOne {
	margin: 10px auto;
	text-align: center;
	vertical-align: top;
}
table#rollerColoursOne td {
	width: 65px;
	text-align: center;
	vertical-align: top;
}
table#rollerColoursOne td img {
	float: none;
	margin: 0 auto;
}
table#rollerColoursOne td.name {
	padding-top: 5px;
	padding-bottom: 15px;
}
table#rollerColoursTwo {
	margin: 10px auto;
	text-align: center;
	vertical-align: top;
}
table#rollerColoursTwo td {
	width: 85px;
	text-align: center;
	vertical-align: top;
}
table#rollerColoursTwo td img {
	float: none;
	margin: 0 auto;
}
table#rollerColoursTwo td.name {
	padding-top: 5px;
	padding-bottom: 15px;
}
table#rollerColoursThree {
	margin: 10px auto;
	text-align: center;
	vertical-align: top;
}
table#rollerColoursThree td {
	width: 85px;
	text-align: center;
	vertical-align: top;
}
table#rollerColoursThree td img {
	float: none;
	margin: 0 auto;
}
table#rollerColoursThree td.name {
	padding-top: 5px;
	padding-bottom: 15px;
}
table#grp {
	margin: 15px auto 10px auto;
	text-align: center;
	vertical-align: top;
}
table#grp td {
	width: 125px;
	text-align: center;
	vertical-align: top;
}
table#grp td.name {
	padding: 5px;
	padding-bottom: 15px;
}
table#grp td img {
	float: none;
	margin: 0 auto;
}
table#glazing {
	margin: 15px auto 10px auto;
	text-align: center;
	vertical-align: top;
}
table#glazing td {
	width: 250px;
	text-align: center;
	vertical-align: top;
}
table#glazing td.name {
	padding: 5px;
	padding-bottom: 15px;
}
table#glazing td img {
	float: none;
	margin: 0 auto;
}
table#contactForm {
	width: 500px;
	margin: 20px auto;
}
table#contactForm td.left {
	width: 75px;
	text-align: right;
}
table#contactForm td.right {
	padding: 0 10px;
}
table#contactForm td.right {
	width: 100%;
}
table#contactForm td.right input {
	width: 100%;
}
a:link img , a:visited img {
	border: none;
	text-decoration: none;
}
a:hover img, a:active img {
	border: none;
	text-decoration: none;
} 

/*==============
gallery wrapper
===============*/
div#galleryWrap {
	width: 570px;
	margin: 0 auto 20px auto;
}