/*
  Running MySource Matrix
  Developed by Squiz - http://www.squiz.net
  MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 07 February 2012 07:16:58
*/


/*
-----------------------------------------------------
Layout CSS file for screen media [digitaluk.co.uk]
FileName:layout.css

Author: Paul Love [ paull at thegrandunion dot com ]
For: The Grand Union [ www.thegrandunion.com ]
-----------------------------------------------------
*/

/* general */
.accessibility {
    /* Hide contents off-left */
    height:1px; 
    left:0px; 
    overflow:hidden;
    position:absolute; 
    top:-500px;
    width:1px; 
}
body {
    text-align:center;
    margin:0;
}




div#frame {
    margin:0 auto 0 auto;
    position:relative;
    text-align:left;
    width:760px;
}

/* main header layout */
#header 
{
    left:50%;
    margin:9px 0 0 -380px;
    position:absolute;
    text-align:left;
    top:0px;
    width:760px;
}
div#logo 
{
    float:left;
    height:35px;
    margin-left:10px;
    width:346px;
}


div#gov_logo 
{
    float:left;
    height:46px;
    margin-left:3px;
    width:346px;
      
}

div#nav 
{
    float:left;
    position:relative;
    width:760px;   
}
div#nav ul#mainNav 
{
    color:#333; /***sam*/
    text-align:right;
    width:760px;
}


/* content and standard 3 columns */
div#contentFrame {
    /* T */
    float:left;
    margin-top:132px;
    position:relative;
    z-index:20;
    padding-top:10px;
}
div#content {
    float:right;
    width:571px;
    padding-bottom:20px;
}
div#content p b
{
color:#676767;
}
div.leftCol {
    float:left;
    width:189px;
}
div.gov_main {
    /* T */
    float:left;
    width:365px;
    padding-left:7px;
    padding-right:1px;
}
div.rightCol {
    float:right;
    width:189px;
}

div.gov_rightCol {
    float:right;
    width:189px;
    margin-top:-267px;
    margin-right:12px;
}

/* options columns */
body.wide div#content {
    width:569px;
}
body.wide div.main {
    width:569px;
}

/* options full page column */
body.wide div#content.fullPageContent {
    width:760px;
}

body.wide div#content.fullPageContent div.main{
    width:760px;
}

/* home columns */
body.home div.row {
    float:left;
}

body.home div#content {
    width:760px;
}
body.home div.main,
body.home div.leftCol {
    width:379px;
}
body.home div.main {
    float:right;
}
body.home div.latestNewsHomePage {
    min-height: 150px;
    background:#e7e7e7;
}

/* Digit Al Flash */
div.main div#digitAl {
    margin-bottom:9px;
}

/* header elements */

/* language bar */
div#language {
    font-size:.9em;
    float:right;
    margin-top:11px;
    padding:1px;
    text-align:right;
    width:440px;
}
div#language h3,
div#language ul {
    color:#7f7f7f;
    display:inline;
}
div#language h3 {
    background:#e7e7e7;
    font-size:1em;
    font-weight:normal;
    padding:4px 4px 4px 6px;
}
div#language ul {
    background:#e7e7e7;
    margin:0;
    padding:4px 6px 4px 4px;
}
div#language ul li {
    background:url(http://www.digitaluk.co.uk/__data/assets/image/0018/7353/general_divider.gif) no-repeat center right;
    display:inline;
    margin-left:0;
    padding-right:5px;
}
div#language ul li.last {
    background:none;
    margin-left:3px;
    padding-right:0;
} 
div#language ul li a {
    color:#000;
}

