@charset "utf-8";



/* CSS Document */



body{



	margin:0;



	padding:0;



}



#box-main{



	background: none repeat scroll 0 0 #fff;



	height: 550px;



	margin: 0 auto;



	padding: 20px;



	width: 650px;



}



#box-main .box-m{







	left: 218px;



	position: relative;



	top: 203px;



	z-index:50;



	float:left;



}



#box-main .pos-top-1{



	float: left;



	left: 223px;



	position: relative;



	top: 131px;



	z-index: 55;



}



#box-main .pos-bot-1{



	float: left;



	left: 223px;



	position: relative;



	top: 156px;



}



#box-main .loop-round-lf{



	float: left;



	left: -12px;



	position: relative;



	top: 168px;



	z-index: 0;



}



#box-main .loop-round-rf{



	float: left;



	left: 98px;



	position: relative;



	top: 172px;



	z-index: 90;



}











/*//////////////////prasad*/







.grey-back{











	float: left;



	margin: 0 auto;



	background:#eee;



	padding: 29px;







}



.top{



	float:left;



	width:100%;



	/*border-bottom:1px solid #CCC;*/



}



.loops{



	/*border-right: 1px solid #ccc;*/



	float: right;



	height: 100%;



	margin: 0 19px 0 0;



	width: 20%;



}



.loops ul li{



	width:75%;



	text-align:center;



}



.center{



	float:left;



	width:100%;



	height: 621px;



}



.bottom{



	float:left;



	width:100%;



	/*border-top:1px solid #CCC;*/



}



.main-bag{



	float: left;



	width: 690px;

	background: #fff;



}



ul{



	float:left;



}



.top li, .center li, .bottom li

{

	border: 1px solid #ccc;

	display: block;

	float: left;

	margin: 2px;

	padding: 5px;

	text-align: center;

	width: 130px;

	height:80px;

	display: flex;

	align-items: center;

}

.top li a, .center li a, .bottom li a, 

.top li span, .center li span, .bottom li span

{

	width: 100%;

}

.top li a img, .center li a img, .bottom li a img

{

	height: 75px;

}

.loops li

{

	border-right:3px solid #ddd;

}



.top li

{

	border-bottom:3px solid #ddd;

}



.bottom li

{

	border-top:3px solid #ddd;

}



.top li:hover, .center li:hover, .bottom li:hover

{

	background:#E6BD75;

}



.center li{



	width:80%;



}



.bag-con{



	text-align: center;







}



.bag-con:before{



	content: "";



	display: inline-block;



	vertical-align: middle;	



}



.bag-con img#main-bag{



	vertical-align: middle;	



	text-align: center;	



	margin-top:100px;



}







/*TOP*/



.top-spout{



	float: left;



	left: 223px;



	position: relative;



	top: 159px;



	z-index: 55;		



}



.top-duffle{



	float: left;



	left: 222px;



	position: relative;



	top: 117px;



	z-index: 55;



}



.top-oversize-funnel{



	float: left;



	left: 223px;



	position: relative;



	top: 131px;



	z-index: 55;



}



.top-flap-cover{



	float: left;



	left: 223px;



	position: relative;



	top: 51px;



	z-index: 55;



}







/*BOTTOM*/



.bottom-oversize-funnel{



	float: left;



	left: -132px;



	position: relative;



	top: 386px;



}



.bottom-spout{



	float: left;



	left: -50px;



	position: relative;



	top: 433px;		



}



.bottom-open{



	float: left;



	left: -131px;



	position: relative;



	top: 378px;



}



.bottom-diaper{



	float: left;



	left: -111px;



	position: relative;



	top: 377px;		



}







/*LOOP*/







.loop-stevedore-lt{



	float: left;



	left: -12px;



	position: relative;



	top: 168px;



	z-index: 0;		



}



.loop-stevedore-rt{



	float: left;



	left: 98px;



	position: relative;



	top: 172px;



	z-index: 90;



}



.loop-union-lt{



	float: left;



	left: -12px;



	position: relative;



	top: 168px;



	z-index: 0;		



}



.loop-union-rt{



	float: left;



	left: 1px;



	position: relative;



	top: -8px;



	z-index: 90;



}



.loop-sleeve-lt{



	float: left;



	left: -12px;



	position: relative;



	top: 168px;



	z-index: 0;		



}



.loop-sleeve-rt{



	float: left;



	left: 90px;



	position: relative;



	top: 169px;



	z-index: 90;



}



.loop-cross-corner-lt{



	float: left;



	left: -0px;



	position: relative;



	top: 160px;



	z-index: 0;



}



.loop-cross-corner-rt{



	float: left;



	left: 10px;



	position: relative;



	top: -35px;



	z-index: 90;



}



.loop-standard-lt{



	float: left;



	left: -12px;



	position: relative;



	top: 168px;



	z-index: 0;



}



.loop-standard-rt{



	float: left;



	left: 98px;



	position: relative;



	top: 172px;



	z-index: 90;



}



.bagg-lt{



	float:left;



	width:680px;



}



.bagg-rt{



	float:right;



	width:266px;



}



.text-l

{

	/*color: #000;



	font-size: 16px !important;



	font-weight: normal;



	height: 61px !important;



	padding: 25px 0 0 !important;*/



	background:#ddd;



}



.pad-b{



	padding:25px 5px 5px 5px !important;



}



#main-hmt h1 {



	color: #295c81;



	font-size: 25px;



	font-weight: bold;



	margin: 0 0 3px;



	padding: 0;



}



.text-l:hover{



	background:#ddd !important;



}



img{



	border:none;



}