/* The unique combination of images, colors, sizes, typography, and positioning ("the design") 

was created by Simon Titcombe and is copyright SIP (Industrial Products) Ltd and may not be reproduced. 

Feel free to study the CSS and use techniques you learn from it elsewhere. */



/* Last Update 1st August 2005 */



/*MAIN BODY STYLES START*/

body {margin:0; background-color:#FFFFFF;

font-family:Arial, Helvetica, sans-serif;

font-size:12px;}





button {

	background: #595A63; 

	border: 1px solid #595A63;

	color: #CEDDFF;

	text-shadow: none;

	margin-left:3px;

	font-size: 10px; 

}



input {

	border: 1px solid #595A63;

	font-size: 10px; 

}





.largetext, .mediumtext, .smalltext, .hiddentext {

font-size:28px;

color:gray;

padding:4px;

line-height:1em;

text-decoration: none;

}



.hiddentext {

	background-color:transparent;

	border: 0px;

	height:40px;

	width:300px;

	overflow:visible;

	font-family:Arial, Helvetica, sans-serif;

}



.mediumtext, .hiddentext {

font-size:12px;

padding:2px;

}



.smalltext {

font-size:14px;

padding:2px;

}



.largetext, .largetextSelected {

font-weight:1000;

font-size:16px;

padding:4px;

}



.largetext:hover, .mediumtext, .largetextSelected {

  color: black; 

}



a.smalltext:hover {

	font-weight:bold;

	color: black; 

}



/*

.smalltext:hover {

  padding-left:4px;

  font-weight:bold;

}

*/

h1 {color:#000000; margin:0;

font-size:10px;

text-align:center;}



h2 {color:#999; margin:0;

font-size:10px;

font-weight:700;

text-align:center;}



h3 {

margin:20px;

}



h4 {

font-size:12px;

font-weight:400;

margin:20px 0 20px 20px;

padding:0;}



h5 {

font-size:13px;

font-weight:700;

color:#333333;

margin:20px;



}



p {

margin:0 20px 20px 20px;

text-align:justify;

}



img {

margin:0;

padding:0;

border:0;

}



a:link {}

a:visited {}

a:hover { text-decoration:none;}

a:active {}



.bold {

font-weight:700;

}



.out {

text-decoration:line-through;

}



/*MAIN BODY STYLES END*/



/* MAIN MENU START */

#menu {position:relative; }

#menu ul { margin: 0; padding: 0; list-style: none; width: 124px; /* Width of Menu Items */ border-bottom: 1px solid #333; } 

#menu ul li { position: relative; } 

#menu li ul { position: absolute; left: 123px; /*Set 1px less than menu width */ top: 0; display: block; } 

#menu li:hover ul {display: block; } 

#menu li:hover>ul { visibility:visible; } 

#menu ul ul {visibility:hidden; }

 /* Fix IE. Hide from IE Mac \*/ * html #menu ul li { float:left; height: 1%; } * html #menu ul li a { height: 1%; } /* End */

/* Make-upsyles */ #menu ul, li { margin: 0 0 0 0; } /* Styles for Menu Items */ 

#menu ul a { display: block; text-decoration: none; color: #000; background-color: #EDEDED; /* IE6Bug */ padding: 8px; border: 1px solid #333; border-bottom: 0; } /* Hover Styles*/ 

#menu ul a:hover { color: #fff; background: #666; } /* Sub Menu Styles*/ 

#menu li ul a { text-decoration: none; color: #000; background: #EDEDED; /* IE6Bug */ padding: 5px; border: 1px solid #333; border-bottom: 0; } /* Sub MenuHover Styles */ 

#menu li ul a:hover { color: #EDEDED; background: #666; } /*Icon Styles */ 

#menu ul a.submenu {background:#EDEDED url("images/arrow.gif") no-repeat right; } 

#menu ul a.submenu:hover {background:#666 url("images/arrow.gif") no-repeat right; color:#EDEDED; }

/* MAIN MENU END */



/*CONTAINER DIV START*/

#wrapper {

position:relative;

width:660px;

margin:0 auto;

}

/*CONTAINER DIV END*/



/*MAIN PAGE ELEMENTS START*/

#logo {

position:relative;

float:left;

margin-left:7px;

width:150px;

height:80px;

}



#left {

position:absolute;

left:10px;

top:96px;

}





#blackcontent {

position:absolute;

top:86px;

left:150px;

width:500px;

background-color:#FFFFFF;

color:#000;

}



/*BLACKCONTENT FOR HOME PAGE, ALL OTHER PAGES USE WHITE CONTENT*/

#whitecontent {

padding: 1px;

}



#curvedcontent {

	position:absolute;

	top:86px;

	left:150px;

	width:500px;

	background-color:#FFFFFF;

	/*background-image:url(../images/contenttop.gif);*/

	background-repeat:no-repeat;

	color:#000000;

}

#maincontent {

	background-color:white;

	width:498px;

	FONT-FAMILY: Arial,Georgia;

	color:black;

	font-size:small;

	line-height:1.2em;

}



#advert {

position:relative;

width:121px;

background-color:#333;

border:1px solid #666;

margin-top:10px;

padding:10px 0px;

color:#FFFFFF;

text-align:center;

}

/*MAIN PAGE ELEMENTS END*/





/*DISTRIBUTERS TABLE STYLES START

table {

width:460px;

border:2px solid #000;

padding:0;

margin:0;

}



td {

border-left:1px solid #000;

border-bottom:1px solid #000;

padding:2px;

margin:0;

width:90px;

}



th {

border-left:1px solid #000;

padding:2px;

margin:0;

width:90px;

}





tr:hover {

background-color:#F2A88F;

}



.country {

background-color:#000;

color:#FFFFFF;

border:0;

padding:3px;

}



.empty {

border:0;

}



.even {

background-color:#EEE;

}



.center {

text-align:center;

}





DISTRIBUTERS TABLE STYLES END*/



.promoimg { margin:0 20px 0 0;

}



/* ICONS START */

#air a{background-image:url(../images/air.jpg);}

#hydraulics a{background-image:url(../images/hydraulics.jpg);}

#welding a{background-image:url(../images/welding.jpg);}

#woodworking a{background-image:url(../images/woodworking.jpg);}

#workshop a{background-image:url(../images/workshop.jpg);}



#aircurrent a{background-image:url(../images/airtab.jpg);}

#hydraulicscurrent a{background-image:url(../images/hydraulicstab.jpg);}

#weldingcurrent a{background-image:url(../images/weldingtab.jpg);}

#woodworkingcurrent a{background-image:url(../images/woodworkingtab.jpg);}

#workshopcurrent a{background-image:url(../images/workshoptab.jpg);}



.headerimage a {

position:relative;

float:left;

margin-right:3px;

width:95px;

height:80px;

background-color:#000;

background-position:left;

}



.headerimage a:hover {background-position:right;}



.imageframe {

	padding-top: 10px;

	padding-bottom: 10px;

	padding-left: 5px;

	width:110px;

	float:right;

}



.productImageOFF, .productImageON {

	width:100px;

}



.productImageOFF, .productImageON, .productImage{

	margin:5px;

	border:0px solid silver;

}



.productImageOFF {

	opacity:.50;

	filter: alpha(opacity=50); 

	-moz-opacity: 0.5;

}

/* ICONS END */