/*
Theme Name: Department for Transport
Theme URI: http://www.dft.gov.uk/
Author: Bang Communications
Author URI: http://www.bang-on.net/
Version: 1.0
*/

/* Reset HTML5 sectioning elements */

@import url("road-style.css");
@import url("traffic-services.css");
@import url("traffic-orders.css");

header, footer, article, section, nav, hgroup {
    display: block;
}

.ie6 .ie6-hidden {
    display: none;
}

.ie6-show {
    display: none;
}

.ie6 .ie6-show {
    display: block;
}

/* Screen reader links go off screen */

.screen-reader-text a {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.screen-reader-text a:focus {
    position: static;
    width: auto;
    height: auto;
}

/* Global Styles */

body, html {
    font-family: Arial;
    margin: 0px;
    padding: 0px;
    color: #333333;
}

body, html, p {
    font-size: 12px;

}

.clear {
    clear: both;
}

.empty {
    line-height: 0px;
    height: 0px;
    overflow: hidden;
}


/** Basic site furniture  **/



#main, #primary-menu ul, #dftbar,#bodyheader > .section, 
#bodyfooter, body > .section, #search, .branding > .section {
    width: 944px;
    margin-left: auto;
    margin-right: auto;
}

/*#bodyheader a:hover {
  background: none;
}*/

/* reproduce the rules from yui3-u-x-x */
#main, .main, .cols {
    letter-spacing: -0.31em;
    *letter-spacing: normal;
    word-spacing: -0.43em;
}

#leftnav, #facets, #primary, #secondary, .primary, .secondary, .full {
    display: inline-block;
    zoom: 1; *display: inline;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
}

/* Default */
.full             { width: 944px; }
#leftnav, #facets { width: 144px; padding-right: 16px; }
#primary          { width: 464px;}
#secondary        { width: 288px; padding-left: 32px; }

/* Topic / Section Landing page */
#main.topic #primary   { width: 624px; }
#main.topic #secondary { width: 288px; }




#main.mode #primary   { width: 464px; }
#main.mode #secondary { width: 464px; padding-left: 16px; }

/* Home */
body.home #primary,   body.home .primary   { width: 464px; padding-bottom: 16px; padding-top: 5px;}
body.home #secondary, body.home .secondary { width: 464px; padding-left: 16px; }


/* Special */
#main.special #primary   { width: 624px; }
#main.special #secondary { width: 288px; }

body.single #primary   { width: 464px; }
body.single #secondary { width: 288px; }

#main.special.stats #primary { width: 464px; }
#main.special.stats #secondary { width: 464px; padding-left: 16px; }

#main.faceted #primary,   body.home #main.faceted #primary { width: 464px; }
#main.faceted #secondary, body.home #main.faceted #secondary { width: 288px; padding-left: 16px; }

#main.all-topics #primary   { width: 624px; }
#main.all-topics #secondary { width: 288px; }



body.error404 #primary { width: 624px; }
body.error404 #secondary { width: 288px; padding-left: 16px; }


.aside {
    padding: 5px 0px;
    margin: 8px 0px;
    border-top: 2px solid #336699;
}


/* Header */
#bodyheader {
    position: relative;
    background: #ffffff;
    height: 135px;
    z-index: 5000;
    /* margin-bottom: 12px; */
}

#bodyheader .hgroup {
    position: absolute;
    top: 5px;
    z-index: 100;
}
#tagline-ha {
    position: relative;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #707070;
}

#top-links {
    position: relative;
    padding-top: 5px;
    letter-spacing: -0.31em;
    word-spacing: 0em;
    font-size: 11px;
    text-align: right;
    padding-top: 12px;
}

#top-links ul {
    display: inline;
    margin-right: 10px;
}



#top-links li {
    display: inline;
    border-left: 1px solid #33589C;
    letter-spacing: normal;
    word-spacing: normal;


}

#top-links img {
    vertical-align: middle;
    margin: 0px 2px;
}
#top-links li:first-child {
    border-left: 0px none;
}

