body{
background:url(images/body-bg.png) repeat;
color: #F4F9E5;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 15px;
    line-height: 19px;
    margin: 0;
    padding: 0;
}
.main{
width:1000px;
margin:0 auto;
}

#leftadrs{background: url(images/leftsidefixed_address.png) no-repeat scroll 0 0 transparent;
    height: 667px;
   
    position: fixed;
    top: -15px;
    width: 212px;}

.menu_out{
width:1000px;
}

.left_shadow{
background:url(images/left_shadow.png) no-repeat scroll 0 bottom transparent;
width:10px;
height:38px;
float:left;
}

.right_shadow{
background:url(images/right_shadow.png) no-repeat scroll 0 bottom transparent;
width:10px;
height:38px;
float:left;
}





.flash{
width:1000px;
height:282px;
overflow:hidden;
float:left;
}

.subpage_bannerarea{
width:1000px;
height:200px;
overflow:hidden;
float:left;
}
.subpage_bannerarea img{ margin:0; padding:0; border:none;}

.content_bg{
      clear: both;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 0;
    width: 980px;
}

.flashbottom{  background: url(images/flashbottomlight.png) repeat scroll 0 -46px transparent;
    clear: both;
    margin: 0 auto;
    padding: 0;
    width: 934px; height:6px;}












/*----------------------- menu container---------------------*/
#menucontainer {
  background:url(images/menu_bg.jpg) repeat-x;
width:980px;
height:38px;
float:left;
position:relative;
}
#menucontainer ul#nav {
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    width: 980px; padding:0; border-bottom: 2px solid #FAD718; height:36px;
}
#menucontainer ul#nav li {
       float: left;
    height: 34px;
    list-style: none outside none;
    outline: medium none;
    padding: 1px 14px;
}
#menucontainer ul#nav li:hover { -moz-box-shadow: 0px 11px 4px #888888;
-webkit-box-shadow: 0px 11px 4px #888888;
box-shadow: 0px 11px 4px #888888; outline:none;
    
}
#menucontainer ul#nav li.selected  { background:url(../images/menuselectedleft.png) no-repeat left 0px; box-shadow:none; padding:0 0 0 17px;}

#menucontainer ul#nav li.selected .leftspan { background: url(../images/menuselectedright.png) no-repeat scroll right 0 transparent;
    display: block;
    overflow: hidden;
    padding: 0 17px 0 0;}
#menucontainer ul#nav li.selected .leftspan a{ color:#FFF;}
#menucontainer ul#nav li a {
    background: url(images/label.png) repeat-x scroll 0 -140px transparent;
    color: #eee886;
    display: block;
    font: bold 13px Verdana,Arial,Helvetica,sans-serif;
    height: 25px;
    margin: 0;
    padding: 8px 0 1px;
    text-decoration: none;
    text-transform: capitalize;
    
}
#menucontainer ul#nav li a:hover {
     background: url(images/label.png) repeat-x scroll 0 -10px transparent;
     border-top-color: #000000; color:#FF0; outline:none;
}
#menucontainer ul#nav li a.js:hover {
    background: url(images/label.png) repeat-x scroll 0 -10px transparent; outline:none;
}
/*---------------------- end menu container -----------------------*/












.wel_cont p.marginzero{ margin:0; padding:0; text-align:center;}

.wel_cont p.marginzero a{ padding:0; margin:0 25px 0 0;}
.welcome{
float: left;
    margin: 0 0 6px;
    width: 760px;
}

.welcome_in {
 background: none repeat scroll 0 0 #6E6D6B;
    color: #FFFFFF;
    font-size: 23px;
    padding: 0 0 9px 10px;
    width: 749px;
}


.wel_cont{
   background: url(images/pbg.png) repeat scroll 0 0 transparent;
    padding: 10px;
    width: 739px; overflow:hidden;
}

.wel_cont p{color: #F4F9E5;
    font-size: 16px;
    line-height: 25px;
    margin: 0 0 24px;
    padding: 0;}


.wel_cont p a {
    color: #F4F9E5;
    text-decoration: none;
}

.wel_cont p a:hover {
   
    text-decoration: underline;
}

.wel_cont ul{margin: 10px 0;
    padding: 7px 0 0 20px;}
