/**
 * Description			: Layout styles for standards-compliant browsers
 * Author						: Stephen Lewis (s.lewis@blue-egg.co.uk)
 * Date							: 2nd October 2006
 * Version					: 1.0
 */

* {margin : 0; padding : 0;}
p {margin : 0 0 1.5em;}

abbr, acronym {border-bottom : 1px dotted #000;}

.clearfix:after {
clear : both;
display : block;
height : 0;
visibility : hidden;
content : ".";
}


/* =h*
 -------------------------------------------------------------*/
h1 {margin : 0 0 0.5em;}
h2 {margin : 1.714em 0 0.571em;}
h3 {margin : 1.667em 0 0.666em;}
h4 {margin : 1.714em 0 0.857em;}


/* =ul
 -------------------------------------------------------------*/
ul {margin : 1.5em 0.25em 1.5em 0;}
ul li {margin-bottom : 0.25em; padding-left : 13px;}


/* =ol
 -------------------------------------------------------------*/
ol {margin : 1.5em 0.25em 1.5em 1.75em;}
ol li {margin-bottom : 0.25em;}


/* =a
 -------------------------------------------------------------*/
a {border-bottom : 1px solid #000;}
a:hover {border : none;}


/* =img
 -------------------------------------------------------------*/
img.inset {margin : 0 1.5em 1em 0; padding : 5px;}

img.logo {border: none; margin-bottom: 1em;}
a.logo {border: none;}


/* =important_message
 -------------------------------------------------------------*/
div.important_message {margin : 1.5em 0; padding : 1em 1em 0; border : 4px solid #000;}
.important_message h2 {margin-top : 0;}



/** FORMS **/
/* =form
 -------------------------------------------------------------*/
form {margin : 1.5em 0;}
fieldset {margin-bottom : 3em; border : none;}
legend {margin-bottom : 0.25em;}
label {position : relative; float : left; width : 25%; padding-right : 5%;}

form h4 {margin : 1em 1em 1.5em;}

/* Form divs */
form div {padding : 1em 0; border-top : 1px solid #000;}

form div:after {
clear : left;
display : block;
height : 0;
visibility : hidden;
content : ".";
}

form div.submit_wrapper {margin-top : 1em; padding : 1em 0 0.5em; border-bottom : 1px solid #000;}


/* Sub-fieldsets */
fieldset fieldset {float : left; width : 67.5%; margin-left : 2.5%; margin-bottom : 0;}
fieldset fieldset div {margin-bottom : 0.5em; padding : 0; border : none;}
fieldset fieldset legend {display : none;}		/* Far from ideal, but absolute positioning doesn't work */
fieldset fieldset label {position : static; float : none; width : auto; padding : 0;}


/* Date group */
fieldset.date_group label {display : block;}
fieldset.date_group select {width : 95%; margin : 0;}
fieldset.date_group div {float : left; width : 30%; margin-right : 3.33%;}


/* Form controls */
input[type="text"],
input[type="password"],
select,
textarea {
width : 65%;
margin-left : 2.5%;
padding : 1px;
border : 1px solid #000;
}

input[type="checkbox"],
input[type="radio"] {display : inline; margin-right : 0.5em;}

input[type="checkbox"] + label,
input[type="radio"] + label {position : static; float : none; width : auto; padding : 0;}

form .radio {padding: 0 15% 0 1%;}


/* Mandatory indicators */
p span.mandatory img {display : inline;}		/* Usually used in the form preamble */
label span.mandatory {position : absolute; top : 0.75em; right : 0; margin-top : -7px;}
label span.mandatory img {display : block;}


/* Advice */
form .advice {clear : left; display : block; margin-top : 0.25em;}
form span.advice {margin-left : 32.5%;}
form p.advice {margin-bottom : 0;}


/* Errors */
label span.field_error {display : block;}


/* =external form
 -------------------------------------------------------------*/
h3.external {margin : 0; padding : 0.857em;}
iframe {margin : 0; padding : 0; width: 100%; height: 700px;}


/* =sidebar forms
 -------------------------------------------------------------*/
#content_secondary form {margin : 0;}
#content_secondary form div {margin-bottom : 1.5em; padding : 0; border : none;}
#content_secondary label {float : none; display : block; width : auto; margin-bottom : 0.167em;}
#content_secondary select {width : 98%; margin-left : 0;}
#content_secondary div.submit_wrapper {margin : 0; padding : 1em 0 0; border-top : 1px solid #000; float: center;}


/* =quick_search form
 -------------------------------------------------------------*/
form#quick_search {margin-top : 0; padding : 0 0 1.5em; border : 1px solid #000; border-top : none;}
#quick_search fieldset {margin-bottom : 0;}
#quick_search h3 {margin : 0 0 0.857em; padding : 0.857em;}
#quick_search fieldset div {padding : 0 1em;}		/* TRICKY : fieldset is needed for specificity */
#quick_search div.submit_wrapper {margin : 0 1em;}
#quick_search p {margin : 0.5em 1em 0; padding : 0.5em 0 0; border-top : 1px solid #000;}

#home #quick_search h3 {padding : 0.5em 0.857em;}
#home #quick_search div {float : left; width : 44%; margin-bottom : 1.5em; border : none;}
#home #quick_search div.odd {clear : left;}
#home #quick_search label {float : none; width : auto; display : block; margin-bottom : 0.167em;}
#home #quick_search select {width : 98%; margin-left : 0;}
#home #quick_search span.advice {margin-left : 0;}
#home #quick_search div.submit_wrapper {margin : 0; padding-top : 1.167em; padding-bottom : 0;}



/** NAVIGATION **/
/* =nav_list (basic class to clear all the standard ul styles)
 -------------------------------------------------------------*/
ul.nav_list {margin : 0;}
ul.nav_list li {margin : 0; padding : 0;}


/* =nav_acc
 -------------------------------------------------------------*/
#nav_acc {position : absolute; left : -9999em; width : 20em;}


/* =nav_primary
 -------------------------------------------------------------*/
#nav_primary {padding : 0 2.38%; border-bottom : 1px solid #000;}
#nav_primary ul {padding-left : 2px;}
#nav_primary li {float : left; padding-right : 2px;}
#nav_primary a {display : block; padding : 1.25em 1em; border : none;}



/** MAIN CONTENT DIVS **/
/* =wrapper
 -------------------------------------------------------------*/
#wrapper {min-width : 756px;} 



/* =content_wrapper
 -------------------------------------------------------------*/
#content_wrapper {padding : 0.833em 0 3em; border-bottom : 5px solid #000;}


/* =content_primary
 -------------------------------------------------------------*/
#content_primary {font-size: 12px;}
body.two_col #content_primary {float : left; width : 61.904%; padding : 0 2.38%;}


/* =content_secondary
 -------------------------------------------------------------*/
#content_secondary {padding : 0 1.5em;}

body.two_col #content_secondary {
float : left;
position : relative;
width : 28.571%;
padding : 0 2.38%;
z-index : 100;
}


/* =brand
 -------------------------------------------------------------*/
#brand {height : 127px;}
#brand h1 {position : relative; margin : 0; line-height : 1.0;}
#brand h1 a {display : block; width : 414px; height : 127px; border : none;}


/* =supp
 -------------------------------------------------------------*/
#supp {padding-top : 1.09em; border-top : 1px solid #000;}
#supp div {float : left; width : 22%; margin : 0 2.38% 2.545em;}
#supp div.big {width : 32%;}
#supp div.small {width : 12%;}
#supp h4 {margin : 0 0 0.636em;}
#supp ul a {padding-left : 12px; border : none;}
#supp ul.two_columns li { float: left; width: 50%; } 

/* Site credit */
#supp p {clear : left; margin-bottom : 0; padding : 0.9em 2.38%; border-top : 1px solid #000;}
#supp p a {border : none;}

/* H is playing here with the footer */
#supp-h  {width : 100%;}
.footer-listing-header {font-size: 0.9em; font-weight: bold; padding-top: 3px;}
.footer-listing {font-size: 0.9em;}
a.footerlink:link {text-decoration: underline; color: black; font-weight: normal;font-size: 0.9em;}
a.footerlink:hover {text-decoration: none; color: black; font-weight: normal;font-size: 0.9em;}
a.footerlink:visited {text-decoration: none; color: black; font-weight: normal;font-size: 0.9em;}

/* =content_block
 -------------------------------------------------------------*/
div.content_block {margin : 2em 0; padding : 0 1em 1em; border-bottom : 1px solid #000;}
.content_block h3 {margin : 0 -0.667em 0.778em; padding-bottom : 0.333em; border-bottom : 1px solid #000;}


/* =content_block.image (clears padding etc, used for map)
 -------------------------------------------------------------*/
div.content_block.image {padding : 0;}
div.content_block.image h3 {margin-left : 0; margin-right : 0; margin-bottom : 0;}


/* =offers (inside content_block)
 -------------------------------------------------------------*/
dl.offers {margin : -1em 0 0; border-bottom : 1px solid #000; font-size: 15px;}
.offers dt {clear : both; float : left; width : 75%; padding : 0.833em 5% 0.833em 0;}
.offers dd {float : right; width : 20%; padding : 0.75em 0;}
.offers dd a {border : none;}


/* =operators (inside content_block)
 -------------------------------------------------------------*/
dl.operators {margin : -1em 0 0; border-bottom : 1px solid #000;}
.operators dt {clear: left; float: left; width : 30%; margin-left : 70%; padding : 7px 0 5px;}
.operators dd {float: left; width : 65%; margin-left : -100%; padding : 0.7em 5% 0.7em 0; font-size: 1.3em;}
.operators img {border : none;}
.operators dt a {border : none;}

/* =list of items (inside content_block)
 -------------------------------------------------------------*/
ul.listitems {margin : 0;}
.listitems li {padding : 0.7em 5% 0.7em 0; font-size: 1.3em;}
.listitems img {border : none;}
.listitems li a {border : none;}

/* =list of logos (inside content_block)
 -------------------------------------------------------------*/
ul.listlogos {margin : 0;}
.listlogos li {display: block; height: 90px; padding : 0.7em 5% 0.7em 0; font-size: 1.3em;}
.listlogos img {border : none; display: block; margin-left: auto; margin-right: auto;}
.listlogos li a {border : none;}


/* =hotline
 -------------------------------------------------------------*/
dl#hotline {
margin-top : -117px;		/* Note: Don't use ems, doesn't handle resizing as well */
padding : 1.25em;
border : 1px solid #000;
border-bottom : none;
}

#hotline dd {}
#hotline dd span {display : block; }
#hotline abbr {border : none;}

body#home #hotline {padding-left : 0; padding-right : 0; border : none;}
#home #hotline dd {margin-top : 0.12em;}