/*----------------------------------------------------------------------------------
	CSS :: TOOLEX Vise Workholding Systems
----------------------------------------------------------------------------------*/


	 .odd{background-color: #D8D4D3;} 
	 .even{background-color: white} 
	#right_side h4,
	#left_side h3 {
		padding-top: 8px;
		padding-bottom: 8px;
	}
	.product_group td,
	.product_group {
		border: 1px solid #D8D4D3;
	}

	.product_group th {
		background-color: #009AD8;
	}

	.product_group {
		width: 100%;
	}

	TH {
		color: black;
	}

	* {
		font-family: Tahoma;
		margin: 0;
		padding: 0;
	}
	
	a {
		text-decoration: none;
	}
	
	a:hover {
		text-decoration: underline;
	}

	html,
	body,
	div#outer,
	div#inner {
	    min-height: 100%;
	    width: 100%;
	    height: auto;
	}
	
	* html,
	* html body,
	* html div#outer,
	* html div#inner {
	    height: 100%;
	}
	
	h2 {
		font: normal normal bold 16px Helvetica;
		color: #818181;
	}
	
	div.clr {
		clear: both;
	}
	
	body {
		background: #009AD8 url(../images/bg/bg.gif) repeat-x;
	}
	
	div#outer {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	}
	
	div#inner {
	    position: absolute;
	    left: 50%;
	    width: 780px;
	    margin-left: -390px;
		background: #fff url(../images/bg/left_column.gif) repeat-y;
		border-left: #000 1px solid;
		border-right: #000 1px solid;
	}
	
/*----------------------------------------------------------------------------------
	Header :: Definitions
----------------------------------------------------------------------------------*/

	#inner div#header {
		position: relative;
		margin: auto;
		width: 100%;
		height: 155px;
		background: #D6D6D6 url(../images/bg/header.gif) repeat-x;
	}
	
/*----------------------------------------------------------------------------------
	Header :: TOOLEX Logo
----------------------------------------------------------------------------------*/

	#header a#logo {
		position: absolute;
		z-index: 2;
		top: 17px;
		left: 16px;
		text-align: left;
		text-indent: -999em;
		text-decoration: none;
		outline: none;
		height: 72px;
		width: 216px;
		background: transparent url(../images/logo/toolex.gif) no-repeat 0 0;
	}

	#header div#header-phone {
		position: absolute;
		border: 0px solid;
		bottom: 30px;
		left: 20px;
		width: 200px;
		height: 20px;
		font: normal normal normal 11px Arial;
		margin: 10px 6px;
		line-height: 17px;
	}

/*----------------------------------------------------------------------------------
	Header :: Header Products
----------------------------------------------------------------------------------*/
	
	#header div#header-products {
		position: absolute;
		bottom: 0px;
		right: 0px;
		width: 534px;
		height: 156px;
		background: transparent url(../images/misc/header_products.jpg) no-repeat;
	}
	
/*----------------------------------------------------------------------------------
	Nav :: Definitions
----------------------------------------------------------------------------------*/

	#inner div#nav {
		position: relative;
		margin: auto;
		width: 100%;
		height: 35px;
		background: #0E3E51 url(../images/bg/nav.gif) repeat-x;
		text-align: center;
		z-index: 100;
	}
	
	#nav ul {
		list-style: none;
		margin: auto;
		padding-top: 5px;
	}
	
	#nav li {
		display: inline;
		margin-left: 12px;
		margin-right: 12px;
	}
		
	#nav a {
		font: normal normal bold 12px Tahoma;
		color: #fff;
	}
	
/*----------------------------------------------------------------------------------
	Body :: Definitions
----------------------------------------------------------------------------------*/

	#inner div#body {
		position: relative;
		margin: 0px auto 100px auto;
		text-align: left;
	}
	
/*----------------------------------------------------------------------------------
	Body :: Content :: Standard and Front Page Class
----------------------------------------------------------------------------------*/
	#body div#content {
		width: 552px;
	}	
	
	#body div#content.center {
		float: left;
		width: 345px;
	}
	
/*----------------------------------------------------------------------------------
	Content :: Styling
----------------------------------------------------------------------------------*/
	#content ul {
		padding-bottom: 20px;
		padding-top: 8px;
		margin-left: 40px;
	}

	#content div#news {
		width: 333px;
		height: auto;
		border: #B3999D 2px solid;
		background: #fff url(../images/bg/news.gif) repeat-x;
		margin-top: 10px;
		font: normal normal bold 11px Tahoma;
	}
	
	#news div#news-header {
		background-color: #193E99;
		height: 31px;
		margin: 2px;
		padding-top: 10px;
		padding-left: 6px;
	}
	
	#news-header h2 {
		margin: 0px;
		color: #fff;
		line-height: 16px;
		font-size: 18px;
	}
	
	#news dt.date {
		color: #FF0000;
	}
	
	#news dl {
		margin: 10px;
	}
	
	#news dt {
		margin: 8px 0px;
	}
	
	#news dd{
		font-weight: normal;
		color: #4D4D4D;
	}
	
	#content h1 {
		font: normal normal bold 18px Helvetica;
		color: #009AD8;
		margin: 10px 6px;
	}
	
	#content p {
		font: normal normal normal 11px Arial;
		margin: 10px 6px;
		line-height: 17px;
	}
	
