body {		font-family: arial, helvetica, "times new-roman";
			font-size: 100%;  clear: both; white-space: normal; color: black;
			padding: 0 0 0 0; }
			
        .red           {color: red; padding: 4px;  font-weight: bold;}
        .white         {color: white; padding: 4px; font-size: 0.75em; margin: 0;}
        .whcen         {color: white; padding: 4px; font-size: 0.75em; text-align: center; line-height: 1.2 }

        .sm            {font-size: 80%;}
        
        .strike        {text-decoration: line-through;}
        
        .center        {text-align: center; }
        
        .main	{       font-size: 0.75em; font-weight: bold; color: white; background: #666699;
			padding: 6px; margin: 0 0 0 0; text-align: center; white-space: normal;
			clear: both; line-height:  }
			
         .whblue	{font-size: 0.75em; color: white; background: #666699; padding: 6px; 
                        margin: 0 0 0 0; white-space: normal; clear: both;  }

        .mainbreak {  font-size: 0.75em; font-weight: bold; color: white; background: #666699; padding: 6px;
		      margin: 8px 0 0 0; text-align: center; white-space: normal; clear: both; }


        .large {       font-size: 0.9em; font-weight: bold; color: white; background: #666699;
			padding: 10px; margin: 0 0 0 0; text-align: center; white-space: normal; }


	.small	   {    font-size: 0.85em; font-weight: normal;
                 	padding: 4px;  margin: 0 0 0 0; white-space: normal; }
                 	
	.smaller   {    font-size: 75%; font-weight: normal;
                 	padding: 2px;  margin: 0 0 0 0; white-space: normal; }

	.smalldark {    font-size: 0.65em; font-weight: bold; color: white; background: #003366;
			padding: 6px; margin: 0 0 0 0; text-align: center; white-space: normal; }

	.foot      {   padding: 0.5em; font-size: 70%; color: white; font-weight: bold; background: #003366;
			text-align: center; clear: both; margin: 25px 0 0 0; white-space: normal; }

	.rights	{    	font-size: 65%;  font-color: black; text-align: center;  white-space: normal; 	}



		h1 {	font-size: 1em; background: #000033; padding: 0.2em;  color: white;
                        margin: 0px 0 0 0; text-align: center;	white-space: normal; }

      		h2 {    font-size: 1em; color: white; background: #000033; padding: 0.4em;
			margin: 8px 0 0 0; text-align: center;  white-space: normal; }

		h3 {    font-size: 0.9em; color: white; background: #003366;
			padding: 0.4em;	margin: 10px 0 0 0; text-align: center; white-space: normal;}

		h4 {    font-size: 0.9em; color: white; background: #003366; padding: 0.4em;
			margin: 0 0 0 0; text-align: center; white-space: normal;}

		h5 {    font-size: 0.8em; color: white; background: #003366; padding: 0.4em;
			margin: 0 0 0 0; text-align: center; white-space: normal; }

		h6 {  	font-size: 0.8em; color: white; background: #003366; padding: 0.4em;
			margin: 18px 0 0 0; text-align: center; white-space: normal; clear: both;}


		a:link { color: white; text-decoration: underline; }
		a:visited {color: white; text-decoration: underline;}
		a:hover {color: yellow }
		a:active {color: #cccccc; }


.menu 				{position: relative; height: 129px; width: 120px; z-index:100;
				margin: 0 0 38px 0; border:10px, }
.menu a.p1, #menu a.p1:visited 	{position: relative; display:block; width:120px;
				height:129px; text-decoration:none; top:0; left:0; border:0;}
.menu a img 			{border:0; margin: 0 0 0px 0;}
.menu a.p1:hover 		{text-decoration:none; color:#000; margin: 0 0 0px 0;}
.menu a .large 			{display:none; position:relative; width:0; height:0;
				border:0; top:0; left:0;}
.menu a.p1:hover .large		{display:block; position:absolute; top:-350px; left:-200px;
				width:300px; height:350px; border: 1px; z-index:99;}

#info {z-index:100; height:22em;}


.accessaid  {    position: absolute; height: 0;  overflow: hidden; }

#header     {	position: static; background: #666699;	height: 80px; z-index: 1;
                        border: solid; border-width: 20px 0 0 8px; border-color: #666699; overflow: visible; }

#search     {   position: absolute; top: 40px; right: 10px; font-color: white; font-size: 70%; 	}

#navigation {   position: absolute; top: 232px; left: 0; width: 127px; color: white; ;
			background: #003366; font-weight: bold; font-size: 70%; padding: 0 0 0 7px;  }

#navigation ul {  margin: 0 0 1em 0; padding: 0; list-style: none; background: #003366; }

#navigation ul a { color: white;  text-decoration: none; display: list-item;
			background: #003366;  padding: 0 0.2em;   margin: 0 1em 1px 1em; }

#navigation a:visited { color: #ccc; }

#navigation a:hover { background: #666699; }

#navigation2 {  position: absolute;  top: 0px; 	right: 0px; width: 145px;  color: white;
			background: #003366;  font-weight: bold;  font-size: 70%; padding: 0 0 0 0px;	}

#navigation2 ul { margin: 0 0 0 0; padding: 5px; list-style: none; background: #003366; }

#navigation2 ul a { color: white;  text-decoration: none; display: inline;
		       	background: #003366; padding: 0 0.2em;   margin: 0 1em 1px 1em; }

#navigation2 a:visited { color: #ccc;  }

#navigation2 a:hover {	background: #666699; }

#navigation3 { position: relative; text-align: center; left: 80px; width: 560px; height: 10px; color: white;
                       background: ; font-weight: bold; font-size: 70%; padding: 0px; margin: 15px; clear: both;}

