body {
   font-family:arial;
}

.qitem {
	/* width and height must be even number */
	width: 200px;
	height: 200px;
	/* some styling for the item */
	border: 1px solid #E9E4D8;
	margin: 4px 4px 4px 0;
	/* make sure the four divs are hidden after changing the position */
	overflow: hidden;
	/* absolute position enabled for children elements*/
	position: relative;
	/* display item in single row */
	float: left;
	/* hand symbol for ie and other browser */
	cursor: hand;
	cursor: pointer;
}

   .qitem img {
      border:0;
   }

   .hl4 {	
		font-size: 16px;
		font-weight:bold;
		color:#F78900;
   }

   .hl3 {	
		font-size: 13px;
		font-weight:bold;
		color:#F78900;
   }
   
    
   /* styling for caption, position absolute is a must to set the z-index */
   .qitem .caption {
	position: absolute;
	z-index: 0;
	color: #5A5544;
	text-align: center;
	top: 2px;
	left: 8px;
	height: 209px;
	width: 201px;
   }


   /* styling for caption, position absolute is a must to set the z-index */
   .qitem .captionS {
	position: absolute;
	z-index: 0;
	color: #5A5544;
	text-align: center;
	top: 2px;
	left: 8px;
	height: 209px;
	width: 201px;
	font-size: 11px;
   }


      .qitem .caption h4 {
         font-size:16px;
         padding:10px 5px 0 8px;
         margin:0;
         color:#F88A00;
      }


      .qitem .caption p {
         font-size:13px;
         padding:3px 5px 0 8px;
         margin:0;
      }




/* Generic setting for corners */
.topLeft, .topRight, .bottomLeft, .bottomRight {
   /* allow javascript to move the corners */
   position:absolute;
   background-repeat: no-repeat;
   z-index:200;
}

/* set the background position for different corners */
.topLeft {
   background-position: top left;
}

.topRight {
   background-position: top right;
}

.bottomLeft {
   background-position: bottom left;
}

.bottomRight {
   background-position: bottom right;
}

.clear {
   clear:both;
}