#top-links li a {
    font-family: Arial, Helvetica, sans-serif;
    color: #33589C;
    padding: 3px 6px;

}

/*#top-links a:hover {
  background: none;
}

#top-links li a:hover {
  background: #055;
}*/

#mainnav {
    position: absolute;
    top: 100px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    background-image: url(/wp-content/images/navBar.jpg);
    background-repeat: repeat-x;
    height: 50px;

}
#primary-menu {
    position: absolute;
    top: 100px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    font-family: "Arial";
    background-color: transparent;
    overflow: hidden;
    height: 50px;
    padding: 0px;
    line-height: 25px;
}

#primary-menu ul {

    padding-left: 0px;
    padding-top: 0px;
    position: relative;
    padding-left: 4px;    
}

#primary-menu li {
    display: inline;
    border-left: none; 

}

#primary-menu li:first-child {
    border-left: 0px none;
}


#primary-menu li a {
    text-decoration:none;
    color: #FFFFFF;
    padding-right: 10px;
    padding-left: 10px;

    font-size: 14px;
    font-weight: bold;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #999999;
    display: inline;
    padding-top: 1px; 
    padding-bottom: 2px;
    height: 45px;



}

#primary-menu li.current-menu-item, #primary-menu li.current-page-ancestor, 
#primary-menu li.next-menu-item {
    border-left: 0px none;
}

#primary-menu li.current-menu-item a, #primary-menu li.current-page-ancestor a /*,
body.site-publications #menu-item-primary-menu-publications a,
body.site-consultations #menu-item-primary-menu-consultations a */ 
{
    background-repeat: repeat;
    display: inline;
    color: #FFFFFF;
    padding-right: 10px;
    padding-left: 10px;
    background-image: url(/wp-content/images/navBarOn.jpg);

}

#primary-menu li a:hover, #primary-menu li.dropdown a {
    background-repeat: repeat;
    display: inline;

    padding-right: 10px;
    padding-left: 10px;
    background-image: url(/wp-content/images/navBarOn.jpg);

}

/*  #menu-item-primary-menu-transport-topics a, #menu-item-primary-menu-transport-agencies a {
    background-image: url(/images/ding-down-white.png);
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 28px !important;
  }

  #menu-item-primary-menu-transport-agencies {
    position: absolute;
    top: 0px;
    right: 0px;
    border-right: 0px none !important;
    border-left: 0px none !important;
    background-color: #003535;
  }*/

form.hidden, form.hidden input {

    display: none;
}

#cse-search-box, #search-box {

    position: relative;
    text-align: right;
    margin-top: 10px;
    /*(ie7?) top: 15px;*/

    top: 17px;
}


#q, #searchString {
    border-style:solid;
    border-width:1px;
    border-color:#666699;
    padding: 5px !important;
    font-family: "trebuchet MS";
    font-size: 12px;
    -webkit-appearance: none;
    width: 150px;
    height: 15px;
    position: absolute;
    right: 26px;
    top: 0px;
}



fieldset.search {


    border: 0px none;
    padding: 0px;
    margin: 0px;
}

label.accessibility {

    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

#search-go {

    position: absolute;
    top:0px;
    right: 0px;

}


table.gsc-completion-container {
    z-index: 10000 !important;
}

#cse-search-box2 {
    position: relative;
    width: 590px;
}

#q2 {
    border: 1px solid #999;
    padding: 5px !important;
    font-size: 13px;
    -webkit-appearance: none;
    width: 590px;
    margin: 10px 0px;
    background: #fafafa;
}

#cse-search-box2 #q2-go {
    position: absolute;
    top: 15px;
    right: 6px;
}

#roadproject-tab-msg {
    padding-left: 7px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #F2F2F2;
    font-weight: bold;
}
/* Footer */

#bodyfooter {
    border-top: 2px solid #333399;
}

#mainfooter {
    background: #f2f2f2;

    padding: 5px 8px 8px 8px;
    color: #333333;
}

#bodyfooter h3 {
    border-bottom: 1px solid #b9b9b9;
    white-space: nowrap;
    margin-right: 10px;
    padding-bottom: 6px;
    margin-top: 10px;
    margin-bottom: 6px;
    color: #333333;
}

