﻿/************ main position ******************/
body { background-image: none; z-index: 0; margin: 0; padding-left: 0; padding-right: 0; padding-top: 0px; }
div#content { background: white; position: relative; margin-left: 13%; width: 70%; padding-bottom: 60px; padding-top: 0px; padding-left: 2%; padding-right: 2%; z-index: 2; border-top: solid 95px #fff; border-left: 1px solid #aaa; border-right: 1px solid #aaa; min-height: 120%; }
div#footer { color: #ccffcc; background: #fff url('../images/bg_tile.jpg'); background-repeat: repeat-x; background-position: top:-600px; position: fixed; z-index: 12; bottom: 0; left: 13%; width: 73.9%; font-size: 10px; border-top: 8px; text-align: center; vertical-align: top; line-height: 100%; padding: 2px; /* display: none;*/ }
div#left-format { background: url('../images/bg_tile.jpg') repeat-x; z-index: 0; position: fixed; left: 0; width: 14%; height: 100%; top: 0; }
div#right-format { background: url('../images/bg_tile.jpg') repeat-x; z-index: 0; background-position: top right; position: fixed; left: 86%; width: 14%; height: 100%; top: 0; }
div#header { color: #ccffcc; background: #fff url('../images/bg_tile.jpg'); z-index: 3; position: fixed; background-repeat: repeat-x; top: 0; border-left: 1px; border-right: 3px; left: 13%; width: 74.25%; height: 94px; font-size: 12px; font-weight: 700; }
div#support { position: fixed; top: 10px; left: 93.5%; height: 60px; width: 60px; z-index: 3; background: url('../images/bluesquare.jpg'); }

@media screen {
    body > div#header, body > div#support, body > div#left-format, body > div#right-format, body > div#footer { position: fixed; }
}
* html body { overflow: hidden; }
* html div#content { height: 100%; overflow: auto; }

/************ header **************************/
#contact_num_fax { position: absolute; top: 55px; left: 24%; }
#contact_num_phn { position: absolute; top: 40px; left: 24%; }
#contact_tag_fax { position: absolute; top: 55px; left: 20%; }
#contact_tag_phn { position: absolute; top: 40px; left: 20%; }
#proudNote { position: absolute; top: 55px; left: 50%; z-index: 99; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-style: italic; font-variant: normal; color: #0000FF; }
#main_heading { font-weight: 700; position: absolute; top: 10px; left: 18%; font-size: 16pt; margin: 0; }
#main_heading a { color: #ccffcc; }
#main_heading a:hover { color: #fff; }

#patriot { position: absolute; top: -10px; left: 75%; height: 100px; width: 100px; z-index: 15; }
#patriot-ribbon { height: 60px; width: 60px; z-index: 15; }
#treelogo { position: fixed; top: 1px; left: 4.5%; z-index: 400; }
/************ footer **************************/
div#footer a:link, div#footer a:visited { color: white; display: inline; padding: 0 16px; }
div#footer a:visited { text-decoration: none; }
div#footer a:hover { background: white; color: #1B3D6B; }
/************ feature product **************************/
.feature1 { position: fixed; top: 120px; left: 88%; width: 100px; height: 120px; }
.feature1 span { font-size: x-small; background: white; display: block; padding: 10px; background-image: url('../images/backgrounds/img1.gif'); }
.feature1 span em { color: Red; }
.feature2 { position: fixed; top: 260px; left: 88%; width: 10%; height: 120px; }
.feature3 { position: fixed; top: 400px; left: 88%; width: 10%; height: 120px; }
.feature4 { position: fixed; top: 320px; left: 88%; width: 10%; height: 120px; }

