/* Generated by CaScadeS, a stylesheet editor for Mozilla Composer */

  dl, body, a, img, div, dt, ul, div, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, html, blockquote, fieldset, input, dl, dt, dd, ul, li 
  { margin: 0px;
    padding: 0px;
    border:0;
    }
    
html{
font-size:100%; /*sets all subsequent font to 10px = 1em*/
}    
   
body{
font-size: 62.5%; /*sets all subsequent font to 10px = 1em*/
background-image:  url(assets/graphics/background.jpg);
background-repeat: repeat-x;    
}
   
#left, #right, #centre, #faright, #rightborder { /*this sets helps the height in all 3 columns the same */
padding-bottom: 32767px;
margin-bottom: -32767px;
}     
    
#left, #right, #centre, #footer, #header,
{
font: 1.1em/1.1em;
font-family: Arial;
color: #666666;
}    

#prodTable{
background-image:  url(assets/graphics/product_bg.jpg);
background-repeat: repeat;  
float: left;
width:100%;
height:100%;
}
.whitebox{
width:195px;
height:234px;
background-color:#FFFFFF;
float: left;
position:relative;
}
.ptbox{
width:195px;
height:234px;

float: left;
position:relative;
}
.ptbox img{
padding-left:7px;
padding-top:5px;
}
.ptbox1{
margin-left:20px;
width:175px;
height:164px;
margin-top:20px;
}

.ptbox2{
margin-left:20px;
width:120px;
height:50px;
position:absolute;
bottom: 0;
text-align:center;
vertical-align:middle;
padding-left:27px;
padding-bottom:5px;
}

.ptbox2 a{
font-size: 1.2em;
cursor: pointer;
}

.ptbox2 a:hover {
color: #8b548b;
text-decoration:underline;
}
	
#header-right 
{
font: 1.1em/1.1em;
font-family: Arial;
color: #666666;
height: 39px;
}    

#container { 
width: 891px; /* was 896px*/
margin-right: auto;
margin-left: 0px;
margin-top: 0px;
background-color: #ffffff ;

overflow: hidden; /*this sets helps the height*/
/*background-image: url(assets/graphics/drop_shadow.jpg);
 background-repeat: repeat;*/
}
#container_print { 
width: 660px; /* was 896px*/
margin-right: auto;
margin-left: 0px;
margin-top: 0px;
background-color: #ffffff ;

overflow: hidden; /*this sets helps the height*/
/*background-image: url(assets/graphics/drop_shadow.jpg);
 background-repeat: repeat;*/
}

 #rightborder { 
width: 7px;

float:right;
background-image: url(assets/graphics/drop_shadow_cont.jpg);
background-repeat: repeat;
}

#product_detail {
background-color: #ffffff ;
width:642px;
float:left;
} 
#product_detail p{
font-family:Arial;
color:#666666;
padding-left:1.2em;

}
#product_detail h3{
padding-left:0.8em;
}
#product_detail h4{
padding-left:1em;
}
/*#product_detail img
padding-top:0.8em;
padding-left:3.5em;
float: right;
clear:both;
} */
#product_technical{
	float:left;
	background-color:#F6F6F6;
	width:100%;
	margin-bottom:1.5em;
}
#product_technical_info{
	float: left;
	width:330px;

}
#product_technical_links{
	float: right;
	width:284px;

}
#product_technical_links a{
text-align:left;

}

#product_view {
background-color: #ffffff ;
width:617px;
float:left;
} 
#product_box {
float:left;
background-color:#F6F6F6;
width:100%;
height:140px;
margin-bottom:15px;
margin-left:0.8em;
margin-right:0.3em;
} 

#product_box p{
padding-left:1.5em;
padding-right:1.5em;
padding-top:0.8em;
font-family:Arial;
color:#666666;
} 


#product_title{
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #8b548b;
} 
#product_title h3{
	padding-top:0.5em;
	font-family:Arial;
	font-size: 1.4em;
} 
#product_box img{
padding-right:1.5em;
float:left;
} 

#product_stockcode{
background-color:#8b548b;
width:100px;
float:right;
height:31px;
} 

#product_stockcode p{
text-align:center;
padding-top:0.6em;
font-family:Arial;
color:#FFFFFF;
font-weight:bold;
} 
#grey_box {

float:left;
width:100%;
background-color:#F6F6F6
}

#grey_box_address {

float:left;
padding-left:1.5em;
padding-top:1.5em;
padding-bottom:1.5em;
}
#grey_box_telephone {

float:right;
padding-right:1.5em;
padding-top:1.5em;
padding-bottom:1.5em;
}

