/*# CSS Document 			#
#							#
#   Kurt J. Lesker Company	#
#							#
#*/

/*### Clear browser defults ###*/
body {
margin-left:0;
margin-right:0;
padding:0;
}

form{
padding:0;
margin:0;
}

/* ul{
margin:0;
padding:0;
}*/

div{
padding:0;
margin:0;
}
a img{
border:0;
}

h1, h2, h3, h4{
color:red;
padding-top:0px;
margin-top:0;
font-weight:bold;
}
h1{
font-size:24px;
}
h2{
font-size:18px;
}
h3{
font-size:14px;
}
h4{
font-size:12px;
}
h5{
font-size:10px;
clear:both;
text-align:left;
}

h2, h3{
padding:0;
}

/*### Element declaration ###*/
body{
background-color:white;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:100;
}

/*#### Div declaration ####*/
#container{
padding:5px 5px 0px;
width:1000px;
margin-left:auto;
margin-right:auto;
}

#container a{
text-decoration:none;
}

#header{
/*color:black;
display:block;
*/
width:990px;
}

#navTier{
float:left; 
clear:both;
display:block;
}

#subTier{
float:right;
display:block;
}

.KJLClogo {
float:left;
margin-top:20px;
}

.login {
margin: auto 15px;
margin-top:30px;
float:left; 
color:#039;
}

.login a{
font-size:12px; 
font-weight:bold; 
color: #039;
text-decoration:none;		
}

.login a:hover{
color: red;
}

#headerbar{
display:block;
height:30px;
clear:both;
}

#headerbar a{
color:#fff;
text-decoration:none;
} 
.capleft{
display:block;
float: left;
margin-top:5px;
}

.capright{
display:block;
float:right;
margin-top:5px;
}

.title{
display:block;
font-weight:bold;
font-size:12px;
padding-top:5px;
color: #000000;  
}


.date{
font-size: 12px;
font-weight:bold;
color:#999999;
padding-left:5px;
padding-top:10px;
margin: 0px;
float:left;

}

.RSS_small {
padding-top:10px; 
padding-left:10px;
float:left;
display:inline;
}


#headertitle{
padding:0;
margin:0;
}

#headertitle h1{
padding:0;
margin:0;
color:#069;
float:left;
}

/*searching form*/
			
/*search bar*/
#searchbar{
width:300px;
height:40px;
float:right;
margin-top:2.9px;
}

.searchform{
border:1px solid #CCC;
width:300px;		
}

.searchbox{
border:none;
border-style:none;
border-color:#fff;
height:20px;
width:270px;
color:#999;
font-weight:bold;
}
		
.search_text {
/*background-image:url(/newweb/gif/Icon_Search_16x16.gif);
background-position:right center;
background-repeat:no-repeat;
background-color:#FFF;
width:285px;
height:20px;*/
padding-top:2px; 
padding-right:5px;
}

input.search_text {	
/*border: #CCC 1px solid;
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;*/
/* Some reset styles to make my form elements play nice */
outline:0 !important;
font-weight:bold;
color:#999;
}
		
/*cart bar*/
#Cartbar{
color:#FFF;
text-align:center;
line-height:2;
background:no-repeat url(/newweb/gif/topbar_section3cart_04.gif);
width:110px;
height:40px;
float:right;
font-weight:bold;
cursor:pointer;
/*
color:#FFF;
text-align:center;
line-height:2;
background:no-repeat url(/newweb/gif/topbar_section3cart_04.gif);
width:100px;
height:30px;
float:right;
font-weight:bold;
cursor:pointer;
margin-left:15px;
*/
}				

/*Left navigation*/
#leftnav{
clear:both;
width:200px;
float:left;
background-color:#FFF;
font-weight:bold;
line-height:1.5;
}

#leftnav a{
color:#003399;
text-decoration:none;
}

#leftnav a:hover{
color:red;
}

