/*
 *	Parcel Points UK website
 *  designed by Lush Technology Ltd (c) 2007
 *	
 *	Style sheet for newer browsers
 */

* {
        margin: 0;
        padding: 0;
}

/* work around for IE */
body {
		font-family: Arial, Helvetica, sans-serif;
        margin: 0;
        padding: 0;
		background: url('/i/background.gif') repeat-x #ffffff;
}

/* the following from alistapart.com (http://www.alistapart.com/stories/sizematters/) */
body, body div, body p, body th, body td, body li, body dd {
    /* more specific to override imported rule */
        font-size:    x-small;
    /* false value for WinIE4/5 */
    voice-family: "\"}\"";
    /* trick WinIE4/5 into thinking rule is over */
    voice-family: inherit;
    /* recover from trick */
    font-size:    small;
    /* intended value for better browsers */
        color: #000000;
}

html>body, html>body div, html>body p, html>body th, html>body td, html>body li, html>body dd {
	font-size:    small;
    /* be nice to Opera */
}

/* accessibility or no stylesheet div */
#skipnavigation {
        height: 0;
        left: 0;
        position: absolute;
        visibility: hidden;
}

#page-border {
	margin: 0 auto;
	width: 875px;
}

#container {
	margin: 5px;
	width: 90%;
	width: 825px;
	height: 95%;
	background-color: #ffffff;
	border: 1px solid black;
}

#header {
	width: 100%;
	height: 120px;
}

#header a img {
	display: block;
	float: left;
	border: 0;
}

/* Tools section */
#tools {
	/*height: 10%;	*/
	height: 50px;
	background: url('/i/tool_bg.gif') repeat-x white;
	border: 1px solid black;
	padding: 10px;
	display: block;
	float: right;
	clear: right;
	width: 50%;
	margin: 13px;
	font-weight: bold;
}

#search {
	float: right;
	display: block;
	width: 50%;
}

#pplocator {
	float: left;
	display: block;
	width: 50%;
}

/* Main menu */
#menu {
	display: block;
	/*float: right;*/
	/*clear: right;*/
	width: 100%;
	margin: 0 0 15px 0;
	padding: 0;
	height: 26px;
	background: url('/i/1pix.gif') repeat-x bottom;
}

#menu a {
	background: url('/i/menu_bg.gif') repeat-x red;
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	float: left;
	color: #ffffff;
	padding: 6px 20px;
	font-size: 13px;
	line-height: 13px;
	margin-left: 10px;
	margin-right: 3px;
	font-weight: bold;
}

#menu a.selected {
	background: none #ffffff;
	text-decoration: none;
	color: #ff0000;
	color: #ff0000;
}

#menu ul {
	float: right;
	list-style-type: none;
	height: 26px;
	padding-right: 10px;

}

#menu ul li {
	display: inline;
	padding: 0;
}

#menu ul li a:link {
	color: #ffffff;
}

#menu ul li a.selected:link {
	color: #ff0000;
}

#menu ul li a:active {
	color: #ffffff;
}

#menu ul li a.selected:active {
	color: #ff0000;
}

#menu ul li a:visited {
	color: #ffffff;
}

#menu ul li a.selected:visited {
	color: #ff0000;
}

#menu ul li a {
	float: left;
	margin-left: 0;
}

/* Breadcrumb */
#breadcrumb {
    	text-align: left;
    	float: left;
	clear: right;
	font-size: x-small;
	color: black;
	padding: 0;
	margin-bottom: 10px;
}
#breadcrumb strong {
	font-weight: bold;
	padding: 0;
}

#breadcrumb a {
        padding: 5px;
        color: black;
}

#breadcrumb a:link {
        color: black;
}

#breadcrumb a:hover {
        color: black;
}

#breadcrumb a:active {
        color: black;
}

#breadcrumb a:visited {
        color: black;
}

/* Main content body of homepage */
#content {
	padding: 10px;
}

#content h1 {
	color: #000000;
	font-size: x-large;
	color: red;
	padding: 10px 0;
}

/* Home page */
#homeleft {
	width: 70%;
	float: left;
}

#entrypoint {
	width: 616px;
	border: 1px solid #000000;
	padding-bottom: 5px;
	margin-bottom: 5px;
	float: left;
}

#entrypoint h2 {
	font-size: medium;
	font-weight: bold;
	background: url('/i/strap_bg.gif') repeat-x red;
	color: #ffffff;
	text-align: left;
	padding: 5px 15px;
}

#entrypoint h3 {
	font-size: small;
	padding: 1em;
}

#entrypoint p {
	padding: 0 1em;
}

#entrypoint a {
	float: right;
	padding: 0.5em;
	color: red;
}

/* Right column for home page */
#homeRightColumn {
	float: right;
	width: 18%;
	padding-top: 8%;
	padding-right: 5px;
}

#homeRightColumn a {
	color: red;
}


.topad {
	width: 100%;
	border: 1px solid #000000;
	float: right;
	background: url('/i/tool_bg.gif') repeat-x #ffffff;
	padding: 5px;
	line-height: 1.5em;
	margin-top: 5%;
}

