/* CSS Document */

/* commented backslash hack v2 to hide from IE/Mac \*/ 
html, body{
	height:100.1%;
	margin:0;
	padding:0;
	background-color: #000;
} 

/* end hack */ 
html, body {
	/*background: #FFF url(/images/tiles.png) repeat-y 50% 0;*/
 	margin: 0;
 	padding: 0;
 	font-family: Arial, Helvetica, sans-serif;
 	font-size: 12px;
	background-color: #000;
 }
	
/* hack for IE/Win */
* html body{ /* some code */}

/* page elements */
a {
	color: #940D0D;
	text-decoration: none;
	}
	
a:hover {
	color: #805234;
	}
	
p {
	margin: 0;
	padding: 10px;
	font-size: 10px;
	color: #000;
	margin-left: 20px;
	width: 300px;
	}
	
* html p {
	margin: 0;
	padding: 10px;
	font-size: 10px;
	color: #000;
	margin-left: 20px;
	width: 300px;
	}
	
#address p {
	margin: 0;
	padding: 0;
	font-size: 10px;
	color: #000;
	margin-left: 20px;
	width: 200px;
	}
	
h1 {
	margin: 0;
	padding-top: 10px;
	padding-left: 20px;
	font-size: 18px;
	font-weight: bold;
	color: #ee3425;
	}
	
h2 {
	margin: 0;
	padding-top: 10px;
	padding-left: 20px;
	font-size: 12px;
	font-weight: bold;
	color: #2a2b81;
	}
	
h3 {
	margin: 0;
	padding-top: 10px;
	padding-left: 20px;
	font-size: 10px;
	font-weight: bold;
	color: #2a2b81;
	}
		

	
/* contains all the page elements */ 
#container {
	font-size: 10px;
	position: relative;
	padding: 0;
	margin: 0 auto;
	width: 780px;
	min-height: 100%;
	height: 100%;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: auto;
	
 }
 
* html #container {
	position: relative;
	width: 780px;
	min-height: 100%;
	height: 100%;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: auto;
 }
  
html>body #container {
    height: auto;
	}
/* header */
#header {
	margin-top: 10px;
	height: 100px;
	background-image: url(_images/header.png);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
* html #header {
	background-image: url(_images/header_ie.png);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
#nav {
	position: absolute;
	left: 0;
	top: 100px;
	height: 20px;
	width: 770px;
	margin: 0;
	/*padding: 0 0 20px 10px;*/
	background-image: url(_images/bluespace.png);	
	}
	
#nav li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
	text-align: center;
	}
	
#nav a {
	line-height: 17px;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	text-decoration: none;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
/* individual menu items */
#home a {
	/*position: absolute;
	left: 0px;*/
	float: left;	
	width: 73px;
	height: 20px;
	background-image: url(_images/button.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
		}
	
#home a:hover, #home a.active {
	/*position: absolute;
	left: 0px;*/
	float: left;	
	width: 73px;
	height: 20px;
	background-image: url(_images/button.png);
	background-repeat: no-repeat;
	background-position: left -20px;
	text-align: center;
	}
	
#profile a {
	/*position: absolute;
	left: 73px;*/
	float: left;	
	width: 73px;
	height: 20px;
	background-image: url(_images/button.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	}
	
#profile a:hover, #profile a.active{
	/*position: absolute;
	left: 73px;*/
	float: left;	
	width: 73px;
	height: 20px;
	background-image: url(_images/button.png);
	background-repeat: no-repeat;
	background-position: left -20px;
	text-align: center;
	}
	

	
#products a {
	/*position: absolute;
	left: 146px;*/
	float: left;
	width: 73px;
	height: 20px;
	background-image: url(_images/button.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	}
	
#products a:hover, #products a.active{
	/*position: absolute;
	left: 146px;*/
	float: left;
	width: 73px;
	height: 20px;
	background-image: url(_images/button.png);
	background-repeat: no-repeat;
	background-position: left -20px;
	text-align: center;
	}

