/***************************************************/

/****** CSS Developed by Sushil Chouhan ******/
/********* sushil.chouhan@gmail.com *********/
/******* Last Modified 19th May 2010 ********/

/***************************************************/

body {
	margin:0;
	padding:0;
	font:normal 12px Arial, Helvetica, sans-serif;
	background:url(bg.jpg) 0 0 repeat-x;
	}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
	}
table {
	border-collapse:collapse;
	border-spacing:0;
	}
fieldset,img { 
	border:0;
	}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:bold;
	color: #C30;
	font-size: 16px;
	}
.enquiry_box {
	border: 1px solid #999999;
	padding: 10px;
	height: 70px;
	width: auto;
	color: #666666;
	background-color: #FFFFFF;
}
.form_box {
	float: left;
	width: 10px;
}


ol,ul, li {
	list-style:none;
	margin:0px;
	padding:0px;
	}
caption,th {
	text-align:left;
	}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
	}
q:before,q:after {
	content:'';
	}
abbr,acronym { 
	border:0;
	}
a {
	outline:none;
	text-decoration:none;
	}
div.clear {
	clear:both;
	}
#main {
	width:890px;
	margin:0 auto;
	}
#topnav {
	float:left;
	width:890px;
	height:72px;
	}
#topnavleft {
	float:left;
	width:615px;
	padding:28px 0 0 0;
	}
#topnavleft ul li {
	float:left;
	margin:0 10px 0 0;
	}
#topnavleft ul li a {
	color:#bdbdc3;
	padding:0 0 2px 33px;
	line-height:20px;
	}
#topnavleft ul li a:hover {
	color:#fff;
	}
#topnavleft ul li a.eng {
	background:url(fl_eng_n.gif) 0 -1px no-repeat;
	}
#topnavleft ul li a.fra {
	background:url(fl-france_n.gif) 0 -1px no-repeat;
	}
#topnavleft ul li a.esp {
	background:url(fl_esp_n.gif) 0 -1px no-repeat;
	}
#topnavleft ul li a.deu {
	background:url(fl_duch_n.gif) 0 -1px no-repeat;
	}
#topnavleft ul li a.ita {
	background:url(fl_itly_n.gif) 0 -1px no-repeat;
	}
#topnavleft ul li a.por {
	background:url(fl_port_n.gif) 0 -1px no-repeat;
	}
#topnavleft ul li a.arb {
	background:url(fl_arab_n.gif) 0 -1px no-repeat;
	}
#topnavleft ul li a.eng:hover {
	background:url(fl_eng_r.gif) 0 -1px no-repeat;
	}
#topnavleft ul li a.fra:hover {
	background:url(fl-france_r.gif) 0 -1px no-repeat;
	}
#topnavleft ul li a.esp:hover {
	background:url(fl_esp_r.gif) 0 -1px no-repeat;
	}
#topnavleft ul li a.deu:hover {
	background:url(fl_duch_r.gif) 0 -1px no-repeat;
	}
#topnavleft ul li a.ita:hover {
	background:url(fl_itly_r.gif) 0 -1px no-repeat;
	}
#topnavleft ul li a.por:hover {
	background:url(fl_port_r.gif) 0 -1px no-repeat;
	}
#topnavleft ul li a.arb:hover {
	background:url(fl_arab_r.gif) 0 -1px no-repeat;
	}
#topnavright {
	float:right;
	width:260px;
	padding:33px 15px 0 0;
	text-align:right;
	}
.wrapper {
	clear:both;
	float:left;
	width:880px;
	padding:0 0 0 10px;
	}
.left_col {
	float:left;
	width:240px;
	}
.right_col {
	float:left;
	width:620px;
	padding:0 0 0 8px;
	}
.logo {
	margin:13px 0;
	float:left;
	width:240px;
	text-align:center;
	}
.leftdetwrap {
	padding:0 0 0 6px;
	}
.prodcat, .prodcatwraper, .isologo {
	float:left;
	width:228px;
	background:url(prodcat.png) 0 0 no-repeat;
/*	margin:0 6px;*/
	height:42px;
	}
.prodcatwraper {
	background:url(catbg.gif) 0 0 repeat-y;
	height:auto;
	}
