/*** con mech engineering ltd ***/

html { overflow-y: scroll; }

body, html, table, tr, th, td, p, br, div, span, h1, h2, h3, h4, h5, h6, form, img  { border: none; margin: 0; padding: 0; }

body {
	background-color: #fff;
	color: #000;
	font-family: arial, verdana, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
	font-size: 16px;
}

	* html body { font-size: medium; }

#skiptomain { display: none; }

a:link, a:visited { color: #000; text-decoration: none; }
a:hover, a:active { color: #c00; text-decoration: underline; }

.inline, form { display:inline; }
.breaker { clear: both; }
.lbreaker { clear: left; }
.rbreaker { clear: right; }

p { margin: 10px 0 0 0; }
p.fivespace { margin: 5px 0 0 0; }
p.tenspace { margin: 10px 0 0 0; }
p.fifteenspace { margin: 15px 0 0 0; }
p.twentyspace { margin: 20px 0 0 0; }

.false { display: none; }

.txt-red { color: #b80e0e; }

#wrapper {
	background: #fff;
	margin: 30px auto 0 auto;
	text-align: left;
	width: 900px;
}

#home-header {
	width: 900px;
	height: 260px;
	overflow: hidden;
}

#full-header {
	width: 900px;
	height: 70px;
}

	#header-lft {
		width: 400px;
		float: left;
	}

		#header-logo {
			margin: 10px 0 0 0;
		}

	#header-rgt {
		width: 400px;
		float: right;
	}

		#header-butt {
			width: 108px;
			height: 28px;
			margin: 20px 0 0 292px;
		}

#topnav {
	width: 900px;
	height: 43px;
	background: #fff url(/images/bg-topnav.gif) no-repeat left top;
	border-bottom: 1px solid #fff;
}

	#topnav ul {
		width: 900px;
		height: 43px;
		line-height: 43px;
		list-style: none;
		margin: 0;
		padding: 0;
	}

		#topnav ul li {
			height: 39px;
			display: inline;
			float: left;
			font-size: 0.7em;
			font-weight: bold;
			line-height: 39px;
			list-style-type: none;
			margin: 0;
			padding: 2px 2px 2px 0;
			text-align: center;
			background: transparent url(/images/bg-topnav-li.gif) no-repeat right top;
		}

			#topnav ul li#tn-a { width: 66px; }
			#topnav ul li#tn-b { width: 116px; }
			#topnav ul li#tn-c { width: 134px; }
			#topnav ul li#tn-d { width: 78px; }
			#topnav ul li#tn-e { width: 134px; }
			#topnav ul li#tn-f { width: 126px; }
			#topnav ul li#tn-g { width: 68px; }
			#topnav ul li#tn-h { width: 68px; }
			#topnav ul li#tn-i { width: 92px; background: none;}

			#topnav ul li a { display: block; width: 100%; }

				#topnav ul li a:link, #topnav ul li a:visited { color: #ccc; }
				#topnav ul li a:hover, #topnav ul li a:active { color: #ff9c00; padding-bottom: 0; border-bottom: 2px solid #b80e0e; text-decoration: none; }

				#topnav ul li.active a { padding-bottom: 0; border-bottom: 2px solid #b80e0e; }

					#topnav ul li.active a:link, #topnav ul li.active a:visited, #topnav ul li.active a:hover, #topnav ul li.active a:active, { color: #ff9c00; }