#leftnav ul{
list-style-image:none;
list-style-type:none;
margin:0;
padding:0;
}

#flashMenuAd{
float:left;
background-color:#FFF;
padding:5px;
}

#countryList h2{
color:#999;
font-size:14px;
font-weight:bold;
}
#countryList ul{
list-style-type:circle;
list-style-image:url(/newweb/jpg/list-item.png);
list-style-position:inside;
margin:0;
padding:0;
}

		
#content{
width:750px;
float:right;
background-color:#FFF;
padding-right:25px;
}

#config_content{
width:750px;
float:right;
background-color:#FFF;
padding-right:25px;
}

#config_content_display{
width:975px;
height:auto;
background-color:#FFF;
}

#content ul{
list-style-type:circle;
list-style-image:url(/newweb/jpg/list-item.png);
list-style-position:outside;
}

#menu_item ul{
list-style-type:circle;
list-style-image:url(/newweb/gif/page_bullet_blue.gif);
list-style-position:outside;
}

#moreinfo{
float:right;
width:200px;
border: 3px solid #003399;
padding:3px;
}

#surveybox{

/*background: url(/newweb/jpg/Icon_Survey_74x74.gif) right no-repeat;*/
text-align:center;
margin-left:auto;
margin-right:auto;
width:450px;
height:140px;
border:3px solid #0099FF;
padding:5px;
-moz-border-radius: 10px 10px 10px 10px;
}

#foot{
clear:both;
height:auto;
width:980px;
margin-top:25px;
}

#foot a{
font-weight:bold;
color:#003399;
text-decoration:none;
}

#foot a:hover{
color:red;
}

.footlink{
display:block;
text-align:right;
}

.foot_legal{
float:left; 
text-align:left;
}

.foot_legal span
{
font-size:10px;
}

.foot_ISO{
margin:0; 
padding:0; 
float:right;
}

.foot_ISO span{
float:right; 
margin-top:10px; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size:10px; 
font-weight:bold;
}

.foot_ISO img{
float:right;
}

hr{
 size:0px;
 height:0px;
 color:#CCCCCC;
 text-align:left;
}


	
/*request form setting*/
legend.ReqInfo{
color: #039;
font-weight:bold;
font-size:14px;
}	
	

/*### Table declaration ###*/
/*Ordering Table 
	Use this for products */
table.ordering {
border-spacing:0;
border-collapse: collapse;
}
table.ordering th {
text-align:center;
font-weight: normal;
padding: 0.1em 0.5em;
border-bottom: 2px solid #FFF;
background: #DBE2F1;
}
table.ordering tr.even {
text-align: left;
border-bottom: 2px solid #FFF;
padding: 0.1em 0.5em;
background: #DCEEFF;
}

table.ordering tr.odd{
text-align: left;
border-bottom: 2px solid #FFF;
padding: 0.1em 0.5em;
background:#FFF;
}

table.ordering td{
text-align:left;
padding:3px 2.5px;
}

table.ordering thead th {
background: #006699;
color: #FFF;
text-align: center;
}
table.ordering th.Corner {
text-align: left;
}

table.ordering td.Corner {
text-align: left;
}

table.ordering a{
color:#FFF;
}

table.ordering td a {
color:blue;
}

/*### Class declaration ###*/
.logo{
float:left;
}

.fine{
font-size:9px;
}

.caption {
font-size:10.5px;
text-align:center;
color: #039;
font-weight:bold;
}

.blackcaption{
font-size:10px;
margin:0;
}

.bluefont{
color:#003399;
}

.redfont{
color:#FF0000;
}

.blackfont{
color:#000000;
}

.big{
font-size:12px;
font-weight:bold;
}

.big_title{
font-size:14px;
font-weight:bold;
text-indent:-15px; 
}

.bigwhite{
font-size:12px;
font-weight:bold;
color:#FFF;
background-color:#006699;
}
.highlight{
background-color:#ffffcc;
}
.demdrg{
width:200px;
}

