html
{
	min-height: 100%;
	height: auto;
	height:100%;
}
/* form items below very NB for 100% height to work in ASP.Net*/
form
{
	min-height: 100%;
	height: auto;
	height:100%;
	z-index:0;
}
td
{
    text-align:left;
}
body
{
	background: url(../images/bubbles.gif) top;
	margin:0 0 0 0;
    font-family:Trebuchet MS,Arial, Tahoma;
	min-height: 100%;
	height: auto;
	height:100%;
	font-size:9pt;
}
#header
{
	background: url(../images/header_bg3.gif) repeat-x top;
	height:76px;
    width:100%;
}
#headerContainer
{
    width:990px;
    margin:0 auto;
}
#page-container
{
	height:auto;
	/* DO NOT PUT HEIGHT:100% - STUFFS EVERYTHING UP */
	min-height:100%;
	position:relative ;
    width:100%;
	margin: 0 auto;
    background-color: transparent; 
}
#footer-container {
    clear:both;
    width:100%;
	/* Line below very NB for 100% height to work */
	margin: -100px auto;
	position: absolute;
    height:100px;
    background: url(../images/bg_footer.gif) repeat-x top;
    z-index:0;
}
#footer
{
	margin: 0 auto;
    width:990px;
	clear: both;
	position: relative;
	padding-bottom:0px;
	padding-top:0px;
    height:100px;
}
.footerInfo
{
    font-size:8pt;
    color:#ffffff;
    text-align:left;
}
.footerInfo a
{
    color:#ffffff;
    text-decoration:none;
}
.footMainLinks
{
    font-size:8pt;
    color:#ffffff;
    padding-top:3px;
}
.footMainLinks a
{
    color:#ffffff;
    text-decoration:none;
}
.footMainLinks a:hover
{
    color:#ffffff;
    text-decoration:underline;
}
.footerInfo a:hover
{
    color:#ffffff;
    text-decoration:underline;
}
div.line {border-top: 1px dotted #cecece; margin: 0.5em 10px -0.5em 0; width:100%;text-align:center;} 
div.line hr {visibility:hidden;} 
#pageHeading
{
	background: url(../images/BlueTile_bg.gif) top;
}
#pageHeadingContainer
{
    width:990px;
    margin:0 auto 0;
    padding:15px 15px 5px 15px;
}
#logo
{
    padding:25px 0 0 20px;
    width:220px;
    margin:0 708px 0 0;
}
#nav
{
    padding:19px 20px 0 0;
    width:688px;
    margin:0 0 0 0;
}
#navContent
{
    width:350px;
	background: url(../images/navBG_tile.gif) repeat-x top;
}
.slideHolder
{
    padding:5px 5px 5px 5px;
    margin:0 0 0 0;
    background-color:#ffffff;
}
.noticeHolder
{
    padding:5px 5px 5px 5px;
    margin:0 0 0 0;
    background: #f3f3f3  url(../images/componentBG.gif) top repeat-x;
    height:237px;
}
.noticeHeader
{
    color:#003460;
    font-size:12pt;
    font-weight:bold;
    padding-left:8px;
    line-height:30px;
    border:1px dotted #cecece;
}
.contentColumn
{
    padding:5px 5px 5px 5px;
    background-color:#ffffff;
}
#pageContent
{
    width:990px;
    margin:0 auto;
	min-height: 100%;
	height:100%;
	height:auto;
	/* Bottom margin below very NB for 100% height to work (matches footer height) */
    padding:10px 0 105px 0;
}
h1
{
    font-family:Trebuchet MS,Arial, Tahoma;
    color:#ffffff;
    margin:0 0 0 0;
    padding:0 0 0 0;
    font-weight:normal;
    font-size:15pt;
}
h2
{
    font-family:Trebuchet MS,Arial, Tahoma;
    color:#00335f;
    margin:0 0 0 0;
    padding: 0 0 0 15px;
    font-weight:bold;
    font-size:12pt;
}
.PageDescription
{
    color:#ffffff;
    font-size:8pt;
    text-align:justify;
    margin:0 0 0 0;
    padding:10px 0 0 0;
}
.contactDetails
{
    line-height:20px;
    color:#4c4c4c;
    font-size:10pt;
    padding: 0 0 0 15px;
    font-weight:bold;
}
.PageDescription2
{
    color:#ffffff;
    font-size:8pt;
    text-align:justify;
    margin:0 0 0 0;
    padding:5px 0 0 0;
}
.pager
{
    text-align: left;
    background-color: #ffffff;
    font-family: Trebuchet MS, Tahoma, Verdana, Arial;
    color: #000000;
}
.pager a
{
    text-align: left;
    background-color: #ffffff;
    font-family: Trebuchet MS, Tahoma, Verdana, Arial;
    color: #000000;
    text-decoration:none;
}
.pager a:hover
{
    text-align: left;
    background-color: #ffffff;
    font-family: Trebuchet MS, Tahoma, Verdana, Arial;
    color: #000000;
    text-decoration:underline;
}
#CaseStudiesContent
{
    height:auto;
    padding:10px 15px 10px 30px;
}
.CaseStudyHeading
{
    font-family:Trebuchet MS,Arial, Tahoma;
    color:#00335f;
    margin:0 0 0 0;
    padding: 0 0 0 0;
    font-weight:bold;
    font-size:12pt;
}
.BackNav a
{
    color:#00335f;
    text-decoration:none;
    font-weight:bold;
}
.BackNav a:hover
{
    color:#00335f;
    text-decoration:underline;
    font-weight:bold;
}
.CaseStudyContent
{
    vertical-align:top;
    height:auto;
}
/* Start custom button CSS here
---------------------------------------- */
.btn {
  display:inline-block;
  background:none;
  margin:0;
  padding:3px 0;
  border-width:0;
  overflow:visible;
  font:9pt Arial,Sans-serif;
  text-decoration:none;
  color:#333;
  }
* html button.btn {
  padding-bottom:1px;
  }
/* Immediately below is a temporary hack to serve the 
   following margin values only to Gecko browsers
   Gecko browsers add an extra 3px of left/right 
   padding to button elements which can't be overriden.
   Thus, we use -3px of left/right margin to overcome this. */
html:not([lang*=""]) button.btn {
  margin:0 -3px;
  }
.btn span {
  background:#ddd url(../images/bg-button.gif) repeat-x 0 0;
  margin:0;
  padding:3px 0;
  border-left:1px solid #bbb;
  border-right:1px solid #aaa;
  }
* html .btn span {
  padding-top:0;
  }
.btn span span {
  position:relative;
  padding:3px .4em;
  border-width:0;
  border-top:1px solid #bbb;
  border-bottom:1px solid #aaa;
  }

/* pill classes only needed if using pill style buttons ( LEFT | CENTER | RIGHT ) */
a.pill-l span {
  border-right-width:0;
  }
a.pill-l span span {
  border-right:1px solid #bbb;
  }
a.pill-c span {
  border-right-style:none;
  border-left-color:#fff;
  }
a.pill-c span span {
  border-right:1px solid #bbb;
  }
a.pill-r span {
  border-left-color:#fff;
  }

/* only needed if implementing separate hover/focus/active state for buttons */
.btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span {
  cursor:pointer; /* important for any clickable/pressable element */
  border-color:#9cf !important;
  color:#000;
  }
.btn:active span {
  background-position:0 -400px;
  outline:none;
  }
.btn:focus, .btn:active {
  outline:none; /* doesn't seem to be respected for <button>, only <a> */
  }

/* use if one button should be the 'primary' button */
.primary {
  font-weight:bold;
  color:#000;
  }
.pledgeCompulsory
{
    color:#da271a;
    font-size:9pt;
    text-align:left;
}
.pledgeInput
{
    font-family:Arial;
    font-size:9pt;
    color:#4a4a4a;
}
.pledgeInput a
{
    font-family:Arial;
    font-size:9pt;
    color:#4a4a4a;
    text-decoration:none;
}
.pledgeInput a:hover
{
    font-family:Arial;
    font-size:9pt;
    color:#4a4a4a;
    text-decoration:underline;
}
.pledgeInput input
{
    background: url(../images/input_bg.gif) no-repeat top left #f4f4f4;
    border:1px solid #c8c8c8;
    width:343px;
    height:18px;
    font-family:Arial;
    font-size:9pt;
    color:#4a4a4a;
}
.pledgeInput2 input
{
    background: url(../images/input_bg.gif) no-repeat top left #f4f4f4;
    border:1px solid #c8c8c8;
    width:232px;
    height:18px;
    font-family:Arial;
    font-size:9pt;
    color:#4a4a4a;
}
.pledgeInput3 input
{
    background: url(../images/input_bg.gif) no-repeat top left #f4f4f4;
    border:1px solid #c8c8c8;
    width:160px;
    height:18px;
    font-family:Arial;
    font-size:9pt;
    color:#4a4a4a;
}
.pledgeInput4 input
{
    background: url(../images/input_bg.gif) no-repeat top left #f4f4f4;
    border:1px solid #c8c8c8;
    width:284px;
    height:18px;
    font-family:Arial;
    font-size:9pt;
    color:#4a4a4a;
}
.pledgeInput textarea
{
    background-color: #f4f4f4;
    border:1px solid #c8c8c8;
    width:270px;
    height:172px;
    font-family:Arial;
    font-size:9pt;
    color:#4a4a4a;
}
.pledgeInput2 textarea
{
    background-color: #f4f4f4;
    border:1px solid #c8c8c8;
    width:315px;
    height:122px;
    font-family:Arial;
    font-size:9pt;
    color:#4a4a4a;
}
.pledgeInput select
{
    background-color: #f4f4f4;
    border:1px solid #c8c8c8;
    width:347px;
    height:22px;
    font-family:Arial;
    font-size:9pt;
    color:#4a4a4a;
}
.pledgeInput2 select
{
    background-color: #f4f4f4;
    border:1px solid #c8c8c8;
    width:246px;
    height:22px;
    font-family:Arial;
    font-size:9pt;
    color:#4a4a4a;
}
.pledgeInput3 select
{
    background-color: #f4f4f4;
    border:1px solid #c8c8c8;
    width:164px;
    height:22px;
    font-family:Arial;
    font-size:9pt;
    color:#4a4a4a;
}
.pledgeError
{
    background-color:#7eb2f2;
    height:48px;
}
.GeneralError
{
    color:#ffffff;
    font-weight:bold;
    font-size:9pt;
    vertical-align:top;
    padding-top:9px;
    padding-left:3px;
    width:535px;
}
.GeneralError2
{
    color:#ffffff;
    font-weight:bold;
    font-size:9pt;
    vertical-align:top;
    padding-top:9px;
    padding-left:3px;
    width:600px;
}
.tellErr
{
    color:#da271a;
    font-weight:bold;
    font-size:13pt;
    text-align:center;
}
.handPointer
{
    cursor:pointer;
}
.LinkHeading
{
    font-size:13pt;
    text-align:left;
    vertical-align:bottom;
    padding-bottom:10px;
    color:#003460;
    margin:0 0 0 0;
    text-decoration:none;
}
.LinkHeading a
{
    font-size:13pt;
    color:#003460;
    text-decoration:none;
}
.LinkHeading a:hover
{
    font-size:13pt;
    color:#003460;
    text-decoration:underline;
}
.LinkURL
{
    font-size:11pt;
    text-align:right;
    vertical-align:bottom;
    padding-right:20px;
    padding-bottom:10px;
    color:#003460;
    margin:0 0 0 0;
    text-decoration:none;
}
.LinkURL a
{
    font-size:11pt;
    color:#003460;
    text-decoration:none;
}
.LinkURL a:hover
{
    font-size:11pt;
    color:#003460;
    text-decoration:underline;
}
.LinkContent
{
    font-size:7pt;
    text-align:left;
    padding:0 10px 0 0px;
    margin:0 0 0 0;
}
.prodCategories
{
    background-color:#003460;
}
.prodCategoriesHead
{
    color:#ffffff;
    font-size:12pt;
    padding:15px 3px 15px 15px;
}
.prodCategoriesHead a
{
    color:#ffffff;
    font-size:12pt;
    text-decoration:none;
}
.prodCategoriesHead a:hover
{
    color:#ffffff;
    font-size:12pt;
    text-decoration:underline;
}
.catItems
{
    color:#ffffff;
    font-size:9pt;
    padding:6px 3px 6px 0px;
    width:211px;
}
.tileBullet
{
    padding-left:15px;
    width:35px;
}
.catItems a
{
    color:#ffffff;
    font-size:9pt;
    text-decoration:none;
}
.catItems a:hover
{
    color:#ffffff;
    font-size:9pt;
    text-decoration:underline;
}
.catUpdater
{
    position:relative;
    z-index:50;
    left:300px;
    top:50px;
}
.ProductcomponentContainer
{
    border:1px solid #cecece;
    padding:3px 3px 3px 3px;
}
.prodComponent
{
    background-color:#f2f2f2;
    height:200px;
}
.prodDescriptionComponent
{
    min-height:250px;
    padding:5px 10px 5px 10px;
}
.prodImageComponent
{
    background-color:#f2f2f2;
    height:120px;
    padding-top:15px;
    padding-bottom:15px;
}
.prodImage
{
    text-align:center;
}
.prodImage img
{
    border:1px solid #cecece;
}
.prodHighlights
{
    padding:10px 12px 10px 12px;
}
.prodName
{
    padding:10px 12px 10px 12px;
}
.prodName a
{
    color:#003460;
    text-decoration:none;
    font-weight:bold;
    font-size:10pt;
}
.prodName a:hover
{
    color:#003460;
    text-decoration:underline;
    font-weight:bold;
    font-size:10pt;
}
.prodPrice
{
    padding:10px 0 0 12px;
    color:#4c4c4c;
    font-size:8pt;
}
.prodMore
{
    padding:10px 12px 0 0;
    text-align:right;
}
.prodMore a
{
    color:#003460;
    text-decoration:none;
    font-weight:bold;
    font-size:9pt;
}
.prodMore a:hover
{
    color:#003460;
    text-decoration:underline;
    font-weight:bold;
    font-size:9pt;
}
.articleImage
{
    padding:5px;
    border:1px solid #cecece;
}
.articleImageTh
{
    text-align:center;
}
.articleImageTh img
{
    border:2px solid #ffffff;
    cursor:pointer;
}
.contentColumnNews
{
    padding: 0px 27px 0 7px;
    text-align:justify;
}
.contentColumnNews p
{
    padding: 0px 7px 0 7px;
    text-align:justify;
}
.NewsHeader
{
    padding: 8px 27px 0 7px;
}
.NewsHeader a
{
    color:#060606;
    font-size:9pt;
    text-decoration:none;
}
.NewsHeader a:hover
{
    color:#060606;
    font-size:9pt;
    text-decoration:underline;
}
.infoprodName
{
    color:#003460;
    font-weight:bold;
    font-size:12pt;
}
.infoprodDescription
{
    color:#000000;
    font-size:10pt;
    height:120px;
    vertical-align:top;
}
.infoprodSize
{
    color:#003460;
    font-weight:bold;
    font-size:11pt;
}
.infoprodPrice
{
    color:#003460;
    font-weight:bold;
    font-size:11pt;
    text-align:right;
}
.infoprodColors
{
    color:#003460;
    font-weight:bold;
    font-size:11pt;
    padding-left:10px;
    background-color:#ffffff;
    height:50px;
}
.infocatName
{
    color:#003460;
    font-weight:bold;
    font-size:12pt;
    text-align:right;
}
#clickHereOuter
{
    background-color:#ffffff;
    padding:10px 10px 10px 10px;
    width:160px;
}
#clickHereOuter a
{
    color:#4a4a4a;
    text-decoration:none;
}
#clickHereOuter a:hover
{
    color:#4a4a4a;
    text-decoration:underline;
}
/* Popup styling  */
.popup4 {
	z-index: 2;
	font-size: 10px;
	color: #c3c65d;
	padding: 0px;
	position: absolute;
	border:1px solid #003460;
}

.popup4 table.header4 {
	height: 45px;
	width: 742px;
	background-color: #ffffff;
}

.popup4 .header4 {
	border: none;
	margin: 0px;
	color: Black;
	background:  url(../images/popupHead_bg.gif) repeat-x top;
	cursor:default;
}

.popup4 .header4 .title4 {
	text-align: left;
	padding-left: 8px;
	height:45px;
	color:#c70000;
	font-weight:bold;
	font-size:11pt;
}

.popup4 .header4 .close4 {
	text-align: right;
	cursor:pointer;
	padding-right:5px;
	font-size:8pt;
}
.popup4 .header4 .close4 a {
	text-align: right;
	cursor:pointer;
	padding-right:5px;
	font-size:8pt;
}
.popup_background4 {
	position: absolute;
	background-color: #d4d0c8;
	filter: alpha(opacity=75);
	-moz-opacity: .75;
	opacity: .75;
    z-index:10;
}
.popup4 .termsItem4
{
	color:#000000;
	font-size:8pt;
    text-align:left;
}
.popup4 .termsNo4
{
    text-align:right;
	color:#48a742;
	font-size:8pt;
	font-weight:bold;
	padding-right:5px;
	vertical-align:top;
}
.popup4 .privacyItem4
{
	color:#000000;
	font-size:8pt;
    text-align:left;
}