@charset "UTF-8";

/* Generic */

html, body {margin:0; padding:0; height:100%; background:#8b898a url(../_images/bodybak.jpg) repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:0.9em; line-height:23px;}
p { width:100%; padding-bottom:20px;}
h1 { font-size:1.3em; font-weight:lighter; font-family:Arial, Helvetica, sans-serif; padding:5px 0 5px 0; margin:0 0 10px 0; border-bottom:1px solid #666; font-weight:bold;}
h2 { font-size:1.3em; font-weight:lighter; font-family:Arial, Helvetica, sans-serif; padding:5px 0 5px 0; margin:0 0 10px 0;}

a { color:#CCC;}
a:hover { color:#fff;}

.right { text-align:right;}
i { font-size:10px;}

.greytext { color:#999;}
.greytext a { color:#999;}
.greytext a:hover { color:#000;}

.productcat { position:absolute; margin:-260px 0 0 -22px;}

p.underline { border-bottom:1px solid #CCC; width:100%; clear:both; float:left; height:130px; margin:0 0 20px 0; padding:0px;}

.blackbox { background:#000; float:left; margin:0 0 20px 0;}
	.blackbox  p {padding:8px;}

.border5 { border:5px solid #ccc;}

.margintop { float:left; width:100%; margin:30px 0 0 0;}

.buyonline { position:absolute; top:0px; left:50%; z-index:500; margin: 60px 0 0 -486px;}

/* Layout */


#wrapper { width:980px; margin:0 auto; text-align:left;}


	
	
		/* center content */	
	
		
		
		
		#content {width:960px; float:left; margin:0 auto;  border:10px solid #FFF; margin-top:20px; margin-left:-6px;    box-shadow: 5px 5px 5px  #999; -moz-box-shadow: 5px 5px 5px  #999; -webkit-box-shadow: 5px 5px 5px  #999;}	
			* html #content {width:960px; float:left; margin:0 auto;  border:10px solid #FFF; margin-top:20px; margin-left:-6px;}	
			
	
#maincontent {  float:left; background:#000 url(../_images/contentbak.jpg) repeat-x; width:960px;}	
	#maincontent_c1 { width:212px;  float:left;}
		
	#maincontent_c2 { width:748px; float:left; clear:right; border-left:0px solid #FFF; padding:0px; margin:0px; overflow:hidden;}
	
	* html #maincontent_c2 { width:748px; float:left; clear:right; border-left:0px solid #FFF; padding:0px; margin:0px;}
	
	#maincontent_c2_r1 { width:708px; padding:30px;  height:70px;}
		#maincontent_c2_r1 .logo { margin:0 20px 0 400px; position:absolute;}
		#maincontent_c2_r1 .telephone { margin:0 20px 0 0; position:absolute;}		




ul.gutterboxes { width:718px; padding:10px 0 0 30px; float:left;}
	* html ul.gutterboxes {width:718px; padding:10px 0 0 20px; float:left;}
ul.gutterboxes li { display:inline;}
ul.gutterboxes li a { background:url(../_images/gutterbak.gif); width:215px; height:245px; padding:2px; margin-right:14.5px; float:left; border:0px; text-decoration:none; border-bottom:2px solid #df0722; color:#fff; font-size:1.3em; line-height:normal;}
ul.gutterboxes li a:hover { background:url(../_images/gutterbak2.gif);  width:215px; height:245px; padding:2px; margin-right:14.5px; float:left; border:0px; color:#FFF;}
ul.gutterboxes li p { text-align:center; padding:5px 0 0 0;}
ul.gutterboxes li img { margin:0 0 10px 0;}

#maintext { margin:20px 30px 10px 30px;  float:left; color:#FFF;}
	* html #maintext { margin:20px 30px 10px 10px;  float:left; color:#FFF;}
	.maintext_c1 { width:334px; float:left;}
	.maintext_c2 { width:334px; margin:0 0 0 20px; float:left; clear:right;}

#maintext_full { margin:20px 30px 10px 30px;  float:left; color:#FFF; width:688px;}
	* html #maintext_full { margin:20px 30px 10px 10px;  float:left; color:#FFF; width:688px;}

#maintext h1 { text-transform:uppercase; border-bottom:1px solid #ccc; font-weight:bold; width:688px;}
#maintext_full h1 { text-transform:uppercase; border-bottom:1px solid #ccc; font-weight:bold; width:688px;}

#maintext h2 { text-transform:uppercase; border-bottom:1px solid #ccc; font-weight:bold; width:344px;}

#welcometext { background:#000; color:#fff; border-top:0px solid #FFF; text-align:right; height:30px; padding:0 30px 0 0;}
	#welcometext span { height:30px; float:left; width:30px; margin:0 10px 0 0; background:#df0722;}
	#welcometext p { padding:5px 0 5px 0; text-align:right; width:auto;}

.bodytext { color:#FFF; margin:20px 30px 0 30px; padding:10px 0 5px 0;; border-bottom:1px solid #ccc; padding:5px 0 5px 0;  text-transform:uppercase; width:688px; float:left;font-size:1.3em; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
	* html .bodytext { color:#FFF; margin:20px 30px 0 10px; padding:10px 0 5px 0;; border-bottom:1px solid #ccc; padding:5px 0 5px 0;  text-transform:uppercase; width:688px; float:left;font-size:1.3em; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.bodytext strong { font-weight:bolder;}

#footer { background:#FFF;  float:left; width:900px; padding:20px 30px 0 30px;}
#footer p { width:450px; float:left;}

#footer .greytext {display:block; float:right; text-align:right;}

/* Navigation */
			
		
		ul#topnav {margin: 0 auto; padding: 0; float:left;  list-style: none; font-size: 1em; width:748px; display:inline; z-index:90; border-top:2px solid #FFF;}
		ul#topnav li {float: left; margin: 0; padding: 0; position: relative; clear:right;}
		ul#topnav li a {float: left; text-indent: -9999px; height: 53px;}
		ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; border-bottom:2px solid #6a7179;}
	
		ul#topnav a.nav_home {background: url(../_images/nav_01.jpg) no-repeat; width: 106px; border-bottom:2px solid #6a7179;}
			ul#topnav a.nav_homeselected {background: url(../_images/nav_01.jpg) no-repeat; width: 106px; background-position: left bottom; border-bottom:2px solid #6a7179;}
				
		ul#topnav a.nav_about {background: url(../_images/nav_02.jpg) no-repeat; width: 118px; border-bottom:2px solid #6a7179;}
			ul#topnav a.nav_aboutselected {background: url(../_images/nav_02.jpg) no-repeat; width: 118px; background-position: left bottom; border-bottom:2px solid #6a7179;}
			
		ul#topnav a.nav_products {background: url(../_images/nav_03.jpg) no-repeat; width: 123px; border-bottom:2px solid #6a7179;}
			ul#topnav a.nav_productsselected {background: url(../_images/nav_03.jpg) no-repeat; width: 123px; background-position: left bottom; border-bottom:2px solid #6a7179;}	
			
		ul#topnav a.nav_services {background: url(../_images/nav_04.jpg) no-repeat; width: 122px; border-bottom:2px solid #6a7179;}
			ul#topnav a.nav_servicesselected {background: url(../_images/nav_04.jpg) no-repeat; width: 122px; background-position: left bottom; border-bottom:2px solid #6a7179;}	
			
		ul#topnav a.nav_manufacturers {background: url(../_images/nav_05.jpg) no-repeat; width: 158px; border-bottom:2px solid #6a7179;}
			ul#topnav a.nav_manufacturersselected {background: url(../_images/nav_05.jpg) no-repeat; width: 158px; background-position: left bottom; border-bottom:2px solid #6a7179;}				

		ul#topnav a.nav_contact {background: url(../_images/nav_06.jpg) no-repeat; width: 121px; border-bottom:2px solid #6a7179;}
			ul#topnav a.nav_contactselected {background: url(../_images/nav_06.jpg) no-repeat; width: 121px; background-position: left bottom; border-bottom:2px solid #6a7179;}	

	


		
		ul#topnav li .sub {position: absolute;	top: 63px; left: 0; margin:0 0 0 1px; background: #eee url(../_images/menubaktop.jpg) repeat-x; padding: 20px 20px 20px; float: left;  border:1px solid #FFF; border-bottom:2px solid #f03f35;  display: none;}
		ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px; text-align:center;}
		ul#topnav li .sub .row ul a {text-align:center;}
		 
		
		ul#topnav li .sub ul{list-style: none; margin: 0; padding: 0; width: 170px; float: left;}
		ul#topnav .sub ul li {width: 100%; color: #000; border-bottom:1px solid #ccc; text-align:center;}
	
		ul#topnav .sub ul li a {float: none;  text-indent: 0; /*--Reset text indent--*/ height: auto; padding: 4px 5px 4px 12px; display: block; text-decoration: none; color: #000; text-transform:uppercase; font-size:0.9em;}
		ul#topnav .sub ul li a:hover {color: #f03f35; background-position: 5px 12px ;}	
	

#fancy_ajax p { padding:0px; margin:0px;}
  fieldset { margin:5px; color:#FFF; float:left;}
  fieldset label { width:400px; clear:both; color:#666; display:block;float:left; padding:0px 0 10px 0;} 
  fieldset input { float:left; padding:5px; width:300px; background:#666; color:#fff; border:0px; padding:10px;}
  	.inputsmall { float:left; padding:5px; width:100px; background:#666; color:#fff; border:0px; padding:10px;}
  fieldset li { width:80%; clear:both; padding:10px 0 0 15%;}
  fieldset legend { display:none;}
  .button { padding:10px; margin:10px 0 10px 0; font-size:1.5em; background:#ed1c24;}