.roadmap a{
font-weight:bold;
text-decoration:none;
}

.rightfloat{
float:right;
padding-left:5px;
padding-right:5px;
}

.rightfloat a{
text-decoration:none;
}

.leftfloat{
float:left;
padding-left:5px;
padding-right:5px;
}

.center{
display:block;
margin-left:auto;
margin-right:auto;
text-align:center;
}

.techbox{
border-style:solid; 
border-width:thin;
width:40%; 
border-color:#003399;
float:right;
margin-right:10px;
margin-left:10px;
padding:5px;
}

.prodPic{
max-width:355px;
}

.blockquote_faq{
background-color:#DCEEFF;
padding-left:5px;
-moz-border-radius: 2% 2% 2% 2%;
}

.other_location a{
color:#039;
font-weight:bold;
}

h1.pro{
text-align:center;
}

/*table for specs */

.tblspechead{
background-color:#006699;
color:#FFF;
font-weight:bold;
}

.tblspecinfo{
font-weight:bold;
}


/* CSS for the box with old style starts here
	.box_o {
		padding:0 18px 0 0;
		background:#fff url(/newweb/jpg/borders_1.gif) 100% 0 repeat-y;
	}
	.bi_o {
		padding:0 0 0 17px;
		background:#fff url(/newweb/jpg/borders1.gif) 0 0 repeat-y;
	}
	.bt_o {
		height:26px;
		margin:0 -17.5px;
		background:url(/newweb/jpg/box01_n.gif) 100% 0 no-repeat;
	}
	.bt_o div {
		width:18px;
		height:17px;
		background:url(/newweb/jpg/box01_n.gif) 0 0 no-repeat;
	}
	.bb_o {
		height:24px;
		margin:0 -17px;
		background:url(/newweb/jpg/box.gif) 100% 100% no-repeat;
	}
	.bb_o div {
		width:17px;
		height:24px;
		background:url(/newweb/jpg/box.gif) 0 100% no-repeat;
	}
	*/

/*CSS for the box in new style starts here*/
	.box_h {
		padding:0 18px 0 0;
		background:#fff url(/newweb/jpg/borders_1.gif) 100% 0 repeat-y;
	}
	
	.bi_h {
		padding:0 0 0 17px;
		background:#fff url(/newweb/jpg/borders1_1.gif) 0 0 repeat-y;
	}
	
	.bt_h {
		height:10px;
		margin:0 -17px;
		background:url(/newweb/jpg/box1_n.gif) 100% 0 no-repeat;
	}
	.bt_h div {
		width:18px;
		height:17px;
		background:url(/newweb/jpg/box1_n.gif) 0 0 no-repeat;
	}
	
	.bb_h {
		height:20px;
		margin:0 -17px;
		background:url(/newweb/jpg/mainbox_cap_02.gif) 100% 100% no-repeat;
		width: 203.4px;
	}
	.bb_h div {
		width:27px;
		height:20px;
		background:url(/newweb/jpg/mainbox_cap_02.gif) 0 100% no-repeat;
	}
	

	
/* CSS for the box without cap starts here */
	.box_n {
		padding:0 7px 0 0;
		background:#fff url(/newweb/jpg/borders1_1.gif) 100% 0 repeat-y;
	}
	
	.bi_n {
		padding:0 0 0 17px;
		background:#fff url(/newweb/jpg/borders1_1.gif) 0 0 repeat-y;
	}
	
	.bt_n {
		height:10px;
		margin:0 -17px;
		background:url(/newweb/jpg/box1_n.gif) 100% 0 no-repeat;
	}
	.bt_n div {
		width:18px;
		height:17px;
		background:url(/newweb/jpg/box1_n.gif) 0 0 no-repeat;
	}
	
	.bb_n {
		height:24px;
		margin:0 -17px;
		background:url(/newweb/jpg/box1_n.gif) 100% 100% no-repeat;
	}
	.bb_n div {
		width:17px;
		height:24px;
		background:url(/newweb/jpg/box1_n.gif) 0 100% no-repeat;
	}