.topad p em {
	color: red;
	font-style: normal;
	font-weight: bold;
}

.topad a {
	text-align: right;
	float: right;
}

/* Quick links */
#quicklinks {
	width: 100%;
	border: 1px solid #000000;
	float: right;
	background: url('/i/tool_bg.gif') repeat-x #ffffff;
	padding: 5px;
	margin-top: 10%;
	line-height: 2em;
}

#quicklinks ul {
	list-style-type: none;
}

/* Content pages */

/* leftColumn */
#leftColumn {
	float: left;
	width: 20%;
	padding: 5px 5px 5px 10px;
}

#leftNav {
	width: 80%;
	border: 1px solid #000000;
	background: url('/i/tool_bg.gif') repeat-x #ffffff;
/*	line-height: 2em;*/
}

#leftNav ul {
	list-style-type: none;
}

#leftNav ul li a {
	color: #000000;
	font-weight: normal;
	padding: 5px;
	display: block;
}

#leftNav ul li a.selected {
	font-weight: bold;
	text-decoration: none;
}

#leftNav ul li.submenu {
	padding-left: 10px;
}


/* Middle content column */
#middleColumn {
	float: left;
	width: 58%;
	padding: 0 0 25px 0;
}

#middleColumn h1 {
	display: block;
	clear: both;
	text-align: left;
	font-size: x-large;
	margin-bottom: 10px;
	color: #ff0000;
}

#middleColumn h2 {
	font-size: medium;
}

#middleColumn h3 {
	font-size: small;
	font-weight: bold;
}

#middleColumn p {
	padding: 0.5em 0;
}

#middleColumn a {
	color: red;
}

/* Search Middle content column */
#searchMiddleColumn {
	float: left;
	width: 90%;
	padding: 10px;
}

#searchMiddleColumn h1 {
	display: block;
	clear: both;
	text-align: left;
	font-size: x-large;
	margin-bottom: 10px;
	color: #ff0000;
}

#searchMiddleColumn h2 {
	font-size: medium;
}

#searchMiddleColumn h3 {
	font-size: small;
	font-weight: bold;
}

#searchMiddleColumn p {
	padding: 0.5em 0;
}

#searchMiddleColumn a {
	color: red;
}

#powered_by {
	padding: 10px 0;
}

#powered_by img {
	border: 0;
}

/* FAQ */
#faq {
	list-style-type: none;
}

#faq li.question {
	padding: 10px 0 0 0;
	font-weight: bold;
}

#faq li {
	padding: 0;
} 

/* Terms and Conditions */
#middleColumn dl {
	padding: 10px 0;
}

#middleColumn dl dt {
	font-weight: bold;
	padding: 10px 0;
}

#middleColumn dl dd {
	padding: 10px 0;
}

#middleColumn strong.or {
	float: left;
	text-align: left;
	padding: 5px 0;
	clear: both;
}
/* Accessibility */
.accessibility {
	list-style-type: none;
}

/* About us */
/*#middleColumn div#sponsors {
	text-align: center;
	width: 100%;
	padding: 5px;
}

#middleColumn div#sponsors img {
	padding: 2px;
	float: left;
}

#middleColumn div#sponsors img.cheat {
	padding: 12px;
}
*/
#middleColumn a.noborder img {
	border: 0;
	padding: 5px 0;
}

/* Locator page */
#locatorpage {
	/*height: 150px;*/
}

#locatorpage div.row {
	width: 80%;
	display: block;
	clear: both;
	text-align: right;
}

#locatorpage div.row p {
	float: left;
}

#locatorpage input {
	/*float: right;*/
}

#locatorbrowse {
	/*height: 150px;*/
	text-align: left;
}

#locatorbrowse div.row {
	width: 80%;
	display: block;
	clear: both;
	text-align: right;
}

#locatorbrowse div.row p {
	float: left;
}

#locatorbrowse input {
	/*float: right;*/
}


/* Results */
.premium {
	border: 1px solid #000000;
	margin-bottom: 5px;
	width: 100%;
}

.resultbar {
	background: url('/i/menu_bg.gif') repeat-x red;
	height: 26px;
	line-height: 26px;
	width: 100%;
}

.resultbar h2 {
	color: #ffffff;
	float: left;
	/*width: 55%;*/
	font-size: medium;
	padding-left: 2%;
} 

.resultbar h3 {
	color: #ffffff;
	float: right;
	/*width: 25%;*/
	font-size: small;
	text-align: right;
	padding-right: 5px;
}

#middleColumn ul.bulleted {
	list-style-type: circle;
	padding-left: 20px;
}

#middleColumn div.premium div.resultbar h2 a {
	color: #ffffff;
}

#middleColumn div.premium div.resultbar h3 a {
	color: #ffffff;
}

#middleColumn div.premium img {
	border: 0;
	width: 175px;
	float: left;
	padding: 10px;
}

#middleColumn div.premium p {
	padding: 0 3px;
}

#middleColumn div.premiummiddle {
	height: 100px;
	width: 200px;
	margin-bottom: 10px;
	float: left;
	padding: 10px;
}

