/* 
   LDD : Master Stylesheet
   =======================
   Colin Watts, March 09
   
   RESET DEFAULT STYLING + FOUNDATIONS                             RESET DEFAULT STYLING + FOUNDATIONS ::
--------------------------------------------------------------------------------------------------------- */

@import url("reset.css");

body
{
  background-color: #FFF;
  font:             normal 62.5% Arial, Helvetica, sans-serif;
  color:            #444;
  text-align:       center;
  }
div#wrapper
{
  width:            975px;
  margin:           0 auto;
  text-align:       left;
  }
div.frame
{
  float:            left;
  width:            975px;
  }
div.bordertop
{
  margin-top:       80px !important;
  border-top:       1px solid #DEDEDE;
  padding-top:      9px;
  }

a
{
  text-decoration:  none;
  color:            #444;
  }
a:hover
{
    text-decoration:underline;
}

a.skiplink { display: none; }

img { display: block;       }

/* HEADER                                                                                       HEADER ::
--------------------------------------------------------------------------------------------------------- */
div#header
{
  position:         relative;
  margin:           23px 0 0;
  background:       #FFF url("../img/header_bg.jpg") no-repeat top right;
  }
div#header h1 a, div#header a.logo
{
  float:            left;
  width:            166px;
  height:           83px;
  text-indent:      -9999px;
  background:       #FFF url("../img/ldd_logo.gif") no-repeat 0 0;
  }
div#header div.form, div#header fieldset
{
  float:            right;
  width:            358px;
  background-color: #EFEFEF;
  }
div#header fieldset
{
  padding:          4px 0;
  }
div#header label
{
  float:            left;
  width:            78px;
  w\idth:           67px;
  padding:          3px 0 0 11px;
  font-size:        1.1em;
  }
div#header input
{
  float:            left;
  width:            220px;
  w\idth:           212px;
  padding:          2px 4px;
  background-color: #FFF !important;
  font-size:        1.3em;
  }
div#header button
{
  float:            left;
  display:          inline;
  margin:           0 0 0 4px;
  padding:          2px 3px 2px 4px;
  font-family:      Arial, Helvetica, sans-serif;
  font-size:        1.1em;
  text-decoration:  underline;
  cursor:           pointer;
  }
div#header dl
{
  position:         absolute;
  top:              60px;
  right:            0;
  width:            338px;
  }
div#header dd
{
  float:            left;
  display:          inline;
  font-size:        1.5em;
  margin-left:      8px;
  }
div#header dt.tel
{
  float:            left;
  text-indent:      -9999px;
  background:url("../img/telephone.gif") no-repeat;
  width:            173px;
  height:           21px;
  
}

div#header dt.email
{
  background:url("../img/email.gif") no-repeat;
  float:left;
}
div#header dt.email a
{
    text-indent:-9999px;
    display:block;
    float:left;
    width:164px;
    height:21px;
}

/* NAVIGATION                                                                               NAVIGATION ::
--------------------------------------------------------------------------------------------------------- */
div#nav
{
  margin-top:       22px;
  }
div#nav ul, div#nav ul li
{
  float:            left;
  }
div#nav ul li
{
  position:         relative;
  z-index:          100;
  width:            102px;
  margin-right:     7px;
  }
div#nav ul li.last
{
  margin-right:     0px;
  width:            103px;
  }
div#nav ul li a
{
  display:          block;
  width:            102px;
  w\idth:           96px;
  border:           1px solid #CCC;
  border-width:     10px 0 1px;
  padding:          5px 0 0 6px;
  min-height:       40px;
  height:           auto !important;
  height:           40px;
  font-size:        1.2em;
  color:            #012B55;
  }
div#nav ul li.active a, div#nav ul li.active a:hover
{
   border-top:       10px solid #FC0;
   border-bottom:    1px solid #666;
   border-top-color:#FC0 !important;
}
div#nav ul li a:hover, div#nav ul li.sfHover a
{
  border-top:       10px solid #666;
  border-bottom:    1px solid #666;
  }
div#nav ul ul
{
  display:          none;
  position:         absolute;
  top:              56px;
  left:             -2px;
  z-index:          100;
  width:            110px;
  padding:          0 0 6px;
  background:       url("../img/menu_shadow_bottom.png") no-repeat bottom center;
  }
