#maincolphoto{background-color: #fcffea;  
 float: left; 
 display:inline; 
 position: relative; 
 width:500px; 
padding:0 10px 0 10px;
line-height:1.7em;
text-align:left;
color:#242424;
 }
 #maincolphoto h2{
font-size:1.5em;
margin:0 0 0.5em 0;
}

#maincolphoto img{
padding:4px;
margin:4px 4px 4px 4px;
display:inline;
background:#fcffea;
color:#3764a8;
border:1px solid #669900;
}



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



.thumbnail img{border: 1px solid #919191 ;padding:3px;margin:4px;

}

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

.thumbnail:hover img{
border: 1px solid #919191 ;padding:3px;margin:4px;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
padding: 1px;
left: -1000px;
border: 0px 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 on hover*/
visibility: visible;

left: 60px; /*position where enlarged image should offset horizontally */

}

img.pic { border: 1px solid #919191 ;padding:3px;margin:4px; }
.center{float: center;}
.clear { clear: both; height: 1px; font-size: 10%; line-height: 10%; overflow: hidden; }



li.WithImage
{
 list-style: url
("img/tick.gif") inside circle;
 line-height: 1.6em;
}
img.pic { border: 1px solid #919191 ;padding:3px;margin:4px; }

ol
{line-height: 1.6em;
}

a.gallery, a.gallery:visited {display:inline; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:75px; float:left; margin:7px 21px; position:relative; cursor:default;}
a.slidea {background:url(/images/sph1.jpg);}
a.slideb {background:url(finance_loans_img/sph2.jpg);}
a.slidec {background:url(finance_loans_img/sph3.jpg);}
a.slided {background:url(finance_loans_img/sph4.jpg);}
a.slidee {background:url(finance_loans_img/sph5.jpg);}
a.slidef {background:url(finance_loans_img/spv1.jpg);}
a.slideg {background:url(finance_loans_img/spv2.jpg);}
a.slideh {background:url(finance_loans_img/spv3.jpg);}
a.slidei {background:url(finance_loans_img/spv4.jpg);}
a.slidej {background:url(finance_loans_img/spv5.jpg);}
a.slidek {background:url(finance_loans_img/spv6.jpg);}
a.slidel {background:url(finance_loans_img/spv7.jpg);}

a.gallery span {visibility:hidden; display:block; position:absolute; width:400px; height:400px; top:189px; left:9px; color:#000; background:#ccc; text-align:center; border:1px solid #fff; font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif; letter-spacing:1px; cursor:default;}

a.slidea span {left:-13px; top:180px;}
a.slideb span {left:-132px; top:180px;}
a.slidec span {left:-251px; top:180px;}
a.slided span {left:-370px; top:180px;}

a.slidee span {left:-13px; top:89px;}
a.slidef span {left:-132px; top:89px;}
a.slideg span {left:-251px; top:89px;}
a.slideh span {left:-370px; top:89px;}

a.slidei span  {left:-13px; top:89px;}
a.slidej span {left:-132px; top:89px;}
a.slidek span {left:-251px; top:89px;}
a.slidel span {left:-370px; top:89px;}

a.gallery:hover {white-space:normal; border:1px solid #fff; z-index:100;}

a.gallery:hover span {visibility:visible; z-index:100;}

a.gallery:hover span img {margin:10px; border:1px solid #000; position:relative; z-index:100;}

a.gallery:active, a.gallery:focus {border:1px solid #c00; z-index:10;}

a.gallery:active span, a.gallery:focus span {visibility:visible; z-index:10;}

a.gallery:active span img, a.gallery:focus span img {border:1px solid #000; position:relative; margin:10px; z-index:10;}