/* Generic styles and main layout */
* {
	margin : 0;
	padding : 0;
}

html {
	min-height : 100.1%;
}

body {
	background : url(images/bkgrnd.gif) #4b83bd repeat 0 0;
	font : 62.5% verdana, arial, sans-serif;
}

#wrap {
	width : 680px;
	margin : 1em auto;
	border : #000000 2px groove;
}

.skipper {
	position : absolute;
	top : -100000em;
	left : -100000em;
}

.clear {
	clear : both;
	position : relative;
}

hr {
	clear : both;
	position : relative;
	visibility : hidden;
}

a, a:link, a:visited {
	color : #4b83bd;
	text-decoration : none;
}

a:hover, a:active, a:focus {
	text-decoration : underline;
}

address {
	font-style : normal;
}

/* Header area - Logo */
#header {
	width : 100%;
	background : #ffffff;
	color : #1b5190;
	position : relative;
}

#header h1 {
	width : 322px;
	float : left;
	background : url(images/logo.gif) #ffffff no-repeat 0 0;
	line-height : 83px;
	position : relative;
}

#header h1 a {
	width : 100%;
	display : block;
	text-indent : -10000px;
	height : 100%;
}

/* Header area - Login */
#toplogin {
	width : 230px;
	float : right;
	border : #000000 1px solid;
	padding : 0 0.5em;
	margin : 1.5em 1em 1em;
	background : #4b83bd;
	height : 55px;
}

#toplogin fieldset {
	float : left;
	border : none;
	margin : 5px 0;
	height : 40px;
}

#toplogin #inputside {
	width : 65%;
}

#toplogin #submitside {
	width : 34%;
}

#toplogin label {
	margin : 0.3em 0;
	color : #ffffff;
	font-size : 1.1em;
	font-weight : bold;
}

#toplogin #inputside label {
	width : 45px;
	float : left;
	clear : left;
}

#toplogin input {
	float : left;
	margin : 0 0 0.2em;
}

#toplogin #inputside input {
	width : 100px;
	height : 15px;
}

#toplogin #submit {
	border : #ffffff 1px solid;
	margin : 0.1em 0 0 0.5em;
	padding : 0 0.5em;
	background : #e0dfe3;
	color : #293542;
	font : 1.1em verdana, arial, sans-serif;
	text-transform : uppercase;
	clear : left;
}

#toplogin #remem {
	margin-right : 0.5em;
}

/* Header area - other */
#header hr {
	padding : 1em 0 0.5em;
}

/* Main navigation */
#navigation {
	float : left;
	width : 100%;
	border-top : #000000 2px groove;
	border-bottom : #000000 1px solid;
	list-style : none;
	background : #4b83bd;
}

	
#navigation li {
	float : left;
	line-height : 18px;
}

#navigation li a,  #navigation li a:link, #navigation li a:visited {
	width : 136px;
	display : block;
	color : #ffffff;
	background : url(images/navbutton.gif) no-repeat 0 0;
	font-size : 0.9em;
	font-weight : bold;
	text-transform : uppercase;
	text-align : center;
	height : 18px;
	min-height : 18px;
}

#navigation li a:hover, #navigation li a:active, #navigation li a:focus {
	background : url(images/navbutton.gif) no-repeat 0 -18px;
	text-decoration : none;
}

#navend {
	width : 37px;
	background : url(images/endbutton.gif) no-repeat 0 0;
	text-align : center;
	height : 18px;
	min-height : 18px;
}

#navigation li#navend a {
}

/* Main Section - left panel - top */
#mainsect {
	width : 100%;
	clear : both;
	background : #ffffff;
	height : auto;
	min-height : 280px;
	position : relative;
}

#frame {
	width : 499px;
	margin : 0;
	float : left;
	border-right : #000000 2px groove;
	background : #ffffff;
}

#frame #imgpanel {
	width : 499px;
	background : url(images/home_image.jpg) #ffffff no-repeat 0 0;
	height : 156px;
	min-height : 156px;
	position : relative;
}

#frame2 {
	width : 100%;
	margin : 0;
	float : left;
	background : #ffffff;
}