/* CSS ONLY DROP DOWN...
div#nav ul :hover > ul
{
  display:          block;
  }
*/
div#nav ul ul li
{
  width:            110px !important;
  margin:           0;
  background:       url("../img/menu_shadow_centre.png") repeat-y top right;
  }
div#nav ul ul li a, div#nav ul li.sfHover ul li a
{
  float:            left;
  width:            102px;
  w\idth:           96px;
  border-color:     #DEDEDE;
  border-width:     0 0 1px;
  padding:          10px 1px 5px 5px;
  min-height:       0;
  height:           auto;
  font-size:        1.1em;
  color:            #555;
  background-color:#fff;
  margin-left:2px;
  }
div#nav ul ul li a:hover, div#nav ul li.sfHover ul li a:hover
{
  border-width:     0;
  border-bottom:    1px solid #666;
  color:            #222;
  }
div#nav ul ul li.last a, div#nav ul li.sfHover ul li.last a
{
  border-width:     0 !important;
  }

/* CONTENT                                                                                     CONTENT ::
--------------------------------------------------------------------------------------------------------- */
div#content
{
  margin-top:       14px;
  }
div.highlight
{
  float:            left;
  width:            320px;
  min-height:       300px;
  height:           auto !important;
  height:           300px;
  background:       #FC0 url("../img/white_corner.gif") no-repeat bottom right;
  }
div.highlight p
{
  margin:           20px 15px 15px 15px;
  font-size:        1.7em;
  }
  
div.highlight div p
{
    font-size:  1.2em;
    margin-right:25px;
}

div.highlight p.top
{
    margin: 15px 15px 0 15px;
    background:url("../img/ldd-hometitle.gif") no-repeat;
    width:238px;
    height:25px;
    text-indent:-9999px;
}
div.highlight .homehead
{
  font-size:        1em;
  width:280px;
  }
div#content div#slideshow
{
  float:            right;
  position:         relative;
  width:            648px;
  height:           300px;
  }
div#content div#slideshow img
{
  position:         absolute;
  top:              0;
  left:             0;
  z-index:          8;
  opacity:          0.0;
  }
div#content div#slideshow img.active
{
  z-index:          10;
  opacity:          1.0;
  }
div#content div#slideshow img.last-active
{
  z-index:          9;
  }
div#content div#slideshow img.corner
{
  top:              auto;
  right:            0;
  bottom:           0;
  left:             auto;
  opacity:          1.0;
  z-index:          15;
  }

/* SIDEBAR                                                                                     SIDEBAR ::
--------------------------------------------------------------------------------------------------------- */
div#sidebar, div#sidebar h3, div#sidebar ul, div#sidebar ol, div#sidebar li, div#sidebar li a
{
  float:            left;
  width:            211px;
  }
div#sidebar h3
{
  w\idth:           197px;
  padding:          14px 0 14px 14px;
  background-color: #FC0;
  font-size:        1.7em;
  
  /* image replacement */
  width:            211px;
  height:           48px;
  padding:          0;
  background:       #FC0 url("../img/in_this_section.gif") no-repeat 0 0;
  text-indent:      -9999px;
  }
div#sidebar ul
{
  margin:           2px 0 0;
  }
div#sidebar li
{
  margin:           5px 0 0;
  }
div#sidebar li a
{
  width:            286px;
  w\idth:           177px;
  padding:          5px 20px 5px 9px;
  border-left:      5px solid #E8E8E8;
  background:       #E8E8E8 url("../img/sub_nav_arrow.gif") no-repeat 187px center;
  font-size:        1.2em;
  color:            #00264B;
  }
div#sidebar li.active a, div#sidebar li.current a, div#sidebar li a:hover
{
  border-color:     #CCC;
  background-color: #CCC;
  background-image: url("../img/sub_nav_arrow_hover.gif");
  }
div#sidebar li.current a, div#sidebar li.current a:hover
{
  border-color:     #00264B;
  }
div#sidebar li.active a, div#sidebar li.active a:hover
{
  border-color:     #00264B;
  background-image: url("../img/sub_nav_arrow_active.gif");
  background-position: 184px center;
  }
div#sidebar ol
{
  border-bottom:    6px solid #FFF;
  }
div#sidebar ol li a
{
  border-color:     #FFF !important;
  background-image: none !important;
  background-color: #F9F9F9 !important;
  font-size:        1.1em;
  color:            #4A657F;
  }
div#sidebar ol li.active a, div#sidebar ol li a:hover
{
  color:            #00264B;
  }

