BODY
    {
    text-align: center;
    width: 100%;
    margin: 0;
    padding: 0;
    background-position: top left;
    background-color: white;
    background-repeat: repeat-x;
    color: black;
    font-family: Arial, Tahoma, sans-serif;
    font-size: small;
    }

.MainContainer
    {
    position: absolute;
    width: 660px;
    left: 50%;
    top: auto;
    margin-left: -330px;
    text-align: left;
    }

.HeaderContainer
    {
    width: 660px;
    height: 120px;
    }

#MenuControl_Image1
    {
    width: 244px;
    height: 46px;
    border: none;
    position: absolute;
    top: 29px;
    }

.LanguageSelect
    {
    position: absolute;
    width: 122px;
    height: 16px;
    top: 1px;
    left: 533px;
    text-align: left;
    margin: 0;
    padding: 0;
    }

.LanguageSelect div
    {
    display: inline;
    margin: 0;
    padding: 0 0 0 12px;
    text-align: right;
    }

.LanguageSelect img
    {
    border: none;
    width: 26px;
    height: 16px;
    }

#SearchBar
    {
    position: absolute;
    width: 202px;
    height: 22px;
    top: 26px;
    left: 457px;
    background: url("/images/ff_header_searchbar.gif") top left no-repeat;
    }

#SearchBar span
    {
    display: block;
    position: relative;
    top: 3px;
    width: 189px;
    height: 22px;
    font-size: 8pt;
    color: white;
    text-align: right;
    padding-right: 13px;
    font-weight: bold;
    }

#SearchBar span input
    {
    font-size: 7pt;
    border: 1px solid #3399CC;
    }

#SearchBar #MenuControl_buttonSearchGo
    {
    padding: 0;
    margin: 0;
    border: 1px solid white;
    font-weight: bold;
    font-size: 9px;
    background-color: #3399CC;
    color: White;
    }

.InfoNavBar
    {
    position: absolute;
    width: auto;
    height: auto;
    top: 50px;
    left: 455px;
    text-align: right;
    }

.InfoNavBar span
    {
    background: none;
    color: #084c8d;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 8pt;
    }

.InfoNavBar a
    {
    background: none;
    color: #3399CC;
    font-family: inherit;
    font-size: 7pt;
    text-decoration: none;
    }

.InfoNavBar span a:hover
    {
    text-decoration: underline;
    }

.MenuContainer
    {
    background: none;
    position: absolute;
    width: auto;
    height: 22px;
    top: 93px;
    left: 0px;
    z-index: 2;
    }

#MenuList
    {
    margin: 0;
    padding: 0;
    list-style: none;
    }

#MenuList li
    {
    float: left;
    position: relative;
    width: 110px;
    height: 22px;
    text-align: left;
    }

#MenuList a
    {
    display: block;
    position: relative;
    top: 6px;
    left: 0px;
    width: auto;
    height: auto;
    margin-right: 14px;
    text-align: right;
    color: white;
    font-size: 7pt;
    font-family: Tahoma, Arial, sans-serif;
    text-decoration: none;
    }

#MenuList a:hover
    {
    text-decoration: underline;
    }

#MenuItem01
    {
    background: url("/images/menu_01.gif") top left no-repeat;
    }

#MenuItem02
    {
    background: url("/images/menu_02.gif") top left no-repeat;
    }

#MenuItem03
    {
    background: url("/images/menu_03.gif") top left no-repeat;
    }

#MenuItem04
    {
    background: url("/images/menu_04.gif") top left no-repeat;
    }

#MenuItem05
    {
    background: url("/images/menu_05.gif") top left no-repeat;
    }

#MenuItem06
    {
    background: url("/images/menu_06.gif") top left no-repeat;
    }

#MenuList li ul
    {
    display: none;
    position: absolute;
    top: 22px;
    left: 0;
    z-index: 3;
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: none;
    border-left: none;
    }

#MenuList li:hover ul, #MenuList li.over ul
    {
    display: block;
    }

#MenuList li ul li
    {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    z-index: 3;
    margin: 0;
    padding: 5px 0;
    width: 103px;
    height: auto;
    background-color: white;
    text-align: left;
    }

#MenuList li ul li a
    {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0 0 0 5px;
    width: 91px;
    font-size: 7pt;
    font-family: Tahoma, Arial, sans-serif;
    text-decoration: none;
    text-align: right;
    }

#SubMenuAbout
    {
    border-right: 7px solid #96cfea;
    border-bottom: 2px solid #96cfea;
    }

#SubMenuAbout li a
    {
    color: black;
    font-weight: normal;
    }

#SubMenuProducts
    {
    border-right: 7px solid #bfe1ea;
    border-bottom: 2px solid #bfe1ea;
    }

#SubMenuProducts li a
    {
    color: black;
    font-weight: normal;
    }

#SubMenuCaseStudies
    {
    border-right: 7px solid #f39797;
    border-bottom: 2px solid #f39797;
    }

#SubMenuCaseStudies li a
    {
    color: black;
    font-weight: normal;
    }

#SubMenuNews
    {
    border-right: 7px solid #f4c59b;
    border-bottom: 2px solid #f4c59b;
    }