#mainfooter ul.menu {
    padding: 6px;
}

#mainfooter ul.menu li {
    display: inline;
    border-left: 1px solid #b9b9b9;
}

#mainfooter ul.menu li:first-child {
    margin-left: -6px;
    border-left: 0px none;
}

#mainfooter ul.menu a {
    padding: 6px;
}

/*#mainfooter ul.menu a:hover {
  background: #e2e2e2;
}*/

#mainfooter .vcard a {
    font-weight: bold;
    padding: 6px;
    margin-left: -6px;
}

#bottom-links {
    padding: 6px 0px;
    letter-spacing: -0.31em;
    word-spacing: 0em;
    font-size: 11px;
}

#bottom-links li {
    display: inline;
    padding: 2px 0px;
    letter-spacing: normal;
    word-spacing: normal;
    border-left: 1px solid #33589C;
}

#bottom-links li:first-child {
    border-left: 0px none;
}

#bottom-links li a {
    padding: 2px 8px;
    color: #33589C;
}

.hover-links {
    padding-bottom: 10px;
}

.hover-links a {
    margin-right: 6px;
    display: inline-block;
    position: relative;
    height: 32px;
    padding: 0px;

    background-position: top left !important;
    background-repeat: no-repeat !important;
}


/* Menus */

ul.menu {
    margin: 0px;
    padding: 0px;
}

ul.menu li {
    list-style: none;
}

#topics-menu, #agencies-menu {
    display: none;
    background: rgb(235,235,235);
    background: rgba(235,235,235,0.95);
    padding: 0px;

    z-index: 1000;

    -webkit-box-shadow: 0px 4px 15px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 4px 15px rgba(0,0,0,0.4);
    box-shadow: 0px 4px 15px rgba(0,0,0,0.4);
}

#topics-menu .section, #agencies-menu .section {
    z-index: 1001;
}

#topics-menu {
    width: 824px;
}

#topics-menu .section, #agencies-menu .section {
    padding: 4px 12px;
    border-bottom: 1px solid #999;
}

#topics-menu .section.modes {
    padding: 12px 12px;
    background: #e0e0e0;
    background: rgba(0,0,0,0.06);
}

#topics-menu h2, #agencies-menu h2 {
    margin: 6px 0px;
    color: #333;
}

#topics-menu ul {
    padding: 0px;
    margin: 0px;
}

#topics-menu li {
    list-style: none;
    height: 60px;
    width: 195px;
    float: left;
    padding: 0px;
    padding-right: 5px;

    font-size: 16px;
    font-weight: bold;
}

#topics-menu a, #agencies-menu a {
    display: block;
    padding: 6px;
}

#topics-menu a h1, #topics-menu a span.h1 {
    margin: 0px;
}

#topics-menu .section.modes li {
    height: 36px;
}

#topics-menu li ul {
    padding-left: 20px;
}

#topics-menu li li {
    font-size: 12px;
    font-weight: normal;
    height: auto;
    list-style: disc;
    width: auto;
}

#topics-menu li li a {
    padding: 2px;
    margin-left: -6px;
}


#agencies-menu {
    width: 450px;
}

#agencies-menu a {
    display: block;
    clear: right;
    padding: 10px 5px;
}

#agencies-menu .figure {
    float: right;
    clear: right;
    width: 115px;
    height: 32px;
    line-height: 32px;
}


/* Breadcrumbs */

.breadcrumbs {
    padding-left: 80px;
    text-indent: -80px;
    line-height: 20px;
}


.breadcrumbs span {
    font-weight: bold;
    margin-right: 0px;
}

.breadcrumbs a {
    padding: 4px 6px;
    /* margin: 0px 3px; */
    white-space: nowrap;
}

/*.location a:hover {
  background: #e0e0e0;
}*/

.location {
    position: relative;
    background: #f2f2f2;
    border-top: 2px solid #006666;
    margin-bottom: 10px;
    margin-top: 40px;
    /* min-height: 32px; */
    line-height: 20px;
    padding: 3px 220px 5px 10px;
}