/* PRIMARY                                                                                     PRIMARY ::
--------------------------------------------------------------------------------------------------------- */
div#primary
{
  float:            right;
  width:            757px;
  }
div#primary .article ul
{
 list-style-type:none;
}

div#primary .article ul li
{
 margin-top:5px;
 background:url("../img/bullet.gif") no-repeat 0 5px;
 font-size:1.2em;
 padding-left:10px;
}

p#breadcrumb
{
  padding:          2px 0 0 5px;
  font-size:        1.3em;
  }
p#breadcrumb, p#breadcrumb a
{
  color:            #012B55;
  }
p#breadcrumb a:hover, p#breadcrumb a:first-child
{
  text-decoration:  underline;
  }
div.article
{
  float:            left;
  width:            458px;
  w\idth:           400px;
  margin:           37px 0 0;
  padding:          0 0 0 58px;
  background:       #FFF url("../img/article_bg.gif") no-repeat 26px 1px;
  }
div.compact
{
  width:            402px;
  w\idth:           344px;
  }
div.article h1
{
  font-size:        3.8em;
  color:            #012B55;
  border-bottom:    20px solid #FFF;
  }

div.article h4
{
  margin:           1.4em 0 .2em;
  font-size:        1.2em;
  }
div.article p
{
  margin:           1.2em 0 .4em;
  font-size:        1.2em;
  line-height:      1.4em;
  color:            #222;
  }
 div.article a
 {
  text-decoration:underline;
 }
div.article p.nomargin
{
  margin:           0 0 .4em;
  }
div.extras
{
  float:            right;
  width:            275px;
  margin:           100px 0 0;
  }
div.extras img
{
  border:           6px solid #DEDEDE;
  }
div.extras .video
{
   width:           264px;
   margin:          20px 0 0; 
   border:          6px solid #DEDEDE;
  }
div.extras ul, div.extras li, div.extras li a, div.extras li div
{
  float:            left;
  width:            275px;
  }
div.extras ul
{
  margin:           6px 0 0;
  }
div.extras li a
{
  width:            275px;
  w\idth:           261px;
  padding:          5px 0 5px 14px;
  background:       #E8E8E8 url("../img/sub_nav_arrow.gif") no-repeat 255px center;
  font-size:        1.2em;
  color:            #00264B;
  }
div.extras li a:hover
{
  background-color: #CCC;
  background-image: url("../img/sub_nav_arrow_hover.gif");
  }
div.extras li.active a, div.extras li.active a:hover
{
  background-color: #CCC;
  background-image: url("../img/sub_nav_arrow_active.gif");
  background-position: 252px center;
}
div.extras li div
{
  background-color: #F9F9F9;
  }
div.extras li div p
{
  margin:           8px 0 0 14px;
  font-size:        1.1em;
  }
div.extras li div ul
{
  width:            259px;
  w\idth:           233px;
  margin:           0;
  padding:          0 13px 13px;
  border:           8px solid #F9F9F9;
  background-color: #FFF;
  }
div.extras li div li
{
  width:            233px;
  padding:          13px 0 0;
  }
div.extras li ul a, div.extras li ul a:hover
{
  width:            auto;
  margin:           0 5px 0 0;
  padding:          0;
  background:       transparent none no-repeat 0 0 !important;
  font-size:        1.1em;
  color:            #333;
  text-decoration:  underline;
  }
div.extras li ul a:hover
{
  color:            #012B55;
  }
div.imageswitch img
{
    float:left;
    border:0;
    margin-right:2px;
    margin-top:10px;
    border:3px solid #DEDEDE;
}
div.overview
{
  float:            right;
  width:            731px;
  w\idth:           720px;
  margin:           40px 0 0;
  padding:          0 0 0 11px;
  }
div.heading
{
  background:       #FFF url("../img/article_bg.gif") no-repeat 0 1px;
  }
div.heading h1
{
  margin:           -3px 0 0 21px;
  font-size:        3.8em;
  line-height:      1em;
  color:            #012B55;
  border-bottom:    20px solid #FFF;
  }
div.overview ul, div.overview li
{
  float:            left;
  width:            720px;
  }
div.overview li
{
  position:         relative;
  margin:           6px 0 0;
  padding:          0 0 15px;
  background-color: #F6F6F6;
  min-height:       137px;
  height:           auto !important;
  height:           137px;
  }
