/* CSS Document For Te-Co (c)2005 
1. Design Conventions
2. Navigation
3. Design Layout 
3.1 Search Styles 
3.2 CAD Button
3.3 Left Nav Area
3.3a Product Navigation
3.3b What's New
3.4 Right Side Wrap
3.4a Featured Products
3.5 Footer	
4. Sub Level Design
*/

/* 1. Design Conventions Begin*/

* {
	margin: 0;
	padding: 0;
}

html,
body {
	min-height: 100%;
}

body {
	background: #fff;
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: transparent url("../images/bottom_gradient_strip.jpg") repeat-x bottom left;
}

.spacer {
	clear: both;
	height: 0;
	line-height: 0.1;
	font-size: 1px;
}	

a:link  {
	color:#0D1DF8;
}

a:visited {
	color:#0D1DF8;
}	

a:hover {
	text-decoration:none;
}	

img {
	border:0;
}

h3 {
	font-size:14px;
}	

p {
	margin: 10px 15px 5px 15px;
}

#content_wrap2 .padding {
	padding: 15px;
	display: block;
}

/* Row layout Begin */
.row {
	clear: both;
	margin: 5px 0 5px 15px;
}

.left {
	width: 100px;
	text-align:right;
	float:left;
	padding-right:20px;
}	

.left_75 {
	width:75px;
	text-align:left;
	float:left;
}

.left_200 {
	width:200px;
	text-align:left;
	float:left;
}

.right {

}	

/* End Row layout */

/*End Design Conventions*/


/* 2. Navigation Begin */
#nav {
	float:right;
	margin:0;
	padding:0;
	display:block;
	height: 39px;
}

#nav li {
	/*float the main list items*/
	margin: 0;
	padding:0;
	float: left;
	display: block;
}

#nav li.off ul, #nav li.on ul {
	/*hide the subnavs*/
	display: none;
}

#nav li a {
	/*for all links in the list*/
	display: block;
	height: 39px;
	margin: 0;
	padding: 0;
	text-decoration:none;
}

/* Unique Navigation ID properties Begin*/
#nav li a#products:link,
#nav li a#products:visited {
	/* Products Button */
	background: transparent url("../images/menu_bg.jpg") 0 0 no-repeat;
	width:81px;
	text-indent:-9999px;
}
#nav li a#products:hover,
#nav li.off a#products.hit {
	background: transparent url("../images/menu_bg.jpg") 0 -39px no-repeat;
}	

#nav li a#where_to_buy:link,
#nav li a#where_to_buy:visited {
	/*Where to Buy Button */
	background: transparent url("../images/menu_bg.jpg") -81px 0 no-repeat;
	width:103px;
	text-indent:-9999px;
}
#nav li a#where_to_buy:hover,
#nav li a#where_to_buy.hit {
	background: transparent url("../images/menu_bg.jpg") -81px -39px no-repeat;
}	

#nav li a#literature:link,
#nav li a#literature:visited {
	/*Literature Button */
	background: transparent url("../images/menu_bg.jpg") -184px 0 no-repeat;
	width:83px;
	text-indent:-9999px;
}
#nav li a#literature:hover {
	background: transparent url("../images/menu_bg.jpg") -184px -39px no-repeat;
}	

#nav li a#company_info:link,
#nav li a#company_info:visited {
	/*company_info Button */
	background: transparent url("../images/menu_bg.jpg") -267px 0 no-repeat;
	width:105px;
	text-indent:-9999px;
}
#nav li a#company_info:hover,
#nav li a#company_info.hit {
	background: transparent url("../images/menu_bg.jpg") -267px -39px no-repeat;
}

#nav li a#tradeshows:link,
#nav li a#tradeshows:visited {
	/*Tradeshows Button */
	background: transparent url("../images/menu_bg.jpg") -373px 0 no-repeat;
	width:98px;
	text-indent:-9999px;
}

#nav li a#tradeshows:hover {
	background: transparent url("../images/menu_bg.jpg") -373px -39px no-repeat;
}		

#nav li a#faqs:link,
#nav li a#faqs:visited {
	/*faqs Button */
	background: transparent url("../images/menu_bg.jpg") -471px 0 no-repeat;
	width:59px;
	text-indent:-9999px;
}

#nav li a#faqs:hover {
	background: transparent url("../images/menu_bg.jpg") -471px -39px no-repeat;
}

#nav li a#contact:link,
#nav li a#contact:visited {
	/*contact Button */
	background: transparent url("../images/menu_bg.jpg") -530px 0 no-repeat;
	width:74px;
	text-indent:-9999px;
}