.location img {
    vertical-align: middle;
}

.location .breadcrumbs {
    padding-top: 6px;
    padding-bottom: 6px;
}

.location .connect {
    position: absolute;
    top: 8px;
    right: 10px;
    text-align: right;
}

.location .connect img {
    margin-left: 2px;
}

.location span {
    font-weight: bold;
    margin-right: 3px;
}


.feed {
    float: right;
    margin: 6px 4px 4px 4px;
}
.feed.more {
    margin-top: 18px;
}

.feed.under-tabs {
    margin-top: 9px;
}

.feed img {
    margin-right: 3px;
    vertical-align: middle;
}


/* WordPress core style */

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
    display:block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin:0;
    max-width: 98.5%;
    padding:0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size:11px;
    line-height:17px;
    margin:0;
    padding:0 4px 5px;
}

/* Content */

#main, body > .section {
    margin-top: 12px;
    margin-bottom: 12px;
}

#content {
    /* margin-top: 12px; */
    margin-bottom: 12px;
    position: relative;
}

h1, .h1 {
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
}

h2, .h2 {
    display: block;
    font-size: 14px;
    font-weight: bold;
}

.aside h2, .h2 {
    margin: 4px 0;
    padding: 5px 0;
}

h3, .h3 {
    display: block;
    font-size: 12px;
    font-weight: bold;
}

.hgroup {
    display: block;
    margin: 4px 0px 8px 0px;
}


p {
    line-height: 16px;
}

p.more, #content p.more {
    margin-top: 18px;
    font-weight: bold;
    font-size: 13px;
}

ul, ol {
    padding-left: 12px;
    margin: 4px 0px 6px;
}

ul ul, ul ol, ol ul, ol ol {
    margin: 4px 0px;
}

body.error404 ol li {
    margin: 10px 0px;
}

a {
    text-decoration: none;
    padding: 0px 0px;
    color: rgb(51,102,153);
    outline: none;
}

a.external {
    background-image: url(/images/external.png);
    background-position: center right;
    background-repeat: no-repeat;
    padding-right: 15px !important;
    margin-right: 5px;
}

a.external img.to-type {
    display: none;
}

li.to-icon { list-style: none; text-indent: -28px; margin: 12px 0px 12px 0px; }

li.to-pdf { list-style-image: url(/images/icons/pdf.png); margin-left: 20px;}
li.to-doc { list-style-image: url(/images/icons/doc.png);  margin-left: 20px; }
li.to-img { list-style-image: url(/images/icons/img.png);  margin-left: 20px; }
li.to-xls { list-style-image: url(/images/icons/xls.png);   margin-left: 20px;}
li.to-ppt { list-style-image: url(/images/icons/ppt.png);  margin-left: 20px; }
li.to-zip { list-style-image: url(/images/icons/zip.png);   margin-left: 20px;}


img.to-type {
    display: none;
}

a:hover {
    text-decoration: underline;
    /*background-color: #eee;*/
}

a.button, #content a.button {
    background: #336699;
    color: white;
    padding: 4px 8px;
    font-weight: bold;
}

/*a.button:hover, #content a.button:hover {
  background: #003535;
}*/

img {
    padding-bottom: 8px;
    border: 0px;
}

address {
    font-style: normal;
}

.right {
    text-align: right;
}


.col {
    padding-left: 8px;
    padding-right: 8px;
}

.col.first {
    padding-left: 0px;
}

.col.last {
    padding-right: 0px;
}

p.box {
    /* border: 1px solid #999; */
    background: #f2f2f2;
    padding: 8px;
    overflow: hidden;
}

p.box.err {
    color: #800;
}


#share h3 {
    float: left;
    margin-right: 10px;
    margin-top: 0px;
}

/* Left nav */
#leftnav ul {
    padding: 0px;
    margin: 0px;
}

#leftnav li {
    margin-left: 0px;
    list-style: none;
}

#leftnav a {
    display: block;
    padding: 4px 6px;
    background: #006666;
    border-bottom: 1px solid white;
    color: white;
    font-weight: bold;
    line-height: 16px;
}

