/* PINT */


/* BASIC ELEMENTS
------------------------------------------------------------------------------------- */
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, caption, .h1 { margin:0; padding:0; }

table, th, td { margin:0; }

html { min-height:100%; }

body { padding:0; min-width:950px; font:normal 12px/15px arial,sans-serif; text-align:center; }

a img, :link img, :visited img { border:none; }

a { color:#000; text-decoration:none; }
a:hover { color:#000; text-decoration:underline; }

abbr { border-bottom:1px dotted #ccc; cursor:help; }

li { margin:0 0 5px; }
ol {margin-left:15px;}

h1, h2, h3, h4, h5, h6, .h1 { font-weight:normal; }

label[for], input[type=checkbox], input[type=radio], input[type=submit], button, select { cursor: pointer; }

/* LIST STYLES - [  .list- ] 
------------------------------------------------------------------------------------- */
.list-nobull li { margin:0 0 10px; list-style:none; }
.earth-expo .list-nobull { margin: 20px 0 0; }
.earth-expo .list-nobull li { margin:0 0 10px 0; list-style:none; }

/* TABLES STYLES - [  .tbl- ] 
------------------------------------------------------------------------------------- */
.tbl-generic { border-collapse:collapse; }
.tbl-generic td { padding:0 50px 0 0; vertical-align:top; }

#social { width: 100%; min-height: 600px; margin: 0 0 30px 0; text-align: left; border: 0px solid #000; }
#social th { padding: 0 5px; font-weight: bold; height: 60px; }
#social td { padding: 0 5px; height: 60px; }

/* SHARED
------------------------------------------------------------------------------------- */
.inner{margin:0 auto; text-align:left; width:950px;}
h2{ font-size:18px; text-transform:uppercase; font-weight:bold; margin-bottom: 15px;}
h3{font-weight:bold; margin-bottom:10px;}

/* HEADER 
------------------------------------------------------------------------------------- */
#header{position:relative; padding:10px 0; height:45px;}
#header .left{width:400px;}
#header h1, .h1 { display:block; margin-top: 18px; font-size: 1.2em; font-weight: bold; }
#logo{float:left; margin:10px 50px 0 0;}

#header #globalSite{position:absolute; top:40px; left: 510px; background:url(../images/icn_globalsite.png) no-repeat; padding-left:15px; text-transform: uppercase; font-size:1em}
#header #canadaSite{position:absolute; top:40px; left: 410px; background:url(../images/icn_globalsite.png) no-repeat; padding-left:15px; text-transform: uppercase; font-size:1em}
#header .input{float:left;}
#header form{margin-top:5px; float:right;}

/* NAVIGATION 
------------------------------------------------------------------------------------- */
#mainNav{background:url(../images/nav_bg.png) repeat-x; height:39px; border-top:3px solid #df0523; border-bottom:3px solid #df0523;}
#mainNav ul li{position:relative; top:11px; height:30px; padding:15px 2px 15px 0; display:inline; background:url(../images/nav_li_border.png) no-repeat left;}
#mainNav ul li a{padding:15px 18px 15px 28px;font-size:1.2em; font-weight:bold; background:url(../images/list_style_1.png) no-repeat 22px 50%; width:auto; } /* width:100%; */ 
#mainNav ul li.active a{color:#7f7f7f; }

span.active { color:#f00; }
.side_navi { float:left; text-align: left; background:#e4e5e7; padding:10px;}
.side_navi li {margin:0 0 0 0; padding:6px; display:block; background-color:#FFF;}
.side_navi .active a{font-weight:bold; color:#000;}
.side_navi a{color:#00349a}
.lv1 {width:155px; margin:0 0 0 0;padding:0 9px 0 9px; border-right:1px solid #D0D0D2;border-bottom:1px solid #D0D0D2; background-image:url(../images/bg_side_navi.jpg); background-repeat:repeat-x; background-position:bottom;}
.lv1 a {margin:0 0 0 0; padding:0 9px 0 9px; background-image:url(../images/ic_lv1.jpg); background-repeat:no-repeat; background-position:0 0; display:block;}
.lv1 span {margin:0 0 0 0; padding:0 9px 0 9px; background-image:url(../images/ic_lv1.jpg); background-repeat:no-repeat; background-position:0 0; display:block; font-weight:bold;}
.lv2 {width:155px; margin:0 0 0 0; padding:0 9px 0 9px; border-right:1px solid #D0D0D2; border-bottom:1px solid #D0D0D2; background-image:none; background-color:#FFF;}
.lv2 a {margin:0 0 0 9px; padding:0 9px 0 9px; background-image:url(../images/ic_lv2.jpg); background-repeat:no-repeat; background-position:0 3px; display:block;}
.lv2 span {margin:0 0 0 9px; padding:0 9px 0 9px; background-image:url(../images/ic_lv2.jpg); background-repeat:no-repeat; background-position:0 3px; display:block; font-weight:bold;}
.lv2 a, .leftnoLink {margin: 0 0 0 9px;padding: 0 9px 0 9px;background-image: url(../images/ic_lv2.jpg);background-repeat: no-repeat;background-position: 0 3px;display: block;}
.lv2.active{padding-right:20px; margin-right:-20px; border-right:0;}
.lv3 {width:155px; margin:0 0 0 0; border-right:1px solid #D0D0D2; border-bottom:1px solid #D0D0D2; background-image:none; background-color:#FFF;}
.lv3 a {margin:0 0 0 18px; padding:0 9px 0 9px; background-image:url(../images/ic_lv2.jpg); background-repeat:no-repeat; background-position:0 3px; display:block;}
.lv4 {width:155px; margin:0 0 0 0; border-right:1px solid #D0D0D2; border-bottom:1px solid #D0D0D2; background-image:none; background-color:#FFF;}
.lv4 a {margin:0 0 0 27px; padding:0 9px 0 9px; background-image:url(../images/ic_lv2.jpg); background-repeat:no-repeat; background-position:0 3px; display:block;}


/* CONTENT 
------------------------------------------------------------------------------------- */
#content { display:block; height:100%; }
#content h1{ padding-bottom:20px; border-bottom:1px solid #dddddd; margin:10px 0 20px 0; font-size:24px; }
#content p { line-height:18px; margin-bottom:15px; }

.totop{float:right; color:#00349a; font-size:.9em; margin-top:-20px;}

/* FOOTER 
------------------------------------------------------------------------------------- */
#footer{margin: 70px 0 0; height:70px; background:url(../images/footer_bg.jpg) repeat-x #ffffff;}
#footerNav{position:relative; top:15px;}
#footerNav2 { position: absolute; margin-top:0px; margin-left:567px; }
#footerNav li{display:inline; padding:0 0 0 10px; margin:0 20px 0 0; background:url(../images/list_style_1.png) no-repeat left;}
#footerNav2 li{display:inline; padding:0 0 0 10px; margin:0 20px 0 0; background:url(../images/list_style_1.png) no-repeat left;}
#footer #copyright{float:right; font-size:.8em;}

#subFooter{position:relative;}
#topicPath-footer{clear:left; padding:0 0 0 3px;  height:22px; line-height:22px; font-size:11px; text-align:left; border-top:1px solid #dddddd;}
#topicPath-footer li{list-style-type:none;}

#subFooterNav{width:100%; background:#eeeeee; height:20px; padding:5px 0 0 0; text-align: left;}
#subFooterNav li, #footerBottom li{display:inline; margin:0 20px 0 0;}
#subFooterNav li a{color:#0c3d9d}
#footerBottom{width:100%; height:20px; padding:5px 0 0 0; background:#666666; color:#fff; text-align: left;}
#footerBottom a{color:#ffffff;}
.copyright{margin-top:-18px; text-align:right; color:#ffffff;}

/* HOME 
------------------------------------------------------------------------------------- */
#h_feature{margin:20px 0; min-height: 404px; overflow: hidden; text-align: center;}
#h_feature embed{border: 1px solid #000; border-width: 0 1px;}
#bgImg, #featImg{position:absolute;}
#bgImg ul li, #featImg ul li{list-style-type:none;}
#featImg ul li{position:absolute; display:none;}

#h_feature h2{text-transform: uppercase; font-size:1.6em; margin-bottom:6px;}
#h_feature h3{font-weight:100; font-size:1.4em;}
#h_feat_list{position:relative; width:400px; float:right;}
#h_feat_list li.feature{position:relative; margin:0 0 1px 0; padding:15px 125px 0 0; height:85px; width:275px; background:url(../images/feature_nav_bg.png); background-position: 0 0; list-style-type:none; color:#fff; text-align: right;}
#h_feat_list li.feature img{position:absolute; right:0; top:0;}

#h_feat_list li.feature:hover{background-position:0 -101px;}

#h_feat_list li.feature a{color:#fff;}

.h_feat_sub{position:relative; top:15px; width:275px;}
.h_feat_sub li{ display:inline; padding:0; margin:0; width:100%; }
.h_feat_sub li a{ padding:0 0 0 8px; margin-left:10px; background:url(../images/list_style_1.png) no-repeat 0 50%; color:#fff;}

#h_bottomNav{float:left; margin:20px 0; border-bottom:1px solid #dddddd;}
#compImg{float:left; margin:20px 20px 0 0;}
#h_bottomNav ul{float:left; width:189px; margin:40px 0 0;}
#h_bottomNav ul li{list-style-type:none; line-height:20px;}
#h_bottomNav ul li a {padding:0 0 0 15px; margin-left:10px; background:url(../images/list_style_2.png) no-repeat 0 48%;}
#h_bottomNav ul li a#inkjet{padding:0; margin:0; background:none;}

.bottom_note h2 {margin-bottom: 5px;}
.bottom_note ul li {list-style-type: none;}
.bottom_note ul li {padding:0 0 0 15px; margin-left:10px; background:url(../images/list_style_2.png) no-repeat 0 10%;}


.jssort11 .p {position: absolute;top: 0;left: 0px;width: 404px;height: 101px;background: url(../images/feature_nav_bg.png);background-repeat: no-repeat;}
.jssort11 .pav {background-position: 0 -101px;}
.jssort11 .tp {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;}
.jssort11 .i,.jssort11 .pav:hover .i {position: absolute;top: 0;right: 0px;width: 117px;height: 110px;}
* html .jssort11 .i {width/**/: 117px;height/**/: 110px;}
.jssort11 .t,.jssort11 .pav:hover .t {position: absolute;top: 10px;right: 126px;height: 32px;line-height: 32px;text-align: center;color: #fff;font-size: 19px;font-weight: bold;}
.jssort11 .t a {color: #fff;text-decoration: none;}
.jssort11 .t a:hover {text-decoration: underline;}
.jssort11 .pav .t,.jssort11 .p:hover .t {color: #fff;}
.jssort11 .st {color: white;position: absolute;top: 37px;right: 126px;text-align: right;}
.jssort11 .c,.jssort11 .pav:hover .c {position: absolute;bottom: 10px;right: 126px;height: 32px;line-height: 32px;color: #fff;font-size: 12px;font-weight: 400;overflow: hidden;text-align: right;}
.jssort11 .pav .c,.jssort11 .p:hover .c {color: #fff;}
.jssort11 .c a {padding: 0 0 0 8px;margin-left: 10px;background: url(../images/list_style_1.png) no-repeat 0 50%;color: #fff;text-decoration: none;}
.jssort11 .c a:hover {text-decoration: underline;}
.jssort11 .t,.jssort11 .c {transition: color 2s;-moz-transition: color 2s;-webkit-transition: color 2s;-o-transition: color 2s;}
.jssort11 .p:hover .t,.jssort11 .pav:hover .t,.jssort11 .p:hover .c,.jssort11 .pav:hover .c {transition: none;-moz-transition: none;-webkit-transition: none;-o-transition: none;}
.jssort11 .p:hover,.jssort11 .pav:hover {background-position: 0 -101px;}
.bgimage1, .bgimage2, .bgimage3, .bgimage4 {opacity: 0;pointer-events: none;}
.jssort11 {position: absolute; right: 0px; top: 0px !important;}
.home-slider-thumb > div { border-bottom: 1px solid white; border-top: 1px solid white;}

/*
.jssort11 .p {
    background-position: 0 0px;
}


.jssort11 .p.onhover {
    background-position: 0 -101px;
}

.jssort11 .p.offhover {
    background-position: 0 0px;
}
*/

/* SUBPAGE 
------------------------------------------------------------------------------------- */
#topicPath { clear:left; padding:0 0 0 3px; margin:0 0 20px 0; height:22px; line-height:22px; font-size:11px; text-align:left; border-bottom:1px solid #dddddd;}
.header_bg{ background:url(../images/sub_header_bg.jpg) no-repeat; height:23px; padding:1px 0 0 25px; color:#cc0000;}
.subcon{ padding:10px 25px;}
.subcon h4, .subcon h4 a{color:#00349a; font-weight:bold;}
.subcon ul li{color:#00349a; padding:0 20px; list-style-type:none;}
.country{right:375px; color:#000; position:absolute; }
.rcti{color:#ffffff;}
.rcnav{color:#00349a;}

div.subContent{float:left;}
.subContent{width:730px; min-height:700px; padding:0 15px;}
.subContent a{color:#00349a;}
.subContent ul li{margin:0 0 10px 40px;}
.subContentSemiparts ul li{margin:0 0 10px 10px;}
.subContent table td {padding: 3px 0;}
.subContent h2 { line-height:25px; }

div.subContent2{float:left; width:725px;}
.subContent2 {width:750px; min-height:700px; padding:0 15px;}
.subContent2 a{color:#00349a;}
.subContent2 ul li{margin:0 0 10px 40px;}
.subContent2 table td {padding: 3px 0;}

.earth-expo { width: 100%; }
.expo-left { width: 72%; float:left; }
.expo-right { width: 25%; float:right; }

/* SUBPAGE - PRODUCTS
------------------------------------------------------------------------------------- */
.subContent .col1{float:left; width:290px; margin-right:20px;}
.subContent .col2{float:left; width:290px;}
.prodList h2{width:290px; height:38px; margin:0 0 10px 0; padding:22px 0 0 10px; background:url(../images/products_title.jpg) no-repeat; font-size:1.1em; text-transform: none; font-weight: 100;}
.prodList h2 a{padding-left:20px; color:#000;} /* background:url(http://americas.kyocera.com/products/images/list_style_4.png) no-repeat 0 50%; */
.prodList h2 a:hover{text-decoration: none;}
.prodList ul {position:relative; margin-bottom:20px; margin-left:20px;}
.prodList ul li{list-style-type: none; margin:0 0 10px 0; background:url(../images/list_style_3.png) no-repeat 0 2px; padding-left:17px; }
.prodList ul li a{ margin:0 0;}
.prodListImg{position:absolute; top:2px; right:-2px;}

/* Sales Offices */
.sales-offices ul { margin:0 0 20px; }
.sales-offices li { margin:0 0 20px; padding:0 !important; list-style:none; background:none !important; }
.sales-offices h2 { padding:0 0 10px; border-bottom:1px solid #ccc; }
.sales-offices h3 { margin:0 0 5px; font-size:14px; line-height:16px; }
.sales-offices strong { color:#666; }

/* SUBPAGE - NEWS
------------------------------------------------------------------------------------- */
.titmid{font-size:18px; line-height:22px;}
.subContent > aside { margin:0 0 35px 35px; float:right; clear:left; }


/* SUBPAGE - SITEMAP
------------------------------------------------------------------------------------- */
#sitemap li a{font-weight: bold;}
#sitemap ul li{margin-left:60px;}


/* CATEGORY-CSS
------------------------------------------------------------------------------------- */
.btn-generic { padding:0 12px 0 0; color:#fff; font-size:14px; display:inline-block; text-decoration:none; cursor:pointer; background:url(http://www.pint.com/tutorials/images/bg-button-generic.png) no-repeat 100% 0; }
.btn-generic:hover { color:#579bbe !important; text-decoration:none; }
.btn-generic span { padding:11px 15px 11px 25px; float:left; cursor:pointer; background:url(http://www.pint.com/tutorials/images/bg-button-generic.png) no-repeat 0 0; }


/* CATEGORY-JQuery
------------------------------------------------------------------------------------- */
/* JQuery: Button Switcher */
.btn { padding:10px; width:200px; display:block; color:#fff; text-align:center; background:#579bbe; }
.btn:hover { color:#fff; text-decoration:none; }
.btn-on { color:#579bbe; background:#f1f1f3; }
.btn-on:hover { color:#579bbe; background:#f1f1f3; }

/* Match Element Height */
#layout-matchheight div { padding:10px; float:left; display:inline; }
#layout-matchheight #sidebar { margin:0 30px 0 0; min-height:100px; color:#579bbe; background:#f1f1f3; }
#layout-matchheight #main { height:300px; color:#fff; background:#579bbe; }


/* BANNER CAROUSEL (REQUIRED) */
.banner { position:relative; overflow:hidden; z-index:1; }
.banner ul { margin:0; z-index:2; }
.banner li { display:inline-block; list-style:none; }
/* -- Items (Fade) */
.banner-items { position:relative; }
/* -- Controls */
.banner-controls { position:absolute; width:100%; text-align:center; z-index:3; display:none;}
.banner-controls a { margin:0 5px 0 0; display:inline-block; overflow:hidden; cursor:pointer; }
.banner-controls a:hover { text-decoration:none !important; }


/* CATEGORY-Javascript
------------------------------------------------------------------------------------- */
/* CUSTOM SELECT BACKGROUNDS */
div.select { position:relative; width:150px; height:24px; background-image:url(../images/bg-select.png.html); background-repeat:no-repeat; }
div.select label { position:absolute; top:5px; left:6px; width:150px; height:24px; color:#fff; cursor:pointer; z-index:1; }
div.select select { position:relative; width:150px; height:24px; filter:alpha(opacity=0); opacity:0; cursor:pointer; z-index:2; }
div.select option { padding:3px 6px; color:#fff; font-size:12px; background:#407e9e; }
/*
div.select label: set top/left properties to mimic normal select text placement. z-index must be lower than the <select> z-index.
div.select select: the alpha statements 'hide' the select onscreen but still make it 'hitable'.
*/
/* PUT IN IE6 STYLESHEET (REMOVE * HTML)  */
* html div.select { background:none; }
* html div.select label { display:none; }


/* MISC. CLASSES & IDS
------------------------------------------------------------------------------------- */
#skip { display:none; }
.show { display:block; }
.hide { display:none !important; }
.clear { clear:both; }
br.clear { line-height:0; height:0; }
.left{float:left;}
.right{float:right;}
.last { border:none !important; }
.col { float:left; display:inline; }
.title { display:none; }
.black{color:#000 !important;}

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
/* PLEASE LEAVE BOTH THESE LINES, FIX FOR IE7 */
.clearfix { display:inline-block; }
.clearfix { /*\*/display:block;/**/ }

/* FORM VALIDATION
------------------------------------------------------------------------------------- */
input.error { background: /*url(../images/icon-fail.png) no-repeat right center*/ #ffebef; color: #480000; }
div.form-error { width:400px; padding: 6px 12px; line-height: 170%; background: #ffe5ed; border-radius: 4px; color: darkred; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
div.form-error li { margin:0; list-style:none; }
.alert { padding: 8px 35px 8px 14px; margin-bottom: 20px; color: #c09853; text-shadow: 0 1px 0 rgba(255,255,255,0.5); background-color: #fcf8e3; border: 1px solid #fbeed5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.alert-danger, .alert-error { color: #b94a48; background-color: #f2dede; border-color: #eed3d7; }



/* KAI KAI KAI KAI KAI KAI KAI KAI KAI KAI KAI KAI KAI KAI KAI KAI KAI KAI KAI KAI KAI 
------------------------------------------------------------------------------------- */
legend { display:none; }
fieldset { border:0; }
input[type=checkbox],input[type=radio],input[type=submit] { cursor:pointer; }
select { cursor:pointer; }

#content-semiparts h1 { margin-right:300px; }
.subContentSemiparts{float:left; width:440px; min-height:700px; padding:0 15px;}
.side-nav-wrapper {float:right; width:260px; height: 520px;}

.callout { margin:0 0 20px; padding:10px; background:url(../images/bg-callout.png) repeat-x 0 0; }
.callout img { margin:0 0 7px; display:block; }
.callout h1, .callout h2 { margin:0 0 7px; color:#f00; font-size:16px; line-height:18px; }
.callout p { margin:0 0 8px; }

.form { margin:0 0 18px; }
.form td { padding:4px 5px 4px 0; border-bottom:1px solid #efefef; }
.form .submit td { padding-top:15px; border:0; }
.form label { padding:0 15px 0 0; }
.form .radio label { padding:0 5px 0 0; }
.form .input, .form textarea { padding:2px 4px; width:250px; border:1px solid #999; }
.form select { padding:1px; width:250px; border:1px solid #999; }

.list-sections { margin:0; }
.list-sections ul { margin:0; padding:7px 0 0 10px; display:block; }
.list-sections ul ul {background:none; }
.list-sections li { position:relative; margin:0 35px 50px 0; padding:0 !important; width:190px; height:150px; float:left; display:inline; list-style:none; background:url(../images/bg-list-sections.png) repeat-x 0 71px !important; }
.list-sections li li { margin:0 0 3px; width:auto; height:auto; float:none; display:block; background:none; }
.list-sections a { display:block; font-size:11px; line-height:13px; }
.list-sections li li a { padding-left:10px; background:url(../images/bg-sprite-8.png) no-repeat 0 -30px; height:12px; }

.list-sections h2 {line-height:16px; width:190px; height:18px; margin-bottom:5px; padding:13px 0 9px 10px; background:url(../images/products_title_thin.jpg) no-repeat; font-size:1.1em; text-transform: none; font-weight: 100;}
.list-sections h2 a { margin-left:5px; font-size: 12px; line-height:16px; }

.list-options { margin:0; border-top:1px solid #ccc; width: 260px;}
.list-options li { padding:16px 0 14px !important; list-style:none; line-height:16px; background:none !important; border-bottom:1px solid #ccc; }
.list-options h1, .list-options h2 { margin:0 0 3px; font-size:12px; }
.list-options h1 a, .list-options h2 a { padding:2px 0 2px 26px; display:inline-block; background:url(../images/bg-sprite-8.png) no-repeat 0 -250px; }
.list-options p { margin:0 0 5px; }

.tbl-generic { margin:0 0 18px; width:100%; border-bottom:1px solid #efefef; }
.tbl-generic th { padding:1px 10px 2px 4px; color:#fff; background:#ff0004; text-align:left; }
.tbl-generic td { padding:5px 10px 5px 4px; }
.tbl-generic tr:nth-child(2n) td { background:#efefef; }

.tbl-line { border-collapse:collapse; }
.tbl-line h3 { margin:0; }
.tbl-line td { padding:2px 15px 5px 0; vertical-align:top; border-bottom:1px solid #e1e1e1; }
.tbl-line1 td { padding:5px 15px 8px 0; vertical-align:top; border-bottom:1px solid #e1e1e1; }
.tbl-line td strong { padding-left:2px; }
.tbl-line td p { margin:0 0 7px; }
.tbl-line td p:last-child { margin:0; }

.tbl-line1 { border-collapse:collapse; }
.tbl-line1 h3 { margin:0; }
.tbl-line1 td { padding:5px 15px 8px 0; vertical-align:top; border-bottom:1px solid #e1e1e1; }
.tbl-line1 tr:last-of-type td { border:0; }
.tbl-line1 .frame { margin:0; border:5px solid #cc6600; background:0; }

.list-sitemap { margin:0 5% 0 0; width:45%; float:left; display:inline; }
.list-sitemap ul { margin:3px 0 18px 10px; }
.list-sitemap li { padding-left:0 !important; list-style:none; font-weight:bold; background:none !important; }
.list-sitemap li li { margin:0 0 4px; padding:0 0 0 8px !important; font-weight:normal; background:url(../images/bg-square1.png) no-repeat 0 8px !important; }
.list-sitemap li li li { margin:0; }
.list-sitemap .nosub { margin:0 0 18px; }

.req, .required, .error  { color:#ff0000; }

.btn1 { padding:0 5px 0 21px; display:inline-block; background:#fefefe; background:url(../images/bg-btn1.png) no-repeat 2px 1px, -moz-linear-gradient(100% 100% 90deg, #e9e9e9, #fefefe 100%); background:url(../images/bg-btn1.png) no-repeat 2px 2px, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), color-stop(100%, #e9e9e9)); border:1px solid #d1d0d0; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; cursor:pointer; } /* 2px 2px */ 
.btn1:hover { background:#e9e9e9; background:url(../images/bg-btn1.png) no-repeat 2px 1px, -moz-linear-gradient(100% 100% 90deg, #c6c6c6, #e9e9e9 100%); background:url(../images/bg-btn1.png) no-repeat 2px 2px, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e9e9e9), color-stop(100%, #c6c6c6)); text-decoration:none; border:1px solid #d1d0d0; }
.btn1:active { background:#c6c6c6 url(../images/bg-btn1.png) no-repeat 2px 2px; border:1px solid #d1d0d0; }
.icon-pdf { padding-right: 15px; background: url(../images/icon-pdf.png) no-repeat 100% 2px; }

/* KICC KICC KICC KICC KICC KICC KICC KICC KICC KICC KICC KICC KICC KICC KICC KICC KICC 
------------------------------------------------------------------------------------- */
.imgright { float:right; clear:left; margin:10px; }
.imgleft { float:left; clear:right; margin:10px; }

.tbl-functional { border-top:1px dotted #000; padding:5px 0 0; }
.tbl-functional td.prod { border-bottom:1px dotted #000; }
.tbl-functional .headers { padding:10px 0 10px 8px; background:orange; font-size:16px; font-weight:bold; color:#FFF; }

.tbl-chemical { padding:5px 0 0; }
.tbl-chemical td img { display:inline; }
.tbl-chemical .headers { padding:10px 0 10px 8px; background:orange; font-size:16px; font-weight:bold; color:#FFF; }

/* KCC KCC KCC KCC KCC KCC KCC KCC KCC KCC KCC KCC KCC KICC KCC KCC KCC 
-------------------------------------------------------------------------------------*/
.kcc-table {
    border-collapse: collapse;
    border-spacing:0;
    border:1px solid #000;
    border-spacing:2px;
    width:100%;
}

.kcc-table td {
    border:1px solid #777;
}

.kcc-table th {
    border:0 0 1px 1px solid #777;
}

.kcc-table thead tr {
    border-bottom:1px solid #777;
}

.kcc-table thead tr > th {
    border-right:1px solid #777;
}

.kcc-table thead tr > th:last-child {
    border-right:0;
}

.kcc-table tr td {
    border-right:0;
}

.kcc-table tr:last-child td {
    border-bottom:0;
}

.kcc-table tr td:first-child, .kcc-table tr th:first-child {
    border-left:0;
}

#slider {
  margin-bottom: 11px;
  opacity: 0;
  filter: alpha(Opacity=0);
  width:760px;
  margin:0 auto;
}

#slider #images li:nth-child(n+2) { display:none; }

#slider #thumbnail-box {
  display: none;
}

#slider #slide_pagination {
  display: block;
  margin-top: 10px;
  text-align: center;
}

#slider #slide_pagination span {
  display: inline-block;
  overflow: hidden;
  margin: 0 5px;
  width: 12px;
  height: 12px;
}

#slider #slide_pagination span:before {
  display: block;
  width: 12px;
  height: 12px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: #000;
  content: '';
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
}

#slider #slide_pagination .selected span:before {
  background: #ea1b13;
}

#slider ul {
  left: 0!important;
  margin: 0;
  padding: 0;
  list-style: none;
}

#slider img {
  display: block;
}

#secondary { margin-right:-6px; height:475px;}
    
#secondary ul {
    margin:0;
    padding:0;
    list-style:none;
}

#secondary .banner-list li {
  margin-bottom: 7px;
  border: 1px #dcdcdc solid;
  background-color: #f7f7f7;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIvPjxzdG9wIG9mZnNldD0iNDclIiBzdG9wLWNvbG9yPSIjZmJmYmZiIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#f7f7f7),color-stop(47%,#fbfbfb),color-stop(100%,#fff));
  background-image: -webkit-linear-gradient(top,#f7f7f7 0,#fbfbfb 47%,#fff 100%);
  background-image: -moz-linear-gradient(top,#f7f7f7 0,#fbfbfb 47%,#fff 100%);
  background-image: -o-linear-gradient(top,#f7f7f7 0,#fbfbfb 47%,#fff 100%);
  background-image: linear-gradient(top,#f7f7f7 0,#fbfbfb 47%,#fff 100%);
  background-size: 100%;
}

#secondary .banner-list a {
  padding: 5px;
  border: 1px #fff solid;
  color: #323232;
  text-decoration: none;
}

#secondary .banner-list img {
  margin-right: 5px;
  vertical-align: middle;
}

#secondary .banner-list p {
  display: inline-block;
  margin: 0;
  vertical-align: middle;
}

#secondary .banner-list p span {
  display: block;
}

#secondary .banner-list p .title {
  font-weight: 700;
}

#secondary .banner-list p .text {
  font-size: 11px;
  font-size: 1.1rem;
}

img.setAside {
    margin-top:-15px;
    transform:scale(0.75, 0.75);
    float:right;
    clear:both;
}

img.setAside + div {
    margin-right:0px;
    margin-bottom:25px;
    overflow:auto;
    display:block;
}

@media screen and (min-width:975px) {
    #slider {
      position: relative;
      margin: 0 0 40px 0;
      padding-right:5px;
      background: #4c4c4c;
      width:100%;
    }
    
    #slider:after {
      display: table;
      clear: both;
      content: "";
    }
    
    #slider #images-box {
      float: left;
      width: 760px;
    }
    
    #slider #thumbnail-box {
      display: block;
      float:right;
      margin-top: 10px;
      width: 185px;
    }
    
    #slider #thumbnail-box img {
      height: 74px;
    }
    
    #slider #slide_pagination {
      display: none;
    }

    #slider .thumbnail_wrapper li {
      margin-bottom: 8px;
    }
    
    #slider .thumbnail_wrapper li img {
      margin-left: 8px;
      border: 2px #fff solid;
    }
    
    #slider .thumbnail_wrapper li.selected {
      position: relative;
    }
    
    #slider .thumbnail_wrapper li.selected img {
      border: 2px #f90f00 solid;
    }
    
    /* red arrow on thumbnail */
    #slider .thumbnail_wrapper li.selected:after {
      position: absolute;
      top: 50%;
      left: -8px;
      margin-top: -8px;
      width: 0;
      height: 0;
      border: solid transparent;
      border-width: 8px;
      border-color: rgba(249,15,0,0);
      border-right-color: #f90f00;
      content: " ";
      pointer-events: none;
    }
}

    .bg-images {
      position: absolute;
      top: 0;
    }

    .bgimage {
      position: absolute;
      top: 0;
    }
    
    
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    // IE10+ CSS here 
    .jssort11 {position: absolute; right: 0px; top: 20px !important;}
    }