/* CSS Document */

/* css start here */
html, body{ margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; color:#454545;}
 
div, p, h1, h2, h3, h4, h5, h6, ul, li{ margin:0px; padding:0px; text-decoration:none;}
img{ border:0px;}

.clr{ clear:both;}
#main-cont{ overflow:hidden;}
#main-head{ margin:0 auto; background:url(../images/header-bg.jpg) top left repeat-x; height:102px; }
.main-head{ width:965px; overflow:hidden; margin:0 auto; padding:16px 0 0 0px; }
.logo{ float:left; padding:0 0 0 0px;}
#main-nav{ margin:0 auto; background:url(../images/nav-bg.png) top left repeat-x; height:46px;}
.main-nav{ margin:0 auto; width:965px; padding:0 0 0 0px;}
.main-nav ul{ margin:0px; padding:1px 0 0 0px;}
.main-nav ul li{ float:left; margin:0px; padding:4px 3px 0 1px; background:url(../images/li-saprator.png) top right no-repeat; font:normal 14px Tahoma, Geneva, sans-serif; color:#161f89; text-align:center; height:40px; list-style:none; overflow:hidden; display:block;}

.main-nav ul li a {    color: #161f89;    display: block;    float: left;    height: 44px; text-shadow:0 1px 1px #fff;    padding-left:15px;    text-decoration: none;}
.main-nav ul li a span {    display: block;    float: left;    height: 36px;    padding: 9px 25px 0 10px;}
.main-nav ul li.current a, .main-nav ul li a:hover {    background: url("../images/left-hover.png") no-repeat scroll left top transparent;    color: #FFFFFF; text-shadow:0 1px 1px #0b1260;}
.main-nav ul li.current a span, .main-nav ul li a:hover span {    background: url("../images/right-hover.png") no-repeat scroll right top transparent;    color: #FFFFFF;}




#main-banner{ margin:0 auto; background:url(../images/banner-bg.png) top left repeat-x; height:349px; overflow:hidden;}
.main-banner{ margin:0 auto; text-align:center; width:965px; padding:31px 0 0 0px; }

#main-mid-cont{ margin:0 auto; overflow:hidden; padding:0px;}
.main-mid-cont{ margin:0 auto; width:955px; overflow:hidden; padding:20px 5px 0px;}
.main-mid-cont h1{ padding:5px 0 10px 0px; margin:0px; font:normal 24px "Myriad Pro Cond", Arial, Helvetica, sans-serif; color:#2b3ba6;}
.main-mid-cont p{ padding:7px 0 7px 0px; margin:0px; font:normal 12px Arial, Helvetica, sans-serif; color:#6e6e6e; line-height:19px; }
.main-mid-cont p span a{ font:bold 13px Arial, Helvetica, sans-serif; color:#2d3da8; text-align:left; text-decoration:none; }
.main-mid-cont p span a:hover{ color:#2d3da8; text-decoration:underline; }

.cont-bott{ margin:0 auto;  overflow:hidden; padding:20px 0 10px 0px;}

.cont-bott-left{ float:left; width:260px; padding:0px; overflow:hidden; margin:0 25px 0 0px;}
.cont-bott-left-head{ width:250px; padding:5px 0 0 10px; height:30px; font:italic 17px Tahoma, Geneva, sans-serif; color:#fff; background:url(../images/bott-left-box-head.png) top left no-repeat;}

.cont-bott-right{ float:right; width:381px; padding:0px; overflow:hidden; margin:0 0px 0 0px;}
.cont-bott-right-head{ width:371px; padding:5px 0 0 10px; height:30px; font:italic 17px Tahoma, Geneva, sans-serif; color:#fff; background:url(../images/right-bott-head-bg.png) top left no-repeat;}
.cont-text-area{ border:1px solid #f2f2f2; overflow:hidden; text-align:left; padding:15px; font:normal 12px Arial, Helvetica, sans-serif; color:#787878; line-height:19px; min-height:175px;}
.cont-text-area strong{ color:#505050;}

.cont-text-area label{ float:left; display:block; text-align:left; font:normal 12px Arial, Helvetica, sans-serif; color:#515151; width:100px; padding:8px 0 0 7px; margin:10px 0 5px 0px; }
.cont-text-area input.txt{ float:left; background:url(../images/txt-box-bg.png) top left no-repeat; height:31px; width:218px; text-align:left; font:normal 12px Arial, Helvetica, sans-serif; color:#454545; padding:0 7px 0 7px; border:0px; margin:10px 0 5px 0px;}


#main-footer{ margin:0 auto 10px auto; background:url(../images/footer-main-bg.png) top left repeat-x; height:50px; }
.footer{ margin:0 auto; width:965px; overflow:hidden;}
.footer-left{ float:left; padding:16px 0 0 5px; font:normal 14px Arial, Helvetica, sans-serif; color:#fff;}
.footer-left a{ padding:0 15px 0 0px; text-decoration:none; font:normal 14px Arial, Helvetica, sans-serif; color:#fff; }
.footer-left a.active, .footer-left a:hover{ text-decoration:underline; color:#fff;}


.footer-right{ float:right; padding:17px 5px 0 0px; font:bold 12px Arial, Helvetica, sans-serif; color:#fff;}


/* inner page css start here */

#inner-mid-cont{ margin:0 auto; overflow:hidden; padding:0 0 20px 0px; background:url(../images/inner-bg.png) top left repeat-x;}
.inner-mid-cont{ margin:0 auto; width:955px; overflow:hidden; padding:20px 5px 0px;}

.inner-left-panel{ float:left; width:273px; overflow:hidden; padding:10px 0 0 0px;}
.inner-left-panel-head{ width:263px; padding:5px 0 0 10px; height:30px; font:italic 17px Tahoma, Geneva, sans-serif; color:#fff; background:url(../images/left-panel-head-bg.png) top left no-repeat;}
.inner-left-area{ overflow:hidden; text-align:left; padding:15px; font:normal 12px Arial, Helvetica, sans-serif; color:#787878; line-height:19px; min-height:175px; background:#f0f0f0;}

.inner-left-area ul{ padding:0 0 0 0px; list-style:none;}
.inner-left-area ul li{ padding:0px 0 0px 0px; clear:both; font:bold 12px Arial, Helvetica, sans-serif; color:#000; text-align:left; }
.inner-left-area ul li a{ padding:6px 0 10px 30px; background:url(../images/li-icon-01.png) 3px 6px no-repeat; display:block; text-decoration:none;  clear:both; font:bold 12px Arial, Helvetica, sans-serif; color:#000; text-align:left; }
.inner-left-area ul li a.active, .inner-left-area ul li a:hover{ padding:6px 0 10px 30px; background:url(../images/li-icon-02.png) 0px 3px no-repeat; display:block; text-decoration:none;  clear:both; font:bold 12px Arial, Helvetica, sans-serif; color:#374ab6; text-align:left; }

.inner-right-panel{ float:right; width:662px; overflow:hidden; padding:20px 0 0 0px;}
.inner-right-panel h1{ padding:2px 0 5px 0px; font:bold 20px Tahoma, Geneva, sans-serif; color:#1f2c95;}
.inner-right-panel h1 span{ font:normal 20px Tahoma, Geneva, sans-serif; color:#1f2c95;}
.inner-right-panel h5{ padding:2px 0 15px 0px; font:normal 14px Tahoma, Geneva, sans-serif; color:#595959;}

.inner-right-panel h3{ padding:2px 0 7px 35px; margin:10px 0 0 0px; font:normal 18px Tahoma, Geneva, sans-serif; color:#1f2c95; background:url(../images/icon01.png) 0 0 no-repeat;}

.inner-right-panel p{ margin:0px; padding:7px 0px; font:normal 12px Tahoma, Geneva, sans-serif; color:#454545; line-height:19px; text-align:justify;}

.inner-right-panel ul{ margin:0px; padding:5px 0 0 0px; list-style:none; }
.inner-right-panel ul li{ margin:2px 0 10px 0px; padding:1px 0 0 25px; font:normal 12px Tahoma, Geneva, sans-serif; color:#0f0f0f; background:url(../images/li-icon-03.png) 3px 2px no-repeat; }

.inner-right-panel ul li a{text-decoration:none; color:#0f0f0f;  }
.prod-img-box{ text-align:center; padding:20px 20px; margin:15px 0px; border:1px solid #f0f0f0; }

/* order form */

.order-form-box{ margin:0 auto; width: 500px; overflow:hidden; padding:20px 0px; font:12px Arial, Helvetica, sans-serif; line-height:12px;}
.order-form-box label.txt{ width:120px; float:left; overflow:hidden; padding:5px 10px 0 0px; text-align:left; font:bold 12px Arial, Helvetica, sans-serif; color:#454545; text-align:left; display:block;}
.order-form-box input.txtbox{ width:300px; float:left; overflow:hidden; border:1px solid #c1c1c1; padding:3px 7px; margin:0 0 10px 0px;}
.order-form-box textarea.txtarea{ width:300px!important; float:left; overflow:hidden; border:1px solid #c1c1c1; padding:3px 7px; margin:0 0 10px 0px;}
.required-txt{ color:#F00; padding:0 0 0 3px;}

.submit-btn{ margin:4px 10px 0 0px; float:left;}
.submit-btn a{ margin:0 0 0 0px; padding:7px 20px; -moz-border-radius:4px; background:#1c2891; font:bold 12px Arial, Helvetica, sans-serif; color:#fff; text-align:center; display:block; text-decoration:none;}
.submit-btn a:hover{ cursor:pointer; margin:0 0 0 0px; padding:7px 20px; -moz-border-radius:4px; background:#4962d1; font:bold 12px Arial, Helvetica, sans-serif; color:#fff; text-align:center; display:block; text-decoration:underline;}

.border-line{  border:1px dotted #b1b1b1; margin:7px 0 0 0px;}