.input_box
{
border:1px #999999 solid;
padding:1px;
}

#paging{
width:100%;
clear:both;
float:left;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #8b548b;
height:33px;
margin-bottom:5px;
margin-left:0.8em;
margin-right:0.5em;

}
#paging p{
font-family:Arial;
color:#666666;
text-align:left;
}
#paging img{
padding-right:0.5em;
padding-left:0.5em;
vertical-align:text-top;
}

#header { 
background-image:  url(assets/graphics/header.jpg);
width: 891px;
height: 210px;
float: left;
background-color: #ffffff ;
background-repeat: no-repeat ;
}
#header_2{ 
width: 891px;
height: 125px;
float: left;
background-color: #ffffff ;
}
#header_print { 
width: 660px;
height: 100px;
float: left;
background-color: #ffffff ;
background-repeat: no-repeat ;
}

#header_ind{
width: 891px;
height: 48px;
background-image:  url(assets/graphics/menu_bg.jpg);
background-repeat: no-repeat;
float: left;
	padding-top:15px;
}

#header_ind span{
padding:0px;
margin:0px;
font-size: 1.2em;
font-weight: bold;
}

    	
  #right { 
 	background-color: #ffffff ;
 	float: left;
 	width: 180px;
 	height: 100%;
 	border-left: 1px dotted #dcdbdb;
 	}
    	
#centre { 
background-color: #ffffff ;
float: left;
width: 460px;
}
 	   
  #centretop { 
 	background-color: #ffffff ;
 	float: left;
 	width: 100%;
 	border-bottom: 1px dotted #dcdbdb;
	color:#666666;
 	} 	   	
 	    	
  #left { 
 background-color: #ffffff ;
 float: left;
 width: 238px;
 border-right: 1px dotted #dcdbdb;
 }
 
   #faright{ 
 background-image: url(assets/graphics/drop_shadow.jpg);
 background-repeat: repeat;
 float: left;
 width: 7px;
 height: 700px;
 border: none;
 }
 
  #footer{ 
  background-color: #8b548b;
 float: left;
 width: 871px;
 height: 70px;
 padding-top: 20px;
 padding-left: 20px;
 padding-bottom:10px;
 text-align:center;
 color:#FFFFFF;
 }
#footer p{ 
color: #ffffff;
}
#footer a:{
color: #ffffff;
}
#footer a:hover{
text-decoration:underline;
color: #ffffff;
 }
#footer a:visited{
color: #ffffff;
 }
 #footer_print{ 
 font-family:Arial;
 background-image:url(assets/graphics/print_footer.jpg);
 background-position:top;
 background-repeat:no-repeat;
 padding-top:3em;
 color:#8b548b;
 background-color: #FFFFFF;
 float: left;
 width: 660px;
 height: 75px;
 text-align:center;
 }
#header-right{
text-align: left;
margin-left:30px;
margin-top:100px;
color: #8b548b;
}
     	
#colwrapperind {
background-image:url(assets/graphics/quick_links_bg.jpg);
background-repeat: no-repeat; 
background-position: 0em 1em ;  	
padding-left: 1.5em;
width: 440px;;
height: 100%;
float: left;

}

#colwrapper-clearance {
background-image:url(assets/graphics/empty_lab.jpg);
background-repeat:repeat;
background-position: 1em 4em ;  	
padding-left: 1.5em;
padding-top: 30px;
width: 460px;
height: 100%;
float: left;
padding-bottom: 30px;
}
 	
#leftop{
background-image: url(assets/graphics/sign_up_bg.jpg);
background-repeat: no-repeat;
width: 200px;
height: 230px;
padding-left: 10px;

color: #ffffff;
}
 	
#leftbot{
/*background-image: url(assets/graphics/right_menu_bg.jpg);*/
background-image: url(assets/graphics/leftbot_bg.jpg);
background-repeat: no-repeat;
width: 200px;
height: 150px;
padding-left: 0;
padding-top: 17px;

} 	
#stocklist_header { 
background-image:url(assets/graphics/stocklistheader.jpg);
width: 861px;
height: 74px;
float: left;
background-color: #ffffff ;
background-repeat: no-repeat ;
}
#stocklist {
font-family:Arial;
width:861px;
height:650px;
margin-right: auto;
margin-left: 0px;
margin-top: 0px;
background-color: #ffffff ;

}
#stocklist_titlebar{
font-family:Arial;
color:#006666;
padding-left:1.5em;
float:left;
clear:both;
width:100%;
}

#stocklist_leftcol{
float:left;
width:410px;
height:500px;
padding-left:1.5em;
padding-bottom:1.5em;

}

