#menuitem {   

}

#menuitem li.popup{ /*CSS for enlarged image*/
    visibility: hidden;
    width:190px;
    position: absolute;
    padding: 5px;
    border: 0px solid black;
    color: black;
    text-decoration: none;
    margin: 0px 0px 0px 0px;
}

#menuitem:hover li.popup{ /*CSS for enlarged image on hover*/
    width:190px;
    visibility: visible;
    /*position where enlarged image should offset horizontally */
    position: relative;
    z-index: 1;
    background-color :#546F92;
}

#rightprodcol {   
    clear:right;
    float:right;
    width:360px;
    height:90px;
    border: 1px solid #546F92;
    padding: 2px 0px 20px 10px;
    margin:3px 0px 3px 0px;
    background: #ffffff url(/images/attnav_bluegrad.jpg) no-repeat;
}

#rightprodcol span.popup{ /*CSS for enlarged image*/
    visibility: hidden;
    width:300px;
    position: absolute;
    z-index: 1;
    padding: 5px;
    border: 1px solid black;
    color: black;
    text-decoration: none;
    margin: 80px 0px 0px 0px;
}

#rightprodcol:hover span.popup{ /*CSS for enlarged image on hover*/
    width:300px;
    visibility: visible;
    /*position where enlarged image should offset horizontally */
    position: absolute;
    z-index: 1;
    background-color :#f0f0f0;
}

#leftprodcol{
    clear:left;
    float:left;
    height:90px;
    width:360px;
    border: 1px solid #546F92;
    text-align:left;
    padding: 2px 0px 20px 10px;
    background: #ffffff url(/images/attnav_bluegrad.jpg) no-repeat;
    margin:3px 0px 3px 0px;
}

#leftprodcol span.popup{ /*CSS for enlarged image*/
    width:300px;
    position: absolute;
    z-index: 1;
    padding: 5px;
    margin: 80px 0px 0px 0px;
    border: 1px solid black;
    visibility: hidden;
    color: black;
    text-decoration: none;
}

#leftprodcol:hover span.popup{ /*CSS for enlarged image on hover*/
    width:300px;
    visibility: visible;
    background-color :#f0f0f0;
    /*position where enlarged image should offset horizontally */
    position: absolute;
    z-index: 1;
}

#leftprodcol .image { float: left; border: 1px solid #5783d7; padding: 3px; margin: 0px 0px 0px 0px; }
#leftprodcol .image:hover{cursor: pointer; border: 1px solid maroon;}
#rightprodcol .image { float: left; border: 1px solid #5783d7; padding: 3px; margin: 0px 0px 0px 0px; }
#rightprodcol .image:hover{cursor: pointer; border: 1px solid maroon;}
#fullcol .image { float: left; border: 1px solid #5783d7; padding: 3px;  margin: 0px 0px 0px 0px; }
#fullcol .image:hover{cursor: pointer; border: 1px solid maroon;}