/*

	TITLE: CMP CORP
	DATE: 9-8-06
	
*/
/* 
 ZERO
-----------------------------------------------*/
h1, h2, h3, h4, h5, h6,
ul, li,
em, i,
p, br, form, script,
img{
	margin: 0;
	padding: 0;
	border: 0;
}



/*
CUSTOM
-----------------------------------------------*/
#bg_image{
	z-index: 0;
	position: absolute;
}

#dynTextCol{
	position:absolute;
	height:515px;
	width:557px;
	overflow:hidden;
}

#custom_text_bg{
	/*z-index: 5;*/
	height: 515px;
	width: 327px;
	position: absolute;
	margin-left: 230px;
	-ms-filter: "alpha (opacity=75)";
	filter: alpha(opacity=75); 
	-moz-opacity: 0.75; 
	opacity: 0.75;	
	background-color: #000;

}

#custom_text{
	color: #fff;
	/*z-index: 10;*/
	height: 480px;
	padding: 15px 20px 15px 20px;
	width: 287px;
	position: absolute;
	margin-left: 230px;
	line-height: 16px;
}

#text_header{
	margin-left: -12px;
}
#white_line{
	position: absolute;
	z-index: 15;
	margin-top: 45px;
	background-color: #fff;
	height: 2px;
	width: 557px;
}

.black_line{
	position: absolute;
	z-index: 15;
	margin-top: -15px;
	background-color: #000;
	height: 2px;
	width: 213px;
}

.black_line2{
	position: absolute;
	z-index: 15;
	margin-top: -15px;
	background-color: #000;
	height: 2px;
	width: 213px;
}

.header_nav{
	padding-top: 20px;
	margin: 0;
}

.custom_nav{
	padding: 0;
	margin: 0;
	border: none;
	cursor:pointer;
}

img{border: none;}

#dynPageText{
	height:450px;
	overflow-y:auto;
}

#dynPageText a{
	color:#008000;
}

/*
 MAIN 
-----------------------------------------------*/
body{
	font-family: Verdana, Tahoma;
	font-size: 11px;
	margin: 0px;
	color: #666;
	background: url('bg.gif') repeat-x;
}

/* links */	
a{
	font-weight: bold;
	color: #000;	
}
a:hover{
	text-decoration: underline;
}

/* heading */
h1{
	font-size: 1.6em;	
	margin: 2px 0px;
	padding: 5px 0px;
}
h2{
	font-size: 1.4em;	
	margin: 2px 0px;
	padding: 2px 0px;
}
h3{
	font-size: 1.2em;	
	margin: 2px 0px;
	padding: 3px 0px;
}
h4{
	font-size: 1.1em;	
	margin: 2px 0px;
	padding: 3px 0px;
}
h5{
	font-size: 1.0em;	
	margin: 2px 0px;
	padding: 3px 0px;
}
h6{
	font-size: .9em;	
	margin: 2px 0px;
	padding: 1px 0px;
	font-weight: normal;
}

/* para-list */
p{
	margin: 5px 0px;
	padding: 3px 0px;	
	line-height: 17px;
}
br{
	margin: 0px 0px 0px 0px;
}

/*
 LAYOUT.
-----------------------------------------------*/
#frame{
	margin: 0 auto;
	width: 770px;	
}
#header{
	float: left;	
	position: relative;
}
#container{
	width: 770px;
	margin-top: 1px;
	float: left;	
}
	body#other #container{
		background: url('container.gif')	
	}

#mainCol{}
	body#home #mainCol{
		width: 524px;
		height: 265px;
		float: right;	
	}
	body#other #mainCol{
		width: 557px;
		height: 505px;
		padding: 80px 0 0 0;
		float: left;
		background: url('mainCol.gif') no-repeat;
		overflow: hidden;	 
	}

#mainCol h1,
#mainCol h2,
#mainCol h3,
#mainCol h4,
#mainCol h5,
#mainCol h6{
	color: #000;
}
#mainCol ul{
	padding: 5px 15px;
}
#mainCol li{
	padding: 4px 0px;
}
#mainCol a:hover{
	text-decoration: none;
}
#subCol{}
	body#home #subCol{
	width: 246px;
	float: left;		
	color: #fff;
	}
	body#other #subCol{
		width: 213px;
		float: right;
	}