#stocklist_rightcol{
float:right;
padding-left:0.5em;
padding-bottom:1.5em;
width:420px;
height:500px;
padding-top:0.5em;
padding-bottom:1.5em
}

#stocklist_stockcode{
width: 80px;

float:left;
height:500px;
}
#stocklist_stockcode p{
padding-top:0.25em;
padding-left:1.5em;
padding-bottom:0.25em;
font-family:Arial;
color: #666666;
}
#stocklist_stockcode h4{
padding-left:0.5em;
}

#stocklist_item{
	height:500px;
	float:right;
	padding-left:1.5em;
	padding-right:0.8em;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #f6f6f6;
}
#stocklist_linebreak{
	height:500px;
	margin-left:5px;
	float:left;
	width:4px;
	border-right-width: thin;
	border-right-style: dotted;
	border-right-color: #f6f6f6;

}
#stocklist_item p{

padding-top:0.25em;
padding-bottom:0.25em;
font-family:Arial;
color: #666666;
}
#stocklist a:{
color: #666666;
}

#stocklist a:hover{
color: #8b548b;
text-decoration:underline;
}

#stocklist a:visited{
color: #8b548b;
}

#stocklist_toolbar{
float:left;
background-color:#8b548b;
padding-left:1.5em;
width:100%;
height:50px;

}

#stocklist_toolbar p{
padding-top:0.5em;
padding-right:2em;
text-align:right;
color:#FFFFFF;
}

#stocklist_sidetitle{
background-image:url(assets/graphics/side_title.jpg);
background-repeat:no-repeat;
float:right;
width:40px;
height:400px;
}

.curvetop {
background-image: url(assets/graphics/curved-top.jpg);
background-repeat: no-repeat;
width: 209px;
height: 11px;
}

.curvebot {
background-image: url(assets/graphics/curved-bot.jpg);
background-repeat: no-repeat;
width: 209px;
height: 11px;
}

.gap {
background-color: white;
width: 100%;
height: 30px;
}
.tgap {
background-color: white;
width: 100%;
height: 0px;
}
.colwrapper {
padding-right: 1.3em;
padding-left: 1.5em;
padding-top: 10px;
}
.colwrapper1 {
color:#666666;
padding-left: 1.5em;
padding-right: 1em;
padding-top: 10px;
}
* img{ 
padding-bottom: 1.5em;
}   
 
#centre img{ 
float: right;
}    
 	 	
 /* main body fonts*/  	 	
 	 	   
p{
font-family:Arial;
font-size: 1.2em;
} 	 


 	 	   
h3 { 
padding-bottom: 0.6em;
font-family: Arial;
font-size: 1.8em;
color: #000000;
font-weight: lighter;
} 
 	 
h3.uni{
padding: 0;
margin: 0;
} 

h4 { 
padding-bottom: 0.6em;
font-family: Arial;
font-size: 1.5em;
color: #999999;
font-weight:lighter;
} 
 	 
h4.uni{
padding: 0;
margin: 0;
} 		 

h5{ 
padding-bottom: 0.6em;
font-family: Arial;
font-size: 1.2em;
color: #8b548b;
font-weight:normal;
} 
 	 
h5.uni{
padding: 0;
margin: 0;
} 	
  	 	
a {
font-family:Arial, Helvetica, sans-serif;
font-size: 1.0em;
color: #000000;
text-decoration: none;
padding-bottom: 1.0em;
color: #666666;
}
 	 	
a.click {
background-image:  url(assets/graphics/click.jpg);
background-repeat: no-repeat ;
padding-left: 1.5em;
}

a.click2 {
background-image:  url(assets/graphics/arrow_right2.gif);
background-position: 0em -0.2em;
background-repeat: no-repeat ;
padding-top:-0.1em;
padding-left:20px;
}

#leftlink
{
	border-top:dashed #cccccc 1px;
	padding-top:20px;
	border-bottom:dashed #cccccc 1px;
	padding-bottom:20px;
	padding-left:30px;
	background: url("assets/graphics/arrow_down.png") left no-repeat;
}

#leftlink a
{
	color: #8b548b;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}

#leftlink a:hover
{
	text-decoration:underline;
}

#leftbot a{
background-repeat: no-repeat ;
padding-left: 0.3em;
color: white;
font-size: 14px;
line-height: 1.6em;
vertical-align: middle;
display:block;
font-weight: bold;
}

#world{
background-image:  url(assets/graphics/world.jpg);
width:199px;
height:133px;
}

#world p{
vertical-align:text-bottom;
color:#666666;
font-size:1.2em;
padding-top:10em;
padding-left:1.2em;
text-align:center;
}

