body     {background:url('images/design_elements/back.gif'); }
h1  {color: #36AEF5; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; line-height: 18px; }
h2  {color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; }
h3  {color: #36AEF5; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; }
h4  {color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; }

.banner1 a:link 
{ 
color: #FFFFFF;  
font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: normal;  
text-decoration: none;  
}
.banner1 a:active  
{  
color: #CCCCCC;  
font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: normal;  
text-decoration: none;  
}  
.banner1 a:visited  
{  
color: #FFFFFF;  
font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: normal;  
text-decoration: none;  
}  
.banner1 a:hover  
{  
color: #CCCCCC;  
font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal;  
text-decoration: underline;  } 

.banner2 a:link 
{ 
color: #FFFFFF;  
font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: normal;  
text-decoration: none;  
}
.banner2 a:active  
{  
color: #CCCCCC;  
font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: normal;  
text-decoration: none;  
}  
.banner2 a:visited  
{  
color: #FFFFFF;  
font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: normal;  
text-decoration: none;  
}  
.banner2 a:hover  
{  
color: #CCCCCC;  
font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal;  
text-decoration: underline;  } 


.footer a:link 
{ 
color: #FFFFFF;  
font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal;  
text-decoration: none;  
}
.footer a:active  
{  
color: #CCCCCC;  
font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal;  
text-decoration: none;  
}  
.footer a:visited  
{  
color: #FFFFFF;  
font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal;  
text-decoration: none;  
}  
.footer a:hover  
{  
color: #CFCDD7;  
font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal;  
text-decoration: underline;  } 


a:link  
{  
color: #F52E6F;  
font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal;  
text-decoration: none;  
}  
a:active  
{  
color: #CCCCCC;  
font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal;  
text-decoration: none;  
}  
a:visited  
{  
color: #F52E6F;  
font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal;  
text-decoration: none;  
}  
a:hover  
{  
color: #333333;  
font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: normal;  
text-decoration: underline;  } 

HR {
    height:3px;
    width:70%;
    background:#36AEF5;
   }


.top { background: #FFFFFF; color: #000000; font-size: 12px; font-family: Verdana, Arial, Helvetica; line-height: 18px; }
.banner1 { height: 25; background: #F52E6F; font-size: 10px; font-weight: bold; font-variant: none; color: #DFE8EB; font-family: Verdana, Arial, Helvetica }
.banner2 { height: 25; background: #F7B4CA; font-size: 10px; font-weight: bold; font-variant: none; color: #FFFFFF; font-family: Verdana, Arial, Helvetica }
.banner3 { height: 25; background: #191919; font-size: 10px; font-weight: bold; font-variant: none; color: #FFFFFF; font-family: Verdana, Arial, Helvetica }
.leftheader { height: 25; background: #EDEDED; font-size: 12px; font-weight: bold; font-variant: none; color: #DCCEAF; font-family: Verdana, Arial, Helvetica }
.leftside { background: #36AEF5; color: #FFFFFF; font-size: 12px; font-family: Verdana, Arial, Helvetica; line-height: 18px; }
.middle { background: #F7B4CA; color: #000000; font-size: 12px; font-family: Verdana, Arial, Helvetica; line-height: 18px;}
.rightside { background: #F52E6F; color: #FFFFFF; font-size: 12px; font-family: Verdana, Arial, Helvetica; line-height: 18px; }
.bottom { background: #4A376C; color: #FFFFFF; font-size: 12px; font-family: Verdana, Arial, Helvetica;  line-height: 18px;}
.products { background: #FFFFFF; color: #000000; font-size: 12px; font-family: Verdana, Arial, Helvetica; line-height: 18px;}
.textbox1 { background: #FFFFFF; font-size: 11px; text-decoration: none; color: #000000; font-family: Verdana, Arial, Helvetica; border: thin solid #CF7E51;  line-height: 14px; }
.textboxtop1 { background: #741006; font-size: 11px; font-weight: bold; text-decoration: none; color: #FFFFFF; font-family: Verdana, Arial, Helvetica; border: thin solid #CF7E51; }
.footer { height: 30; background: #F52E6F; font-size: 10px; color: #FFFFFF; font-family: Verdana, Arial, Helvetica }

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
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*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}


<style type="text/css">