/* -- Tantek Celik undohtml.css -- */
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
p,h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, div { margin:0; padding:0 }
a img,:link img,:visited img { border:none }
h2.subheader{
	margin: 0 0 5px 0;
	font-size: 1.3em;
	border-bottom: 1px solid #cccccc;
}
/* end of browser stripping */

.mir { letter-spacing : -1000em;}
/*\*/* html .mir { text-indent: -999em; overflow: hidden; }
html>body .mir { letter-spacing: normal; text-indent: -999em; overflow: hidden; }/**/
/*html>body {overflow:scroll;}*/

.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
}
* html>body .clearfix {
		display: inline-table; 
		width: 100%;
}
	
* html .clearfix {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
}


.clear{
	clear: both;
}

.floatLeft{
	float: left;
}

.floatRight{
	float: right;
}

.surveyleft{
	height: 30px;
	line-height: 30px;
	float: left;
	margin: 0 10px 0 0;
	font-style: italic;
}

.imageLeft{
	float: left;
	margin: 5px 20px 20px 0;
	border: 1px solid #6392D9;
	padding: 2px;
}



.icon{
	background: transparent url(../images/clearbits_bg.gif) no-repeat;
	vertical-align: middle;
}

.aeroplane{
	width: 505px;
	height: 134px;
	float: left;
	text-indent: -9999px;
	background: url(../images/banner.gif) no-repeat;
}

a{color: #2880c6;}

.information{
	clear: both;
	padding: 2px 5px;
	background: #fffbec;
	color: #000000;
	font-weight: 800;
	border: 2px solid #ffcc66;
	font-size: 0.95em;
	margin: 0 0 10px 0;
}

.information li{
	line-height: 1.5em;
}


#container a:hover{
	color: #333;
	/*background-color: #eee;*/
	/*border-bottom: 1px dotted #999;*/
}

.recommend{
	font-style: italic;
	color: #666;
}

address{
	font-style: normal;
	margin: 10px 0;
}

body{
	text-align:center; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #444444;
	background: #fff url(../images/bg_body.gif) repeat-x;
}

p{
	font-size: 1em;
	line-height: 1.6em;
	margin: 0 0 20px 0;
}

#wrapper{
	width: 770px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

#header{
	width: 750px;
	margin: 0 10px 0 10px;
	position: relative;
}

#header h1 a{
	width: 190px;
	height: 118px;
	float: left;
	display: block;
	background: url(../images/logo.gif) no-repeat 0 0;
	text-indent: -9999px;
	margin: 15px 0 0 0;
}

#header img{
	margin: 15px 12px 0 0; 
	float: right;
}

#header #headermenu{
	/*position: absolute;*/
	float: right;
	/*right: 0;
	top: 10px;*/
	margin: 10px 0 0 0;
	font-weight: 800;
	color: #fff;
}

#header #headermenu li{
	float: left;
	margin: 0 10px 0 0;
}

#header #headermenu li a{
	color: #fff;
	margin: 0 10px 0 0;
}

#util_menu{
	width: 510px;
	height: 40px;
	float: right;
	margin: 29px 12px 0 0;
	display: inline;
}

#util_menu li{
	display: inline;
	float: left;
	height: 40px;
}

#util_menu li a{
	height: 40px;
	float: left;
	background: url(../images/util_menu.gif) no-repeat 0 0; 
	text-indent: -9999px;
}

#util_menu li#products a{ background-position: 0 0; width: 125px; }
#util_menu li#accessories a{ background-position: -125px 0; width: 124px; }
#util_menu li#msds a{ background-position: -249px 0; width: 93px; }
#util_menu li#spec a{ background-position: -342px 0; width: 168px; }



#util_menu li#products a:hover{ background-position: 0 -40px; width: 125px; }
#util_menu li#accessories a:hover{ background-position: -125px -40px; width: 124px; }
#util_menu li#msds a:hover{ background-position: -249px -40px; width: 93px; }
#util_menu li#spec a:hover{ background-position: -342px -40px; width: 168px; }