#world img{
text-align:center;
padding-bottom:0.5em;
padding-top:0.5em;
}
#world a:hover{
color:#8b548b;
}

#colwrapperind {

/*background-image: url(assets/graphics/indcentconfused.jpg);*/
/*background-image: url(assets/graphics/indcentbluecross.jpg);*/
background-image: url(assets/graphics/indcentequip.jpg);
background-repeat: no-repeat;

padding-top: 30px;
}

#colwrapperind a{
color: white;
font-size: 1.2em;
line-height: 1.5em;
margin-left:10px;
}

#colwrapperind  h3{
color: white;
width:250px;
}

*.dark-grey{
color: #333333;

}		

*.grey {
color: #ababab;
}
 
*.blue {
color: #8b548b;
}
*.light-grey {
color:999999;
}
*.white {
color:#FFFFFF;
}
	
	/* php contact form css */

.text {
	padding: 0.2em;
	width: 175px;
	border: 2px inset #e6e6e6;
	background-color: #ffffff;
}

.search {
	width: 184px;
	height: 24px;
	border: 1px solid #8b548b;
	background-color: #ffffff;
	float:left;
	padding:0px;
	margin:0px;
	margin-right: 1px;
	}

#search a { 
font-size: 1.2em;
font-weight: bold;
float:left;
padding: 0px;
margin: 0px;
}

#search span { 
padding:0px;
margin:0px;
font-size: 1.2em;
font-weight: bold;
}

 #search { 
 	width: 400px;
 	height: 40px;
 	float: left;
 	padding-left:25px;
 	margin:0px;
 	}    	
 	
 #search1 { 
font-family: Arial;
font-weight:bold;
 	width: 135px;
 	height: 40px;
	margin:0px;	
	padding:0px;
	float: left;
 	}  
 #search2 { 
 	width: 230px;
 	height: 40px;
	margin:0px;	
	padding:0px;
	float: left;
 	}  

.error {
	font-weight: bold;
	color: #990000;
}

label {
font: 1.4em;
font-family: Arial;
color: #ffffff;
}

.dyn_but_search {
		background-image: url(assets/graphics/search.jpg);
    	display: block;
		width: 34px;
		height: 26px;
		cursor: pointer; 
		float:left;
    		}
    		
.dyn_but_over {
		background-image: url(assets/graphics/search_over.jpg);
    	display: block;
		width: 34px;
		height: 26px;
		cursor: pointer;  
		float:left; 
    		}    		
    		
.dynamic_button {
		background-image: url(assets/graphics/submit.gif);
    	display: block;
		width: 129px;
		height: 24px;
		cursor: pointer;  
    		}
    		
 .dynamic_button_over {
		background-image: url(assets/graphics/submit_over.gif);   
    	display: block;
		width: 129px;
		height: 24px;
		cursor: pointer;   ;
    		}
			
			.dynamic_button2 {
		background-image: url(assets/graphics/submit_2.jpg);
    	display: block;
		width: 129px;
		height: 24px;
		cursor: pointer;  
    		}
    		
 .dynamic_button_over2 {
		background-image: url(assets/graphics/submit2_over.jpg);   
    	display: block;
		width: 129px;
		height: 24px;
		cursor: pointer;  
    		}

