/*
Layout CSS

*/

body {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
/*	background: #272727; */
	background-image: url(../images/metal.png);
	text-align: center;
}

#container {
	margin: 0px auto;
	width: 920px;
	text-align: left;
}

#top {
	clear: both;
	width: 900px;
	padding: 0px 10px;
	color: #FFFFFF;
}

#content {
	float: left;
	width: 880px;
	padding: 0 20 2;
	background: url(../images/frame.png) repeat-y;
}

.content_top{
	clear: both;
	width: 920px;
	height: 50;
	background: url(../images/top.png) no-repeat bottom;
}
/* for IE 6 */
* html .content_top{
	clear: both;
	width: 920;
	height: 50;
	margin-bottom: -5px;
	background: url(../images/top.png) no-repeat bottom;
}

.content_bottom{
	clear: both;
	width: 920;
	height: 16;
	background: url(../images/bottom.png) no-repeat;
}

/* banner */
.banner {
	clear: both;
	position: relative;
	width: 880px;
	/*height: 270px;
	/*background: url(../images/banner.png) no-repeat; */
	height: 263px;
	background: url(../images/tm_banner.jpg) no-repeat;
}

#logo {
	position: absolute;
	top: 10; 
	left: 20;
}

#acrane {
	position: absolute;
	top: -40; 
	right: 0; 
}

/* end of banner */

/* menu */

#menu{
	clear: both;
	width: 880px;
	height: 35px;
	background: #272727;
}

.menuleft {
	float: left;
	height: 35px;
	width: 10px;
	background: #272727 url(../images/menu_left.gif) no-repeat;
}
.menuright {
	float: right;
	height: 35px;
	width: 10px;
	background: #272727 url(../images/menu_right.gif) no-repeat;
}

#menu ul {
	margin: 0;
	padding: 0px 0px 0px 50px;
	list-style: none;
	text-align: center;	
	color: #ffffff;
}

#menu ul li{
	display: inline;
}

#menu ul li a{
	float: left;
	padding: 7px 20px 2px 20px;
	height: 25;
	margin-right: 1px;
	font: 14px verdana, arial;
	text-align: center;
	color: #ffffff;
	text-decoration: none;
	#height: 35px;/* override for Microsoft Internet Explorer browsers*/
	_height: 35px; ;/* override for IE browsers 6.0 and older */
}

#menu ul li a:visited{
/*	color: #ffffff; */
}

#menu ul li a:hover {
	color: #ffffff;
	text-decoration: none;
	background: #285fc2;
}

#menu ul li .current{
	color: #ffcb04; 
/*	font-weight: bold; */
	border-bottom: 3px solid #285fc2; 
	padding-bottom: 0;
}
/* end of menu */


/* Footer  */

#footer {
	clear: left;
	padding: 15px 0px 0px 0px;
	width: 920px;
	height: 62px;
	color: yellow;
	line-height: 24px;
	text-align: center;
}
#footer a {
	color: yellow;
	text-decoration: none;
}

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

/* end of footer */

/* general formats */

p {
	margin: 10px 0px;
	font-size: 11px;
	text-align: justify;
}

h1 {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	font-size: 24px;
	font-weight: bold;
	color: #000000;
}

h2 {
	margin: 0px;
	padding: 5px 0px;
	font-size: 18px;
	color: #ffffff;
}

h3 {
	margin: 0px;
  	font-family: "trebuchet ms", serif;
	font-size: 20px;
	font-weight: bold;
	color: #ffb21e;
}

h4 {
	clear: both;
	margin: 0px;
  	font-family: "trebuchet ms", serif;
	font-size: 14px;
	font-weight: bold;
	color: #F8D766;
}

h5 {
	font: 700 1.1em "trebuchet ms", serif;
	color: #F17400;
}

h6 {
	font: 700 1em "trebuchet ms", serif;
	color: #FF4B33;
}

.button img {
	border: none;
}

.button img.a {
	border: none;
}