#extraCol{}
#footer{
	width: 500px;
	padding: 5px 0 10px 270px; 
	float: left;
	margin-top: 19px!important; /* */
	margin:0;
	color: #b1b1b1;
	text-align: right;
	font-size: .9em;
	background: url('footernewer_2.gif') no-repeat;	
}
#footer a{
	color: #b1b1b1;	
}
#footer a:hover{
	text-decoration: underline;
}
body#other #footer{
	width: 770px;
	margin-top: 0px!important; /* */
	margin:0;
	padding: 55px 0px;
	background: url('footernewer_2.gif') no-repeat;	
}

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

/* header **********/
#top_nav{
	float: right;	
	width: 590px;
	padding: 23px 27px 10px 0px;
}
#main_nav{
	float: right;
	width: 590px;
	padding: 10px 10px 10px 0px;
	margin: 6px 0 0 0;
}
#logo{
	width: 150px;
	height: 134px;
	top: 13px;
	left: 55px;
	position: absolute;	
}

/* mainCol **********/
#home_image{
	width: 524px;
	background: url('/images/displays/home101.gif')
}
#actions{
	width: 524px;
	height: 88px;
	margin-top: -2px;
	background: url('/images/actions.gif')	
}


/* subCol **********/
#intro{
	width: 216px;	
	height: 195px;
	padding: 50px 15px 21px 15px;
	letter-spacing: -0.05em;
	float: left;
	background: url('/images/intro.gif') no-repeat;
}
#intro p{
	line-height: 15px !important;
	line-height: 16px;
}

#intro a{
	color: #009700;	
}
#search{}
	body#home #search{
		width: 196px;
		height: 29px;
		padding: 20px 25px;
		float: left;
		background: url('/images/search.gif') no-repeat;		
	}
	body#home #search input.iText{
	width: 125px;
	height: 17px;
	float: right;
	background: #fff;
	border: 1px solid #000;
	line-height: 20px;
	padding-left: 4px;
}
	body#home #search select.iSelect{
	font-size: 9px;
	border: 1px solid #000;
}
	body#home #search input.iButton{
	float: left;
	margin-top: 1px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
}

body#other #search {
	width: 199px;
	height: 55px;
	padding: 10px 6px 15px 8px;
	float: left;
	display: inline;
	background: url('search_2.gif') no-repeat;	
}
body#onecol #search{
	width: 199px;
	height: 40px;
	padding: 10px 6px 15px 8px;
	float: right;
	display: inline;
	background: none;	
}
body#other #search select.iSelect{
	font-size: 9px;
	border: 1px solid #000;
}
	body#other #search input.iText{
	width: 125px;
	height: 17px;
	float: right;
	background: #fff;
	border: 1px solid #000;
	margin-right: 5px;
	padding-left: 4px;
	line-height: 20px;
}
	body#other #search input.iButton{
	float: left;
	margin-top: 1px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
}

#side_image{
	width: 213px;
	height: auto;
	float: left;
	margin-bottom: -3px;
}
#side_nav{
	width: 213px;
	float: left;
}
#side_nav h3{
	font-size: 1.2em;
	padding: 10px 8px 10px 8px;
	text-transform: Uppercase;	
	background: url('/images/side-nav-sep.gif') bottom repeat-x;
}
#side_nav_bd{
	width: 213px;
	background: url('/images/side-nav.gif') repeat-y;
}
#side_nav_ft{
	width: 213px;
	height: 19px;
	background: url('/images/side-nav-ft.gif') no-repeat;
}
#side_sec{
	width: 190px;
	float: left !important;
	float: none;
	margin: 5px 0 0 0;
	padding: 10px;
	text-align: right;	
}

/*
 NAVIGATION.
-----------------------------------------------*/