div.overview ul ul
{
  display:          inline;
  width:            699px;
  margin:           0 0 0 21px;
  border:           1px solid #FCFCFC;
  border-width:     12px 0 15px;
  }
div.overview ul ul li
{
  width:            699px;
  w\idth:           689px;
  padding:          0 0 0 10px;
  min-height:       0;
  height:           auto;
  background:       #FCFCFC url("../img/bullet.gif") no-repeat left center;
  font-size:        1.2em;
  }
div.overview li img
{
  /*position:         absolute;
  top:              0;
  right:            0;*/
  float:right;
  border:           6px solid #DEDEDE;
  }
div.overview li h2
{
  margin:           17px 0 0 21px;
  font-size:        1.8em;
  }
div.overview li.image h2
{
  width:            460px;
  }
div.overview li h2 span
{
  font-weight:      normal;
  }
div.overview li h4
{
  margin:           17px 0 0 21px;
  font-size:        1.8em;
  font-weight:      normal;
  }
div.overview li h5
{
  margin:           17px 0 0 21px;
  font-size:        1.3em;
  }
div.overview li h6
{
  margin:           17px 0 0 21px;
  font-size:        1.1em;
  }
div.overview li h6.nomargin
{
  margin:           0 0 0 21px;
  }
div.overview li p
{
  margin:           21px 25px 0 21px;
  line-height:      1.4em;
  font-size:        1.2em;
  }
div.overview li.image p
{
  width:            460px;
  }
div.overview p#pagination
{
  float:            left;
  display:          inline;
  width:            670px;
  margin:           20px 0 0 21px;
  font-size:        1.2em;
  }
div.overview p#pagination a
{
  margin:           0 2px;
  }
div.overview p#pagination a.current
{
  text-decoration:  underline;
  }
div.secondary
{
  float:            right;
  width:            320px;
  margin:           100px 0 0;
  }
div.secondary img
{
  border:           6px solid #DEDEDE;
  }
div.secondary a span
{
  float:            left;
  width:            320px;
  w\idth:           314px;
  padding:          0 0 6px 6px;
  background-color: #DEDEDE;
  font-size:        1.1em;
  color:            #222;
  }
div.secondary div.form
{
  float:            left;
  width:            320px;
  margin:           13px 0 0;
  padding:          0 0 15px;
  background:       #FCFCFC url("../img/white_corner.gif") no-repeat bottom right;
  }
div.secondary fieldset
{
  float:            left;
  display:          inline;
  width:            290px;
  margin:           15px 15px 0;
  }
div.secondary fieldset h2
{
  font-size:        1.9em;
  font-weight:      normal;
  color:            #00264B;
  }
div.secondary fieldset p
{
  margin:           10px 0 0;
  font-size:        1.2em;
  }
div.secondary div.form ol, div.secondary div.form li
{
  float:            left;
  width:            290px;
  margin:           10px 0 0;
  }
div.secondary div.form li
{
  margin:           5px 0 0;
  }
div.secondary label
{
  display:          none;
  }
div.secondary p label
{
  display:          block;
  font-size:        .9em;
  }
div.secondary input, div.secondary textarea
{
  float:            left;
  width:            182px;
  w\idth:           174px;
  padding:          4px;
  background-color: #FFF !important;
  border:           1px solid #9A9A9A;
  font-family:      Arial, Helvetica, sans-serif;
  font-size:        1.1em;
  }
div.secondary textarea
{
  width:            252px;
  }
div.secondary .checkbox input
{
  width:            20px;
  border-width:     0;
  }
div.secondary a.button
{
  float:            right;
  margin:           10px 25px 0 0;
  padding:          2px 0;
  font-family:      Arial, Helvetica, sans-serif;
  font-size:        1.2em;
  color:            #00264B;
  text-decoration:  underline;
  cursor:           pointer;
  }

/* FOOTER                                                                                       FOOTER ::
--------------------------------------------------------------------------------------------------------- */
div#footer
{
  margin-top:       14px;
  }
div#footer div.latest, div#footer div.keyOffering
{
  float:            left;
  width:            320px;
  padding:          0 0 15px;
  background:       #DEDEDE url("../img/white_corner_small.gif") no-repeat bottom right;
  }
div#footer div.keyOffering
{
  width:            429px;
  border-left:      7px solid #FFF;
  }