#nav li a#contact:hover {
	background: transparent url("../images/menu_bg.jpg") -530px -39px no-repeat;
}						

/* End Unique Navigation ID properties*/
#nav li.off ul, 
#nav li.on ul {
	/*put the subnavs below and hide them all*/
	display: none;
	position: absolute;
	top: 89px;
	left: 144px !important;
	left: 138px;
	height: 15px;
	width: 800px;
	margin: 0;
	padding:10px 0 0 0;
	background:transparent url("../images/transparent_bg.gif") top repeat;
}	

#nav li.on a {
	/*change border color for active topic area*/
	border: 1px solid #f90;
}

#nav li.on ul a, 
#nav li.off ul a {
	/*  cancel inherit of border
	on subnav of active topic */
	border: 0;
}

#nav li.on ul {
	/*display active subnav list*/
	display: block;
}

#nav li.on ul a, 
#nav li.off ul a {
	float: left;
	/*ie doesn't inherit the float*/
	border: 0;
	color: #f90;
	width: auto; 
	margin: 0 5px 0 5px !important;
	margin: 0 1px 0 1px;
	font-size:10px;
	background:transparent;
}

#nav li.on ul {
	/*display the current topic*/
	display: block;
}

#nav li.off:hover ul, 
#nav li.over ul {
	/*  display the other topics when
	their parent is hovered */
	display: block;
	z-index: 6000;
	height:50px;
}

#nav li.off a:hover, 
#nav li.off:hover a:link,
#nav li.over a:link,
#nav li.off:hover a:visited,
#nav li.over a:visited {
	background: transparent;
	font-weight:bold;
	color: #333;
	text-decoration:none;
}

#nav li.off a:hover, 
#nav li.off:hover a:hover,
#nav li.over a:hover {
	background: transparent;
	color: #00A3DA;
}

#nav li.off ul, #nav li.on ul {
	/*put the subnav below*/
	top: 39px;
	*top: 34px; /*reposition for IE*/
}

/* End Navigation */

/* 3. Design Layout Begin */
#top_band {
	height:122px;
	width:100%;
	margin:0 0 -122px 0;
	background: transparent url("../images/navigation_bg.jpg") repeat-x 0 0;
}

#gray_strip {
	width:100%;
	position:absolute;
	height:289px;
	z-index:1;
	background: transparent url("../images/gray_bg.gif") top repeat-x;
	top:310px !important;
	top: 335px;
	left:0;
}

#main_wrapper {
	width: 740px;
	margin: -122px auto 0 auto; 
	position: relative;
	z-index:2;
}

#logo_wrap {
float: left;	
}

#content_wrap {
	width:740px;
	background:transparent url("../images/content_bg.gif") top repeat-y;
	height: auto;
}

#content_header a {
	width:740px;
	height: 60px;
	background: transparent url("../images/content_top.jpg") top no-repeat;
	margin:0;
	padding:0;
	text-indent: -9999px;
	display:block;
	text-decoration:none;
}

#content_footer {
	width: 740px;
	height: 28px;
	background: transparent url("../images/content_footer.jpg") top no-repeat;
	clear: both;
}

#bottom_band {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 250px;
	width: 100%;
}	

#header_wrap {
	position: relative;
	margin: 5px 0 0 0 !important;
	margin: 75px 0 0 0;
	display: block;
	height: 157px;
	width:740px;
	background: transparent url("../images/home_header.jpg") top no-repeat;
}	

#header_wrap h1 {
	margin: 0;
	padding:0;
	text-indent:-9999px;
	display:block;
}	

#header_wrap span#image_one {
	position: absolute;
	bottom: 7px;
	left: 16px;
	height: 123px;
	width: 195px;
}

#header_wrap span#image_two {
	position: absolute;
	bottom: 7px;
	left: 257px;
	height: 123px;
	width: 195px;
}	

#header_wrap span#image_three {
	position: absolute;
	bottom: 7px;
	left: 520px;
	height: 123px;
	width: 195px;
}	

/* 3.1 Search Styles Begin*/	
#search_wrapper {
	float: right;
	margin: 25px 0 5px 0;
	padding:0;
}	

#search_field {
	border:1px solid #939393;
	padding: 2px 0 0 3px;
	font-size:10px;
	height: 16px;
	width: 155px;
	color: #939393;
	vertical-align:top;
}

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

#search_wrapper small {
	vertical-align:top;
	color:#939393;
	display:block;
	margin:0 0 0 20px !important;
	margin:0 0 0 13px;
}