/************ links  ***********/
#commonmenu { /*display: none;*/ position: fixed; top: 5px; margin-left: .5%; width: 12%; border-top: 68px solid white; z-index: 100; }
a.menu-main:link, a.menu-main:visited { border: thin outset; padding: 2px; line-height: 120%; z-index: 10; }
a.menu-main:hover { border: thin inset; }
div#manufacture_menu { /* position: fixed; top: 95px; margin-left: 88.1%; width: 12%; z-index: 10;display: none;*/ }
div.jump_menu { font-size: 10px; font-weight: 700; line-height: 1; background: #fff; /* */ text-align: center; width: 100%; z-index: 3; margin-top: 22px; }
div.jump_menu a, div.jump_menu em { display: block; border-top: 1px groove #aaa; margin: 0; padding: 2px; }
div.jump_menu a:link, div.jump_menu a:visited { text-decoration: none; }
div.jump_menu a:link.selected-item, div.jump_menu a:visited.selected-item, div.jump_menu a:link.selected-subitem, div.jump_menu a:visited.selected-subitem { border-left: red; color: red; }
div.jump_menu em:first-child { border-top: none; }

/*div.jump_menu a:first-child { border-top: none; }
*********** main links positions below *******/
#aftermarket { position: fixed; top: 75px; left: 87.5%; width: 4%; }
#manufacture-link { position: fixed; top: 75px; left: .4%; width: 11.7%; }
#home-link { position: fixed; top: 75px; left: 13%; width: 5%; }
#liquid-link { position: fixed; top: 75px; left: 19%; width: 11%; }
#dry-link { position: fixed; top: 75px; left: 64%; width: 11%; }
#quality-link { position: fixed; top: 75px; left: 43%; width: 20%; }
#handle-link { position: fixed; top: 75px; left: 31%; width: 11%; }
#contact-link, #contactlink { position: fixed; top: 75px; left: 76%; width: 10.5%; }
#news-link { position: fixed; top: 75px; left: 92.5%; width: 6.5%; }
#part-link { background: #ddf; display: block; }

#liquid-link em { color: blue; }
#dry-link em { color: Red; }
/************ colors **************************/
div.jump_menu a:link, div.jump_menu a:visited { color: #1B3D6B; }
div.jump_menu a:hover { background: #1B3D6B; color: white; }
a.menu-main:link, a.menu-main:visited { background: #ccffcc; }
/**/


div#content a:link, div#content a:visited { }
/************ layout  ***********/
.dem { float: left; }
.rep { float: right; }
.floatleft { float: left; }
.floatright { float: right; }
img.floatleft { padding: 10px 30px 10px 0; }
img.floatright { padding: 10px 0 10px 30px; }

.col2 { float: left; width: 250px; }
.col3 p { font-size: small; color: #444; font-weight: 300; margin-top: 0; }
div.feature1 p { font-size: x-small; color: navy; font-weight: 900; }
.align-center { text-align: center; }
.align-left { text-align: left; }
.align-right { text-align: right; }
.bold_std { font-weight: 900; text-decoration: underline; }

.clearboth { padding: 20px; clear: both; display: block; }
.clear-left { clear: left; }
.clear-right { clear: right; }
/************ column  ***********/
.column { width: 42%; }
.rightcolumn { float: right; width: 43%; }
.leftcolumn { float: left; padding-right: 5%; width: 43%; }

.twocolumn { float: left; width: 44%; padding-left: 3%; padding-right: 3%; text-align: justify; }
.twocol { float: left; top: 100px; font-size: 80%; }
.std_column { width: 46%; }
.itemcolumn { float: left; padding-right: 2.5%; padding-left: 2.5%; padding-bottom: 50px; width: 45%; }
.twocol td { width: 50%; }
.threecol { padding-left: 2%; padding-right: 2%; width: 29%; float: left; }
.three-column { background: url("../images/backgrounds/img1.gif") no-repeat; display: block; font-size: 100%; padding: 4px 10px 0 4px; width: 10em; }

.comment { color: navy; padding-top: 0; padding-bottom: 0; padding-left: 3%; padding-right: 3%; }
.contact_us { font-size: 100%; }
.form-text { border: red; font-size: 140%; height: 100px; padding: 20px; width: 90%; }
.important, .pagehead hr { color: red; }
.italictext { font-style: italic; }
.item { clear: both; }
justify { text-align: justify; }

.pad10 { padding: 10px; }
.pagehead { color: blue; font-weight: 900; width: 400px; }
.paragraph-sm { width: 20em; }
.parts-form { font-size: 70%; font-weight: 700; }
.requirement_acro { float: right; padding: 40px; }
.atdrow { width: 100%; }
.title-caps { font-variant: small-caps; text-align: center; font-size: 90%; padding-left: 80px; padding-right: 80px; border: 1px dotted #eee; display: block; background: #ddf; }
a img { border: none; }
a:link.pdf_bulletin, a:visited.pdf_bulletin { font-size: 60%; }
p.print { display: none; }
td { vertical-align: top; }
div.showes_product { padding: 20px; }
div.showes_product ul { color: white; }
.showes_product { background: url("../images/backgrounds/gridgrey.gif"); border: 0; color: white; height: 100%; }
#gemco .bold_std { font-weight: 900; text-decoration: none; }

.alstrom, .carrier, .chemineer, .greerco, .kenics, .prochem, .dings, .fisherk, .gemco, .hydroflo, .intersystems, .magnasafe, .microfluidics, .pebco, .plasma, .showes, .rotex, .thomas { font: arial; }

.navlist { margin-bottom: 1em; }

.navlist ul { padding: 3px 9px 2px 5px; margin-left: 0; margin-top: 1px; margin-bottom: 0; font: bold 12px Verdana; list-style-type: none; text-align: left; /*set to left, center, or right to align the menu as desired*/ border-bottom: 1px solid #929492; }

.navlist li { display: inline; margin: 0; }

.navlist li a { text-decoration: none; padding: 3px 9px 2px 5px; margin: 0; margin-right: 1px; /*distance between each tab*/ border-left: 1px solid #DDD; color: black; font-size: 13px; background: #ECEEEC url("../images/tabright.gif") top right no-repeat; }

.navlist li a:visited { color: black; }

.navlist li a:hover { background-color: #CDDADA; color: navy; }

.romaco { list-style-type: square; list-style-position: inside; display: inline-block; }

.text_pages { text-align: left; line-height: 16px; margin: 0px 0px 6px; font-family: arial; color: #333; font-size: 14px; }
.text_pages a { font-weight: bold; font-size: 14px; }
.text_tables { text-align: inherit; line-height: 13px; margin: 0px; font-family: arial; color: #333; font-size: 11px; }
.text_bullets { text-align: left; line-height: 13px; margin: 0px 0px 6px; font-family: arial; color: #333; font-size: 11px; }

ul { list-style-image: url('../acrison/images/bullet.gif'); }
.text_desc { font-size: small; color: #444444; }
#carrier ul { list-style-image: url('../images/arrow_wht.gif'); }
/**#chemineer ul{list-style-image:url('images/arrow_wht.gif');}**/
#dings ul, ul.intersystems, ul.magna, ul.thomas { list-style-image: url('../images/red.jpg'); }
#fisher ul { list-style-image: url('../images/fisher.gif'); }
#gemco ul { list-style-image: url('../images/gco.gif'); }
#greerco ul { list-style-image: url('../images/greerco.gif'); }
.kenics ul { /*list-style-image: url('../images/kenics.gif');*/ font-size: 12px; }
#micrfluidics ul { list-style-image: url('../images/micro.gif'); }
#pebco ul { list-style-image: url('../images/rarrow.gif'); }
#romaco ul { list-style-image: url('../images/marion.gif'); }
#prochem ul { list-style-image: url('../images/chembullet.gif'); }


ul.showes { list-style-image: url('../images/clip_image001.jpg'); }

ul.sm-literature { list-style: none; }

ul.sm-literature li { height: 25px; }

#content ul.sm-literature li a:link { text-decoration: none; }

#content ul.sm-literature li a { text-decoration: none; }



ul.sm-literature li a { display: block; background: url('../images/sm_pdf_icon.gif') no-repeat 0 0; width: 100%; height: 15px; padding: 5px 0 0 0; text-indent: 30px; }

ul.sm-literature li a.doc { background: url('../images/sm_doc_icon.gif') no-repeat 0 0; }

.newStyle1 { float: right; }

.rtrn { font-size: large; }

.orange { color: #e8760f; }
.CBleu { background-image: url('../images/cg_CBleu.jpg'); padding-bottom: 10px; background-color: #008080; /* */ padding-left: 10px; padding-right: 10px; background-position: left bottom; color: #333333; font-weight: normal; padding-top: 10px; }
.prune { color: #5e2a6f; }
.imgCD { border-bottom: #dbdbcf 1px solid; border-left: #dbdbcf 1px solid; padding-bottom: 5px; background-color: #ffffff; padding-left: 5px; padding-right: 5px; margin-bottom: 10px; border-top: #dbdbcf 1px solid; margin-left: 10px; border-right: #dbdbcf 1px solid; padding-top: 5px; }
.imgCG { border-bottom: #dbdbcf 1px solid; border-left: #dbdbcf 1px solid; padding-bottom: 5px; background-color: #ffffff; padding-left: 5px; padding-right: 5px; margin-bottom: 10px; border-top: #dbdbcf 1px solid; margin-right: 10px; border-right: #dbdbcf 1px solid; padding-top: 5px; }
.neutre { clear: both; font-size: 1px; }


.grid { display: table; }
.row { display: table-row; }
.image { display: table-cell; vertical-align: top; }
#pointer-kenics { position: absolute; z-index: 1; border-style: ridge; border-width: 1px 0px 0px 0px; border-color: #cc7856; left: 95px; top: 55px; width: 155px; height: 145px; }
#pointer-prochem { position: absolute; z-index: 1; border-style: solid; border-width: 1px 0px 0px 0px; border-color: #cc7856; left: 115px; top: 120px; width: 135px; height: 80px; }
#pointer-greerco { position: absolute; z-index: 1; border-style: solid; border-width: 1px 0px 0px 0px; border-color: #cc7856; left: 110px; top: 90px; width: 140px; height: 110px; }
#pointer-chemineer { position: absolute; z-index: 1; border-style: solid; border-width: 1px 0px 0px 0px; border-color: #cc7856; left: 160px; top: 20px; width: 90px; height: 180px; }
#pointer-romaco { position: absolute; z-index: 1; border-style: ridge; border-width: 1px 0px 0px 0px; border-color: #cc7856; left: 170px; top: 160px; width: 80px; height: 40px; }
.hometextdiv { margin: 1px; z-index: 10; border: 1px solid #CC9900; color: #cc7856; background-color: #fdfbe4; padding: 10px; }
#liquidnote { position: absolute; left: 0; width: 170px; height: 80px; top: -40px; background-color: #fff; z-index: 1001; }

/*#liquid-link span a:hover{display:block; position:relative; width:200px;}*/