#leftnav li a { background: #336699; }
#leftnav li li a { background: #4c4c4c; }
#leftnav li li li a { background: #ccc; color: #336699; }
#leftnav li li li li a { background: white; color: #336699; border-bottom: 1px solid #999999; }
#leftnav li li li li li a { font-weight: normal; padding-left: 14px; }

/*
#leftnav li li.current_page_item > a { color: #bbb; }
#leftnav li li li.current_page_item > a { color: #333; }
*/
#leftnav li li li li.current_page_item > a { background: #e6f0f0; }
#leftnav li li li li.current_page_item li a { background: white; }


/* tables */

#content table {
    border-collapse: collapse;
}

/* Catalog (eg All Topics) */

table.catalog {
    width: 100%;
    border-collapse: separate;
}

table.catalog td {
    width: 50%;
    vertical-align: top;
    padding: 15px 8px 0px 8px;
}

table.catalog td:first-child {
    padding-left: 0px;
}

table.catalog td:last-child {
    padding-right: 0px;
}

.catalog .catalog-item {
    border-top: 1px solid #ccc;
    padding-top: 10px;
}

.catalog.ragged .catalog-item {
    padding-bottom: 10px;
}

.catalog-item p {
    margin-bottom: 0px;
    line-height: 17px;
}

table.catalog tr:first-child td .catalog-item {
    border-top: 0px none;
    padding-top: 0px;
}

.catalog li, #content .catalog li {
    padding: 1px 0px;
    color: #336699;
}

/* Faceted seach */

#fs .input {
    position: relative;
}

#fs #s {
    /*width: 100%; */
    width: 138px;
    border: 1px solid #ddd;
    -webkit-appearance: none;
    padding: 3px;
}

#fs-go {
    position: absolute;
    top: 6px;
    right: 5px;
}

#fs ul {
    padding: 0px;
    margin: 0px;
}

.reveal {
    font-weight: bold;
}

.reveal-target {
    display: none;
}

.throbber {
    vertical-align: middle;
    margin-right: 10px;
}

#fs li {
    list-style: none;
    margin: 4px 0px;
    font-size: 12px;
}

#fs li.selected {
}

#fs li.selected a {
    background: #336699;
    color: white;
    padding: 2px 4px;
    display: block;
    margin: 2px 0px;
    font-weight: bold;
}

.fs-facets dd {
    position: relative;
}

.fs-facets a.remove, #content .fs-facets a.remove {
    position: absolute;
    top: 0px;
    right: 0px;
}

.fs-facets a.remove img {
    margin-bottom: -2px;
}

.fs-orders {
    /* font-weight: bold; */
    padding: 12px 1px;
    border-bottom: 1px solid #cccccc;
}

.fs-orders a, #content .fs-orders a {
    margin-left: 12px;
    padding: 4px 8px;
}

.fs-orders a.selected, #content .fs-orders a.selected {
    background: #336699;
    color: white;
}

.fs-reveal-into {
    color: #336699;
    font-size: 12px;
    font-weight: bold;
    margin-top: -1px;
    border-top: 2px solid #336699;
    padding-top: 10px;
}

.fs-reveal-into-fade {
    background-color: #e0f0f0;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: -5px;
    margin-left: -5px;
    border-top: 2px solid #336699;
}

.last-result {
    border-bottom: 0px none !important;
}

a.fs-reveal, #content a.fs-reveal {
    margin: 0px 20px;
}

.results-page-buttons {
    font-size: 12px;
    font-weight: bold;
    margin-top: -1px;
    border-top: 2px solid #336699;
    padding-top: 10px;
    text-align: center;
}

.results-page-buttons .button {
    margin: 0px 15px;
}


#fs.fs-first {
}

#fs.fs-first table {
    width: 100%;
}

#fs.fs-first table td {
    padding: 4px 0px;
}

#fs.fs-first .fs-dt {
    font-weight: bold;
    width: 180px;
    vertical-align: top;
}

