/* $header:
*/

/* JAZEL 074 */
/* ********************
Table of Contents
- A. Global
- B. Navigation
  - B.1 Site Navigation
  - B.2 Product Navigation
     - B.2.a Level-2 Pages
- C. Header
- D. Body
  - D.1 Product Catalog
  - D.2 Contact Us Form
  - D.3 Advance Search Form
  - D.4 Sitemap
  - D.5 Dynamic Form  
  - D.6 Job Application Form 
- E. Footer
******************** */

/* ********************
A. GLOBAL
******************** */

body {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

p,h1,h2,h3,h4,h5,h6 {
	padding: 0px;
	margin: 0px;
	margin-bottom: 1em;
}

img, #header, .class, blockquote  a { behavior: url(/JZL/img/37373); } 

/* ********************
B. NAVIGATION
******************** */

	/* ********************
	B.1 SITE NAVIGATION
	******************** */
	#main_menu {
		position: relative;
		float: left;
		margin-top: 14px;
		height: 222px;
		width: 494px;
		font-family: "verdana bold","verdana","arial";
		font-size: 11px;
		font-weight: bold;
		background-repeat: repeat-x;
		border-collapse: collapse;
	}

	#main_menu td {
		padding: 0px;
		margin: 0px;
	}
	
	#main_menu .over {
		position: relative;
		z-index: 999;
	}
	
	#nav {
		margin: 0px;
		padding: 0px;
		text-align: center;
		list-style: none; 
		margin-left: 1px;
		}

	#nav a {
		text-decoration:none;
	}
	
	#nav ul
	{
		display: none;
		position: absolute;
		_height: 40px;
		min-height: 40px;
		width: 145px;
		top: 87px;
		left: 0px;
		text-align: left;
		list-style: none;
		margin:0;
		padding: 0;
		padding-left: 5px;
		padding-right: 5px;
	}

		#nav ul a {
			padding-left: 1px;
			padding-right: 1px;
		}

	#nav li {
		display:block;
		position: relative;
		float:left;
		width: 82px;
		height:auto;
	}
	
	#nav li div.topMItem {
		display: block;
		position: relative;
		padding-top: 69px;
		padding-bottom: 43px;
		text-decoration: none;
	}
	
	#nav ul li { 
		width: 145px;
		padding-bottom: 2px;
		}

	/*all see this */
	#nav ul ul, #nav ul ul ul{
		display:none;
		position:absolute;
		top: 0px;
		left:145px;
	}

	/* non-IE browsers see this */
	 #nav ul li>ul, #nav ul ul li>ul{
		display: none;
		position: absolute;
		top: 0px;
		left:145px;
	 }

	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li:hover ul ul ul ul ul, #nav li:hover ul ul ul ul ul ul{
		display:none;
		z-index: 999;
	}
	
	#nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul, #nav ul ul ul li:hover ul, #nav ul ul ul ul li:hover ul, #nav ul ul ul ul ul li:hover ul{
		display:block;
		z-index: 999;
	}

	li>ul {
		top: auto;
		left: auto;
	}
	
	/* ********************
	B.2 PRODUCT NAVIGATION
	******************** */
	
	#navigation {
		float: left;
		width: 240px;
		text-align: left;
	}

	#navigation .topMItem {
		background-image: url(/images/074/topNavTreeItemBG.gif);
		background-repeat: no-repeat;
		background-position: 185px 20px;
		padding-left: 9px;
	}

	#navigation .topMItem a {
		display: block;
		color: #666699;
		font-family: "verdana";
		font-size: 11px;
		font-weight: bold;
		text-decoration: none;
		line-height: 17px;
		padding-top: 20px;
		border-bottom: 1px dotted #99CCCC;
	}
	
	#treemenu {
		position: relative;
		padding: 0px;
		margin: 0px;
	}

	#treemenu li ul {
		display: none;
	}
	
	#treemenu .arrows {
		position: absolute;
		top: 10px;
		left: 0px;
		cursor: pointer;
	}
	
	#treemenu .selected-category {
		background-color: #666699;
	}
	
	#treemenu .selected-category a {
		color: white;
	}

	
	.treeview ul{ 
		margin: 0;
		padding: 0;
		padding-left: 12px;
	}

	.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
		font-family: verdana;
		font-size: 10pt;
		font-weight: bold;
		line-height: 17px;
		list-style-type: none;
		line-height: 16px;
		color: #556892;
	}

	.treeview li {
		position: relative;
		padding-top: 2px;
		padding-bottom: 2px;
		text-decoration: none;
	}

	.treeview div.topMItem  a {
		width: 100%;
	}
	
	.treeview ul li{
		font-weight: normal;
		text-decoration: none;
		color: #707070;
		border: 0px;
	}

	.treeview ul li div {
		border-top: 1px dotted white;
		border-bottom: 1px dotted #AAABAF;
	}

	.treeview ul li a {
		display: block;
		font-family: verdana;
		font-size: 11px;
		font-weight: bold;
		line-height: 17px;
		text-decoration: none;
		color: #666666;
		border: 0px;
		padding-top: 2px;
		padding-bottom: 2px;
		padding-left: 10px;
	}

	.treeview ul li a:hover {
		background-color: #666699;
		color: white;
	}

	.treeview ul ul {
		border: 0px;
	}

	.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
		cursor: pointer !important;
		cursor: pointer !important;
	}

	.treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
		cursor: default;
	}
	

	#product-tree-content {
		min-height: 200px;
		width: 240px;
		font-family:verdana,arial;
		font-size:11px;
		line-height:22px;
		text-align:left;	
		color:#3B3A3B;
		padding-left: 10px;
		margin-bottom: 30px;
	}           

	#product-tree-content img {
		width: auto;
	} 
	
		/* ********************
		B.2.a Level-2 Pages
		******************** */

		#product-tree {
			padding-top: 5px;
		}

		#product-search-box {
			font-family: verdana;
			font-size: 11px;
			background-color: white;
			background-image: url(/images/074/searchCritFormBG.jpg);
			background-position: top right;
			background-repeat: no-repeat;
			border-top: 1px solid white;
		}

		#l2-search-criteria-box a {
			margin: auto;
			font-family: verdana;
			font-size: 11px;
			font-weight: bold;
			text-decoration: none;
			color: white;
		}

		#l2-search-criteria-box a:hover{ 
			color: #666699;
		}

		#l2-search-criteria-box {
			padding-bottom: 20px;
			padding-left: 20px;
			background-image: url(/images/074/searchCritBoxBG.jpg);
		}