/*CSS for the box with cap & font style starts here */

	.bt_f {
		height:26px;
		margin:0 -17.5px;
		background:url(/newweb/jpg/mainbox_cap_02.gif) 100% 0 no-repeat;
		width:203.7px;
	}
	.bt_f div {
		width:18px;
		height:17px;
		background:url(/newweb/jpg/mainbox_cap_02.gif) 0 0 no-repeat;
		color:#FFF; 
		width:190px; 
		padding-top:3px; 
		font-size:12px; 
		text-align:center; 
		font-weight:bold;
	}


a:hover{
color:red;
}



/*Li class decleration */
.pdf{
list-style-image:url(/newweb/jpg/pdf.gif);
}
.email{
list-style-image:url(/newweb/jpg/mail_sm.gif);
}
.techinfo{
list-style-image:url(/newweb/jpg/TechInfo_Logo.jpg);
}
.pics{
list-style-image:url(/newweb/jpg/Camera_Logo.jpg);
}
.print{
list-style-image:url(/newweb/jpg/Printer_Logo.jpg);
}
.faq{
list-style-image:url(/newweb/jpg/FAQ_Logo.jpg);
}
.cad{
list-style-image:url(/newweb/jpg/VacuCAD_Logo.jpg);
}
.find{
list-style-image:url(/newweb/jpg/Search_Logo.jpg);
}
.ipa3d{
list-style-image:url(/newweb/jpg/3D_Logo.jpg);
}
.msds{
list-style-image:url(/newweb/jpg/MSDS_Logo.jpg);
}

/*### Table declaration ###*/
/*Tech Table 
	Use this for products */
table.tech {
border-spacing:0;
border-collapse:collapse;
border-style:solid; 
border-width:1px; 
border-color:gray;

}

table.tech tr.techheading{
background:#069;
text-align:center;
color:#FFF;
font-size:12px;
font-weight:bold;

}


table.tech td.techcolumn {
color:#FFF;
background:#069;
font-weight:bold;
}

table.tech td{
padding:3px 2.5px;
border-style:solid;
border-width:1px;
}


table.techinfo {
border-spacing:0;
border-collapse:collapse;
border-style:solid; 
border-width:1px; 
border-color:gray;
font-size:12px;
margin-right:10px;
margin-left:10px;

}

table.techinfo tr.techheading{
background:#069;
text-align:center;
color:#FFF;
font-size:12px;
font-weight:bold;

}


table.techinfo td.techcolumn {
color:#FFF;
background:#069;
font-weight:bold;
}

table.techinfo td{
padding:3px 2.5px;
border-style:solid;
border-width:1px;

}

/*lavalamp with image*/
.lavaLampWithImage {
	position: relative;
	height: 30px;
	background-image:url("/newweb/gif/topbar_middle_04.gif");
	background-repeat:repeat-x;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}
.lavaLampWithImage li {
	float: left;
	list-style: none;
}
.lavaLampWithImage li.back {
	background: url("/newweb/gif/lava.gif") no-repeat right -30px;
	width: 9px; 
	height: 30px;
	z-index: 8;
	position: absolute;
}

.lavaLampWithImage li.back .left {
	background: url("/newweb/gif/lava.gif") no-repeat top left;
	height: 30px;
	margin-right: 9px; /* 7px is the width of the rounded shape */
}

.lavaLampWithImage li a {
	text-align: center;
	top: 7px;
	z-index: 10;
	display: block;
	float: left;
	height: 30px;
	position: relative;
	overflow: hidden;
	margin: auto 15px;    
}
.lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {
	border: none;
}

/*lavalamp with image for IE6 browser*/
.lavaLampForIE {
	position: relative;
	height: 30px;
	background-image:url("/newweb/gif/topbar_middle_04.gif");
	background-repeat:repeat-x;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}