#fugitive a{
	/*position: absolute;
	left: 219px;*/
	float: left;	
	width: 150px;
	height: 20px;
	background-image: url(_images/button_large.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	}
	
#fugitive a:hover, #fugitive a.active{
	/*position: absolute;
	left: 219px;*/
	float: left;	
	width: 150px;
	height: 20px;
	background-image: url(_images/button_large.png);
	background-repeat: no-repeat;
	background-position: left -20px;
	text-align: center;
	}
		
#news a {
	/*position: absolute;
	left: 369px;*/
	float: left;	
	width: 73px;
	height: 20px;
	background-image: url(_images/button.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	}
	
#news a:hover, #news a.active {
	/*position: absolute;
	left: 369px;*/
	float: left;	
	width: 73px;
	height: 20px;
	background-image: url(_images/button.png);
	background-repeat: no-repeat;
	background-position: left -20px;
	text-align: center;
	}
	
#enquiries a {
	/*position: absolute;
	left: 442px;*/
	float: left;	
	width: 73px;
	height: 20px;
	background-image: url(_images/button.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	}
	
#enquiries a:hover, #enquiries a.active {
	/*position: absolute;
	left: 442px;*/
	float: left;	
	width: 73px;
	height: 20px;
	background-image: url(_images/button.png);
	background-repeat: no-repeat;
	background-position: left -20px;
	text-align: center;
	}
	
#contact a {
	/*position: absolute;
	left: 515px;*/
	float: left;	
	width: 73px;
	height: 20px;
	background-image: url(_images/button.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	}
	
#contact a:hover, #contact a.active {
	/*position: absolute;
	left: 515px;*/
	float: left;	
	width: 73px;
	height: 20px;
	background-image: url(_images/button.png);
	background-repeat: no-repeat;
	background-position: left -20px;
	text-align: center;
	}
	
#links a {
	/*position: absolute;
	left: 588px;*/
	float: left;	
	width: 73px;
	height: 20px;
	background-image: url(_images/button.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	}
	
#links a:hover, #links a.active{
	/*position: absolute;
	left: 588px;*/
	float: left;	
	width: 73px;
	height: 20px;
	background-image: url(_images/button.png);
	background-repeat: no-repeat;
	background-position: left -20px;
	text-align: center;
	}
	
#bluespace {
	/*position: absolute;
	left: 611px;*/
	float: left;	
	width: 159px;
	height: 20px;
	background-image: url(_images/bluespace.png);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
#content {
	position: absolute;
	left: 0;
	top: 120px;
	width: 440px;
	height: 292px;
	background-color: #FFFFFF;
	}
	
* html #content {
	top: 130px;
	}
	
#content2 {
	position: absolute;
	left: 0;
	top: 120px;
	width: 770px;
	height: 1192px;
	background-color: #FFFFFF;
	background-repeat:repeat-y;
	}
#content2s {
	position: absolute;
	left: 0;
	top: 120px;
	width: 770px;
	height: 2300px;
	background-color: #FFFFFF;
	background-repeat:repeat-y;
	}	
	
* html #content2s {
	top: 130px;
	height: 1292px;
	}
	
#content2s p {
	width: 350px;
	}
		
	#content3 {
	position: absolute;
	left: 0;
	top: 130px;
	width: 770px;
	height: 2192px;
	background-color: #FFFFFF;
	background-repeat:repeat-y;
	}
	
* html #content2 {
	top: 130px;
	height: 1392px;
	}
	
#content2 p {
	width: 350px;
	}
	
#space {	
	padding: 30px;
	}
	
#sidebar {
	position: absolute;
	left: 437px;
	top: 120px;
	width: 333px;
	height: 292px;
	background-image: url(_images/sidebar.png);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
* html #sidebar {
	top: 130px;
	}
	
#submenu {
	float: left;
	top: 130px;
	left: 0;
	height: 1192px;
	width: 156px;
	background-image: url(_images/submenu.png);
	background-repeat: no-repeat;
	background-position: top left;
	}