h3.smallBanner{
	background: url(../images/small_banner.gif) no-repeat;
	width: 505px;
	height: 69px;
	color: #fff;
	line-height: 69px;
	/*margin: -10px 0 0 0;*/
	padding: 0 0 0 10px;
}

h3.smallBanner a{
	color: #fff;
	font-weight: 100;
	font-size: 0.8em;
}

#menu{
	clear: both;
	width: 750px;
	height: 92px;
	background: transparent url(../images/bg_search.gif) no-repeat;
	position: relative;
}

#menu dl{
	width: 200px;
	margin: 20px 0 0 22px;
	float: left;
	display: inline;
	/*position: relative;*/
	color: #666666;
}

#menu dl dt{
	font-size: 0.9em;
	width: 200px;
	height: 18px;
	float: left;
}

#menu dl dd{
	width: 200px;
	margin: 0;
	float: left;
}

#menu .inp{
	float: left;
	width: 115px;
	height: 16px;
	padding: 2px 5px;
	background-color: #EFF8FF;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-bottom: 1px solid #b8dbf9;
	border-right: 1px solid #b8dbf9;
}

#menu .focus{
	background-color: #FFF2CF;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
}

#menu .go{
	float: left;
	margin: 0 0 0 2px;
	background-color: #2880C6;
	border-top: 1px solid #b8dbf9;
	border-left: 1px solid #b8dbf9;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	color: #fff;
	height: 22px;
	font-size: 0.9em;
	width: 30px;
}

#menu ul{
	width: 505px;
	height: 57px;
	padding: 0 0 0 0;
	margin: 10px 22px 0 0;
	float: right;
	display: inline;
	font-size: 0.95em;
	z-index: 100;
}

#menu ul li{
	height: 57px;
	float: left;
	position: relative;
}

#menu ul li a{
	height: 57px;
	float: left;
	text-indent: -9999px;
	z-index: -10;
}

#menu ul li#aeroprep a{width: 131px; background: url(../images/menu_aeroprep_off.gif) no-repeat;}
#menu ul li#aerolube a{width: 130px; background: url(../images/menu_aerolube_off.gif) no-repeat;}
#menu ul li#calla a{width: 100px; background: url(../images/menu_calla_off.gif) no-repeat;}
#menu ul li#corban a{width: 144px; background: url(../images/menu_corban_off.gif) no-repeat;}


#menu ul li#aeroprep a:hover{width: 131px; background: url(../images/menu_aeroprep_on.gif) no-repeat;}
#menu ul li#aerolube a:hover{width: 130px; background: url(../images/menu_aerolube_on.gif) no-repeat;}
#menu ul li#calla a:hover{width: 100px; background: url(../images/menu_calla_on.gif) no-repeat;}
#menu ul li#corban a:hover{width: 144px; background: url(../images/menu_corban_on.gif) no-repeat;}



#menu ul li ul{
	width: 380px;
	height: auto;
	position: absolute;
	top: 0;
	margin: 56px 0 0 0;
	left: -9999em;
	border: 1px solid #ccc;
	background: #fff;
	z-index: 100;
}

#menu ul li#aeroprep li a, #menu ul li#aerolube li a, #menu ul li#corban li a, #menu ul li#calla li a,
#menu ul li#aeroprep li a:hover, #menu ul li#aerolube li a:hover, #menu ul li#corban li a:hover, #menu ul li#calla li a:hover{
	width: auto;
	height: 25px;
	background: none;
}

#menu ul li#aeroprep li a:hover, #menu ul li#aerolube li a:hover, #menu ul li#corban li a:hover, #menu ul li#calla li a:hover{
	text-decoration: underline;
}

#menu ul li ul li.close{
	margin: 5px 0 0 0;
	width: 360px;
}

#menu ul li ul li.close a{
	display: inline;
	float: right;
	width: auto;
	outline: none;
}

#menu ul li ul li.close a img{
	margin: 0;
}

#menu ul li ul li ul{
	width: 280px;
	float: left;
}

#menu ul li ul li ul li{
	width: 120px;
	float: left;
	border: none;
}

#menu ul li ul li ul li a{
	width: 120px;
}