/*----------------------------------------------------------------------------------
	Body :: Splash Area
----------------------------------------------------------------------------------*/

	#body div#splash-contain {
		float: right;
		position: relative;
		width: 567px;
		height: 198px;
	}
	
	* html #body div#splash-contain {
		width: 562px;
	}
	
	#splash-contain div#splash {
		position: absolute;
		width: 563px;
		height: 194px;
		background-color: #0E3E51;
		border: #000 2px solid;
		top: 2px;
		right: 2px;
	}
	
	#splash div#flash {
		position: absolute;
		width: 333px;
		height: 186px;
		border: #fff 2px solid;
		top: 2px;
		left: 2px;
		background: url(../images/spotlight/1.jpg) no-repeat;
	}
	
	#splash a#build-vise {
		position: absolute;
		top:2px;
		right: 2px;
		width: 218px;
		height: 95px;
		display: block;
		background: transparent url(../images/misc/build_vise.gif) no-repeat;
	}
	
	#splash div#build-text {
		position: absolute;
		bottom: 2px;
		right: 2px;
		width: 214px;
		height: 90px;
		border: #0481B4 2px solid;
		background: #020648 url(../images/bg/vise.gif) repeat-x;
	}
	
	#build-text p {
		font: normal normal normal 11px Tahoma;
		color: #B6B6B6;
		padding: 10px;
	}
	
	#build-text strong {
		font-size: 12px;
		line-height: 18px;
		color: #fff;
	}
	
	
/*----------------------------------------------------------------------------------
	Body :: Column Definition
----------------------------------------------------------------------------------*/
	
	#body div#left-column {
		float: left;
		width: 212px;
		background: transparent url(../images/bg/tl.gif) no-repeat;
	}
	
	#body div#right-column {
		float: right;
		width: 208px;
		margin-right: 6px;
		margin-top: 10px;
	}
	
/*----------------------------------------------------------------------------------
	Left-Column :: Styling (misc)
----------------------------------------------------------------------------------*/
	
	#left-column h2 {
		margin: 5px 5px 10px 15px;
	}
	
/*----------------------------------------------------------------------------------
	Left-Column :: Styling (categories)
----------------------------------------------------------------------------------*/
	
	#left-column div#categories {
		width: 193px;
		border: #007CAE 2px solid;
		margin: 6px auto;
		background: #009AD8 url(../images/bg/categories.gif) repeat-x;
	}
	
	#categories h2 {
		margin: 5px 5px 10px 7px;
		color: #8CD4F1;
	}
	
	#categories ul {
		list-style: none;
		margin: 5px 5px 10px 7px;
	}
	
	#categories a {
		font: normal normal bold 11px Arial;
		color: #fff; 
	}
	
/*----------------------------------------------------------------------------------
	Left-Column :: Styling (featured products)
----------------------------------------------------------------------------------*/
	
	#left-column div.f-product {
		width: 197px;
		margin: 12px auto;
		text-align: center;
	}
	
	#left-column div.f-product img {
		border: #B3999D 2px solid;
	}
	
	#left-column div.f-product p {
		text-align: left;
		font: normal normal normal 10px Tahoma;
		color: #7e7e7e;
		margin: 2px 6px 10px 6px;
	}
	
	#left-column div.f-product a {
		color: #0E3E51;
		font: normal normal bold 11px Arial;
		line-height: 16px;
	}
	
/*----------------------------------------------------------------------------------
	Right-Column :: Styling (Videos)
----------------------------------------------------------------------------------*/

	#right-column hr {
		margin: 10px 0px;
	}

	div.video {
		margin-bottom: 10px;
	}

	div.video img {
		float: left;
		margin-right: 6px;
		margin-bottom: 10px;
		border: #0E3E51 2px solid;
	}
	
	div.video {
		color: #0E3E51;
		font-size: 11px;
		font-family: Arial;
		font-style: italic;
	}
	
	div.video a {
		font-style: normal;
		color: #0E3E51;
	}
	
	a.more {
		font: normal normal bold 12px Arial;
		font-style: italic;
		text-decoration: underline;
		text-align: right;
		display: block;
	}
	
/*----------------------------------------------------------------------------------
	Footer :: Definitions
----------------------------------------------------------------------------------*/

	#inner div#footer {
	    position: absolute;
		left: 1px;
		bottom: 0;
		width: 774px;
		height: 71px;
		border-left: #fff 2px solid;
		border-right: #fff 2px solid;
		background: #fff url(../images/bg/footer.gif) repeat-x;
	}
	
/*----------------------------------------------------------------------------------
	Footer Contents :: BL, Footer Logo, phone, fax, footer nav
----------------------------------------------------------------------------------*/

	#footer div#bl {
		position: absolute;
		top: 0;
		left: 0;
		width: 206px;
		height: 10px;
		background: transparent url(../images/bg/bl.gif) no-repeat;
	}
	
	#footer p#footer-logo {
		position: absolute;
		font: normal normal bold 10px Tahoma;
		color: #A9A9A9;
		display: block;
		top: 19px;
		left: 4px;
		padding-left: 90px;
		height: 41px;
		background: transparent url(../images/bg/teco.gif) no-repeat;		
	}
	
	#footer p#footer-logo strong,
	#footer p#footer-links strong {
		color: #0E3E51;
	}
	
	#footer p#footer-links {
		position: absolute;
		font: normal normal bold 10px Tahoma;
		color: #A9A9A9;
		display: block;
		top: 19px;
		right: 10px;
		text-align: right;
	}
	
	#footer-links a {
		color: #A9A9A9;
	}
	
	#footer-links a.footer-nav {
		text-decoration: underline;
		color: #0E3E51;
	}