.prodcatwraperinner {
	float:left;
	width:198px;
	background:url(catbotbg.gif) bottom left no-repeat;
	padding:15px;
	}
.prodcatwraperinner ul {
	padding:0 0 5px 0;
	}
.prodcatwraperinner ul li a {
	display:block;
	width:161px;
	height:29px;
	color:#29467e;
	font-size:15px;
	font-family:tahoma;
	padding:5px 0 0 37px;
	}
.prodcatwraperinner ul li a:hover {
	color:#cfd4de;
	}
.prodcatwraperinner ul li a.one {
	background:url(1_n.gif) 0 0 no-repeat;
	}
.prodcatwraperinner ul li a.one:hover, .prodcatwraperinner ul li a.onesel {
	background:url(1_r.gif) 0 0 no-repeat;
	color:#cfd4de;
	}
.prodcatwraperinner ul li a.two {
	background:url(2_n.gif) 0 0 no-repeat;
	}
.prodcatwraperinner ul li a.two:hover, .prodcatwraperinner ul li a.twosel {
	background:url(2_r.gif) 0 0 no-repeat;
	color:#cfd4de;
	}
.prodcatwraperinner ul li a.thre {
	background:url(3_n.gif) 0 0 no-repeat;
	}
.prodcatwraperinner ul li a.thre:hover, .prodcatwraperinner ul li a.thresel {
	background:url(3_r.gif) 0 0 no-repeat;
	color:#cfd4de;
	}
.prodcatwraperinner ul li a.for {
	background:url(4_n.gif) 0 0 no-repeat;
	}
.prodcatwraperinner ul li a.for:hover, .prodcatwraperinner ul li a.forsel {
	background:url(4_r.gif) 0 0 no-repeat;
	color:#cfd4de;
	}
.prodcatwraperinner ul li a.fiv {
	background:url(5_n.gif) 0 0 no-repeat;
	}
.prodcatwraperinner ul li a.fiv:hover, .prodcatwraperinner ul li a.fivsel {
	background:url(5_r.gif) 0 0 no-repeat;
	color:#cfd4de;
	}
.prodcatwraperinner ul li a.six {
	background:url(6_n.gif) 0 0 no-repeat;
	}
.prodcatwraperinner ul li a.six:hover, .prodcatwraperinner ul li a.sixsel {
	background:url(6_r.gif) 0 0 no-repeat;
	color:#cfd4de;
	}

.isologo {
	height:auto;
	background:none;
	padding:30px 0;
	text-align:center;
	}
#nav {
	text-align: center;
	margin	:10px 0 0 0px;
	}
#nav, #nav li, #nav li a, #nav li a span {
	display:block;
	float: left;
	}
#nav li {
	padding:0 20px 0 0;
	}
#nav li a {
	color: #4c4b50;
	font-size: 15px;
	cursor: pointer;
	font-family:tahoma;
	}
#nav li a span {
	position: relative;
	padding: 1px 18px 13px 0;
	line-height: 20px;
	left: 20px;
	}
#nav li a:hover {
	background: url(nav_l.jpg) no-repeat left 0;
	}
#nav li a:hover span {
	background: url(nav_r.jpg) no-repeat right 0;
	}

/* Drop Down Menu  */
#mydrop .dropmenudiv {
  position:absolute;
  top: 0;
  font:normal 12px Verdana;
  line-height:18px;
  z-index:100;
 /* visibility: hidden;*/
  display:none;
  padding:0;
  margin:-1px 0 0 1px;
  border:1px solid #9f9f9f;
  border-top:none;
	}
#mydrop .dropmenudiv {
	background:url(dropmenubg.gif);
	}
#mydrop .dropmenudiv ul {
	padding:15px 15px 10px 15px;
  	margin:0 ;
	}
#mydrop .dropmenudiv ul li {
	padding:0 0 5px 0;
	}
#mydrop .dropmenudiv li a {
  display: block !important;
  text-indent: 3px;
  padding:1px 0 3px 5px;
  text-decoration: none;
  color:#4c4b50;
  font-size:11px;
  text-align:left;
  width:148px;
  background:url(submenubg.gif);
	}
#mydrop .dropmenudiv a:hover {
	color:#fff;
	}