/* top nav *********/
#top_nav ul{
	padding: 11px 0px;
	letter-spacing: -.1em;	
}
#top_nav li{
	display: inline;
	list-style: none;	
}
#top_nav li a{
	text-decoration: none;	
}
#top_nav li a:hover{
	text-decoration: underline;
}
#top_nav li#lang a{
	padding: 2px 6px 0 28px;
	color: #9ecbe2;
}
#top_nav li#cart a{
	padding: 2px 6px 0 28px;
	color: #9ecbe2;
	background: url('/images/ico-cart.gif') 0px no-repeat;
}
#top_nav li#register a{
	padding: 2px 6px 0 10px;
	color: #9ecbe2;
	background: url('/images/ico-register.gif') 0px 4px no-repeat;
}
#top_nav li#express a{
	padding: 2px 0px 2px 45px;
	text-transform: Uppercase;
	font-style: italic;
	color: #fff;
	background: url('/images/ico-express.gif') 0px no-repeat;
}
#top_nav li#assist a{
	color: #9ecbe2;
}
#top_nav li#assist {
	color: #9ecbe2;
}

/* main nav **********/
#main_nav ul{
	padding: 5px 0px 5px 0px;
	text-align: right;	
}
#main_nav li{
	display: inline;	
	background: url('/images/main-nav-style.gif') 0px 2px no-repeat;
}
#main_nav li a{
	color: #fff;
	padding: 0 2px 15px 6px;
	text-decoration: none;
	text-transform: Uppercase;
}
#main_nav li a:hover, #main_nav li a.selected{
	background: url('/images/main-nav-border.gif') 0px bottom no-repeat;
}
#main_nav li.noBorder{
	background: none;	
}
	/* */
	body.mn_shop #main_nav li#mn_shop a,
	body.mn_browse #main_nav li#mn_browse a,
	body.mn_company #main_nav li#mn_company a,
	body.mn_cm #main_nav li#mn_cm a,
	body.mn_contact #main_nav li#mn_contact a,
	body.mn_downloads #main_nav li#mn_downloads a,
	body.mn_k_products #main_nav li#mn_k_products a
	{
		background: url('/images/main-nav-border.gif') 0px bottom no-repeat;
	}

/* actions **********/
#actions ul{
	padding: 20px 0 20px 15px;
	text-align: center; 	
}
#actions li{
	font-size: 1.3em;
	list-style: none;
	display: inline;	
}
#actions li a{
	color: #fff;	
	padding: 0 7px 0 20px;
	text-decoration: none;
	background: url('/images/ico-action.gif') 0px 1px no-repeat;
}
#actions li a:hover{
	color: #ccc;
	text-decoration: underline;	
}

