@charset "UTF-8";
/* CSS Document */

html, body{
	margin: 0;
	padding: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	border-left:0;
} 
div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {
	line-height: 1;
	color: black;
	background: white;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	
}
ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}	
caption, th, td {
	text-align: left;
	font-weight: normal;
}	
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}	
.clearfix {
	display:inline-block;
}	
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

/*........... do not change or amalgamate the above clearfix styles..................*/

html {
	overflow-y: scroll;
	height:100%;
	}


body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;}

/*---------GLOBAL IMG STYLE---------*/	
img {border:0px}

/*---------GLOBAL TEXT STYLE---------*/	

.text1 {
	color:#507DAF;
	font-size:16px;}
	
.text2 {
	 
	font-size:11px;}
	
.text3 {
 	color:#aba78a;
	font-size:24px;}		
	
.textlink1 a {
	color:#1E3348;
	font-size:16px;
 	}
	
.textlink2 a {
	color:#1E3348;
 	}
	
h1
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:48px;
	color:#354A5F;
	line-height:50px;
	display: inline;}
	
h2
	{ 
	font-size:26px;
	color:#aba78a;
	font-weight:normal;
	line-height:28px;
	padding:20px 0 20px 0;}
	
h3
	{ 
	font-size:18px;
	color:#000;
	font-weight:normal;
	}	

h4 {
	font-size:30px;
	color:#1E3348;
	font-weight:bold;}
	
h5 {
	font-size:20px;
	color:#507DAF;
	font-weight:bold;
	 }		
	
	
.spacer1 {
	margin: 0 10px 0 0;}
	
.spacer2 {
	margin: 0 10px 20px 0;}
	
.floater1 {
	float:left;
	margin-right:100px;}
	
.tm {
	vertical-align: top;  
	display: inline;
	font-size:10px;
	padding:0;
	margin:0}

	
/*---------HEADER---------*/
	
#header {
	background-image:url(../images/header-bg.jpg);
	background-repeat:repeat-x;
	height:127px;}
	
.header-inner {
	margin: 0 auto;
	width:1000px;}
	
.logo-link a{
	background-image:url(../images/estco-logo.png);
	background-repeat:no-repeat;
	width:276px;
	height:126px;
	display:block;
	text-indent:-999999px;
	position:absolute;}
	
.top-phone {
	float:right;
	color:#FFF;
	text-align:right;
	margin-top:24px;}
	
#search-holder {
    float:right;

    }
/*---------NAV---------*/
	
 
.nav-holder {
	background-color:#1E3348;
	border-top:solid 1px #000;
	height:32px;
	line-height: 32px;}
	
#nav {
	margin: 0 auto;
	width:1000px;
	height:30px;}
	
#nav li {
	float:left;}	
	
#nav .products a{
	background-image:url(../images/nav-all-products.jpg);
	background-repeat:no-repeat;
	display:block;
	width:98px;
	height:30px;
	margin-right:30px;
	text-indent:-999999px; }
	
#nav .products a:hover{
	background-image:url(../images/nav-all-products2.jpg);
	background-repeat:no-repeat;}	
	
#nav .popular a{
	background-image:url(../images/nav-popular.jpg);
	background-repeat:no-repeat;
	display:block;
	width:98px;
	height:30px;
	margin-right:30px;
	text-indent:-999999px; }
	
#nav .popular a:hover{
	background-image:url(../images/nav-popular2.jpg);
	background-repeat:no-repeat;}	
	
#nav .catalogs a{
	background-image:url(../images/nav-catalogs.jpg);
	background-repeat:no-repeat;
	display:block;
	width:67px;
	height:30px;
	margin-right:30px;
	text-indent:-999999px; }
	
#nav .catalogs a:hover{
	background-image:url(../images/nav-catalogs2.jpg);
	background-repeat:no-repeat;}
	
#nav .about a{
	background-image:url(../images/nav-about.jpg);
	background-repeat:no-repeat;
	display:block;
	width:46px;
	height:30px;
	margin-right:30px;
	text-indent:-999999px; }
	
#nav .about a:hover{
	background-image:url(../images/nav-about2.jpg);
	background-repeat:no-repeat;}
	
#nav .ordertracking a{
	background-image:url(../images/nav-ordertracking.jpg);
	background-repeat:no-repeat;
	display:block;
	width:110px;
	height:30px;
	margin-right:30px;
	text-indent:-999999px; }
	
	
#nav .ordertracking a:hover{
	background-image:url(../images/nav-ordertracking2.jpg);
	background-repeat:no-repeat;}
	
#nav .contact a{
	background-image:url(../images/nav-contact.jpg);
	background-repeat:no-repeat;
	display:block;
	width:110px;
	height:30px;
	margin-right:30px;
	text-indent:-999999px; }
	
#nav .contact a:hover{
	background-image:url(../images/nav-contact2.jpg);
	background-repeat:no-repeat;}									

	
/*---------SUBHEADER---------*/
	
.subheader {
	background-image:url(../images/subheader-bg.jpg);
	background-repeat:repeat-x;
	background-position:top center;
	height:126px;}
	
.subheader-bottom {
	background-color:#ABA78C;
	height:30px;
	border-bottom:solid 1px #494637;
	text-align:center;
	line-height:30px;}
	 

/*---------CONTENT---------*/