.items_per_page {
	text-align: center;
	height: 30px;
	width: 500px;
}

.footer_nav {
	text-align: center;
	height: 30px;
	width: 500px;
}

.page_nav {
	margin: 0 5px 0 5px;
}
/* End Search Styles */			

/*3.2  CAD Button Begin */
#cad_wrapper {
	margin:-30px 0 0 325px !important;
	margin: -20px 0 -66px 325px;
	display:block;
	height:25px;
	width:165px;
	clear:both;
}		

#cad_wrapper a:link,
#cad_wrapper a:visited {
	background: transparent url("../images/view_cad_button.jpg") 0 0 no-repeat;
	display:block;
	height:25px;
	width:165px;
	text-indent:-9999px;
	text-decoration:none;
}

#cad_wrapper a:hover {
	background: transparent url("../images/view_cad_button.jpg") 0 0 no-repeat;
}
/* End  CAD Button */

/* 3.3 Left Nav Area Begin*/
#left_nav_wrap {
	float: left;
	width: 178px;
	margin-left: 15px;
}

/* 3.3a Products Navigation Begin */
#products_nav {
	list-style:none;
	width:178px;
	height: auto;
	margin-bottom: 25px;
}

li#products_header{
	height: 56px;
	text-align: left;
	text-indent:-999em;
	background: transparent url("../images/products_header.jpg") top no-repeat;
}

#products_nav li a {
	height: 33px;
	display: block;
	text-align: left;
	text-indent:-999em;
	text-decoration:none;
}

/*Tooling Components */				
#products_nav li a#tooling_components_button:link,
#products_nav li a#tooling_components_button:visited {
	background: transparent url("../images/products_nav.jpg") 0 0 no-repeat;
}

#products_nav li a#tooling_components_button:hover {
	background: transparent url("../images/products_nav.jpg") -180px 0 no-repeat;
}

/*Gaging & Inspection*/
#products_nav li a#gaging_inspection_button:link,
#products_nav li a#gaging_inspection_button:visited {
	background: transparent url("../images/products_nav.jpg") 0 -33px no-repeat;
}

#products_nav li a#gaging_inspection_button:hover {
	background: transparent url("../images/products_nav.jpg") -180px -33px no-repeat;
}

/* Spring & Ball Plungers */
#products_nav li a#plungers_button:link,
#products_nav li a#plungers_button:visited {
	background: transparent url("../images/products_nav.jpg") 0 -66px no-repeat;
}

#products_nav li a#plungers_button:hover {
	background: transparent url("../images/products_nav.jpg") -180px -66px no-repeat;
}

/* Toggle Clamps */
#products_nav li a#toggle_clamps_button:link,
#products_nav li a#toggle_clamps_button:visited {
	background: transparent url("../images/products_nav.jpg") 0 -99px no-repeat;
}

#products_nav li a#toggle_clamps_button:hover {
	background: transparent url("../images/products_nav.jpg") -180px -99px no-repeat;
}				

/*Hoist Rings */
#products_nav li a#hoist_rings_button:link,
#products_nav li a#hoist_rings_button:visited {
	background: transparent url("../images/products_nav.jpg") 0 -132px no-repeat;	
}

#products_nav li a#hoist_rings_button:hover {
	background: transparent url("../images/products_nav.jpg") -180px -132px no-repeat;	
}

/* TOOLEX Vise Systems */
#products_nav li a#toolex_vise_button:link,
#products_nav li a#toolex_vise_button:visited {
	background: transparent url("../images/products_nav.jpg") 0 -165px no-repeat;
}

#products_nav li a#toolex_vise_button:hover {
	background: transparent url("../images/products_nav.jpg") -180px -165px no-repeat;
}

/* Columns & Plates */
#products_nav li a#columns_button:link,
#products_nav li a#columns_button:visited {
	background: transparent url("../images/products_nav.jpg") 0 -198px no-repeat;
}

#products_nav li a#columns_button:hover {
	background: transparent url("../images/products_nav.jpg") -180px -198px no-repeat;
}

/* Magnetic Workholding */
#products_nav li a#magnetic_workholding_button:link,
#products_nav li a#magnetic_workholding_button:visited {
	background: transparent url("../images/products_nav.jpg") 0 -231px no-repeat;
	height: 40px;
}

#products_nav li a#magnetic_workholding_button:hover {
	background: transparent url("../images/products_nav.jpg") -180px -231px no-repeat;
}

/* End Products Navigation */