#main-container {
	width: 900px;
	margin-top: 15px;
}

	#main-navigation {
		width: 210px;
		float: left;
	}

		#main-navigation ul {
			width: 210px;
			border-top: 1px solid #d5d5cd;
			list-style: none;
			margin: 0;
			padding: 0;
		}

			#main-navigation ul li {
				border-bottom: 1px solid #d5d5cd;
				color: #000;
				font-size: 0.8em;
				padding: 8px 0 8px 15px;
			}

				#main-navigation ul li.main-nav-first {
					padding-top: 22px;
				}

				#main-navigation ul li a:link, #main-navigation ul li a:visited { color: #000; }
				#main-navigation ul li a:hover, #main-navigation ul li a:active { color: #b80e0e; }

				#main-navigation ul li.main-nav-header {
					color: #b80e0e;
					font-weight: bold;
				}

					#main-navigation ul li.main-nav-header a:link, #main-navigation ul li.main-nav-header a:visited { color: #b80e0e; }
					#main-navigation ul li.main-nav-header a:hover, #main-navigation ul li.main-nav-header a:active { color: #000; }

	#main-content {
		width: 665px;
		float: right;
		font-size: 0.8em;
		line-height: 1.6em;
	}


		#main-content.wide {
			width: 900px;
		}


		#main-content h1 {
			font-size: 1.8em;
			margin: 15px 0 0 0;
		}

		#main-content a {
		    text-decoration: underline;
		}

		.page-type-1 { }
		.page-type-2 { float: right; margin: 50px 0px 10px 10px; }

		#home-page {
			width: 900px;
			padding-bottom: 10px;
		}

			#home-page-top {
				background: #fff url(/images/bg-home-page.gif) repeat-y left top;
			}

			#home-page-lft {
				width: 540px;
				float: left;
				font-size: 0.9em;
			}

				#home-page-lft h1 {
					color: #b80e0e;
				}

			#home-page-rgt {
				width: 340px;
				float: right;
				line-height: 1.5em;
			}

				#home-page-rgt h3 {
					color: #ff9c00;
					font-size: 1.8em;
					margin: 15px 0 0 10px;
				}

				#picbullets {
					width: 340px;
					float: left;
					margin: 0;
					padding: 15px 0 0 0;
				}

					.picbullrow {
						width: 330px;
						border-bottom: 1px solid #ccc;
						padding: 0 0 5px 0;
						margin: 0 0 0 10px;
					}

						.picbullpic {
							width: 100px;
							float: left;
						}

						.picbullbull {
							width: 230px;
							float: right;
						}

							.picbullbull ul {
								margin: 0;
								padding: 0;
								list-style: none;
							}

							.picbullbull ul li {
								background: none;
								font-weight: bold;
								margin: 0;
								padding: 0;
							}

							#home-page-rgt .picbullbull ul li a {
								font-size: 1.0em;
							}

							#home-page-rgt .picbullbull ul li a:link, #home-page-rgt .picbullbull ul li a:visited { color: #b80e0e; text-decoration: underline; }
							#home-page-rgt .picbullbull ul li a:hover, #home-page-rgt .picbullbull ul li a:active { color: #b80e0e; text-decoration: underline; }

			#brok-links-home {
				width: 900px;
				margin: 10px 0;
			}

				.brok-row-home {
					width: 900px;
					padding: 10px 0;
				}

			#home-page-white {
				background-color: #fff;
				padding: 0 0 10px 0;
			}

	#brok-links {
		width: 665px;
		margin: 10px 0;
	}

		.brok-row {
			width: 665px;
			padding: 10px 0;
		}

			.brok-item {
				width: 205px;
				float: left;
				line-height: 1.5em;
				margin: 0 25px 0 0;
			}

			.brok-item-end { margin-right: 0px; }

				.brok-item h2 {
					border-top: 1px solid #d5d5cd;
					border-bottom: 1px solid #d5d5cd;
					font-size: 1.1em;
					font-weight: normal;
					margin: 0 0 10px 0;
					padding: 3px 0;
				}

				.brok-item-img {
					width: 100px;
					float: left;
					padding-bottom: 3px;
				}

				.brok-item-txt {
					width: 105px;
					float: right;
					font-size: 1.0em;
					line-height: 1.2em;
				}

				.brok-item-txt a {
					color: #b80e0e;
					font-size: 1.0em;
					line-height: 1.4em;
				}

#full-footer {
	width: 900px;
	border-top: 3px solid #ff9c00;
	font-size: 0.7em;
	line-height: 1.5em;
	margin-top: 15px;
	padding: 5px 0;
}

	#full-footer a {
		text-decoration: underline;
	}

	#fullfoot-lft {
		width: 620px;
		float: left;

	}

	#fullfoot-rgt {
		width: 200px;
		float: right;
		text-align: right;
	}

#gmap {
	clear: both;
	width: 663px;
	height: 398px;
	border: 1px solid #000000;

}

/**** Additional Content ***/

#hardness-table {
    margin-top: 20px;
    width: 100%;
    border-collapse:collapse;
    border: 1px solid #ccc;
}

#hardness-table th {
    font-size: 1.4em;
    font-weight: bold;
    color: #b80e0e;
    font-size: 1.2em;
    border: 1px solid #ccc;
    border-bottom: 2px solid #ccc;
    padding: 2px 5px;
}

#hardness-table td {
    padding: 2px 5px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

#hardness-table td.subhead {
    border: 1px solid #ccc;
    border-top: 0px;
    border-bottom: 2px solid #ccc;
    font-weight: bold;
}


.furnace-div {
    margin: 20px 0px;
}

.furnace-div h3 {
    font-weight: bold;
    color: #b80e0e;
    font-size: 1.2em;
}

.furnace-label {
    display: block;
    float: left;
    width: 200px;
    font-weight: bold;
    border-right: 1px solid #000;
}

.furnace-attr {
    margin-left: 10px;
}

.steel-name {
    width: 160px;
    float: left;
}

#treatment-cycle-wrap {
    width: 330px;
    height: 330px;
    margin: 50px 0px 10px 10px;
    float: right;
}

.conlist-head {
    font-size: 1.2em;
    font-weight:bold;
    padding-top: 20px;
    padding-bottom: 5px;
    color: #b80e0e;
}

.conlist-lbl {
    font-size: 1em;
    font-weight: bold;
    float: left;
    width: 110px;
}

.conlist-info {
}

.conlist-text {
    margin-top: 5px;
    padding-top: 5px;
}

.conlist-text p {
    margin: 0px;
    padding: 0px;
}

/* news */

div.newsitem {
	clear: both;
	height: 70px;
	border-bottom: 1px solid #eee;
	margin-bottom: 10px;
}

	#main-content div.newsitem a:link, #main-content div.newsitem a:visited { color: #b80e0e; text-decoration: none; }
	#main-content div.newsitem a:hover, #main-content div.newsitem a:active { color: #b80e0e; text-decoration: underline; }

#movie-wrapper {
	margin-top: 10px;
	background-color: #fff;
}