/* Separators */
#sep1 {
	border : none;
	border-bottom : #000000 2px groove;
	width : 100%;
	background : #293542;
	visibility : visible;
	height : 16px;
}

#sep2 {
	border : none;
	border-top : #000000 2px groove;
	border-bottom : #000000 2px groove;
	width : 100%;
	background : #4b83bd;
	visibility : visible;
	height : 10px;
}

/* Main Section - left panel - content area */
#content h2 {
	margin : 1em 0 1.5em 5%;
}

#content h3 {
	margin : 1.5em 0 0.5em 5%;
}

#content h2, #content h3 {
	color : #663333;
	clear : both;
}

#content .sub {
	margin : 1em 0 0.5em 5%;
	color : #000000;
	font-size : 1.2em;
}

#content p {
	margin : 0 3% 1.25em 5%;
}

/* Sidebar */
#sidebar {
	width : 179px;
	margin : 0;
	float : left;
	background : #ffffff;
}

#sidebar h2 {
	padding : 0.5em;
	margin : 1px;
	background : #663333;
	color : #ffffff;
	font-size : 1.1em;
	font-weight : normal;
	text-transform : uppercase;
}

#sidebar ul {
	margin : 0;
	padding : 0 1em;
	list-style : none;
}

#sidebar li {
	margin : 0.3em 0;
	padding : 0.3em 0;
	border-bottom : #663333 1px dotted;
}

#sidebar .last {
	margin : 0.3em 0 0;
	padding : 0.3em 0 0;
	border-bottom : none;
}

#sidebar li li {
	margin : 0 0 0 0.5em;
	border-bottom : none;
	list-style : circle;
}

/* Footer */
#footer {
	padding : 0.1em 0.5em;
	border-top : #000000 2px groove;
	background : #293542;
	color : #ffffff;
	line-height : 1.5;
	text-align : right;
}

#footer a, #footer a:link, #footer a:visited {
	color : #ffffff;
	text-decoration : none;
}

#footer a:hover, #footer a:active, #footer a:focus {
	color : #8aaacb;
}

#footer span {
	float : left;
}

/* Registration form and update details form */
#regform, #regform2, #passform {
	width : 520px;
	margin : 2em auto;
}

#regform p, #regform2 p, #passform p  {
	width : 480px;
	margin : 0 0 15px 10px;
	padding : 0;
}

#passform p {
	margin : 0 0 25px;
}

#regform fieldset, #regform2 fieldset, #passform fieldset {
	border : none;
	margin : 0 0 20px;
}

#regform legend, #regform2 legend, #passform legend {
	margin : 1em 0 0;
	padding : 0;
	font-weight : bold;
	font-size : 1.2em;
}

.highlight {
	color : #cc0000;
}

#regform #regfield1 {
	padding : 1em 0;
	background : url(images/regfield2.jpg) #fffffb no-repeat 0 40px;
}

#regform2 #regfield1 {
	padding : 1em 0;
	background : url(images/regfield1.jpg) #fffffb no-repeat 0 62px;
}

#passform #regfield1 {
	padding : 0 0 30px;
	background : url(images/regfield1.jpg) #fffffb no-repeat 0 30px;
}

#regfield1 label, #regfield2 label {
	float : left;
	clear : left;
	width : 100px;
	margin : 1em 1em 0.5em;
	font-weight : bold;
}

#regfield1 select {
	float : left;
	margin : 0.5em 100px 0.5em 1em;
}

#regfield1 input, #regfield2 input, #passform input {
	float : left;
	margin : 0.4em 0 0.5em 1em;
	width : 300px;
}

#regfield3 input {
	float : left;
	margin-right : 1em;
}

#regfield3 label {
	float : left;
	clear : left;
	margin : 1em 1em 1em 3em;
}

#regform #regfield2 {
	padding : 1em 0;
	background : url(images/regfield2.jpg) #fffffb no-repeat 0 40px;
}

#regfield3 {
	padding : 1em 0;
	background : #fffffb;
}

#regsubmit {
	clear : both;
	margin : 0.2em 2em;
}

#regform2 #regsubmit, #passform #regsubmit {
	clear : none;
	width : 70px;
}

option {
	padding-right : 0.2em;
	padding-left : 0.2em;
}

