/* ------- BODY CSS ------- */

body {
	background-color: #FEFFE1;
	font-family: Arial, Verdana, sans-serif;
	margin: 0px; padding:0px;
	font: 10pt arial;
	margin: 0px;
	line-height: 100%;
text-align:left;
	}

body.front {
/*	background-image:url("/images/right.jpg");*/
/*	background-repeat:no-repeat;*/
	background-color: #C6E4FE;
/*	background-position:top right;*/

}




/* ------- DIV CSS ------- */

div.front {
	text-align: center;width:950px;margin-left:auto;margin-right:auto;
	background-color: #C6E4FE;
	}

div.header {
	position : relative;
	width:100%;
	height:150px;
	background-color:#C6E4FE;   
	background-image:url("/images/right.jpg");
	background-repeat:no-repeat;
	background-position:top right;}

div.sidemenu {
	position: absolute;
	left: 0px;
	top: 150px;
	width: 170px;
	}

div.topmenu {
	position: absolute;
	left: 0%;
	top: 0px;
	height: 150px;
	width: 100%;
}

div.kithomemenu {
	position: absolute;
	left: 20%;
	top: 155px;
	width: 700px;}
	

#bluebox {
	border: 3px solid #000080;
	background-color:#C6E4FE;
	}
#bluebox a{
	color: #FF0000;
	text-decoration: none
	}
div.700 {
	width:700px;
	margin:auto;
	}
div.wide800 {
	width:800px;
	margin:auto;
	}

#squish {width:900px;margin:auto;}
#squish div{position:relative;float:left;width:auto;padding:0px;margin:0px;}


#listcontainer1,#listcontainer2,#listcontainer3 {width:92%;margin:auto;text-align:left;}
#listcontainer1 p,#listcontainer2 p,#listcontainer3 p{text-align:left;}

#floatingdivs div{float:left;position:relative;padding:10px;height:300px;}

#enquiry div.middleset{width:400px;text-align:right;margin:auto;}

/* ------- TABLE, COLUMNS AND ROWS CSS ------- */


table {margin:0px;padding:0px;width:100%;border-collapse: collapse}
tr {}
td {vertical-align:top;margin:0px;padding:0px;}


#front table {width:950px;}
#enquiry {
	margin-left:auto;
	margin-right:auto;
	border-width: 2px;
	border-style: solid;
	border-color: #CC0000;
	width: 500px;
	border-spacing: 10px;
	padding: 15px;
	background-color: #FFE6B0;
	text-align: left;
	}
#enquiry td {
	padding:10px;
	text-align: left;
	}
#enquiry input{vertical-align:middle;}
	}

table.enquirynarrow {
	margin-left:auto;
	margin-right:auto;
	border-width: 2px;
	border-style: solid;
	border-color: #CC0000;
	width: 400px;
	border-spacing: 10px;
	margin:10px;
	padding: 15px;
	background-color: #FFE6B0;
	}


#front td {vertical-align:top;}

#topmenu td {
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	vertical-align:middle;
	}

td.toplogo { 
	width:400px;
	}

#topmenucontainer table { 
	width:auto;
	margin-left:auto;
	margin-right:auto;
	}


#topmenualignbottom td {
	vertical-align: bottom;
	width: 75px;
	}
#topmenualigntop td {
	vertical-align: top;
	width: 75px;
	}

#sidemenu {
	background-color:#C6E4FE;
	width:170px;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	}

#body {
	height:1600px;
	border-top: 3px solid #000080;
	border-left: 3px solid #000080;
	border-bottom: 3px solid #000080;
	padding:5px
	}

#bottommenu {
	background-color:#C6E4FE;
	height:20px;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	}

tr.menuhead	{
	height: 29px;
	}

td.redright {
	background-image:
	url("/images/redright.gif");
	width: 8px;
	background-repeat:no-repeat;
	}
td.redleft {
	background-image:
	url("/images/redleft.gif");
	width: 9px;
	background-repeat:no-repeat;
	}
td.blueright {
	background-image:
	url("/images/right.gif");
	width: 8px;
	background-repeat:no-repeat;
	}
td.blueleft
	{
	background-image:
	url("/images/left.gif");
	width: 9px;
	background-repeat:no-repeat;
	}
td.bluetitle {
	width:140px;
	background-color:#000080;
	color:#FFFFFF;
	font-weight:bold;
	text-align: center;
	vertical-align:middle;
	}
td.redtitle {
	width:140px;
	background-color:#A1292F;
	color:#FFFFFF;
	font-weight:bold;
	text-align: center;
	vertical-align:middle;
	}
#sideproducts td{
	font-weight:bold;
	text-align: center;
	padding:5px;
	font-size:12px;
	}

table.fixed {width:700px;margin:auto;}

