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

body {
	background: url(../images/bgtile.jpg) top center repeat;
	margin: 0px;
	padding:0px;
	color:#696f72;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
}
p,div{ padding:0px; margin:0px;}
img { border:0px;}
*:focus{outline:none;} 
.redfont{ color:#d8251d;}
.blue_link, blue_link:link, blue_link:visited,.blue_link:hover{color:#2ea6e4;}
.blue_link, blue_link:link, blue_link:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
}
.blue_link:hover {
	font-size:12px;
	text-decoration:underline;
}
.selectbox{ background-color:#027bba; width:207px; height:20px; border:0px; color:#FFFFFF; font-size:12px; margin-top:5px;}
.leftbg{ width:15%; background:url(../images/lft.jpg) top right repeat-y; }
.rightbg{ width:15%; background:url(../images/rgt.jpg) top left repeat-y; }
.leftinbg{ width:15%; background:url(../images/lft-in.jpg) top right repeat-y; }
.rightinbg{ width:15%; background:url(../images/rgt-in.jpg) top left repeat-y; }
#mainwrap{ width:100%;}
#wrapper{
	width:1000px;
	height:auto;
	margin:0 auto;
	}
.header{ float:left; width:100%; background:url(../images/topbg.jpg) top repeat-x; height:113px; }
.logo{ float:left; width:19%; padding:11px 0 0px 28px;}

#topmenu { width:75%; float:right; margin: 0px; padding:20px 27px 0px 0px;}
#topmenu li {
	float:right;
 	list-style-type:none;	
	padding: 0px 5px 0px 5px;
}
#topmenu li.beta { width:54px; height:18px; padding:0px 280px 0 0; background:url(../images/betatxt.jpg) left bottom no-repeat;}
#topmenu li a {
	background:url(../images/topmenu.jpg) no-repeat;
	padding: 0px 0px 0px 0px;
	display: block;
	height: 18px;
	width:30px;
}
#topmenu li a.item1 {background-position:0px 0px; }
#topmenu li a:hover.item1 {background-position:0px 0px; }
#topmenu li a.item2 {background-position:-0px -18px; }
#topmenu li a:hover.item2 {background-position:0px -18px; }
#topmenu li a.item3 {background-position:0px -36px;}
#topmenu li a:hover.item3 {background-position:0px -36px;}

#mainmenu { width: auto; margin: 0px; padding:28px 15px 0px 0px; float:right;}
#mainmenu li {
	float:left;
 	list-style-type:none;	
	background-repeat:no-repeat;
	height: 18px;
	padding: 0px 5px 0px 5px;
	display: block;
}
#mainmenu li a {
	background:url(../images/mainmenu.gif) no-repeat;
	padding: 0px 0px 0px 0px;
	display: block;
	height: 18px;
	width:auto;
}
#mainmenu li a.item1 {background-position:0px 0px; width:77px; }
#mainmenu li a:hover.item1 {background-position:0px 0px; }
#mainmenu li a.item2 {background-position:0px -18px; width:77px; }
#mainmenu li a:hover.item2 {background-position:0px -18px; }
#mainmenu li a.item3 {background-position:0px -36px; width:77px;}
#mainmenu li a:hover.item3 {background-position:0px -36px;}
#mainmenu li a.item4 {background-position:0px -54px; width:47px;}
#mainmenu li a:hover.item4 {background-position:0px -54px;}
#mainmenu li a.item5 {background-position:0px -72px; width:51px;}
#mainmenu li a:hover.item5 {background-position:0px -72px;}
#mainmenu li a.item6 {background-position:0px -90px; width:48px;}
#mainmenu li a:hover.item6 {background-position:0px -90px;}

.banner{ float:left; width:100%; height:268px; background:url(../images/opening-banner.jpg) left no-repeat; background-position:347px 1px;}
.maincontent{
	width:100%;
	height:296px;
	float:left;
	background:url(../images/maincntbg.jpg) bottom repeat-x;
	}
.maincontent ul{
	margin:0px;
	padding:0px;
	list-style:none;
	}
.maincontent li{
	float:left;	
	height:260px;
	text-align:justify;
	margin:0px;
	padding:0px;
}
.maincontent li.welcome {	
	padding:0px 13px ;
	border-right:1px solid #d8d8d8;
	width:461px;
	}
.maincontent div.welimg{
   text-align:justify;
   padding:0px 0px 20px 165px;
   margin:0px;
   vertical-align:top;
   background: url(../images/welimg.jpg) left top no-repeat;
    }