/* 3.3b  What's New Begin */
#whats_new {
	list-style:none;
	margin:0 0 25px 0;
	padding:0;
	letter-spacing:.1em;
}

li#whats_new_header {
	width:178px;
	height:40px;
	display:block;
	background:transparent url("../images/whats_new_header.jpg") top no-repeat;
	text-indent:-9999px;
	margin:0;
	padding:0;
}

#whats_new li.entry {
	width:158px;
	color: #666;
	margin:0;
	padding: 5px;
}

#whats_new li.entry:hover {
	background:#fff;
}	

#whats_new strong {
	color: #333;
}

#whats_new li.entry a:link,
#whats_new li.entry a:visited {
	color: #036;
}

#whats_new li.entry a:hover {
	text-decoration: none;
	background-color: #D5D5D5;
}	
/* End What's New */

/* End Left Nav Area */

/* 3.4 Right Side Wrap Begin */
#right_side_wrap {
	border-left: 1px solid #ccc;
	float: left;
	width: 515px;
	margin-left: 15px;
}

#right_side_wrap h1,
#right_side_wrap h2,
#right_side_wrap h3,
#right_side_wrap h4 {
	margin: 5px 0 10px 15px;
}

#right_side_wrap h1 {
	font-size:20px;
	font-family:"Lucida Grande", Arial;
	font-weight:normal;
	letter-spacing:.1em;

}

#right_side_wrap h2 {
	font-size:20px;
	font-family:"Lucida Grande", Arial;
	font-weight:normal;
	letter-spacing:.1em;
}	

#right_side_wrap p {
	margin: 5px 0 10px 15px;
	font-family:"Lucida Grande", Arial;
	font-weight:normal;
	letter-spacing:.1em;
}

#right_side_wrap ul,
#right_side_wrap ol {
	margin: 0 0 10px 25px;
}

/* 3.4a Featured Product Wrap Begin*/
#right_side_wrap .featured_wrap,
#right_side_wrap .tradeshow_wrap {
	float: left;
	width: 500px;	/* Added by lonnie to correct squashing in IE7 */
	margin: 0 0 15px 15px;
	background: transparent url("../images/product_wrap_bg.gif") repeat-y;
}	

* html div#right_side_wrap .featured_wrap,
* html div#right_side_wrap .tradeshow_wrap {
	margin-left: 7px;
}

#right_side_wrap .featured_wrap_top,
#right_side_wrap .tradeshow_wrap_top {
	width:500px;
	height:5px;
	background:transparent url("../images/product_wrap_top.gif") top no-repeat;
	display:block;
}

#right_side_wrap .featured_image {
	display:block;
	float:left;
	margin:8px 10px 0 10px;
}

#right_side_wrap .featured_wrap_bottom,
#right_side_wrap .tradeshow_wrap_bottom {
	width:500px;
	height:5px;
	background:transparent url("../images/product_wrap_bottom.gif") top no-repeat;
	margin:0 !important;
	margin: 0 0 -9px 0;
	display:block;
}	

.product_info_wrap {
	float:right;
	width:300px !important;
	width: 290px;
	padding:5px;
	margin: 0 5px 0 0;
}

#right_side_wrap .featured_wrap h3 {
	margin: 0 0 5px 0;
}

.featured_wrap p {
	margin: 0 0 10px 0;
}


/* End Featured Product Wrap */

/* End Right Side Wrap */

/* 3.5 Footer Begin */ 
#footer {
	width:740px;
	position:relative;
	margin:10px auto 10px auto;
	text-align:center;
	display:block;
}

#footer p {
	color:#666;
	width: 600px;
	margin: 0 auto 5px auto;
}

#footer_logo {
	float:left;
}	

#footer_iso {
	float:right;
	display:block;
	vertical-align:top;
	margin:-17px 0 0 0;
}	
/* End Footer */ 


/* End Design Layout */

/* 4. Sub Level Design Begin*/
#breadcrumb_wrapper {
	margin: -5px 0 -15px 0;
}

#breadcrumb_wrapper a{
	color:#959595;
}

.product_wrap {
	margin: 0 0 0 16px !important;
	margin: 0 0 0 20px;
}

#content_wrap2 {
	width:740px;
	background:transparent url("../images/content_bg.gif") repeat-y 0 0;
	height: auto;
}

#content_wrap2 h2 {
	font-size:20px;
	font-family:"Lucida Grande", Arial;
	font-weight:normal;
	letter-spacing:.1em;
}