/* main nav / switch nav */
div#nav {
    background:#8b0448 url(http://www.digitaluk.co.uk/__data/assets/image/0017/7352/mainnav_bg_grad_curve.gif) no-repeat;
    margin-top:3px;
}
/* main nav bar */
div#nav ul#mainNav {
    font-size:.9em;
    float:right;
    margin:0;
    text-align:left;
    width:auto;
}
div#nav ul#mainNav li { 
    background:url(http://www.digitaluk.co.uk/__data/assets/image/0016/7351/mainnav_divider_bg.gif) no-repeat top right;
    list-style:none;
    float:left;
    margin-left:20px; /* cy */
    padding:4px 20px 4px 0; /* cy */
    white-space:nowrap !important;
}
div#nav ul#mainNav li a {
    color:#fff;
}
div#nav ul#mainNav li.last {
    padding-right:20px; /* cy */
}
div#nav ul#mainNav li.selected a,
div#nav ul#mainNav li a:hover,
div#nav ul#mainNav li a:focus {
    color:#000 !important;
}

/* search box */
#form_wrapper_1
{
    font-size:.9em;
    float:right;
    margin-top:11px;
    padding:1px;
    text-align:right;
    width:190px;
}
#gov_searchForm {
    
    
    padding-top:2px;
    height:23px;
    text-align:right;
 
    padding-bottom:4px;
    
    background:#e7e7e7;
   
   
    
    
}
#gov_searchForm fieldset {border:0; margin:0;}
#gov_searchForm input#search-site {
    margin-top:2px; /* T */
    padding-left:5px;
    font-size:0.9em;
    width:130px;
    color:#666;
    
    border:1px solid #690237;
  
}
#gov_searchForm input#searchSubmit {
    
    padding:0 16px 0 0;
    xxborder-top:1px solid #fff;
    vertical-align:top;
    color:black;
    margin-top:3px;
}
#gov_searchForm input#searchSubmit:hover {
    color:#000;
}
/* switch nav bar */
div#nav div#switchNav {
    background:url(http://www.digitaluk.co.uk/__data/assets/image/0004/7339/switchnav_bg_grad_curve.jpg) no-repeat bottom left;
    float:left;
   
    padding:12px 0 1px 0;
    width:100%;
}
/* h3 uses gilder/levin image replacement */
div#nav div#switchNav h3 {
    color:#fff;
    float:left;
    font-size:1em;
    height:41px;
    position:relative;
    margin:0 0 0 9px;
    width:161px;
}
div#nav div#switchNav h3 span {
    background:url(http://www.digitaluk.co.uk/__data/assets/image/0015/7350/title_header_thetvswitchover.gif) no-repeat;
    height:100%;
    position:absolute;
    width:100%;
}
div#nav div#switchNav ul {
    width:572px;
    float:right;
    margin:0;
}
div#nav div#switchNav ul li {
    float:left;
    list-style:none;
    margin-left:0;
    height:41px;
}
/* 
Image replacement for Nav
Uses Phark technique: http://www.mezzoblue.com/tests/revised-image-replacement/#phark2
Plus modified NAF-IR http://www.cssplay.co.uk/menu/naf_ir.html 
*/
div#nav div#switchNav ul li a {
    background:url(http://www.digitaluk.co.uk/__data/assets/image/0005/7349/switchnav_li_bg.gif);
    display:block;
    height:0;
    position:relative;
    width:0;
}
div#nav div#switchNav ul li a em { 
    background:#fff url(http://www.digitaluk.co.uk/__data/assets/image/0005/7349/switchnav_li_bg.gif);
    cursor:pointer; /* to set the pointer correctly as a link in IE */
    display:block; 
    height:41px;
    position:absolute; 
    text-indent:-10000px;
}
div#nav div#switchNav ul li a:hover em,
div#nav div#switchNav ul li a:focus em,
div#nav div#switchNav ul li.selected a em {
    background-position:0 -41px;
}
div#nav div#switchNav ul li#sWhat,
div#nav div#switchNav ul li#sWhat a em {
    width:134px;
    margin-left:-60px;
}
div#nav div#switchNav ul li#sHow,
div#nav div#switchNav ul li#sHow a em {
    width:134px;
    margin-left:-30px;
}
div#nav div#switchNav ul li#sWhen,
div#nav div#switchNav ul li#sWhen a em {
    width:134px;
    margin-left:-15px;
}
div#nav div#switchNav ul li#sHmuch,
div#nav div#switchNav ul li#sHmuch a em {
    width:134px;
    margin-left:-8px;
}
div#nav div#switchNav ul li#sHelp,
div#nav div#switchNav ul li#sHelp a em {
    width:134px;
    margin-left:-4px;
}