/* ********************
C. HEADER
******************** */

#header {
	height: 236px;
	width: 617px;
}

#header img {
	border: 0px;
}

.slogan-text {
	font-family: "verdana bold","verdana","arial";
	font-size: 21px;
	font-weight: normal;
	color: white;
	margin-left: 10px;
	margin-bottom: 20px;
}

#header-image-left-container {
	position: relative;
	height: 218px;
	margin-right: 0px;
}

#header-image-left {
	position: absolute;
	right: 0px;
	bottom: 30px;
}


#header-image-right-container {
	float: left;
	position: relative;
	height: 217px;
	z-index: 15;
}

#header-image-right {
	float: left;
	position: relative;
	margin-top: 90px;
	z-index: 10;
}


/* ********************
D. BODY
******************** */

#main_container {
	width: 1003px; height: auto;
	margin: auto;
}

#left_wing {
	background-repeat: repeat-x;
}

#right_wing {
	background-repeat: repeat-x;
}

#container {
	min-height: 406px;
	width: 1003px; 	height: auto;
	background-position: top left;
	background-repeat: repeat-x;
}

#column-left {
	float: left;
	position: relative;
	height: auto; width: 386px;
	background-position: top left;
	background-repeat: no-repeat;
}

#product-navigation {
	position: relative;
	float: right;
	width: 260px;
	margin-top: -50px;
}

#column-right {
	float: left;
}

#content-area {
	font-family: verdana, arial;
	font-size: 11px;
	line-height: 22px;
	text-align: left;
}