#menu ul li.catName{
	width: 360px;
	font-weight: 800;
	font-size: 1.1em;
	float: none;
	clear: both;
	margin: 0;
	padding: 0;
	font-variant: small-caps;
}

#menu ul li ul li{
	width: 170px;
	margin: 0 0 0 20px;
	display: inline;
	/*width: 183px;*/
	height: 20px;
	line-height: 20px;
	float: left;
	display: block;
	position: relative;
	/*border-bottom: 1px solid #ccc;*/
}


#menu ul li#aeroprep ul li a, #menu ul li#aerolube ul li a, #menu ul li#corban ul li a, #menu ul li#calla ul li a{
	/*width: 183px;*/
	width: 180px;
	display: block;
	text-indent: 5px;
}

#menu ul li#aeroprep li.hov, #menu ul li#aerolube li.hov, #menu ul li#corban li.hov, #menu ul li#calla li.hov{
	color: #000000;
	/*background: #efefef;*/
}

#menu ul li ul ul{ 
	/*width: 183px;*/
	width: 180px;
	margin: 0 0 0 183px;
}

#menu ul li.hov ul ul{
	left: -999em;
	font-size: 1.05em;
}

#menu ul li.hov ul, #menu ul li li.hov ul{
	top: 0;
	left: 0;
}


#menu ul li#aeroprep ul li a{ color:#6D66AB; }
#menu ul li#aerolube ul li a{ color:#BE8816; }
#menu ul li#corban ul li a{ color:#ED3311; }
#menu ul li#calla ul li a{ color:#1C8830; }



#menu p{
	z-index: 0;
	clear:both;
	width: 490px;
	height: 25px;
	color: #2880c6;
	font-weight: 800;
	position: absolute;
	top: 45px;
	left: 248px;
	display: none;
}

#container{
	width: 770px;
	background: #fff url(../images/bg_top.gif) no-repeat;
	
	/*position: relative;*/
}

#leftContent{
	width: 176px;
	margin: 26px 0 0 34px;
	float: left;
	display: inline;
	position: relative;
}


#leftContent h6{
	color: #666;
	margin: 25px 0 5px 0;
	font-weight: 100;
}

#rightContent{
	width: 505px;
	float: right;
	margin: 24px 34px 0 0;
	display: inline;
}

#rightContent.products{
	margin: -6px 34px 0 0;
}

#rightContent img{
	margin: -17px 0 0 0;
}


body.cart #leftContent{
	width: 325px;
	float: left;
	margin: 0;
}

body.cart #rightContent{
	width: 335px;
	float: right;
	border-left: 1px solid #ddd;
	padding: 0 0 0 20px;
	margin: 0;
}

body.cart h3{
	border-bottom: 1px solid #ddd;
}

h3.AddToCart{
	border-top: 1px solid #ccc;
	padding: 10px 0 0 0;
	color: #2880C6;
}



#fullContent{
/*	width: 720px;*/
	width: 706px;
	padding: 25px 0 0 0;
	margin: 0 32px;
}

#rightContent ul.specs{
	margin: 0 0 20px 0;
}

#rightContent ul.specs li{
	line-height: 1.6em;
	background: #fff url(../images/bullet_cat.gif) no-repeat 0 50%;
	padding: 0 0 0 15px;
}

.equalLeftContent{
	width: 345px;
	float: left;
}

.equalRightContent{
	width: 345px;
	float: right;
}

.equalLeftContent h2, .equalRightContent h2{
	margin: 0 0 5px 0;
	font-size: 1.3em;
	border-bottom: 1px solid #cccccc;
}

#newsBox{
	height: 300px;
	width: 160px;
	overflow: hidden;
	position: absolute;
	top: 260px;
	top: 15px;
	left: 33px;
	left: 0;
}

#newsList{
	position: relative;
	font-size: 0.95em;
	padding: 10px 0;
}

#newsList li{
	background: #fff url(../images/bullet_news.gif) no-repeat 0 0;
	padding: 0 0 10px 15px;
	color: #2880c6;
	line-height: 1.6em;
}

.date{
	color: #444;
}

#newsList li a{
	color: #2880c6; 
}

