﻿a 
{
    color: #00539F;
}
a.breadcrumb
{
    font-weight: bold;
    color: #999;
}
.blackbordered
{
    border: solid 1px #000;
}
p.arrow
{
    background-image: url(test.gif);
    background-position: left center;
    background-repeat: no-repeat;
    margin: 15px 0px 0px 3px;
    padding: 0px 0px 0px 28px;
}  
p.back
{
    background-image: url(back.gif);
    background-position: left center;
    background-repeat: no-repeat;
    margin-top: 30px;
    padding: 0px 0px 0px 15px;
}
p.error 
{
    color: #900;
    font-weight: bold;
    margin: 5px 0px 10px 0px;
}
body
{
    
    background-color: #cdc9bf;
    font-family: Arial;
    font-size: 80%;
    margin: 0px 0px 0px -1px;
    padding: 0px;
}
div.apppanel
{
    margin: 0px 4px 4px 0px;
    padding: 1px 1px 0px 1px;
    width: 175px;
}
div.apppanel:hover a
{
    color: #0074E8;
}
div.apppanel div
{
    background-image: url(app-div-off.gif);
    background-position: left bottom;
    background-repeat: no-repeat;
    height: 90px;
    margin: 0px 0px 0px -1px;
    width: 175px;
}
div.apppanel div p
{
    font-size: 95%;
    margin: 0px;
    padding: 10px;
}
div.apppanel div p.more
{
    color: #666;
    font-size: 80%;
    margin: 0px;
    padding: 0px 10px 10px 10px;
}
div.apppanel h2
{
    background-color: #000;
    color: #fff;
    font-size: 90%;
    margin: 0px;
    padding: 3px 0px;
    text-align: center;
    text-transform: uppercase;
    line-height: 26px;
    width: 173px;
}
div.apppanel h2 a
{
    color: #fff;
}
div.apppanel h2 a:hover
{
    color: #0074E8;
    text-decoration: none;
}
div.apppanelsoon
{
    margin: 0px 4px 4px 0px;
    padding: 1px 1px 0px 1px;
    width: 175px;
}
div.apppanelsoon div
{
    background-image: url(app-div-off.gif);
    background-position: left bottom;
    background-repeat: no-repeat;
    margin: 0px 0px 0px -1px;
    height: 90px;
    width: 175px;
}
div.apppanelsoon div p
{
    color: #666;
    font-size: 95%;
    margin: 0px;
    padding: 10px;
}
div.apppanelsoon div p.more
{
    color: #666;
    font-size: 80%;
    margin: 0px;
    padding: 0px 10px 10px 10px;
}
div.apppanelsoon h2
{
    background-color: #000;
    color: #fff;
    font-size: 90%;
    margin: 0px;
    padding: 3px 0px;
    text-align: center;
    text-transform: uppercase;
    line-height: 26px;
    width: 173px;
}
div.brochure
{
    background-color: #686868;
    border: solid 1px #454545;
    height: 46px;
    margin: 5px 0px 0px 0px;
    padding:  7px 10px;
    width: 248px;
}
div.brochure h3
{
    color: #fff;
    font-size: 110%;
    line-height: 100%;
    margin: 0px;
    padding: 0px;
}
div.brochure p
{
    color: #fff;
    line-height: 120%;
    font-size: 85%;
    margin: 5px 0px 0px 0px;
    padding: 0px;
}
div.brochure p a
{
    color: #ccc;
}
div.clear
{
    clear: left;
}
div#container 
{
    margin: 0px auto 0px auto;
    padding: 0px;
    width: 940px;
}
div.enquiry
{
    background-color: #e5e5e5;
    border: solid 1px #ccc;
    padding: 0px 20px 20px 20px;
    position: relative;
    width: 228px;
}
div.enquiry span
{
    color: #c00;
    font-weight: bold;
}
div#footer p
{
    margin: 3px 0px;
    text-align: center;
}
div.fullwidth
{
    width: 100%;
}
div#header 
{
    background-color: #050608;
    background-image: url(header.gif);
    background-position: right top;
    background-repeat: no-repeat;
    height: 125px;
    width: 940px;
}
div#header ul.navigation
{
    margin: 0px 0px 0px 1px;
    padding: 0px;
    width: 100%;
}
div#header ul.navigation li
{
    background-repeat: no-repeat;
    background-color: #00539F;
    display: inline;
    line-height: 25px;
    float: left;
    margin: 0px;
    padding: 0px;
    text-align: center;
    border-left: solid 3px #000;
    width: 189px;
}
div#header ul.navigation li a
{
    color: #fff;
    text-decoration: none;
}
div#header ul.navigation li a:hover
{
    text-decoration: underline;
}
div#header ul.navigation li.selected
{
    line-height: 30px;
    background-image: url(nav-off.gif);
    background-position: top right;
    background-color: #004F9E;
    border-top: none;
    position: relative;
    top: -5px;
}
div.homepanel
{
    margin: 5px 15px 5px 0;
    width: 163px;
}
div.homepanel:hover a
{
    color: #0074E8;
}
div.homepanel h2
{
    font-size: 140%;
    height: 50px;
    margin: 0px;
    padding: 3px 0;
    text-align: left;
    line-height: 26px;
}
div.homepanel h2 a
{
    color: #000;
    text-decoration: none;
}
div.homepanel h2 a:hover
{
    color: #0074E8;
    text-decoration: underline;
}
div.homepanel h2.long
{
    line-height: 16px;
}
div.homepanel p
{
    font-size: 95%;
    height: 150px;
    margin: 0;
    padding: 0;
}
div.homepanel p.link
{
    font-size: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    bottom: 0;
}
div.homepanel p.link a
{
    color: #004F9E;
}
div.homepanel p.link a:hover
{
    color: #0074E8;
    text-decoration: underline;
}
div.latestnews
{
    background-image: url(latest-news.gif);
    border: solid 1px #454545;
    color: #fff;
    height: 113px;
    margin: 5px 0px 0px 0px;
    padding: 10px 7px 10px 10px;
    width: 251px;
}
div.latestnews a
{
    color: #fff;
    text-decoration: underline;
}
div.latestnews h3
{
    font-size: 100%;
    line-height: 100%;
    margin: 5px 0px;
    padding: 0px;
}
div.latestnews img
{
    float: right;
    margin-top: 15px;
}
div.latestnews p
{
    font-size: 80%;
    line-height: 110%;
    margin: 0px;
    padding: 0px;
}
div.latestnews p.products
{
    font-size: 90%;
    font-weight: bold;
    line-height: 130%;
    margin-top: 13px;
}
div.productoverview
{
    margin-bottom: 5px;
    width: 345px;
}
div.productoverview div
{
    background-image: url(product-overview.gif);
    background-position: right bottom;
    background-repeat: no-repeat;
    margin: 0px;
    height: 88px;
    width: 225px;
}
div.productoverview div p
{
    font-size: 95%;
    line-height: 130%;
    margin: 0px;
    padding: 7px 10px;
}
div.productoverview div p img
{
    border: none !important;
    display: block;
    margin: 5px 0px 0px -2px;
}
div.productoverview div p.more
{
    color: #666;
    font-size: 80%;
    margin: 0px;
    padding: 0px 10px 10px 10px;
}
div.productoverview img
{
    border: solid 1px #000;
}
div.productoverview h2
{
    background-color: #000;
    font-size: 95%;
    margin: 0px;
    padding: 3px 10px;
    line-height: 26px;
    width: 205px;
}
div.productoverview h2 a
{
    color: #fff;
}
div.productoverview h2 a:hover
{
    color: #0074E8;
}
div.quickenquiry
{
    background-color: #e5e5e5;
    border: solid 1px #ccc;
    margin-top: 20px;
    padding: 15px 20px;
    width: 670px;
}
div#subnavigation
{
    background-image: url(backgrosund.gif);
}
h1
{
    color: #0074E8;
    font-family: Arial;
    font-size: 150%;
    line-height: 100%;
    margin: 0px;
    padding: 0px;
    padding-bottom: 5px;
    text-transform: uppercase;
}
h1.heading
{
    color: #fff;
    font-family: Arial;
    font-size: 130%;
    font-weight: bold;
    line-height: 100%;
    margin: 0px;
    padding: 0px;
    padding-bottom: 5px;
    position: relative;
    top: 13px;
}
h1.landing
{
    font-size: 100%;
    margin-bottom: 15px; 
    margin-top: 0px; 
    margin-right: 5px;
}