/* side nav **********/
#side_nav ul{	
}
#side_nav li{
	list-style: none;	
	padding: 5px 10px 8px 10px;
	background: url('/images/side-nav-sep.gif') bottom repeat-x;
}
#side_nav li a{
	color: #fff;
	padding: 0 25px 0 15px;
	text-decoration: none;	
	display: block;
	background: url('/images/side-nav-style.gif') 0px 3px no-repeat;
}
#side_nav li a:hover{
	color: #009700;
	background: url('/images/side-nav-style-over.gif') 0px 3px no-repeat;	
}
#side_nav li a.selected{
	color: #009700;
	background: url('/images/side-nav-style-over.gif') right 3px no-repeat;	
}
#side_nav li ul{ 
	display:none;
}
#side_nav li ul a{
	color: #fff;
	font-weight: normal;
}
	/* */
	body.MM #side_nav li#MM	a,
	body.CNC_Mills #side_nav li#CNC_Mills a,
	body.CNC_Lathes	#side_nav li#CNC_Lathes	a,
	body.CNC_Grinders #side_nav li#CNC_Grinders	a,
	body.CMM #side_nav li#CMM a,
	body.Automatic_Hones #side_nav li#Automatic_Hones a,
	body.SOMM #side_nav li#SOMM a,
	body.PCP #side_nav li#PCP a,
	body.CMV #side_nav li#CMV a,
	body.CPR #side_nav li#CPR a
	{
	color: #009700; 
	background: url('/images/side-nav-style-over.gif') 0px 5px no-repeat;
	}
	
	body.MM #side_nav li#MM	ul li,
	body.CNC_Mills #side_nav li#CNC_Mills ul li,
	body.CNC_Lathes	#side_nav li#CNC_Lathes ul li,
	body.CNC_Grinders #side_nav li#CNC_Grinders ul li,
	body.CMM #side_nav li#CMM ul li,
	body.Automatic_Hones #side_nav li#Automatic_Hones ul li,
	body.SOMM #side_nav li#SOMM ul li,
	body.PCP #side_nav li#PCP ul li,
	body.CMV #side_nav li#CMV ul li,
	body.CPR #side_nav li#CPR ul li
	{
	color: #fff; 
	background: none; 
	padding: 5px 0 5px 15px; 
	}
	body.MM #side_nav li#MM	ul a,
	body.CNC_Mills #side_nav li#CNC_Mills ul a,
	body.CNC_Lathes	#side_nav li#CNC_Lathes	ul a,
	body.CNC_Grinders #side_nav li#CNC_Grinders	ul a,
	body.CMM #side_nav li#CMM ul a,
	body.Automatic_Hones #side_nav li#Automatic_Hones ul a,
	body.SOMM #side_nav li#SOMM	ul a,
	body.PCP #side_nav li#PCP	ul a,
	body.CMV #side_nav li#CMV	ul a,
	body.CPR #side_nav li#CPR	ul a
	{
	color: #fff; 
	background: url('/images/side-nav-style-2.gif') 0px 3px no-repeat;
	}
	
	body.MM #side_nav li#MM	ul a:hover,
	body.CNC_Mills #side_nav li#CNC_Mills ul a:hover,
	body.CNC_Lathes	#side_nav li#CNC_Lathes	ul a:hover,
	body.CNC_Grinders #side_nav li#CNC_Grinders	ul a:hover,
	body.CMM #side_nav li#CMM ul a:hover,
	body.Automatic_Hones #side_nav li#Automatic_Hones ul a:hover,
	body.SOMM #side_nav li#SOMM	ul a:hover,
	body.PCP #side_nav li#PCP	ul a:hover,
	body.CMV #side_nav li#CMV	ul a:hover,
	body.CPR #side_nav li#CPR	ul a:hover
	{
	color: #fff; 
	text-decoration: underline;
	background: url('/images/side-nav-style-2.gif') 0px 3px no-repeat;
	}
	
	body.MM #side_nav li#MM	ul,
	body.CNC_Mills #side_nav li#CNC_Mills ul,
	body.CNC_Lathes	#side_nav li#CNC_Lathes	ul,
	body.CNC_Grinders #side_nav li#CNC_Grinders	ul,
	body.CMM #side_nav li#CMM ul,
	body.Automatic_Hones #side_nav li#Automatic_Hones ul,
	body.SOMM #side_nav li#SOMM	ul,
	body.PCP #side_nav li#PCP	ul,
	body.CMV #side_nav li#CMV	ul,
	body.CPR #side_nav li#CPR	ul
	{
	display:block;
	padding: 5px 0px;
	}
	

	

/* footer **********/
#footer ul{}
#footer li{
	display: inline;	
}
#footer li a{
	text-decoration: none;
	background: url('/images/footer-nav-sep.gif') 0px 2px no-repeat;
	padding-top: 0;
	padding-right: 2px;
	padding-bottom: 0;
	padding-left: 6px;
}
#footer li a.noBorder{
	background: none;	
}

/*
 ONE COL.
-----------------------------------------------*/

body#onecol #container{
	background: url('/images/one-col-container.gif') repeat-y;	
	}
body#onecol #mainCol{
	width: 710px;
	padding: 100px 30px 25px 30px;
	background: #fff url('/images/one-col-mainCol.gif') no-repeat;	 
	}
body#onecol #footer{
	width: 770px;
	margin-top: 0px!important; /* */
	margin:0;
	padding: 55px 0px;
	background: url('footernewer_2.gif') no-repeat;	
}

/* body class switch *****/
body#imap #container{
	background: url('/images/one-col-mainCol.gif') repeat-y;	
	}
body#imap #mainCol{
	width: 710px;
	padding: 100px 30px 25px 30px;
	background: #fff url('/images/one-col-mainCol.gif') no-repeat;	
}
body#imap #subCol{
	display: none;
}
body#imap #footer{
	width: 770px;
	margin-top: 0px!important; /* */
	margin:0;
	padding: 55px 0px;
	background: url('footernewer_2.gif') no-repeat;	
}