#SubMenuNews li a
    {
    color: black;
    font-weight: normal;
    }

#SubMenuContact
    {
    border-right: 7px solid #faeaa5;
    border-bottom: 2px solid #faeaa5;
    }

#SubMenuContact li a
    {
    color: black;
    font-weight: normal;
    }

#BodyContainer
    {
    position: absolute;
    top: 120px;
    left: 0;
    width: 660px;
    height: auto;
    margin: 0;
    padding: 0;
    }

#BottomMenu
    {
    margin: 10px 0;
    padding: 0;
    clear: both;
    }

#BottomMenu img
    {
    margin: 5px;
    padding: 0;
    vertical-align: middle;
    }

#BottomMenu div
    {
    margin: 5px 0;
    padding: 0;
    width: 660px;
    }

.BlueRule
    {
    background-color: #3399CC;
    width: 660px;
    height: 1px;
    overflow: hidden;
    }

#BottomLeftLinks
    {
    margin-left: 5px;
    color: #084c8d;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 7pt;
    text-align: left;
    }

#BottomLeftLinks a
    {
    color: #3399CC;
    font-family: inherit;
    font-size: 7pt;
    text-decoration: none;
    }

#BottomLeftLinks a:hover
    {
    text-decoration: underline;
    }

#BottomRightLinks
    {
    margin-right: 5px;
    color: #4D4D4D;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 7pt;
    text-align: right;
    }

#BottomRightLinks a
    {
    color: #3399CC;
    font-family: inherit;
    font-size: 7pt;
    text-decoration: none;
    }

#BottomRightLinks a:hover
    {
    text-decoration: underline;
    }

#SiteMapList li
    {
    margin-bottom: 10px;
    }

#SiteMapList li ul li
    {
    margin-bottom: auto;
    padding: 2px;
    }

#AboutUsHeader
    {
    width: 660px;
    height: 90px;
    margin: 0;
    padding: 0;
    background: url("/images/aboutus_1.png") top center no-repeat;
    }

#AboutUsHeader h2
    {
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
    top: 63px;
    left: 420px;
    color: white;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 13pt;
    font-weight: bold;
    }

.AboutUsLink
    {
    color: #3394c1;
    font-weight: bold;
    text-decoration: none;
    }

.AboutUsLink:hover
    {
    text-decoration: underline;
    }

#ProductsHeader
    {
    width: 660px;
    height: 90px;
    margin: 0;
    padding: 0;
    background: url("/images/products_1.png") top center no-repeat;
    }

#ProductsHeader h2
    {
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
    top: 63px;
    left: 420px;
    color: white;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 13pt;
    font-weight: bold;
    }

.ProductsLink
    {
    color: #6db0c0;
    font-weight: bold;
    text-decoration: none;
    }

.ProductsLink:hover
    {
    text-decoration: underline;
    }

#ContactHeader
    {
    width: 660px;
    height: 90px;
    margin: 0;
    padding: 0;
    background: url("/images/contact_1.png") top center no-repeat;
    }

#ContactHeader h2
    {
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
    top: 63px;
    left: 420px;
    color: white;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 13pt;
    font-weight: bold;
    }

.ContactLink
    {
    color: black;
    font-weight: bold;
    text-decoration: none;
    }

.ContactLink:hover
    {
    text-decoration: underline;
    }

.GenericLink, .SearchGridPager a
    {
    color: #084C8D;
    font-weight: bold;
    text-decoration: none;
    }

.GenericLink:hover, .SearchGridPager a:hover
    {
    text-decoration: underline;
    }

#CaseStudiesHeader
    {
    width: 660px;
    height: 90px;
    margin: 0;
    padding: 0;
    background: url("/images/casestudies_1.png") top center no-repeat;
    }

#CaseStudiesHeader h2
    {
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
    top: 63px;
    left: 420px;
    color: white;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 13pt;
    font-weight: bold;
    }

.CaseStudiesLink
    {
    color: #d82c2c;
    font-weight: bold;
    text-decoration: none;
    }

.CaseStudiesLink:hover
    {
    text-decoration: underline;
    }

#NewsHeader
    {
    width: 660px;
    height: 90px;
    margin: 0;
    padding: 0;
    background: url("/images/news_1.png") top center no-repeat;
    }

#NewsHeader h2
    {
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
    top: 63px;
    left: 420px;
    color: white;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 13pt;
    font-weight: bold;
    }

.NewsLink
    {
    color: #df8636;
    font-weight: bold;
    text-decoration: none;
    }

.NewsLink hover
    {
    text-decoration: underline;
    }

#GenericPageHeader
    {
    width: 660px;
    height: 90px;
    margin: 0;
    padding: 0;
    background: url("/images/generic_1.png") top center no-repeat;
    }

#GenericPageHeader h2
    {
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
    top: 63px;
    left: 420px;
    color: white;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 13pt;
    font-weight: bold;
    }

#PageContentLeftContainer
    {
    width: 380px;
    margin: -5px 0 0 0;
    padding: 0;
    }

