﻿/* Global.css */

body
{
  line-height: 1.5em;
  padding-bottom: 40px;
}

em
{
  font-style: italic;
}

textarea
{
  font-family: Arial, Helvetica, Sans-Serif;
}

img
{
  border: 0;
}

h1
{
  font-size: 1.75em;
  font-weight: normal;
  line-height: 1.1em;
}

h2, h3, h4, h5
{
  line-height: 1.3em;
}

p
{
  margin: 0px 0px 10px 0px;
  padding-left: 1px;
  line-height: 1.5em;
}

p.Success
{
  background: url(../images/tick2.gif) no-repeat 2px left;
  padding-left: 17px;
}

p.Attention
{
  background: url(../images/attention.png) no-repeat 2px left;
  padding-left: 17px;
}

p.Note
{
  background-color: #E5E5E5;
  border: solid 1px Silver;
  font-weight: normal;
  padding: 3px 5px;
}

p.Center
{
  text-align: center;
}

a:link
{
  color: #D31F28;
  text-decoration: none;
}

a:visited
{
  color: #D31F28;
  text-decoration: none;
}

a:hover
{
  text-decoration: underline;
}

a:active
{
  color: red;
  text-decoration: none;
}

fieldset
{
  border: solid 2px Silver;
  margin-top: 10px;
  padding: 3px;
}

legend
{
  background-color: #D31F28;
  border-bottom: solid 2px #993333;
  border-right: solid 2px #993333;
  color: White;
  font-size: 13px;
  font-weight: bold;
  padding: 4px 5px 4px 5px;
  margin: 0 0 5px 0.7em;
}

select
{
  font-size: 12px;
}

body#ParentWindow
{
  background: White;
  text-align: center;
}

body#ChildWindow
{
  background: White;
}

body#ParentWindow form#aspnetForm
{
  padding: 0px;
  margin-top: 5px;
  margin-bottom: 0px;
  margin-right: auto;
  margin-left: auto;
  border: 0px; /* opera does not like 'margin:20px auto' */
  text-align: left;
  width: 750px;
}

body#ChildWindow form#aspnetForm
{
  margin: 5px;
}

h1.LogoHeader
{
  background: url(../images/logo_popup.gif) no-repeat 50% right;
  background-color: #D31F28;
  color: white;
  font-size: 1.5em;
  font-weight: bold;
  margin: 0;
  padding: 15px 15px;
  text-align: left;
}

h3.Strapline
{
  font-size: 1.1em;
  font-weight: bold;
  margin: 10px 0;
}

p.BreakWord, span.BreakWord
{
  word-wrap: break-word;
}

/* Header */

#Header
{
  margin: 0;
  width: 750px;
}

#CountryFlag
{
  float: right;
  margin-left: 5px;
  position: relative;
  top: 27px;
}

#Logo
{
  float: right;
  margin: 0;
  position: relative;
  top: 0;
}

/* Global tab buttons */

#GlobalNav
{
  background: url(../images/nav/OuterPanelTop.gif) no-repeat center top;
  clear: both;
  height: 63px;
  margin-top: 0;
  width: 750px;
}

ul.TabMenu
{
  border: 0;
  color: white;
  font-size: 12px;
  font-weight: bold;
  height: 29px;
  left: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  text-align: center;
  top: 0px;
  width: 730px;
  z-index: 2;
}

ul.TabMenu li
{
  background: url(../images/nav/TabOff.gif) no-repeat center top;
  border: 0;
  display: inline;
  float: left;
  height: 29px;
  list-style-type: none;
  margin: 0;
  padding-top: 6px;
  width: 114px;
}

ul.TabMenu li.Selected
{
  background: url(../images/nav/TabOn.gif) no-repeat 0 top !important;
  display: block !important;
}

ul.TabMenu a, ul.TabMenu a:link, ul.TabMenu a:visited
{
  color: #D31F28;
  text-decoration: none;
}

ul.TabMenu a.active, ul.TabMenu a:hover, ul.TabMenu li.Selected a
{
  color: white !important;
  padding: 1px 5px 5px 5px;
  text-decoration: none;
}

/* Global sub menu */

div#SubMenuNav
{
  color: white;
  float: left;
  font-size: 12px;
  height: 23px;
  left: 10px;
  margin: 0;
  padding: 0;
  position: relative;
  top: 0;
  width: 730px;
}

ul.SubMenu
{
  color: #990000;
  float: left;
  font-size: 12px;
  height: 23px;
  left: 0px;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  top: 0;
  width: 500px;
}

ul.SubMenu li
{
  border-right: 1px solid #990000;
  display: block;
  float: left;
  font-weight: bold;
  height: 12px !important;
  margin: 0;
  padding: 1px 7px 1px 7px;
}