#scrollBoxRight{
	position: absolute;
	left: 162px;
	top: 15px;
	height: 300px;
	width: 15px;
	overflow: hidden;
	background: transparent url(../images/bg_scroller.gif) repeat-y;
}

#scrollerRight{
	position: relative;
	width: 15px;
	background: transparent url(../images/button_scroller.gif) no-repeat;
}


#leftMenu{
	font-size: 0.95em;
}

#leftMenu li{
	background: #fff url(../images/bullet_cat.gif) no-repeat 0 40%;
	padding: 0 0 0 15px;
	color: #2880c6;
	line-height: 2em;
}

#leftMenu li a{
	color: #2880c6; 
}

#leftContent ul#tasks{
	border-bottom: 1px solid #ddd;
}

#leftContent ul#tasks li{
	height: 30px;
	line-height: 30px;
	padding: 5px 0;
	border-top: 1px solid #ddd;
}


#leftContent ul#tasks a{
	margin: 0 0 0 10px;
	font-weight: 800;
	color: #666;
	border-bottom: none;
}

#leftContent ul#tasks a:hover{
	color: #333;
}

#leftContent ul#tasks img{
	vertical-align: middle;
	margin: 0 0 0 0;
}

dl.blurb{
	width: 29.9%;
	float: left;
	margin: 0 16px 0 0;
}

dl.blurb a{
	color:  #2880c6;
}

dl.blurb dt{
	width: 100%;
	float: left;
	color: #2880c6;
	font-size: 1.25em;
	font-weight: 800;
	margin: 0 0 15px 0;
}

dl.blurb dd{
	width: 100%;
	line-height: 1.6em;
	float: left;
	margin: 0;
}


.locationBox{
	padding: 5px 0 0 0;
	border-bottom: 1px solid #cccccc;
}
	
#footer{
	width: 770px;
	height: 90px;
	background: #fff url(../images/bg_bottom.gif) no-repeat;
	padding:90px 0 0 0px;
	font-size: 0.9em;
}

#footer li{
	color: #2880c6;
	display: inline;
	margin: 0 0 0 10px;
}

#footer li a{
	color: #2880c6;
	margin: 0 10px 0 0;
}

p.copyright{	
	font-size: 0.85em;
	color: #999;
	margin: -60px 0 0 48px;
}

#breadcrumb{
	color: #666;
	margin: 0 32px;
	padding: 10px 0 3px 0;
	font-size: 0.9em;
	border-bottom: 1px solid #ccc;
}

#breadcrumb a{
	color: #2880c6;
	font-weight: bold;
}

#breadcrumb p{
	margin: 0;
}

body.admin #breadcrumb{
	color: #666;
	margin: 0 0 10px 0;
	padding: 10px 0 3px 0;
	font-size: 0.9em;
	border-bottom: 1px solid #ccc;
}

.productTable{
	width: 100%;
	font-size: 1em;
	border-collapse: collapse;
	margin: 0 0 30px 0;
}

.productTable tr{
	border-bottom: 1px solid #ddd;	
}

.productTable tr td{	
	padding: 8px 5px;
}

.productTable tr td.description{
	font-size: 0.9em;
	color: #666;
}

/*hide from IE5Mac\*/
.productTable tr td{	
	border-bottom: 1px solid #ddd;	
}
/*end hide*/

.productTable a{
	color: #2880c6;
}

.properties{
	clear: both;
	width: 200px;
	float: right;
	margin: 10px 0 10px 20px;
	background: url(../images/bg_property_tile.gif) repeat-y;
}

.properties img{
	border: none;
	padding: 20px 0 10px 12px;
}

.properties ul{
	margin: 0 10px;
	font-size: 0.9em;
	padding: 0 10px;
}

.properties ul li{
	line-height: 1.2em;
	padding: 0 0 10px 0;
}


.properties h4.top{
	width: 200px;
	height: 33px;
	line-height: 33px;
	padding: 0 0 0 10px;
	background: #fff url(../images/bg_property_top.gif) no-repeat;
}

.properties .bottom{
	width: 200px;
	height: 14px;
	background: #fff url(../images/bg_property_bottom.gif) no-repeat;
}

