/*-----------------------
 Initial CSS styling
-----------------------*/
 
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }
body 	{ background-color:#FFFFFF; font-family:Arial, Helvetica, sans-serif;font-size: 62.5%; /* 62.5% means 1em = 10px */ }
ul, li, ol, dl, dd, dt { list-style:none; padding:0; margin:0; }
a 		{ outline:none; /* Stops the dotted outline on click */ }
img 	{ border:0; vertical-align:bottom; }
 
.floatLeft 		{ float:left; }
.floatRight 	{ float:right; }
.textCenter 	{ text-align:center; }
.textRight 		{ text-align:right; }
.clear			{ clear:both; }
.bottomPadding	{ padding-bottom:10px; }
.topPadding		{ padding-top:10px; }
.leftPadding	{ padding-left:10px; }
.rightPadding	{ padding-right:10px; }
.leftMargin		{ margin-left:10px; }
.rightMargin	{ margin-right:10px; }
.border			{ border:solid #FF0000; }

.hidden			{ visibility:hidden; }
.display-none	{display:none;}





.matesrates {
	float: left;
	width: 412px;
	margin: 12px 0 12px 0;
    position: relative;
    height:246px;
    background-image: url(panels/matesrates.jpg);
    background-repeat: no-repeat;
    background-color:#ffffff;
}

p.matesratesclick  a{
    background-image: url(panels/click_here_matesrates.png);
    background-repeat:no-repeat;
    text-indent: -8000px;
    text-decoration: none;
    font-size: 0.05em;
    line-height: .05em;
    width: 212px;
    height: 33px;
    padding: 0;
    display:block;
    margin:160px 0 0 45px;
}