/***************************************
****************************************
ToolMatics Inc.
Style Sheet.
****************************************
****************************************/












/***************************************
Global Declarations
****************************************/





* { margin: 0px; padding: 0px; }

body {
	background-color:#cacaca;
}
#container{
	width: 760px;
	margin: 0 auto;
	background: #ccc url(images/background.gif) repeat-y 50% 0;
}
h1 {
	text-indent: -9999em;
	margin-left: 18px;
	background: url(images/banner.jpg);
	height: 390px;
	width: 724px;
}


/*****************************
Back Banner
*****************************/


h2 a {
	text-indent: -9999em;
	background: url(images/backbanner.jpg);
	height: 44px;
	width: 760px;
	float: left;

}


/***************************/
#navigation {
	width: 734px;
	height: 53px;
	background: url(images/toolmaticscampus_bt2.gif) no-repeat;
	margin-left: 13px;
	clear:both;
}
#navigation a {
	height: 53px;
	float:left;
	text-indent: -9999em;
}
#about, #products, #services, #contactus, #home {
	float: left;
	list-style-type: none;
	
}
#about a {
	width: 93px;
	height: 53px;
	background: url(images/aboutus.gif);
	
}
#products a {
	height: 53px;
	width: 77px;
	background: url(images/products.gif);
}
#services a {
	height: 53px;
	width: 76px;
	background: url(images/services.gif);
}
#contactus a {
	height: 53px;
	width: 90px;
	background: url(images/contactus.gif);
}
#home a{
	height: 53px;
	width: 75px;
	background: url(images/home.gif);
}
p {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	
}
#footer {
	background: url(images/footer_test.gif) no-repeat;
	height: 200px;
	width: 760px;
	clear:both;
}
#footer ul li{
}
#footer ul {
	clear:both;
	margin-left: 20px;
	margin-top: 27px;
}
#footer ol{
	list-style-type: none;
	width: 724px;
	padding-top: 9px;
	height: 100px;
	margin-left: 18px;
	padding-left: 0px;
	background:url(images/ground_sky.gif) repeat-x;
}
#footer ol li{
	float: left;
	text-indent:-9999em;
}
#footer ol li a{
	float: left;
	margin: 0 auto;
	margin: 8px 0 0 9px;
}
#aboutusillus a{
	background: url(images/aboutusillus.gif);
	width: 59px;
	height: 61px;
}
#servicesillus a{
	background: url(images/servicesillus.gif);
	width: 59px;
	height: 61px;
}
#adhesivesillus a{
	background: url(images/adhesivesillus.gif);
	width: 59px;
	height: 61px;
}
#electric_pneu a{
	background: url(images/electric_pneu.gif);
	width: 125px;
	height: 69px;
}
#materialillus a{
	background: url(images/materialillus.gif);
	width: 65px;
	height: 69px;
}
#ergillus a{
	background: url(images/ergillus.gif);
	width: 109px;
	height: 69px;
}
#fluidsillus a{
	background: url(images/fluidsillus.gif);
	width: 63px;
	height: 69px;
}
#automatedillus a {
	background: url(images/automatedillus.gif);
	width: 97px;
	height: 69px;

}

.footerlinks {
	color: #333333;
	float: left;
	display: inline;
}
.footerlinks a {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	padding-left: 5px;
}
#copyright {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	float: right;
	padding-right: 20px;
	padding-top: 0px;
}




/***********************************************
Content
***********************************************/