#content {
	float: left;
	position: relative;
	width: 494px;
	min-height: 200px;
	_height: 200px;
	background-position: top left;
	background-repeat: repeat-x;
}

#content table {
	font-family: verdana, arial;
	font-size: 11px;
	line-height: 22px;
	text-align: left;
	width: 100%;
}

#content .image {
	text-align: center;
	position: relative;
	z-index: 0;
}

#content .body-text {
	width: 454px;
	margin: 20px;
}

#content .item-details {
	width: 94%;
	padding: 10px 3%;	
}

#content-title {
	/*position: absolute;
	top: 12px; left: 15px;*/
	font-family: "verdana";
	font-size: 17px;
	line-height: 22px;
	color: #556892;
	text-align: left;
}

#main_promo_image {
	width: 617px;
	padding-bottom: 20px;
}

#gradient-content-right {
	float: left;
	height: 170px;
	width: 123px;
	background-position: top left;
	background-repeat: repeat-x;
}

#box-shadow {
	float: left;
	width: 20px;
	height: 237px;
	background-repeat: no-repeat;
	background-position: top right;
	opacity: 0.20;
    filter: alpha(opacity=20);
}

#search_id_box {
	height: 66px;
	font-family: verdana, arial;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	color: white;
	background-image: url(/images/074/searchIdBoxBG.jpg);
	background-repeat: repeat-x;
	padding-left: 10px;
}

#search_id_box form {
	position: relative;
	width: 194px; height: 15px;
	color: #7C7C7C;
	background-color: white;
	background-image: url(/images/074/searchIdBoxBG.jpg);
	margin: 0px;
	margin-top: 3px;
	padding: 0px;
}

#search_id_box input {
	width: 193px;
	height: 14px;
	font-weight: normal;
	color: #666666;
	background-image: url(/images/074/searchIdTextBG.jpg);
	background-color: transparent;
	border: 0px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

#search_criteria_box { 
	height: 52px;
	margin-top: 45px;
	padding-top: 0px;
	padding-left: 10px;
	text-align: left;
}

#search_id_box img {
	position: absolute;
	top: 3px;
	right: 2px;
}

#search_criteria_box a {
	margin: auto;
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #999999;
}

