.left {
float:left;
}
.right  {
float:right;
text-align:center;
background:#012F2F url(images/howwrksrghtbtm.gif) no-repeat bottom left;
height:603px;
width:191px;
color:#ffffff;
}
.topmid {float:left;padding-right:5px;}
.topLeft {
background:#04637F url(images/topleftbtmcrv.jpg) no-repeat bottom left;
height:220px;
width:214px;
margin-right:8px;
float:left;
color:#fff;
}
.topLeft h3  {color:#fff; font-size:12px;padding-left:15px;padding-top:10px;margin:0;;}
img.repair {
margin-left:25px;
}
.bottomRight h3 {
text-align:center;
font-size:14px;
padding:0;
margin:0;
}
.bottomLeft h2 {
font-size:14px;
margin-top:15px;
margin-left:15px;
margin-bottom:0;
padding:0;
}
ul {
margin:0;
padding:0px 10px 10px 15px;
list-style:none;
}
.topLeft ul {
margin:5p 0 0 0x;
padding:0px 10px 10px 15px;
}
.topLeft li {
padding-top:2px;
}

.bottomLeft li {
padding-bottom:3px;
background:url(images/dottedLineSingle.jpg) repeat-x bottom left;
}
.bottomLeft  {
float:left;
margin-top:8px;
margin-left:-220px;
clear:none;
width:352px;
height:374px;
background:url(images/bottomleftbg.gif) no-repeat 0 0;
}

.topcont  {
}

.bottomRight  {
border:1px solid #333;
float:right;
margin:20px;
width:255px;
height:372px;
margin-top:8px;
}
.right a {display:block;}
.right a span {display:none;}
.right img {border:0;}
.right a:hover {float:none;}
.right a:hover span  {
display:block;
position:absolute;
margin-top:-50px;
margin-left:-400px;
z-index:100;
width:250px;
padding:10px;
color:#333;
background:white;
border:1px solid #333;
font:10px Verdana, Helvetica, sans-serif;
text-align:left;
}
.right h2, .right h3, .right h4 {font:Verdana, Arial, Helvetica, sans-serif; text-align:center;}
.right h2 {font-size:16px;}
.right h3, .right h4 {padding-left:25px;}
.right h4 {font-size:12px; width:140px;}
.right a span h4 {margin:0; padding:0 0 5px 0; text-align:left; }
.right a span img {float:left; margin:5px 10px 10px 0; border:1px solid #333;}