div#nav div#switchNav ul li#sWhat a em { background-image:url(http://www.digitaluk.co.uk/__data/assets/image/0019/7345/what.gif); }
div#nav div#switchNav ul li#sHow a em { background-image:url(http://www.digitaluk.co.uk/__data/assets/image/0003/7347/how.gif); }
div#nav div#switchNav ul li#sWhen a em { background-image:url(http://www.digitaluk.co.uk/__data/assets/image/0018/7344/when.gif); }
div#nav div#switchNav ul li#sHmuch a em { background-image:url(http://www.digitaluk.co.uk/__data/assets/image/0020/7346/howmuch.gif); }
div#nav div#switchNav ul li#sHelp a em { background-image:url(http://www.digitaluk.co.uk/__data/assets/image/0004/7348/help.gif); }
/* Welsh nav rejigged in cy.css */


/* breadcrumb */

div#breadcrumb {

    background:#e7e7e7;
    float:left;
    margin-bottom:1em;
    padding:2px 10px;
    height:20px;
    width:740px;
  
}
div#breadcrumb * {
    margin:0;
    
}
div#breadcrumb h2 {
    color:#7f7f7f;
    float:left;
    font-size:1em;
    font-weight:normal;
}
div#breadcrumb ul {
    float:left;
    font-size:1em;
    margin-left:-5px;
}
div#breadcrumb li {
    color:#f0027f;
    float:left;
    list-style:none;
    padding-left:9px;
}
div#breadcrumb li a {
    background:url(http://www.digitaluk.co.uk/__data/assets/image/0017/7343/breadcrumb_li_bg.gif) no-repeat center right;
    font-weight:normal;
    padding:0 15px 0 5px;
}

/* FAQ styles */
div.cols4 {
    float: left;
    width: 190px /*25%*/;
}

/* footer */
div#footer {
    clear:both;
    font-size:.9em;
}
div#footer p{
    margin-top: 0;
    margin-bottom: 6px;
    padding-left: 3px;
}
div#footer p em{
    font-weight: bold;
    font-style: normal;
}
div#footer ul, div#footer ul li {
    display:inline;
}
div#footer ul li {
    margin-left:1px;
    padding-left:4px;
    float:left;
    white-space:nowrap;
}
div#footer ul li.first {
    border:none;
}
div#footer h3 {
    color:#7f7f7f;
    display:block;
    float:left;
    font-size:1em;
    font-weight:normal;
    margin:0;
    padding-left:16px;
}
div#footer div#support {
    background:url(http://www.digitaluk.co.uk/__data/assets/image/0016/7342/footer_support_bg_curve.jpg) no-repeat;
    padding:8px 0px 4px 0px;
}
div#footer div#support ul li.first {
    margin-left:0px;
    padding-left:0px;
}
div#footer div#support ul {
    padding-right:10px;
    padding-left:10px;
}
div#footer div#support ul li{
    margin: 0px 16px 0px 0px;
    padding: 0px 0px 0px 0px;
}
div#footer div#tools {
    background:url(http://www.digitaluk.co.uk/__data/assets/image/0015/7341/footer_tools_bg_logo_curve.jpg) no-repeat;
    float:left;
    padding-bottom:25px;
    width:100%;
}
div#footer div#tools ul {
    float:left;
    /*padding-right:213px;*/
    text-align:left;
    width:100%; /*372px*/  /* T */
    margin:24px 0 0 5px;
}
div#footer div#tools ul li {
   
    padding:0 4px 0 4px;
    background:url("http://www.digitaluk.co.uk/__data/assets/image/0014/7340/footer-divider.gif") left 3px no-repeat;
}
div#footer div#tools ul li.first     {background:0; padding-right:5px; }
div#footer div#tools ul a.first     {text-decoration:underline; }