#search_criteria_box a:hover{ 
	color: #666699;
}

	/* ********************
	D.1 PRODUCT CATALOG
	******************** */

	#catalog-title {
		font-family: verdana, arial;
		font-size: 18px;
		font-weight: bold;
		line-height: 18px;
		color: #556892;
		margin-left: 26px;
	}

	#catalog-sub-title {
		font-family: verdana, arial;
		font-size: 12px;
		font-weight: bold;
		line-height: 18px;
		color: #707070;
		margin-left: 34px;		
	}	
	
	#content #item-list {
	}
	
	#content #item-list .relation-name {
		font-family: verdana;
		font-size: 12px;
		line-height: 22px;
		font-weight: bold;
	}

	#item-list thead td {
		height: 24px;
		font-family: "arial narrow";
		font-weight: bold;
		font-size: 11px;
		line-height: 11px;
		text-align: center;
		color: black;
		border-top: 1px solid black;
		border-bottom: 1px solid black;		
		height: 24px;
	}

	#item-list thead .item-image {
		width: 124px;
	}
	
	#item-list thead .item-number {
		width: 89px;
		background-color: #DDEAFA;
	}

	#item-list thead .item-description {
		width: 179px;
	}

	#item-list thead .item-dimension {
		width: 50px;
		background-color: #DDEAFA;
	}

	#item-list thead .item-pack {
		width: 43px;
	}

	#item-list .item {
		height: 24px;
		font-family: "arial narrow";
		font-weight: normal;
		font-size: 12px;
		line-height: 11px;
		text-align: center;
		border-collapse: collapse;
		text-align: center;
		color: black;
	}

	#item-list .item a {
		text-decoration: none;
		color: black;
	}
	
	#item-list .item a:hover {
		text-decoration: underline;
		color: black;
	}

	#item-list td {
		height: 53px;
		padding: 2px;
		margin: 0px;
		border-bottom: 1px solid black;
	}

	#item-list .item .item-image {
		width: 119px;
		height: 53px;
		vertical-align: middle;
	}
	
	#item-list .item .item-image img {
		border: 0px;
	}

	#item-list .item .item-number {
		width: 85px;
		height: 53px;
		background-color: #DDEAFA;
		vertical-align: middle;
	}

	#item-list .item .item-description {
		width: 174px;
		height: 53px;
		vertical-align: middle;
	}

	#item-list .item .item-dimension {
		width: 47px;
		height: 53px;
		background-color: #DDEAFA;
		vertical-align: middle;
	}

	#item-list .item .item-pack {
		width: 47px;
		height: 53px;
		vertical-align: middle;
	}
	
	.no-match {
		padding: 10px;
		text-align: right;
	}

	/* ********************
	D.2 CONTACT US FORM
	******************** */
	
	/* ********************
	D.3 ADVANCE SEARCH FORM
	******************** */
	
	#search-form {
		font-family: "verdana";
		font-size: 11px;
		color: black;
	}

	#search-form table {
		border-collapse: collapse;	
		margin: 0px;
		padding: 0px;
	}

	#search-form table th {
		font-family: "verdana";
		font-size: 16px;
		color: #44547F;
		padding-left: 10px;		
		padding-bottom: 15px;		
	}
	
	#search-form table td {
		padding-bottom: 10px;
		padding-left: 10px;
		color: black;
	}
	
	#search-form input {
		width: 80px;
	}	

	#search-form select {
		width: 85px;
	}	

	#search-form button {
		width: 73px;
		height: 24px;
		margin: 10px;
	}	

	/* ********************
	D.4. SITEMAP
	******************** */
	
	#sitemap {
		list-style-type: none;
	}

	#sitemap UL {
		list-style-type: none;
	}
	
	/* ********************
	D.5 DYNAMIC FORM
	******************** */	
	
	/* ********************
	D.6 JOB APPLICATION FORM
	******************** */
	#content .body-text form table{
		width: 0px;
		margin: 0px;
	}

	#content div.body-text table.genericTable tbody tr.text td.bold {
		vertical-align: top;
	}
	
	.first-name-field input {width: 200px;}
	.last-name-field input {width: 200px;}
	.address-1-field input {width: 200px;}
	.address-2-field input {width: 200px;}
	.city-field input {width: 200px;}
	.state-field {}
	.zip-code-field {}
	.country-field  select {width: 200px;}
	.dayphone-1-field {width: 20px;}
	.dayphone2-field {width: 20px;}
	.dayphone-3-field {width: 20px;}
	.dayphone-4-field {width: 20px;}
	.homephone-1-field {width: 20px;}
	.homephone-2-field {width: 20px;}
	.homephone-3-field {width: 20px;}
	.cellphone-1-field {width: 20px;}
	.cellphone-2-field {width: 20px;}
	.cellphone-3-field {width: 20px;}
	.fax-1-field {}
	.fax-2-field {}
	.fax-3-field {}
	.email-field {}
	.contact-method-field {}
	.contact-time-field {}
	.desired-position-field {}
	.date-begin-field {}
	.upload-resume-field {}
	.submit-form-field {}
	.message-subject-field input {width: 200px;}
	.message-field  textarea {width: 100%;}
	 /* Cover Letter */
	#textextra1 {width: 100%;}
	/* Resume */
	#textextra2 {width: 100%;}
	/* Work Experience */
	#textextra3 {width: 100%;}
	
/* ********************
E. FOOTER
******************** */

#footer {
	position: relative;
	width: 1000px;
	margin: 0px;
	margin-bottom: 20px;
	text-align: right;
	font-family: verdana;
	font-size: 10px;
	color: #666699;
}

.copyright {
	float: left;
	width: 400px;
}

.footers {
	float: left;
	width: 550px;
	padding-left: 50px;
	text-align: right;
}

.footers a {
	color: #666699;
	text-decoration: none;
}

HR { 
          color: #93A1BC; 
          background: #93A1BC; 
          border: 0; 
          Height: 2px; 
          width: 450px;
}

/*------ 
$log=
*/