a { color:#33495E;}
a:hover {color:#ABA78C}


#content-holder {
	margin: 0 auto;
	width: 1000px;
	padding:30px 0 30px 0;}
	
.get-catalog {
	float:right;
	width:380px;
	 }
	
/*Popular Products*/	

#popular-parts {width: 1000px;}
#part {position: relative; float: left; text-align:center; width:250px;padding-top:30px; border:0px orange solid; height:180px; font-size:14px;color:#000;font-weight:normal;}
#part img {border: none;}

/*

.popular-prod-holder {
	}
	
.popular-prod-holder li {
	float:left;
	display:block;
	text-align:center;
	width:250px;
	margin-bottom:30px;
	}
	
.popular-prod-holder li a {
	color:#3B5876;
	font-size:14px;}		 			

.popular-prod-holder li a:hover {
	color:#CC9900;}

*/

/*Products Description/Image*/

.prod-desc-img-holder
	{
	float:left;
	width:380px;}
	
.prod-desc-img-holder li
	{
	list-style:disc}
	
/*Product Content*/		
	
#prod-content-holder
	{
	float:right;
	width:600px;}
	
#prod-content-holder li
	{
	display:block;
	width:150px;
	float:left;
	text-align:center;}
	
#prod-content-holder li a {
	color:#3B5876;
	font-size:14px;}		 			

#prod-content-holder li a:hover {
	color:#CC9900;}		

.product-detail-list {padding-left:35px;}

/*Catalog Holder*/
	
#catalog-holder li {
	float:left;
	display:block;
	width:200px;
	text-align:center;
	margin-bottom:20px;}
	
.catalog-form-holder {
	margin: 0 auto;
	width:700px;
	padding:20px;
	background-color:#ECF1F6;
	border: solid 1px #DCE3E8;
	 }
	
.cat-form-label {
	float:left;
	font-family:Tahoma;
	font-size:11px;
	margin:0 10px 10px 0;
	text-align:right;
	display:block;
	width:50px;}
	
.cat-form-input {
	float:left;
	width:200px; }

.cat-form-left {
float:left;}

.cat-form-right {
float:right;}	

.cat-btn {
	text-align:center;}
	
/*Tracking*/

.tracking-holder li {
	float:left;
	width:332px;
	display:block;
	text-align:center;}	
	
.tracking-holder li a {
	color:#3B5876;
	font-size:14px;}		 			

.tracking-holder li a:hover {
	color:#CC9900;}		
 
/*---------FOOTER---------*/

#footer {
	font-size:12px;
	text-align:center;
 }
 
#footer a {
	text-decoration:none;
	color:#000;}
	
#footer a:hover {
	text-decoration:underline; }	 

.footer-line {
	background-image:url(../images/footer-number.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-color:#1E3348;
	height:30px;
	 
 }
 
.copyright {
	 margin: 0 auto;
	 width:1000px;
 }


.card-holder1 {
	float:right;
	margin:30px 0 0 0; }
	
.card-holder2 {
	float:left;
	margin:30px 0 0 0; }	


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

/* SORTABLE */

/*--------------TABLE-----------------*/

.tableouter {border:1px solid black}
.tableouter td {border:1px solid #ccc}
.tablecelltitle {color:white; text-align:left; font-weight:bold}
.row0 {background-color:#1F3348;}
.row1 {background-color:white; vertical-align:text-top;border:1px solid #ccc}
.row2 {background-color:#e1e1e1; vertical-align:text-top;border:1px solid #ccc}

/*--------------SORTABLE TABLE-----------------*/

.sortable-table {padding:25px 0 25px 0;}
.sortable td {border-bottom:1px black solid; padding:2px; margin: 2px;}
/* Sortable tables */
table.sortable thead {
    background-color:#ABA78C;
    color:#fff;
    font-weight: bold;
    cursor: default;
	font-size:16px;
	padding:4px;
}

.sortable-header
{	
	background-color:#354A5F;
	padding: 8px 5px 5px 5px;
	border-bottom:2px white solid;
	font-size:26px;
	color:#fff;
	font-weight:bold;
}

.sortable-instructions {
font-size:12px;
font-style:italic;
color:#fff;
}

/*2011 - New CSS for New Catalog*/
.pagecontent-valign1 {display: table; #position: relative; overflow: hidden;}
.pagecontent-valign2 {#position: absolute; #top: 50%;display: table-cell; vertical-align: middle;}
.pagecontent-valign3 {#position: relative; #top: -50%; margin:0 20px 0 20px;}
.pagecontent-col2 {margin:10px 0 0 0;}
.shadow {
		-moz-box-shadow: 3px 3px 4px #ccc;
		-webkit-box-shadow: 3px 3px 4px #ccc;
		box-shadow: 3px 3px 4px #ccc;
		/* For IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc')";
		/* For IE 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc');
	}
.float-left {float:left; margin:20px;}
.float-right {float:right; margin:20px;}

/* global search */
#form_global_search {
	background: url(../images/btn-search.png) center left no-repeat;
	padding-left: 10px;
}

#form_global_search .textbox, #form_global_search .button {
	border: none;
	font: 12px Arial, Helvetica, sans-serif;
	padding: 4px;
}

#form_global_search .textbox {
	width: 170px;
}

#form_global_search .button {
	background: none;	
	text-indent: -9999px;
	width: 60px;
}

#form_global_search .watermark {
	color: #999;
	font-style: italic;
}
/* end global search */

/* parts search */
#form_parts_search {
	height: 30px;
	margin-top: 10px;
}

#form_parts_search {
	background: url(../images/parts-search-bg.png) center left no-repeat;
	padding-left: 12px;
}

#form_parts_search .textbox, #form_parts_search .button {
	border: none;
	font: 12px Arial, Helvetica, sans-serif;
	padding: 6px 3px;
}

#form_parts_search .textbox {
	width: 190px;
	background: none;
}

#form_parts_search .button {
	background: none;	
	text-indent: -9999px;
	width: 80px;
}

#form_parts_search .watermark {
	color: #999;
	font-style: italic;
}
/* end parts search */