.lavaLampForIE li {
	float: left;
	list-style: none;
}
.lavaLampForIE li.back {
	background: url("/newweb/gif/lava.gif") no-repeat right -30px;
	width: 9px; 
	height: 30px;
	z-index: 8;
	position: absolute;
}

.lavaLampForIE li.back .left {
	background: url("/newweb/gif/lava.gif") no-repeat top left;
	height: 30px;
	margin-right: 9px; /* 7px is the width of the rounded shape */
}

.lavaLampForIE li a {
	text-align: center;
	top: 7px;
	z-index: 10;
	display: block;
	float: left;
	height: 30px;
	position: relative;
	overflow: hidden;
	margin: auto 7px;    
}
.lavaLampForIE li a:hover, .lavaLampForIE li a:active, .lavaLampForIE li a:visited {
	border: none;
}


/*For Captcha settings*/

#captcha{
display:block;
-moz-border-radius: 2% 2% 2% 2%; 
background-color:#DCEEFF; 
width:330px;
padding-bottom:10px;
height:200px;
}

.captcha_note{
padding: 5px 15px 0px 15px;
}

.captcha_que{
-moz-border-radius: 2% 2% 2% 2%; 
background-color:#FFF; 
width:300px; 
margin-left:15px;
padding:5px 0 5px 0; 
text-align:center;
}

.captcha_que img{
padding-left:25px;
}


.captcha_ans{
float:left;
-moz-border-radius: 2% 2% 2% 2%; 
background-color:#FFFFCC; 
width: 150px;
padding-top:2px;
padding-bottom:5px;
margin-left:15px; 
font-size:11px; 
text-align:center;
}

.captcha_logo{
padding-left:5px;
}

/*Literature*/
sup.asterisk{
color:red;
}

.h3_Literature{
color:#069;
border-bottom:1px dotted #999;
}

.h4_Literature{
color:#039;
font-size:12px;
}

.legend_Literature{
color:#039; 
font-weight:bold;
}


/*TradeShows web page*/
table.tradeshow{
border-collapse: collapse;
}

tr.tradeshow_heading{
font-weight:bold;
color:#252525;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

table.tradeshow td{
border-collapse: collapse;
border-bottom:1px dotted #999;
font-size:12px;
}

.h2_tradeshow{
color: #039;
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

/*Job Application Form Setting*/
.h2_JobApply{
color:#039; 
border-bottom:1px dotted #039;
}

.h3_JobApply{
color:#069;
border-bottom:1px dotted #999;
}

h4{
color:#039;
}

legend{
color:#039;
font-weight:bold;
}
.JobNote{
color:red;
font-weight:bold;
}

table.JobApply{
border-collapse:collapse;
}

table.JobApply td{
border-bottom: 1px #999 dotted;
}

/*Technical Notes setting*/
h2.h2_TechNote{
color:#069;
/*width:340px;*/
text-decoration:underline;
}

h3.h3_TechNote{
color:#039;
}

h4.h4_TechNote{
font-weight:bold;
color:#000;
border-bottom:1px dotted #999;
width:230px;
}

.TechNoteBox{
float:right;
width:300px; 
border: 1px dotted #039;
padding:5px;
margin-left:10px;
}

#link ul{
list-style-image:none;
list-style-type:none;
}

#link ul li{
line-height:1.4em;
}

#link ul li ul{
list-style-image:url(/newweb/gif/page_bullet_blue.gif);
}

#link a{
color: #0066CC;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}

#link a:hover{
color:red;
text-decoration:none;
}