#middleColumn div.premiumright {
	height: 25px;
	/*width: 130px;*/
	width: 100%;
	margin-bottom: 10px;
	float: left;
	clear: both;
	padding: 5px;
}

#middleColumn div.premiumright h3 {
	font-weight: bold;
}

#middleColumn div.premium p.description {
	text-align: left;
	padding: 15px 5px;
	clear: left;
}

/* Standard */
.standard {
	border: 1px solid #000000;
	margin-bottom: 5px;
	width: 100%;
}

.standard ul {
	list-style-type: none;
	clear: right;
	margin-bottom: 10px;
	height: 60px;
	padding: 2px 5px;
}

.standard ul li {
	padding: 3px;
}

#middleColumn div.nolinespace p {
	padding: 1px;
}


#middleColumn div.standard div.resultbar h2 a {
	color: #ffffff;
}

#middleColumn div.standard div.resultbar h3 a {
	color: #ffffff;
}

#middleColumn div.standard ul li p {
	padding: 0 3px;
}

/* Contact form */
#middleColumn table#contact-table {
	width: 100%;
	padding: 0;
	text-align: left;
}

#middleColumn table#contact-table tbody tr {
	padding: 5px 0;
}

#middleColumn table#contact-table tbody tr th {
	padding: 2px 2px 2px 0;
	vertical-align: top;
}

#middleColumn table#contact-table tbody tr td {
	padding: 2px 2px 2px 0;
}

#middleColumn table#contact-table tbody tr td p {
	padding: 0;
	margin: 0;
}


/* Contact form */
#middleColumn form#contact table#contact-form {
	width: 100%;
}

#middleColumn form#contact table#contact-form tbody tr th{
	padding: 2px 2px 2px 0;
	text-align: left;
}


#middleColumn form#contact table#contact-form tbody tr td{
	padding: 2px 2px 2px 0;
	text-align: right;
}

#middleColumn form#contact table#contact-form tbody tr td .align{
	width: 280px;
}


/* Nominate form */
#middleColumn table#nominate-table {
	width: 100%;
	padding: 0;
	text-align: left;
}

#middleColumn table#nominate-table tbody tr {
	padding: 5px 0;
}

#middleColumn table#nominate-table tbody tr th {
	padding: 2px 2px 2px 0;
	vertical-align: top;
}

#middleColumn table#nominate-table tbody tr td {
	padding: 2px 2px 2px 0;
}

#middleColumn table#nominate-table tbody tr td p {
	padding: 0;
	margin: 0;
}

/* nominate form */
#middleColumn form#nominate table#nominate-form {
	width: 100%;
}

#middleColumn form#nominate table#nominate-form tbody tr th{
	padding: 2px 2px 2px 0;
	text-align: left;
}

#middleColumn form#nominate table#nominate-form tbody tr td{
	padding: 2px 2px 2px 0;
	text-align: right;
}

#middleColumn form#nominate table#nominate-form tbody tr td input{
	margin: 2px;
}

#middleColumn form#nominate table#nominate-form tbody tr td .align{
	width: 280px;
}

/* Administration pages */
#middleColumn form#formeditpp table#editpp tbody tr th {
	text-align: left;
}

#middleColumn form#formeditpp table#editpp tbody tr td .align {
	width: 280px;
}

#middleColumn form#formeditpp table#editpp tbody tr td img {
	width: 175px;
}

#middleColumn table#viewpp tbody tr td {
	padding: 5px 10px;
}

#middleColumn table#viewpp tbody tr td a img {
	border: 0;
}

#middleColumn form#formaddpp table#tableaddpp tbody tr th {
	text-align: left;
}

#middleColumn form#formaddpp table#tableaddpp tbody tr td .align {
	width: 280px;
}

/* Export page */
#middleColumn textarea.export {
	width: 100%;
	height: 350px;
}

/* Right column */
#rightColumn {
	float: right;
	width: 16%;
	padding-top: 5%;
	padding-right: 15px;
}

#rightColumn a {
	color: red;
}

/* Page footer */
#footer {
        display: block;
        clear: both;
        text-align: left;
 	background: url('/i/footer_bg_ns.gif') repeat-x #000000;
	color: #ffffff;
	height: 35px;
        font-size: x-small;
	margin: 25px 0 0 0;
}

#footer a {
        color: #ffffff;
        padding: 2px 5px;
        font-size: x-small;
	float: left;
}

#footer ul {
	width: 40%;
	float: right;
        list-style-type: none;
	text-align: right;
	color: #ffffff;
        font-size: x-small;
        padding: 2px 5px;
}

#footer ul li {
	color: #ffffff;
    	font-size: x-small;
}

#footer ul li a {
	float: none;
	padding: 0;
}

/* General */
.warning {
	color: red;
	font-style: italic;
}

.senditright {
	float: right;
}

.hide {
	display: none;
}

.leftalign {
	text-align: left;
}

.rightalign {
	text-align: right;
}

/* Form error styles */
.formerrormsg {
        color: red;
        text-align: center;
}

.formerror {
        color: red;
        text-align: right;      
}