@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0; outline:none; text-decoration:none; list-style:none; border:none; }
body{ background:url(../images/bodyBg.png) repeat-x 0 0#fff; font:normal 12px/18px Arial, Helvetica, sans-serif; color:#000; padding:0; margin:0; }
u{ text-decoration:underline;}

.introPage{ float:left; width:100%; background:url(../images/introBg.png) no-repeat center top; height:700px; }
#introLogo{ margin:33px auto 0; width:425px; height:120px; }
#introLogo a{ text-indent:-9999px; display:block; width:425px; height:120px; }
#introBtnPnl{ width:882px; margin:350px auto 0; height:41px; }
#introBtnPnl div.introBtn{ width:224px; height:41px; float:left; margin:0 107px 0 0; }
#introBtnPnl div.introBtn a{ width:224px; height:41px; font:normal 22px/41px Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:center; display:block; color:#fff; }
#introBtnPnl div.introBtn a:hover{ color:#000; }
#introBtnPnl div.introBtnTwo{ width:224px; height:41px; float:left;  margin:0 103px 0 0; }
#introBtnPnl div.introBtnTwo a{ width:224px; height:41px; font:normal 22px/41px Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:center; display:block; color:#fff; }
#introBtnPnl div.introBtnTwo a:hover{ color:#000; }
#introBtnPnl div.introBtnThree{ width:224px; height:41px; float:left; }
#introBtnPnl div.introBtnThree a{ width:224px; height:41px; font:normal 22px/41px Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:center; display:block; color:#fff; }
#introBtnPnl div.introBtnThree a:hover{ color:#000; }


.mainDiv{ margin:0 auto; width:1020px; }
#headerPnl{ float:left; width:990px; background:url(../images/headerBg.png) no-repeat 0 0; height:125px; padding:14px 15px 0; }
#headerPnl div#logo{ float:left; width:278px; height:99px; display:block; margin:0 0 0 10px; }
#headerPnl div#logo a{ text-indent:-9999px; display:block; background:url(../images/logo.png) no-repeat 0 0; width:278px; height:99px; display:block; }
#headerPnl div#headerRight{ float:right; width:510px; padding:0 15px 0 0; }
#headerPnl div#headerRight img{ float:left; margin:0 22px 0 0; }
#searchPnl{ float:right; background:url(../images/searchPanel.png) no-repeat 0 0; width:245px; height:35px; margin:17px 0 0 0; }
#searchPnl input[type="text"]{ float:left; background:transparent; width:180px; height:30px; padding:2px 10px; font:normal 12px/30px Arial, Helvetica, sans-serif; color:#b8b8b8; }
#searchPnl input[type="submit"]{ float:right; background:transparent; width:35px; height:35px; text-indent:-9999px; display:block; cursor:pointer; }
#topNavi{ float:left; width:510px; height:32px; }
#topNavi ul{ margin:17px 0 0 0; float:right; }
#topNavi ul li{ float:left; list-style:none; margin:0 6px; }
#topNavi ul li a{ font:normal 14px/32px Arial, Helvetica, sans-serif; color:#3b3b3b; float:left; padding:0 0 0 15px; height:32px; display:block; text-transform:uppercase; }
#topNavi ul li a span{ float:left; padding:0 15px 0 0; height:32px; display:block; color:#3b3b3b; }
#topNavi ul li a:hover, #topNavi ul li.current a{ float:left; background:url(../images/ml.png) no-repeat left top; padding:0 0 0 15px; height:32px; display:block; color:#fff; }
#topNavi ul li a:hover span, #topNavi ul li.current a span{ float:left; background:url(../images/mr.png) no-repeat right top; padding:0 15px 0 0; height:32px; display:block; color:#fff; }

#middileBg{ float:left; width:990px; background:url(../images/middileBg.png) repeat-y 0 0; padding:0 15px; }
#bannerPnl{ float:left; width:990px; background:url(../images/bannerBg.png) no-repeat 0 0; height:400px; }
#bannerPnl div.sliderPnl{ float:left; width:970px; height:375px; margin:11px 0 0 10px; }

.bodyContent{ float:left; width:970px; margin:10px 0 5px; padding:0 10px; }
.bodyContent h1{ font:normal 30px/50px Arial, Helvetica, sans-serif; color:#000; padding-bottom:10px; }
.bodyContent p{ font:normal 12px/18px Arial, Helvetica, sans-serif; color:#000; padding:5px 0; }
img.normalImg{ float:left; border:2px solid #acd9ff; margin:0 20px 20px 0; }

.productPnl{ float:left; width:970px; padding:20px 0 0 0; }
.productPnl h2{ background:url(../images/h2bg.jpg) no-repeat 0 0; width:950px; height:42px; font:normal 25px/42px Arial, Helvetica, sans-serif; color:#fff; padding:0 0 0 20px; text-shadow:#7fa5ca 2px 2px 2px }
.productDiv{ background:#f3f3f3; float:left; width:970px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin:15px 0 0; padding:15px 0; }
.productDiv p{ color:#9a9a9a; font:normal 12px/18px Arial, Helvetica, sans-serif; }
.productDiv p strong{ color:#666; font:bold 14px/18px Arial, Helvetica, sans-serif; }


.productList{ float:left; width:217px; min-height:230px; padding:0 10px 0 12px; border-right:1px dashed #c4c4c4; margin:25px 0; text-align:center; }
.productList h3{ float:left; font:bold 16px/25px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; margin-top:10px; }
.productList h3 span{ color:#8e091c; }
.productList img{ display:block; /*margin-left:auto; margin-right:auto;*/ margin-left:63px; margin-top:5px; margin-bottom:5px; }
.detailsBtn{ float:right; width:66px; height:26px; margin:10px 10px 0 0; }
.detailsBtn a{ background:url(../images/detailsBtnBg.png) no-repeat 0 0; text-align:center; width:66px; height:26px; font:normal 12px/26px "Trebuchet MS", Arial, Helvetica, sans-serif; display:block; color:#fff; }
.detailsBtn a:hover{ color:#fff; text-decoration:underline; }

#footerPnl{ float:left; width:990px; padding:0 15px; background:url(../images/footerBg.png) no-repeat 0 0; height:62px; }
#footerPnl p{ color:#2364a1; font:normal 12px/20px Arial, Helvetica, sans-serif; text-align:center; padding:6px 0 0 0; }
#footerPnl p a{ color:#2364a1; font:normal 12px/20px Arial, Helvetica, sans-serif; text-align:center; text-transform:uppercase; padding:0 15px; text-decoration:none;}
#footerPnl p a:hover{ color:#2364a1; text-decoration:underline;}

/*====================================================================== category css ==================================================================================*/
.categoryPart{ width:970px; float:left;}
.categoryLft{ width:220px; float:left; margin:0 15px 0 0;}
.categoryLft h2{ font:normal 30px/50px Arial, Helvetica, sans-serif; color:#000; border-bottom:1px dashed #aab1b7; }
.catListPartTotal{ width:198px; float:left; border:1px solid #d0d1d3; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:0 10px; margin:10px 0 0 0;}

.catListPartTotal ul{ margin:0; padding:0; float:left;}
.catListPartTotal ul li{ margin:0; padding:0 0 0 12px; float:left; width:186px; background:url(../images/arrow.jpg) no-repeat left 10px; border-bottom:1px dashed #d0d1d3;}
.catListPartTotal ul li a{ margin:0; padding:0; color:#407aaa; font:normal 13px/30px Arial, Helvetica, sans-serif;}
.catListPartTotal ul li a:hover{ margin:0; padding:0; color:#000; font:normal 13px/30px Arial, Helvetica, sans-serif;}

.catListPartTotal ul li:last-child{ border-bottom:none;}

ul.subCat{ margin:0; padding:0; float:left;}
ul.subCat li{ margin:0; padding:0 0 0 12px; float:left; width:auto;}

.categoryRft{ width:721px; float:left; border-left:1px dashed #aab1b9; margin: 8px 0 0 10px; background:none repeat scroll 0 0 #F3F3F3;}
.productPnl2{ float:left; width:723px; /*padding:8px 0 0 10px;*/ }
.productPnl2 h2{ background:url(../images/h2bg2.jpg) no-repeat 0 0; width:720px; height:42px; font:normal 25px/42px Arial, Helvetica, sans-serif; color:#fff; padding:0 0 0 20px; text-shadow:#7fa5ca 2px 2px 2px }
.productDiv2{ /*background:#f3f3f3;*/ float:left; width:723px; }
.productDiv2 p{ color:#9a9a9a; font:normal 12px/18px Arial, Helvetica, sans-serif; }
.productDiv2 p strong{ color:#666; font:bold 14px/18px Arial, Helvetica, sans-serif; }
.productList h4{ float:left; font:bold 16px/25px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; margin-top:0px; }
.productList h4 span{ color:#8e091c; }
.detailsBtn2{ float:right; width:66px; height:26px; margin:0px 10px 0 0; }
.detailsBtn2 a{ background:url(../images/detailsBtnBg.png) no-repeat 0 0; text-align:center; width:66px; height:26px; font:normal 12px/26px "Trebuchet MS", Arial, Helvetica, sans-serif; display:block; color:#fff; }
.detailsBtn2 a:hover{ color:#fff; text-decoration:underline; }

.contactusPartTotal{ width:970px; float:left;}
.contactusPartL{ width:515px; float:left;}
.contactusPartLft{ width:500px; float:left; margin:0 20px 0 0;}
.addressPanel{ width:239px; float:left; border-right:1px dashed #999999; padding:0 10px 0 0;}
.addressPanel h6{ color:#0f6ac2; font:normal 18px/24px Arial, Helvetica, sans-serif;}
.addressPanel p{ color:#000000; font:normal 12px/14px Arial, Helvetica, sans-serif; padding:10px 0 0 0; clear:both;}
.addressPanel p span{ color:#0f6ac2; font:normal 14px/18px Arial, Helvetica, sans-serif; float:left; width:29px;}
span.tel{ width:200px !important; float:left !important; margin:0 0 0 10px !important; color:#000000 !important; font:normal 12px/14px Arial, Helvetica, sans-serif !important;}

.conFormPart{ width:500px; float:left; margin:20px 0 0 0; border-top:1px dashed #999999; padding:0 0 40px 0;}
.ConFormArea{ width:400px; float:left; margin:10px 0 0 20px;}
.ConFormArea p{ color:#333333; font:normal 14px/22px Arial, Helvetica, sans-serif; text-transform:uppercase;}
.ConFormArea input[type="text"]{ width:378px; height:22px; border:1px solid #CCCCCC; padding:0 10px; color:#333333; font:normal 13px/22px Arial, Helvetica, sans-serif;}
.ConFormArea textarea{ width:398px; height:180px; border:1px solid #CCCCCC; color:#333333; font:normal 13px/18px Arial, Helvetica, sans-serif;}
.sbtn{ width:103px; height:38px; float:left; margin:10px 0 0 298px;}
.sbtnValue{ width:103px; height:38px; display:block; text-indent:-9999px; background:url(../images/sbtn.jpg) no-repeat 0 0; cursor:pointer;}

.contactusPartRht{ width:450px; float:left;}
.gmap{ width:440px; float:left; border:5px solid #CCCCCC; background:#FFFFFF;}
.contactusPartR{ width:390px; float:left; margin:0 0 0 20px;}
.contactusPartR h2{ font:normal 24px/36px Arial, Helvetica, sans-serif; color:#000; padding-bottom:10px;}
.conformPart{ width:390px; float:left;}
.conformPartFeild{ width:390px; float:left; margin:10px 0 0 0;}
.conformPartFeildTxt{ width:105px; float:left; margin:0 15px 0 0; color:#000000; font:normal 12px/24px Arial, Helvetica, sans-serif; text-align:right;}
.conformPartFeild input[type="text"]{ width:198px; height:22px; float: left; border:1px solid #cccccc; padding:0 5px; color:#333333; font:normal 12px/24px Arial, Helvetica, sans-serif;}
.conformPartFeild textarea{ width:260px; height:105px; float:left; border:1px solid #cccccc; color:#333333; font:normal 12px/16px Arial, Helvetica, sans-serif;}
.conformPartFeild input[type="submit"]{ width:70px; height:30px; float:left; color:#fff; font:normal 14px/30px Arial, Helvetica, sans-serif; text-align:center; display:block; text-transform:uppercase; cursor:pointer; background:#0099ff; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.redstar{ color:#CC0000;}

#JQuerySlider14_numbers_in{ z-index:100 !important;}
#JQuerySlider14_playpause_in{ z-index:100 !important; }

.productDetail{ float:left; width:693px; padding:20px 20px; }
.productDetail img.proDePic{ float:left; /*margin:0 20px 0px 0;*/ border:3px solid #97c5ee; width:282px; }
.productDetail h5{ font:bold italic 18px/20px Arial, Helvetica, sans-serif; color:#666; padding-bottom:30px; }
.productDetail h4{ font:bold italic 15px/20px Arial, Helvetica, sans-serif; color:#000; padding-bottom:30px; }
.productDetail h4 span{ color:#990000; }
.productDetail p{ font:normal 12px/18px Arial, Helvetica, sans-serif; color:#666; padding:5px 0; }
.productDetail p strong{ color:#000; }

.productDetailForm{ float:left; width:693px; clear:both; margin:25px 0 0 0; }
.productDetailForm ul{ margin:0; padding:0; }
.productDetailForm ul li{ float:left; width:693px; padding:5px 0; list-style:none; }
.productDetailForm ul li span{ text-align:right; float:left; width:180px; padding:0 20px 0 0; font:normal 12px/22px Arial, Helvetica, sans-serif; color:#000; }
.productDetailForm ul li input[type="text"]{ float:left; width:200px; border:1px solid #ccc; height:20px; padding:1px 5px; }
.productDetailForm ul li textarea{ float:left; width:250px; border:1px solid #ccc; height:100px; padding:1px 5px; }
.productDetailForm ul li input[type="submit"]{ padding:5px 10px; background:#0099FF; color:#fff; display:block; cursor:pointer; text-transform:uppercase; font:normal 14px/20px Arial, Helvetica, sans-serif; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
ul.categoryitems li a{ color:#666 !important; font:normal 12px/25px Arial, Helvetica, sans-serif !important; display:block; }



.panelPart { float:left; width:970px; }
.panelPart a span{ font:normal 22px/96px Arial, Helvetica, sans-serif; color:#0099FF; float:right; top:0; right:50px; z-index:99; text-transform:capitalize; position:absolute; }
.panelPart a{ width:321px; height:96px; display:block; }


.panelPart a img{ position:absolute; }
.first{  float:left; margin:0 0 0 -10px; width:321px; height:96px; position:relative; }
.second{ float:left; margin:0 12px; width:321px; height:96px; position:relative; }
.third{ float:left; margin:0 -10px 0 0; width:321px; height:96px; position:relative;}


.firstPnl{ float:left; margin:0 0 0 -10px; background:url(../images/pandan5Part.png) no-repeat 0 0; width:321px; height:96px; }
.scondPnl{ float:left; margin:0 12px; background:url(../images/homePart.png) no-repeat 0 0; width:321px; height:96px;}
.thirdPnl{ float:left; margin:0 -10px 0 0; background:url(../images/workshopPart.png) no-repeat 0 0; width:321px; height:96px;}
.fouthPnl{ float:left; margin:0 -10px 0 0; background:url(../images/contactPart.png) no-repeat 0 0; width:321px; height:96px;}
.fivePnl{ float:left; margin:0 0 0 -10px; background:url(../images/workshopPart.png) no-repeat 0 0; width:321px; height:96px; }

.ContactUsForm{ float:left; width:520px; clear:both; margin:0px 0 0 15px; }
.LeftCol{width:500px; float:left}
.RightCol{width:460px; float:left}
.contactusPartInr{ float:left; width:450px; padding:10px 15px; border-bottom:1px dashed #ccc }
.contactusPartInr div.locaMap{ float:left; width:203px; background:#0099FF; padding:3px; margin-right:10px }
.contactusPartInr h6{ color:#0f6ac2; font:normal 18px/24px Arial, Helvetica, sans-serif;}
.contactusPartInr p{font-size:12px}



.lightRight {width:320px; float: left; background:#f8f8f8; padding: 15px; border: 1px solid #bdbdbd;}
.lightRight ul {float: left; margin-top: 15px; margin-left: 14px;}
.lightRight li { float: left; list-style: none; margin-right: 10px;  }
.lightRight img {border: 2px solid #fff;}
.media {width: 650px; float: right; }
.media h2 {font: bold 18px Georgia, "Times New Roman", Times, serif; color: #000; margin-bottom: 5px;}
.media h1 {font: bold 16px Georgia, "Times New Roman", Times, serif; color: #00950c; margin-bottom: 5px;}
.media p {font: normal 14px/18px Georgia, "Times New Roman", Times, serif; color: #5e5e5e; margin-bottom: 10px; }
.media ul {margin-left: 20px; margin-bottom: 20px;}
.media ul li {font: normal 14px/18px Georgia, "Times New Roman", Times, serif; color: #333; margin-bottom: 5px;}