/*---------- CSS----------*/
body{font-family:Arial, Helvetica, sans-serif; color:#333; font-size:12px; text-decoration:none; line-height:16px; margin:0px; padding:0px; background: url(../images/blue_bar.jpg) repeat-x 0 0; padding-top:23px;   }
.common_div{width:100%;}
img{border:0px;}
.clr{clear:both;font-size:0; line-height:0; height:0px;}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span, ul, li {margin:0px; padding:0px;} 
ul, li { list-style:none} 

.set_logo{background: url(../images/logo.png) repeat-x 0 0;height:69px;width:183px;display:block; }
.green .set_logo{background: url(../images/logo_commitment.png) repeat-x 0 0; height:69px;width:183px;display:block;}


input, textarea, select{font-family:Arial, Helvetica, sans-serif; color:#333; font-size:12px;}

a{ color:#333333; text-decoration:none;}
a:hover{text-decoration:underline;}

.top_heading{padding-bottom:20px;} 
/*
.edit_link{color:#fff;}
.edit_group_none{display:none;position:absolute;z-index:100;padding:4px 6px 4px 6px;background-color:#000;font-size:11px;font-weight:bold;color:#fff;}
.edit_group_inline{display:inline;position:absolute;z-index:100;padding:4px 6px 4px 6px;background-color:#000;font-size:11px;font-weight:bold;color:#fff;}
*/

a.error_page{ color:#005A90; text-decoration:none;}
a.error_page:hover{text-decoration:underline;}


.edit_group_none{display:none;position:absolute; z-index:100;}
.edit_group_inline{display:inline;position:absolute;z-index:100;}

.span_set{margin-top: -4px;}


/*---------- Body----------*/
#wrapper{ background:url(../images/back_main.jpg) no-repeat center 0px; width:100%; height:auto;}

#contentarea{ width:980px;margin:0 auto;}


/*---------- Green ----------*/
#wrapper.green{ background:url(../images/cleane_bg.jpg) no-repeat center 0px; }

#wrapper.green #topnav{ color:#fff;;}
#wrapper.green #topnav a{  color:#fff; text-decoration:none;}
#wrapper.green #topnav a:hover{  text-decoration:underline;}


/*---------- Header ----------*/
#header{ width:980px; height:214px; margin:0 auto;}
#topnav{ text-align:right; color:#666666; font-size:11px; font-weight:bold; padding-top:8px; height:70px;}
#topnav a{  color:#666666; text-decoration:none;}
#topnav a:hover{  text-decoration:underline;}
#logonavbox{ height:136px; width:100%;  }
#logonavbox #logo{ float:left; width:229px; padding-top:18px; }
#logonavbox #menu_bg{ float:left; width:751px; background:url(../images/menu_bg.png) no-repeat 0 0; height:77px; }

/*---------- Middle Content ----------*/
#middle_content{ width:893px; border:1px solid #999999; margin:0 auto; background:#0072b7 url(../images/green_bar.jpg) repeat-x 0 bottom;}
/*---------- Flipper Box ----------*/
#flipper_area{ padding-left:16px; padding-top:17px; padding-right:16px; padding-bottom:15px;}
.sponsor{width:162px;height:163px;float:left; margin-right:12px; margin-bottom:12px; /* Giving the sponsor div a relative positioning: */
position:relative;cursor:pointer;}

.sponsor2{width:162px;height:163px;float:left; margin-right:12px; margin-bottom:12px; /* Giving the sponsor div a relative positioning: */
position:relative;}

.sponsor.last{ margin-right:0px; }
.sponsor2.last{ margin-right:0px; }
.sponsorFlip{
	/*  The sponsor div will be positioned absolutely with respect
		to its parent .sponsor div and fill it in entirely */
position:absolute;left:0;top:0;	width:100%;	height:100%;background:url(../images/blue_back.jpg) no-repeat center center ;}
.sponsorFlip.green{	background:url(../images/green_tile.png) no-repeat center center  ; }
.sponsorFlip:hover{}
.sponsorFlip img{}
.sponsorData{/* Hiding the .sponsorData div */display:none;}
.sponsorDescription{ padding-top:10px; padding-left:10px; font-size:20px; font-weight:bold; color:#FFF; line-height:24px;}
.sponsorDescription2{ padding-top:10px; padding-left:10px; font-size:15px; font-weight:bold; color:#FFF; line-height:22px;}

.sponsorDescription a{ color:#FFF; text-decoration:none;}
.sponsorDescription a:hover{  text-decoration:none;}
.sponsorDescription2 a{ color:#FFF; text-decoration:none;}
.sponsorDescription2 a:hover{  text-decoration:none;}

.sponsorURL{ position:absolute; bottom:10px; right:10px;}
.clear{/* This class clears the floats */clear:both;}

/*---------- Footer Content ----------*/
#footer_content{ width:893px; margin:0 auto; background: url(../images/bottom_bg.png) no-repeat 0 0;padding-top:47px; padding-bottom:53px;}
#footer_content_area{ width:816px; margin:0 auto; position:relative; padding-bottom:20px;  }
#slider{ width:385px; float:right; }
.slider_content{  }
a.learnmore{ background:url(../images/bt_learn_more.png) no-repeat 0 0; width:109px; overflow:hidden; height:28px; display:block; margin-top:25px;}
a.learnmore:hover{ background-position:bottom;  }
#video_box{ padding-top:3px; padding-left:3px;width:407px;height:257px;position:absolute;background:url(../images/video_bg.png) no-repeat 0 0;
left: -39px;top: 10px;}
html {margin-left: -1px;}
#footer{ background:url(../images/footer_bg.jpg) no-repeat center 0 ; padding-top:40px; height:56px; margin-top:70px;   font-size:11px;  color:#949494; width:819px; margin:0 auto ;margin-top:18px; padding-bottom:20px;  }
#footer #footer_left{ width:545px; float:left;    }
#footer_left ul{  }
#footer_left li{ padding-left:7px; padding-right:7px; background:url(../images/sep.jpg) no-repeat right 3px; display:block; float:left;   }
#footer_left li.last{ background: none;    }
#footer_left li a{ color:#939393; text-decoration:none;}
#footer_left li a:hover{text-decoration:underline;}

#footer #copyright{ padding-top:16px;   }
#footer #copyright #graylogo{ width:73px; float:left;   }
#footer #copyright #copy{ float:left;  font-size:11px; padding-left:8px; padding-top:3px;   }
#footer #follow{ width:75px;float:left;   }
#footer #social_media{ width:196px; padding-top:20px; float:right;   }
#footer #social_media ul { float:left; margin-top:-8px; }
#footer #social_media ul li{ margin-right:3px; display:block; float:left }
#footer #social_media ul li a{ display:block; height:26px; width:26px; display:block;}

#footer #social_media ul li a.twiter{ background:url(../images/twitter_icon.jpg) no-repeat 0 0 }
#footer #social_media ul li a.twiter:hover{ background-position:bottom;}

#footer #social_media ul li a.face{ background:url(../images/face_book_icon.jpg) no-repeat 0 0 }
#footer #social_media ul li a.face:hover{ background-position:bottom;}

#footer #social_media ul li a.you{ background:url(../images/you_icon.jpg) no-repeat 0 0 }
#footer #social_media ul li a.you:hover{ background-position:bottom;}

#footer #social_media ul li a.in{ background:url(../images/in_icon.jpg) no-repeat 0 0 }
#footer #social_media ul li a.in:hover{ background-position:bottom;}


/*---------- Slider Content ----------*/
#home .stepcarousel {height: 250px !important;}


.stepcarousel {
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 330px; /*Width of Carousel Viewer itself*/
	height: 250px; /*Height should enough to fit largest content's height*/
}
.stepcarousel .belt {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}
.stepcarousel .panel {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	width: 330px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}


.whoweser .stepcarousel .panel { height:500px; display:block; width:800px; }


.stepcarousel .panel .content {	padding-top:20px;}
#home p#mygallery-paginate { position:absolute; background:url(../images/line_bottom.png) no-repeat 0 0;  text-align:left; width:385px; text-align:center;}
#home p#mygallery-paginate img{ margin-right:-4px; border:5px solid #fff; border-bottom:0px; border-top:0px}


.panel.active {	background: url(../images/active_image.png) no-repeat;width:41px;height:37px;padding-top:2px;padding-left:2px;}
/*---------- Subpage_bg ----------*/
#subpage{ background:url(../images/page_bg.jpg)  no-repeat 0 0; width:816px; margin: 0 auto; position:relative; padding-top:90px;}


#subpage.well{ background:url(../images/page_bg.jpg)  no-repeat 0 0; }

.heading{position:absolute;left: -40px;	top: -1px;}
#subpage .contentarea{ padding-left:10px; padding-right:10px;  }
.sp_main_box{ background:url(../images/dot_hori.png) repeat-x; padding-top:10px; padding-bottom:10px;}
.sp_main_box .logo_box{ float:left; width:260px; background:url(../images/dot_ver.png) repeat-y right 0; text-align:center;}
.sp_main_box .con_box{ float:left; width:520px; padding-left:16px; padding-top:14px;}
a.blue_link{ color:#006699; text-decoration:none;}
a.blue_link:hover{ text-decoration:underline;}
.hevetivca_ultra{ font-size:21px; font-weight:bold; line-height:24px}
.hevetivca_light{ font-size:21px;line-height:21px}


/*---------- Who we ser ----------*/
.whoweser{ background:url(../images/dot_hori.png) repeat-x; padding-top:30px; }
.accordion2 { position:relative;}
.accordion2 h3 {background:  url(../images/pan_tab.png) no-repeat 0 0; height:40px; padding-top:14px; overflow:hidden; padding-left:10px;margin: 0; font-size:16px; font-weight:bold; color:#333;border-bottom: none;cursor: pointer; display:block;}
.accordion2 h3:hover { background-position: 0 0;}
.accordion2 h3.active { background-position: 0 bottom;}
.accordion2 .content { padding-left:10px; padding-top:7px; padding-right:10px; padding-bottom:10px; position:relative;}
.whoweser #slider{ width:690px; float:none; margin-left:29px; }
.whoweser .stepcarousel {width: 690px; /*Width of Carousel Viewer itself*/height: 218px;   /*Height should enough to fit largest content's height*/}
.whoweser .stepcarousel .panel {width: 690px;height:auto; /* Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */}

.wellness .stepcarousel {width: 690px; /*Width of Carousel Viewer itself*/height: 350px;   /*Height should enough to fit largest content's height*/}
.wellness .stepcarousel .panel {width: 690px;height:350px; /* Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */}

.whoweser .stepcarousel .panel .image { float:left;background:url(../images/photo_frame.png) no-repeat 0 0; width:334px; padding-left:18px; min-height:209px}











.whoweser .stepcarousel .panel .content2 { float:left; width:311px; margin-left:15px;padding-top:20px;}
.content2 h2, .panel h2 { font-size:21px; font-family:Helvetica, sans-serif;padding-bottom:10px; display:block; color:#006eb1}
.whoweser p#mygallery-paginate {position:absolute;background:none;padding-left: 0px;text-align:right;width: 150px;right: 46px;top: -37px;}
.who_we_are{ background:url(../images/vid_bg_right.png) no-repeat 0 0;}

/*---------- Who we ser ----------*/
.cmmonpage{ padding-left:10px;}

.cmmonpage.workplace{ padding-left:0px;}

.cmmonpage .topcontent{background:url(../images/dot_hori.png) repeat-x 0 bottom; padding-bottom:20px; width:380px; margin-bottom:32px; }
#vid_wa{background:url(../images/vid_bg_right.png) no-repeat 0 0;position:absolute;left: 436px;top:15px;width:406px;height:317px;padding-left:3px;padding-top:3px;}
h3.hevetivca_ultra{ font-size:21px; font-weight:bold; line-height:24px; display:block; padding-bottom:30px;}
h3.hevetivca_ultra.narrow{ padding-bottom:12px;}
.ourvalue{ width:350px; float:left;}
.ourvalue.right{ margin-right:50px;}
ul.ourvaluecon li{ background:url(../images/bulltet.jpg) no-repeat 0 4px; padding-left:20px; padding-bottom:25px;}
.corevision{background:url(../images/dot_hori.png) repeat-x 0 top; padding-top:19px;}
.corevision_box{ height:auto;}
.corevision_box .box1{ height:auto;width:381px;  background:url(../images/core_bg.png) no-repeat 0 0; margin-right:8px; float:left;  }
.corevision_box .box1 .image_box{ width:126px; float:left;  text-align:center ; margin-bottom:12px; padding-top:16px;}
.corevision_box .box1 .con_box{ width:199px; float:left; background: url(../images/core_line.jpg) no-repeat 0 scroll; padding-left:26px; margin-top:29px; }



/*---------- Who we don ----------*/

/*.whoweserve_con{background:url(../images/dot_hori.png) repeat-x 0 top; position:relative; height:310px;}
.qls_box{ position:absolute;width:207px;height:200px;}*/

.whoweserve_con{background:url(../images/dot2.png) no-repeat 25px top; position:relative; height:450px; margin-left:-29px}
.qls_box{ position:absolute;width:207px;height:435px;}


.qls_box_bg{ background:url(../images/box_who_we_serve.jpg) no-repeat center 0; height:200px; width:207px; position:relative; }
.qls_box_bg.green{ background:url(../images/box_who_we_serve.jpg) no-repeat center -200px;  }
.qls_box_bg.active{background-position:bottom;}
.qls_box_logo{ text-align:center; height:67px; }
.qls_box_con{ padding-left:35px;height:155px;overflow:hidden;padding-right:26px; padding-top:25px; font-size:11px; line-height:14px; }



.whoweserve_con .stepcarousel {
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 848px; /*Width of Carousel Viewer itself*/
	height: 450px; /*Height should enough to fit largest content's height*/
}
.whoweserve_con .stepcarousel .belt {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}
.whoweserve_con .stepcarousel .panel {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	width: 211px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.whoweserve_con .stepcarousel .panel .content {	padding-top:20px; }
.whoweserve_con p#mygallery-paginate { position:absolute; background:url(../images/line_bottom.png) no-repeat 0 0; padding-left: 130px;  text-align:left; width: 260px;}
.whoweserve_con p#mygallery-paginate img{ margin-right:5px;}


.whoweserve_con .panel.active {	background: url(../images/active_image.png) no-repeat;width:41px;height:37px;padding-top:2px;padding-left:2px;}





.video_thum ul{padding:0; margin:0; position:relative; left:-20px;}
/*.video_thum ul li{background:url(../images/video_bg1.jpg) no-repeat center 0; width:186px; height:121px; padding-left:10px; padding-right:10px; padding-top:3px; padding-bottom:33px; float:left; }*/
.video_thum_back{background:url(../images/video_bg1.jpg) no-repeat center 0; width:188px; height:121px; padding-left:14px; padding-right:10px; padding-top:10px; padding-bottom:33px; float:left; }
#Panels{padding-top:10px; }
#Panels .left-site{width:380px; float:left; padding-right:25px;}
#Panels .right-site{width:380px; float:left;}
#Panels .accordion2 h3 {background:  url(../images/pan_tab_small.png) no-repeat 0 0; height:31px; padding-top:14px; overflow:hidden; padding-left:15px;margin: 0; font-size:16px; font-weight:bold; color:#333;border-bottom: none;cursor: pointer; display:block; margin-top:10px;}
#Panels .accordion2 h3:hover { background-position: 0 0;}
.accordion2 h3:hover  { top:0px;   }


#Panels .accordion2 h3.active { background-position: 0 bottom;}
#Panels .accordion2 .content { padding-left:15px; padding-top:7px; padding-right:10px; padding-bottom:10px;}
#Panels  ul.list li{border-bottom:1px solid #d8d8d8; padding-top:7px; padding-bottom:7px; padding-left:5px; font-size:11px; color:#333333}
a.learn_more{width:99px; height:30px; text-align:center; color:#bee09b; display:block; background:  url(../images/learn_more.png) no-repeat 0 0; font-size:0;  margin-top:8px;}
a.learn_more:hover{background-position:bottom}

/*----------History ----------*/
.his_banner{position:relative; top:-20px; width:100%;text-align:right }
.contant_his{margin-top:22px;margin-left:10px; margin-right:10px; padding-top:25px; border-top:1px dotted #979797; line-height:20px;}
.his_banner h3.hevetivca_light,.his_banner h3.hevetivca_ultra{font-size:21px;}

/*----------Connect ----------*/
.connect_con{background:url(../images/dot_hori.png) repeat-x 0 top; padding-top:25px; padding-bottom:20px;}
.connect_con h3{ font-size:21px; display:block; padding-bottom:15px;}
.small_text{ font-size:11px;}
.connect_form_content{ padding-top:8px;}
.connect_form_content .left_content{ width:483px; float:left;}
.connect_form_content .form_row{ padding-bottom:7px;}
.connect_form_content .label{ float:left; width:202px; font-weight:bold; padding-top:3px;  }
.connect_form_content .input_box{ width:281px; float:left;    }
.connect_form_content .input{ background:url(../images/input_bg.jpg) no-repeat 0 0; width:275px; height:19px; padding-top:3px; border:none; padding-left:3px; padding-right:3px;}
.connect_form_content .right_content{ width:271px; padding-left:25px; float:left; padding-top:10px;}
.connect_form_content .right_content .label{ float:none ; width:auto; font-weight:bold; 
padding-top:3px; padding-bottom:3px;  }
.connect_form_content .textarea{ background:url(../images/select_box.jpg) no-repeat 0 0; width:263px; height:191px; padding-top:3px; border:none; padding-left:3px; padding-right:3px;}
.connect_form_content  .submit_bt{ padding-top:20px;  }
.map_box{ background:url(../images/map_bg.jpg) no-repeat 0 0; width:664px; height:450px; padding-top:5px; padding-bottom:10px;  padding-left:5px; padding-right:10px; margin:0 auto}
.distrubut_content{background:url(../images/dot_hori.png) repeat-x 0 top; padding-top:15px; padding-bottom:20px;}
.distrubut_content .left_con1{ width:181px;float:left; padding-right:22px; padding-top:10px; background:url(../images/dot_ver.png) repeat-y right 0;}
.distrubut_content h3{ font-size:21px; display:block; padding-bottom:15px;}
.distrubut_content .zip_row{ padding-bottom:25px;}
.distrubut_content .zip_row .label{ float:left; width:32px; padding-top:3px; font-weight:bold;}
.zip_row .input{ float:left; background:url(../images/input_small.jpg) no-repeat 0 0; width:140px; height:19px; padding-top:3px; border:none; padding-left:3px; padding-right:3px;}
.distrubut_content .left_con2{ width:189px; padding-left:18px;float:left; padding-right:19px; padding-top:10px; background:url(../images/dot_ver.png) repeat-y right 0;}
ul.social_icon{ list-style:none;}
ul.social_icon li{ padding-bottom:3px;}
ul.social_icon li a{ display:block; height:28px; width:189px;}
ul.social_icon li a.twitter{ background:url(../images/bt_twitter.jpg) no-repeat 0 0;}
ul.social_icon li a.facebook{ background:url(../images/bt_facebook.jpg) no-repeat 0 0;}
ul.social_icon li a.youtube{ background:url(../images/bt_you_tube.jpg) no-repeat 0 0;}
ul.social_icon li a.linkdin{ background:url(../images/bt_linkdin.jpg) no-repeat 0 0;}
ul.social_icon li a:hover{ background-position:bottom;  }
a.submit_bt1{background:url(../images/submit_bt.jpg) no-repeat 0 0; display:block; height:28px; width:76px;  }
a.submit_bt1:hover{ background-position:bottom; }
.distrubut_content .left_con3{ width:296px; margin-left:22px; padding-right:8px; padding-bottom:20px; padding-left:8px;float:left;margin-top:10px; padding-top:5px; background:url(../images/face_bg.jpg)  no-repeat 0 0;}




/*----------Commitment ----------*/
.commitment_con{background:url(../images/dot_hori.png) repeat-x 0 top; padding-top:25px; padding-bottom:30px;}
.commitment_con .left_content{ width:369px; float:left;}
.commitment_con .right_content{ width:386px; float:left;}
.commitment_con2{background:url(../images/dot_hori.png) repeat-x 0 top; margin-top:24px; padding-top:25px; padding-bottom:30px;}
.janpak_today_box{ padding-top:32px;}
.janpak_today_box .row{ border-top:1px solid #999999; padding-top:8px; padding-bottom:8px;}
.janpak_today_box .row .left_text{ width:99px; padding-right:17px; float:left; color:#5da200; font-weight:bold; font-size:24px; text-align:right}
.janpak_today_box .row .right_text{ width:640px; float:left;}


/*----------Clean Zone ----------*/
.clean_zone #subpage{ background:none; width:auto; margin: 0 auto; position:relative; padding-top:0px;}
.sponsorFlip.gray{	background:url(../images/gray_tille.jpg) no-repeat center center  ;  }
.sponsorFlip.gray .sponsorDescription{ font-size:18px; line-height:20px;}
.clean_zone_page_bg{ background: url(../images/clean_zone_page.jpg) no-repeat 0 0; width:893px; margin:0 auto; padding-top:90px; position:relative}
.clean_zone_contentarea{ width:780px; margin:0 auto;position:relative; padding-top:15px;}
#video_box2{padding-top:3px;padding-left:3px;width:407px;height:257px;position:absolute;background:url(../images/video_bg.jpg) no-repeat 0 0;left: -57px;top: 40px;}
.vid_right_row{ border-bottom:1px solid #c2c2c2; padding-bottom:15px; padding-top:15px;}
.vid_right_row.last{ border-bottom:none;}
.grren_text{ color:#437e11}
a.view_bt{background:url(../images/view_bt.jpg) no-repeat 0 0; display:block; height:28px; width:119px;}
a.view_bt:hover{ background-position:bottom; }
a.product_bt{background:url(../images/bt_product.jpg) no-repeat 0 0; display:block; height:28px; width:145px;}
a.product_bt:hover{ background-position:bottom; }
#Green_Panels{padding-top:10px; }
#Green_Panels .left-site{width:380px; float:left; padding-right:20px;}
#Green_Panels .right-site{width:380px; float:left;}
#Green_Panels .accordion2 h3 {background:  url(../images/green_pan_tab_small.png) no-repeat 0 0; height:30px; padding-top:14px; overflow:hidden; padding-left:15px;margin: 0; font-size:16px; font-weight:bold; color:#333;border-bottom: none;cursor: pointer; display:block; margin-top:10px;text-shadow: #fff 1px 1px 1px; }
#Green_Panels .accordion2 h3:hover { background-position: 0 0;}
#Green_Panels .accordion2 h3.active { background-position: 0 bottom;}
#Green_Panels .accordion2 .content { padding-left:15px; padding-top:7px; padding-right:10px; padding-bottom:10px;}
#Green_Panels  ul.list li{border-bottom:1px solid #d8d8d8; padding-top:7px; padding-bottom:7px; padding-left:5px; font-size:11px; color:#333333}
#Green_Panels2{padding-top:10px; }
#Green_Panels2 .left-site{width:250px; float:left; padding-right:9px;}
#Green_Panels2 .accordion2 h3 {background:  url(../images/green_pan_tab_small2.png) no-repeat 0 0; height:30px; padding-top:14px; overflow:hidden; padding-left:15px;margin: 0; font-size:16px; font-weight:bold; color:#333;border-bottom: none;cursor: pointer; display:block; margin-top:0px;text-shadow: #fff 1px 1px 1px; }
#Green_Panels2 .accordion2 h3:hover { background-position: 0 0;}
#Green_Panels2 .accordion2 h3.active { background-position: 0 bottom;}
#Green_Panels2 .accordion2 .content { padding-left:15px; padding-top:7px; padding-right:10px; padding-bottom:10px;}
#Green_Panels2  ul.list li{border-bottom:1px solid #d8d8d8; padding-top:7px; padding-bottom:7px; padding-left:5px; font-size:11px; color:#333333}
#Green_Panels2  ul.list li{border-bottom:1px solid #d8d8d8; padding-top:7px; padding-bottom:7px; padding-left:5px; font-size:11px; color:#333333}


/*----------FAQ ----------*/


.faq{ padding-top:15px; position:relative  }
.faq .accordion2 .content { padding-left:20px; padding-bottom:20px; }
.accordion2 h3.big {background:  url(../images/pan_tab_big.png) no-repeat 0 0; height:49px; padding-top:14px; overflow:hidden; padding-left:10px;margin: 0; font-size:16px; font-weight:bold; color:#333;border-bottom: none;cursor: pointer; display:block; margin-bottom:10px;}
.accordion2 h3.big:hover { background-position: 0 0;}
.accordion2 h3.big.active { background-position: 0 bottom;}
.clean_zone2{ background:url(../images/dot_hori.png) repeat-x; padding-top:30px; margin-top:30px; padding-left:10px; padding-bottom:20px; }
.right_sicky{ width:114px; padding-left:15px; height:105px; padding-top:22px; position:absolute; background:url(../images/right_sticky.png) no-repeat 0 0 ; right:0px; top:420px;}


a.click_here{ background:url(../images/click_here.png) no-repeat 0px 0px; display:block; width:97px; height:28px; margin-top:5px;}
a.click_here:hover{ background-position:bottom;}


/*----------ASSOCIATES LOGIN ----------*/
.associates_login{ padding-top:15px;}

.associates_login .form_row{ padding-bottom:7px;}
.associates_login .label{ float:left; width:111px; font-weight:bold; padding-top:3px;}
.associates_login .input_box{ width:281px; float:left;    }
.associates_login .input{ background:url(../images/input_bg.jpg) no-repeat 0 0; width:275px; height:21px; padding-top:1px; border:none; padding-left:3px; padding-right:3px;}


.associates_box{ height:auto;}
.associates_box .box1{ height:auto; width:162px; padding-left:12px; padding-right:12px; background:url(../images/our_vis_box.jpg) no-repeat 0 0; margin-right:8px; float:left;  padding-top:14px; }
.associates_box .box1 .image_box{ background: url(../images/sep2.jpg) repeat-x 0 bottom; text-align:center ; margin-bottom:12px;height:83px;}
.associates_box .box1 .title{ font-size:14px; font-weight:bold; text-align:center; padding-bottom:22px;}
.associates_box .box1 .content{ padding-left:4px; }











/* ---------- ASSOCIATES---------- */


.associates #subpage{ background: none; width:980px; margin: 0 auto; position:relative; padding-top:0px;background: url("../images/associ_bg.jpg") repeat-x scroll 0 0 #7AC6E8; margin-top:-27px;}

.associates #subpage #left_content{ width:225px; padding-top:10px; padding-left:10px; padding-right:10px; float:left; background:#f0eaea; border:1px solid #c0bfbd}
.associates #subpage #right_content{ width:717px;  float:left; margin-left:14px; color:#000 ; margin-bottom:10px; }


.associates #subpage #left_content h1 {
    font-size: 18px;
    font-weight: normal;
}
.associates #footer{ margin-top:36px;   }


.title_bg_style2{background:url(../images/content_title_bg2.png) no-repeat; width:513px; height:45px; padding-top:5px; padding-left:15px;}
#asscosibg{background:#7AC6E8 url(../images/associ_bg.jpg) repeat-x 0 0; width:100%;}

#asscosibg.subpages{background:#7AC6E8 url(../images/associ_bg.jpg) repeat-x 0 -190px; }
#assocontainer{background:url(../images/asso_leftbox.jpg) repeat-y 0 0; width:100%; margin-top:8px;}
#assocontainerleft{float:left; width:228px; border-top:1px solid #BFBFBF;padding-top:10px; padding-left:9px; padding-right:10px; padding-bottom:10px; overflow:hidden;}
#assocontainerright{float:left; width:722px; padding-left:5px;  padding-bottom:30px;overflow:hidden;}
.accordprefix{display:none;}
.thelanguage{background:#FBF9F9;}
.thelanguage ul{padding-right:10px; padding-left:10px; list-style-type:none;}
.thelanguage ul li{padding:0; margin:0; border-bottom:1px solid #EFEEEE; text-align:left}
.thelanguage ul li a{text-decoration:none; line-height:25px;}
.thelanguage ul li a:hover{color:#0081CD; text-decoration:none;}
.thelanguage ul li.active a{color:#0081CD; text-decoration:none;}
.technology a{display:inline-block; padding-left:15px; width:212px; height:40px; background:url(../images/menu_bg.jpg) no-repeat 0 0; color:#FFF; text-decoration:none; font-weight:bold; line-height:40px; margin-bottom:5px; margin-top:5px;}

a.bluebutton{ background:url(../images/menu_bg.jpg) no-repeat 0 0;  color: #FFFFFF; display: inline-block;font-weight: bold;  height: 36px;line-height: 17px; margin-bottom: 5px;
    margin-top: 5px;padding-left:15px;padding-top:4px;text-decoration: none; width: 172px;padding-right:40px;}



.asscosicot{font-size:18px; line-height:30px; color:#017EC6; background:url(../images/cotating.png) no-repeat 70px bottom; }

.asscosicot_new{font-size:18px; line-height:30px; color:#017EC6; background:url(../images/cotating_new.png) no-repeat 70px bottom; }


.cotating{font-size:48px; color:#B0DDF1; line-height:normal;}
.blueheading{font-size:16px; font-weight:bold;color:#017EC6;}
.asscotionbg{background:url(../images/associates_head.jpg) repeat-x 0 0; padding-left:58px; font-size:16px; font-weight:bold; color:#FFF;}
.asscosiboxright{background:#C9E5F3 url(../images/asscositebox_bg.jpg) repeat-x 0 0; border:1px solid #BFBFBF; border-top:none;}
#asscoicon{position:relative; width:100%;}
#asscoiconpos{	position:absolute;	top:-40px;	left:-25px;}
.asscogreen{color:#6A9300; font-weight:bold;}
.condiv{width:100%; height:7px; overflow:hidden;}
.asscoheadbg{background:url(../images/asso_head.png) no-repeat 0 0; width:700px; padding-left:22px; height:29px; line-height:30px; font-size:16px; display:inline-block;text-align:left}
.asscoheadinner{background:#FFFFFF url(../images/materials_bg.jpg) repeat-x 0 0; ; border-bottom:1px solid #ccc;}
ul.doclist{list-style-type:none;}
ul.doclist li{ width:300px; float:left; padding-left:30px; height:30px; line-height:25px;}
ul.doclist li a{text-decoration:none;}
ul.doclist li a:hover{text-decoration:underline;}
ul.doclist li.doc{background:url(../images/doc.png) no-repeat 0 0px;}
ul.doclist li.pdf{background:url(../images/pdf_icon.png) no-repeat 0 0px;}
ul.doclist li.exl{background:url(../images/xls_icon.png) no-repeat 0 0px;}
ul.doclist li.ppt{background:url(../images/ppt_icon.png) no-repeat 0 0px;}


.ass_pdf_icon{ width:40px;float:left; }
.ass_text{ width:100px;float:left; padding-right:5px; overflow:hidden; padding-top:3px;  }
a.LogOut { display:block; margin-top:5px; padding-left:42px; background:url(../images/LogOff_1.png) no-repeat 0 0px; padding-top:7px; padding-bottom:7px; color:#000; font-weight:bold; text-decoration:none;}
a.LogOut:hover {text-decoration:underline;}
a.imagegrid1 {text-decoration:none;display:block;}
a.imagegrid1:hover {text-decoration:underline;}
ul#example5{ margin-left:25px;}



#home #video_home{ display:block;}

#video_home{ display:none;}


#home #top_header { display:none;}





/*----------Product Catalogue ----------*/



.product_cat #contentarea{ width:1020px;margin:0 auto;}
.product_cat #subpage{ width:1020px;   background:url(../images/page_bg_cat.jpg)  no-repeat center 0; padding-top:66px; }



.product_cat #subpage .contentarea{ padding-left:2px; padding-right:2px; }


/*----------Product Catalogue ----------*/


ul.ourvaluecon.workless li{ padding-bottom:15px;}

.workless_main{ margin-left:0px; }
.workless{ margin-left:-10px; padding-bottom:20px;  }


.workless #slider { display:block;
  
    margin-left: 29px;
    width: 690px;
}
.workless .stepcarousel {
    height: 218px;
    width: 690px;
}
.workless .stepcarousel .panel {
    width: 690px;
}
.workless .stepcarousel .panel .image {
    float: left;
}
.workless .stepcarousel .panel .content2 {
    float: left;
    margin-left: 15px;
    padding-top: 20px;
    width: 311px;
}
.workless h2 {
    color: #006EB1;
    display: block;
    font-family: Helvetica,sans-serif;
    font-size: 21px;
    padding-bottom: 10px;
}
.workless p#mygallery-paginate {
	background: none repeat scroll 0 0 transparent;
	padding-left: 0;
	position: absolute;
	right: 20px;
	text-align: left;
	top: -172px;
	width: 78px;
}

.workless .slider_content{ position:relative;  width:703px; height:auto} /*padding-left:47px;*/


.workless .slider_content img, .workless .slider_content .arrwo{ top: 104px !important;}

.stall_bg{ width:605px; padding-left:23px; height:114px; padding-top:26px;background:url(../images/stall_street.jpg)  no-repeat 0 0;}


a.clickbt{ display:block; height:28px; width:503px; display:block;background:url(../images/click_bt.png)  no-repeat 0 0;}
a.clickbt:hover{ background-position:bottom;}

.right_sicky span.portion.portion2{background:none !important} 

.submit_bt{ background:url(../images/bt_submit.png) no-repeat; width:76px; display:block; height:28px; border:0px; cursor:pointer;font-size:0px;}
.submit_bt:hover{ background-position:bottom;font-size:0px;}


#proposallist .tableborder {
    border: 1px solid #595959;
}
#proposallist .trgraycolor td {
    padding-left: 5px;
}
#proposallist .trgraycolor {
    background: none repeat scroll 0 0 #595959;
    color: #FFFFFF;
    font-weight: bold;
}
#proposallist .trlightbluecolor {
    background: none repeat scroll 0 0 #D9EEF9;
}
#proposallist .rightborder {
    border-left: 0px solid #636363;
}
#proposallist .leftpad {
    padding-left: 5px;
}
#proposallist a {
    color: #000000;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
}
#proposallist a:hover {
    color: #000000;
    font-weight: normal;
    text-decoration: underline;
    text-transform: none;
}
#proposallist .headingBluehd {
    color: #0079C2;
    font-family: Verdana;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
}
#proposallist .rednavlink {
    color: #CC0000;
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    line-height: 20px;
    text-decoration: none;
    text-transform: none;
}
#proposallist a.rednavlink:hover {
    color: #0078C6;
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    line-height: 20px;
    text-decoration: none;
    text-transform: none;
}

.boldlink {
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
}


.well #mygallery1{ height:auto;}
.well #mygallery2{ height:auto;}
.well #mygallery3{ height:auto;}
.well #mygallery4{ height:auto;}
.slider_content{position:relative;}
#rightleft1,#rightleft2,#rightleft3,#rightleft4,#rightleft5{position:absolute; top:92px;}
.slider_content .arrowleft{top:0; left:-22px;}
.slider_content .arrowright{top:0;}
p#mygallery1-paginate,p#mygallery2-paginate,p#mygallery3-paginate,p#mygallery4-paginate,p#mygallery5-paginate{background: none repeat scroll 0 0 transparent;padding-left: 0;position: absolute;right: -10px;text-align: right;top: -44px;width: 150px;}

.rel_bt {
    background: url(../images/realtek_bt.png) no-repeat  0 0 ;
    border: 0 none;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 28px;
    width: 110px;
}
.rel_bt:hover {
    background-position: center bottom;
    font-size: 0;
}

.reset_bt{ float:left; margin-right:10px; background: url(../images/rest_bt.png) no-repeat  0 0 ;  border: 0 none;  cursor: pointer;  display: block;   font-size: 0;   height: 28px;
    width: 76px;}
.reset_bt:hover {  background-position: center bottom;  font-size: 0;}


.retrieve_bt{float:left;margin-right:10px; 
	background: url(../images/bt_retrieve.png) no-repeat  0 0 ;
    border: 0 none;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 28px;
    width: 76px;
}
.retrieve_bt:hover {
    background-position: center bottom;
    font-size: 0;
}


.reg_box1{width:auto; background:url(../images/dot_hori.png) repeat-x 0 bottom; padding-bottom:30px; padding-top:30px;}
.reg_box1 .imagebox{background:url(../images/reg_image_frame.png) no-repeat; width:357px; padding-left:17px; height:123px;}

ul.reglist{ list-style:disc; margin-left:20px; padding-top:10px;}
ul.reglist li{ list-style:disc;}

#Panels.dotline{padding-top:10px; margin:0 auto ; width:auto;background:url(../images/dot_hori.png) repeat-x;}

#Panels.dotline{padding-top:10px; margin:0 auto ; width:auto;background:url(../images/dot_hori.png) repeat-x;}
#Panels.dotline .imagebox2{ width:126px; float:left;}
#Panels.dotline .imagebox_con{ width:193px; float:left; color:#666666; margin-top:10px;}

.corevison_box{width:770px;margin:0 auto; padding-top:30px; overflow:hidden}
.corevison_box h1{ font-size:21px; display:block; padding-bottom:15px;}
#corevison{width:770px;;background:url(../images/image_bg_core_vision.png) no-repeat; padding-top:30px;  }

.corevison_box .box1{width:167px; margin-left:22px; float:left;}
.corevison_box .box2{width:231px; margin-left:88px; float:left;}
.corevison_box .box3{width:159px; margin-left:71px; float:left;}