/* Product Tables */


/*MACHINE SIZE NAVIGATION (class 20-100)
---------------------------------------------------------*/
#size_nav {
float: left;
width: 100%;
margin: 0 0 10px 0;
border-bottom: 1px solid #E9E9E9;
}
#size_nav a{text-decoration: none;}
#size_nav li{
  float: left;
  list-style: none;
  margin-left: 1px;
}
#size_nav li a {
	padding: 0.25em 1em;
	margin: 0.15em;
}

#size_nav li a:link {
	color: #999;
}
#size_nav li a:visited {
	color: #CCCC99;
}

#size_nav li a:hover {
	border-bottom: 2px solid #CCCC99;
	background: #CCCC99;
	color: black;
}
#size_nav li.current {
	padding: 0 1em;
  border-bottom: 2px solid #E0C143;
  color: #E0C143}

/*---product class table HEADERS---*/


.ecIcon {
	background: url(../images/icon_expand_collapse.gif) 100% 0 no-repeat;
	padding-right: 25px;
	height: 20px;
}

.headerTableProducts {
  padding: 15px 5px 10px 5px;
  margin: 0 0 0 0;
  background: #E9E9E9 url(../img/gradient_whtTop_grayBott.gif) top left repeat-x;
  width: auto;
  border-top: 1px solid #E9E9E9;
  border-right: 1px solid #E9E9E9;
  position: relative;
  min-height: 7em;
  }


.headerTableProducts_left {
  width: 70%;
  }

.headerTableProducts_left h4 {
  font: bold 1.3em Helvetica, "Helvetica Neue", Arial, sans-serif;
  margin: 0 0 2px 5px;
  }
 

.headerTableProducts_left p {
  line-height: 1.3em;
  margin: 5px 0 5px 5px !important;
  }  

.hdrProdImg {
float: right;
width: 64px;

  }

.icon_infograybox {
  vertical-align: middle;
   }

.headerTableProducts_right {
  float: right;
padding: 20px 5px 0 0;
position: absolute;
top:0;
right:0;
  }
  


.headerTableProducts_right p a {
float: right;  
background: url(../images/icon_info_graysquare.gif) 5% 50% no-repeat;
  text-decoration: none;
font: bold 1.1em "Helvetica Neue", Arial, sans-serif;  
color: #666;
  border: 1px solid #666;
  background-color: white;
  padding: 0px 5px;
clear: both;
  }
  
 .headerTableProducts_right p a:link {
 }
 
.headerTableProducts_right p a:visited{
color: #666;
}

.headerTableProducts_right p a:hover {
  color: white;
  border: 1px solid #666;
  background-color: #666;
}  

.headerTableProducts_right p a:active {
  color: #666;
  border: 1px solid #666;
  background-color: #e9e9e9;
}

.headerTableFullWidth {
  position: relative;
  border-top: 1px dotted #999;
  margin: 10px 0 0 5px;

   }

.headerTableFullWidth h5 {
  
  font: bold 1.0em "Helvetica Neue", Arial, sans-serif;
  margin: 0 0 0 5px;
  padding: 5px 5px 5px 5px;
  } 
.headerTableFullWidth p {
  width: 38em;
   margin: 0 0 0 5px;
  padding: 5px 5px;
  }

.headerTableFullWidth img {
  float: right;
  position: absolute;
  margin: 0 5px 0 0;
  padding: 5px 10px 0 51.4em;
  }

.headerTableFullWidth p {
}
 
.expandCollapse {
  background: white;
  width: 17em;
  font: .9em Verdana, Arial, sans-serif;
  text-align: left;
  vertical-align: top;
  margin: 0 0 5px 5px;
  padding: 0.3em;
  border-top: 1px solid white;
  border-left: 1px solid white;
  border-bottom: 1px solid #666;
  border-right: 1px solid #666;
   }
  .expandCollapse a {
  display: block;
  text-decoration: none;
  cursor: pointer;
  }
  .expandCollapse a:hover {
  color: #666;
  }
  

.expandCollapse a:active {
color: black;
}

  
/*---product class TABLES---*/

.tableProducts {
  
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #e9e9e9;
  margin: 0 0 5px 0;
  }

.tableProducts th, td {
  padding: 0.1em 1em;}
  
.tableProducts caption {
  display: none;
  }

.tableProducts col {
  border-right: 1px solid #ccc;
  }
col.weightCol {
  border: none;
  }

.tableProducts thead {
  
  background: #e9e9e9 url(../images/table_hdr_back.gif) bottom left repeat-x;
  border-top: 1px solid #a5a5a5;
  border-bottom: 1px solid #a5a5a5;
  }

.tableProducts th {
  padding: 5px 0 5px 5px;
  font-weight: bold;
  }
.odd {
  background-color: #e9e9e9;
  }
  
.tableProducts td {
  padding: 5px;}

.tableProducts tr:hover {
  background-color: #E0C143;
  }

.tableProducts thead tr:hover {
  background-color: transparent;
  color: inherit;
  }

/* Table text formatting*/

.tableProducts h5 {
  font: 1.2em Verdana, Helvetica, Arial, sans-serif;
  padding: 5px 0 5px 0;
  font-weight: bold;
  }
  
.tableProducts h5 a {
  text-decoration: none;
  color: black;
  letter-spacing: -0.01em;
  }
.tableProducts p {
  color: black;
  margin: 0 0 0 0 !important;
   }

.tableProducts p a {
  text-decoration: none;
  color: #666;
  border: 1px solid #666;
  background-color: white;
  padding: 1px 3px 1px 3px;
  }
 .tableProducts p a:link {
 }
 
.tableProducts p a:visited{
color: #666;
}

.tableProducts p a:hover {
  color: white;
  border: 1px solid #666;
  background-color: #666;
}  

.tableProducts p a:active {
  color: #666;
  border: 1px solid #666;
  background-color: #e9e9e9;
  padding: 2px 3px 2px 3px;
}
  
.tableProducts td p img {
  vertical-align: middle;
   }

.prod_overview {
  font: .7em Verdana, Helvetica, "Helvetica Neue", Arial, sans-serif;
  }
  
.prod_overview a {
  text-decoration: none;
  padding: 3px 2px;
  margin: 0 0 0 2px;
  }

.prod_overview a:link {
 color: #e9e9e9;
  border: 1px solid #e9e9e9;
 }
.prod_overview a:visited {
  color: #e9e9e9;
  border: 1px solid #e9e9e9;
  }
.prod_overview a:hover {
  background-color: #ccc;
  color: black;
  border: 1px solid #e9e9e9;
  }
.prod_overview a:active {
  background-color: white;
  color: black;}