#submenus {
	float: left;
	top: 130px;
	left: 0;
	height: 2300px;
	width: 156px;
	background-image: url(_images/submenus.png);
	background-repeat: no-repeat;
	background-position: top left;
	}
		
* html #submenu {
	float: left;
	top: 130px;
	left: 0;
	height: 1392px;
	width: 156px;
	background-image: url(_images/submenu_ie.png);
	background-repeat: no-repeat;
	background-position: top left;
	}
* html #submenus {
	float: left;
	top: 130px;
	left: 0;
	height: 2100px;
	width: 156px;
	background-image: url(_images/submenus_ie.gif);
	background-repeat: no-repeat;
	background-position: top left;
	}
#footer2s {
	position: absolute;
	left: 0;
	top: 2410px;
	width: 770px;	
	height: 28px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	background-image:url(_images/footer2.png);
	background-repeat: no-repeat;
	background-position: left top;
	}	
#footer {
	position: absolute;
	left: 0;
	top: 412px;
	width: 770px;	
	height: 215px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	background-image:url(_images/footer.png);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
* html #footer {
	top: 422px;
	background-image:url(_images/footer_ie.png);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
#footer2 {
	position: absolute;
	left: 0;
	top: 1312px;
	width: 770px;	
	height: 28px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	background-image:url(_images/footer2.png);
	background-repeat: no-repeat;
	background-position: left top;
	}
* html #footer2s {
	top: 2200px;
	background-image:url(_images/footer_ie.png);
	background-repeat: no-repeat;
	background-position: left top;
	}	
#footer3 {
	position: absolute;
	left: 0;
	top: 2312px;
	width: 770px;	
	height: 28px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	background-image:url(_images/footer2.png);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
* html #footer2 {
	top: 1522px;
	background-image:url(_images/footer_ie.png);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
#greyband {
	position: absolute;
	left: 0;
	top: 454px;
	width: 770px;
	height: 152px;
	background-image: url(_images/greyband.png);
	background-repeat: no-repeat;
	background-position: left top;
	}
	


 dl.images
{
border: 1px solid #fff;
background-color: #ddd;
width: 119px;
text-align: center;
padding: 0 0 0px 0;
float: left;
margin-left: 0.62em;
}

* html dl.images {margin: 11px 0 2px 6px;}



.images dt { 
	font-weight: bold; 
	font-size: 12px;
	color: #333333;
	}


.images dt img
{
width: 119px;
height: 108px;
padding: 0;
}

#main li {
	list-style-type: none;
	background-image: url(_images/bullet.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 5px 0 5px 20px;
	margin-left: 20px;
	}
	
* html #main li {
	list-style-type: none;
	background-image: url(_images/bullet_ie.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0;
	margin-left: 20px;
	padding-left: 20px;
	}
	

	
dl {
	margin-left: 20px;
	}

/* form elements */
.widebox {
	width: 300px;
}

.textarea {
	width: 300px;
	height: 100px;
	}

form {
	margin-left: 15px;
	padding-left: 15px;
	}
	
form dd {
    margin: 0;
	padding-bottom: 5px;
    }
	
.rad {
	margin-left: 45px;
	}
		
.button {
	margin-top: 10px;
	margin-right: 5px;
	width: 100px;
	}
	
/* tree menu rules */
ul, li {
	
	margin: 0;
	padding: 0;
	color: #990000;
	list-style-type: none;
	}
	
li {
	margin: 10px;
	}
	
* html li {
	margin: 5px;
	}
	
ul li ul {
	display: none;
	}
	
ul li ul li {
	padding-left: 20px;
	background-image: url(_images/bullet.png);
	background-repeat: no-repeat;
	background-position: -3px;
	}
	
* html ul li ul li {
	padding-left: 15px;
	background-image: url(_images/bullet_ie2.png);
	background-repeat: no-repeat;
	background-position: -3px;
	}
	