.properties h5{	
	color: #000;
	padding: 0 10px;
	margin: 0;
}

.properties p{
	padding: 0 10px;
}

dl.form a:hover{
	border-bottom: none;
}

dl.form{
	width: 100%;
	float: left;
}

dl.form50{
	width: 50%;
	float: left;
}

dl.form dd .box{
	width: 24%;
	float: left;
	text-align: center;
}

dl.form dt, dl.form50 dt{
	width: 100%;
	float: left;
	font-weight: 800;

}

dl.form dd, dl.form50 dd{
	width: 100%;
	float: left;
	margin: 0 0 10px 0;
}

dl.form a, dl.form50 a{
	font-size: 0.9em;
}

dl.news{
	width: 99%;
	clear: both;
	float: left;
	margin: 0 0 10px 0;
}

dl.news dd img{
	margin: 0 10px 10px 0;
}

dl.news dd{
	line-height: 1.6em;
	margin: 0 0 0 25px;
}

.mini{
	width: 30px;
}
.tiny{
	width: 50px;
}

.short{
	width: 100px;
}

.medium{
	width: 200px;
}

.long{
	width: 300px;
}

.extralong{
	width: 400px;
}

.tiny, .short, .medium, .long, .extralong,.mini{
	padding: 2px 5px;
	background-color: #EFF8FF;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-bottom: 1px solid #b8dbf9;
	border-right: 1px solid #b8dbf9;
}

.focus{
	background-color: #FFF2CF;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
}

table.specs{
	border-collapse: collapse;
	font-size: 0.9em;
}



table.specs td, table.specs th{
	border-bottom: 1px solid #ccc;
	padding: 5px;
}

table.specs th{
	color: #999;
}

/* ADMIN */
body.admin #menu ul{
	width: 700px;
	padding: 12px 0 0 0;
	margin: 20px 10px 0 12px;
	float: left;
	display: inline;
}

body.admin #menu ul li{
	float: left;
	margin: 0 0 0 10px;
	
}

body.admin #menu ul li a{
	float: left;
	text-indent: 0;
	color: #2880c6;
	margin: 0 10px 0 0;
}

/* admin contact table */
.datagrid,#Template_Content_Cart_CartTable{
	clear: both;
	width: 98%;
	border-collapse: collapse;
	font-size: 0.9em;
}

 #Template_Content_Cart_CartTable,#pricingTable{
 	width: 100%;
 	margin: 0 0 10px 0;
 }

.adminTable, #pricingTable{
	clear: both;
	border-collapse: collapse;
	font-size: 0.9em;
	margin: 5px 0 10px 0;
}

.datagrid tr, .adminTable tr, #Template_Content_Cart_CartTable{
	line-height: 1.8em;
}

#pricingTable tr{
	line-height: 2.5em;
}

.datagrid tr.alternate, .adminTable tr.alternate, #Template_Content_Cart_CartTable tr.second, #pricingTable tr.alternate{
	background: #DFF1FF;
}

.datagrid td, .adminTable td, #Template_Content_Cart_CartTable td, #pricingTable td{
	padding: 2px 2px;
	border: 1px solid #ddd;
	
}

.datagrid th, .datagrid tr.header, .adminTable th, #Template_Content_Cart_CartTable th{
	color: #666;
	background-color: #eee;
	border: 1px solid #ddd;
	padding: 2px 2px;
}



#pricingTable th{
	color: #666;
	background-color: #eee;
	border: 1px solid #ddd;
	padding: 2px 2px;
	font-weight: 100;
}

.datagrid a, .adminTable a, #Template_Content_Cart_CartTable a{
	font-weight: bold;
}

 #Template_Content_Cart_CartTable tr.subtotal, .datagrid tr.subtotal, .adminTable tr.subtotal{
 	background: #88B5EA;
	color: #fff;
	text-align: right;
	font-weight: 800;
 }
 
