/*
 * COMMON CSS STYLING SHEET
 * written by Piers Rollinson
*/
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td {
margin:0;
padding:0;
} 
html {
height: 100%;
}
body {
font-family:Helvetica, Arial;
font-size: 62.5%; /* 1 em is 10px */
background-color:#3F3A37;
}
html>body{
font-size:10px;	
}
p,td{
font-size:1.4em;
}
p{
line-height:1.28em;
margin:0.64em 0 1.28em 0;
}
table{
margin:18px 0 1.8em 0;
border-collapse:collapse;
display:block;
}

form{
margin:18px 50px 27px 50px;
}
input, textarea, select {
font-size:0.9em;
margin:4.5px 0;
}
fieldset{
margin:1.8em 0 2.7em 0;
padding:0.9em 15px 1.8em 15px;
border:1px dotted #ccc;
}
legend{
font-weight:bold;
font-size:1.6em;
color:#333;
}
textarea{
font-family:Helvetica, Arial;
padding:5px;
font-size:1em;
margin:0;
}
img{
display:block;
border:none;
}
#bgfade {
background-image: url(http://www.epcessproperty.co.uk/img/bg-shade_v5b.png);
background-repeat: repeat-x;
background-position:top;
width: 100%;
margin: 0 auto;
min-height: 100%;
padding:0 0 0 0;
}
#container {
width: 830px;
margin: 0 auto;
overflow: hidden;
background-color: #fff;
}

#header {
width:800px;
margin:0.9em auto 1.8em auto;
background-color: #272832;
background-image: url(/img/common/hdr_top.png);
background-repeat: no-repeat;
background-position: left top;
overflow:hidden;
}
#headerTop {
width:800px;
height:102px;
overflow:hidden;
}
#headerNavi{
width:470px;
top:69px;
margin:0 10px;
float:right;
position:relative;
}
#headerTop ul a {
font-size:1.4em;
font-family:Helvetica, Arial, sans-serif;
text-decoration:none;
color:#000;
float:right;
padding:0.7em 13px 0.6em 14px;
margin-left:5px;
background-color:#e1e1e1;
}

#headerTop #naviAccount{
background:url(/img/common/navi_account_bg.png);
color:#fff;
}
#headerTop #naviSell{
background:url(/img/common/navi_sell_bg.png);
color:#fff;
}
#headerTop #naviBuy{
background:url(/img/common/navi_buy_bg.png);
color:#fff;
}

#headerTop ul a:hover {
background-color:#ccc;
color:#000;
background:url(/img/common/hdr_button_a.png);
}

#subNavi{
width:800px;
margin:0 auto;
height:3.5em;
background-color:#e1e1e1;
border-bottom:0.1em solid #ccc;
border-top:3px solid #999;
}
#subNavi ul,li{
list-style:none;
margin:0;
padding:0;
}
#subNavi li a {
font-size:1.3em;
font-family:Helvetica, Arial, sans-serif;
text-decoration:none;
color:#000000;
float:left;
padding:0.9em 10px 0.83em;
margin-left:5px;
}
#subNavi li a:hover {
background-color:#efefef;
border-bottom:1px solid #ccc;
height:1em;
padding-top:0.9em;
}
#subNavi li a.active{
background-color:#fff;
font-weight:bold;
color:#000;
}
#subNavi li a.active:hover{
background-color:#fff;
font-weight:bold;
border-bottom:1px solid #fff;
}
#subNavi ul.right li a {
font-size:1.1em;
color:#000000;
float:right;
padding:0.818em 5px 0.818em 5px;
margin-right:5px;
margin-top:4px;
}
#subNavi ul.right li a:hover {
background-color:#fff;
color:#000;
}

#subNavi.services{
border-top:3px solid #49643D;
border-bottom:1px solid #94A58D;
background-color:#B0C2A9;
}

#subNavi.nocontent{
border-bottom:none;
height:0;
}

#content{
background-color:#FFFFFF;
margin:0 auto;
overflow: hidden;
width:800px;
}
#content h1 {
font-size: 1.9em;
color:#000;
padding:0.6em 0 0.34em 0;
}
#content h2 {
font-size: 1.6em;
color:#000;
padding:1.8em 0 0.6em 0;
}
#content h3{
font-size: 1.4em;
color:#333;
padding:1.3em 0 0.4em 0;
}

/* GENERAL PAGE */
#page {
float:left;
margin:0;
width:790px;
overflow:hidden;
min-height:400px;
}
#page p {
margin:5px 0;
}
#page ul{
padding:0.9em 20px;
margin-left:20px;
}
#page li{
font-size:1.4em;
line-height:1.28em;
padding:4.5px 5px;
list-style-type:disc;
}
#page p a{
color:#226B8F;
font-weight:bold;
}
#page p a:hover{
color:#4C7237;
}

span.highlight{
font-weight:bold;
color:#000;
}

/* ONE PAGE LAYOUT*/
#page.one{
width:790px;
padding:18px 15px;
}

/* PAGE LAYOUT 1 */
.col{
float:left;
overflow:hidden;
margin-bottom:1.8em;
margin-right:15px;
}
.col-group {
margin-bottom:0;
margin-top:0;
}
#content .col h2:first-child{
margin-top:0;
}
#content div.col p{
margin-bottom:0.45em;
}
#content .col ul{
margin:0;
}
#content .col li{
padding:0.225em 0;
}
.nrm{
margin-right:0;
}
.mt1{
margin-top:0.3em;
}
.mt2{
margin-top:0.6em;
}
.mt3{
margin-top:1.2em;
}
.cc1{
width:250px;
}
.cc2{
width:515px;
}
.cc3{
width:800px;
margin-right:0;
}

.box{
background-color:#E7F9E1;
padding:0.9em 10px;
border-bottom:1px solid #CBDCC9;
border-top:1px solid #DDF0D9;
margin-bottom:2.7em;
}
.box.cc1{
width:230px;
}
#content .box h1{
margin-top:0;
padding-top:0;
}
#content .box h2{
margin-top:0;
padding-top:0;
}

/* FOOTER */
#footer-wrapper {
float: left;
position: relative;
width: 100%;
background-color: #fff;
overflow:hidden;
}
#footer {
color:#999;
padding:9px 0 18px 0;
clear:both;
}
#footer p{
font-size:1em;
line-height:1.8em;
margin:0;
padding:0;
}
#footer a {
color:#000;
text-decoration:none;
}
#footer a:hover{
color:#4D566F;
}

/*
  PRICING
*/
table.packages{
width:100%;
padding:9px 15px;
border-collapse:collapse;
margin:0 auto;
}
table.packages th {
font-family:Helvetica;
font-size:1.4em;
padding:4.5px;
border-top:1px dotted #fff;
border-bottom:1px dotted #fff;
border-right:2px solid #fff;
border-left:2px solid #fff;
}
table.packages td {
font-size:1.4em;
text-align:center;
padding:4.5px;
border-top:1px dotted #fff;
border-bottom:1px dotted #fff;
border-right:2px solid #fff;
border-left:2px solid #fff;
}
table.packages td img{
margin:0 auto;
}

#description{
width:400px;
font-weight:bold;
text-align:left;
}
#basic{
background-color:#e1e1e1;
border-right:1px dotted #ccc;
width:100px;
}
#multilist{
background-color:#e1e1e1;
border-right:1px dotted #ccc;
width:100px;
}
#premier{
background-color:#9FD7E4;
width:100px;
}