#PageContentLeftContainer p, #PageContentLeftContainer ul, #PageContentLeftContainer ol, .SearchGrid
    {
    font-size: 9pt;
    color: #4D4D4D;
    font-family: Arial, Tahoma, sans-serif;
    text-align: left;
    }

#PageContentLeftContainer ul
    {
    list-style-type: square;
    }

#PageContentLeftContainer ul span
    {
    font-weight: bold;
    }

#PageContentLeftContainer a
    {
    font-weight: bold;
    text-decoration: none;
    }

#PageContentLeftContainer a:hover
    {
    text-decoration: underline;
    }

#PageContentLeftContainer h3
    {
    font-size: 11pt;
    font-weight: bold;
    }

#PageContentRightContainer
    {
    float: right;
    width: 220px;
    background: none;
    padding: 0;
    margin: 0 0 10px 0;
    }

.MainRightImage
    {
    margin: 20px 0 0 0;
    }

#AboutUsSubMenu
    {
    line-height: 14pt;
    color: #3394c1;
    font-family: Tahoma, Arial, sans-serif;
    list-style-type: none;
    border: none;
    margin: 0;
    padding: 15px 5px 15px 15px;
    border-bottom: 2px solid #3394c1;
    }

#ProductsSubMenu
    {
    line-height: 14pt;
    color: #6db0c0;
    font-family: Tahoma, Arial, sans-serif;
    list-style-type: none;
    border: none;
    margin: 0;
    padding: 15px 5px 15px 15px;
    border-bottom: 2px solid #6db0c0;
    }

#CaseStudiesSubMenu
    {
    line-height: 14pt;
    color: #d82c2c;
    font-family: Tahoma, Arial, sans-serif;
    list-style-type: none;
    border: none;
    margin: 0;
    padding: 15px 5px 15px 15px;
    border-bottom: 2px solid #d82c2c;
    }

#NewsSubMenu
    {
    line-height: 14pt;
    color: #df8636;
    font-family: Tahoma, Arial, sans-serif;
    list-style-type: none;
    border: none;
    margin: 0;
    padding: 15px 5px 15px 15px;
    border-bottom: 2px solid #df8636;
    }

#ContactSubMenu
    {
    line-height: 14pt;
    color: black;
    font-family: Tahoma, Arial, sans-serif;
    list-style-type: none;
    border: none;
    margin: 0;
    padding: 15px 5px 15px 15px;
    border-bottom: 2px solid #f0cd35;
    }

.PageContentRightImageHolder
    {
    width: 100%;
    padding: 0;
    margin: 30px 0;
    text-align: center;
    font-size: 8pt;
    font-family: Tahoma, Arial, sans-serif;
    }

.PageContentRightImageHolder h4
    {
    margin: 5px 0;
    font-weight: bold;
    font-size: 8pt;
    font-family: Tahoma, Arial, sans-serif;
    }

.PageContentRightImageHolder p
    {
    margin: 5px 0;
    font-size: 8pt;
    font-family: Tahoma, Arial, sans-serif;
    }

.DesignDetailsList
    {
    }

.DesignDetailsList li
    {
    clear: right;
    vertical-align: middle;
    }

.DesignDetailsList li div
    {
    width: 100%;
    font-size: 8pt;
    text-align: left;
    vertical-align: middle;
    }

.DesignDetailsList li div span
    {
    width: auto;
    float: right;
    padding: 2px 0 2px 15px;
    }

.FaqFlowImageHolder
    {
    padding: 5px 0;
    margin: 0;
    text-align: center;
    }

.FaqFlowImageHolder span
    {
    display: block;
    font-size: 8pt;
    font-family: Tahoma, Arial, sans-serif;
    margin: 3px 0;
    }

.FormFields p
    {
    margin: 2px 0 0 0;
    clear: left;
    }

.FormFields span
    {
    display: block;
    float: left;
    width: 100px;
    }

.FormFields label
    {
    font-size: 9pt;
    color: #4D4D4D;
    font-family: Arial, Tahoma, sans-serif;
    }

.FormFields input, .FormFields textarea
    {
    border: 1px solid black;
    background-color: #FAFAFA;
    }

.ContactUsAddressDiv
    {
    float: left;
    width: 100%;
    margin: 5px 0;
    }

.ContactUsFlagWrapper
    {
    width: auto;
    text-align: left;
    margin: 15px 0 0 15px;
    }

.ContactUsAddressWrapper
    {
    float: left;
    width: 200px;
    margin: 0;
    padding: 0;
    }

.SearchBox, .SearchButton
    {
    border: 1px solid #4D4D4D;
    font-size: 9pt;
    color: black;
    font-family: Arial, Tahoma, sans-serif;
    padding: 0 2px;
    margin: 5px 5px 5px 0;
    }

.ResultList li
    {
    font-size: 8pt;
    font-family: Tahoma, Arial, sans-serif;
    margin-bottom: 5px;
    }

.ResultList a
    {
    font-weight: bold;
    }

#chklSearchSections
    {
    }

#chklSearchSections label
    {
    margin: 0 10px 0 0;
    }

/* use for production comments */

.comment
    {
    font-style: italic;
    font-weight: bold;
    color: red !IMPORTANT;
    background-color: yellow;
    }