/* Catalist Petrol Prices CSS Styles */


div.PPcontentcontainer {

}

div.PPcontenthead {
width: 389px;
height: 28px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-image: url("/resources/Catalist/PetrolPriceImages/headerbar.jpg");
}

div.PPcontent {
width: 387px;
height: 236px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 2px;
background-image: url("/resources/Catalist/PetrolPriceImages/background.jpg");
}

div.PPbottomedge {
width: 389px;
height: 7px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-image: url("/resources/Catalist/PetrolPriceImages/bottombg.jpg");
background-repeat: no-repeat;
}

div.PPcontenthead h3 {
margin: 6px 0px 0px 10px;
padding: 6px 0px 0px 0px;
*padding: 0px 0px 0px 0px;
color: white;
font-size: 0.85em;
font-family: "Arial", arial, sans-serif;
}

div.PPleftcol {
float: left;
width: 162px;
height: 188px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

div.PPrightcol {
float: left;
width: 223px;
height: 188px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

div.PPbottom {
float: left;
width: 381px;
_width: 379px;
height: 48px;
margin: 0px 0px 0px 2px;
padding: 3px 0px 0px 0px;
display: block;
border-top: 1px solid black;
}

div.PProwcontainer {
margin: 25px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

div.PParrowbox {
float: left;
width: 43px;
height: 24px;
margin: 0px 0px 0px 0px;
padding: 3px 0px 0px 0px;
background-color: #ffffff;
border-bottom: none;
text-align:center;
}

div.PProw {
float: left;
width: 210px;
height: 27px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color: silver;
border-bottom: 1px solid black;
font-family: "Arial";
font-size: 12px;
color: white;
}

div.PPbottomtext {
float: left;
width: 330px;
height: 50px;
margin: 0px 0px 0px 2px;
padding: 0px 0px 0px 0px;
font-family: "Verdana";
font-size: 11px;

}

div.PPbottomimage {
float: left;
width: 42px;
height: 42px;
margin: 3px 0px 0px 3px;
padding: 0px 0px 0px 0px;
background-image: url("/resources/Catalist/PetrolPriceImages/higherThanNationalAverageExample.jpg");
background-repeat: no-repeat;
}

div.PProw p {
margin: 5px 0px 0px 5px;
padding: 0px 0px 0px 0px;
}

div.PPregionbox {
float: left;
margin: 5px 0px 0px 5px;
padding: 0px 0px 0px 0px;
}

div.PPpricebox {
float: right;
width: 48px;
height: 15px;
background-color: #FAf01A;
margin: 5px 10px 0px 0px;
padding: 0px 0px 0px 0px;
color:#000000;
text-align:right;
font-weight:bold;
font-size:1.1em;
}

.visible 
{
	display:block;
}

.invisible 
{
	display:none;
}

.fuelpriceblock {
	position:relative;
	left:0px;
	top:0px;
}