#product_thumbnail_list { /*for video camera packages */
	margin-top			: 20px;
	margin-bottom			: -40px;
height: 105px; /*adjust distance bn h3 and pics */
position: relative;
float: left;
top:0;
left:0px;
}


#product_thumbnail_list a img {
	height			: 50px;
	width			: 50px;
	margin			: 8px 2px;
	padding			: 4px;
	background 		: transparent url(../../../images/project/pic_frame_xs.gif) no-repeat 0 0px;
position: relative;
float: left;
top:0;
left:0px;
}


#product_thumbnail_list a.activate img {
background 		: transparent url(../../../images/project/pic_frame_xs_activate.gif) no-repeat 0 0px;
}

#product_thumbnail_list a.activate:hover img {
background 		: transparent url(../../../images/project/pic_frame_xs_hover_activate.gif) no-repeat 0 0px;
}


#product_thumbnail_list a {
text-decoration: none; /*hides link underline bn images */
}

#product_thumbnail_list a:hover img {
z-index : 5; /* gets infront of img */
width : 80px; 
height : 80px; 
position: relative;
float: left;
margin: 0px -13px; /* stops shudder on hover */
top: -15px;
left: 0px;
background : transparent url(../../../images/project/pic_frame_xs_hover.gif) no-repeat 0 0px; 

}

.product_thumbnail_list_package img {
	height			: 50px;
	width			: 50px;
	margin			: 8px 2px;
	padding			: 4px;
	background 		: transparent url(../../../images/project/pic_frame_xs.gif) no-repeat 0 0px;
	text-decoration:none;
}

.product_thumbnail_list_package img a {
	text-decoration:none;
}


/* start magic zoom plus */


.MagicZoom img {
border: 0 !important;
padding: 0 !important;
margin: 0 !important;
}

	/* Style of zoomed window */
	.MagicZoomBigImageCont {
	

	border: 6px solid #C3DEE4; 
   border : 6px solid #333333\9; /* IE8 and below */
      outline: 1px dotted #333333\9;
	-moz-box-shadow: 0px 0px 8px 2px #666;
	-webkit-box-shadow: 0px 0px 8px 2px #666;
	box-shadow: 0px 0px 8px 2px #666;


	}


	

/* Style of header, activated with "title" attribute in <a> tag */
.MagicZoomHeader {
font-size: 8pt !important;
line-height: normal !important;
color: #fff;
background: #666;
text-align: center !important;
}

/* Style of small square under mouse */
.MagicZoomPup {
border: 1px solid #aaa;
background: #fff;
cursor: move;
}

	/* Style of message box while image is loading */
	.MagicZoomLoading {

	background: #999  url(graphics/loader.gif) no-repeat 2px 50%;
	padding: 15px !important;
	margin: 0;
		text-decoration: none;
	text-align: left;
	font-size: 10pt;
	font-family: "Lucida Grande","Trebuchet MS","Lucida Sans Unicode", Verdana, sans-serif;
	color: #FFF;

-moz-border-radius: 2px;
border-radius: 2px;



	}
/* Style of the small image link */
.MagicZoomPlus {
cursor: url(graphics/zoomin.cur), pointer;
outline: 0 !important;
}

/* Style of the small image */
.MagicZoomPlus img {
border: 0 !important;
padding: 0 !important;
margin: 0 !important;
}

/* Style of the span inside the small image link */
.MagicZoomPlus span {
display: none !important; 
}


/* Style of hotspots */
.MagicHotspots {
display: none;
visibility: hidden;
}
.MagicHotspots a {
border: 1px solid #ccc;
}
.MagicHotspots a:hover {
border: 1px solid red;
}

/* Style of the small image link */
.MagicThumb, .MagicThumb:hover {
cursor: url(graphics/zoomin.cur), pointer;
outline: 0 !important;
}

/* 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 span {
display: none !important;
}

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

	/* Style of the expanded image */
	.MagicThumb-expanded {
	cursor: url(graphics/zoomout.cur), pointer;
	background: transparent;
	border: 6px solid #C3DEE4; 
   border : 6px solid #333333\9; /* IE8 and below */	outline: 0;
   outline: 1px dotted #333333\9;
	padding: 0;
	
	-moz-box-shadow: 0px 0px 8px 2px #666;
	-webkit-box-shadow: 0px 0px 8px 2px #666;
	box-shadow: 0px 0px 8px 2px #666;
	

	}


	div a.MagicThumb-expanded {

	}



/* 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  #4BA369  background: transparent url(graphics/loader.gif) no-repeat 2px 50%; */
	.MagicThumb-loader {
	background: #4BA369  url(graphics/loader.gif) no-repeat 2px 50%;
	/*padding: 2px 2px 2px 22px;*/
	padding: 15px !important;
	margin: 0;
		text-decoration: none;
	text-align: left;
	font-size: 12pt;
	font-family: "Lucida Grande","Trebuchet MS","Lucida Sans Unicode", Verdana, sans-serif;
	color: #FFF;

-moz-border-radius: 3px;
border-radius: 3px;
	}

/* 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;
}