#columnholder {
	margin-left: 27px;
	width: 670;
	
	
}
#leftcolumn {
	float: left;
	width: 680px;

}
#bcwrap {
	clear:both;
	float: left;
	margin-bottom: 10px;
}
#h3wrap {
	clear:both;
	margin-bottom: 10px;

}
h3 {
	font-size: 14px;
	color: #003663;
	font-family:Arial, Helvetica, sans-serif;	

}
#breadcrumbs {
	color: #003663;
	float:left;
}
.crumbs {
	list-style-type: none;
	float:left;

}
.crumbs a{
	color: #003663;
	text-decoration: none;
}
#rightcolumn {
	float: left;
	width: 525px;
	margin-left: 15px;
	padding-bottom: 50px;
}
#columns {
	margin-left: 18px;
	background: #ccc url(images/white.gif) repeat 50% 0; width: 724px;
	overflow: auto;
}
#content {
	float: left;
	padding-bottom: 20px;
}
.row {
	clear:both;
	margin-left: 30px;
}
.column {
	/*text-align:center;*/
	width: 200px;
	float:left;
	margin-left: 30px;
	margin-top: 20px;
	font-family:Arial, Helvetica, sans-serif;
}
.columns {
	/*text-align:center;*/
	width: 200px;
	float:left;
	margin-top: 20px;
	font-family:Arial, Helvetica, sans-serif;
}

.tools {
	color: #ff0000;
	list-style-type:none;
	float:left;
	padding-left: 5px;
	font-size: 14px;
	font-style:italic;
	margin-bottom: 10px;
	font-family:Arial, Helvetica, sans-serif;
}
.manufact {
	clear:both;
	list-style-type:circle;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	margin: 0 0 0 12px;
	padding: 5px;
}
.columnwrap {
}
h4 a{
	color: #003366;
	text-decoration: none;
	font-size: 14px;
}
h4 a:hover{
	text-decoration: underline;
	color: #003366;
}
#form {
	clear:both;
	padding-top: 20px;
}
#table {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 24px;
}

/****************************************************************************************************
*****************************************************************************************************
 Tool Boxes
 ****************************************************************************************************
 ****************************************************************************************************/
 
 /* Rows for tools */
 
#row1 {
	clear:both;
	margin-left: 30px;
	
}
#row2 {
	margin-left: 30px;
}

/************************/
/* Begin the Boxes */
#box {
	float: left;
	margin-left: 3px;
	width: 164px;
}


/* Automated Data Collection Equipment Boxes and Headers */

/* Begin the Boxes */

#transducersbox {
	float: left;
	margin-left: 3px;
	width: 119px;
}
#torquewrenchbox {
	float: left;
	margin-left: 3px;
	width: 147px;
}
#torqueanalyserbox {
	float: left;
	margin-left: 3px;
	width: 153px;
}
/* Headers */

#pumps {
	height: 16px;
	width: 164px;
	background: url(images/pumps.gif);
	text-indent: -9999em;
}
#valves {
	height: 16px;
	width: 164px;
	background: url(images/valves.gif);
	text-indent: -9999em;
}
#cylinders {
	height: 16px;
	width: 164px;
	background: url(images/cylinders.gif);
	text-indent: -9999em;
}

/* Headers */

#hoist {
	height: 16px;
	width: 164px;
	background: url(images/hoist.gif);
	text-indent: -9999em;
}
#vms {
	height: 16px;
	width: 164px;
	background: url(images/vms.gif);
	text-indent: -9999em;
}
#convey {
	height: 16px;
	width: 164px;
	background: url(images/convey.gif);
	text-indent: -9999em;
}
#balancers {
	height: 16px;
	width: 164px;
	background: url(images/balancers.gif);
	text-indent: -9999em;
}
#lifttables {
	height: 16px;
	width: 164px;
	background: url(images/lifttables.gif);
	text-indent: -9999em;
}
#torquearms {
	height: 16px;
	width: 164px;
	background: url(images/torquearms.gif);
	text-indent: -9999em;
}
#manipulators {
	height: 16px;
	width: 164px;
	background: url(images/manipulators.gif);
	text-indent: -9999em;
}
#workstations {
	height: 16px;
	width: 164px;
	background: url(images/workstations.gif);
	text-indent: -9999em;
}

#jibs {
	height: 16px;
	width: 164px;
	background: url(images/jibs.gif);
	text-indent: -9999em;
}
#railsystems {
	height: 16px;
	width: 164px;
	background: url(images/railsystems.gif);
	text-indent: -9999em;
}

/* Begin the Headers */

