body { font: 13px Georgia, serif;
 color: #000000; }
p{
font: 13px Verdana, Arial, Helvetica, sans-serif;
 color: #000000;
}
 #test { padding: 20px;}

a:link {
 color: #000000;
 text-decoration: none;
}
a:visited {
 color: #000000;
}
a:hover {
 color: #336699;
 text-decoration: none;
}
a:active {
 color: #000000;
}


A.menulink {
display: block;
width: 199px;
text-align: center;
text-decoration: none;
font-family:arial;
font-size:13px;
font-weight: bold;
background-color:#FFFFFF;
color: #000000;
BORDER: none;
border: solid 1px #829FBF;
}

A.menulink:hover {
border: solid 1px #FFFFFF;
background-color:#4CABC9;
color: #FFFFFF;
}

/*CSS for 2 demos on the page*/
#coupon li{
width: 210px; /*width of image container. Should be wider than contained images (before bubbling) */
height:126px; /*height of image container. Should be taller than contained images (before bubbling) */
}

#coupon li img{
width: 200px; /*width of each image before bubbling*/
height: 116px; /*height of each image*/
}

#orbs4 li{
width: 110px; /*width of image container. Should be wider than contained images (before bubbling) */
height:100px; /*height of image container. Should be taller than contained images (before bubbling) */
}

#orbs4 li img{
width: 95px; /*width of each image before bubbling*/
height: 100px; /*height of each image*/
}


#orbs3 li{
width: 110px; /*width of image container. Should be wider than contained images (before bubbling) */
height:100px; /*height of image container. Should be taller than contained images (before bubbling) */
}

#orbs3 li img{
width: 95px; /*width of each image before bubbling*/
height: 100px; /*height of each image*/
}

#orbs2 li{
width: 110px; /*width of image container. Should be wider than contained images (before bubbling) */
height:100px; /*height of image container. Should be taller than contained images (before bubbling) */
}

#orbs2 li img{
width: 95px; /*width of each image before bubbling*/
height: 100px; /*height of each image*/
}


#orbs li{
width: 110px; /*width of image container. Should be wider than contained images (before bubbling) */
height:100px; /*height of image container. Should be taller than contained images (before bubbling) */
}

#orbs li img{
width: 95px; /*width of each image before bubbling*/
height: 100px; /*height of each image*/
}

#squares li{
width: 45px; /*width of image container. Must be wider than contained images (before bubbling) */
height:40px; /*height of image container. Must be taller than contained images (before bubbling) */
}

#squares li img{
width: 31px; /*width of each image before bubbling*/
height: 31px; /*height of each image*/
}





.bubblewrap{
list-style-type:none;
margin:0;
padding:0;
}

.bubblewrap li{
display:inline-block;
zoom:1; /*Trigger haslayout in IE7 and less*/
*display:inline; /*For IE7 and less*/
position:relative;
width: 85px;
height:80px;
}

.bubblewrap li img{
position:absolute;
width: 55px; /*default width of each image.*/
height: 60px; /*default height of each image.*/
left:0;
top:0;
border:0;
}

.bubblewrap .tooltip{ /*CSS for image tooltip (alt attribute of image)*/
position:absolute;
font:bold 12px Arial;
padding:2px;
width:100px;
text-align:center;
background:white;
}