/* end of general formats */

/* featured images */

#tier1 {
	clear: both;
	width: 880;
	height: 300;
	text-align: left;
	margin: 10 0 0 0;
	position: relative;
}

#featured
{
	height: 300px;
	float: left;
	border: none;
}

/* end of featured images */

/* dark gray colored boxes */

#tier2 {
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px;
	width: 880px;
}

.box1{
	float: left;
	width: 280px;
	margin-right: 19px;
	background: #272727;
}

.box1top {
	height: 30px;
	text-align: center;
	background:url(../images/box1_top.gif) no-repeat;
}
.body {
	width: 260px;
	height: 170px;
	padding: 20px 0px 0px 20px;
	color: #FFFFFF;
}

.bodySmall {
	margin-top: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 170px;
	padding: 0px 0px 0px 20px;
	color: #FFFFFF;
	text-align: center;
	margin-left: 5px;
}

.box2{
	float: left;
	width: 280px;
	margin-right: 18px;
	background: #272727;
}
.box2top {
	height: 30px;
	text-align: center;
	background:url(../images/box2_top.gif) no-repeat;
}

.box3{
	float: left;
	width: 280px;
	margin: 0px;
	background: #272727;	
}
.box3top {
	height: 30px;
	text-align: center;
	background:url(../images/box3_top.gif) no-repeat;
}

.boxbottom{
	width:280px;
	height: 10px; 
	background: url(../images/box_bottom.gif) no-repeat;
}

* html .boxbottom{
	width:280px;
	height: 10px; 
	margin-bottom: -3px;  
	background: url(../images/box_bottom.gif) no-repeat;
}

.boxSmall {
	clear: both;
	float: left;
	width: 200px;
	background: #272727;
}

.boxSmallGap {
	height: 10px;
	background: #f1f1f1;
}

.boxTopSmall1 {
	height: 30px;
	padding-top: 6px;
	text-align: center;
	background:url(../images/box1_top_small.png) no-repeat;
} 

.boxTopSmall2 {
	height: 30px;
	padding-top: 6px;
	text-align: center;
	background:url(../images/box2_top_small.png) no-repeat;
} 

.boxTopSmall3 {
	height: 30px;
	padding-top: 6px;
	text-align: center;
	background:url(../images/box3_top_small.png) no-repeat;
} 

.box1top h2, .box2top h2, .box3top h2, .boxTopSmall1 h3, .boxTopSmall2 h3, .boxTopSmall3 h3 {
	margin: 0px;
  	font-family: "trebuchet ms", serif;
	font-size: 16px;
	font-weight: bold;
	color: ffffff;
}
	
.boxBottomSmall {
	clear: both;
	width: 200;
	height: 10; 
	background: url(../images/box_bottom_small.png) no-repeat; 
}

* html .boxBottomSmall {
	width: 200px;
	height: 10px; 
	margin-bottom: -3px;  
	background: url(../images/box_bottom_small.png) no-repeat;
}

.bodySmall img {
	border: none;
	margin-left: 0;
}

/* end of boxes */

/* home page */

#homeMore {
	float: right;
	padding: 10 20;
	#padding-right: 0px;/* override for Microsoft Internet Explorer browsers*/
}

#homeMore img {
	border: none;
}

#homeMore a {
	text-decoration: none;
	color: #fff;
}

#homeMore a:hover {
	text-decoration: underline;
	color: red;
}

img.img_right{
	float: right;
	padding: 0 16;
}

.contact_information span{
	color: yellow; /* #d8325d; */
}

.homeBox {
	display: block;
	width: 240;
}

/* end of home page */

/* buttons */

.homeSearch {
	border: none;
	background: url(../images/find_button.png) no-repeat right;
	height: 40;
	width: 80;
	/*margin-left: 160; */
	cursor: pointer;
/*	#margin-left: 160px; /* override for Microsoft Internet Explorer browsers*/
}