#vgrinders {
	height: 16px;
	width: 164px;
	background: url(images/verticalgrinders.gif);
	text-indent: -9999em;
}
#hgrinders {
	height: 16px;
	width: 164px;
	background: url(images/horizontalgrinders.gif);
	text-indent: -9999em;
}

#drills {
	height: 16px;
	width: 164px;
	background: url(images/drills.gif);
	text-indent: -9999em;
}
#nibblers {
	height: 16px;
	width: 164px;
	background: url(images/nibblers.gif);
	text-indent: -9999em;
}
#saws {
	height: 16px;
	width: 164px;
	background: url(images/saws.gif);
	text-indent: -9999em;
}
#chippinghammers {
	height: 16px;
	width: 164px;
	background: url(images/chippinghammers.gif);
	text-indent: -9999em;
}
#chisels {
	height: 16px;
	width: 164px;
	background: url(images/chisels.gif);
	text-indent: -9999em;
}
#scalers {
	height: 16px;
	width: 164px;
	background: url(images/scalers.gif);
	text-indent: -9999em;
}

/* Begin the Headers */

#transducers {
	height: 16px;
	width: 119px;
	background: url(images/transducers.gif);
	text-indent: -9999em;
}
#torquewrench {
	height: 16px;
	width: 147px;
	background: url(images/torquewrenches.gif);
	text-indent: -9999em;
}
#torqueanalyser {
	height: 16px;
	width: 153px;
	background: url(images/torqueanalysers.gif);
	text-indent: -9999em;
}


/* Electric Assembly Tools Boxes and Headers */

/* Begin the Boxes */

#handheldbox {
	float: left;
	margin-left: 3px;
	width: 127px;
}
#fnutrunnerbox {
	float: left;
	margin-left: 3px;
	width: 139px;
}
#singlespindlebox {
	float: left;
	margin-left: 3px;
	width: 182px;
}
#multispindlebox {
	float: left;
	margin-left: 3px;
	width: 182px;
}
#datacollectionbox {
	float: left;
	margin-left: 3px;
	width: 182px;
}

/* Begin the headers */

#handheld {
	height: 16px;
	width: 127px;
	background: url(images/handheld.gif);
	text-indent: -9999em;
}
#fnutrunner {
	height: 16px;
	width: 139px;
	background: url(images/fnutrunner.gif);
	text-indent: -9999em;
}
#singlespindle {
	height: 16px;
	width: 182px;
	background: url(images/singlespindle.gif);
	text-indent: -9999em;
}
#multispindle {
	height: 16px;
	width: 179px;
	background: url(images/multispindle.gif);
	text-indent: -9999em;
}
#datacollection {
	height: 16px;
	width: 127px;
	background: url(images/datacollection.gif);
	text-indent: -9999em;
}

/* Pnematic Headers and boxes */

/* Begin the boxes */
.box1 {
	float: left;
	width: 126px;
}
.box2 {
	float: left;
	margin-left: 3px;
	width: 230px;
}

.box3 {
	float: left;
	margin-left: 3px;
	width: 145px;
}
.box4 {
	float: left;
	margin-left: 3px;
	width: 145px;
}

/* Begin the headers */

#header1 {
	height: 16px;
	width: 126px;
	background: url(images/pulsetools.gif);
	text-indent: -9999em;
}
#header2_1 {
	height: 16px;
	width: 126px;
	background: url(images/crimpingtools.gif);
	background-repeat: no-repeat;
	text-indent: -9999em;
	line-height: 0px;
	font-size: 0px;
}

#header2_2{
	height: 16px;
	width: 230px;
	background: url(images/tubenutrunners.gif);
	background-repeat: no-repeat;
	text-indent: -9999em;
	line-height: 0px;
	font-size: 0px;

}

#header2 {
	height: 16px;
	width: 230px;
	background: url(images/nutrunners.gif);
	text-indent: -9999em;
}
#header3 {
	height: 16px;
	width: 145px;
	background: url(images/screwdrivers.gif);
	text-indent: -9999em;
}
#header4 {
	height: 16px;
	width: 145px;
	background: url(images/impactwrenches.gif);
	text-indent: -9999em;
}