ul.SubMenu li.last
{
  border: 0;
}

ul.SubMenu li a, ul.SubMenu li a:link, ul.SubMenu li a:visited
{
  color: #990000;
  text-decoration: none;
}

ul.SubMenu li a:hover, ul.SubMenu li a:active, ul.SubMenu li.Selected a
{
  color: White !important;
  text-decoration: none;
}

/* Quick Search Box */

div.QuickSearchBox
{
  float: right;
  position: relative;
  right: 5px;
  top: 0;
}

div.QuickSearchBox label
{
  color: #D31F28;
  font-size: 11px;
  font-weight: bold;
}

div.QuickSearchBox input.tb
{
  border: solid 1px #D31F28;
  font-size: 11px;
  line-height: 1.3em;
  margin: 0 2px;
  padding: 1px 2px;
  width: 40px;
}

/* Clock */

div.Clock
{
  float: left;
  margin: 0 3px;
}

/* SiteMapPath */

div.SiteMapPath
{
  color: White;
  float: left;
  font-size: 1.0em;
  margin: 0 10px;
}

div.SiteMapPath a, div.SiteMapPath a:link, div.SiteMapPath a:visited
{
  color: #D31F28;
  text-decoration: none;
}

div.SiteMapPath a.active, div.SiteMapPath a:hover
{
  color: White;
  text-decoration: none;
}

/* Buttons */

input.btn
{
  font-size: 13px;
  font-weight: bold;
  border: 1px solid silver;
  background-color: #E5E5E5;
  color: #D31F28;
  text-decoration: none;
}

input.ovr
{
  color: #CC0000;
  cursor: hand;
  font-weight: bold !important;
}

input.Go, input.Del
{
  font-size: 11px !important;
  font-weight: normal !important;
  padding: 0 !important;
}

span.LinkBtn
{
  color: #D31F28;
  margin: 0 4px 0 4px;
}

span.LinkBtn a
{
  margin: 0 2px 0 2px;
}

/* Layout logic */

#OuterPanelBackground
{
  width: 750px;
}

div.NoLogo
{
  background: transparent url(../images/nav/OuterPanelBackground.gif) repeat-y center top;
}

div.WithLogo
{
  background: transparent url(../images/nav/OuterPanelBackground.gif) repeat-y center top;
}

#OuterPanelBot
{
  color: White;
  font-size: 11px;
  position: relative;
  width: 750px;
  height: 20px;
  background: url(../images/nav/OuterPanelBot.gif) no-repeat center top;
}

#OuterPanelBot div.CopyRight
{
  left: 8px;
  position: absolute;
  top: 3px;
}

#OuterPanelBot div.PhoneNumbers
{
  right: 8px;
  position: absolute;
  top: 3px;
}

#PodLayout
{
  padding: 0;
  margin: 0;
  background-color: transparent;
  left: 0;
  min-height: 200px; /*\*/ /*/ display: inline-block; /**/
  position: relative;
  top: 0;
  width: 750px;
}

#PodLayout:after
{
  display: block;
  clear: both;
  content: '.';
  visibility: hidden;
  height: 0;
}
/*\*/
* html #PodLayout
{
  height: 200px;
}
/* */

div.LeftPod
{
  float: left;
  min-height: 200px;
  left: 0;
  margin: 70px 0 0 0;
  position: relative;
  top: 0;
  width: 144px;
}

div.RightPod
{
  float: right;
  min-height: 200px;
  left: -3px;
  margin: 70px 0 0 0;
  position: relative;
  top: 0;
  width: 144px;
}

div.ContentPod
{
  background: transparent url(../images/nav/ContentPodBackground.gif) repeat-y center top;
  background-color: White;
  float: left;
  left: 0;
  margin: 0;
  position: relative;
  top: 0;
  width: 458px;
}

div#ContentPodBot
{
  background: url(../images/nav/ContentPodBot.gif) no-repeat center bottom;
  height: 10px;
  width: 458px;
}

div#ContentFooter
{
  background-color: #FF6600;
  padding: 5px 0;
  text-align: center;
}

div#ContentPodPageHeader
{
  background: transparent url(../images/nav/ContentPodTop.gif) no-repeat left top;
  height: 70px;
  left: 0;
  position: relative;
  top: 0;
  width: 458px;
}

div#ContentPodPageHeader h1
{
  color: White;
  font-family: Arial Narrow, Arial, Sans-Serif;
  font-size: 24px;
  font-weight: normal;
  height: 22px !important;
  left: 28px;
  margin: 0;
  padding: 0;
  position: relative;
  top: 45px;
  width: 350px;
}

#ContentBody
{
  left: 29px;
  margin-top: 20px;
  padding: 0;
  position: relative;
  top: 0;
  width: 400px;
}