.productSearch { 
	border: none;
    background: url('../images/find_button.png') no-repeat right bottom;
	cursor: pointer;
	margin: 0;
	padding: 0;
}

.cu_form_Submit { 
	border: none;
	background: url(../images/submit_button.png) no-repeat;
	cursor: pointer;
	float: left;
	margin-top: 10;
	margin-left: 105;
	width: 80;
	height: 40;
	#margin-left: 108;
	#margin-top: 10;
	#height: 40;
}

.favoriteSubmit { 
	border: none;
	background: url(../images/submit_button.png) no-repeat;
	cursor: pointer;
	float: left;
	margin-top: 10;
	margin-left: 125;
	width: 80;
	height: 40;
	#margin-left: 131;
	#margin-top: 10;
	#height: 40;
}

/* end of buttons */

/* common */

#mainContent{
	clear: both;
	width: 880;
	text-align: left;
	margin: 10 0 0 0;
	position: relative;
	padding-top: 0;
}

#box_top {
	clear: both;
	height: 80px;
	background: url(../images/box_top.png) no-repeat;
	text-align: left;
}

#box_top h2 {
	color: white;
	font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
	font-size: 16px;
	padding: 30 0 0 80;
}

#box_bottom {
	clear: both;
	height: 8;
	background: url(../images/box_bottom.png) no-repeat;
}

.box {
	float: left;
	width: 880;
	background: url(../images/box_background.png) repeat-y;
}

/* end of common */

/* products */

/* category menu */

ul.sideMenu {
	margin: 0;
	padding: 0;
	width: 150;
}

.sideMenu li {
	display: inline;
	/* Needed since IE fails when you give it list-style: none; */  
	list-style-image: url(foo.gif);
	font: 400 1.3em "trebuchet ms", serif;
}

.sideMenu li a {
	display: block;
	margin: 0.2em 0;
	padding: 3px 5px;    
	text-decoration: none;
	color: #FFF;
} 

.sideMenu li a:hover {
	color: #65EBFF;
	background: #5F5F5F;
}

/* Active menu item */
.sideMenu li.here {
	display: block;  
	padding: 5px;
	color: #65EBFF;
	background: #555;
}

/* Submenu of active menu item */
.sideMenu li.here ul {
	margin: 0;
	padding: 0;
}

.sideMenu li.here ul li a {
	padding-left: 35px;
	font: 400 0.65em verdana, arial, sans-serif; 
	color: #FFF;  
	background: url(../images/bullet.gif) no-repeat 10px 0px;
}

.sideMenu li.here ul li a:hover {
	color: #9FF3FF;
	background: #5F5F5F url(../images/bullet.gif) no-repeat 10px 0px;
}

/* end of category menu */

/* mini favorites */

ul.miniFavorites {
	margin: 0;
	padding: 0;
	width: 150;
}
.miniFavorites li {
	display: inline;
	/* Needed since IE fails when you give it list-style: none; */  
	list-style-image: url(foo.gif);
	font: 400 1.3em "trebuchet ms", serif;
}

.miniFavorites li a {
	display: block;
	margin: 0.2em 0;
	padding: 3px 5px;    
	font-size: 12px;
	text-decoration: none;
	color: #FFF;
} 

#miniFavoriteButton  {
	margin-left: -20;
	#margin-left: 0;
}

#productSearch {
	width: 100%;
	text-align: left;
}

/* end of mini favorites */

#prod_leftPart {
	float: left;
	width: 200;
}

#productList {
	float: right;
	width: 670;
	margin-left: 10;
}

#productsTop {
	height: 10;
	background: url(../images/product_top.gif) no-repeat;
	#margin-bottom: -3;
}

#productsBottom {
	clear: both;
	height: 10;
	background: url(../images/product_bottom.gif) no-repeat;
}

#productsBody {
	float: left; 
	width: 670;
	background: #fff url(../images/product_body.gif) repeat-y;
}

