@charset "utf-8";
/* CSS Document */

ul#mymenu {margin-left:20px;list-style: none;}
ul#mymenu li {float:left;width: 112px;font-size: .6em;text-align: center;}
ul#mymenu li:hover {background-color: white;}
ul#mymenu img {border-style: none;}
ul#mymenu a {color: black;font-weight: bold;font-variant: small-caps;text-shadow: 1px;cursor: pointer;}

.fixbottom {
  height:20px;
	background-color: #cccccc;
;
  width: 650px;
  
}

#menuContainer {
	height: 70px;	
	margin-bottom: 3px;
}

.AccordionTitle, .AccordionContent, .AccordionContainer, .AccordionTitleSelected 
{
  position:relative;
  width:178px;
}

.AccordionTitle
{
	height:24px;
	overflow:hidden;
	cursor:pointer;
	display:table-cell;
 	background-image:url(images/redbanner01.png);
 	background-repeat: repeat-x;
	-moz-user-select:none;
	font-size: .8em;
	font-variant: small-caps;
	font-weight: bold;
	color: white;
	padding-left:5px;
	background-color: #cccccc;
}

.AccordionTitleSelected
{
	height:24px;
	overflow:hidden;
	cursor:pointer;
	vertical-align:middle;
	display:table-cell;
	background-image: url(images/redbanner01.png);
	background-repeat: repeat-x;
	-moz-user-select:none;
	padding-left:5px;
	font-size: .8em;
	font-variant: small-caps;
	font-weight: bold;
	color: white;
	background-color: #cccccc;	
	
}

.AccordionContent
{
  height:0px;
  overflow:hidden;
  display:none;
}

.banner {
	width: 1010px;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
	font-variant: small-caps;
	font-family: Verdana;
	font-size: 2em;
	color: red;
	text-shadow: 1px 2px 2px #000;
	background-color: #ffffff;

}


#tbm1 {
	background-image: url(handyman.png);
	background-repeat: no-repeat;
	width: 112px;
	height: 112px;
	float: left;
	font-size: .5em;
	font-variant: small-caps;
	text-shadow: 1px;
	text-align: center;
	cursor: pointer;	


}

#tbm1:hover {
	background-image: url(handyman_inverted.png);
	background-repeat: no-repeat;
	width: 112px;
	height: 112px;
	float: left;
	cursor: pointer;	

}

#tbm2 {
	background-image: url(airmac_415volt.png);
	background-repeat: no-repeat;
	width: 112px;
	height: 112px;
	float: left;
	font-size: .5em;
	font-variant: small-caps;
	text-shadow: 1px;
	text-align: center;
	cursor: pointer;	

}
#tbm2:hover {
	background-image: url(airmac_415volt_inverted.png);
	background-repeat: no-repeat;
	width: 112px;
	height: 112px;
	float: left;
	cursor: pointer;	


}
#tbm3 {
	background-image: url(ceccato_csa_rotodry.png);
	background-repeat: no-repeat;
	width: 112px;
	height: 112px;
	float: left;
	font-size: .5em;
	font-variant: small-caps;
	text-shadow: 1px;
	text-align: center;
	cursor: pointer;	

}
#tbm3:hover {
	background-image: url(ceccato_csa_rotodry_inverted.png);
	background-repeat: no-repeat;
	width: 112px;
	height: 112px;
	float: left;
	cursor: pointer;	

}
#tbm4 {
	background-image: url(oilfree_compressor.png);
	background-repeat: no-repeat;
	width: 112px;
	height: 112px;
	float: left;
	font-size: .5em;
	font-variant: small-caps;
	text-shadow: 1px;
	text-align: center;
	cursor: pointer;	
}

#tbm4:hover {
	background-image: url(oilfree_compressor_inverted.png);
	background-repeat: no-repeat;
	width: 112px;
	height: 112px;
	float: left;
	cursor: pointer;	

}
#tbm5 {

	background-image: url(turbo_compressor.png);
	background-repeat: no-repeat;
	width: 112px;
	height: 112px;
	float: left;
	font-size: .5em;
	font-variant: small-caps;
	text-shadow: 1px;
	text-align: center;
	cursor: pointer;	


}

#tbm5:hover {
	background-image: url(turbo_compressor_inverted.png);
	background-repeat: no-repeat;
	width: 112px;
	height: 112px;
	float: left;
	cursor: pointer;	

}
#tbm6 {
	background-image: url(airmac_diesel.png);
	background-repeat: no-repeat;
	width: 112px;
	height: 112px;
	float: left;
	font-size: .5em;
	font-variant: small-caps;
	text-shadow: 1px;
	text-align: center;
	cursor: pointer;	

}


