*{ padding:0; margin:0}
.MagicThumbcont{ float:left; width:154px; margin:0 5px 10px 5px; display:inline}
/* Style of the small image link */
a.MagicThumb:link, a.MagicThumb:visited, a.MagicThumb:active{
cursor: url(graphics/zoomin.cur), pointer;
outline: 0 !important;
height:250px;
display:block;
border:2px solid #eee;
background:#eee;
text-decoration:none;
font-size:14px;
color:#666666;
width:150px;
}
a.MagicThumb:hover {
	border:2px solid #FEB01C;
	 background:#FEB01C;
	 color:#FFFFFF;
	 font-weight:bold
	
}
.MagicThumb .thumb{height:200px;overflow:hidden;}
/* Style of the small image when the large image is expanded */ 
.MagicThumb-expanded-thumbnail {
cursor: default;
}

/* Style of the span inside the small image link */
.MagicThumb .Magictitle{
	text-align:center;
	margin-top:15px;
	width:150px;
}

/* Style of the small image */
.MagicThumb img {
border: 0;
outline: 0;
width:150px
}

/* Style of the expanded image */
.MagicThumb-expanded {
cursor: url(graphics/zoomout.cur), pointer;
background: transparent;
border: 1px solid #ccc;
outline: 0;
padding: 0;
}

/* Style of the caption for the expanded image */
.MagicThumb-caption {
color: #333;
font: normal 10pt Verdana, Helvetica;
background: #ccc;
text-align: left;
padding: 8px;
border: 0 !important;
outline: 0 !important;
}

/* Style of the close/next/previous buttons */
.MagicThumb-buttons {
background: transparent url(graphics/buttons1.png) no-repeat 0 0;
height: 24px;
display: block;
}

.MagicThumb-buttons a {
width: 24px;
height: 24px;
margin: 0px 1px !important;
overflow: hidden;
}

/* Style of the loading message box */
.MagicThumb-loader {
font: normal 12pt sans-serif;
border: 1px solid #000;
background: #fff url(graphics/loader.gif) no-repeat 2px 50%;
padding: 2px 2px 2px 22px;
margin: 0;
text-decoration: none;
text-align: left;
}

/* Style of the small images which swap the main image */
.MagicThumb-swap {
}

/* Style to hide caption on page. Only needed for #id method. */
.MagicThumb-external-caption {
display: none;
}