body {
	font-family: Verdana, Arial, Helvetica, serif;
	line-height: 1.6em;
	background: #369;
	color: black;
	margin: 0;
	padding: 0;
	font-size:.9em;
	}
/* menu setup for active page */

body.index #menu li#home a,
body.upvc-why #menu li#upvc-why a,
body.upvc-sound #menu li#upvc-sound a,
body.upvc-heat #menu li#upvc-heat a,
body.upvc-designs #menu li#upvc-designs a,
body.upvc-techdata #menu li#upvc-techdata a,
body.upvc-projects #menu li#upvc-projects a,
body.upvc-faq #menu li#upvc-faq a,
body.aluminium #menu li#aluminium a,
body.screens #menu li#screens a,
body.about #menu li#about a,
body.contact-details #menu li#contact-details a,
body.contact-details #menu li#contact-map a,
body.contact-enquiry #menu li#contact-enquiry a
{
	color: #eee;
	background: url(../images/site/bg-menu.gif) #369;
}

h1,h2,h3,h4,h5,h6	{
	font-family: Arial, Tahoma, Verdana, Helvetica, serif;
	font-weight: 900;
	margin-left:8px;
	}
h1	{
	color: #369;
	text-align: center;
	font-size: 130%;
	}
h2	{
	color: #369;
	text-align: center;
	font-size: 120%;
	}
h3	{
	color: #369;
	font-size: 110%;
	}
h4	{
	font-size: 100%;
	}
h5	{
	font-size: 100%;
	color: #666;
	text-align:center;
	margin:0;
	padding:0
	}
p	{
	margin: 6px 4px;
	padding: 6px 4px;
	}
th	{
	font-family: Arial, Helvetica, serif;
	background: #369;
	color: white;
	}
td	{ vertical-align: top; }
td img { display: block; }
ul	{ margin: 1em 2em 1em; }
li 	{ }
legend {font-weight: bold; color: #c33 }
fieldset {
	width:95%;
	margin:3px;
	border:1px solid #636;
	text-align:center;
	font-family:arial,serif;
	color:#636;
	}

/* Links */

a img 	{ border: none; }
a 		{ text-decoration: none; }
a:link 	{ color: #933; }
a:visited 	{ color: navy; }
a:hover		{ color: #933; text-decoration: underline; }
a:active 	{ color: #933; text-decoration: underline; }

img {border:none}
hr {
    height:1px;
    width:100%;
    background:#636;
    margin:1px;
   }

.address	{
	border: 1px solid #999;
	margin: 2px 0;
	padding: 2px;
	background: #ccc;
	}
.address p	{
	font-weight: bold;
	margin: 0;
	padding:0;
	line-height:1.2em;
	}
.aster	{
	font-weight: bold;
	font-size: 110%;
	color: #636;
	margin: 0 0 0;
	}
.box	{
	color: #606;
	width: 85%;
	border: 2px solid #369;
	padding: 6px;
	background: #ddd;
	margin: 0 auto;
	text-align: center;
	}
.boxblue	{
	font-weight: bold;
	font-style: italic;
	color: white;
	width: 85%;
	border: 2px solid #636;
	padding: 8px;
	background: #369;
	margin: 0;
	}
.boxsmall {
	width:200px;
	border:1px solid #369;
	font-size:90%;
	line-height:1.2em;
	font-family: arial,helvetica,sans-serif;
	}
.boxtable	{
	color: #606;
	border: 2px solid #369;
	padding: 6px;
	margin: 6px;
	background: #ddd;
 	line-height:1.6em;
 	margin-right:220px;
 }
.bulletLg {
	color:#369;
	font-size: 120%;
	}
.buttonGo {
	font-size:95%;
	width:30px;
	background: #369;
	color:white;
	}
.center {
	margin: 0 auto;
	text-align: center;
	}
.chart table {
	border:1px solid black;
	padding:2px;
}
.chart table th, .chart table td {
	font-family: Arial, Helvetica, serif;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	margin: 2px;
	padding: 2px;
	width: 50px;
}
.chart td.question {
	width:100%;
	text-align:left;
}
.chart td.number {
	width:4px;
	text-align:left;
	vertical-align: top;
}
.chartborder {
	border: 1px solid #ccc;
	margin: 0;
	padding: 2px;
	background: white;
	}
.copy	{
	font-family: Arial, Helvetica, serif;
	text-align: left;
	line-height: 1em;
	padding: 0;
	margin: 0;
	}
.errortext {
	color: #c33;
	}
}
ul.faq {
	list-style-type: none;
	}
.flL {float:left}
.flR {float:right}
.flL1 {float:left; margin-top:24px; margin-left:14px}
.form	{
	border: 1px solid #999;
	margin: 2px 0;
	padding: 2px;
	background: #eee;
	}
.form p	{
	font-family: Arial, Helvetica, serif;
	font-weight: bold;
	margin: 0;
	}
.formcontent {
	font-family: Arial, Helvetica, serif;
	line-height: 1.2em;
	margin: 20px 8px 8px;
	border: 1px solid #636;
	padding: 20px;
	}
.iconLeft {
	float:left;
	margin-right:6px;
	background: url(../images/site/window_open.gif);
	width:16px;
	height:25px;
	}
.imgB {margin:8px; border:1px solid black}
.imgLeft {
	float:left;
	margin:8px 8px 8px 0;
	}
.imgLine {
	margin:0 auto;
	padding-bottom:8px;
	}
.imgLine img {
	padding:2px;
	}
.imgLine td {vertical-align:top}

.imgRight {
	float:right;
	margin:8px 0 8px 8px;
	}
.label	{
	font-weight: bold;
	font-style: italic;
	background-color: #369;
	color: white;
	}
.m4 {margin:4px}
.mp0 {margin:0; padding:0;}

fieldset.letter {
	padding-top:8px;
	background:#eee;
	}
fieldset.letter fieldset {
	text-align:left;
	color:black;
	background:white;
	}
fieldset.letter fieldset p {
	font-size: 90%;
	line-height:1.2em;
	margin:2px;
	padding:2px;
	}
.lista ,
.listq {
	margin:4px 4px 0;
	padding:4px 4px 0;
	clear:left;
}
.listq {
	margin:16px 4px 0;
	padding:16px 4px 0;
	color: #369;
	font-style: italic;
	font-weight: bold;
	}
.lista:first-letter ,
.listq:first-letter {
	margin:-4px 14px 0 0;
	padding:0;
	font-size:180%;
	float:left;
	font-style: italic;
	font-weight:normal;
	}
li.listq:before {
	display: marker;
	content: "Q";
/*
	  LI:before {
	      display: marker;
	      content: counter(mycounter, lower-roman) ".";
	      counter-increment: mycounter;
	  }
*/
	}
li.lista:before {
	display: marker;
	content: "A";
	}
.mand	{
	font-weight: bold;
	color: #C33;
	margin: 0;
	}
.mandtext {
	font-weight: normal !important;
	color: #c33;
	margin-top: 90px !important;
	}
.nav	{
	font-family: Arial, Helvetica, sans-serif;
	color: #636;
	text-align: right;
	margin: 0;
	}
.nav_flash {
	margin:0;
	padding:0;
	line-height:1em;
	text-align:right;
	font-family:arial,sans-serif;
	font-size:80%;
}
.nav_option {
	margin:0;
	padding:0;
	line-height:1em;
	text-align:right;
	font-family:arial,sans-serif;
	font-size:85%;
}
.note	{
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	margin: 8px;
	line-height: 1em;
	font-size:90%;
	}
p.numberbg {
	text-align:left;
	font-size:90%;
	line-height: 1em;
	padding:0;
	margin:0 0 0 10px;
	}
p.numberbg:first-line {
	font-weight:900;
	}
.rowalt {background: #eee;}
form.search {
	margin:4px;
	padding:1px;
	border:1px solid #069;
	}
form.search p, form.search input {
	width:80%;
	font-family:arial,sans-serif;
	margin:0;
	padding:0;
	color: #666;
	}
.soundchart {
	padding:2px;
	margin:2px;
}
.spacer	{
	clear: both;
	}
.tblsm {margin-left:10px; border:1px solid black; text-align:left}
.tblsmc {text-align:center;}
.tblsm p {margin:0; padding:0}
.txtl {text-align:left}
.txtc {margin:0 auto; text-align:center}
.txtr {text-align:right}

#pageHeader {
	width: 100%;
	height: 151px;
	background: url(../images/site/bg-header.gif) #369;
	padding: 0;
	margin: 0;
	}
#content	{
	width: 68%;
	padding:16px 4px 8px 16px;
	margin:0;
	}
#contentHome	{
	width: 65%;
	padding:16px 0 4px 16px;
	margin:0;
	}
#columnLeft, #columnRight {
	vertical-align: top;
	padding:0;
	margin:0;
	}