#categoryItem {
	float: left;
  	font-family: verdana, "trebuchet ms", serif;
	font-size: 14px;
	text-align: center;
	padding: 10 10 10 22;
}

#categoryItem a {
	padding: 5px 0 5px 0; 
	color: #000;
	text-decoration: none;
	display: block;
}

#categoryImage {
	width: 132;
	height: 119;
	text-align: center;
	background: url(../images/prod_box.gif) no-repeat center;
}

#categoryImage img {
	border: none;
}

#productsBody h3 {
	margin: 10 20 0 20;
  	font-family: "trebuchet ms", serif;
	font-size: 20;
	font-weight: bold;
	color: #ffb21e;
}

#productsBody h4 {
	margin: 10 0 0 20;
  	font-family: "trebuchet ms", serif;
	font-size: 16;
	color: #000;
}

#productsLinks {
	clear: both;
	font: 700 1em "trebuchet ms", serif;
	margin: 0 20 0 20;
	display: block;
}

#productsLinks a {
	color: #8f163b;
}

#productsLinks a:visited {
	color: #8f163b;
	text-decoration: none;
}

#productItem {
	float: left;
	text-align: left;
	padding: 10 20 20 20;
	#width: 320;
	#float: left;
}

#productThumb {
	float: left;
	position: relative;
	width: 80;
	height: 60;
}

#productThumb img, #productBigImage img, #favoriteTier1 img {
	border: 1px solid #666;
}

#productName {
	float: right;
	width: 200;
	padding-left: 10;
	font: 700 1.2em "trebuchet ms", serif;
	color: black;
}

#productName a {
	font: 700 1em "trebuchet ms", serif;
	text-decoration: none;
	color: blue;
}

#productName span {
	color: red;
}

#productName a:hover , #favorites a:hover, #productsLinks a:hover {
	text-decoration: underline;
}

#productImage, #productDetail {
	margin-top: 10;
}

#productImage {
	float: left;
	width: 240;
	margin-left: 20;
	text-align: center;
}

#productBigImage {
	clear: both;
	position: relative;
	width: 240;
}

#productZoom {
	clear: both;
	margin: 10 0 0 0;
}

#buttonPhotos {
	float: left;
	width: 120;
	text-align: left;
}

#buttonVideo {
	float: right;
	width: 120;
	text-align: right;
}

#hiddenImage {
	clear: both;
	width: 0;
}

#productDetail {
	float: right;
	margin-right: 20;
	#width: 360;
}

#productButtons {
	clear: both;
	#width: 360;
}

#viewPDF {
	float: right;
	margin-top: 20px;
}

#addToFavorites {
	float: right;
	margin-top: 20px;
	width: 140;
}

#newItem img{
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	border: none;
	margin-right: -2;
	#margin-right: 0;
}

#favoriteTier1 {
	margin-top: 20;
}

#favoriteTier1 a {
	color: #669;
	text-decoration: none;
}

#favoriteTable {
	margin: 0;
	padding: 0;
}

#continueLooking {
	margin-right: 90;
	padding-top: 10;
	height: 30;
}

#continueLooking img {
	float: right;
	border: none;
}

#favoriteTier2 {
	clear: both;
	text-align: center;
}

#requestForm {
	border: solid 2px #666666;
	background: #b7ddf2;
	width: 500;
	height: 570;	
	font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
	font-size: 12px;
	text-align: left;
	padding: 10 20 0 20;
	margin: 30 0 20 165;
	#margin-left: 0;
}

/* end of products */

/* form */

#simpleSearch input {
	width: 240;
	margin-top: 5;
	margin-left: 0;
}

#productSearch ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#productSearch li {
	padding-bottom: 0;
}

#productSearch input {
	width: 150;
	margin: 0;
	height: 24;
	padding: 3;
}

#productSearch select {
	width: 150;
	margin: 0;
	height: 24;
	padding: 3;
}

#favoriteTier1 input {
	width: 60;
}

