/*-------------------------------------------------
header and footer
-------------------------------------------------*/

#network-nav-bar {
	background: #f5f5f5;
	padding: 0.5em 0;
	}

#network-nav-bar-content  {
	margin: auto;
	text-align: left;
	width: 73.076em;
	*width: 71.25em;
	}

/*#header {
	margin-bottom: 0.5em;
	}*/

#brand-bar,
#main-nav-bar {
	padding: 0.5em 0;
	border-bottom: 1px solid #e5e5e5;
	}

#brand-bar img {
	margin-bottom: 0;
	}



#main-nav-bar a {
	font-weight: bold;
	}

#network-nav-bar a,
#network-nav-bar a:visited {
	color: blue;
	}

#main-nav-bar a,
#main-nav-bar a:visited {
	color: #6161ff;
	}


/* FOOTER */

#ft {
	margin-top: 1em;
	border-top: 1px solid #ccc;
	text-align: center;
	}

#ft #payment-methods {
	margin: 1em 0 0.5em 0;
	}

#ft #copyright-statement,
#ft #copyright-statement p,
#ft #footer-nav {
	display: inline;
	}

#ft small {
	font-size: 100%;
	}

/*-------------------------------------------------
text
-------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	margin-bottom: 0.25em;
	}

h1 {
	font-size: 230%;
	margin-top: 0.25em;
	/* border-bottom: 1px solid #e5e5e5; */
	/* margin: 0 0 0.3em 0; */
	}

ins {
	color: #00b233;
	}

del {
	color: #ccc;
	}

dfn,
cite {
	font-style: italic;
	}

var {
	font-family: monospace;
	}

address {
	margin-bottom: 1em;
	}

/* QUOTES */

blockquote {
	border-left: 0.25em solid #e5e5e5;
	padding-left: 0.5em;
	}

q:before {
	content: open-quote;
	}

q:after {
	content: close-quote;
	}

/*-------------------------------------------------
multimedia
-------------------------------------------------*/

embed, img {
	margin-bottom: 1em;
	}

/*-------------------------------------------------
lists
-------------------------------------------------*/

dl {
	margin-left: 1em;
	}

dt {
	margin-bottom: 0.25em;
	font-weight: bold;
	}

.inline-list,
.inline-list li {
	display: inline;
	margin: 0;
	padding: 0;
	}

.inline-list li {
	margin-right: 0.25em;
	}

.inline-list li img {
	margin: 0;
	}

/*-------------------------------------------------
tables
-------------------------------------------------*/

caption {
	font-weight: bold;
	}

th {
	text-align: left;
	}

th,
td {
	vertical-align: top;
	}

tr.total-row {
	font-weight: bold;
	}

td.number {
	text-align: right;
	}

/*-------------------------------------------------
forms
-------------------------------------------------*/

form {
	margin-bottom: 1em;
	}



/*
.form-element ul,
.form-element ol {
	margin: 0;
	}

.form-element li {
	list-style-type: none;
	}
*/

ol.form-element-list {
	margin: 0;
	}

li.form-element,
li.form-actions {
	list-style-type: none;
	}

.form-element {
	margin-bottom: 1em;
	}

.called-out-element {
	padding: 1.5em 1em;
	border: 1px solid #999;
	background-color: #ffffc2;
	}

fieldset {
	border-bottom: 1px solid #e5e5e5;
	}


.form-element fieldset ul,
.form-element fieldset ol {
	margin-left: 0;
	margin-top: 0;
	}

.form-element fieldset li{
	list-style-type: none;
	}

/*
.checkboxes fieldset,
.radio-buttons fieldset {
	border: 0;
	}
*/


label,
legend {
	font-weight: bold;
	display: block;
	margin-bottom: 0.5em;
	}

legend {
	font-size: 123.1%;
	}

label {
	margin-right: 1em;
	}

.extended-label {
	font-weight: normal;
	}

input:focus,
textarea:focus,
select:focus {
	outline: 2px solid #e5e5e5; /* Not supported by IE */
	}

.checkboxes label,
.radio-buttons label {
	font-weight: normal;
	display: inline;
	}

.checkbox label {
	display: inline;
	}

/*.checkbox legend,*/
.checkboxes legend,
.radio-buttons legend {
	font-size: inherit;
	}

/* FORM ACTIONS */