/* Clears the header*/
#tool {
	clear: both;
}

/****************************************************************************************************
*****************************************************************************************************
 End Tool Boxes
 ****************************************************************************************************
 ****************************************************************************************************/
 
 

/***********************************************************
Subheaders
***********************************************************/




#welcomewrap {
	padding-left: 18px;
}
#products_bt {
	padding-bottom: 10px;
	text-indent: -9999em;
	background: url(images/products_bt.gif) no-repeat;
	width: 86px;
	height: 23px;
	float: left;
	
}
#aboutussubhead {
	padding-bottom: 10px;
	text-indent: -9999em;
	background: url(images/aboutussubhead.gif) no-repeat;
	width: 86px;
	height: 23px;
	float: left;
	
}
#services_bt {
	padding-bottom: 10px;
	text-indent: -9999em;
	background: url(images/services_bt.gif) no-repeat;
	width: 86px;
	height: 23px;
	float: left;
	
}
#contactus_bt {
	padding-bottom: 10px;
	text-indent: -9999em;
	background: url(images/contactus_bt.gif) no-repeat;
	width: 99px;
	height: 23px;
	float: left;
	
}
#electric_bt {
	padding-bottom: 10px;
	text-indent: -9999em;
	background: url(images/electricsubhead.gif) no-repeat;
	width: 233px;
	height: 20px;
	float: left;
	
}
#electric_assembly {
	padding-bottom: 10px;
	text-indent: -9999em;
	background: url(images/electric_assembly_tools.gif) no-repeat;
	width: 345px;
	height: 25px;
	float: left;
	
}

#ergonomic_bt {
	padding-bottom: 10px;
	text-indent: -9999em;
	background: url(images/ergonomicmaterial.gif) no-repeat;
	width: 281px;
	height: 22px;
	float: left;
	
}
#material_bt {
	padding-bottom: 10px;
	text-indent: -9999em;
	background: url(images/materialremoval.gif) no-repeat;
	width: 189px;
	height: 22px;
	float: left;
	
}
#automated_bt {
	padding-bottom: 10px;
	text-indent: -9999em;
	background: url(images/automateddata.gif) no-repeat;
	width: 235px;
	height: 20px;
	float: left;
	
}
#fluids_bt {
	padding-bottom: 10px;
	text-indent: -9999em;
	background: url(images/fluids_bt.gif) no-repeat;
	width: 65px;
	height: 20px;
	float: left;
	
}
#adhesives_bt {
	padding-bottom: 10px;
	text-indent: -9999em;
	background: url(images/adhesives_bt.gif) no-repeat;
	width: 96px;
	height: 20px;
	float: left;
	
}
#pnuematic_bt {
	padding-bottom: 10px;
	text-indent: -9999em;
	background: url(images/pneumatictools.gif) no-repeat;
	width: 233px;
	height: 20px;
	float: left;
	
}

#subnewswrap {
	padding-left: 16px;
}
#subnews {
	padding-bottom: 6px;
	text-indent: -9999em;
	background: url(images/news.gif) no-repeat;
	width: 42px;
	height: 16px;
	float: left;
	clear:both;
}
h5 {
	color:#003366;
}

/********************************************************/

#photo {
	margin-left: 30px;
}
#productlist {
	padding-left: 25px;
	padding-top: 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.text {
	padding-left: 40px;
	padding-bottom: 15px;
	font-size: 12px;
	float: left;
	width: 650px;
	clear:both;
}
.left {
	padding-left: 40px;
	padding-top: 20px;
	padding-bottom: 30px;
	font-size: 12px;
	float: left;
	width: 200px;
	clear:both;
}

.leftt {
	padding-left: 40px;
	padding-top: 20px;
	padding-bottom: 30px;
	font-size: 12px;
	float: left;
	width: 650px;
	clear:both;
}
.middle {
	padding-left: 24px;
	padding-top: 20px;
	padding-bottom: 30px;
	font-size: 12px;
	float: left;
	width: 200px;

}
.right {
	padding-left: 24px;
	padding-top: 20px;
	padding-bottom: 30px;
	font-size: 12px;
	float: left;
	width: 200px;

}

