* { margin: 0; padding: 0; }
body{ background-image: url(../BackgroundView.ashx); background-repeat: repeat; background-position: bottom left; }
body, html { text-align: center; background-color: #000; }

.clear{ clear:both }
img{ border:0 }

.Glasslok{ color:#33FFFF; }
.Des{ color:#33CC00; }
.Iet{ color:#FFCC00; }
.Trucolour{ color:#FF33CC; }

/* OLd style for background inside body div.PageBackground { background-image: url(../BackgroundView.ashx); }*/

#pBody { text-align: left; width: 754px; margin: 10px auto; background-color: #000; border: 1px solid #667;  }
#pHeaderNavigation { }
#pHeaderNavigationAdmin { height:50px}

#pNavigation { clear: both; padding: 5px 10px; margin-bottom:10px; }
#pContent { clear: both; padding: 20px 10px; margin: 10px; border: 1px solid #667; background-image: url('../images/background.png'); }
#pContentCaseStudies{ width: 470px; float: left; color: #99A; font: bold 12px/17px Helvetica,Verdana; }
#pContentMain {width: 470px; float: left; color: #FFF; font: normal 11px/17px Helvetica,Verdana; background-image: url('../images/block.png'); background-repeat: no-repeat; background-position: top left; padding-bottom: 20px; }
#pContentNavigation { width: 230px; float: right; }
#pContentPortfolio { width: 470px; float: left; color: #99A; font: bold 12px/17px Helvetica,Verdana; }
#pFooter { clear: both; }

/* ---- */

.pager { clear: both; font: normal 10px Helvetica, Arial; color: #999; margin-top:20px }
.pager a { font: normal 10px Helvetica, Arial; color: #FFF; }
.pager a.selected { font-weight: bold; }

.featuredTextBox ul { background-color: #CCC; height: 25px; }
.featuredTextBox li { list-style: none; color: #99A; padding: 4px 0 4px 16px; font: bold 12px/17px Helvetica,Verdana; }
.featuredTextBox ul li a { color: #99A; text-decoration: none; font: bold 12px/17px Helvetica,Verdana; }
.featuredTextBox ul li a.selected { color: #FFF; }

#pHeaderNavigation ul { background-color: #000; height: 25px; }
#pHeaderNavigation ul li { list-style: none; float: left; color: #99A; padding: 4px 0 4px 16px; font: bold 12px/17px Helvetica,Verdana; }
#pHeaderNavigation ul li a { color: #99A; text-decoration: none; font: bold 12px/17px Helvetica,Verdana; }
#pHeaderNavigation ul li a.selected { color: #FFF; }
#pHeaderNavigation ul li a:hover { color:#FFF }


#pHeaderNavigationAdmin ul { background-color: #000; height: 25px; }
#pHeaderNavigationAdmin ul li { list-style: none; float: left; }
#pHeaderNavigationAdmin ul li a { color: #99A; text-decoration: none; font: bold 12px/17px Helvetica,Verdana; }
#pHeaderNavigationAdmin ul li a.selected { color: #FFF; }

#pHeader {  border-top:solid 2px #656678; margin:5px 10px; padding-top:5px;}
#pHeader .flash { float:left; padding:0; }
#pHeader .image {  float:right; }
#pHeader .logo { clear:right; color:#FFF; font: bold 35px/40px Helvetica,Verdana; float:right; padding: 100px 10px 0 0 }

#pNavigation .pageName { width: 488px; height: 100px; float: left;  }
#pNavigation .pageName p { color: #FFF; font: bold 30px/36px Helvetica,Verdana; padding: 50px 0 0 10px; height: 50px; }

.userDetails { width: 230px; float: right; height: 98px; clear: both; border: solid 1px #667;display: block; background-image: url(../images/background.png); margin:20px 0 0 0;  }
 .userDetails p { margin: 10px; color: #64b3c4; font: normal 12px/15px Helvetica,Verdana; }
 .userDetails input { font: normal 12px/15px Helvetica,Verdana; }
 .userDetails p span { color: #FFF; }
 .userDetails p a { color: #99A; text-decoration:none }
 .userDetails p a:hover { color: #FFF; }

#pNavigation .emailText p { width: 488px; height: 50px; color: #FFF; font: bold 12px/18px Helvetica,Verdana; padding: 50px 0 0 10px; }

#pNavigation ul.main { clear: both; padding-top: 6px; }
#pNavigation ul.main li { list-style: none; float: left; color: #99A; font: bold 15px/22px Georgia,Verdana; display: block; width: 122px; }
#pNavigation ul.main li a { color: #FFF; text-decoration: none; font: bold 15px/22px Helvetica,Verdana; padding: 14px 0 2px 4px; display: block; background-image: url(../images/menu_background.png); background-repeat: repeat-x; background-position: bottom left; }
#pNavigation ul.main li a:hover { background-image: url(../images/menu_background_over.png); }
#pNavigation ul.sub { clear: both; padding-top: 6px; background: #000; height: 22px; }
#pNavigation ul.sub li { list-style: none; float: left; font: normal 12px/16px Helvetica,Verdana; color: inherit; padding: 0 10px 0 0; }
#pNavigation ul.sub li a { color: inherit; text-decoration: none; font: normal 12px/16px Helvetica,Verdana; }
#pNavigation .subnav p { font: normal 11px/18px Helvetica,Verdana; background: #000; clear: both; color: #FFF; padding: 2px 5px; }

/* ---- */

#pContentCaseStudies h1{ font: normal 15px Verdana; color: #FFF; padding:0 0 10px 0}
#pContentCaseStudies .mainContent{ font: normal 11px Verdana; color: #FFF;}

#pContentNavigation .invisibleBlock { clear: both; background-color: #000; padding: 30px 6px 8px; border: 1px solid #667; }
#pContentNavigation .invisibleBlock h3 { font: normal 22px Helvetica,Verdana; color: #FFF; padding: 6px 0 2px; }
#pContentNavigation .invisibleBlock input { background-color: #EEE; border: 1px solid #F5F5F5; width: 160px; }
#pContentNavigation .invisibleBlock input.button { background-color: #000; color: #FFF; border: 0 none #000; width: 40px; }

#pContentNavigation .spacer { padding:10px 0; color: #000}

#pContentNavigation .block { clear: both; font: normal 11px Helvetica,Verdana; color: #99A;}
#pContentNavigation .block h3 { font: bold 26px Helvetica,Verdana; color: #FFF; padding: 6px 6px 2px; margin: 16px 0 6px; border: 1px solid #667; background-color: #000; }
#pContentNavigation .block p { margin:5px; }
#pContentNavigation .block ul {}
#pContentNavigation .block ul li { list-style: none; border: 1px solid #667; margin-top: 2px; background-color: #000; }
#pContentNavigation .block ul li a { font: normal 11px Helvetica,Verdana; color: #99A; padding: 3px 8px; display: block; text-decoration: none; }
#pContentNavigation .block ul li a:hover { background-color: #334; }
#pContentNavigation .block input { background-color: #EEE; border: 1px solid #F5F5F5; width: 160px; margin:5px }
#pContentNavigation .block input.button { background-color: #000; color: #FFF; border: 0 none #000; width: 40px; margin:5px 0 5px 0  }

#pContentNavigation .backgroundSwitcher { background-color: #c5c5c7; margin: 16px 0 6px; padding: 6px; }
#pContentNavigation .backgroundSwitcher p { color: #000; font: normal 11px Helvetica,Verdana; clear: both; padding-top: 4px; }
#pContentNavigation .backgroundSwitcher ul li { line-height: 1px; list-style: none; border: solid 1px #FFF; float: left; margin-right: 4px; height: 14px; width: 14px; }
#pContentNavigation .backgroundSwitcher ul li a { line-height: 1px; }

#pSiteMap {  }
#pSiteMap .block { clear: both; font: normal 11px Helvetica,Verdana; color: #99A; }
#pSiteMap .block h3 { color: #fa0105; font: bold 20px/19px Helvetica,Verdana; margin: 20px}
#pSiteMap .block label {float:right; padding:0 5px 0 0}
#pSiteMap .block .headingContainer { margin:5px; border-top: 1px solid #FFF; }
#pSiteMap .block p { margin:5px; clear:both; color:#FFF}
#pSiteMap .block a{ color: #fa0105; text-decoration: underline }
#pSiteMap .block ul {  }
#pSiteMap .block ul li { width:464px; height:54px; list-style: none;  border: solid 1px #FFF; margin-top: 2px; }
#pSiteMap .block ul li a {  font: bold 12px Helvetica,Verdana; color: #fff; padding: 15px 50px; display: block; text-decoration: none; }
#pSiteMap .block ul li p { float:left; font: bold 14px Helvetica,Verdana; color: #FFF; padding: 10px 50px; display: block; text-decoration: none; }
#pSiteMap .block ul li a:hover { }
#pSiteMap .block input { background-color: #EEE; border: 1px solid #F5F5F5; width: 190px; margin:5px }
#pSiteMap .block input.button { background-color: #000; color: #FFF; border: 0 none #000; width: 40px; margin:5px 0 5px 0  }

#pNews {  }
#pNews .block { clear: both; font: normal 12px Helvetica,Verdana; color: #FFF; }
#pNews .block h1 { color: #FFF; font: bold 20px/19px Helvetica,Verdana; margin-bottom: 10px; margin-left: 20px; float:left}
#pNews .block label {float:right; padding:0 5px 0 0}
#pNews .block .headingContainer { margin:5px}
#pNews .block p { margin:5px; clear:both; color:#FFF}
#pNews .block a{ color: #fa0105; text-decoration: underline }
#pNews .block ul { text-align:left  }
#pNews .block ul li { width:462px; height:38px; list-style: none; background-image: url('../images/news_background1.jpg'); margin-top: 2px; }
#pNews .block ul li.alt { background-image: url('../images/news_background2.jpg'); }
#pNews .block ul li .heading { float:left; padding:10px 10px 10px 10px; width:250px }
#pNews .block ul li .date { padding:10px 0px 10px 0px; float:left; text-align:left}
#pNews .block ul li a { float:right; font:12px Helvetica,Verdana; color: #7ccdde; display: block; text-decoration: underline; padding:10px 15px }
#pNews .block ul li p { float:left; font: bold 18px Helvetica,Verdana; color: #FFF; padding: 10px 50px; display: block; text-decoration: none; }
#pNews .block ul li a:hover { color:#fff }
#pNews .block input { background-color: #EEE; border: 1px solid #F5F5F5; width: 190px; margin:5px }
#pNews .block input.button { background-color: #000; color: #FFF; border: 0 none #000; width: 40px; margin:5px 0 5px 0  }

#pPDF{  }
#pPDF .block { clear: both; font: normal 11px Helvetica,Verdana; color: #99A; }
#pPDF .block h1 { color: #FFF; font: bold 20px/19px Helvetica,Verdana; margin-bottom: 10px; margin-left: 20px; float:left}
#pPDF .block label {float:right; padding:0 5px 0 0}
#pPDF .block .headingContainer { margin:5px; border-top: 1px solid #FFF; }
#pPDF .block p { margin:5px; clear:both; color:#FFF}
#pPDF .block a{ color: #fa0105; text-decoration: underline }
#pPDF .block ul {  }
#pPDF .block ul li { width:464px; height:54px; background-image: url('../images/technicalBackground.jpg'); list-style: none; margin-top: 2px; }
#pPDF .block ul li a { float:right; font: bold 14px Helvetica,Verdana; color: #fa0105; padding: 15px 50px; display: block; text-decoration: none; }
#pPDF .block ul li p { float:left; font: bold 14px Helvetica,Verdana; color: #FFF; padding: 10px 50px; display: block; text-decoration: none; }
#pPDF .block ul li a:hover { }
#pPDF .block input { background-color: #EEE; border: 1px solid #F5F5F5; width: 190px; margin:5px }
#pPDF .block input.button { background-color: #000; color: #FFF; border: 0 none #000; width: 40px; margin:5px 0 5px 0  }

#pContentPortfolio h1{ font: normal 15px Helvetica,Verdana; color: #FFF; padding:0 0 10px 0}
#pContentPortfolio a { color: #7ccdde; display: block; text-decoration: underline; }
#pContentPortfolio a:hover { color:#fff }
#pContentPortfolio .mainContent{ font: normal 11px Helvetica,Verdana; color: #FFF;}

#pFooter { padding: 10px 0 0 0; }
#pFooter p { font: normal 11px Verdana; color: #FFF; padding:0 0 10px 10px;  background-color: #000; }
#pFooter p a { font: normal 10px Verdana; color: #99A; text-decoration: none; }
#pFooter p a:hover { color: #AAB; }
#pFooter p.text{ float:left; width:460px; margin:10px 0 0 0;}
#pFooter p.image{ float:right; width:274px;}


/* ---- */

.contentHeaders { clear: both; width: 93%; height: 24px; border-bottom: solid 1px #333; padding-left:20px; margin-bottom: 13px; }
.contentHeaders h1 { color: #FFF; font: bold 20px/19px Helvetica,Verdana; float: left; clear: left; }
.contentHeaders h2 { color: #FFF; font: bold 15px/19px Helvetica,Verdana; float: right; clear: right; }
.contentHeaders a { color: #FFF; }
.contentHeaders a:hover { color: #CCC; }

.contentText { clear: both; }
.contentText h1 { color: #FFF; font: bold 20px/19px Helvetica,Verdana; margin-bottom: 10px; margin-left: 20px; }
.contentText p,
.contentText li,
.contentText td,
.contentText th { font: normal 11px/18px Helvetica,Verdana; color: #FFF; }
.contentText p { margin-bottom: 10px; }
.contentText th { font-weight: bold; }
.contentText a { color: #69C; font-weight: bold; }
.contentText a:hover { color: #9CF; }

.contentProductListSample{ width:348px; color: #BBB; padding-top:56px; }
.contentProductListSample .text {  color: #666; padding:0 0 10px 0 }
.contentProductList { clear: both; padding-top: 0px; }
.contentProductList .product { width: 106px; margin-bottom: 10px; margin-right: 10px; float: left; }
.contentProductList .product img { border: 1px solid #AAA}
.contentProductList .product p { color: #FFF; font: normal 11px Helvetica,Verdana; padding-top: 4px; }
.contentProductList .product p img { border-width: 0; }
.contentProductList .product p a.link { width: 54px; float: right; display: block; color: #BBB; text-align: right; text-decoration: none; }
.contentProductList .product p a.link:hover { color: #DDD; }

table.contentProductList { display: inline; clear: both; width: 100%; }
table.contentProductList tr { display: inline; clear: none; }
table.contentProductList tr td { display: inline; clear: none; float: left; }

.contentForm { clear: both; }
.contentForm .form-item { clear: both; margin-bottom: 14px}
.contentForm .form-item a { color: #FFF; }
.contentForm .form-item a:hover { color: #CCC; }
.contentForm .form-item label { float: left; width: 140px; clear: left; font: bold 11px Helvetica,Verdana; padding: 3px 0; color: #FFF; }
.contentForm .form-item input,
.contentForm .form-item select { float: left; clear: right; }
.contentForm .form-item .description { clear: both; font: normal 9px Helvetica,Verdana; color: #999; display: block; padding-left: 140px; }
.contentForm .form-item-upload { clear: both; margin-bottom: 14px; height: 40px; margin-top:40px }
.contentForm .form-item-content{ clear: both; margin-bottom: 14px; height: 40px; margin-top:180px }
.contentForm .form-item-upload label { float: left; width: 140px; clear: left; font: bold 11px Helvetica,Verdana; padding: 3px 0; color: #FFF; }
.contentForm .form-item-upload input,
.contentForm .form-item-upload select { float: left; clear: right; }
.contentForm .form-item-upload .description { clear: both; font: normal 9px Helvetica,Verdana; color: #999; display: block; padding-left: 140px; }
.contentForm .form-buttons { clear: both; padding-left: 140px; }
.contentForm .form-buttons input,
.contentForm .form-buttons button { background-color: #333; color: #FFF; font: bold 12px Helvetica,Verdana; border: outset 1px #777; padding: 2px 10px; }
.contentForm .form-buttons input.confirm,
.contentForm .form-buttons button.confirm { color: #7F7; }
.contentForm .form-buttons input.cancel,
.contentForm .form-buttons button.cancel { color: #F77; }
.form-message-box{ border: 1px #685744 solid; margin-left: 0; padding: 10px 10px 10px 25px}

.contenResults { clear: both; }
.contentResults h1 { color: #FFF; font: bold 16px/15px Helvetica,Verdana; margin-bottom: 10px; }
.contentResults table { border: 1px solid #333; width: 100%; margin-bottom: 10px; }
.contentResults table tr {  }
.contentResults table tr th { color: #FFF; font: bold 12px Helvetica,Verdana; padding: 2px 8px; text-align: left; background-color: #444; }
.contentResults table tr td { border-top: 1px solid #333; border-width: 1px 0 0 0; color: #FFF; font: normal 11px Helvetica,Verdana; padding: 2px 8px; }
.contentResults table tr:hover td { background-color: #222; }
.contentResults table tr td a { color: #FFF; text-decoration: underline; font-weight: bold; }

/****
 * Homepage Styles
 */

#contentHome { clear: both;}
#contentHome .block { border: 1px solid #667; background:#fff; clear:both}
#contentHome .block h3 { padding-top:10px}
#contentHome .block .textBox{ float:left; width:340px; padding:0px 10px}
#contentHome .block .imageBox{ float:right}

#contentHome .blockLibrary { border: 1px solid #667; width:250px; margin:0 0 10px 0; min-height:260px; background:#fff; float:left; }
#contentHome .blockLibrary h3 { padding-top:10px}
#contentHome .blockRegister { border: 1px solid #667; width:190px; margin:0 0 10px 0; min-height:260px; background:#fff; float:right; }
#contentHome .blockRegister h3 { padding-top:10px}

#contentHome .blockFA { margin:0 0 10px 0; background:#fff; clear: both; }
#contentHome .blockFA h3 { padding-top:10px}
#contentHome .blockFA .featuredLeftContainer{ float:left;}
#contentHome .blockFA .newsArticlesBox{ padding:10px; float:right; }

#contentHome .blackBorder{ margin: 10px 10px; width:190px; height:5px; background:#000}
#contentHome .greyBorder{ margin: 10px 10px; float:right; width:20px; height:5px; background:#666}

#contentHome h1 { font: bold 16px Helvetica,Verdana; color: #a0a1a5; padding: 6px 6px 2px ; margin: 10px 10px 6px; border-width: 0; }
#contentHome h2 { font: bold 18px Helvetica,Verdana; color: #a0a1a5; padding: 6px 6px 2px ; margin: 10px 10px 6px; border-width: 0; }
#contentHome h3 { font: bold 26px Helvetica,Verdana; color: #000; padding: 6px 6px 2px ; margin: 10px 10px 6px; border-bottom: 1px solid #667; background-image: url(../images/contentheader.png); background-position: right top; background-repeat: no-repeat; border-width: 0; }
#contentHome p { font: normal 11px Helvetica,Verdana; color: #000; margin: 6px 10px 6px; }

#contentHome .articles { float: right; width: 44%; }
#contentHome .articles h2 { padding: 0; margin: 10px 10px 6px; }

#contentHome .news { float: left; width: 55%; }
#contentHome .news h3 { padding-top:10px}
news

#contentHome .clear { line-height: 1px; font-size: 1px; color: #FFF; clear: both; }

#contentHome ul.newsItemList { margin-right: 10px; }
#contentHome ul.newsItemList li { display: block; margin: 3px 0; }
#contentHome ul.newsItemList li a { display: block; padding: 4px 6px; color: #000; text-decoration: none; font-weight: normal; background-color: #dfdfe1; }
#contentHome ul.newsItemList li.alt a { background-color: #ececec; }

.pLightBoxLinksAdd a{ color:#666; text-decoration:none}
.pLightBoxLinksRemove a{ color:#FFF; text-decoration:none}
.pLightBoxLinksAdd a:hover{ color:#FFF; text-decoration:none}
.pLightBoxLinksRemove a:hover{ color:#666; text-decoration:none}