#fs.fs-first .fs-dd a {
    font-weight: bold;
    padding: 3px;
    white-space: nowrap;
}

/*#fs.fs-first .fs-dd a:hover {
  background: #f2f2f2;
}*/


#fs.fs-first .input {
    /* padding: 20px; */
}

#fs.fs-first #s {
    width: 430px;
    padding: 3px;
    font-size: 15px;
    margin-top: -5px;
}

.site-statistics #fs.fs-first #s {
    width: 280px;
}

#fs.fs-first #fs-go {
    top: 0px;
    right: 6px;
}


/* Lists of pages or results */

.result {
    border-bottom: 1px solid #336699;
    padding-top: 15px;
    padding-bottom: 15px;
}

/*.result.hover, .result:hover {
  background: #eee;
}*/

.result a.resultlink, #content .result a.resultlink {
    display: block;
}

p.linkinfo {
    font-weight: normal;
    margin-left: -10px;
    padding-left: 10px;
    text-indent: -10px;
}

p.linkinfo span {
    white-space: nowrap;
    font-weight: bold;
    margin-right: 8px;
    margin-left: 10px;
}

p.linkinfo a {
    white-space: nowrap;
    padding: 3px;
    margin-left: -3px;
    margin-right: -3px;
}

.result.with-inset {
    position: relative;
}

.result.with-inset .hgroup {
    padding-right: 80px;
}

.result .inset {
    position: absolute;
    top: 18px;
    right: 0px;
    text-align: right;
    z-index: 150;
}

.result.attention .inset {
    right: 10px;
}



.result .inset a, #content .result .inset a {
    margin: 0px;
}


/* Landing pages */

.landing {
    padding-top: 19px;
    clear: both;
}

a.child, #content a.child, #secondary a.child {
    display: block;
    padding: 0px;
    color: #333;
    margin-bottom: 12px;
}

a.child h2, a.child h3, a.child .h2, a.child .h3 {
    color: #336699;
}

a.child:hover {
    text-decoration: none;
}

a.child:hover h2, a.child:hover h3, a.child:hover .h2, a.child:hover .h3 {
    text-decoration: underline;
}

.landing a.child, #content .landing a.child {
    border-top: 2px solid #336699;
    margin-top: 15px;
    padding-top: 10px;  
}

a.child-quarter.overlay {
    height: 120px;
    margin-bottom: 15px;
}

a.child-landing.overlay {
    height: 112px;
}

a.child.overlay .hgroup {
    padding-top: 8px;
}

a.child h3, a.child h2 {
    margin-bottom: 8px;
    color: #336699;
}

.landing ul, #content .landing ul {
    padding-left: 16px;
}

.landing li, #content .landing li {
    color: #000000;
}

/* feature and nsr */

.feature-nsr .item {
    position: relative;
    display: inline-block;
    width: 464px;
    height: 257px;
    overflow: hidden;
    text-decoration: none;
    padding: 0px;
}

/* Old Feature scroller */

.feature{
    display: inline-block;
    position: relative;
    margin: 10px 0px;
    overflow: hidden;
    width: 464px;
    height: 257px;
    padding-bottom: 10px;
}
.feature .slider {
    position: absolute;
}

.feature .item {
    position: relative;
    display: inline-block;
    width: 464px;
    height: 257px;
    overflow: hidden;
    text-decoration: none;
    padding: 0px;
}

.feature .item img {
    margin: 0px;
}

.feature .next, .feature .prev {
    position: absolute;
    top: 0px;
    bottom: 0px;
    color: white;
    height: 257px;
    line-height: 256px;
    padding: 0px 10px;
    font-size: 30px;
}

.feature .next:hover, .feature .prev:hover {
    color: black;
    text-decoration: none;
}

.feature .prev {
    left: 0px;
}

.feature .next {
    right: 0px;
}

/* new feature scroller */

.feature-new .slider {
    position: absolute;
}

.feature-new .item {
    position: relative;
    display: inline-block;
    width: 464px;
    height: 257px;
    overflow: hidden;
    text-decoration: none;
    padding: 0px;
}

.feature-new .item img {
    margin: 0px;
}