.flash {
	float:left;
	width:620px;
	margin:8px 0 0 0;
	height:190px;
	padding:0 0 15px 0;
	}
.midwrapper {
	float:left;
	width:610px;
	padding:0 0 0 10px;
	}
.welcomecol {
	float:left;
	width:300px;
	background:url(gryline.gif) 0 30px repeat-x;
	padding:0 10px 0 0;
	}
p.imghead {
	height:30px;
	}
.welcomecol p {
	padding:0 0 10px 0;
	font-family:tahoma;
	font-size:12px;
	color:#636363;
	line-height:18px;
	}
p.more a {
	float:right;
	color:#a7a7a7;
	}
p.more a:hover {
	color:#ed912c;
	} 
.latestprod {
	float:left;
	width:217px;
	background:url(latestprod.gif) 0 0 no-repeat;
	padding:10px 0 0 75px;
	}
.latestprod .img {
	height:150px;
	}
.customers {
	float:left;
	background:url(customer_rcorner.gif) top right no-repeat #b0ac91;
	height:113px;
	float:left;
	width:620px;
	margin:10px 0 0 0;
	}
.customersleft {
	float:left;
	width:454px;
	background:url(customersleft.gif) 0 0 no-repeat;
	height:99px;
	display:block;
	padding:14px 0 0 166px;
	}
.customerslist {
	float:left;
	background:url(customerlistbg.gif) top right no-repeat #fff;
	width:428px;
	height:86px;
	padding:0 10px 0 0;
	}
/* product gallery */

#motioncontainer {
	width: 100%; 
	height: 86px;
	overflow: hidden; 
	position: relative
}
#motioncontainer a img {
	padding:4px;
	background: url(frame.gif) no-repeat 50% 50%; 
	border:0;
}
#motioncontainer a:hover img {
	background: url(frame.gif) no-repeat 50% 50%;
}
#statusdiv {
	border:1px solid gray;
	position:absolute;
	background-color:lightyellow;
	padding:2px 4px;
	left:-300px;
	visibility:hidden;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
}
#motiongallery {
	left: 0px; 
	white-space: nowrap; 
	position: absolute; 
	padding:6px;
}

.footer {
	width:100%;
	background:url(footerbg.jpg) 0 0 repeat-x;
	height:96px;
	}
.footerwrap {
	margin:0 auto;
	width:890px;
	text-align:center;
	}
.footerwrap ul {
	padding:8px 0 0 40px;
	height:40px;
	}
.footerwrap ul li {
	float:left;
	background:url(footerdiv.gif) 100% 3px no-repeat;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0;
	}
.footerwrap ul li.last {
	background:none;
	}
.footerwrap ul li a {
	color:#5f5f61;
	font-family:tahoma;
	font-size:12px;
	}
.footerwrap ul li a:hover {
	border-bottom:1px dotted #2a2a2a;
	}
	
.footerwrap p {
	color:#606062;
	line-height:20px;
	}
.footerwrap p span {
	color:#2a2a2a;
	padding:0 0 0 10px;
	}
.footerwrap p a {
	color:#2a2a2a;
	}
.footerwrap p a:hover {
	border-bottom:1px dotted #2a2a2a;
	}
/* inner page */

.innerhead {
	float:left;
	width:605px;
	margin:40px 0 0 0;
	height:41px;
	padding:66px 0 0 15px;
	background:url(innerheading.png) 0 0 no-repeat;
	font-family:"Trebuchet MS", Tahoma;
	font-size:20px;
	color:#344c72;
	}
.midwrapper_inner {
	float:left;
	width:620px;
	padding:15px 0;
	}
.midwrapper_inner p {
	padding:0 0 15px 20px;
	font-family:tahoma;
	font-size:12px;
	color:#636363;
	line-height:18px;
	}
span.bold {
	font-weight:bold;
	}
span.heading {
	font-weight:bold;
	color:#344c72;
	font-size:14px;
	}
.midwrapper_inner ul.prod li {
	padding:0 0 10px 20px;
}
.midwrapper_inner ul.prod li a {
	color:#344c72;
	font-family:"Trebuchet MS", Tahoma;
	font-size:14px;
	padding:0 0 0 20px;
	display:block;
	background-color:#eae9e9;
	line-height:25px;
	}