#navigation3 ul { padding: 5px; list-style: none; background: #003366; text-align: center; }

#navigation3 ul a { color: white; text-decoration: none; display: inline;  background: #003366;
			padding: 0 0.2em; text-align: center; margin: 0 1em 1px 1em;  }

#navigation3 a:visited { color: #ccc; }

#navigation3 a:hover {  background: #666699;  }

#content {    	xpadding: 1px 1em 1em 1em; padding: 1px 20px 2em 20px; border-left: 134px solid #666699; white-space: normal; }

#contenttego {  xpadding: 1px 1em 1em 1em; padding: 1px 20px 2em 20px; border-left: 134px solid #666699;
			background: url(http://www.kasshopfitting.co.uk/images/Tego_plan2.gif) repeat; }

#table {    	font-size: 100%; color: #000033; font-weight: normal; background: white; text-align: center;
			margin: 0px 0 10px 0; padding: 0px 0 0px 0; white-space: normal; }

#table p {     font-size: 80%; color: #000033; font-weight: normal; background: white; text-align: center;
			margin: 0px 0 0px 0; padding: 1px 0 1px 0; white-space: normal; line-height: 1.4em; }

	#table p.super	{  position: relative; top: 0.3em; }

        #table p.sub	{  position: relative;  bottom: 0.5em;	}

        #table p.small	{ font-size: 80%; color: #000033; font-weight: normal; background: white;
			text-align: center; margin: 0px 0 0px 0; padding: 1px 0 1px 0; white-space: normal; }

	#table p.head	{ font-size: 80%; color: white; font-weight: bold; text-align: center;
			margin: 0px 0 0px 0; padding: 0; white-space: normal; background: #666699; }

	#table p.smallhead { font-size: 70%; color: white; font-weight: bold; text-align: center;
			margin: 0px 0 0px 0; padding: 0; white-space: normal; background: #666699;  }

	#table a:link {color: #666699; text-decoration: underline}
	#table a:visited {color: purple; text-decoration: underline;}
	#table a:hover {color: gray}
	#table a:active {color: black}


	#about { font-family: arial, helvetica, "times new-roman"; font-size: 0.8em; padding: 5px; line-height: 1.4em; display: block; background-image: url(images/shelving_background.jpg)}
        #about a:link {color: black;}
        #about a:visited {color: black;}

	.slatwall  {  float: right; width: 424px; height: 250px; margin: 0px 0px 0px 0px; border: 0px solid #666699;
			background-color: #666699; white-space: normal; }

	.slatwall p {   font-size: 75%; color: white; font-weight: bold; ;
			text-align: center; font-family: arial, helvetica, "times new-roman"; }

        .slatwall .small { font-size: 0.8em;  color: white; font-weight: normal; background: #666699;
			text-align:center; margin: 0;	padding: 5px 0 5px 0;  	}

	.slatwall2	{  float: right;  width: 297px; height: 380px; margin: 0px 0px 0px 0px;
			border: 0px solid #666699;  background-color: #666699;  white-space: normal; }

	.slatwall2 p {   font-size: 0.75em; color: white;  font-weight: bold;  background: #666699;
			text-align:center;  margin: 0 2px 0 2px;  padding: 5px 0 5px 0; }

        .slatwall2 .small {  font-size: 0.65em; color: white; font-weight: normal; background: #666699;
			text-align: center;  margin: 0; padding: 5px 0 5px 0; 	}

	.slatwall2 .normalleft	{font-size: 0.75em; font-weight: normal;  color: white; background: #666699;
                                 padding: 4px; margin: 0; text-align: left; white-space: normal;  }

	.slatwall2 .bold  { font-size: 1em; font-weight: bold; color: white; background: #666699;
			   padding: 6px; margin: 0 0 0 0; text-align: left; white-space: normal; }

        .slatwalllh  {  position: relative; margin: 0px 420px 0px 0px; border: 0px solid #666699; }

        .slatwalllh2 { position: absolute; top: 141px; left: 154px; margin: 0px 420px 0px 0px; border: 0px solid #666699;}

	.slatwalltable	{font-size: 0.75em; color: white; font-weight: bold; background: #003366;
                         text-align:center; margin: 12px 2px 0 2px; }

	.slatwalltable p { font-size: 0.95em; color: white; font-weight: bold; background: #003366;
			text-align: center; margin: 0 px 0 px; 	}

	.slatwall3	{ float: right; width: 424px; height: 430px; margin: 0px 0px 0px 0px;
                          border: 0px solid #666699; background-color: #666699; white-space: normal; }

	.slatwall3 p {   font-size: 75%; color: white; font-weight: bold; background: #666699;
			text-align:center; margin: 0 10px 0 10px; padding: 5px 0 5px 0; }

	.slatwall3 .small { font-size: 0.8em; color: white; font-weight: normal; background: #666699;
			text-align:center; margin: 0; padding: 5px 0 5px 0; }

	#slatwallreverse { width: 424px; height: 441px; margin: 0px 0px 0px 0px;  border: 0px solid #666699;
			background-color: #666699; white-space: normal; 	}

	#slatwallreverse p { font-size: 75%; color: white; font-weight: bold; background: #666699;
			text-align:center; margin: 0 10px 0 10px; padding: 5px 0 5px 0; }

	#floatright {   float: right; }


	.boxcen {       position: relative; margin: 15px 30px 15px 20px; border: 0px solid #003366; clear: both;}

	.boxcen p {     font-size: 75%;	color: white; font-weight: bold; background: #666699; text-align:center;
			margin: 0; padding:   }

	.boxlhcoltop {  display: block; margin: 15px 552px 0px 0px; border: 2px solid #666699; white-space: normal; }

	.boxlhcoltop p { font-size: 70%; color: white;	font-weight: bold; background: #666699; text-align:center;
			margin: 0; padding: 5px 0 5px 0; white-space: normal;	}

        .boxlhcol {    display: block; margin: 8px 552px 0px 0px; border: 2px solid #666699; white-space: normal; }

	.boxlhcol p {  	font-size: 70%;	color: white; font-weight: bold; background: #666699; text-align:center;
			margin: 0; padding: 5px 0 5px 0; white-space: normal; }

	.boxrhcoltop { 	float: right; margin: 15px 0px 0px 14px; border: 2px solid #666699; }

	.boxrhcoltop p { font-size: 70%; color: white; font-weight: bold; background: #666699; 	text-align: center;
			margin: 0; padding: 5px 0 5px 0; white-space: normal; }

	.boxrhcoltop2 { float: right; margin: 15px 0px 0px 0px; border: 2px solid #666699; white-space: normal; }

	.boxrhcoltop2 p {font-size: 70%; color: white; font-weight: bold; background: #666699; text-align: center;
			margin: 0; padding: 5px 0 5px 0; white-space: normal; }

	.boxrhcol {   	float: right; display: block; margin: 8px 0px 0px 14px; border: 2px solid #666699;
			white-space: normal; 	}
        
        .boxrhcol2 {   	float: right; display: block; margin: 8px 0px 0px 14px;
			white-space: normal; 	}

	.boxrhcol p {   font-size: 70%;	color: white; font-weight: bold; background: #666699; text-align: center;
			margin: 0; padding: 5px 0 5px 0; white-space: normal; }

	#container {	position: relative; width: 856px; /* width + border for IE 5.x */
			w\idth: 850px; /* real width */ border-right: 5px solid #666699;
			border-width: 0 3px; margin: auto; white-space: normal;    }

	#tego        {  float: right; width: 530px; height: 725px; margin: 0px 0px 10px 0px; border: 0px solid #666699;
			background-image: url(images/tego_grocery2.jpg); background-repeat: no-repeat; white-space: normal; }

        #tego2       {  float:left; width: 125px; height: 725px; margin: 0px 0px 0px 0px;
                         border: 0px solid #666699;  background-color:; white-space: normal;  }
                         
        #tego3           {position: relative; clear: both; white-space: normal;}

        #concept     {  width: 678px; height: 900px; margin: 0px 0px 0px 0px;
                          background-color:; white-space: normal; }

        #gridwall     {  width: 678px; height: 380px; margin: 0px 0px 0px 0px;
                         border: 0px solid #666699;  background-color:; white-space: normal; }

	#contact  {     position: absolute; top: 120px; left:0; width: 114px; height: 104px; background: black;
			padding: 5px; border: solid; border-width: 0px 0 0 10px; border-color: black; z-index: ;}

	#imagebox {     position: absolute; top: 146px; left: 160px;	}

	#jazz     {     width: 600px; height: 71px; background: #333333; float: right; margin: 0px 0 0 0px;}

	#more     {      position: absolute; top: 75px; left:320px; width: 414px;  }
	#xmas     {      position: absolute; top: 30px; left:350px; width: 214px; height: 20px;  }

	#spod     {   	position: absolute;  clip: rect(10px 50px 30px 10px); }
	
	#new           {font-size: 60%; padding: 5px;}

	#new a:link    {color: black; text-decoration: underline; }
	#new a:visited {color: #333333; text-decoration: underline;}
	#new a:hover   {color: red; }
	#new a:active  {color: #000066; }
	 .breadcrumb { color: #333;}
         .youarehere { color: #666;}

	#sale {         width: 448px; height: 150px; background: #000033; float: right; margin: 7px 0 0 0;}
        #sale2 {        width: 225px; height: 150px;  margin: 7px 0 0 0;}
        
        #joinery {         width: 140px; height: 350px; background: ; float: right; margin: 7px 30px 0px 0px;}
        #joinery2 {        width: 500px; height: 350px;  margin: 7px 0 0 0;}
	</style>