/* KGI Global Style Sheet */

/* meyerweb.com Global Reset */
html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
b, u, i, center, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent}
body{line-height:1}
ol, ul{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after, 
q:before, q:after{content:''; content:none}
/* remember to define focus styles! */:focus{outline:0}
/* remember to highlight inserts somehow! */ins{text-decoration:none}  del{text-decoration:line-through}
/* tables still need 'cellspacing="0"' in the markup */table{border-collapse:collapse; border-spacing:0}

/* KGI Global CSS */
body {}
#body {width:981px; padding:0; margin:0 auto; background:url(../images-global/bg_body.gif) repeat-y #FCFDFD}
.spacer {clear:both; font-size:0; line-height:0}
span.sup {font:normal 60% "Lucida Sans Unicode", "Lucida Grande", sans-serif; line-height:100%; vertical-align:super; display:inline}
img {border:none}
li {list-style:none}
a:active {outline:none}
a {outline:expression(hideFocus=‘true’); outline:0}/*Hide dotted outline in FF+IE*/
abbr, acronym, span.abbr {cursor:help; border-bottom:1px dotted #000;}

/*------------------------------------------------header--------------------*/
#header {background:url(../images-global/bg_mast.jpg) 0 0 no-repeat; width:981px; height:218px; position:relative; margin:0 auto}
#header ul {width:981px; height:32px; position:absolute; left:0; top:173px; border-top:#FFF 1px solid; padding:0 }
#header ul li {height:32px; float:left}
#header ul li a, #header ul li a.visited {display:block; padding:21px 16px 0 15px; font:normal 12px/12px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#333; text-decoration:none; border-left:#FFF solid 1px}
#header ul li a:hover, #header ul li.first a:hover  {color:rgb(85,104,38); text-decoration:none; padding:14px 16px 0 15px; border-top:#FFF 7px solid}
#header ul li.first a {border:none; float:left}
#header img.logo {position:absolute; left:21px; top:18px; width:135px; height:100px}
#header p span.txt1 {color:#fff; background-color:#1E6887}
#header p.topText { font:normal 16px/23px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#2F4550; position:absolute; left:286px; top:134px; width:586px }
#header p.topText span.bold {font:bold 16px/23px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#2F4550}
#header p.topText span.smallTxt {font:normal 12px/18px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#000; background-color:inherit; padding:0 0 0 8px}
#header a.readMore { display:block; margin:0; padding:0; background:url(../images-global/btn_read_on.gif) 0 0 no-repeat; width:59px; height:23px; position:absolute; left:854px; top:136px }
#header a.readMore:hover {background:url(../images-global/btn_read_on.gif) no-repeat right 0}
#header a.english {position:absolute; margin:0; padding:0; left:925px; top:0px; display:block; width:27px; height:22px; background:url(../images-global/btn_languages.png) no-repeat -6px 0}
#header a.english:hover {background:url(../images-global/btn_languages.png) no-repeat 2px -22px}
#header a.spanish { position:absolute; margin:0; padding:0; left:950px; top:0px; display:block; width:27px; height:22px; background:url(../images-global/btn_languages.png) no-repeat -31px 0 }
#header a.spanish:hover {background:url(../images-global/btn_languages.png) no-repeat -31px -22px}
/*------------------------------------------------left--------------------*/
#left {width:370px; float:left}
#left1 p, #left2 p, #left3 p, #left4 p, #left5 p {color:rgb(58,61,54)}
#left1, #left2, #left3, #left4, #left5 {width:373px; /*margin:0;*/ padding:0 0 7px 0; color:#2F4550}
#left1 p.boxTxt1,
#left2 p.boxTxt2,
#left3 p.boxTxt3,
#left4 p.boxTxt4,
#left5 p.boxTxt5 {float:right; padding:8px 10px 0 0; font:normal 12px/16px "Lucida Sans Unicode", "Lucida Grande", sans-serif; width:195px }
#left1 p.boxTxt1 span,
#left2 p.boxTxt2 span,
#left3 p.boxTxt3 span,
#left4 p.boxTxt4 span,
#left5 p.boxTxt5 span { font:bold 20px/22px "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-transform:uppercase; letter-spacing:0px; color:#666; margin:0; padding:0 0 10px 0; height:20px }

#left1 {background:url(../images-global/bg_left1.jpg) 0 0 no-repeat #FCFDFD}
#left2 {background:url(../images-global/bg_left2.jpg) 0 0 no-repeat #FCFDFD}
#left3 {background:url(../images-global/bg_left3.jpg) 0 0 no-repeat #FCFDFD}
#left4 {background:url(../images-global/bg_left4.jpg) 0 0 no-repeat #FCFDFD}
#left5 {background:url(../images-global/lft_box_bg_grn.gif) 0 0 no-repeat #FCFDFD}

#left1 span.link a:link, #left1 span.link a:visited, 
#left2 span.link a:link, #left2 span.link a:visited, 
#left3 span.link a:link, #left3 span.link a:visited, 
#left4 span.link a:link, #left4 span.link a:visited,
#left5 span.link a:link, #left5 span.link a:visited {display:block; color:#C30; font:normal 12px/16px "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-transform:none; text-decoration:none; text-align:right}
#left1 span.link a:hover, #left1 span.link a:active, #left2 span.link a:hover, #left2 span.link a:active, 
#left3 span.link a:hover, #left3 span.link a:active, #left4 span.link a:hover, #left4 span.link a:active, #left5 span.link a:hover, #left5 span.link a:active {display:block; color:#693; text-decoration:none; text-align:right}

/*-------------------------------------------right+full (width pages)---------------*/
#right {width:608px; height:100%; float:right; background:url(../images-global/right_panel_bg.gif) 0 0 repeat-y}
#right p.rightTop {display:block; background:url(../images-global/right_panel_top.gif) 0 0 no-repeat; width:608px; height:24px}
#right h2, #full h2 { font:normal 28px/32px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#1E1E1E; background-color:inherit; margin:0 38px 16px 0; padding:3px 0 0 38px; display:block; text-transform: uppercase; }
#right h2 span {font:bold 16px/12px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#2F4550}
#right h2 span a {font:bold 16px/12px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#617235; text-decoration:underline}
#right h2 span a:hover, #full h2 span a:hover {color:#8AA24C; text-decoration:none}
#right h3, #full h3 { font:bold 19px/10px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#1E1E1E; background-color:inherit; margin:10px 38px 10px 0; padding:0 0 0 38px; display:block }
#right p.rightTxt1, #full p.fullTxt1 { font:normal 13px/17px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#1E1E1E; background-color:inherit; padding:0 38px 10px 38px }
#right p.rightTxt1 span, #full p.fullTxt1 span { font:bold 14px/18px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:rgb(85,104,38); background-color:inherit }
/*#right p.rightTxt1 span.sup, #full p.fullTxt1 span.sup,*/ span.sup {font:normal 60% Arial, Helvetica, sans-serif; color:#1E1E1E; line-height:100%; vertical-align:super; display:inline}
#right p.rightTxt1 .newslink-logo {margin:0 2px -10px 0}
#right ul li { padding:0 30px 7px 50px; line-height:19px; font:normal 12px/12px "Lucida Sans Unicode", "Lucida Grande", sans-serif; } 
.indent_authordate {text-indent:145px; margin-top:-10px }


#right p.rightTxt2, #full p.fullTxt2 {font:normal 14px/18px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#1E1E1E; background-color:inherit; padding:0 0 20px 38px; float:left; width:349px; margin:0 27px 0 0}
#right p.rightTxt2 span, #full p.fullTxt2 span {font:bold 17px/18px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#D76E08; background-color:inherit; border-bottom:#BCBCB5 dashed 1px; width:340px; display:block; margin:0 0 15px 0}
#right a:link, #right a:visited, #full a:link, #full a:visited {font:"Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#333322; text-decoration:underline}
#right a:hover, #right a:active, #full a:hover, #fullt a:active { color:rgb(85,104,38); text-decoration:none }
#right p.toggle_list {font:normal 15px/16px "Lucida Sans Unicode", "Lucida Grande", sans-serif; padding:0 0 10px 180px}
#right p.toggle_list a {font:normal 15px/16px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#617235; text-decoration:underlined}
#right p.toggle_list a:hover { color:#05538D; text-decoration:none }
/*Unusual picture placement via <p>class element. 
#right p.rightPic{display:block; background:url(../images/right_panel_pic.gif) 0 0 no-repeat; width:166px; height:155px; float:left; margin:0 0 22px 0}*/
#right p.rightBottom {display:block; background:url(../images-global/right_panel_bottom.jpg) 0 0 no-repeat; width:608px; height:17px; float:left}
#right img.floatright, #full img.floatright {float:right; margin:0 15px 0 20px; padding:0}
#right img.floatleft, #full img.floatleft {float:left; margin:0 20px 0 33px; padding:0}

#right .downloads {margin:10px 25px 0 300px}
#right .downloads img {margin:-20px 0 -45px 5px}

/*-------------------------------right-News-Posts--------------------*/
#right .post {float:left; width:550px!important; width:84%; position:relative; border-bottom:1px dotted #CCC; margin:0 15px 1.5em 10px; padding-left:30px}
#right .post .date {position:absolute; top:0; left:5px; width:2.3em; text-align:right; padding-left:20px}
#right .post .date .month {text-transform:uppercase; font:700 1.0em arial,sans-serif; color:#888}
#right .post .date .year {display:block; margin-top:-5px; font:700 2.1em arial,sans-serif; color:#888}
#right .post .date .entry-type {display:block; margin-top:-4px; padding-top:2px; font:700 0.6em arial,sans-serif; color:#555; border-top:#333 1px solid }
#right .post .title {display:block; padding:0 0 5px 0; font:bold 16px/18px Arial,Helvetica,sans-serif; color:#2F4550}
#right .post p {font:normal 14px/18px Arial,Helvetica,sans-serif; color:#1E1E1E; margin:0 0 0 3.5em; padding: 0 0 0.7em 1.2em; border-left:1px solid #CCC}
#right .post .alignBottom {vertical-align: bottom;}

/*------------------------------------------------full width body--------------------*/
#full {width:981px; float:right; background:url(../images-global/full_panel_bg.png) 0 0 repeat-y}
#full p.fullTop {display:block; background:url(../images-global/full_panel_top.png) 0 0 no-repeat; width:981px; height:14px}
#full .hrblue {width:918px; height:6px; margin:4px 0 15px 28px; clear:both; background:#F1F4F4 url(../images-global/full-hr-blue.gif) no-repeat scroll center}
#full .hrwhite {width:918px; height:6px; margin:4px 0 15px 28px; clear:both; background:#F1F4F4 url(../images-global/full-hr-white.gif) no-repeat scroll center}
#full hr {display:none} /*hides hr from IE */

/*------------------------------------------------Suppliers Listings Page --------*/
#full .psliftout {float:left; width:252px; margin:0 30px 25px 30px; background:none}
#full .psliftout img.logo {margin-left:15px}
#full .psliftout p {font:12px/16px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#666; text-align: left; padding: 5px 10px 4px 15px; /*border-bottom: 1px dashed #222*/}
#full .psliftout p.geographics {display:block; background:#FFF url(../images/suppliers/bg_geographical.jpg) top right no-repeat}
#full .psliftout p span {font-weight:bold} 
#full .psliftout a {text-decoration:none}
/*------------------------------------------------Products Listings------------------*/
.container {display:block; margin:0 10px 5px 15px; clear:both; background:none }
#container-careers {display:block; margin:0 25px 0 45px; clear:both}
#container-endmarket-pcare {display:block; margin:0 10px 0 15px; clear:both; background:url(../images-global/bg_endmarket-pcare.jpg) no-repeat}
#container-endmarket-hiiclean {display:block; margin:0 10px 0 15px; clear:both; background:url(../images-global/bg_endmarket-hiiclean.jpg) no-repeat}
#container-endmarket-flbev {display:block; margin:0 10px 0 15px; clear:both; background:url(../images-global/bg_endmarket-flbev.jpg) no-repeat}
#container-endmarket-drugpharma {display:block; margin:0 10px 0 15px; clear:both; background:url(../images-global/bg_endmarket-drugpharma.jpg) no-repeat}
.question { display:block; margin: 0; padding: 0; }
.question p {cursor:se-resize; font:normal 22px/26px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:rgb(0,125,195); background-color:inherit }
.question p.endmarkets {margin:0 0 0 108px; padding:16px 0 9px 0} 
/*.container #endmarket_pcare {background-color:#F00; background:url(../images-global/bg_endmarket-headings.jpg) 0 0 no-repeat }*/
.answer p { font:normal 14px/15pt "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#05538D/*#D76E08*/; background-color:inherit; padding:0 }
li .answer p { font:normal 14px/15pt "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#05538D/*#D76E08*/; background-color:inherit; padding:0 0 0 10px }
.answer { display:none; padding: 5px 0 0  0; height:auto }
.answer p.note {font:normal 13px/17px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#262626; background-color:inherit; padding:0 38px 10px 30px}
.answer ul li { padding:0 0 5px 0; line-height:17px }
.answer ul li span {font-weight:bolder}
/*.answer ul li .question p{font:bold 14px/10px; color:#6600CC} */
.answer div.rightlist ul li .question p, .answer div.leftlist ul li .question p { font-size:17px; line-height:20px}
.answer div.leftlist {width:285px; float: left; margin: 0}
.answer div.rightlist {width: 285px; float: right; margin:0 0 10px 0}
.answer li {font:normal 13px/16px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#2F4550; margin:0 0 1px 15px}
.answer a.top-listings, a.top-listings, #full a.top-listings {float:right; width:10px; height:10px; background:url(../images-global/btn_top_blue-green.gif) no-repeat 0 0}
.answer a.top-listings:hover, a.top-listings:hover, #full a.top-listings:hover {width:10px; height:10px; background:url(../images-global/btn_top_blue-green.gif) no-repeat -10px 0}
a.top-listings,  a.top-listings:hover, #full a.top-listings, #full a.top-listings:hover {margin:0 20px 0 0}


/*------------------------------------------------bodyBottom--------------------*/
#bodyBottom {width:981px; /*position: relative;*/ margin:0 auto; padding:0; background:url(../images-global/bg_body-bottom.jpg) 0 0 no-repeat #78913B; color:#fff; border:none /*display:inline*/}

#news {width:316px; float:left; margin:0 0 15px 0; padding:15px 28px 0 17px; border-right: 1px dotted #ACACAC}

#news p {font:normal 14px/15px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#FFF; background-color:inherit; padding:0 0 8px 7px; display:block }
#news a span {color:#FFF; text-decoration:underline}
#news a:link, #news a:visited {display:block;color:#FFF9A0; font:bold 14px/20px "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-decoration:none; background-color:inherit; margin-bottom:0; padding:1px 1px 1px 7px}
#news a:hover, #news a:active {background:url(../images-global/bg_footer-top-shad.png) no-repeat -6px 0; text-decoration:none}

#products {width:335px; float:left; margin:0; padding:15px 25px 0 17px; border-right:1px dotted #ACACAC; height: 100%}
#products h4 {display:block; padding:0; margin:0 0 5px 0; font:bold 12px/17px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#F7F7EA; background-color:inherit; text-transform:uppercase; letter-spacing: 1px}
#products ul.specialfocus {padding:0; margin:0 0 0 150px }
#products ul.specialfocus li {/*line-height:0;*/ padding: 0 0 3px 0; font:normal 11px/12px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#FFF; background-color:inherit}
#products ul.specialfocus li span {display:block; padding:0; margin:0; font:bold 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#FFF; background-color:inherit}
#products ul {padding:0; margin:0}
#products ul li {display:block; /*height:20px;*/ line-height:0}
#products ul li a {display:block; padding:0 0 0 10px; font:normal 12px/21px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#2F4550; background-color:inherit; text-decoration:underline; height:20px}
#products ul li a:hover {color:#974D04; text-decoration:none}

#contact { width:230px; float:left; margin:0 0 15px 0; padding: 15px 0 0 0 }
#contact p {font:normal 13px/19px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#FFF; padding:0 20px}
#contact p.date {font:normal 11px/15px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#FFF; padding:5px 7px 5px 20px; border-bottom:1px dotted #FFF; border-top: 1px dotted #fff}
#contact p.directions {margin:6px 0 0 0; padding:0 0 7px 15px; border-bottom:1px dotted #FFF}
#contact a {color:#FFF9A0; text-decoration:none; font:bolder 14px/20px "Lucida Sans Unicode", "Lucida Grande", sans-serif}
#contact a:hover {color:#FFF; text-decoration:underline }
#contact a.visamasteramex {display:block; width:119px; height:27px; margin:5px 0; background:url(../images-global/btn_visamasteramex-trans.png) 0 0 no-repeat}
#contact a.visamasteramex:hover {background:url(../images-global/btn_visamasteramex-trans.png) 0 -27px no-repeat}
#contact a.nacd {display:block; width:67px; height:66px; background:url(../images-global/btn_NACD-trans.png) 0 0 no-repeat}
#contact a.nacd:hover {background:url(../images-global/btn_NACD-trans.png) 0 -66px no-repeat}

/*------------------------------------------------footer--------------------*/
#footer-outer {width:981px; margin:0 auto; padding:0; background:url(../images-global/bg_footer-grad.jpg) 0 0 repeat-y}/* Filles bg with yellow boarders and blue grad when x-height exceeds top-shadow depth*/
#footer {width:981px; margin:0 auto; padding:0; background:url(../images-global/bg_footer-top-shad.png) 0 0 no-repeat; color:#fff }
#footer #navfooter {margin:0 0 0 20px; padding:10px 0 10px 0 }
#footer #navfooter a.topfooter {width:10px; height:10px; float:left; margin:10px 8px 0 0; background:url(../images-global/btn_top_white-orange.gif) 0 0 no-repeat}
#footer #navfooter a.topfooter:hover {background:url(../images-global/btn_top_white-orange.gif) 0 -10px no-repeat}
#footer #navfooter ul {/*height:15px*/}
#footer #navfooter ul li {float:left; margin:5px 0 0 0}
#footer #navfooter ul li a {color:#FFF; font:normal 12px/19px "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-decoration:none }
#footer #navfooter ul li a:hover {color:#FFF9A0; background-color:#768F3A; /*padding: 3px 0 */}

#footer-shad {width:977px; height:14px; margin:0 auto; background:url(../images-global/footer-shad.gif) 0 0 no-repeat #ECECEC; position:relative}
/*---------------------------------------------sign off + Copyright--*/
#singoff  {width:981px; margin:0 auto; background:url(../images-global/bg_footer-bottomshad-trans.png) no-repeat}
#singoff p { font:normal 10px/19px Arial,Helvetica,sans-serif; color:#999; text-align:right; letter-spacing:0.01em; padding:13px 10px 15px 0 }
#singoff span.design a {color:#999; background-color:inherit; letter-spacing:2px; text-decoration:none}
#singoff span.design a:hover {color:#F00; background-color:inherit; font-weight:bold; letter-spacing:2px}