#tbm6:hover {
	background-image: url(airmac_diesel_inverted.png);
	background-repeat: no-repeat;
	width: 112px;
	height: 112px;
	float: left;
	cursor: pointer;	

}
#tbm7 {
	background-image: url(ingersolranddiesel.png);
	background-repeat: no-repeat;
	width: 112px;
	height: 112px;
	float: left;
	font-size: .5em;
	font-variant: small-caps;
	text-shadow: 1px;
	text-align: center;
	cursor: pointer;	

}


#tbm7:hover {
	background-image: url(ingersolranddiesel_inverted.png);
	background-repeat: no-repeat;
	width: 112px;
	height: 112px;
	float: left;
	cursor: pointer;	

}

#tbm8 {
	background-image: url(ingersolrand_highpressure.png);
	background-repeat: no-repeat;
	width: 112px;
	height: 112px;
	float: left;
	font-size: .5em;
	font-variant: small-caps;
	text-shadow: 1px;
	text-align: center;
	cursor: pointer;	

}


#tbm8:hover {
	background-image: url(ingersolrand_highpressure_inverted.png);
	background-repeat: no-repeat;
	width: 112px;
	height: 112px;
	float: left;
	cursor: pointer;	

}

#tbm9 {
	background-image: url(genset.png);
	background-repeat: no-repeat;
	width: 112px;
	height: 112px;
	float: left;
	font-size: .5em;
	font-variant: small-caps;
	text-shadow: 1px;
	text-align: center;
	cursor: pointer;	

}


#tbm9:hover {
	background-image: url(genset_inverted.png);
	background-repeat: no-repeat;
	width: 112px;
	height: 112px;
	float: left;
	cursor: pointer;	

}


.top {
	clear: both;
	width:1010px;
	height:113px;
	margin-left:auto;
	margin-right:auto;
	background-color: #ffffff;
	
}

.middle {
	width:1010px;
	height: 820px;
	margin-left:auto;
	margin-right:auto;
	font-size: .85em;
	background-color: #ffffff;
	
}



.footer {
	clear: both;
	font-weight: bold;
	font-size: .6em;
	text-align: center;
	background-color: #ffffff;
	width: 1010px;	
	margin-left: auto;
	margin-right: auto;
}



.middle_left {
	float:left;
	width: 180px;
	height: inherit;
	font-variant:small-caps;

  
}

.middle_left a {
	text-decoration:none;

}

.middle_center {
	width:650px;
	height: inherit;
	float:left;
}	

.middle_right {
	float:right;
	width:180px;
	height: inherit;		
	font-variant:small-caps;

	
}

.middle_right a {
	text-decoration:none;
}

.page_title {

	color: white;
	text-align:center;
	Width: 650px;
	background-image: url(middle-title-bar.png);
	background-position: bottom;
	background-repeat: repeat-x;	
	height:23px;
	font-variant: small-caps;
	text-align: center;
	font-size: 1em;
	font-weight: bold;
}

.page_content {
	width:650px;
	float: left;
	text-align:left;
	font-size: .8em;
	height: 768px;
	overflow-y: auto;
	overflow-x: hidden;
	background-color: #cccccc;

}

.menu_title	{
	width:176px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/redbanner01.png);
	background-repeat: repeat-x;
	height:24px;
	text-align: center;
	font-weight:bold;
	font-variant:small-caps;
	font-size: .8em;
	text-align:center;
	color:#ffffff;
}

.menu_item_search {
	margin-left: 2px;
	margin-right: 2px;
	font-weight: bold;
	font-size: .8em;	
	text-align:left;
	height:27px;
}

.menu_item {
	width:176px;
	margin-left: auto;
	margin-right: auto;
	text-indent: 10px;
	font-weight: bold;
	font-size: .8em;	
	text-align:left;
	height:24px;
	border-bottom:1px dotted;
/*
	background-image: url(menu_line.gif);
	background-position: bottom;
	background-repeat: repeat-x;
*/
}

.menu_item_on {

	width:176px;
	font-size: .8em;	
	color: #000000;
	margin-left: auto;
	margin-right: auto;
	height:24px;
	text-indent: 10px;
	font-weight: bold;
	text-align:left;
/*
	background-image: url(menu-item-on.png);
	background-repeat: repeat-x;
*/
	background-color: rgb(177,215,261);
	border-left:1px dotted;
	border-right:1px dotted;
	border-bottom:1px dotted;
	
	 
}

.menu_item:hover, .menu_item_on:hover { 


	width:176px;
	font-size: .8em;
	color: #000000;
	margin-left: auto;
	margin-right: auto;
	height:24px;
	text-indent: 10px;
	font-weight: bold;
	text-align:left;
/*
	background-image: url(menu-item-on.png);
	background-repeat:repeat;
*/
	background-color: rgb(177,215,261);
	border-left:1px dotted;
	border-right:1px dotted;

}