#newswrap{
	padding-left: 10px;
}
#news {
	padding-bottom: 10px;
	background-color:#d7d7d7;
	float: left;
	clear:both;
	
}
.newstext {
	font-size: 10px;
}
#newsbox1 {
	width: 125px;
	float:left;
	padding: 10px 10px 10px 15px;
}
#newsbox2 {
	width: 125px;
	float:left;
	padding: 10px 10px 0 5px;
}
#newsbox3 {
	width: 125px;
	float:left;
	padding: 10px 20px 0 5px;
}

/***************************************
Right Column
***************************************/

#right {
	padding-right: 5px;
	float: right;
	width: 244px;
	height: 350px;
	background: url(images/picture.jpg) no-repeat;
	background-position: bottom;

}
#wrapproduct {

}

/*******************************************************************
Sub Navigation
*******************************************************************/



#productssubhead {
	background: url(images/productssubhead.gif); 
	height: 28px;
	text-indent: -9999em;
	width: 244px;
}
#subnavigation {
	margin-top: 10px;
	list-style-type:none;
	display: block;
}
#electric, #pneumatic, #ergonomic, #material, #automated, #fluids, #adhesives, #servicessublink {
	float: right;
	list-style-type: none;
}
#electric  a{
	padding-bottom: 5px; 
	float:right;
	text-indent: -9999px;
	background:url(images/electric.gif) no-repeat;
	height: 19px;
	width: 173px;
}
#pneumatic  a{
	padding-bottom: 5px; 
	float:right;
	text-indent: -9999px;
	background:url(images/pneumatic.gif) no-repeat;
	height: 19px;
	width: 191px;
}
.formtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #003663;
}
#ergonomic  a{
	padding-bottom: 5px; 
	float:right;
	text-indent: -9999px;
	background:url(images/ergonomic.gif) no-repeat;
	height: 19px;
	width: 165px;
}
#material  a{
	padding-bottom: 5px; 
	float:right;
	text-indent: -9999px;
	background:url(images/material.gif) no-repeat;
	height: 19px;
	width: 165px;
}
#automated  a{
	padding-bottom: 5px; 
	float:right;
	text-indent: -9999px;
	background:url(images/automated.gif) no-repeat;
	height: 19px;
	width: 196px;
}
#fluids  a{
	padding-bottom: 5px; 
	float:right;
	text-indent: -9999px;
	background:url(images/fluids.gif) no-repeat;
	height: 19px;
	width: 59px;
}
#adhesives  a{
	padding-bottom: 5px; 
	float:right;
	text-indent: -9999px;
	background:url(images/adhesives.gif) no-repeat;
	height: 19px;
	width: 84px;
}
#servicessublink  a{
	padding-bottom: 5px; 
	float:right;
	text-indent: -9999px;
	background:url(images/servicessublink.gif) no-repeat;
	height: 19px;
	width: 84px;
}


/*********************************************
Selection for Electric or Pnuematic
*********************************************/
#container2 {
	clear:both;
	width: 500px;
	margin: 0 auto;
}
#electricselect {
	width: 245px;
	float:left;
	/*border: 1px solid black;*/
	padding: 0 5px 0 0;
}
#pneumaticselect {
	width: 250px;
	float:left;
	/*border: 1px solid black;*/
}

#handheldselect {
	float: right;
}
#crimpingtool {
	float:left;
}
#electriclink a{
	clear:both;
	float: right;
	text-indent: -9999em;
	background: url(images/electric_select.gif);
	height: 29px;
	width: 230px;
}
#pneumaticlink a{
	clear:both;
	float: left;
	text-indent: -9999em;
	background: url(images/pneumatic_select.gif);
	height: 29px;
	width: 230px;
}

#link {
	color: #003366;
	text-decoration: none;
	font-size: 14px;
}
#link:hover {
	text-decoration: underline;
}