#tree a {
	text-decoration: none;
	font-size: 10px;
	font-family: "Century Gothic", Helvetica, sans-serif, Verdana;
	font-weight: bold;
	color: #fff;
	}
	
* html #tree a {
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 5px;
	}
	
#tree a:hover, #tree a.active {
	color: #df2827;
	}
	

#products li {
	margin-left: 10px;
	padding-left: 30px;
	padding-bottom: 1px;
	line-height: 15px;
	background-image: url(_images/bullet.png);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
	
* html #products li {
	margin-left: 30px;
	padding-left: 190px;
	background-image: url(_images/bullet_ie.png);
	background-repeat: no-repeat;
	background-position: 170px top;
	}
	
#rubberLists li a{
	margin-left: 10px;
	padding-left: 30px;
	padding-bottom: 1px;
	line-height: 15px;
	background-image: url(_images/bullet.png);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
/* images */
#image {
	position: absolute;
	top: 10px;
	right: 150px;
	width: 108px;
	}
	
* html #image {right: 0px;}
	
/* for multiple images on page */
#image2 {
	position: absolute;
	top: 151px;
	right: 150px;
	width: 108px;
	}
	
* html #image2 {right: 0px;}

#image3 {
	position: absolute;
	top: 292px;
	right: 150px;
	width: 108px;
	}
	
* html #image3 {right: 0px;}

#image4 {
	position: absolute;
	top: 433px;
	right: 150px;
	width: 108px;
	}
	
* html #image4 {right: 0px;}

#image5 {
	position: absolute;
	top: 574px;
	right: 150px;
	width: 108px;
	}

* html #image5 {right: 0px;}

#image6 {
	position: absolute;
	top: 715px;
	right: 150px;
	width: 108px;
	}

* html #image6 {right: 0px;}


/* smaller images */
#image_small {
	position: absolute;
	top: 0px;
	right: 150px;
	width: 108px;
	}
	
* html #image_small {right: 0px;}
	
/* foam images in dl */
 dl.foamImages
{
border: 1px solid #fff;
width: 84px;
text-align: center;
padding: 10px 0 0px 0;
float: left;
margin-left: 7.00em;
}

* html dl.foamImages {margin: 11px 0 2px 6px;}



.foamImages dt { 
	font-weight: bold; 
	font-size: 10px;
	color: #333333;
	}


.foamImages dt img
{
width: 84px;
height: 68px;
padding: 0;
}

/* primary suppliers images in dl */
 dl.primaryImages
{
border: 1px solid #fff;
text-align: center;
padding: 10px 0 0px 0;
float: left;
margin-left: 7.00em;
}

* html dl.primaryImages {margin: 11px 0 2px 6px;}



.primaryImages dt { 
	font-weight: bold; 
	font-size: 10px;
	color: #333333;
	}


.primaryImages dt img
{
padding: 0;
}

/* table rules */
table {
	padding-top: 15px;
	}

th {
	background-color: #CCCCCC;
	}

td {
	text-align: center;
	height: 25px;
	}
	
th, td {
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	font-size: 9px;
	}

/* key rules */
#key {
	height: 20px;
	margin: 10px;
	padding: 0 0 20px 10px;
	}
	
#key li {
	padding-left: 30px;
	display: inline;
	list-style-type: none;
	text-align: center;
	}
	
#red {
	padding-left: 30px;
	background-image: url(../../_images/red_dot.gif);
	background-repeat: no-repeat;
	background-position: left center;
	}
	
#blue {
	padding-left: 30px;
	background-image: url(../../_images/blue_dot.gif);
	background-repeat: no-repeat;
	background-position: left center;
	}
	
#green {
	padding-left: 30px;
	background-image: url(../../_images/green_dot.gif);
	background-repeat: no-repeat;
	background-position: left center;
	}
	
#black {
	padding-left: 30px;
	background-image: url(../../_images/black_dot.gif);
	background-repeat: no-repeat;
	background-position: left center;
	}