.sponsor {
	padding-top:8px;
	padding-left: 13px;
	border: none;
}

.sponsor img {
	border:none;

}

inputbutton { 
	margin: 1em; padding: .5em;
	border-top: 4px double #000;
	text-align: center;
}


body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #0000ae;
	background-image: url(background-1.png);
	background-position: center;
	background-repeat: repeat-x;
	
}

#quickjump {
	color:#000000;
}

#quickjump:visited {
	color:#000000;
}

.hidden {
	display : none;
}

.photoButton {
	text-align:center;
	vertical-align: middle;
	background-color: rgb(20,20,20);
	font-weight: bold;
	font-size: 1.25em;
	opacity: .8;
	filter: alpha(opacity=80);
	padding-top: 4px;
	width:250px;
	height:25px;
	margin-left:auto;
	margin-right:auto;
	color: white;
}

.playButton {
	margin-left: auto;
	margin-right: auto;
	width:150px;
	background-color: rgb(20,20,20);
	cursor: pointer;
	font-weight: bold;
	font-size: 1.25em;
	opacity: .8;
	filter: alpha(opacity=80);
	position: relative;
	top: 10px;
	zoom: 100%;
	padding: .5em 1em;
	color: white;
}
	
.buttonTitle {
	position: relative;
	background-color: rgb(20,20,20);
	font-weight: bold;
	font-size: 1.1em;
	opacity: .8;
	filter: alpha(opacity=80);
	padding-top: 5px;
	padding-bottom: 5px;
	text-align:center;
	top:2px;	
	left:-5px;	
	width: 650px;
	color: white;
	clear:both;
	margin-bottom: 20px;
	background-image: url(middle-title-bar.png);	
}

	
.playBackground {
	background-color: rgb(0,0,0);
	opacity: 0.0;
	filter: alpha(opacity=0);
	position: absolute;
	top: 0px; left: 0px;
}

/* the basic page nave buttons for the page content div */

/*
ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
ul#nav{background-color: #cccccc; float:left;font-size: 80%}
ul#nav li{float:left;margin-left: 0px;margin-right: 1px;text-align: center}
ul#nav a{background-image: url(images/redbanner01.png); background-repeat: repeat-x; padding-left: 0; padding-bottom: 6px; padding-right: 0; padding-top: 5px; float:left;width: 95px;text-decoration:none;color: white;font-variant: small-caps}
ul#nav a:hover{background-image: url(images/banner02.png); color: white}
ul#nav li.activelink a,ul#nav li.activelink a:hover{color: white;background-image: url(images/banner02.png); }
*/


ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
ul#nav{background-color: #cccccc; float:left;font-size: 80%}
ul#nav li{float:left;margin-left: 0px;margin-right: 1px;text-align: center;border:1px solid;}
ul#nav a{background-color: white; background-repeat: repeat-x; padding-left: 0; padding-bottom: 6px; padding-right: 0; padding-top: 5px; float:left;width: 70px;text-decoration:none;color: black;font-variant: small-caps}
ul#nav a:hover{background-color: rgb(177,215,261); color: black}
ul#nav li.activelink a,ul#nav li.activelink a:hover{color: black;background-color: rgb(177,215,261)}

/* these are the calculator nav buttons */

ul#nav1,ul#nav1 li{list-style-type:none;margin:0;padding:0;margin-top:1px;}
ul#nav1{background-color: #cccccc; float:left;font-size: 80%}
ul#nav1 li{float:left;margin-left: 1px;text-align: center}
ul#nav1 a{background-image: url(images/redbanner01.png); background-repeat: repeat-x; padding-left: 0; padding-bottom: 6px; padding-right: 0; padding-top: 5px; float:left;width: 95px;text-decoration:none;color: white;font-variant: small-caps}
ul#nav1 a:hover{background-image: url(images/banner02.png); color: white}
ul#nav1 li.activelink a,ul#nav1 li.activelink a:hover{color: white;background-image: url(images/banner02.png);}

ul#nav2,ul#nav2 li{list-style-type:none;margin:0;padding:0;margin-top:1px;}
ul#nav2{background-color: #cccccc; float:left;font-size: 80%}
ul#nav2 li{float:left;margin-left: 1px;text-align: center}
ul#nav2 a{background-image: url(images/redbanner01.png); background-repeat: repeat-x;  padding-left: 0; padding-bottom: 6px; padding-right: 0; padding-top: 5px; float:left;width: 95px;text-decoration:none;color: white;font-variant: small-caps}
ul#nav2 a:hover{background-image: url(images/banner02.png); color: white}
ul#nav2 li.activelink a,ul#nav2 li.activelink a:hover{color: white;background-image: url(images/banner02.png);}