/* end of php contact form css */   

	
	/* JUST menu sh@t below here !!!!!!!*/ 
	
	
	div#menu li:hover ul ul,
	div#menu li li:hover ul ul,
	div#menu li li li:hover ul ul,
	div#menu li li li li:hover ul ul
	{display:none;}
	
	div#menu li:hover ul,
	div#menu li li:hover ul,
	div#menu li li li:hover ul,
	div#menu li li li li:hover ul
	{display:block;}	
	
	#menu ul ul ul
	{
	margin-top:-35px;
	left: 100%;
	border-left: none;
	border-left: 1px solid #ffffff;
	}	
	
	#menu a.parent, #menu a.parent:hover 	/* attaches side-arrow to all parents */
	{
	background-image: url(assets/graphics/arrow_right.gif);
	background-position: right top;
	background-repeat: no-repeat;
	}
	
	#menu {
	width: 315px;
	margin-top:-5px;
	background-color: #f7f9f9;
	float: right;
	margin-left:2.2em;
	margin-right:3.2em;
	margin-bottom:25px;
	}
	
	#menu ul {
	list-style: none;
	margin: 0px 1px;
	width: 6em;
	float: left;
	border:none;
	background-color: #f7f9f9;
	}	
	
	#menu ul li {
	border-left: 1px solid #666666;
	border-right:none;
	background-color: #f7f9f9;
	}	
	
	#menu ul li.men1 {
	border-left:none;
	}	
	
	#menu ul li h2 {
	margin-right: auto;
	margin-left: auto;
	line-height: 1.2em;
	color: #666666;
	font-family:Arial, Helvetica,sans-serif ;
	font-weight: 500 ;	
	border:none;
	background-color: #f7f9f9;
	}	
	
	#menu ul h2.men1 {
	border-left:none;
	}	
	
	#menu ul ul a{
	color: #ababab;
	text-decoration: none;
	display: block;
	height: 100%;
	border: 0 none;
	vertical-align: middle;
	width: 162px;
	text-align: left;
	background: #F7F9F9;
	padding-left:15px;
	height: 20px;
	padding-bottom: 7px;
	font-size: 1.2em;
	}
	
	div#menu li:hover
	{
	cursor:pointer;
	z-index:100;
	color:#8b548b;
	}
	
	#menu a:hover {
		color: #8b548b;
		text-decoration:underline;
	}
	
	#menu ul ul {
	position: absolute;
	z-index: 500;
	border-left: none;
	display: none;
	padding-top: 8px;
	background: #f7f9f9;
	width: 185px;
	border-top: 5px solid #F7F9F9;
	border-bottom: 5px solid #F7F9F9;
	}
	
	#menu ul ul li{
	border: none
	}
	
	body {
	behavior: url(csshover.htc);
	}	
	
	#menu ul li:hover ul
	{display: block;} 
	
	<!--[if IE]>
	<style type="text/css" media="screen">
	body {
	behavior: url(csshover.htc);
	font-size: 100%;
	}
	
	#menu ul li {float: left; width: 100%;}
	#menu ul li a {height: 1%;} 
	
	#menu h2 {
	font: 1.2em arial, helvetica, sans-serif;
	text-align: center;
	}
	
	#footer a
	{
	color:#CCCCCC;
	text-decoration:none;
	}
	
	#footer a:hover
	{
	color:#ffffff;
	text-decoration:underline;
	}
	<!-- ADDED BY DBCS AS TEMP -->
	#prodtitlebox
	{
		clear:both;
	}
	
	#prodstockcodebox
	{
		float: right;
		width:242px;
		text-align:right;
		font-size:12px;
		margin-bottom:10px;
	
	}
	
	#prodpicbox
	{
		clear:both;
		border: #999999 solid 1px;
		padding:4px;
		margin-bottom:30px;
	}
	
	#prodpicbox img
	{
		text-align:center;
		padding-bottom: 0;
		border:#000000 1px solid;
		margin: 10px;
	}
	
	#prodpicinfobox
	{
		border:#2f6180 1px solid;
		background:#8b548b;
		color: #ffffff;
		padding: 3px;
		margin-left:10px;
	}
	
	#prodpicinfobox img
	{
		border:none;
		margin:none;
	}
	
	#prodthumbs
	{
		clear:both;
		border:#000000 1px solid;
		background:#97cbea;
		color: #ffffff;
		padding: 3px;
	}
	
	#prodthumbs img
	{
		border:#000000 1px solid;
		margin: 3px;
		padding-bottom: 0;
	}
	
	#prodleftcol
	{
		float:left;
		width:295px;
		margin-bottom:30px;
	}
	
	#prodrightcol
	{
		margin-top: -10px;
		float:right;
		width:295px;
		margin-bottom:30px;
	}
	
	#prodleftcol h4,	#prodrightcol h4, 	#prodyoutubebox h4
	{
		color:#000000;
		border-bottom: 1px solid #8b548b;
		padding-bottom:3px;
		margin-bottom:5px;
	}
	
	
	#prodyoutubebox
	{
		clear:both;
		width:600px;
	}
	
	#prodyoutubebox h4
	{
		float:left;
	}
	
	#prodyoutubebox div
	{
		float:right;
		padding-right: 150px;
	}

#prodcontact
{
	border-top:1px #cccccc dashed;
	clear:both;
	margin-top:20px;
	padding-top:20px;
	text-align:center;
}

#prodcontact a
{
	color: #428bb6;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
}

#prodcontact a:hover
{
	text-decoration:underline;
}

#right_menu_bar ul
{
	list-style:none;
}

#right_menu_bar li
{
	background: #8b548b;
	border-bottom: #ffffff solid 1px;
	padding: 2px 0 2px 5px;
}

#right_menu_bar a
{
	text-decoration:none;
	color: #ffffff;
	font-size:10px;
}

#right_menu_bar a:hover
{
	color:#000000;
}



	</style>
	<![endif]-->