/* Tables */
table {
	width : 640px;
	margin : 0 auto 2em;
	border : #4b83bd 1px solid;
	border-collapse : collapse;
}

th, td {
	border : #4b83bd 1px solid;
	padding : 0.2em;
}

caption {
	margin : 2em 0 0.4em 2em;
	font-weight : bold;
	text-align : left;
}

/* Definition Lists */
#pcqa, #pcdl {
	margin : 1em 4em;
}

#pcqa dd, #pcdl dd {
	margin-bottom : 0.5em;
}

#pcqa span {
	float : left;
	clear : left;
	margin : 0 0 0 -2em;
}

#pcqa dt, #pcqa dd {
	margin-left : 2em;
}

#address {
	margin : 1em 0 2em 6em;
	font-size : 1em;
	line-height : 1.8;
}

#address dt, #pcdl dt {
	font-weight : bold;
}

/* Unordered Address Lists - postcode pages */
.address {
	margin : 0.1em 4em 1.5em;
	list-style : none;
	width : 35%;
	float : left;
}

.conflict {
	font-style : italic;
}

/* Subscribers Section */
#subends {
	width : auto;
	float : right;
	margin : 2em 2em 0 0;
}

#subends dt {
	float : left;
	margin : 0 0.5em 0 0;
	font-weight : bold;
}

#subends dd {
	font-weight : bold;
}

#availlists {
	width : 80%;
	margin : 2em 10%;
	border : #4b83bd 1px solid;
	border-collapse : collapse;
}

#availlists th {
	font-weight : bold;
}

#availlists th, #availlists td {
	padding : 1em;
	border : #4b83bd 1px solid;
	font-size : 1.2em;
	text-align : center;
}

#availlists .listitem {
	padding-left : 45px;
	background : url(images/wordicon.gif) #ffffff no-repeat 5px 50%;
	text-align : left;
}

/* Subscriber's area contact form and associated DL */
#contactform {
	width : 580px;
	margin : 2em auto;
}

#contactform fieldset {
	margin : 0 0 2em;
	border : none;
	padding : 0.5em;
}

#contactform #fieldset2 {
	padding : 2.5em 1em 4em;
	background : url(images/regfield5.gif) #fffffb no-repeat 0 0;
}

#contactform legend {
	font-weight : bold;
}

.custdetails dt, .custdetails dd {
	float : left;
}

.custdetails dt {
	width : 70px;
	clear : left;
	margin-bottom : 0.3em;
}

.custdetails dd {
	width : 380px;
}

#contactform dt label {
	margin : 1em 0 0;
	clear : left;
	font-weight : bolder;
}

#contactform .custdetails #textarea1 {
	clear : both;
	margin : 1em 0 0 1.7em;
}

/* Login Page - Login Form */
#loginpage {
	position : relative;
	width : 400px;
	padding : 1.5em 1em 2em;
	margin : 1.5em 5em;
	background : url(images/regfield5.gif) #fffffb no-repeat 0 0;
}

#loginpage fieldset {
	border : none;
	margin : 5px 0;
	position : relative;
}

#loginpage label {
	margin : 0.3em 0;
	font-size : 1.1em;
	font-weight : bold;
	display : block;
	width : 80%;
}

#loginpage input {
	width : 100%;
	margin-bottom : 0.5em;
}

#loginpage #remem {
	margin : 0 0.5em 0 0;
	width : auto;
}

#loginpage #submit {
	width : 7em;
	margin : 1em 0;
}

#forgot {
	position : absolute;
	top : 20px;
	left : 140px;
}

/* Lost Password Page */
#lostpass {
	position : relative;
	width : 400px;
	padding : 2.5em 1em 4em;
	margin : 1.5em 5em;
	background : url(images/regfield5.gif) #fffffb no-repeat 0 0;
}

#lostpass fieldset {
	border : none;
	margin : 5px 0;
	position : relative;
}

#lostpass label {
	margin : 0.3em 0 1em;
	padding-bottom : 1em;
	font-size : 1.1em;
	font-weight : bold;
	display : block;
	width : 80%;
}

#lostpass input {
	width : 100%;
	margin-bottom : 1.5em;
}

#lostpass #submit {
	width : 8.5em;
	margin : 1em 0 2;
}