/* CSS Document */

div { 
 margin:0; 
 padding:0; 
 
} 

body { 
background:#ab0232;
font:normal 62.5% Verdana, Arial, Helvetica, sans-serif;
text-align:center;
margin:0;
padding:0;
color: #333;
} 
img{
	border:none;
}

/* ---------------
   Links
   --------------- */
a {
text-decoration: none;
font-weight:normal;

}
   
/*stancold*/
#products-feature a.plaintext {font-size: 100%;color: #000000; font-weight:normal;}
#products-feature a.plaintext:link {font-size: 100%;color: #000000; font-weight:normal;}
#products-feature a.plaintext:visited {font-size: 100%;color: #000000; font-weight:normal;}
#products-feature a.plaintext:hover {font-size: 100%;color: #000000; text-decoration: underline; font-weight:normal;}
#products-feature a.plaintext:active {font-size: 100%;color: #000000; font-weight:normal;} 

.hpage-products {
	/*
padding-left:0px;
padding-right:0px;
padding-top:0px;
padding-bottom:12px;
*/
padding:0px;


}
.hpage-product-leftcell-top{
	/*
padding-left:4px;
padding-right:4px;
padding-top:0px;
padding-bottom:0px;
*/
padding:0px;

}
.hpage-product-leftcell-middle{
/*
padding-left:4px;
padding-right:4px;
padding-top:4px;
padding-bottom:4px;
*/
padding:0px;


}
.hpage-product-leftcell-btm{
	/*
padding-left:4px;
padding-right:4px;
padding-top:0px;
padding-bottom:0px;
*/
padding:0px;


}
.hpage-product-rightcell{
/*	
padding-left:15px;
padding-right:4px;
padding-top:0px;
padding-bottom:0px;
*/
padding:0px;

font-size: 80%;
vertical-align:middle;

}

/* ---------------
   Layout elements
   --------------- */
/* The container and descendants */
#container { 
width:760px; 
margin:0 auto 0 auto;
padding: 0 0 5px 0; 
background:#FFF; 
}
/* The top container and descendants */
#topcontainer { 
width:760px; 
margin:10px auto 0 auto; 
}
/* The masthead and descendants */
#masthead { 
height:102px; 
}
/* The main image and descendants */
  #sideimage { 
    float:right; 
    width:150px;
	font-size:1.1em; 
    line-height:150%; 
   
    }
	#topgutter { 
    float:right; 
    width:6px;
	font-size:1.1em; 
    line-height:150%; 
   
    }


#mainImage {
width:604px; 
background-color:#FFF;
border:solid;
border-color: #FFF;
border-width: 0 0 0 0;
}
/* The main nav and descendants */
#mainNav {
width:760px;
font-family:Arial, Helvetica, sans-serif;
background-color:#b1b3b4; 
color: #CCC;
margin: 0;
padding: 3px 0 5px 0;
border:solid;
border-color: #FFF;
border-width: 6px 0 6px 0;
}
#mainNav ul {
list-style:none;
margin: 0;
padding:0;
}
#mainNav li {
display:inline;
margin:0 10px 0 0;
padding:0;
line-height:200%;
}
#mainNav li a:link, #mainNav li a:visited {
font-weight:bold;
text-decoration:none;
font-size:1.2em;
color:#fff;
/*padding: 5px 5px 2px 5px;*/
padding: 5px 2px 2px 2px;

}
#mainNav li a:hover {
font-weight:bold;
color:#333;
/*padding: 5px;*/
padding:2px;
}
#mainNav li a.active {
	color:#333;
}	

/* The main column and descendants */ 
  #mainCol { 
    float:right; 
    width:604px;
	font-size:1.3em; 
    line-height:150%; 
    color:#333;  
    text-align:left; 
	border-right: #fff solid 6px;
    } 
#mainCol p { 
/*margin-top: 5px;*/
margin:0;
padding:2px 20px 6px 24px;
width:556px;
text-align: justify; 

}

/* The sidebar and descendants */ 
  #sidebar { 
    float:right; 
    width:150px;
	font-size:1.1em; 
    line-height:150%;
	text-align:left;	 
} 
#sidebar ul {
list-style:none;
margin: 30px 0;
padding:0;
}

#sidebar ul li ul{
list-style:none;
margin: 0;
padding:0;
}




#sidebar li {
/*background:  #ededed url(images/resources/bullets-black.gif) no-repeat left center;*/
/*background: #ededed url(images/resources/bullet.gif) no-repeat;*/
background: #ededed url(images/resources/bullets-black.gif) no-repeat;
background-position: 3px 8px;
padding: 4px 0 4px 15px;
font-weight:bold;
border-bottom: #fff solid 3px;
}
#sidebar li.listtitle{
background:#777;
}
#sidebar li.down{
background: #ededed url(images/resources/bullets-black-down.gif) no-repeat;
background-position: 3px 8px;
}