#optionstable {width:auto;margin:auto;display:inline;}
#optionstable td{vertical-align:middle;text-align: center;height:2em;padding:5px;}
#optionstable td.optionstablecolhead{vertical-align:bottom;font-weight:bold;background-color:#FFFFFF;}
#optionstable td.optionstablerowhead{vertical-align:middle;font-weight:bold;background-color:#FFFFFF;}
#optionstable td.optionstabletick{background-position:center;text-align:center;background-image:url("/images/tick.gif");background-repeat:no-repeat;background-color:#FFEEA8;}


#sorttable {width:auto;margin-left:auto;margin-right:auto;}
#sorttable th{cursor:pointer;height:1.8em;text-align:center;padding-left:15px;padding-right:15px;}
#sorttable tr{height:1.8em;}
#sorttable td{padding-left:15px;padding-right:15px;border-bottom-style:dotted;border-bottom-color:orange;border-bottom-width:1px;vertical-align:middle;}


#buildingmaterials td{padding:10px;vertical-align:middle;}

#displaytable1 {border:1px #000080 solid;}
#displaytable1 td{padding:5px;text-align:center;vertical-align:middle;}
#displaytable1 .head{background-color:#000080;color:#ffffff;font-weight:bold;}
#displaytable1 .odd{background-color:#c6e4fe;}
#displaytable1 .even{background-color:#ffffff;}

#displaytable2 {margin:auto;width:auto;}
#displaytable2 td{padding:7px;text-align:center;vertical-align:middle;}
#displaytable2 td.head{background-color:#000080;color:#ffffff;font-weight:bold;text-align:center;}
#displaytable2 td.rowtitle{color:#000000;font-weight:bold;text-align:right;}
#displaytable2 td.colour1{background-color:#ffe6b0;}
#displaytable2 td.colour2{background-color:#c6e4fe;}
#displaytable2 td.colour3{background-color:#fdccd9;}

#picandtext1 table,#picandtext2 table,#picandtext3 table{margin-left:auto;margin-right:auto;width:95%;}
#picandtext1 tr,#picandtext2 tr,#picandtext3 tr{}
#picandtext1 td,#picandtext2 td,#picandtext3 td{padding:15px;vertical-align:middle;}

#tollrolling table.prices{width:500px;margin:Auto;}
#tollrolling td{vertical-align:middle;text-align:center;padding:5px;}
#tollrolling td.head{font-weight:bold}
#tollrolling td.product{text-align:right;font-weight:bold}

/* ------- HEADERTAGS CSS ------- */



h1 {font: 20pt arial;}

h2 {font: 16pt arial;}
#front h2{line-height: 1.5;margin-top:0px;margin-bottom:0px;}

h3 {font: 13pt arial;}
#front h3{margin-top:15px;margin-bottom:0px;}

h4 {font: 10pt arial;}

h1,h2,h3,h4 {
	font-weight:bold;
	color:#000080;
	text-align: center;
	line-height: 1.1;
	}



#overlay h3{margin-top:-1.2em;color:#FFFFFF;}



/* ------- PARAGRAPH CSS ------- */

p {
font: 10pt arial;
font-family: Arial, Verdana, sans-serif;
margin-top: 0;
margin-bottom: 0;
text-align:center;

}

#front P {
font: 8pt arial;
font-family: Arial, Verdana, sans-serif;
text-align:center;
margin-bottom: 1em;
}

#body P {
margin-bottom: 1em;
}


p.emph {font-weight:bold;color:#CC0000;}

p.boldred {font-weight:bold;color:#CC0000;font: 14pt arial;}

p.note {font: 7pt arial;}

/* ------- HYPERLINK AND MOUSOVER CSS ------- */

a {
text-decoration:none;
border-bottom:0px solid #000080;
}



a:hover img {filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;}
a:hover img.nofloat {filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;}


ul#list-menublue {list-style:none; width:156px;margin:7px;}
ul#list-menublue li a {text-decoration:none; display:block; color:#000080; padding:4px;}
ul#list-menublue li a:hover {background:#000080; color:#C6E4FE;}


ul#list-menured ,ul#list-menured2 {list-style:none; width:156px; margin:7px;}
ul#list-menured li a ,ul#list-menured2 li a {text-decoration:none; display:block; color:#000080; padding:4px;}
ul#list-menured li a:hover ,ul#list-menured2 li a:hover {background:#A1292F; color:#FFFFFF}


#overlay a{color:#FFFFFF;}



/* ------- SPAN CSS ------- */

span.note {font: 7pt arial;}



/* ------- IMG CSS ------- */

img {border:0px;}
img.border {border:2px solid;border-color:#d6bd78;}

#buildingmaterials img{float:right;}

img, div { behavior: url(/iepngfix.htc); }


/* ------- LISTS CSS ------- */


ul
{
list-style-type: none;
padding: 0;
margin: 0;
}