h2
{
    color: #0074E8;
    font-size: 110%;
    margin: 25px 0px -15px 0px;
    padding: 0px;
}
h2.grey
{
    color: #333;
    font-size: 120%;
    font-weight: normal;
    margin: 10px 0px 10px 0px;
    padding: 0px;
}
h2.landing
{
    font-size: 100%;
}
h2.productoverview
{
    background-color: #0074E8;
    color: #fff;
    font-size: 150%;
    margin: 20px 0px 10px 0px;
    padding: 5px 10px;
    width: 700px;
}
h3
{
    color: #0074E8;
    font-size: 110%;
    margin: 0px 5px 15px 0px;
    padding: 0px;
}
h3.applink
{
    background-image: url(h3-applink-off.gif);
    background-position: left bottom;
    background-repeat: no-repeat;
    border-top: solid 1px #fff;
    font-size: 90%;
    margin: 0px 0px 2px 0px;
    padding: 5px 10px;
    text-align: center;
    text-transform: uppercase;
    width: 155px;
}  
h3.applink a
{
    color: #0074E8;
}  
h3.applink:hover
{
    background-image: url(h3-applink-on.gif);
    border-top: solid 1px #0074E8;
}   
h3.applink:hover a
{
    color: #0074E8;
}
h3.dividerhead
{
    font-size: 105%;
    font-weight: bold;
}
h3.dividerhead a
{
    color: #000;
}
h3.green
{
    margin: 0px 0px 10px 0px;
    color: #0074E8;
    font-size: 140%;
}  
h3.resource
{
    font-size: 120%;
    margin: 0px 40px 10px 0px;
    padding: 0px;
}
h3.top
{
    margin: 0px;
    margin-top: 3px;
    padding: 0px;
}
h4 
{
    font-size: 100%;
    margin: 0px 0px 10px 0px;
    padding: 0px;
}
img
{
    border: none;
    vertical-align: top;
}
img.news
{
    border: solid 1px #666;
    float: right;
    margin: 0px 0px 20px 20px;
}
img.sector
{
    border: solid 1px #666;
}
input.submitenquiry
{
    margin: 10px 0px 0px 0px;
}
.alignbottom
{
    vertical-align: bottom;
}
.middle
{
    vertical-align: middle;
}
ol li
{
    padding-bottom: 10px;
}
p
{
    line-height: 150%;
}
p.help
{
    padding: 20px;
}
p.mainheader
{
    color: #fff;
    text-transform: none;
    position: relative;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    top: 10px;
}
p.note
{
    color: #666;
    font-size: 80%;
    line-height: 100%;
}
.padded
{
    padding: 10px;
}
table tr td
{
    vertical-align: top;
}
table.logolist td
{
    font-weight: bold;
    vertical-align: middle;
}
table tr td.contactinfo
{
    color: #0074E8;
    height: 45px;
    font-size: 95%;
    font-weight: bold;
    padding-top: 20px;
}
table tr td.contactinfo a
{
    color: #0074E8;
}
table tr td.contactinfo span
{
    color: #ccc;
    font-size: 120%;
    line-height: 150%;
}
table tr td.contactinfo td
{
    padding-right: 5px;
}
table.contactformcolumns
{
    margin-left: 95px;
}