div#footer div.latest h3, div#footer div.form h3
{
  float:            left;
  display:          inline;
  margin:           15px 0 0 15px;
  font-size:        1.7em;
  }
div#footer div.keyOffering h3
{
    height:14px;
    font-size:13px;
    padding:19px 0 0 14px;
}
div#footer div.form h3
{
  color:            #FFF;
  }
div#footer div.latest h3
{
  /* image replacement */
  width:            117px;
  height:           33px;
  margin:           0;
  background:       #DEDEDE url("../img/latest_news.gif") no-repeat 0 0;
  text-indent:      -9999px;
  }
div#footer h3#newsSignUp
{
  /* image replacement */
  width:            132px;
  height:           37px;
  margin:           0;
  background:       #999 url("../img/news_sign_up.gif") no-repeat 0 0;
  text-indent:      -9999px;
  }
div#footer div.latest ul, div#footer div.keyOffering dl
{
  float:            left;
  display:          inline;
  width:            290px;
  w\idth:           270px;
  margin:           15px 15px 0;
  padding:          0 10px;
  background:       #FFF url("../img/inner_corner.gif") no-repeat bottom right;
  min-height:       165px;
  height:           auto !important;
  height:           165px;
  }
div#footer div.keyOffering dl
{
  width:            399px;
  padding:          0;
  }
div#footer div.latest li
{
  float:            left;
  position:         relative;
  width:            270px;
  margin:           12px 0 0;
  }
div#footer div.keyOffering dt, div#footer div.keyOffering dd
{
  float:            left;
  width:            195px;
  }
  
div#footer div.keyOffering dd
{
  width:            204px;
  w\idth:           174px;
  padding:          15px;
  }
div#footer div.latest h6
{
  position:         absolute;
  top:              0;
  left:             0;
  }
div#footer div.latest h5, div#footer div.latest p
{
  margin:           0 0 0 60px;
  }
div#footer div.latest h6, div#footer div.latest h5, div#footer div.latest p
{
  font-size:        1.1em;
  }
div#footer div.keyOffering h6, div#footer div.keyOffering h5, div#footer div.keyOffering p, div#footer div.form p
{
  font-size:        1.2em;
  }
/*div#footer div.keyOffering p
{
  margin:           1em 0 0;
  }*/
div#footer div.form p
{
  line-height:      1.3em;
  color:            #FFF;
  }
div#footer div.form
{
  float:            right;
  width:            212px;
  padding:          0 0 15px;
  background:       #999 url("../img/white_corner_small.gif") no-repeat bottom right;
  min-height:       215px;
  height:           auto !important;
  height:           215px;
  }
div#footer fieldset
{
  float:            left;
  display:          inline;
  width:            182px;
  margin:           12px 15px 0;
  }
div#footer div.form ol, div#footer div.form li
{
  float:            left;
  width:            182px;
  margin:           10px 0 0;
  }
div#footer div.form li
{
  margin:           5px 0 0;
  }
div#footer label
{
  display:          none;
  }
div#footer input, div#footer select
{
  float:            left;
  width:            182px;
  w\idth:           174px;
  padding:          2px 4px;
  background-color: #FFF !important;
  font-size:        1.1em;
  border:           0;
  }
div#footer select
{
  width:            182px;
  padding:          1px 2px 1px 0;
  }
div#footer select.title
{
  width:            60px;
  }
div#footer input.forename
{
  width:            109px;
  margin-left:      5px;
  }
div#footer .button
{
  float:            left;
  margin:           10px 0 0 0;
  padding:          2px 0;
  font-family:      Arial, Helvetica, sans-serif;
  font-size:        1.2em;
  color:            #FFF;
  text-decoration:  underline;
  cursor:           pointer;
  }

/* SMALLPRINT                                                                               SMALLPRINT ::
--------------------------------------------------------------------------------------------------------- */
div#smallprint
{
  position:         relative;
  margin-top:       26px;
  margin-right:     -3px;
  height:           80px;
  background:       #FFF url("../img/smallprint_bg.jpg") no-repeat top right;
  }
div#smallprint p
{
  margin:           18px 0 0;
  }
div#smallprint p a:hover
{
  color:            #222;
  text-decoration:  underline;
  }
a#acteon
{
  position:         absolute;
  top:              0;
  right:            40px;
  width:            182px;
  height:           24px;
  background:       #FFF url("../img/acteon_logo.gif") no-repeat 0 0;
  text-indent:      -9999px;
  }