/* Getting the new tags to behave */

article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, .footer, header, hgroup, keygen, meter, nav, output, progress, #content, source, video { display: block; }

mark, rp, rt, ruby, summary, time { display: inline }

* { margin:0; padding:0; }

html, body { height:100%; min-width:1025px; }

body { background: url(../images/bg.jpg) top left repeat-x #ecebdf; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#b8ab9a; }

input, select, textarea { font-family:Arial, Helvetica, sans-serif; font-size:12px; vertical-align:middle; font-weight:normal; }

object { vertical-align:top; outline:none }

.alignMiddle { vertical-align:middle }

.alignCenter { text-align: center }

.container1 { width:100% }

.clear { clear:both; }

.fleft { float:left }

.fright { float:right }

.container { overflow:hidden; width: 100%; }

a img { border:0px }

img { vertical-align:top; }

fieldset { border:none }

.oh { overflow:hidden }

.col-3 { width:179px; margin-right:21px; float:left }

.col-4 { width:179px; float:left }

.main { margin: 0 auto; position: relative; width:950px; }

a { color:#70CFE3; text-decoration:underline; outline:none }

a:hover { text-decoration:none }

nav { width:100%; overflow:hidden }

.link { color:#4c4c42; background:url(../images/marker1.png) top left no-repeat; padding:2px 0px 6px 33px; text-decoration: underline; font-size:1.08em; font-weight:bold; float:right; display:block }

.link:hover { text-decoration:none; color:#97948e }

#content ul.list { margin:0; padding:0; list-style:none; }

#content ul.list li { background:url(../images/marker.gif) top left no-repeat; background-position:0 7px; margin:0; padding-left:12px; }

#content ul.list li a { color:#435453; text-decoration:none; line-height:1.5em; font-size:1.16em }

#content ul.list li a:hover { text-decoration:none; color:#97948e }

#content ul.list1 { margin:0; padding:0; list-style:none; }

#content ul.list1 li { background:url(../images/marker2.gif) top left no-repeat; background-position:0 2px; margin:0; padding-left:29px; }

#content ul.list1 li a { color:#a8c7bb; font-weight:bold; text-decoration: underline; line-height:21px; }

#content ul.list1 li a:hover { text-decoration:none; color:#97948e }

#content ul.list2 { margin:0; padding:0; list-style:none; }

#content ul.list2 li { background:url(../images/marker2.gif) top left no-repeat; background-position:0 2px; margin:0; padding-left:29px; padding-bottom:5px; padding-right:25px }

#content ul.list2 li a { color:#a8c7bb; font-weight:bold; text-decoration: underline; line-height:21px; }

#content ul.list2 li a:hover { text-decoration:none; color:#97948e }

.link-2 { display:block; float:left; background:url(../images/link_bg.gif) top left repeat-x; color:#ffffff; text-decoration:none; }

.link-2 em { display:block; background:url(../images/link_left.gif) left top no-repeat; }

.link-2 b { display:block; background:url(../images/link_right.gif) right top no-repeat; padding:0 15px 0 15px; line-height:28px; font-weight:normal; font-style:normal; }

.link-2:hover { text-decoration:none; color:#000000 }

.link-1 { display:inline-block; float:right; line-height:28px; height:28px; background:url(../images/marker2.png) no-repeat 100% 11px #27960c; padding:0 17px 0 13px; color:#fff; text-transform:uppercase; text-decoration:none; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-right:10px; cursor:pointer; position:relative; }

.link-1:hover { background:#000; text-decoration:none; color:#fff }

.bg { background:url(../images/tail.png) repeat-y 91% top }

.bg1 { background:url(../images/tail1.gif) repeat-y 94% top }

.bg2 { background:url(../images/tail1.gif) repeat-y 99% top }

/*header*/

.header { background:transparent url(../images/top.png) no-repeat scroll left top; color:#FFFFFF; display:block; height:146px; padding:0 60px; }

.header .inside { float:right; position:relative; top:70px; }

.header h1 { float:left; position:absolute; text-indent:-9999px; top:10px; }

.header h1 a { background:transparent url(../images/logo.png) no-repeat scroll left top; display:block; height:132px; width:267px; }

.header ul.menu { margin:0; padding:0; list-style:none;*width:100%;*float:right;}

.header ul.menu li { margin:0px; display:inline }

.header ul.menu li a { color:#bfbfbf; text-decoration:none; padding:0px 15px; text-transform:uppercase; display:block; float:left; line-height:47px; font-size:16px; font-weight:bold; }

.header ul.menu li a:hover { text-decoration:none; color:#000 }

.header ul.menu li a.current { text-decoration:none; background:url(../images/bg_menu.gif) top left repeat-x; color:#64b2aa; border-style: solid; border-radius:19px; -moz-border-radius: 19px; -webkit-border-radius: 19px; behavior:url(js/PIE.htc); position:relative; font-size:18px; font-weight:bold; }

/*content*/

#content { font-size:12px; width:100%; text-align:left; background:url(../images/bg_cont.png) }

#page2 #content .inside { padding:20px; }

#content .inside { padding:0px 32px 15px 33px }

aside .inside { padding:0px 0px 0px 0px }

.img-right { float:right; margin:0 0 16px 20px }

.img-left { float:left; margin:0 20px 16px 0 }

.img-left2 { float:left; margin:0 20px 5px 0 }

.img-left1 { float:left; margin:0 15px 0 0 }

.img-indent { margin:0 0 16px 0 }

p { margin:0 0 21px 0 }

.p { margin:0 }

.p1 { margin:0 0 21px 0 }

.p2 { margin:0 0 10px 0 }

h2 { color:#97948e; font-size:34px; margin-bottom:10px; line-height:18px; }

h4 { color:#62d8f1; font-size:1em; }

h3 { color:#62d8f1; font-size:18px; font-weight:normal; margin-bottom:15px; text-transform: uppercase }

.tail { background:url(../images/tail1.gif) bottom repeat-x; padding-bottom:13px; margin-bottom:13px }

.tail1 { background:url(../images/tail1.gif) bottom repeat-x; padding-bottom:15px; margin-bottom:16px }

.txt { float:right; display:block; margin-bottom:31px; font-weight:bold; color:#5e5e5e }

.txt1 { color:#c5c2be; font-size:18px; text-transform:uppercase; line-height:20px }

.txt1 span { color:#62d8f1; }

.indent { padding:16px 5px 0px 5px }

.indent2 { padding:26px 5px 0px 5px }

.indent-1 { padding:0 5px 0px 5px }

.indent-4 { padding:0 5px 0px 5px; margin-top:16px }

.ind-1 { padding:0 0px 0px 88px }

.ind-2 { padding:0 0px 0px 137px }

.ind-3 { padding:0 0px 0px 168px }

.indent1 { padding:0px 30px 0px 40px }

.indent3 { padding:0px 0px 0px 68px }

.indent4 { padding:0px 40px 0px 0 }

.indent5 { padding:21px 0px 0px 0; width:100% }

.indent6 { padding:0 5px 0px 5px }

.indent7 { padding:0px 90px 0px 0 }

.banner { position: relative; margin-top:-50px; z-index:1 }

.banner1 { position: relative; margin-top:-40px; z-index:1; margin-left:66px }

.txt2 { z-index:12 }

.pad { margin-left:19px }

.pad1 { margin-left:11px }

.pad2 { margin-left:21px }

.num1 { float:left; margin-right:10px; background:url(../images/num1.gif) top left no-repeat; width:58px; height:58px; line-height:58px; color:#fff; font-size:30px; text-align:center }

.num2 { float:left; margin-right:10px; background:url(../images/num2.gif) top left no-repeat; width:58px; height:58px; line-height:58px; color:#fff; font-size:30px; text-align:center }

.num3 { float:left; margin-right:10px; background:url(../images/num3.gif) top left no-repeat; width:58px; height:58px; line-height:58px; color:#fff; font-size:30px; text-align:center }

/*box*/

.box { background:url(../images/bg_box.gif) top left repeat-x #faf9ee; position:relative; border-style: solid; border-radius:19px; -moz-border-radius: 19px; -webkit-border-radius: 19px; behavior:url(js/PIE.htc); width:100%; color:#212121; }

.box .indent-box { padding:0 25px; }

.box .indent-box1 { padding:10px 10px 10px 10px; }

.box h2 { color:#464646; font-size:30px; margin-top:20px; line-height:1.2em }

.box1 { border:1px solid #c5c2be; float:left; font-weight:bold; width:537px }

.box1 .col-1 { width:166px; padding-left:17px; float:left; line-height:35px }

.box1 .col-2 { width:118px; text-align:center; padding:0; float:left; line-height:35px }

.box1 a { color:#6a6a5f; text-decoration:none }

.box1 a:hover { color:#62d8f1; text-decoration:none }

.box1 .bg_1 { background:#f5f5f4 }

.box1 .bg_2 { border-bottom:1px solid #c5c2be }

.img { margin-top:6px; margin-bottom:11px }

.box1 .col-2.txt4 { margin-top:6px; font-size:12px; line-height:20px; text-transform:uppercase; color:#c5c2be }

/*.footer*/

.footer { color:#b5b4a6; font-size:0.75em; background:url(../images/bot.png) top left no-repeat; width:100% }

.footer .inside { padding:10px 30px 65px 38px; }

.footer a { color:#70cfe3; text-decoration:none; padding:0 10px; cursor:pointer; }

.footer a:hover { text-decoration:none; color:#b5b4a6 }

.footer span { color:#b5b4a6 }

.indent-2 { position:relative; padding-left:20px; padding-right:20px; float:left }

.rowElem { height:39px; background:url(../images/bg_input.gif) top left no-repeat }

.rowElem1 { height:329px; background:url(../images/bg_input1.gif) top left no-repeat }

.block-contact span { float:right; margin-right:175px }

/*===== looperSlider =====*/

/* * Required */

#loopedSlider {margin:0 !important; padding:0 !important; overflow:hidden }

#loopedSlider .container { width:950px; height:320px; overflow:hidden; position:relative; margin:0; font-size:12px; }

#loopedSlider .slides { position:absolute; top:0; left:0; }

#loopedSlider .slides .div { position:absolute; top:0; width:950px; display:none; }

#loopedSlider .slides .info { color:#FFFFFF; display:block; font-size:33px; line-height:11.2em; position:relative; text-align:center; z-index:1; }

#loopedSlider .slides .info span { font-size:36px; text-transform:uppercase }

#loopedSlider .slides .info a { font-size:24px; width:172px; line-height:33px; text-transform:uppercase; text-align:center; background:url(../images/button.png) top left no-repeat; display:block; color:#fff; text-decoration:none; margin-top:7px }

#loopedSlider .slides .info a:hover { text-decoration:none; color:#1bdaf6 }

#loopedSlider .col-1 { float:left; width:630px }

#loopedSlider .col-2 { float:left; width:250px; background:url(../images/bg_1.png) top right no-repeat; height:392px }

/* * Optional*/

#loopedSlider { width:950px; position:relative; clear:both; }

ul.pagination { list-style:none; padding:0; margin:0; z-index:3; position:relative }

ul.pagination li { float:left; }

ul.pagination li a { display:block; float:left; width:31px; height:28px; background:url(../images/pagination-bg.png) no-repeat left top; padding:0; margin:0 }

ul.pagination li a:hover { background:url(../images/pagination-bg-act.png) no-repeat left top; }

ul.pagination li.active a { background:url(../images/pagination-bg-act.png) no-repeat left top; }

.pagination-container { top:13px; right:100px; z-index:900000; position:absolute }

/*--- tabs begin ---*/

	ul.tabs { margin: 0; padding: 0; display:block; list-style: none; height: 47px; /*--Set height of tabs--*/ width: 249px; }

ul.tabs li { display:block; height: 41px; /*--Subtract 1px from the height of the unordered list--*/ line-height: 41px; /*--Vertically aligns the text within the tab--*/ overflow: hidden; position: relative; font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#e2e2e2; }

ul.tabs li a { text-decoration: none; color: #464646; display: block; outline: none; background: url(../images/button-2.gif) top left no-repeat; width:209px; padding-left:40px }

ul.tabs li a:hover { background: url(../images/button-1.gif) top left no-repeat; color:#fff }

ul.tabs li.active a { background: url(../images/button-1.gif) top left no-repeat; color:#fff }

ul.tabs li.active, ul.tabs li.active a:hover { /*--Makes sure that the active tab does not listen to the hover properties--*/ background: url(../images/button-1.gif) top left no-repeat; }

ul.tabs li.active a.last, ul.tabs li.active a.last:hover { /*--Makes sure that the active tab does not listen to the hover properties--*/ background: url(../images/button-1.gif) top left no-repeat; }

.tab-content { clear: both; width:100%; overflow:auto; }

.tab_content { display:none; }

/*--- tabs end ---*/



.list3 li { list-style-type:decimal; margin:0 0 0 20px; }

.list3 li p { margin:0 0 10px; }

.list4 { float:left; margin-right:50px; }

.list4 li { list-style-type:decimal; margin-left:30px; }

.enquiry { width:50%; margin:0 auto; float:left; }

.enquiry label { float:left; padding:5px; text-align:right; width:50%; }

.enquiry input { float:left; margin:5px; width:160px; }

.enquiry textarea { float:left; margin:5px; width:160px; }

.contactus { width:500px; }

.btn-continer{width:15%;margin:0 auto;}

.sub-product li {float:left;margin:10px 20px;}

.sub-product li a{}

.sub-product li  a img{border:1px solid; padding:2px;}



.prob-list{width:300px;float:left;}

.enzym-list li{color:#212121;list-style-type:decimal;margin-left:25px; }

.enzym-list{width:300px;float:left;}

.prob-list li{color:#212121;list-style-type:decimal;margin-left:25px; }



.text-list li{color:#212121;list-style-type:decimal;margin-left:25px;}

.leather-list li{color:#212121;list-style-type:decimal;margin-left:25px;}

#slideshow {position:relative;height:350px;}

#slideshow IMG {position:absolute;top:0;left:0;z-index:8;opacity:0.0;}

#slideshow IMG.active {z-index:10;opacity:1.0;}

#slideshow IMG.last-active {z-index:9;}