table.headcontact
{
    color: #fff;
    float: right;
    font-size: 120%;
    margin-top: 5px;
}
table.headcontact td.office
{
    font-size: 80%;
    padding-right: 10px;
}
table tr td#leftnav
{
    width: 210px;
    max-width: 210px;
    background-repeat: repeat-y;
    background-image: url(nav-bg-repeat.gif);
    background-position: left -4px !important;
}
table tr td#leftnav div
{
    background-repeat: no-repeat;
    background-image: url(nav-bg.gif);
    background-position: left -60px;
}
table tr td.main
{
    background-color: #fff;
    text-align: left;
    padding: 30px 10px 40px 10px;
    width: 740px;
    min-width: 740px;
}
table tr td.productcopy
{
    background-color: #e5e5e5;
    border: solid 1px #ccc;
    padding: 0px;
    width: 443px;
}
table tr td.productcopy div
{
    padding: 20px;
}
table tr td.productcopy p
{
    font-size: 95%;
}
table tr td.productcopy h1
{
    padding-right: 15px;
}
table tr td.quickenquiry
{
    background-color: #e5e5e5;
    border: solid 1px #ccc;
    padding: 20px;
}
table tr td.productimage
{
    padding: 0;
    margin: 0;
    width: 200px;
}
table tr td.productimage div
{
    margin: 0px;
    height: 100%;
}
table tr td.productimage img
{
    border: solid 1px #000;
}
table tr td.productimage div.noborders
{
    padding-top: 15px;
    text-align: right;
}
table tr td.productimage div.noborders img
{
    border: none;
}
table tr td.resource
{
    padding: 0px;
    margin: 0px;
    width: 250px;
}
table tr td.resource div
{
    padding-left: 5px;
}
table tr td.resource img.feature
{
    margin-bottom: 5px;
}
table tr td.resource div *
{
    border: solid 0px #e5e5e5;
}
table tr td.resource div td
{
    padding: 0px 5px 5px 0px;
    vertical-align: middle;
}
table tr td.spacer
{
    background-color: #fff;
    width: 5px;
}
table tr td.greyspacer
{
    background-color: #e5e5e5;
    width: 5px;
}
table.appguide
{
    font-size: 90%;
    border: solid 1px #000;
    width: 100%;
}
table.appguide p
{
    font-weight: normal;
    margin: 0px;
    padding: 2px 0px;
    text-align: right;
    text-transform: none;
}
table.appguide tr.alternaterow td
{
    background-color: #ccc;
    border-bottom: solid 1px #fff;
    color: #000; 
    text-transform: uppercase;
    vertical-align: middle;
}
table.appguide tr.alternaterow td img
{
    vertical-align: middle;
}
table.appguide tr.alternaterow td.name
{
    font-weight: bold;
    padding: 5px 15px 5px 5px;
    text-align: right;
}
table.appguide tr.alternaterow td.option
{
    border-left: solid 1px #fff;
    text-align: center;
    padding: 5px;
    width: 100px;
}
table.appguide tr.header td
{
    background-color: #000;
    border-bottom: solid 5px #fff;
    color: #fff; 
    text-transform: uppercase;
    vertical-align: bottom;
}
table.appguide tr.header td.name
{
    font-weight: bold;
    padding: 5px 15px 5px 5px;
    text-align: right;
}
table.appguide tr.header td.option
{
    border-left: solid 1px #fff;
    text-align: center;
    padding: 5px 10px;
    width: 10%;
}
table.appguide tr.header td.option span
{
    background-color: #0074E8;
    cursor: hand;
    cursor: pointer;
    margin-left: 3px;
    padding: 0px 3px;
}
table.appguide tr.header td.option span a
{
    color: #fff;
}
table.appguide tr.row td
{
    background-color: #e5e5e5;
    border-bottom: solid 1px #fff;
    color: #000; 
    text-transform: uppercase;
    vertical-align: middle;
}
table.appguide tr.row td img
{
    vertical-align: middle;
}
table.appguide tr.row td.name
{
    font-weight: bold;
    padding: 5px 15px 5px 5px;
    text-align: right;
}
table.appguide tr.row td.option
{
    border-left: solid 1px #fff;
    text-align: center;
    padding: 5px;
    width: 100px;
}
table.casestudydescription
{
    margin-top: 5px;
    width: 100%;
}
table.casestudydescription tr td.description
{
    background-color: #e5e5e5;
    border: solid 1px #ccc;
    margin-right: 5px;
    padding: 20px;
}
table.casestudydescription tr td.description h2
{
    font-size: 130%; 
    margin: 0px;
    padding: 0px;
    text-transform: uppercase;   
}
table.casestudydescription tr td.image
{
    height: 400px;
    width: 290px;
}
table.casestudydescription tr td.image img
{
    border: solid 1px #ccc;
}
table.casestudydescription tr td.spacer
{
    width: 5px;
}
table.casestudydetails
{
    margin-top: 5px;
    width: 100%;
}
table.casestudydetails tr td.field
{
    background-color: #004F9E;
    color: #fff;
    font-size: 120%;
    font-weight: bold;
    margin-right: 5px;
    padding: 10px;
    text-transform: uppercase;
    width: 30%;
}
table.casestudydetails tr td.label
{
    background-color: #e5e5e5;
    border: solid 1px #ccc;
    color: #666;
    font-size: 120%;
    padding: 10px;
    text-transform: uppercase;
    width: 70%;
}
table.casestudydetails tr td.spacer
{
    width: 5px;
}
table.casestudytable
{
    font-size: 90%;
    border: solid 1px #000;
    width: 700px;
}
table.casestudytable tr.alternaterow td
{
    background-color: #ccc;
    border-bottom: solid 1px #fff;
    color: #000; 
    vertical-align: middle;
}
table.casestudytable tr.alternaterow td.name
{
    font-weight: bold;
    padding: 5px 15px 5px 5px;
    text-align: left;
}
table.casestudytable tr.alternaterow td.option
{
    border-left: solid 1px #fff;
    text-align: left;
    padding: 5px;
}
table.casestudytable tr.header td
{
    background-color: #000;
    border-bottom: solid 5px #fff;
    color: #fff; 
    text-transform: uppercase;
    vertical-align: bottom;
}
table.casestudytable tr.header td.name
{
    font-weight: bold;
    padding: 5px 15px 5px 5px;
    text-align: left;
}
table.casestudytable tr.header td.option
{
    border-left: solid 1px #fff;
    text-align: center;
    padding: 5px 10px;
}
table.casestudytable tr.header td.option span
{
    background-color: #0074E8;
    cursor: hand;
    cursor: pointer;
    margin-left: 3px;
    padding: 0px 3px;
}
table.casestudytable tr.header td.option span a
{
    color: #fff;
}
table.casestudytable tr.row td
{
    background-color: #e5e5e5;
    border-bottom: solid 1px #fff;
    color: #000; 
    vertical-align: middle;
}
table.casestudytable tr.row td.name
{
    font-weight: bold;
    padding: 5px 15px 5px 5px;
    text-align: left;
}
table.casestudytable tr.row td.option
{
    border-left: solid 1px #fff;
    text-align: left;
    padding: 5px;
}
table.checkbox td
{
    font-weight: bold;
    padding-bottom: 5px;
}
table.jargonbuster
{
    margin-top: 10px;
    width: 100%;
}
table.jargonbuster tr td h2
{
    color: #0074E8;
    font-size: 130%;
    margin: 20px 0px 0px 0px;
    padding: 0px;
}
table.jargonbuster tr td p
{
    margin: 2px 0px 0px 0px;
    padding: 0px;
}
table.pdf tr td
{
    padding: 10px 10px 0px 0px;
    vertical-align: middle;
}
table.pdf tr td.doubletext
{
    width: 280px;
}
table.pdf tr td.text
{
    width: 140px;
}
table.twocolumn tr td.left
{
    padding-right: 20px;
    width: 440px;
}
table.twocolumn tr td.right
{
    width: 270px;
}
table.twocolumn tr td.rightnews
{
    border-left: solid 1px #ccc;
    padding-left: 20px;
    width: 250px;
}
table.twocolumn tr td.rightnews h3
{
    color: #666;
    font-weight: normal;
    text-transform: uppercase;
}
td.label
{
    padding: 0px 10px 0px 0px;
}
td input.tb
{
    font-size: 95%;
    margin-bottom: 5px;
    width: 120px;
}
textarea.enquiry
{
    height: 50px;
    font-family: Arial;
    margin-top: 10px;
    width: 97%;
}
ul li
{
    padding-bottom: 8px;
}
ul#embeddedtabs
{
    border-bottom: solid 3px #0074E8;
    display: block;
    height: 25px;
    margin: 0 0 10px 0;
    padding: 0;
    width: 100%;
}
ul#embeddedtabs li
{
    display: inline;
    float: left;
    list-style: none;
    padding: 0;
}
ul#embeddedtabs li a
{
    display: block;
    background-color: #e3e3e3;
    background-image: url(tab-off.gif);
    background-position: right top;
    background-repeat: no-repeat;
    color: #333;
    font-size: 89%;
    line-height: 25px;
    margin: 0px 1px 0px 0px;
    width: 140px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: middle;
}
ul#embeddedtabs li a:hover, ul#embeddedtabs li a.on
{
    background-color: #059b59;
    background-image: url(tab-on.gif);
    color: #fff;
    font-weight: bold;
}
ul.errorlist li
{
    color: #c00;
}
ul.subnavigation
{
    margin: 40px 0px 0px 0px;
    padding: 0px;
    list-style-type: none;
}
ul.subnavigation li
{
    float: left;
    font-size: 100%;
    font-weight: bold;
    line-height: 22px;
    list-style-type: none;
    margin: 0px;
    padding: 0px 0px 0px 10px;
    vertical-align: middle;
    width: 170px;
}
ul.subnavigation li a
{
    color: #fff;
    text-decoration: none;
}
ul.subnavigation li a:hover
{
    color: #0074E8;
    text-decoration: none; 
}
ul.subnavigation li.subheaderoff
{
    background-image: url(sub-off.gif);
    background-position: left top;
    background-repeat: no-repeat;
} 
ul.subnavigation li.subheaderselected
{
    background-image: url(sub-on.gif);
    background-position: left top;
    background-repeat: no-repeat;
} 
ul.subnavigation li.subheaderselected a
{
    color: #0074E8;
}
#divPCCP, #divISC, #divBB, #divT
{
    background-color: #0074E8;
    border: solid 1px #fff;
    color: #fff;
    margin: 0px 0px 0px 400px;
    padding: 10px;
    position: absolute;
    top: 360px;    
    visibility: hidden;
    width: 160px;
}    
div.request span
{
    color: #c00;
    font-weight: bold;
} 
div.request span.requestItem
{
    color: green;
    font-weight: normal;
    margin: 2px 0px;
}
div.request span.requestItem input
{
    margin-right: 5px;
}    
.requestForm fieldset {
    border: 1px solid green;
    margin: 10px;
    padding: 8px;
}
.requestForm legend {
    padding: 0.2em 0.5em;
    border:1px solid green;
    color:green;
    font-size:90%;
    text-align:right;
    margin-bottom: 10px;
}
.requestForm .requestItem {
    display: block;
    width: 300px;
    float: left;
    text-transform: capitalize;
}
/* ajax__tab_ie-theme theme */
.ajax__tab_product .ajax__tab_header .ajax__tab_tab
{
    background-color: #e3e3e3;
    background-image: url(tab-off.gif);
    background-position: right top;
    background-repeat: no-repeat;
    color: #333;
    display: block;
    font-size: 89%;
    line-height: 25px;
    margin: 0px 1px 0px 0px;
    width: 140px;
    text-align: center;    
    text-transform: uppercase;
    vertical-align: middle;
}
.ajax__tab_product .ajax__tab_active .ajax__tab_tab 
{
    background-color: #004F9E;
    background-image: url(tab-on.gif);
    color: #fff;
    font-weight: bold;
}
.ajax__tab_product .ajax__tab_body 
{
    border-top: solid 3px #004F9E;
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 10px 0px;
    width: 100%;
    position: relative;
    background-image: url(description.gif);
}
