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

body{background:#f2e4f1 url(../images/page_bg.gif) repeat-x top; font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:16px; color:#000;}
a{color:#000;}
a:hover{color:#7612a2;}

#wrapper{width:1000px; margin:0 auto;}
#header{width:1000px; padding:24px 0 0 65px;}
ul#top_navi{float:left; margin:86px 0 0 47px; display:inline;}
ul#top_navi li{float:left; margin-left:4px; display:inline;}
ul#top_navi li a{float:left; padding-left:5px; background:url(../images/tab_left.gif) left 15px no-repeat; color:#fff; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:13px; outline:none;}
ul#top_navi li span{float:left; background:url(../images/tab_right.gif) right 15px no-repeat; cursor:pointer; height:27px; padding:25px 8px 0 4px;}
ul#top_navi li span b{text-align:center; background:url(../images/top_navi_bullet.gif) bottom center no-repeat; margin:5px 3px 0 0; display:none;}

ul#top_navi li a:hover{background:url(../images/tab_left.gif) left -37px no-repeat;}
ul#top_navi li a:hover span{background:url(../images/tab_right.gif) right -37px no-repeat; height:37px; padding:15px 8px 0 4px;}
ul#top_navi li a:hover span b{display:block;}

ul#top_navi li.active a{background:url(../images/tab_left.gif) left -37px no-repeat;}
ul#top_navi li.active a span{background:url(../images/tab_right.gif) right -37px no-repeat; height:37px; padding:15px 8px 0 4px;}
ul#top_navi li.active a span b{display:block;}

#banner{width:955px; margin:0 auto; background:#fff url(../images/pg_top_corners.gif) top no-repeat; min-height:176px; height:176px; clear:both;}
.iso{height:144px; width:217px; float:left; background:url(../images/iso_22000.gif) 30px 30px no-repeat;}
.iso p{text-align:center; padding:105px 25px 0; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
.flash{width:651px; height:144px; float:left; display:inline;}
#content{width:955px; background:#e8f7fe url(../images/content_bg.gif) repeat-y; margin:0 auto; padding:15px 0;}

ul.left_navi{color:#016aa1; font-size:14px; font-family:Arial, Helvetica, sans-serif; width:190px; float:left;}
ul.left_navi li{padding:3px 0; float:left; clear:left; width:170px; padding-left:20px;}
ul.left_navi li a{color:#016aa1; text-decoration:none; padding:2px 0 2px 20px; background:url(../images/bullet_left_navi.gif) left 4px no-repeat; clear:both; float:left; clear:left; outline:none;}
ul.left_navi li a:hover{color:#7612a2; background:url(../images/bullet_left_navi.gif) left -16px no-repeat;}
ul.left_navi li.active a{color:#7612a2; background:url(../images/bullet_left_navi.gif) left -16px no-repeat;}

.content{float:left; width:670px; padding-left:20px; position:relative;}
.content h1.title{font-size:22px; color:#9c6ab1; line-height:28px; background:url(../images/title_bg_left.gif) left no-repeat; float:left; padding-left:18px;}
.content h1.title span{background:url(../images/title_bg_right.gif) right no-repeat; display:block; padding:2px 18px 4px 0;}

.content_scroll{float:left; clear:both; width:540px; overflow:visible; padding:10px 0;}
.content_scroll p{ padding:2px 5px 2px 10px; line-height:19px;}

/*=====Custom Scroller CSS Start============*/
.flexcroll{outline:none; height:100px;}
.flexcroll p b{color:#7612a2;}
.scrollgeneric{line-height:1px; font-size:1px; position:absolute; top:0; left:0;}
.vscrollerbase{width:5px; background:url(../images/scrollbase.gif) repeat-y center;}
.vscrollerbar{background-image:url(scrollbar.gif); width:5px; height:17px !important; background-image:url(../images/scrollbar.gif);}
.hscrollerbase{height:6px;}
.hscrollerbar{height:6px; background-color:#b09756;}
.vscrollerbar, .hscrollerbar{padding:0px; z-index:2;}
.scrollerjogbox{width:22px; height:22px; top:auto; left:auto; bottom:0px; right:0px; background:#b09756;}
/*=====Custom Scroller CSS End============*/

#footer{width:1000px; height:205px; background:url(../images/footer_bg.jpg) no-repeat left; margin:0 auto;}
#footer p.copyright{font-size:10px; color:#035182; padding:182px 35px 0 0px; float:right;}
#footer p a{color:#035182;}

#footer p.designed_by{font-size:10px; color:#035182; padding:182px 0 0 100px; float:left;}
#footer p a{color:#035182;}
#footer .statcounter{float:left; width:180px; margin:185px 0 0 25px; font-size:10px; color:#444; display:inline;}

/*contact_us.html START*/
.content_contactus { width:670px;}
.content_contactus .col_1{float:left; border-right:1px solid #8cbfd9; width:370px;}
.content_contactus .col_2{float:left; padding-left:10px;}
/*contact_us.html END*/

/*valued_clients.html START*/
.content_contactus { width:670px;}
.content_contactus img { display:inline; margin-left:-3px; padding:10px 0;}
/*valued_clients.html END*/

/*product_range.html START*/
ul.pro_submenu{position:absolute; left:150px; top:0px; width:560px;}
ul.pro_submenu li{float:left; font-size:13px; padding:1px 0 1px 7px;}
ul.pro_submenu li a{text-decoration:none; color:#016aa1; background:url(../images/bullet_subnavi.gif) left 7px no-repeat; padding:2px 0 2px 10px; font-family:Arial, Helvetica, sans-serif; outline:none;}
ul.pro_submenu li a:hover{color:#ac0ec7; background:url(../images/bullet_subnavi.gif) left -11px no-repeat;}
ul.pro_submenu li.active a{color:#ac0ec7; background:url(../images/bullet_subnavi.gif) left -11px no-repeat;}
.content_pro{width:680px;}
.content_pro p{}

.thumb{float:left; width:156px; padding:3px 0 0 5px; background:url(../images/thumb_bg.gif) left top no-repeat; margin:30px 2px 0px 5px;}
.thumb a, .thumb img{float:left;}
.thumb a.pro_link{text-decoration:none; color:#016aa1; background:url(../images/bullet_subnavi.gif) left 7px no-repeat; padding:2px 0 2px 10px; font-family:Arial, Helvetica, sans-serif; outline:none; display:block; margin-top:6px;}
.thumb a.pro_link:hover{color:#ac0ec7; background:url(../images/bullet_subnavi.gif) left -11px no-repeat;}

.thumb_awards{float:left; width:156px; padding:3px 0 3px 5px; background:url(../images/thumb_bg_awards.gif) left top no-repeat; margin:30px 2px 0px 5px;}
.thumb_awards .pro_link{text-decoration:none; color:#016aa1; background:url(../images/bullet_subnavi.gif) left 7px no-repeat; padding:2px 0 2px 10px; font-family:Arial, Helvetica, sans-serif; outline:none; display:block; margin-top:6px;}
.thumb_awards .pro_link:hover{color:#ac0ec7; background:url(../images/bullet_subnavi.gif) left -11px no-repeat;}

/*product_range.html END*/

/*product inner pages START*/
.content_pro_inner{width:660px; padding:10px;}
.content_pro_inner h2{font-family:Arial, Helvetica, sans-serif; color:#016aa1; font-size:20px; font-weight:bold; padding:10px 0 15px 0;}
.content_pro_inner p{ padding:2px;}
.content_pro_inner h3{font-family:Arial, Helvetica, sans-serif; color:#016aa1; font-size:16px; font-weight:bold; padding:5px 0;}
.content_pro_inner ul{padding:5px;}
.content_pro_inner ul li{padding:2px 0 2px 12px; background:url(../images/bullet_li.gif) 0px 7px no-repeat;}
.content_pro_inner .col_1{float:left; width:150px;}
.content_pro_inner .col_2{float:left; width:280px; padding:0 10px; border-right:1px solid #babbbb;}
.content_pro_inner .col_3{float:left; width:195px; padding-left:10px;}
.content_pro_inner .col_4{float:left; width:490px; padding:0 10px;}
/*product inner pages END*/

.our_network{margin:20px 0 20px 5px; float:left;}

.feedback{float:left; clear:both; width:650px; overflow:visible; padding:10px 0;}
.feedback span{color:#C00; font-size:13px; padding:0 5px;}
.feedback table, .feedback table input, .feedback table textarea{text-align:left; font-size:12px;}
.feedback table td{padding:10px 4px;}
.feedback table td input.textbox, .feedback table td textarea.textbox{padding:2px; color:#016aa1; border:1px solid #b1d5e8; width:250px; float:left; font-family:Arial, Helvetica, sans-serif}
.feedback ul.pros{float:left;}
.feedback ul.pros li{float:left; width:150px; padding:4px 0; color:#016aa1;}
.feedback ul.pros li label{float:left;}
.feedback ul.pros li input{vertical-align:middle;}