.wel_cont ul li{ 
    font-size: 13px;
    line-height: 25px;
    list-style: disc outside url(images/tick.png);
    margin: 0;
    padding: 5px 0; color: #F4F9E5;}

.wel_cont h2{background:  url(images/welconth2bg.png) repeat-x 0 0;;
    color: #000;
    font: bold 16px/20px Arial,Helvetica,sans-serif;
    letter-spacing: 0.5px;
    margin: 10px 0 10px;
    padding: 3px; border-radius: 5px 5px 5px 5px;}


.prod{
float: left;
    margin: 0 0 6px 5px;
    width: 214px;
}

.prod ul{
margin:0;
padding:0;
}

.prod ul li {
    list-style-image: url(images/tick.png);
    margin-left: 21px;
    padding: 5.2px 0; border-bottom:1px dotted #999; cursor:default;
}
.prod ul li:hover {
    background: url(images/proudliover.png) no-repeat 0 0;
    font-weight: normal;
}

.prod ul li a {
    color: #f4f9e5;
    padding: 0 3px;
    text-decoration: none;
}

.prod ul li a:hover {
    color: #fff;
    padding: 0 3px;
    text-decoration: none;
	font-weight:normal;
}



.prod ul li a span.paypal{ background: url(images/mastercards.png) no-repeat scroll 0 -9px transparent;
    float: right;
    height: 29px;
    width: 39px;}
	
	.prod ul li a span.mcard{ background: url(images/mastercards.png) no-repeat scroll -40px -9px transparent;
    float: right;
    height: 29px;
    width: 39px;}
	
	.prod ul li a span.vcard{ background: url(images/mastercards.png) no-repeat scroll -88px -9px transparent;
    float: right;
    height: 29px;
    width: 39px;}

.prod ul li a span.online{background: url(images/mastercards.png) no-repeat scroll -129px -9px transparent;
    float: right;
    height: 29px;
    width: 39px;}


.prod_in {
    background: none repeat scroll 0 0 #6E6D6B;
    color: #FFFFFF;
    font-size: 23px;
    padding: 0 0 9px 11px;
    width: 203px;
}

.pro_cont{
padding:19px 10px;
background:url(images/pbg.png) repeat scroll 0 0 transparent;
}
.pro_cont h3{ margin:1px 0; padding:0px; color: #FAFAD6; font-size:16px;}
.social_icon {
       background: url(images/social_bg.png) no-repeat scroll 0 0 transparent;
    height: 187px;
    position: absolute;
    right: -50px;
    top: 38px;
    width: 40px;
}

.adrs{ font-size: 15px;
    line-height: 18px;
    margin: 0;
    padding: 0;}

.social_icon ul{
margin:17px 0 0 0;
padding:0;
}

.social_icon ul li{
list-style:none;
padding:0 0 0 6px;
}

.social_icon ul li a{ display: block; height:35px;}

.twitter_h{
background:url(images/social_icons.png) no-repeat scroll 3px -5px transparent;
width:30px;
height:43px;
cursor:pointer;
}

.twitter_h:hover{
background:url(images/social_icons.png) no-repeat scroll -32px -5px transparent;
width:30px;
height:43px;
cursor:pointer;
}

.facebook_h{
background:url(images/social_icons.png) no-repeat scroll 3px -47px transparent;
width:30px;
height:43px;
cursor:pointer;
}

.facebook_h:hover{
background:url(images/social_icons.png) no-repeat scroll -32px -47px transparent;
width:30px;
height:43px;
cursor:pointer;
}

.linkdin_h{
background:url(images/social_icons.png) no-repeat scroll 3px -90px transparent;
width:30px;
height:43px;
cursor:pointer;
}

.linkdin_h:hover{
background:url(images/social_icons.png) no-repeat scroll -32px -90px transparent;
width:30px;
height:43px;
cursor:pointer;
}

.youtube_h{
background:url(images/social_icons.png) no-repeat scroll 3px -134px transparent;
width:30px;
height:43px;
cursor:pointer;
}

.youtube_h:hover{
background:url(images/social_icons.png) no-repeat scroll -32px -134px transparent;
width:30px;
height:43px;
cursor:pointer;
}

.wel_border_top{
 background: url(images/wel_border_top.png) no-repeat scroll 0 0 transparent;
    height: 9px;
    width: 759px;
}

.wel_border_bot{
background: url(images/wel_border_bot.png) no-repeat scroll 0 0 transparent;
    height: 11px;
    width: 759px;
}


.cont_border_top{
background:url(images/pro_border_top.png) no-repeat;
width:214px;
height:9px;
}

.cont_border_bot{
background:url(images/pro_border_bot.png) no-repeat;
width:214px;
height:9px;
}

.footer{
 background: url(images/aaa_bot.png) no-repeat scroll 0 -16px transparent;
    color: #DCDAC0;
    height: 31px;
    margin: 0 auto;
    padding: 0 0 0;
    text-align: center ;
    width: 980px;
}


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





.tip {
    background: url(images/tipTop.png) no-repeat scroll center top transparent;
    display: none;
    overflow: hidden;
    padding-top: 37px;
    position: absolute;
    width: 212px;
    z-index: 500; top:50px; 
}
.tip img { border:1px solid #000; border-radius:3px; text-align:center; margin:2px 0; padding:3px; background:#FFF; opacity:.5px; width:140px; height:95px;}
.tipMid {
    background: url(images/tipMid.png) repeat-y scroll 0 0 transparent;
    padding: 0 25px 20px; text-align:center;
}
.tipBtm {
    background: url(images/tipBtm.png) no-repeat scroll center bottom transparent;
    height: 32px;
}

.imglong{ float:right; padding:4px; background:#000; border-radius:10px; box-shadow: 3px 3px 0 #999999; height:200px; margin:0 10px;}
.contactico{ }







/*---------- innovation footer ----------------*/
#innovation_footer_wrapper {
    background: none repeat scroll 0 0 #000000;
    border-top: 10px solid #DFDFDF;
    margin: 0 auto;
    width: 100%;
}
#innovation_footer {
   background: url(images/footerarea_bg.png) repeat-x scroll 0 0 transparent;
    clear: both;
    color: #FFFFFF;
    margin: 0 auto 1px;
    padding: 7px 30px 0;
    width: 920px;
}
.section_w184 {
   border-right: 1px dotted #000000;
    float: left;
    height: 187px;
    margin: 0 5px;
    padding: 0 9px;
    width: 195px;
}

.section_w184.contactarea  {
    /*background: url(images/contact.png) no-repeat scroll right bottom transparent;*/
    border: medium none;
    float: left;
    height: 187px;
    margin-right: 0;
    width: 225px;
}

.section_w184.contactarea p  { margin:0px; padding:0; line-height:17px; text-align:left; color:#888;
}


.header_04 {
    border-bottom: 1px dotted;
    clear: both;
    color: #C7BB10;
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin: 0 22px 13px 0;
    padding: 0 0 4px;
}
.header_04.long{ width:260px;}
.footer_menu_list {
    clear: both;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.footer_menu_list li {
    margin: 0 0 2px;
    padding: 0;
}
.footer_menu_list li a {
    color: #888888;
    font: 0.9em arial;
    text-decoration: none; cursor:default;
}
.footer_menu_list li a:hover {
    color: #8C8851;
}
.margin_bottom_20 {
    clear: both;
    font-size: 1px;
    height: 20px;
    width: 100%;
}
.section_w920 {
    border-top: 1px dotted;
    height: 20px;
    padding: 4px 0 2px;
    text-align: center;
    width: 100%;
}
.section_w920 a {
    color: #FFFFFF;
    text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
    color: #333333;
    padding: 8px 0;
}





















.lof-slidecontent{
	 border: 1px solid #000000;
    border-radius: 2px;
    height: 300px;
    overflow: hidden;
    position: relative;
    width: 758px;
}
.lof-slidecontent .preload{
	height:100%;
	width:100%;
	background:#FFF;
	position:absolute;
	top:0;
	left:0;
	z-index:100000;
	color:#FFF;
	text-align:center
}
.lof-slidecontent .preload div{
	height:100%;
	width:100%;
	background:transparent url(images/load-indicator.gif) no-repeat scroll 50% 50%;
}
.lof-main-outer{
	position:relative;
	height:100%;
	width:465px;
	
	overflow:hidden;
}


/*******************************************************/
.lof-main-item-desc{
	background: url(images/transparent_bg.png) repeat scroll 0 0 transparent;
    height: 66px;
    left: 11px;
    position: absolute;
    top: 233px;
    width: 430px; z-index:9999;

	/* filter:0.7(opacity:60) */
}
.lof-main-item-desc h3{ margin:1px 0; padding:0px;}
.lof-main-item-desc p{
	color:#F4F9E5;
	margin:0 8px;
	padding:8px 0
}
.lof-main-item-desc h3 a{
	color:#FFF;	
	margin:0;
	font-size:95%;
	padding:20px 8px 2px;
	
}
.lof-main-item-desc h3 a:hover{
	color:#999;
	text-decoration:underline;
}


/* main flash */
ul.lof-main-wapper{
	/* margin-right:auto; */
	overflow:hidden;
	background:transparent url(images/load-indicator.gif) no-repeat scroll 50% 50%;
	padding:0px;
	margin:0;
	height:300px;
	width:600px;
	position:absolute;
	overflow:hidden;
}

ul.lof-main-wapper li{
	overflow:hidden;
	padding:0px;
	margin:0px;
	height:100%;
	width:600px;
	float:left;
}
.lof-opacity  li{
	position:absolute;
	top:0;
	left:0;
	float:inherit;
}
ul.lof-main-wapper li img{
	padding:0px;	
	width:463px;
}

li-desc{
	
	position:absolute;
	top:150px;
	left:50px;
	width:395px;
	background:url(images/transparent_bg.png);

	/* filter:0.7(opacity:60) */
}
li-desc p{
	color:#FFF;
	margin:0 8px;
	padding:8px 0
}
li-desc h3 a{
	color:#FFF;	
	margin:0;
	font-size:140%;
	padding:20px 8px 2px;
	
}
li-desc h3 a:hover{
	color:#FF6;
	text-decoration:underline;
}

/* item navigator */
ul.lof-navigator{
	top:0;
	padding:0;
	margin:0;
	position:absolute;
	width:100%;
}
ul.lof-navigator li{
	cursor:hand; 
	cursor:pointer;
	list-style:none;
	width:100%;
	padding:0;
	margin:0;
	overflow:hidden;
}
.lof-navigator-outer{
	position:absolute;
	right:0;
	top:00px;
	z-index:100;
	height:300px;
	width:310px;
	overflow:hidden;
	color:#F4F9E5;
}
.lof-navigator li.active{
	background:url(images/arrow-bg.png) no-repeat scroll left center; 
	color:#F4F9E5;
}
.lof-navigator li:hover{
	
}


.lof-navigator li h3{
	color:#F4F9E5;
	font-size:14px;
	padding:15px 0 0 !important;
	margin:0;

}
.lof-navigator li div{
	background:url(../images/transparent_bg.png);
	color:#F4F9E5;
	height:100%;
	position:relative;
	margin-left:15px;
	padding-left:15px; line-height:16px;
	border-top:1px solid #E1E1E1;
}

.lof-navigator li.active div{
	background:url(images/grad-bg.gif);
	color:#FFF;
}
.lof-navigator li img{
	height:60px;
	width:60px;
	margin:15px 15px 10px 0px;
	float:left;
	padding:3px;
	border:#C5C5C5 solid 1px;
}
.lof-navigator li.active img{
	border:#6C8E5C  solid 1px;
}
.lof-navigator li.active h3{
	color:#FFF;
}

.prod_listarea{ margin:0px 0 6px; padding:0px; width:760px; overflow:hidden;}
.prod_listarea span.prod_head { margin:0px; padding:0px; width:693px; background:#888;}
.prod_listarea span.prod_head  h2{ margin:0px; padding:0px;  }

.prod_listarea span.pro1{background: url(images/menu_bg.jpg) repeat scroll left 0 transparent;
    float: left;
    height: 146px;
    margin: 0;
    padding: 10px;
    width: 233px;}

.prod_listarea span.pro1.last{ border:none;}
.prod_listarea span.pro1 img{  background: none repeat scroll 0 0 #FFFFFF;
    border: 1px dotted #888888;
    border-radius: 3px 3px 3px 3px;
    display: block;
    height: 101px;
    margin: 0;
    padding: 5px;
    width: 194px; }
	
	
	
	.greentrans{ background:url(images/green_trns.png) repeat 0 0; text-transform: capitalize;}
	.yellowtrans{ background:url(images/yellow_trans.png) repeat 0 0; text-transform: capitalize;}
	.redtrans{ background:url(images/red_trans.png) repeat 0 0; text-transform: capitalize;}
	.trhead{background: url(images/prodt_area_bg.png) repeat-x scroll 0 -53px transparent;
    color: #191970; text-transform: capitalize;}
	
	.greentrans input{ padding:2px; margin:2px 0; background:url(images/red_trans.png) repeat 0 0; border-radius:4px; border:1px solid #fff;  color: #FFFFFF;}
	.greentrans select{ padding:2px; margin:2px 0; background:url(images/red_trans.png) repeat 0 0; border-radius:4px; border:1px solid #fff;}
	.greentrans textarea{ padding:2px; margin:2px 0; background:url(images/red_trans.png) repeat 0 0; border-radius:4px; border:1px solid #fff;}
	
	
	
	
	.management{ background: url(images/green_trns.png) repeat scroll 0 0 transparent;
    border: 1px solid #1F1E1D;
    border-radius: 5px 5px 5px 5px;
    float: left;
    margin: 5px;
    padding: 10px;
    width: 337px; height:270px;}
	.management img{ margin:0; padding:0; border:1px dotted #ccc; border-radius:5px;}
	
	.management a {
    color: #fff;
    text-decoration: none;
}
	
.numberslist{ margin:0; padding:0;}
.numberslist tr td{ margin:0; padding:0; border-bottom:1px dotted #ccc; text-align:right;}
.numberslist tr td.ft{ margin:0; padding:0; text-align:left;}
	
	
	
	.container {	 
	float: right;
    height: 150px;
    
    overflow: hidden;
    position: relative;
    text-align: right;
    width: 816px;
	 
	 
}
.container h3 {
    width: 88%;
}
.whyinno{font-size: 22px;
    margin: 67px 32px 5px 20px;
    text-align: right;
    width: 882px;}
	
.flying-text {
	 font-size:20px;
	 
	position:absolute;
	color:#fbd616; text-align:right;
}