.midwrapper_inner ul.prod li a:hover {
	background-color:#d7d7d7;
	}
.midwrapper_inner ul.prod li ol {
	padding:10px 0 0 0;
	}
.midwrapper_inner ul.prod li ol li {
	float:left !important;
	width:250px !important;
	padding:5px 5px 5px 35px;
	font-size:12px;
	background-color:none !important;
	background:url(icon_arrow.gif) 20px 8px no-repeat;
	}
.midwrapper_inner ul.prod li ol li a {
	background-color:#fff !important;
	font-size:12px !important;
	line-height:16px;
	padding:0;
}
.midwrapper_inner ul.prod li ol li a:hover {
	color:#000;
}

.midwrapper_inner ul.proddet li {
	padding:0 0 5px 40px;
	background:url(icon_arrow1.gif) 20px 6px no-repeat;
	color:#344c72;
	font-family:"Trebuchet MS", Tahoma;
	font-size:13px;
}

/* form */
.row {
	float:left;
	width:570px;
	padding:0 0 15px 50px;
	}
.frmleftcol {
	float:left;
	margin:0 15px 0 0;
	padding:4px 15px 4px 20px;
	width:180px;
	background-color:#EFEFEF;
	color:#6e6e6e;
	} 
.frmrightcol, .frmrightcol1 {
	float:left;
	width:300px;
	padding:0px;
	color:#6e6e6e;
	}
.frmrightcol1 {
	padding:0 0 0 10px;

}
.frmbttncol {
	float:left;
	width:300px;
	padding:0 0 0 280px;
	margin:-6px 0 0 0;
}
.textbox, .textboxsm, .drpbox, .selectbox {
	border:1px solid #bbb;
	font-size:12px;
	color:#6e6e6e;
	width:260px;
	height:19px;
	padding:0 5px;
}
.textboxsm, .drpbox {
	width:150px;
}
.selectbox {
	width:308px;
	margin-top:4px;
	padding:5px;
}
.textarea {
	border:1px solid #bbb;
	color:#6e6e6e;
	width:260px;
	height:20px;
	padding: 0 5px;
	height:80px;
}
.bttnmargin {
	margin:0 10px 0 0;
	}
#logo, #prodcat, #inhead{ behavior: url("iepngfix.htc") }

.midwrapper_inner ul.custlist {
	padding:0 0 0 20px;
	}
.midwrapper_inner ul.custlist li {
	padding:15px 0 0px 20px;
	float:left;
	display:block;
	width:171px;
	height:121px;
	background:url(customerbg.gif) 0 0 no-repeat;
}
img.flright {
	float:right;
	margin:0 0 10px 15px;
	}
.sitemap ul.first li a {
	padding:5px 5px 5px 35px;
	display:block;
	background:url(icon_bullet.gif) 20px 8px no-repeat;
	color:#29467e;
	font-weight:bold;
	}
.sitemap ul.first li a:hover {
	color:#ff9900;
	}
.sitemap ul.first li ol li a {
	padding:5px 5px 5px 65px;
	display:block;
	background:url(icon_bullet1.gif) 50px 8px no-repeat;
	color:#000;
	font-weight:normal;
	}
	
.enquiry_box2 {
	border: 1px solid #999999;
	height: 270px;
	width: auto;
	color: #666666;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	text-align: left;
}
.enquiry_box3 {
	border: 1px solid #999999;
	padding: 10px;
	height: auto;
	width: auto;
	color: #666666;
	background-color: #FFFFFF;
}
.face_bookbox {
	height: auto;
	width: auto;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 200px;
	margin: 0px;
	background-position: center center;
}
.box {
	height: auto;
	width: auto;
	display:block;
	margin-left: 20px;
}
.box li{
	height: 25px;
	width: auto;
	display:block;
	padding-left: 20px;
	padding-right: 0px;
	padding-top: 5px;
	margin-bottom: 8px;
	background-color: #F4F4F4;
}
.box li a{
	color:#29467e;
	font-size:15px;
	font-family:tahoma;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.box li a:hover{
	color:#282828;
	font-size:15px;
	font-family:tahoma;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}