.feature-new .next, .feature-new .prev {
    position: absolute;
    top: 0px;
    bottom: 0px;
    color: white;
    height: 257px;
    line-height: 256px;
    padding: 0px 10px;
    font-size: 30px;
}

.feature-new .next:hover, .feature-new .prev:hover {
    color: black;
    text-decoration: none;
}

.feature-new .prev {
    left: 0px;
}

.feature-new .next {
    right: 0px;
}

/* End of new feature scroller*/

.overlay {
    position: relative;
    overflow: hidden;
    letter-spacing: -0.31em;
    word-spacing: 0px;
}

.overlay .hgroup {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: 0px;

    padding: 0px 10px;
    background: black;
    background: rgba(0, 0, 0, 0.45);
    color: white;

    letter-spacing: normal;
    word-spacing: normal;
}

.overlay .hgroup h1, .overlay .hgroup h2, .overlay .hgroup h3,
.overlay .hgroup .h1, .overlay .hgroup .h2, .overlay .hgroup .h3 {
    color: white;
    /* margin-top: 0px; */
}

.feature-reserve{
    position: relative;
    margin: 10px 0px;
    overflow: hidden;
    width: 464px;
    height: 257px;
    padding-bottom: 10px; 
    display: none; 
}


.feature-reserve .item img{
    padding-bottom:0px;
    margin: 0px;
}

.promo {
    border: 1px solid #ddd;
    border-top: 2px solid #336699;
    background: #e7e7e7 url(/images/promo-background.png) repeat-x;
    position: relative;
    margin-top: 3px;

}

.promo .item {
    margin: 8px 12px;
}

.promo.item {
    padding: 8px 12px;
}

.promo h1, .promo .h1 {
    margin: 0px;
    color: rgb(51,102,153);


}

.promo a, #secondary .promo a {
    display: block;
    color: #336699;
}


.Home-page-side-bar {
    border: 1px solid #999999;
    margin-bottom: 10px;
}

.Home-page-side-bar .item {
    padding:0px;
    margin: 0px;
    letter-spacing: normal;
    word-spacing: normal ;

}

.Home-page-side-bar h1, .Home-page-side-bar .h1 {
    color: white;
    font-weight: normal;
    background-color: #999999;
    padding-left: 5px;
    font-size: 16px;  
    margin: 0px; 
}

.Home-page-side-bar ul{
    list-style-image: url(/wp-content/themes/ha/images/arrowicon.gif);
}




#furtherinformation-direct {
    text-align: center;
    padding-top: 5px;
    background:#e7e7e7 url(/images/promo-background.png) repeat-x;
    border-bottom: 1px solid #999999;

}

#furtherinformation-blink{
    padding-top: 5px;
    text-align: center;
    background:#e7e7e7 url(/images/promo-background.png) repeat-x;
}

#followus{
    padding-top: 7px; 
    background:#e7e7e7 url(/images/promo-background.png) repeat-x;
    padding-bottom: 5px;
}

#followus ul{
    display: inline;
    list-style-image:none;
    list-style: none;
    padding-left: 13px;    
    position: relative;    
}

#followus li{
    display: inline;
    padding-left: 3px;
}

.breaking-news{
    margin-bottom: 10px;
    border: 2px solid #990000;

}

#homecontact {
    background:#e7e7e7 url(/images/promo-background.png) repeat-x;
    border-top: 2px solid #336699;
}

#homecontact h1 {
    background:none;
    color: #336699;
    font-weight: bold;
    padding-left: 5px;
    font-size: 14px;  
    margin: 0px; 

}

#homecontact P {
    background:none;
    color: #333333;
    font-weight: normal;
    padding-left: 5px;
    font-size: 14px;  
    margin: 0px;

}

#homegovdelivery {
    background:#e7e7e7 url(/images/promo-background.png) repeat-x;
    border-top: 2px solid #336699;
}

#homegovdelivery h1 {
    background:none;
    color: #336699;
    font-weight: bold;
    padding-left: 5px;
    font-size: 14px;  
    margin: 0px; 
}