.form-actions .primary-action,
.form-actions input.secondary-action {
	background-image: url('/images/shade.png');
	background-position: bottom;
	padding: 0.3em 1em;
	font-weight: bold;
	}

.form-actions .primary-action {
	background-color: #00b233;
	color: #fff;
	}

.form-actions .primary-action:hover,
.form-actions .primary-action:focus,
.form-actions .primary-action:active {
	outline: 2px solid #00ff48; /* Not supported by IE */
	}

.form-actions input.secondary-action {
	background-color: #f5f5f5;
	color: #333;
	}

.form-actions input.secondary-action:hover,
.form-actions input.secondary-action:focus,
.form-actions input.secondary-action:active  {
	outline: 2px solid #e5e5e5; /* Not supported by IE */
	}

.form-actions a.secondary-action {
	margin-left: 0.5em;
	}

/* IN-FORM HELP */

.input-hint {
	margin-top: 0.3em;
	}

/*
.help-enabled textarea {
	width: 98%;
	}
*/

/*
.help {
	padding: 0.5em;
	background-color: #e5e5e5;
	}
*/

.help dl,
.help dd {
	margin: 0;
	}

.help dd {
	margin-bottom: 1em;
	}

/*
.help ul,
.help ol {
	margin-left: 2em;
	}

.help li {
	list-style-type: inherit;
	}
*/

.help .inline-list {
	margin: 0;
	}

/* FIND ADDRESS (BY POSTCODE) PANEL */
#find-address-panel {
	padding: 0.5em;
	margin-bottom: 0.5em;
	background-color: #f5f5f5;
	border: 1px solid #e5e5e5;
	}

#find-address-panel legend {
	font-size: 100%;
	}

/* GENERIC "SIZING" STYLES */

input.url-field {
	width: 100%;
	}

input.vat-number-field {
	width: 10em;
	}

input.mm-yy-field,
input.issue-number-field,
input.card-security-number-field {
	width: 3em;
	}

input.uk-postcode-field {
	width: 8em;
	}

/*-------------------------------------------------
content
-------------------------------------------------*/

.primary-call-to-action,
.secondary-call-to-action,
.tertiary-call-to-action {
	padding: 0 1em;
	margin-bottom: 1em;
	}

/* .primary-call-to-action {
	border: 1px solid #baccba;
	background-color: #e8ffe8;
	} */

.primary-call-to-action {
	border: 1px solid #ccc;
	background-color: #f5f5f5;
	}

.secondary-call-to-action {
	border: 1px solid #e5e5e5;
	background-color: #f5f5f5;
	}

.tertiary-call-to-action {
	border: 1px solid #e5e5e5;
	background-color: #fff;
	}

/*-------------------------------------------------
messages
-------------------------------------------------*/

.message {
	padding: 0 1em 0 4.75em;
	margin-bottom: 1em;
	background: #f5f5f5 url('/images/messages/information.png') no-repeat 0.5em 0.7em;
	border: 1px solid #8c8c8c;
	min-height: 5em;
	}


.message h2 {
	margin-bottom: 0;
	}

.warning-message,
.error-message {
	/*color: red;
	background: #ffe1dc url('/images/messages/error.png') no-repeat 0.5em 0.7em;
	border: 1px solid #bfa9a5;*/

	color: red;
	background: #ffe8e8 url('/images/messages/error.png') no-repeat 0.5em 0.7em;
	border: 1px solid red;
	}

.warning-message {
	background-image: url('/images/messages/warning.png');
	}

.success-message {
	color: green;
	background: #e8ffef url('/images/messages/success.png') no-repeat 0.5em 0.7em;
	border: 1px solid green;
	}

.inline-error-message {
	margin-bottom: 0.5em;
	padding: 0.5em;
	background-color: red;
	color: #fff;
	font-weight: bold;
	}

.inline-error-message img {
	margin-bottom: 0;
	margin-right: 0.25em;
	vertical-align: middle;
	}

/*-------------------------------------------------
helper styles
-------------------------------------------------*/

.invisible {
	position: absolute;
	left: -100em;
	}

.etre-brand-name {
	color: red;
	}

.delivery-date {
	color: #00b233;
	}

/* USE cite INSTEAD
.publication-title {
	font-style: italic;
	}
*/

.scrollable {
	overflow: auto;
	}