html {min-height: 100%;}

* {
	margin: 0;
	padding: 0;
}

a {color: #234;}
a:hover {color: #C10;}

body {
	background: #fff;
	color: #444;
	font: normal 62.5% Tahoma,sans-serif;
}

#eofy
{
	background: url(../img/home_delivery_end_of_financial_year_sale.jpg) no-repeat;
}
redder
{
color:#FF0000;
font-weight: bold;
}

p,code,ul {padding-bottom: 1.2em;}

li {list-style: none;}

h1 {
	font: normal 1.8em Tahoma,sans-serif;
	margin-bottom: 4px;
}

coll
{
color:#0099CC;
}

.code {
	background: #eee;
	margin: 15px 15px;
}

blockquote {
	background: url(../img/quote.gif) no-repeat;
	display: block;
	font-weight: bold;
	margin: 0 0 0 10px;
	padding: 0 0 0 5px;
}

h1,h2,h3 {padding-top: 6px;}

.clearer {clear: both;}

.left {clear:left; float: left;}

.right {clear:right; float: right;}

.container {
	background: #FFF;
	font-size: 1.2em;
	margin: 0 auto;
	width: 100%;
}
		.bigimage {
			float: left;
			clear: left;
			border: 1px solid #fff;
			background: #eee;
			color: #000;
			width: 150px;
			height: 112px;
			margin: 0 15px 10px 0;
		}
		.homes
		{
		width: 90%;
		margin:20px;
		padding: 5px 10px 5px 10px;
		background-color:#E6E6E6;
		border: 1px solid #ccc;
		}
		.homes .icons
	{
	vertical-align:top;
		float:right;
		}

.top {
	padding: 50px 10px 0;
}

.city
{
	background: url(../img/BGcityscape.png) repeat-x;
	padding: 100px 10px 0;
}

.header {
	background: #fff url(../img/city_background1.jpg) repeat-x;
	font-size: 1.2em;
	height: 140px;
	margin: 0 auto;
	width: 100%;
}

.header .left, .header .right {
	background: url(../img/bg_test.gif) repeat;
	color: #000;
	height: 140px;	
}
.header .left {
	font: normal 2.8em "Trebuchet MS",sans-serif;
	line-height: 125px;
	text-align: center;	
	width: 76%px;
}
.header .right {
	width: 24%;
	border-right: solid 4px #999;
	border-bottom: solid 4px #999;
	border-top: solid 4px #ccc;
	border-left: solid 4px #ccc;
	color:#000066;
}

.header .right p,.header .right h2 {padding: 1px 12px 4px 12px;}
.header .right h2 {padding-top: 10px; font: normal 1.6em "Trebuchet MS",sans-serif;}

.sidenav {
	float: right;
	width: 25%;
	color:#FFFFFF;
	height:100%;
}
.sidenav p
{
padding: 10px 10px 10px 10px;
}
.sidenav a
{
	color:#FFFFFF;
}
.sidenav h2 {
	color: #ccc;
	font-size: 1em;
	line-height: 30px;
	margin: 0;
	padding-left: 12px;
}
.sidenav ul {
	padding: 0;
	border-top: 1px solid #EAEADA;
}
.sidenav li {border-bottom: 1px solid #EAEADA;}
.sidenav li a {
	font-size: 1.1em;
	color: #fff;
	display: block;
	padding: 8px 0 8px 5%;
	text-decoration: none;
	width: 95%;
}
.sidenav li a:hover {
	background: #F0F0EB;
	color: #654;	
}

.sidenav .add
{
margin:1px 10px 1px 10px;
background:#FF0099;
}

.main
{
height:100%;
	background:#3e58b9;
}

.content {
	background: #fff url(../img/corner_right.gif) no-repeat top right;
	float: left;
	width: 75%;
}
.content .descr {
	color: #664;
	font-size: 0.9em;
	margin-bottom: 6px;
	padding: 10px 0 0 15px;
}
.content li {
	list-style: url(../img/li.gif);
	font: bold 1em sans-serif;
	margin-left: 30px;
	padding:5px 5px 0 0;
}
.content p {font-family: "Lucida Sans Unicode",sans-serif;
padding: 15px 0 0 15px;
}
.content h1 {
padding: 15px 0 10px 15px;
}
.content .right
{
padding: 0 10px 0 0;
}
.content table
{
margin: 25px;
}

.footer {
	background: #3e58b9;
	color: #fff;
	font: 1em sans-serif;
	line-height: 39px;
	text-align: center;
}
.footer a,.footer a:hover {color: #fff;}
.footnote
{
font-family: "Lucida Sans Unicode",sans-serif;
font-size:10px;
color:#999999;
text-align:center;
}

#menuwrapper {
	background-color: transparent;
	background: #3e58b9;
	background-repeat: repeat-x;
}

.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}
#p7menubar {
	width: 65em;
}
#p7menubar, #p7menubar ul {
	padding: 0;
	margin: 0;
	list-style: none;
font-family: "Lucida Sans Unicode",sans-serif;
}
#p7menubar a {
	display: block;
	text-decoration: none;
	border-left: 1px solid #ccc;
	padding: 4px 6px 4px 6px;
	font: bold 1em sans-serif;
	color: #fff;
	text-align: center;
	width:110px;
}
#p7menubar a.trigger {
	background-image: url(images/p7PM_dark_south.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
#p7menubar li {
	float: left;
	width: 9em;
}
#p7menubar li {position: relative;}

/* hide from IE mac \*/
#p7menubar li {position: static; width: auto;}
/* end hiding from IE5 mac */

#p7menubar li ul, #p7menubar ul li  {
	width: 13em;
}
#p7menubar ul li a  {
	color: #565656;
	border-right: 0;
	border-bottom: 1px solid #ccc;
	width: 12em;
	text-align:left;
}
#p7menubar li ul {
	position: absolute;
	display: none;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	background: #D9E1E5;
	background-repeat: repeat-x;
}
#p7menubar li:hover a, #p7menubar a:focus,
#p7menubar a:active, #p7menubar li.p7hvr a {
	color: #000;
	background: #D9E1E5;
}
#p7menubar li:hover ul, #p7menubar li.p7hvr ul {
	display: block;
}
#p7menubar li:hover ul a, #p7menubar li.p7hvr ul a {
	color: #000000;
	background-color: transparent;
}
#p7menubar ul a:hover {
	background-color: #606060!important;
	color: #FFFFFF !important;
}