#homegovdelivery P {
    background:none;
    color: #333333;
    font-weight: normal;
    padding-left: 5px;
    font-size: 14px;  
    margin: 0px;
}


/*
table.meta {
  width: 320px;
}
*/

table.meta td {
    font-weight: bold;
    padding: 3px 0px;
}

table.meta .meta-dt {
    font-weight: bold;
    width: 155px;
}

table.meta .meta-dd a {
    font-weight: bold;
    padding: 3px;
    white-space: nowrap;
}


/* Home page */

h1#tagline {
    padding-right: 30px;
    padding-top: 5px;
    margin-bottom: 16px;
    color: rgb(31,61,125);
    letter-spacing: normal;
    word-spacing: normal;

}


/* Special content */

body.single #content {
    /* border: 1px solid black;
    padding: 6px 10px; */
}

body.single #content > .header {
    border-bottom: 2px solid #336699;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

body.single #content .figure {
    /*
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 10;
    */
    float: right;
    margin: 4px 0px 4px 10px;
}

.portrait {
    float: right;
    margin: 0px 0px 8px 16px;
}

/*body.single*/ #content > .footer > .section {
    color: #333;
    border-top: 2px solid #336699;
    padding: 20px 0px 0px 0px;
    margin-top: 20px;
}

dl {
    clear: both;
}

body.single #content dl, body.single #content .hgroup {
    padding-right: 125px;
    min-height: 20px;
}

dt {
    clear: left;
    float: left;
    width: 160px;
    font-weight: bold;
    margin-bottom: 8px;
}

dd {
    margin-bottom: 8px;
    margin-left: 0px;
    font-weight: bold;
}

dd a {
    white-space: nowrap;
}


/* Tabbed Sections */

.tabs {
    margin-top: 5px;
}

.tabs > ul {
    clear: both;
    border-bottom: 2px solid #336699;
    padding: 4px 0px;
    margin-bottom: 0px;
}

.tabs > ul li {
    display: inline;
    list-style: none;
    font-size: 13px;
    font-weight: bold;
}

.tabs > ul a, #content .tabs > ul a {
    padding: 4px 10px;
    border: 1px solid #ddd;
    border-bottom: 0px none;
    margin-right: 10px;
    background: #f2f2f2;
}

.tabs > ul a.current, .tabs > ul a.current:hover, #content .tabs > ul a.current {
    background: #336699;
    color: white !important;
    padding-top: 5px;
    border: 0px none;
}

.tabs > ul a:hover {
    background: #336699 !important;
    color: white !important;
}

.pane {
    display: none;
}

.pane.current {
    display: block; 
}



/*  Rules to fix stupid internet explorer  */

#bodyheader {
    display: block;
    zoom: 1;
}



a span.h2:hover {
    text-decoration: underline;
}

#feediconnews {
    display: inline;
    position: absolute;
    left:110px;
    top: -15px
}

/*Knowledge Compendium Styles */

body.site-knowledge #primary {
    padding: 0;
}

body.site-knowledge .hgroup h2{
    font-size: 18px;
}

body.site-knowledge #secondary,  body.site-knowledge .secondary { width: 288px; padding-left: 32px; }

#kcheader {
    display: block;
    background-color: #336699;
    height:100%;
    *height:35px;
    margin-bottom: 10px;
    padding-top: 5px;
}

#kcheader h1{
    color: #fff;
    padding-top: 4px;
    padding-left: 8px;

}

#kcheader .hgroup {
    padding: 0;
    margin: 0;
    background-color: #fff;
}


#kcheader .hgroup h2{
    padding: 0;
    padding-top:10px;
    margin: 0;
    font-size: 18px;

}

#kcheader #searchString {
    width: 175px;
    height: 15px;
    position: absolute;
    right: 45px;
    top: 7px;
}

#kcheader #search-go {

    position: absolute;
    top:8px;
    right: 0px;

}
/*Fix KC left nav in IE7 */
body.site-knowledge #leftnav ul {
    *height: 100%;
}

body.site-knowledge #search{
    *height: 1000px;
}