/*
 PROGRAMMING 
----------------------------------------------*/
table.pp_selected{
	width: 500px;
	margin: 10px 0px;
	padding: 10px;
	border: 1px solid #333;
	background: #eee;
}
.pp_title{
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
	font-family: 'Trebuchet MS';
}
.pp_td_padding{
	text-align: center;
	padding: 10px;
}
table.pp_container_list{
	width: 500px;
	padding: 0;
	border: 0;
	border-collapse: collapse;
}
table#pnlList{
	width: 500px;
}
table.pp_list{
	width: 500px;
	border-collapse: collapse;
}
	.pp_list_hd_img{
		/* width: 50px; */	
		color: #fff;
		text-align: center;
		font-weight: bold;
		padding: 7px 0;
		background: #008000;
	}
	.pp_list_hd_id{
		/* width: 90px; */
		color: #fff;
		font-weight: bold;
		padding: 7px 5px;
		background: #008000;
	}
	.pp_list_hd_des{
		/* width: 240px; */
		color: #fff;
		font-weight: bold;
		padding: 7px 5px;
		background: #008000;
	}
	.pp_list_hd_prc{
		/* width: 60px; */
		color: #fff;
		font-weight: bold;
		text-align: right;
		padding: 7px 5px;
		background: #008000;
	}
	.pp_list_hd_buy{
		/* width: 25px; */
		text-align: center;
		color: #fff;
		font-weight: bold;
		padding: 7px 5px 7px 0;
		background: #008000;
	}
	.pp_list_bd_img{
		border-bottom: 1px solid #ccc;	
	}
	.pp_list_bd_id{
		padding: 0 5px;	
		border-bottom: 1px solid #ccc;	
	}
	.pp_list_bd_des{
		padding: 0 5px;
		border-bottom: 1px solid #ccc;	
	}
	.pp_list_bd_prc{
		padding: 0 5px;
		text-align: right;	
		border-bottom: 1px solid #ccc;	
	}
	.pp_list_bd_buy{
		text-align: center;
		padding: 0 5px 0 0;
		border-bottom: 1px solid #ccc;	
	}
	
.pp_list_hd{
	padding: 10px 5px;
	background: #008000;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
}
	
.pp_list_img{
	width: 50px;
	height: 40px;
}
.pp_bborder{
	border-bottom: 1px solid #333;
}
.pp_list_model br{
	margin: 0px ;
}
.pp_list_model a{
	width: 230px;
	display: block;
	padding: 5px;
	border: 1px solid #ccc;
}
.pp_list_model a.expo{
	display: block;
	border: none;
}

/*
 MISC.
-----------------------------------------------*/
.head
{
	font-size: 12px;
}
.left{
	float: left;	
}
.right{
	float: right;	
}
.black{
	color: #000;	
}
.white{
	color: #fff;	
}

.red{
	color: #FF0000;	
}
.hide{
	display: none;
}
.testimonials{
	font-style: italic;	
}
.border{
	margin: 5px 0 10px 0;
	border: 1px solid #ccc;
}
td.folio{
	width: 225px;
	padding: 0px; 
	text-align: center;
	vertical-align: bottom;
	border: 1px solid #ccc;
}
td.folio h3{
	padding: 3px;
	background: #eee;
	border-top: 1px solid #ccc;
}

#kriwan_display ul{
	padding: 5px 10px;
}
#kriwan_display li{
	list-style: none;
	border-bottom: 1px solid #ccc;
}
#kriwan_display li a{
	font-size: 1.1em;
	text-decoration: none;
}
#kriwan_display li ul li{
	border: 0;
}
#kriwan_display li ul li a{
	font-size: 1em;
	font-weight: normal;
	text-decoration: underline;
	color:#666666;
}

/* clearing */
listOfDivs:after{
	content: '.';
	height: 0px;
	visibility: hidden;
	display: block;
	clear: both;	
}
/* Heading Tag display */
.CMPHEAD {
	display: none;
}