.datagrid tr.total, .adminTable tr.total{
 	background: #666;
	color: #fff;
	text-align: right;
	font-weight: 800;
 }
 
 #Template_Content_Cart_CartTable td.pricelink, #Template_Content_Cart_CartTable td.qty, #Template_Content_Cart_CartTable th.header, .datagrid .alignRight, .adminTable .alignRight, #pricingTable .alignRight{
 	text-align: right;
 }

.cartbuttons{
	float: right;
	
}

 
fieldset{
	clear:both;
	border: 1px solid #ccc;
	padding: 10px;
	margin: 0 0 20px 0;
}

#fieldset .left{
	width: 340px;
	float: left;

}

#fieldset .right{
	width: 340px;
	float: right;
}

fieldset legend{
	margin: 5px 0;
	font-weight: 800;
}

ul.adminList{
	clear: left;
}

ul.adminList li{
	clear: both;
	line-height: 2.5em;
}


ul.adminList .name{
	width: 80px;
	float: left;
}

#Products{
	border: none;
	clear: both;
	padding: 20px 0 0 0;
}


/* pager */

.pager{
	font-size: 0.85em;
	margin: 0 0 5px 0;
}

.disabled{
	color: #afafaf;
}

.pagerFirst{
	background: transparent url(../images/icon_pager_first.gif) no-repeat 0 0;
	padding: 0 0 0 15px;
	margin: 0 10px 0 0;
	height: 20px;
}

.pagerPrev{
	background: transparent url(../images/icon_pager_previous.gif) no-repeat 0 0;
	padding: 0 0 0 15px;
	margin: 0 10px 0 0;
}

.pagerNext{
	background: transparent url(../images/icon_pager_next.gif) no-repeat 100% 0%;
	padding: 0 15px 0 0;
	margin: 0 0 0 10px;
}

.pagerLast{
	background: transparent url(../images/icon_pager_last.gif) no-repeat 100% 0%;
	padding: 0 15px 0 0;
	margin: 0 0 0 10px;
}

ul.items{
	list-style: square;
	margin: 10px 0 0 10px;
}

ul.items li{
	line-height: 1.6em;
}

#left{
	width: 350px;
	float: left;
}

#right{
	width: 350px;
	float: right;
}


#Template_Content_errorDiv, #Template_Content_valsum, .error{
	color: #A02013;
	font-size: 0.9em;
	background: #FFF7BF;
	border-top: 1px solid #bbb;
	border-left: 1px solid #bbb;
	border-right: 3px solid #ccc;
	border-bottom: 3px solid #ccc;
	padding: 5px 10px;
	margin: 0 0 5px 0;
}

#Template_Content_errorDiv li, .error li{
	line-height: 1.8em;
	background: url(../images/bullet_error.gif) no-repeat 0 50%;
	padding: 0 0 0 15px;
}

#Template_Content_PlaneMap{
	margin: 20px 0 0 0;
}


ul#cart{
	position: absolute;
	top: 0;
	right: 0;
	color: #fff;
	line-height: 22px;
	font-size: 0.9em;
}

ul#cart a{
	color: #bee1ff;
	padding: 0 0 0 5px;
}

ul#cart li{
	float: left;
	height: 22px;
	background: url(../images/bg_cart_tile.gif) repeat-x;
	padding: 0 5px;
}

ul#cart li.left{
	width: 62px;
	\width: 87px;
	w\idth: 62px;
	padding: 0 0 0 25px;
	background: url(../images/cart_left.gif) no-repeat;
}


ul#cart li.right{
	width: 113px;
	background: url(../images/cart_right.gif) no-repeat;
}

ul.accessories{
	list-style: square;
	margin: 0 0 0 20px;
}

ul.accessories li{
	line-height: 1.6em;
}


ul.accessories li ol{
	margin: 0 0 0 30px;
}

ul.accessories li ol li{
	list-style: decimal;
}


.required{
	background: #EFEFC2;
}

/* dialog */
#dialog{
	text-align: left;
	display: none;
	position: absolute;
	top: 0;
	left: 110px;
	padding: 10px;
	z-index: 100;
	background: #ffffff;
	width: 500px;
	margin: 10px 0 0 0;
	border: 2px solid #A6D2F7;
}

#requestQuote{
	font-weight: 800;
}