#sidebar li a:link, #sidebar ul li ul li a:link {color: #333;}
#sidebar li a:visited, #sidebar ul li ul li a:visited {color: #333;}
#sidebar li a:hover, #sidebar ul li ul li a:hover {color: #cc0000; text-decoration: underline;}
#sidebar li a:active, #sidebar ul li ul li a:active {color: #cc0000;} 

#sidebar li.listtitle a:link {color: #fff;}
#sidebar li.listtitle a:visited {color: #fff;}
#sidebar li.listtitlea:hover {color: #fff; text-decoration: underline;}
#sidebar li.listtitle a:active {color: #fff;} 

#sidebar ul li ul li{
background: #ededed url(images/resources/bullets-sidenav.gif) no-repeat;
background-position: 3px 8px;
padding: 4px 0 4px 15px;
font-weight:bold;
border:none;
}


.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
/* ----------------------------
   All headings and versions of 
   ---------------------------- */
h1, h2 {
font-family: Verdana, Arial, sans-serif;
margin: 15px 0 15px 0;
padding: 0;
}
h1 {
color:#ab0232;
font-size:1.3em;
padding:14px 20px 0px 24px;
}
h2 {
color:#333;
font-size:1em;
padding:0px 20px 0px 24px;
}

h2 a:link, h2 a:visited, h3 a:link, h3 a:visited {

text-decoration: none;
font-size:1em;
font-weight:bold;
}
#sidebar h2 {
	background-color:#666;
}
/* Form */


fieldset{
/*
width: 95%;

text-align:center;
*/
border:none;
padding: 4px 4px 4px 12px;
}
#enqform {
	border:0;
border-collapse:collapse;
width:520px;
}
legend {
padding:0 0 0 5px;
margin:2px 2px 2px 0;
font-weight:bold;

}
input,textarea,select {
	border: #333 solid 1px;
	width: 300px;
	font-family:Verdana, Geneva, sans-serif;
	color: #333;
	
}
select {
font-size: 100%;	
}
 #delivery, #ex-works {
	 width: 20px;
 }

#enqform th {
	text-align:right;
	vertical-align:text-top;
	font-weight: normal;
		font-size: 85%;
		border-bottom: 1px solid #fff;
		padding: 8px;
		width:100px;
}

#enqform td {
	text-align:left;
	font-weight: normal;
	border-bottom: 1px solid #fff;
	font-size: 85%;
	padding: 8px;
	width: 400px;

}
td.subtitle {
	background-color:#FFF;
	
}
td.subtitle h3 {
	font-size: 1.1em;
	color:#868686;
	padding: 0;
	margin:0 0 0 4px;
}

tr {
	background-color:#E4E4E4;
	
}
.alt {
	background-color:#ededed;

}
.submit {
background-color: #ab0232;
color: #fff;
width: 100px;
border:none;
}

.submit:hover {
	

	background: url(none) no-repeat #333;
	color: #fff;
}
.ssubmit:hover {

	background-color: #333;
	color: #fff;
}

/* The footer and descendants */ 
#footer { 
clear:both; 
text-align:right; 
padding: 0 10px 0 20px;
background-color:#b1b3b4; 
margin: 20px 0 0 0;
color: #CCC;
} 
#footer p {
width: 720px;
padding: 10px 0 10px 0;
margin: 0;
}

  #footerleft { 
    float:right; 
    width:604px;
	font-size:1.0em; 
    line-height:150%; 
    color:#333;  
    text-align:left; 
	border-right: #fff solid 6px;
	height: 60px;
    } 
    
    /* The sidebar and descendants */ 
      #footerright { 
        float:right; 
        width:150px;
    	font-size:0.9em; 
        line-height:150%;
    	text-align:left;
			height: 60px;
			
} 
#footerleft p, #footerright p {
	padding: 4px 20px 4px 24px;
}
#footerright p {
	padding: 4px;
}

#footerleft a:link {color: #333;}
#footerleft a:visited {color: #333;}
#footerleft a:hover {color: #cc0000; text-decoration: underline;}
#footerleft a:active {color: #cc0000;} 
.breadcrumbs {
padding: 5px 5px 5px 12px;
font-size:100%;
text-align:left;
}
.required{
	color:#C00;
	font-weight:bold;
	font-size:150%;
	
}

#subpage-links li a:link, #subpage-links li a:visited {
text-decoration:none;
color:#333;

}
#subpage-links li a:hover {
color: #cc0000; 
text-decoration: underline;
}
#subpage-links li a.active {
color:#333;
}	

div#subpage-links{
	margin: 10px 0;
	padding:0;
}
#mainCol p.nb{
margin: 10px 0 10px 0;
}

.imgborder{
	border: #333 solid 1px;
}

#map_canvas{
padding: 0;
margin: 0 0 20px 24px;

}
.images-selection img{
padding: 0 5px 0 0;	

}
#products-feature{
	margin: 10px 0 10px 20px;
}
#products-feature tr{
	background-color:#FFF;
	
	
}