.maincontent li.site {
	width:250px;
	padding:0px 20px 5px 10px;
	border-right:1px solid #d8d8d8;
	}
.maincontent li.site p{ padding:0px; margin:0px;}
.maincontent li.online {
	padding:0px 5px 5px 20px;	
	width:200px;
	}
.pic {width:204px; height:220px; background:url(../images/specialoffer.jpg) center no-repeat;}
.maincontent li.online a{ float:right; padding:180px 60px 0; width:17px; height:12px; background:url(../images/more.gif) bottom right no-repeat; background-position:95px 150px; }
.maincontent li.welcome h1,.maincontent li.site h1,.maincontent li.online h1{ padding:0px 0 10px; margin:0px;}
*html .maincontent li.welcome h1,.maincontent li.site h1,.maincontent li.online h1{ padding:0px 0 10px; margin:0px;}
.maincontent li.welcome h1{  background:url(../images/wel_lab.gif) no-repeat; width:93px; height:22px; margin-left:15px;}
.maincontent li.site h1{ background: url(../images/writes_lab.gif) no-repeat; width:76px; height:22px;  padding:0px 0 10px;}
.maincontent li.online h1{ background:url(../images/shoponline_lab.gif) no-repeat; width:97px; height:22px;  padding:0px 0 10px;}
.menucont{
	width:100%;	
	float:left;	
	}
.menucont ul{
	margin:0px 0;
	padding:0px;
	list-style:none;
	}
.menucont li {
	float:left;
	margin:10px 0;
	padding:10px 9px 5px 10px ;
	border-right:1px solid #2ea6e4;
	text-align:justify;
	width:18%;
	height:127px;
	}