#content_header2 {
	width:740px;
	height: 32px;
	background: transparent url("../images/content_top2.jpg") top no-repeat;
	margin-top: 25px;
}

#content_footer2 {
	width:740px;
	height: 28px;
	background: transparent url("../images/content_footer.jpg") no-repeat 0 0;
	clear: both;
}

#gray_strip2 {
	width:100%;
	position:absolute;
	height:289px;
	z-index:1;
	background: transparent url("../images/gray_bg.gif") top repeat-x;
	top:130px !important;
	top: 150px;
	left:0;
}

#left_nav_wrap2 {
	float: left;
	width:178px;
	margin-left: 15px;
}

* html div#left_nav_wrap,
* html div#left_nav_wrap2 {
	margin-left: 7px;
}

#catalog_wrap {
	margin: 5px 0 5px 0;
	clear:both;
	height:90px;
}

.catalog{
	float:left;
	margin: 0 0 5px 35px;
	text-align: center;
}

.catalog a {
	text-decoration:none;
}

p#catalog_name {
	font-weight:bold;
	margin: 10px 0 -5px 0;
	color:#939393;
	clear:both;
}

#request_form_wrapper {
	float: left;
}

#request_form_wrapper.margin-left {
	margin-left: 15px;
}

#request_form_wrapper input.textfield  {
	border:1px solid #939393;
	padding: 2px 0 0 3px;
	font-size:10px;
	height: 16px;
	width: 155px;
	color: #333333;
	vertical-align:top;
}

#request_form_wrapper input  {
	border:1px solid #939393;
	font-size:10px;
	height: auto;
	width: auto;
	padding:0;
	vertical-align:top;
	color: #333333;
}

#request_form_wrapper select  {
	border:1px solid #939393;
	padding: 2px 0 0 3px;
	font-size:10px;
	height: 22px;
	width: 162px;
	color: #333333;
	vertical-align:top;
}

#request_form_wrapper input.file_upload{
	border:1px solid #939393;
	height: 23px;
	width: 175px;
}

#request_form_wrapper textarea {
	border:1px solid #939393;
	padding: 2px 0 0 3px;
	font-size:10px;
	width: 300px;
	color:#939393;
	vertical-align:top;
}

#request_form_wrapper input.send {
	border: none;
}

#product_header {
	clear: both;
}	

#product_header img {
	float:left;
	margin: 0 4px 0 0;
}

#left_side {
	clear: both;
	float:left;
	width: 200px;
	text-align:left;
	margin: 25px 0 0 15px;
}

* html div#left_side {
	margin-left: 7px;
}

.cad_ul {
	width: 480px;
}

#left_side ul {
	margin: 5px 0 10px 25px;
}

#left_side ul ul {
	margin-left: 35px;
	list-style-type: circle;
}

#left_side ul ul ul {
	margin-left: 45px;
}

#left_side h3 {
	margin:0 0 5px 0;
}	

#right_side {
	margin: 25px 0 0 30px;
	float: left;
	width: 450px;
}

#right_side h4 {
	margin: 0 0 10px 0;
}		

.product_group td {
	border-left: 1px solid #CECECE;
	border-bottom: 1px solid #CECECE;
}

#footer2 {
	width:740px;
	position:relative;
	margin:10px auto 100px auto;
	text-align:center;
}

#footer2 p {
	color:#666;
	width: 600px;
	margin: 0 auto 5px auto;
}

/* Tradeshow Wrap Begin*/

.tradeshow_info_wrap {

	padding: 5px;
	margin: 0 5px 0 0;
	
}

.tradeshow_wrap h3 {
	margin: 0 0 5px 0;
}

.tradeshow_wrap p {
	margin: 0 0 10px 0;
}
/* End Tradeshow Wrap */
/* End Sub Level Design */

.product_description {
	font-family: Arial;
	font-size: 11px;
}

.product_group {
	font-family: Arial;
	font-size: 9px;
	border: 1px solid #939393;	
	margin: 0 0 15px 0;
}

.product_group th {
	background-color: #00A5DE;
}

.quantity {
	margin: 2px 0 1px 0 !important;
	margin: 1px 0 0 0;
}

#teco_building {
	float:left;
	margin: 5px 5px 0 0;
	height: 179px !important;
	height: 174px;
}

#content_wrap2 input.send-btn {
	width: 48px;
	height: 19px;
}

#content_wrap2 input.submit-request-btn {
	width: 121px;
	height: 19px;
	border: none;
}

#content_wrap2 div#inner-wrap {
	margin: 0 15px;
}