.BackTop a{
color: #0066CC;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}

.BackTop a:hover{
color:red;
text-decoration:none;
}

/*Customer Survey settings*/
strong{
font-weight:bold;
}

.CustomerSurvey{
border-collapse:collapse;
}

.evaluation td{
border-top:1px solid #0066CC;
border-bottom:1px solid #0066CC;
border-collapse:collapse;
}

.survey ul{
margin-left:0;
padding-left:0;
}

.survey ul li{
list-style-image:none;
list-style-type:none;
line-height:1.6em;
}

.survey ul li a{
font-weight:bold;
color: #039;
text-decoration: none;
}

.survey ul li a:hover{
color:red;
}

/*Form & Document*/
.h3_Form{
color:#2b2b2b;
border-bottom:1px dotted #2b2b2b;
width:270px;
}

/*VacuCad setting*/
#VacuCad_box{
position:relative;
width:300px;
float:left;
}

.box_v {
padding: 0 17px 0 0px;
background:#fff url(/newweb/jpg/borders_1.gif) 100% 0 repeat-y;
}

.bi_v {
padding:0 0 0 17px;
background:#fff url(/newweb/jpg/borders1_1.gif) 0 0 repeat-y;
height:280px;
}

.bt_v {
height:26px;
margin:0 -17.5px;
background:url(/newweb/jpg/mainbox_cap_02.gif) 100% 0 no-repeat;
width:303px;
}

.bt_v div {
height:17px;
background:url(/newweb/jpg/mainbox_cap_02.gif) 0 0 no-repeat;
color:#FFF; 
width:290px; 
padding-top:3px; 
font-size:12px; 
text-align:center; 
font-weight:bold;
}

.bb_v {
height:20px;
margin:0 0px;
background:url(/newweb/jpg/mainbox_cap_02.gif) 100% 100% no-repeat;
width: 302px;
}

.bb_v div {
width:27px;
height:20px;
background:url(/newweb/jpg/mainbox_cap_02.gif) 0 100% no-repeat;
}

/*Metrics Table*/
.metric{
	border-collapse:collapse; 
	margin-bottom:20px;
}
.metric_heading{
	color:#FFF; 
	font-weight:bold; 
	background-color:#069; 
	text-align:center;
}
.metric_title{
	background-color:#DCEEFF; 
}

/*Pump Rebuild*/
.h3_pumpservice{
color:#06f;
}

.h4_pumpservice{
color:#333;
border-bottom:1px dotted #333;
font-weight:bold;
margin:0;
padding:0;
}

/*Hasan Code-new shoppingcart*/
#new{
color: #039;
font-weight:bold;
font-size:14px;
}

/*Photo Viewer*/
.thumbs td img{
	/*width: 40px;
	height: 40px;
	margin: 0 10px 0 0;
	padding: 0;
	float: left;
	overflow: hidden;
	position: relative;*/
	border: 2px solid #ddd;
}

.thumbs td img:hover {
	border: 2px solid #888;
	-moz-opacity:.75; 
	filter:alpha(opacity=75); 
	opacity:.75; 
}

/*Configuration Table*/
.h2_config_heading{
font-size:16px;
font-weight:bold;
color:#069;
border-bottom:1px #666 solid;
}

.desc{
color:#454545;
}

.pvd_ul li{
margin-top:5px;
line-height:1.2em;
}

.readmore{
font-size:10px;
color:#666666;
}

.h4_pvd{
color:#333333;
border-bottom:1px dotted #333;
width:300px;
}

/*KJLC Site Bar*/
.login_bar{
font-size:10px;
padding:0;
margin:0;
}

.login_bar a{
color:#039;
font-weight:bold;
text-decoration:none;
}

.lesker_bar{
font-size:10px;
margin-bottom:0;
padding-bottom:0;
float:right;
}

.lesker_bar a{
color:#039;
font-weight:bold;
text-decoration:none;
}

.login_bar a:hover, .lesker_bar a:hover{
color:red;
}

.onlinecall{
margin-top:5px;
}

.PED_Note{
font-family:Verdana,Tahoma,Arial,Helvetica,sans-serif; 
color:#CC0000;
}