.menucont li.shop { border:0px;}
.menucont li.corporate h1,.menucont li.product h1,.menucont li.write h1,.menucont li.fun h1,.menucont li.shop h1{height:22px; width:76px; padding:0px 0 15px; margin:0px;}
.menucont li.corporate h1{background:url(../images/cor_lab.gif) no-repeat;}
.menucont li.product h1{background:url(../images/product_lab.gif) no-repeat;}
.menucont li.write h1{ background:url(../images/write_lab.gif) no-repeat;}
.menucont li.fun h1{ background:url(../images/fun_lab.gif) no-repeat;}
.menucont li.shop h1{ background:url(../images/shop_lab.gif) no-repeat;}
.menucont p{ padding-top:10px; vertical-align:bottom;}
.footer{ float:left; width:100%; height:50px; line-height:50px; color:#2ea6e4; font-size:25px; font-weight:normal;}

/*inner*/
.innercontent{
	width:97%;
	height:auto;
	float:left;
	padding:0px 30px 20px 0;
	background:url(../images/maincntbg.jpg) bottom repeat-x;
	}
.innercontent div.clock{
   text-align:justify;
   padding:30px 0px 30px 150px;
   margin:0px;
   background: url(../images/corporate_banner.jpg) left bottom no-repeat;
    }
.productdiv{
	width:90%;
	height:auto;
	float:left;
	padding:15px 30px 25px 70px;
	background:url(../images/maincntbg.jpg) bottom repeat-x;
	}

.productleft{ width:54px;background:url(../images/product_left.jpg) right  no-repeat; vertical-align:middle;}
.productmid{ width:256px; padding-top:5px; background:url(../images/product_mid.jpg) right no-repeat;}
.subcatmid{ width:173px; background:url(../images/subcat_mid.jpg) top left repeat-y;}
.catediv{ width:100%; float:left; padding-left:20px; }
.catediv ul{ padding:0px; margin:0px; list-style:none;}
.catediv li { width:60px; float:left; padding-right:20px; text-align:center; font-size:11px; color:#000000;  height:56px; text-transform:lowercase; line-height:13px;}
.catediv li a { text-align:center; font-size:11px; color:#000000; text-decoration:none; text-transform:capitalize;}
.catediv li a img{ text-align:center; font-size:11px; color:#000000; text-decoration:none; opacity:0.8;filter:alpha(opacity=80);  }
.catediv li a:hover{ text-align:center; font-size:11px; color:#e83c00; }
.catediv li a img:hover{ text-align:center; font-size:11px; color:#e83c00; filter:alpha(opacity=100); opacity:1; border:0px; text-decoration:underline; }
.catediv li a.imgactive img{ text-align:center; font-size:11px; color:#e83c00; filter:alpha(opacity=100); opacity:1; border:0px; text-decoration:none; }
.catediv li a span:hover{ text-align:center; font-size:11px; text-transform:capitalize; color:#e83c00; text-decoration:underline; filter:alpha(opacity=100);  opacity:1; }
.catediv li a span:link,.catediv li a span:visited,.catediv li a span.active{ 
	text-align:center; font-size:11px; color:#e83c00; text-decoration:underline; text-transform:capitalize; }
.catediv li a span.inactive{ text-align:center; font-size:11px; color:#000000; text-decoration:underline; text-transform:capitalize;}

.subcatediv{ width:153px; float:left; padding:5px 10px; height:380px; overflow:auto; /* width:86%;*/}
.subcatediv ul{ padding:0px; margin:0px; list-style:none;}
.subcatediv li{ padding:0px 5px; margin:0px;}
.subcatediv li a{ padding:0px; margin:0px; cursor:pointer; text-align:center;}
*html .subcatediv{ width:155px;}

.prddetails{ float:left; margin-left:1px; width:469px; height:auto;  color:#027bba; }

#flash{ height:32px;}
.name{ width:427px; float:left; font-size:24px; margin:0px; padding:5px 15px 0px ; line-height:30px; color:#ea1d25; text-align:left;}
.details{ padding:10px 0px; width:100%; float:left; background:url(../images/produdetbg.jpg) top left repeat-y;}
.prdlogo{width:96%; padding:5px 0px 10px 20px; margin:0px; float:left; text-align:left;}
.desc{width:95%; float:left; text-align:left; padding:0 10px;}
.desc p{ text-align:justify; padding:5px 15px;}
.desc ul{ padding:0px; margin:0px 0px 0px 20px;}
.desc li{padding:5px 0px 0px 0px; margin:0px;}
.color{float:left; width:95%; padding:20px 15px 0; margin:0px;}
.color ul{padding:0px; margin:0px; list-style:none;}
.color li{ float:left;}
/*.color li.head{margin:20px 5px 0; background:#990000; height:20px; width:20%; }*/
.color li.show{ width:3%; padding:0px; margin:5px 6px 0; height:13px;	}

.writediv,.fundiv{
	width:955px;
	height:auto;
	float:left;
	text-align:left;
	padding:15px 0px 25px 45px;
	background:url(../images/maincntbg.jpg) bottom repeat-x;
	}
.writediv h1{ padding:20px 0 20px 35px; margin:0px;}
.writediv .topcontent{ float:left; padding:0px 70px 40px; margin:0px;}
.location{ float:left; width:163px; height:auto; margin-top:33px; }
.location h1{ background:#ea1d25; padding:6px 0 6px 13px; width:150px; height:13px;}
.list{ width:100%; background:url(../images/loclist.jpg) repeat-y; height:260px; float:left; overflow:auto; }
.list ul{ margin:0px; padding:0px;}
.list li{ padding:5px 20px 5px 25px; margin:0px; list-style:none; float:left; width:101px; display:block;}
.list li a{ color:#ea1d25; font-weight:bold; text-decoration:none;}
.list li a.active{ color:#027bba; font-weight:bold; text-decoration:none; background: url(../images/selected.gif) no-repeat; padding-right:40px; background-position:100% 1px;}
.location .bot{ float:left; width:100%; height:5px; background-color:#ea1d25;}
.locdesc{ float:left; background: url(../images/locdes.jpg) repeat-x; width:532px; height:290px;}
.sublocadr{float:left; width:260px; padding:70px 0 0; height:220px; background: url(../images/locdes.jpg) repeat-x; color:#000000;}

/*.fundiv{
	width:955px;
	height:auto;
	float:left;
	text-align:left;
	padding:15px 0px 25px 45px;
	background:url(../images/maincntbg.jpg) bottom repeat-x;
	}*/
.fundiv h1{ float:left; width:100%;}
.fundiv ul{ padding:0px; margin:0px; float:left; width:100%;}
.fundiv li{ list-style:none; float:left; width:202px; padding:0px 23px 23px 6px; margin:0px;}

.contactbg{ float:left; width:97%; min-height:660px; padding-left:30px; background:url(../images/contactbg.jpg) right top no-repeat; height:auto;}
/*stepcarousel - using gallery*/	
.stepcarousel {
	position: relative;/* leave this value alone*/
	overflow: hidden; /*leave this value alone*/
	width: 381px; /*Width of Carousel Viewer itself*/
	height: 286px; /*Height should enough to fit largest content's height*/
	margin:0 0 0 105px;	
}
.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: 381px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.stepcarousel .desc {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
width: 381px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.clear {clear:both}