
.dynProductGrid:hover{

  background-color: #F2F2F2;

}

/* -- vertical product rollovers ---------------------- */

#dynVPBImage{

  background: transparent url("/SiteIncludes/images/dynamics/bigArrow_blue.jpg") center no-repeat;
  width: 180px;
  height: 90px;

}

#dynVPBLinks{

  text-align: left;
  width: 180px;

}

#dynVPBLinks li{

 font-size: 10px;
 padding:1px;

}


/* -- vertical product rollovers ---------------------- */

/* -- product zoom ------------------------------------ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 4px;
left: -1000px;
border: 1px dashed #FFD334;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -200px;
left: 40px; /*position where enlarged image should offset horizontally */

}

/* -- product zoom ------------------------------------ */

/* -- product zoom ------------------------------------ */

.thumbnail2{
position: relative;
z-index: 0;
color:#C0C0C0;
font-size:10px;
text-decoration:none;
}

.thumbnail2:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 4px;
left: -1000px;
border: 1px dashed #FFD334;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail2 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail2:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -40px;
left: 20px; /*position where enlarged image should offset horizontally */

}

/* -- product zoom ------------------------------------ */






/* -- product zoom Alt------------------------------------ */

.thumbnailAlt{
position: relative;
z-index: 0;
}

.thumbnailAlt:hover{
background-color: transparent;
z-index: 50;
}

.thumbnailAlt span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 4px;
left: -1000px;
border: 1px dashed #FFD334;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnailAlt span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnailAlt:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -300px;
left: 50px; /*position where enlarged image should offset horizontally */

}

/* -- product zoom ------------------------------------ */




.highslide {

	cursor: url(/siteincludes/images/dynamics/zoomin.cur), pointer;
        outline: none;

}

.highslide-active-anchor img {

	/* visibility: hidden; */

}

.highslide img {

	border: 1px solid gray;
	padding:2px;
	
}

.highslide:hover img {

	border: 1px solid silver;
	padding: 2px;

}

.highslide-wrapper {

	background: white;

}

.highslide-image {

    border-bottom: 1px solid white;
    padding:10px;

}

.highslide-image-blur {

}

.highslide-caption {

    display: none;
    border-bottom: 1px solid white;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: #FFFFFF;
    text-align: center;

}

.highslide-loading {

    display: block;
    color: black;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    padding: 5px;
    border: 1px solid black;
    background-color: white;    
    padding-left: 22px;
    background-image: url(/siteincludes/images/dynamics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;

}

a.highslide-credits,a.highslide-credits i {

    display: none;
    padding: 2px;
    color: silver;
    text-decoration: none;
    font-size: 10px;

}

a.highslide-credits:hover,a.highslide-credits:hover i {

    display: none;
    color: white;
    background-color: gray;

}

.highslide-move {
    cursor: move;
}

.highslide-overlay {
	display: none;
}

a.highslide-full-expand {

	background: url(/siteincludes/images/dynamics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;

}





/*****************************************************************************/
/* Styles for the HTML popups											     */
/* Remove these if you are not using Highslide HTML						     */
/*****************************************************************************/
.highslide-maincontent {
	display: none;
}
.highslide-html {
	background-color: white;
}
.highslide-html-content {
	display: none;
	width: 400px;
	padding: 0 5px 5px 5px;
}
.highslide-header {
	padding-bottom: 5px;
}
.highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-header ul li {
	display: inline;

}
.highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-header a:hover {
	color: black;
}
.highslide-header .highslide-move a {
	cursor: move;
}
.highslide-footer {
	height: 11px;
}
.highslide-footer .highslide-resize {
	float: right;
	height: 11px;
	width: 11px;
	background: url(graphics/resize.gif) no-repeat;
}
.highslide-body {

    font-family: Verdana, Helvetica;
    font-size:10px;
    color:#333333;

}
.highslide-resize {
	cursor: nw-resize;
}



.enhInputBox{

  padding:3px 5px;
  color:#333;
  font:11px geneva,tahoma,verdana,arial,sans-serif;
  background-color:#FAFAFA;
  border:1px solid #CCC;

}







/* Controlbar example */
.controlbar {	
	background: url(/siteincludes/images/dynamics/controlbar5.gif);
	width: 78px;
	height: 33px;
}
.controlbar a {	
	display: block;
	float: left;
	/*margin: 0px 0 0 4px;*/	
	height: 27px;
}
.controlbar a:hover {
	background-image: url(/siteincludes/images/dynamics/controlbar5-hover.gif);
}

.controlbar .highslide-move {
	width: 40px;
}
.controlbar .close {
	width: 36px;
	background-position: -40px 0;
}

/* These must always be last */

.highslide-display-block {

    display: block;

}

.highslide-display-none {

     display: none;

}