div.CapEnd
{
  clear: both;
  padding: 0;
  margin: 0;
  font: 1px/1px monospace !important;
  font: 0px/0px monospace;
}

.clearboth
{
  clear: both;
}

.clearer
{
  background-color: inherit !important;
  clear: both !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Footer Menu */

ul.FooterMenu
{
  color: #7D0305;
  float: right;
  font-size: 0.9em;
  height: 20px;
  list-style: none;
  margin: 5px 0 0 0;
  padding: 0;
}

ul.FooterMenu li
{
  border-right: 1px solid #7D0305;
  float: left;
  height: 10px;
  margin: 0;
  padding: 1px 7px;
}

ul.FooterMenu li.last
{
  border: 0;
}

ul.FooterMenu li.hidden
{
  display: none;
}

ul.FooterMenu li a, ul.FooterMenu li a:link, ul.FooterMenu li a:visited
{
  color: #7D0305;
  text-decoration: none;
}

ul.FooterMenu a.active, ul.FooterMenu a:hover, ul.FooterMenu li.Selected a
{
  color: #D31F28 !important;
  text-decoration: none;
}

/* Popup box */

div#PopUpBox
{
  background-color: #E5E5E5;
  border: solid 1px silver;
  color: black;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=black, Direction=135, Strength=3);
  line-height: 1.3em;
  left: 0;
  padding: 5px;
  position: absolute;
  text-align: left;
  top: 0;
  visibility: hidden;
  z-index: 2;
}

div.PopUpBoxFixedWidth
{
  width: 250px;
}

div#PopUpBox ul
{
  margin: 5px 0 0 0;
  padding: 0;
}

div#PopUpBox li
{
  list-style-type: square;
  margin: 0 0 0 15px;
  padding: 2px 0 2px 0;
}

/* Tick list */

ul.TickList
{
  list-style-type: none;
  margin: 5px 0 0 0;
  padding: 0;
}

ul.TickList li
{
  background: url(../images/tick2.gif) no-repeat 0 1px;
  list-style-type: none;
  line-height: 1.3em;
  margin: 0 0 0 0;
  padding: 0 0 2px 18px;
}

/* Vertical link list menu */

ul.LinkList
{
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.LinkList li
{
  background: url(../images/lnkarrow.gif) no-repeat 0px 3px;
  list-style-type: none;
  margin: 5px 0;
  padding-left: 10px;
}

/* Horizontal link list menu */

ul.LinkListHoriz
{
  list-style: none;
  margin: 0;
}

ul.LinkListHoriz li
{
  display: inline;
  list-style-type: none;
  margin: 5px 5px;
}

ul.LinkListHoriz a, a.Ptr
{
  background: url(../images/lnkarrow.gif) no-repeat 0px 6px;
  padding-left: 10px;
}

ul.LinkListHoriz li.Selected a, ul.LinkListHoriz a:active
{
  font-weight: bold;
}

/* List style none */

ul.ListStyleNone
{
  list-style-type: none;
  margin: 5px 0;
  padding: 0;
}

ul.ListStyleNone li
{
  margin-left: 15px;
  padding: 2px 0;
}

/* Form submit button */

div.Submit
{
  clear: both;
  margin: 15px 0px;
  text-align: center;
}

div.WithBorder
{
  border-top: solid 2px #D31F28;
  padding-top: 10px;
}

/* Button Row */

div.ButtonRow
{
  clear: both;
  margin: 8px 0;
}

div.ButtonRow input
{
  margin: 2px 4px;
}

div.AlignRight
{
  text-align: right !important;
}

div.AlignLeft
{
  text-align: left !important;
}

div.AlignCenter
{
  text-align: center !important;
}

span.accesskey
{
  float: none !important;
  text-decoration: underline;
}

h4
{
  margin: 5px 0;
}

h4.Title
{
  color: #D31F28;
  font-size: 1.5em;
  font-weight: bold;
}

/* Ticker */

div#Ticker
{
  /*color: White;*/
  font-size: 1.2em;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 15px;
  padding: 0;
  /*width: 500px;*/
}

div#Ticker a
{
  /*color: White;*/
  /*text-decoration: none;*/
}

div#Ticker a.active, div#Ticker a:hover
{
  /*color: #FF6600;*/
  /*text-decoration: none;*/
}

div.SpecialOffer
{
  background: url(../images/special-offer.png) no-repeat top right;
  font-size: 1.2em;
  font-weight: bold;
  height: 7em;
  line-height: 1.2em;
  padding: 15px 85px 10px 0;
  text-align: left;
}

div.SpecialOffer a
{
  text-decoration: none;
}

/* =TestForCookies
----------------------------------------------- */
div.TestForCookies
{
  background-color: #eee;
}