#columnLeft {
	font-size:90%;
	background: url(../images/site/wmark.gif) repeat-y white;
	width: 130px;
	}
#columnRight {
	background: url(../images/site/wmark.gif) repeat-y white 100% 0;
	width: 110px;
	padding:2px;
	}
#columnRightHome {
	text-align: center;
	font-size:90%;
	min-width:160px;
	background:#eee;
	border-left:10px solid #864D86;
	border-right:0px solid #864D86;
	padding:2px;
	margin:0 auto;
	}
#footer	{
	width:100%;
	padding:0;
	margin:0;
	background:#369;
	border:1px solid #636;
	font-size:95%;
	}
#footer p {
	font-family: Arial, Helvetica, serif;
	text-align: center;
	line-height: 1.2em;
	padding: 2px;
	margin: 2px;
	}
#footer .p2 {
	border-top:1px solid #636;
	font-size:90%;
	}
#footer A:link { color: #6CF }
#footer A:visited { color: #ccc }
#menu {
	position: relative;
	top:151px;
	left: 3px;
	top:0;
	padding:1px;
	width: 127px;
	background:url(../images/site/bg-window-sm.gif) #eee;
	line-height:1em;
	text-align:left;
	}
#menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	}
#menu li {
	margin: 2px 0;
	padding:0;
	}
#menu .lvl0 a {
	font-weight:900;
	min-height:22px;
	padding: 2px 0 0;
	}
#menu li a {
	display: block;
	padding: 4px 0;
	width: 123px;
	border: 1px solid #ddd;
	color: #369;
	text-decoration: none; /* */
	}
#menu li a:visited {
	color: #666;
	text-decoration: none; /* */
	}
#menu li a:hover {
	border: 1px solid #ddd;
	background-color: white;
	color: #369;
	}
#news {
	font-family: Arial, Helvetica, serif;
	line-height:1.2em;
	text-align: left; !important
	margin: 0 2px 8px 12px;
	color: #666;
	}
#news P {margin:0 4px 0 4px}
#news .head {
	line-height:1.3em;
	font-weight:bold;
	font-style:italic;
	font-size:110%;
	margin:0;
	padding:0;
	color: #636;
	}