.modulesBoxes h2, .modulesBoxes h2 a {
	background:green;
	color:#FFFFFF;
	font-size:16px;
	padding:4px 8px 4px;
	position:absolute;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	z-index:20;
}

.modulesBoxes.service h2, .modulesBoxes.service h2 a, .modulesBoxes.xsell h2, .modulesBoxes.xsell h2 a {
	background: green;
	height:40px;
	padding:0px;
	display:block;
	position:relative;
	font-size: 12pt !important;
}
.modulesBoxes.right h2, .modulesBoxes.right h2 a {
	max-width:258px;
}




.hover {padding: 0px; width:258px; height:258px;}
.confi.hover {width:258px; float:left; margin: 0 5px 15px 0;}

.item {
	width:258px;
	height:258px;	
	border:0px;	
	margin:0px;
	
	/* required to hide the image after resized */
	overflow:hidden;
	
	/* for child absolute position */
	position:relative;
	
	/* display div in line */
	float:left;
}
.confi .item {
	width:258px;
}

.item .caption {
	width:258px;
	height:285px;
	background:url(images/screen-black.png) repeat;
	color:#000;
	padding:48px 10px 0 0;
	z-index:1;
	
		
	/* fix it at the bottom */
	position:absolute;
	left:0;

	/* hide it by default */
	display:none;
}

.caption ul { padding: 0 0 0 14px; margin:0;}

.confi .item .caption {
	width:250px;
	padding: 48px 10px 5px 5px;
}

.item .caption a {
	font-weight:bold;
	text-decoration:none;
	color:#000;
	font-size:12px;
	/* add spacing and make the whole row clickable*/
	padding:5px;
	display:block;
	width:286px;
	height:130px;
}
.confi .item .caption a {
	width:258px;
}



.item img {
	border:0;
	margin:0px;
	width: 258px;
	height:258px;
	
	/* allow javascript moves the img position*/
	position:absolute;
}
.confi .item img {
	width: 258px;	
}


.clear {
	clear:both;	
}