/*Reset Css*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, var, b, i,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {background: transparent;border: 0;font-size: 100%;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
body {line-height: 1;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary { display: block;}
ul {list-style: none;list-style-type: none;}
li {list-style: none;list-style-type: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
a {background: transparent;border: 0; font-size: 100%;margin: 0;padding: 0;text-decoration: none;vertical-align: baseline; outline:none; color:#175765;}
#menu a, .RightNav a, .RightNav a, footer a, .LeftMenu a, .button1 a, a.button2{-webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
ins {background-color: rgb(255,255,153);color: rgb(0,0,0);text-decoration: none;}
mark {background-color: rgb(255,255,153);color: rgb(0,0,0); font-style: italic;font-weight: bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted rgb(193,193,193);cursor: help;}
table {border-collapse: collapse;border-spacing: 0;}
hr {border: 0;border-top: 1px solid rgb(204,204,204);display: block;height: 1px;margin: 1em 0;padding: 0;}
input, select {vertical-align: middle;}
input:focus, textarea:focus {/*border: none;*/outline: none;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
mark, rp, rt, ruby, summary, time {display:inline }
.left {float:left}
.right {float:right}
.wrapper {width:100%;overflow:hidden}
/* Global properties ======================================================== */
::-moz-selection { background: #efe053;color:#000;}
::selection { background: #efe053; color: #fff;}
body {background:url(../images/bg.jpg) top center repeat;border:0;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#575652;line-height:22px}
/* Global Structure ============================================================= */
.main {margin:0 auto;width:940px}
.body1 {background:url(../images/bg_top.gif) top repeat-x}
/*Headings*/
/* shadow reference "  font-family: 'Tangerine', serif;  font-size: 48px;  text-shadow: 4px 4px 4px #aaa;" */
h1,h2,h3,h4,h5,h6 { font-family: 'Courgette', "Trebuchet MS", sans-serif, Tahoma, Arial, Verdana; }
h1{ font-style:italic; font-weight:400; font-size: 30px; color:#575652; text-shadow: 4px 4px 4px #aaa;}
h1 span{color:#15110E;}
h2 {font-size:30px;color:#575652;font-weight:400;line-height:1.2em;letter-spacing:-1px;padding-bottom:12px}
h2 span {font-weight:300}
h2 strong, .box1 h2 strong {font-weight:700;display:inline-block;width:36px;color:#fff;text-align:center;background:url(../images/bg_title1.gif) 0 1px repeat-x;margin-right:3px}
h2.color2 strong {background-image:url(../images/bg_title2.gif)}
h2.color3 { font-weight:lighter; }
h2.color3 strong {background-image:url(../images/bg_title3.gif)}
h3{font-size:35px;color:#dad6cc;font-weight:400;line-height:1.2em;padding:25px 0 0 35px;float:left;letter-spacing:-1px}
h4{text-shadow:#c2c2c2 0 1px 2px; color:#2E3094; font-size:25px;}
h5{font-size: 16px; color:#000000;}
h6{font-size: 14px; color:#5f5f5f; font-weight:bold; line-height:20px;}
#page4 h4, #page5 h4 {padding:25px 0 16px 0;margin-left:-3px}
p {padding-bottom:10px; text-align:justify; font:normal 1.0110em/20px Arial, Helvetica, sans-serif, Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS", Tahoma, Verdana, Arial; color:#585858;}
strong {color:#dcd9cf}
/*Cleaner*/
.cleaner{clear: both;}
.cleaner_h05{clear:both;height:5px;}
.cleaner_h10{clear:both;height:10px;}
.cleaner_h20{clear:both;height:20px;}
.cleaner_h30{clear:both;height:30px;}
.cleaner_h40{clear:both;height:40px;}
.cleaner_h50{clear:both;height:50px;}
.cleaner_h60{clear:both;height:60px;}
/* Images Style*/
.imgBorder {margin:0;padding:4px; background:#fff; border:1px solid #d5d6d8;}
.imgBorderLeft { float:left; margin:0 10px 9px 0; padding:3px; background:#eaeaea; border:1px solid #d2d2d2;}
.imgBorderRight { float:right; margin:0 0 7px 10px; padding:3px; background:#efefef; border:1px solid #bebebe; clear:both;}
/* ============================= header ====================== */
#logo { width:81px; height:90px;float:left; margin-top:9px;}
.logoText{float:left;color:#ffc11e; text-shadow:#000 0 1px; font:normal 30px/30px Arial, Helvetica, sans-serif; text-transform:uppercase; width:430px; margin:16px 0 0 10px;letter-spacing:-1px;}
.logoText span{color:#BCBCBC;text-shadow:#000 0 1px;font:normal 13px/5px "Trebuchet MS", Tahoma, Verdana, Arial, Arial, Helvetica, sans-serif; letter-spacing:normal; vertical-align:middle;}
#logo-2 { width:109px; height:30px;}
#logo-2 img { margin-top:3px;}
ul#top_nav {float:right;}
ul#top_nav li { display:block;float:left;padding:4px 26px 5px 0;margin-right:25px; background:url(../images/top_line.png) right 0 no-repeat}
ul#top_nav .end {padding-right:0;margin-right:0;background:none}
#menu li a, .tel { font-family: 'Salsa', "Trebuchet MS", Tahoma, Verdana, Arial; }
#menu {float:right; padding:5px 0 20px 0; clear:both}
#menu li {float:left;padding-left:1px}
#menu li a {display:block;padding:0 20px;height:42px;font-size:18px; color:#dad6cc;line-height:42px;text-transform:uppercase; font-weight:400;}
#menu li a:hover, #menu #menu_active a {background:url(../images/menu_active.gif) top repeat-x;color:#15110E;}
.slider {position:relative;z-index:1;width:100%;/*height:465px; */height:465px;overflow:hidden;margin-bottom:10px;}
.slider .items {display:none}
.pic {float:right;position:relative}
.mask {left:auto !important;right:0;width:720px !important}
.pagination {position:absolute;left:0;top:0;z-index:3}
.pagination li {width:250px;height:117px; position:relative; overflow:hidden;}
.pagination a {display:block;position:relative;cursor:pointer;padding:30px 10px 0 0px;font-size:19px; text-align:center;line-height:1.2em;font-weight:400;color:#000;text-transform:uppercase;height:126px}
.pagination a span {display:block;font-weight:300;font-size:30px;line-height:1.2em;margin-top:-10px;letter-spacing:0}
#banner1 {background:url(../images/banner1.png) 0 0 no-repeat}
#banner1 a {background:url(../images/banner1_active.png) -250px 0 no-repeat;text-shadow:#ffdd7b 0 1px;}
#banner2 {background:url(../images/banner2.png) 0 0 no-repeat}
#banner2 a {background:url(../images/banner2_active.png) -250px 0 no-repeat;text-shadow:#cbf660 0 1px;}
#banner3 {background:url(../images/banner3.png) 0 0 no-repeat}
#banner3 a {background:url(../images/banner3_active.png) -250px 0 no-repeat;text-shadow:#8ef5d1 0 1px;}
#banner4 {background:url(../images/banner4.png) 0 0 no-repeat}
#banner4 a {background:url(../images/banner4_active.png) -250px 0 no-repeat;text-shadow:#ff9d54 0 1px;}
.banner {position:absolute;z-index:2;right:0;bottom:0;margin:0 10px 10px 0;}
.banner span {float:right;padding:0 32px;margin-bottom:5px;background:#000;font-size:40px;line-height:56px;height:56px;font-weight:400;color:#dad6cc;line-height:1.2em;}
.banner em {font-style:normal;text-transform:uppercase}
.banner strong {float:right;padding:0 32px;background:#000;font-size:40px;line-height:56px;font-weight:300;color:#dad6cc;}
/* ============================= content ====================== */
.pad_left1 {padding-left:26px}
.pad_left2 {padding-left:36px}
.pad_bot1 {padding-bottom:14px}
.pad_bot2 {padding-bottom:4px}
.marg_right1 {margin-right:37px}
.box1 {background:#fff;border-top:5px solid #cdc8bc;padding:15px;}
.box1Home {background:url(../images/bg_box1.jpg) top center no-repeat #dad6cc;padding:15px 30px 29px;}
.Headerbox {background:url(../images/bg_box1.jpg) top center no-repeat #dad6cc;border-top:5px solid #FFBA1A; padding:0; height:200px; overflow:hidden;}
.box1 strong {color:#3f3f3f}
.headerBanner{ padding:5px; }
.headerBanner img{box-shadow:0 0 3px #a4a19a;-moz-box-shadow:0 0 3px #a4a19a;-webkit-box-shadow:0 0 3px #a4a19a;position:relative;border:5px #f2f2ea solid;}
.content {background:#f8f8f8;padding:20px; border-top:5px solid #d6d3cd;}
.content .line1, .box2 .line2 {background-image:url(../images/line_vert2.gif)}
.LeftNav{width:300px;float:left;}
.LeftNav h2{ font: italic 25px/20px Georgia, "Times New Roman", Times, serif; color:#343331;}
.LeftMenu li {line-height:40px;}
.LeftMenu li a {display:inline-block; background:url(../images/marker_1.gif) 0 2px no-repeat; padding-left:38px;color:#363636; font-family:Tahoma, Arial, Verdana, "Trajan Pro"; font-weight:500; }
.LeftMenu li a:hover, .LeftNav li.current a {background-position:0 -38px;color:#0055a2}
.RightNav{float:left; width:580px; position:relative; left:13px;}
 .box2 {margin-top:7px;padding-top:30px;padding-bottom:28px}
.line1 {background:url(../images/line_vert1.gif) 289px 0 repeat-y}
.line2 {background:url(../images/line_vert1.gif) 591px 0 repeat-y}
 .line1 {background-position:282px 0}
.relative {position:relative}
.button1 {float:right;color:#dddad1;text-decoration:none;background:#000;line-height:18px;padding:0 9px;margin-top:2px}
* + html .button1 {margin-top:-20px}
.button1 {color:#dddad1}
.button1:hover {background:#ffb919;color:#fff}
.button1.color2 {color:#dddad1}
.button1.color2:hover {background:#94c932;color:#fff}
.button1.color3 {color:#dddad1}
.button1.color3:hover {background:#63d1a7;color:#fff}
.button2 { float:right; display: block;font-size:15px;color:#fff;text-transform:uppercase; padding:0 21px;height:36px;line-height:34px;font-weight:400;background:url(../images/button1_bg.gif) top repeat-x;letter-spacing:-1px}
.button2.color2 {background-image:url(../images/button2_bg.gif)}
.button2.color3 {background-image:url(../images/button3_bg.gif)}
.button2:hover {background:#000}
.btninquiry{ margin:0; padding:15px 0 0 0; }
.color0 {color:#616161;text-decoration:none}
.link1 {text-decoration:none}
.link1:hover {text-decoration:underline}
.quot{margin-top:17px;float:left;margin-left:94px;padding:12px 0 17px 41px;font-style:italic;background:url(../images/quot1.png) 0 0 no-repeat;width:585px;text-align:left;color:#CCCCCC;}
.quot img{display:inline-block;margin:4px 0 0 9px;vertical-align:text-top;}
/* ============================= footer ====================== */
footer {background:#000;padding:20px;}
#footer_logo {float:left;width:109px; height:41px;}
#icons {float:right;padding:20px 0 0 0}
#icons li {float:left;padding-left:4px}
/* Tooltips */
.aToolTip {background:#ffc11e;color:#fff;font-weight:bold;margin:0;padding:2px 10px 3px;font-size:11px;position:absolute;line-height:17px}
.aToolTip .aToolTipContent {position:relative;margin:0;padding:0}
.tel {float:right;margin:-1px 1px 0 0;background:url(../images/bot_icon.gif) 0 15px no-repeat;padding:0 0 0 30px;font-size:35px;line-height:1.2em;color:#dedad1;letter-spacing:-2px;font-weight:300}
.tel span {color:#ffc11e}
footer nav {float:left}
#footer_menu {float:left;padding:15px 0 18px 0;margin-left:-1px}
#footer_menu li {float:left;padding-right:29px;background:url(../images/menu_line.gif) right 0 no-repeat;margin-right:29px}
#footer_menu li a {display:block;color:#fff; line-height:20px;}
#footer_menu li a:hover, #footer_menu .active a {color:#575652}
#footer_menu .end {background:none;padding-right:0;padding-left:0}
footer address {float:left; color:#575652; text-shadow:#000 0 1px; font-size:14px; font-style:normal; margin-top:15px;}
footer address strong { font-size:13px;}
footer address span { color:#797873;}
.footer_copyright{float:left; font-size:14px; color:#575652; text-shadow:#000 0 1px; position:relative; top:1.8em;}
.footer_copyright a {color:#ffc11e; text-shadow:#000 0 1px;}
.footer_copyright a:hover{color:#fff; border:0} 
.footer_design { float:right;font-size:14px; color:#3f3f3f; text-shadow:#000 0 1px; position:relative; top:1.8em}
.footer_design a { font: normal 12px/16px Verdana, Arial, Helvetica, sans-serif; color:#ff9900; text-align:left; padding:2px;}
.footer_design span {color:#e8e8e8;}
.footer_design a:hover {color:#ffa800;} 
.col1, .col2, .col3, .cols {float:left;}
.col1 {margin:0 6px;width:264px;position:relative}
.col2 {margin:0 6px;width:560px;position:relative}
.box2 .col1 {width:870px}
/*Product navigation*/
.Productmenu ul li{float:left; display:block; width:285px; height:240px; background:url(../images/product-bg.jpg) left top no-repeat; padding:2.5em 0 0 0; margin:10px 6px 0 5px; position:relative; overflow:hidden; text-align:center;}
.Productmenu ul li img{margin:0; padding:0;vertical-align:top}
.Productmenu ul li span{display:block;font:normal 1.200em/15px Verdana, Arial, Helvetica, sans-serif; width:262px; height:33px;margin:0 0 0 12px; padding:0; position:relative; overflow:hidden;}
.Productmenu ul li .InquiryIcon{display:block;margin:15px 0 0 0; padding:0; position:relative;}
.Productmenu ul li a {color:#000; text-shadow:#fbc86f 0 1px; margin:0; padding:0}
.Productmenu ul li a:hover { color:#9c1116;}
.SubProductmenu {float:left; width:262px; height:178px; background:url(../images/products-bg-inner.jpg) left top no-repeat; text-align:center;padding-top:11px; margin-right:10px; margin-bottom:20px;}
a.ZoomIcon{position:relative; display:inline-block; overflow:hidden;}
a.ZoomIcon span.zoom-icon{background: url("../images/zoom.png") no-repeat scroll 0 0 transparent;height: 80px;left: 50%;margin-left: -40px;margin-top: -40px;position: absolute;top: -50%;width: 80px;}
ul.list1 li { font-size:13px; line-height:16px;color:#4e5552;padding:3px 0 0 20px;background:url(../images/marker_2.jpg) 0 5px no-repeat}
ul.list2 li {font-size:14px; font-style:normal;line-height:20px;color:#2d6696;padding:2px 0 2px 20px;background:url(../images/marker_3.jpg) 0 5px no-repeat}
ul.list2 li:hover {color:#000000; cursor:default;}
ul.list3 li { font-size:13px; line-height:16px;color:#4e5552;padding:3px 0 0 0px; margin-left:20px; list-style:square;}
/*Sitemap*/
ul.Sitemapmenu { background:url(../images/sitemap-img.jpg) right 15em no-repeat;}
ul.Sitemapmenu li{background:url(../images/site-ul1.jpg) left top no-repeat; font: bold 18px/22px Tahoma, Arial, Verdana, "Trajan Pro"; padding-left:30px; margin:10px; position:relative; z-index:9; overflow:hidden;}
ul.Sitemapmenu li a {color:#204790; text-shadow:#e3e3e3 0 1px 2px;}
ul.Sitemapmenu li a:hover { color:#000;}
ul.Sitemapmenu li ul{margin:5px 0; }
ul.Sitemapmenu li ul li { background:url(../images/site-ul2.jpg) 0 8px no-repeat; font:italic bold 13px/25px Arial, Helvetica, sans-serif; margin:0; padding-left:20px;}
ul.Sitemapmenu li ul li a {color:#3274a9; text-shadow:#f1f1f1 0 1px 1px;}
ul.Sitemapmenu li ul li a:hover{ color:#114065;border-bottom:1px dotted;}
ul.Sitemapmenu li ul li ul{margin:5px 0; }
ul.Sitemapmenu li ul li ul li {background:url(../images/site-ul3.jpg) 0 10px no-repeat;font:normal 13px/25px Arial, Helvetica, sans-serif; margin:0; padding-left:20px;}
ul.Sitemapmenu li ul li ul li a{color:#626262; text-shadow:#d6d6d6 0 1px;}
ul.Sitemapmenu li ul li ul li a:hover {color:#005aa8; border:0; text-shadow:none;}
/*ZEBRA TABLE*/
small.TableKW{ float:right; font-size:13px; color:#696969;}
#xyTable{padding: 0;margin: 0;background: #fff;border:1px solid #e0e0e0;}
#xyTable thead td {background:#ffba1a; font-size: 17px; padding: 10px; color: #000; text-transform:uppercase;}
#xyTable td {padding: 6px 11px; color: #000; border-top: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; padding: 6px 6px 6px 12px; }
.one-column-emphasis { font-family: "Trebuchet MS", Tahoma, Verdana, Arial;font-size:14px;text-align:left;border-collapse:collapse; border:1px solid #e0e0e0}
.one-column-emphasis th {background:#ffba1a; font-size: 17px; padding: 10px; color: #000; text-transform:uppercase;}
.one-column-emphasis td{padding: 6px 11px; color: #000;border-top: 1px solid #e0e0e0;}
.oce-first, .oce-second{background: #F8F8F8;}
.one-column-emphasis tr:hover td{color: #000;background: #F2F2F2;}
a.WAIcon {position: fixed;bottom: 33px;left:30px;z-index: 10;}
a.WAIcon img { width:50px; height:auto;filter: grayscale(0);}
a.WAIcon img:hover { filter: grayscale(30%);}