#favoriteTable a, #favoriteTable img  {
	border: none;
}

input {
	font-size: 12px;
	padding: 4px 2px;
	border: solid 1px #aacfe4;
	margin: -5;
	background: #ebf4fb;
	width: 250;
	#height: 24;
	#width: 250;
	#margin-top: -50;
	#margin-left: -2;
}

textarea {
	font-size: 12px;
	padding: 4px 2px;
	border: solid 1px #aacfe4;
	margin: -5;
	background: #ebf4fb;
	width: 250;
	#width: 250;
	#margin-top: -34;
	#margin-left: -2;
}

/* end of form */

/* projects */

#projectBox {
	height: 520;
}
/* end of projects */

/* about us */

#au_bottom {
	clear: both;
	height: 8;
	background: url(../images/au_box_bottom.png) no-repeat;
}

#au_container {
	float: left;
	width: 880;
	background: url(../images/au_box_background.png) repeat-y;
}

#au_leftPart {
	float: left;
	width: 280;
	height: 300;
	padding: 30 0 0 0;
	text-align: center;
}

#au_leftPart img {
	border: 1px solid gray;
}

#au_rightPart {
	float: right;
	width: 600;
}

#cranePic {
	left: 500;
	position: absolute;
	top: 400;
}

#au_compDesc {
	margin: 30 50;
}

#au_compDesc p {
	font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
	font-size: 1.2em;
	text-align: left;
}

/* end of about us */

/* contact us */

#cu_leftPart {
	float: left;
	width: 400;
	height: 300;
	padding: 30 0 0 20;
	text-align: center;
}

#cu_rightPart {
	float: right;
	width: 380;
	margin: 30 -20 0 0;
} 

#cu_contact_info {
	height: 200;
	background: url(../images/contact_info.png) no-repeat;
	font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #ffffff;
/*	padding: 50 70 0 20; */
}

#cu_contact_info span {
	float: left;
	width: 80;
	color: #b2def8;
	margin-left: -80;
}

#cu_contact_info ul {
	list-style: none;
	margin: 0;
	padding: 60 0 0 20;
}

#cu_contact_info li {
	margin-left: 80; 
	padding-left: 0;
}

#cu_map {
	margin-top: 20;
	height: 250;
}

#cu_map img {
	border: none;
}

#cu_form {
	width: 100%;
	font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
	font-size: 12px;
	text-align: left;
	padding: 0 20 0 20;
}

#cu_form h2, #requestForm h2 {
	font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
	font-size: 14px;
	color: #000000;
}

#cu_form p, #requestForm p {
	font-size: 11px;
	color: #666666;
	margin-bottom: 20px;
	border-bottom: solid 1px #b7ddf2;
	padding-bottom: 10px;
	#width: 400;
}

#requestForm p {
	#width: 480;
}

#requestForm p {
	border-bottom: solid 1px #ebf4fb;
}

#cu_form span, #requestForm span {
	color: red;
	margin-right: 5;
}

#cu_form .cu_label, #requestForm .favoriteLabel {
	float: left;
	height: 30;
	color: #666666;
	text-align: right;
}

#cu_form .cu_label {
	width: 100;
	margin-left: -110;
}

#requestForm .favoriteLabel {
	width: 120;
	margin-left: -130;
	#margin-top: -30;
	#margin-bottom: 30;
}

#cu_form ul, #requestForm ul {
	list-style: none;
	margin: 0;
	padding: 0;
	#margin-top: 40;
}

#cu_form li, #requestForm li {
	clear: both;
	padding: 0;
	#margin-top: -20;
}

#cu_form li {
	margin-left: 110;
}

#requestForm li {
	margin-left: 130;
	#margin-top: 0;
}

/* end of contact us */

/* successful page */

#successMsg  {
	padding: 30 10 30 10;
	height: 100;
}

#successMsg  h3 {
	font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
	font-size: 1.2em;
	text-align: center;
	color: #666666;
}

/* end of successful */