/* First, set up element defaults. */

body
	{
	font-family: Verdana, sans-serif;
	font-size: 10px;
	color: #333333;
	background-color: #ffffff;
	margin-top: 0px;
	}

sup
        {
        font-size: 7px;
	line-height: 0px;
        }


form, input, select
	{
        color: #333333;
        background-color: #FFFFFF;
        margin: 0px;
        padding: 0px;
        }

h2
	{
	font-size: 14px;
	}

h4
        {
        color: #EC881D;
        font-size: 14px;
        }

h5
        {
	margin-top: 10px;
	margin-bottom: 10px;
        font-size: 10px;
        }

p
	{
	margin-top: 10px;
	margin-bottom: 5px;
	}

a, a:active, a:visited
        {
        color: #ce6911;
        text-decoration:none;
        }

a:hover
        {
        color: #EC881D;
        text-decoration:underline;
        }

h4
        {
        color: #EC881D;
        font-size: 14px;
        }

input.btn
	{
        font-family: Arial, Sans-Serif;
        font-weight: bold;
        letter-spacing: 1px;
        background-color: #EC881D;
        border-top-color:#c63;
        border-left-color:#c63;
        border-right-color:#930;
        border-bottom-color:#930;
        color: #fff;
	}

input.btnhov
	{
        cursor:pointer;
        color:#333333;
	}


  /* Site Header and basic structural Classes. */
.PageContainer
	{
	width: 815px;
	height: auto;
	margin-top: 0px;
	padding-left: 15px;
	padding-right: 15px;
	background-color: #FFFFFF;
	}

.Header
	{
	clear: both;
	width: 100%;
	height: 107px;
	}

.TopLogo, img.TopLogo
	{
	float: left;
	margin-left: 10px;
	margin-top: 2px;
	font-family: Verdana, sans-serif;
	font-size: 18px;
	color: #000000;
	border: 0px;
	}

.TopLogoSubText
	{
        float:left;
        margin-left: 12px;
        margin-top: 36px;
        margin-bottom: 1px;
	width: 200px;
        font-family: Verdana, sans-serif;
        font-size: 11px;
	font-style: italic;
	font-weight: bold;
        color: #FF0000;
	}

.TopNavButtonsLinks
	{
	float:right;
	margin-right: 0px;
	margin-top: 0px;
	margin-left: 3px;
	height: 17px;
	width: 224px;
	padding: 10px;
	}

.TopNav
	{
	text-align: right;
	margin-left: 3px;
	margin-right: 0px;
	font-size: 11px;
        color: #89B16B;
	}

a.TopNav:active, a.TopNav:link:hover, a.TopNav:visited:hover
        {
        text-align: right;
        font-weight: bold;
        text-decoration: underline;
        }

a.TopNav:link, a.TopNav:visited
	{
	text-align: right;
	font-weight: bold;
        color: #89B16B;
	text-decoration: none;
	}

.TopBUName, .TopBUName:link, .TopBUName:visited, .TopBUName:active, .TopBUName:hover
	{
        float: right;
        font-weight: bold;
        font-size: 13pt;
        color: #336699;
        text-align: right;
        margin-right: 5px;
        margin-top: 18px;
	margin-bottom: 0px;
        width: 300px;
        text-decoration: none;
	}


  /* Navigation Tabs Classes - The tabs are "brought to the front" by switching their class to the active version. */
.TopNavTabBar
	{
	width: 100%;
	clear: both;
	height: 28px;
	position: relative;
	color: #FFFFFF;
        font-size: 10pt; 
        font-weight: bold;
	}

.TopNavTabs
	{
	clear: both;
	margin-top: 8px;
	}

.TopNavTabText, .TopNavTabText:link, .TopNavTabText:visited
        {
        position: relative;
        top: 6px;
        z-index: 50;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
        }

.TopNavTabText:hover, .TopNavTabText:active
        {
        color: #FFFFBB;
        text-decoration: none;
        font-weight: bold;
        }

.TopNavTab0
	{
	clear: both;
	width: 203px;
	height: 28px;
	float: left;
	position: absolute;
	left: 0;
	top: 0px;
	text-align: left;
	}

.TopNavTab0Text, .TopNavTab0Text:link, .TopNavTab0Text:visited, .TopNavTab0Text:hover, .TopNavTab0Text:active
	{
	font-size: 14pt;
	margin-left: 14px;
	color: #89B16B;
        position: relative;
        top: 0px;
        text-decoration: none;
        font-weight: normal;
	}

.TopNavTab1Inactive
	{
	clear: none;
	float: left;
	width: 126px;
        height: 28px;
	position: absolute;
	left: 203px;
        z-index: 1;
	background-image: url(/images/widgets/TopNavTab/Tab1_Inactive.png);
        text-align: center;
	vertical-align: middle;
	}

.TopNavTab1Active
	{
        clear: none;
        float: left;
        width: 126px;
        height: 28px;
        position: absolute;
        left: 203px;
	z-index: 9;
        background-image: url(/images/widgets/TopNavTab/Tab1_Active.png);
        text-align: center;
	}

.TopNavTab2Inactive
	{
        clear: none;
        float: left;
        width: 117px;
        height: 28px;
        position: absolute;
        left: 329px;
	z-index: 1;
        background-image: url(/images/widgets/TopNavTab/Tab2_Inactive.png);
        text-align: center;
	}

.TopNavTab2Active
        {
        clear: none;
        float: left;
        width: 117px;
        height: 28px;
        position: absolute;
        left: 329px;
        z-index: 9;
        background-image: url(/images/widgets/TopNavTab/Tab2_Active.png);
        text-align: center;
        }

.TopNavTab3Inactive
	{
        clear: none;
        float: left;
        width: 117px;
        height: 28px;
        position: absolute;
        left: 446px;
        z-index: 1;
        background-image: url(/images/widgets/TopNavTab/Tab3_Inactive.png);
        text-align: center;
	}

.TopNavTab3Active
        {
        clear: none;
        float: left;
        width: 117px;
        height: 28px;
        position: absolute;
        left: 446px;
        z-index: 9;
        background-image: url(/images/widgets/TopNavTab/Tab3_Active.png);
        text-align: center;
        }

.TopNavTab4Inactive
	{
        clear: none;
        float: left;
        width: 117px;
        height: 28px;
        position: absolute;
        left: 563px;
        z-index: 1;
        background-image: url(/images/widgets/TopNavTab/Tab4_Inactive.png);
        text-align: center;
	}

.TopNavTab4Active
        {
        clear: none;
        float: left;
        width: 117px;
        height: 28px;
        position: absolute;
        left: 563px;
        z-index: 9;
        background-image: url(/images/widgets/TopNavTab/Tab4_Active.png);
        text-align: center;
        }

.TopNavTab5Inactive
	{
        clear: right;
        float: left;
        width: 135px;
        height: 28px;
        position: absolute;
        left: 680px;
        z-index: 1; 
        background-image: url(/images/widgets/TopNavTab/Tab5_Inactive.png);
        text-align: center;
	} 

.TopNavTab5Active
        {
        clear: none;
        float: left;
        width: 135px;
        height: 28px;
        position: absolute;
        left: 680px;
        z-index: 9;
        background-image: url(/images/widgets/TopNavTab/Tab5_Active.png);
        text-align: center;
        }

.BlueBar
	{
	clear: both;
	width: 815px;
	height: 10px;
	padding-top: 0px;
	z-index: 1;
	}


  /* Home Page */
.HPMainSection
        {
        display: block;
        height: 300px;
        }

.HPPhoto
	{
	position: absolute;
	top: 0px;
	left: 0px;
	float: left;
	}

.HPLeft
	{
	position: relative;
	float: left;
	width: 600px;
	height: 300px;
	}

.HPFloatText
	{
	display: inline;
	position: absolute;
	top: 0px;
	left: 355px;
	float: right;
	text-align: right;
	margin-top: 25px;
	margin-right: 10px;
	z-index: 10;
	}

.HPFloatTextP1
	{
	float: right;
	width: 230px;
	font-size: 12px;
	color: #666666;
	line-height: 18px;
	margin-top: 5px;
        margin-right: 2px;
	}

.HPFloatTextP2
        {
	width: 240px;
        float: right;
        font-size: 18px;
        color: #de7921;
        line-height: 22px; 
        margin-top: 5px;
        margin-right: 2px;
        }

.HPFloatTextP3
        {
	width: 220px;
        float: right;
        font-size: 12px;
        color: #666666;
        line-height: 18px; 
        margin-top: 5px;
        margin-right: 2px;
        }

.HPRight
        {
        float: right;
        clear: right;
        width: 214px;
        height: 301px;
	background-image: url(/images/widgets/HPRightBg.png);
        margin-top: 0px;
        margin-left: 0px;
        height: auto;
        text-align: left;
        }

.HPRightDash
        {
        float: right;
        clear: right;
        width: 212px;
        height: 1px;
        background-color: #888888;
        margin-top: 2px;
        margin-left: 0px;
        text-align: left;
        }

.HPRightP
	{
	height: 95px;
	width: 200px;
	margin-top: 5px;
	padding-left: 18px;
	margin-bottom: 0px;
	color: #ffffff;
	}

.HPRightText
	{
	float: left;
	width: 180px;
	margin-top: 5px;
	margin-bottom: 0px;
	padding-left: 0px;
        color: #ffffff;
	}

.HPRightText:link, .HPRightText:visited
        {
        width: 160px;
	font-size: 11px;
	color: #ffffff;
        }

h2.HPRightText
	{
	width: 190px;
	}

.HPRightTextH2, .HPRightTextH2:link, .HPRightTextH2:visited
        {
        float: left;
        width: 190px;
        margin-top: 5px;
        margin-bottom: 0px;
        padding-left: 0px;
	font-size: 18px;
	font-weight: normal;
        color: #ffffff;
        }

.HPRightText:hover, a.HPRightText:active, .HPRightP:hover, a.HPRightTextH2:hover, a.HPRightTextH2:active
	{
	text-decoration: none;
	color: #eeeecc;
	}

sup.HPRightText
	{
	float: none;
	font-size: 9px;
	margin-left: 0px;
	}

.HPRightTextArr
	{
	float: left;
	display: block;
	width: 8px;
	margin-right: 4px;
	margin-top: 4px;
	}


  /* Shared */
.MainSection
        {
        width: 100%;
        height: 100%;
        overflow: hidden;
        background-image: url(/images/widgets/leftnavbgbot.png);
        background-repeat: repeat-y;
        }

.Breadcrumb
	{
	overflow: hidden;
        margin-top: 0px;
	}

.BreadcrumbTitle
	{
        text-align: left;
        font-size: 11pt;
        font-weight: bold;
        color: #336699;
        margin-left: 24px;
        margin-bottom: 0px;
        padding-top: 4px;
        padding-bottom: 4px;
        font-family:Arial, sans-serif;
	}

.BreadcrumbTitleProd
	{
        text-align: left;
        font-size: 11pt;
        font-weight: bold;
        color: #de7921;
        margin-left: 24px;
        margin-bottom: 0px;
        padding-top: 4px;
        padding-bottom: 4px;
        font-family:Arial, sans-serif;
	}


  /* Site pages Left Nav classes */
.LeftNav
	{
        float: left;
        width: 202px;
	height: 100%;
        margin: 0px;
	margin-top: 0px;
        padding: 0px;
	background-color: #e8e8e8;
	}

.LeftNavPhoto
        {
        margin-bottom: 0px;
        padding-bottom: 0px;
        border: 0px;
	border-top: 0px;
	border-bottom: 0px;
        height: 53px;
        }

.LeftNavSideLinks
	{
        margin: 0px;
        padding-top: 0px;
	padding-bottom: 0px;
        min-height: 216px;
	height: 100%;
	background-image: url(/images/widgets/leftnavbg.png);
        background-repeat: repeat-x;
	}

.LeftNavSpaceHolder
	{
	float: left;
	width: 1px;
	}

.LeftNavProdType
	{
	color: #003366;
	text-align: left;
	font-weight: bold;
	font-size: 10px;
	margin-left: 30px;
	margin-right: 30px;
        padding-top: 11px;
	padding-bottom: 5px;
	}

a.SideLinks:hover, a.SideLinks:hover:link, a.SideLinks:hover:visited
	{
        color: #f18b33;
        text-decoration: none;
	}

.SideLinks, a.SideLinks:link, a.SideLinks:active, a.SideLinks:visited
	{
        color: #de7921;
        font-size: 11px;
        font-family: Arial, sans-serif;
        text-decoration: none;
        text-align: left;
        font-weight: bold;
	border: 0px;
        margin-left: 8px;
	margin-right: 2px;
        padding-top: 5px;
        padding-bottom: 5px;
        vertical-align: middle;
	}

.SideLinksLine
	{
	padding-top: 0px;
	padding-bottom: 0px;
	}

.MainContent
        {
        float: right;
        width: 613px;
        font-family: Verdana, sans-serif;
        font-size: 10px;
        text-align: left;
        margin-bottom: 0px;
        padding-left: 0px;
        margin-bottom: 0px;
        }


  /* Normal Site Pages */

.PageLevelHeader
        {
	clear: both;
        color:#de7921;
        font-size: 13px;
        font-family: Arial, sans-serif;
        font-weight: bold;
        margin-top: 18px;
	margin-left: 20px;
        margin-bottom: 8px;
        }

.PageLevelHeaderHr
	{
	margin-left: 6px;
	margin-left: 20px;
	margin-bottom: 6px;
	}

.SiteBody
	{
	margin-left: 20px;
	margin-right: 20px;
	}

  /* Customised Site Pages */
.News-EventsList
        {
        }

.News
        {
        float: left;
        width: 46%;
        }

.NewsList
        {
	width: 100%;
        padding: 0px;
	padding-bottom: 10px;
        margin: 0px;
        list-style-type: none;
        }

.Events
        {
        float: right;
        width: 46%;
        }

.EventsList
        {
	width: 100%;
	padding: 0px;
	padding-bottom: 10px;
	margin: 0px;
        list-style-type: none;
        }

.ContactBoxesTop
	{
	height: 150px;
	}

.ContactBoxesBot
        {
        height: 100px;
        }

.ContactLine
	{
	width: 50%;
	text-align: center;
	margin-right: 100px;
	}

.Columns2
        {
	clear: both;
        }

.Columns2ColA
        {
        float: left;
        width: 45%;
        padding: 0px;
        margin-top: 0px;
        margin-left: 0px;
        padding-left: 20px;
        margin-right: 5px;
        margin-bottom: 20px;
        }

.Columns2ColB
        {
        float: right;
        width: 45%;
        padding: 0px;
        margin-top: 0px;
        margin-left: 0px;
        padding-left: 20px;
        margin-right: 5px;
        margin-bottom: 20px;
        }

.Columns3
	{
	padding: 0px;
	margin: 5px;
	list-style-type: disc;
	list-style-image: url(/images/widgets/OrArrow.png);
	}

.Columns3ColAnB
	{
	float: left;
	width: 65%;
	}

.Columns3ColA
        {
        float: left;
	width: 50%;
        }

.Columns3ColB
        {
        float: right;
	width: 50%;
        }

.Columns3ColC
        {
        float: right;
	width: 33%;
        }



  /* Product Pages */
.ProdUpperNav
        {
        clear: both;
	float: right;
        height: 40px;
        margin-left: 2px;
        margin-bottom: 20px;
        background-image: url(/images/widgets/ProdUpperNavBg.png);
        }

.ProdUpperNavBar
        {
        float: left;
        width: 102px;
        padding-left: 20px;
        color: #003366;
	font-weight: bold;
        }

a.ProdUpperNavButton:hover:link, a.ProdUpperNavButton:hover:visited, a.ProdUpperNavButton:active
        {
        color: #ffffcc;
        text-decoration: none;
        }

.ProdUpperNavButton, a.ProdUpperNavButton:link, a.ProdUpperNavButton:visited
	{
	color: #ffffff;
	font-size: 9px;
        text-decoration: none;
	z-index: 100;
	}

a.ProdUpperNavButtonActive:hover:link, a.ProdUpperNavButtonActive:hover:visited, a.ProdUpperNavButtonActive:active
        {
        color: #205080;
        }

.ProdUpperNavButtonActive, a.ProdUpperNavButtonActive:link, a.ProdUpperNavButtonActive:visited
        { 
        color: #003366;
	font-size: 9px;
	text-decoration: none; 
        } 

.ProdNameHeader
	{
        clear: both;
        font-size: 12px;
        font-family: Arial, sans-serif;
        font-weight: bold;
        margin-top: 10px;
        margin-left: 20px;
        margin-bottom: 8px;
	color: #de7921;
	}

h5.ProdNameHeader
        {
        clear: none;
        margin-top: 10px;
        margin-left: 0px;
        margin-bottom: 0px;
        }

.ProdBotBlueLine
	{
	width: 100%;
	height: 2px;
	margin-bottom: 10px;
	}

.ProdTestlist
	{
	font-size: 9px;
	}

.ProdTestlistColA
	{
	float: left;
	width: 40%;
	padding: 0px;
	margin-top: 0px;
	margin-left: 0px;
	padding-left: 20px;
	margin-right: 5px;
	margin-bottom: 20px;
	}

.ProdTestlistColB
	{
	float: right;
	width: 40%;
	padding: 0px;
	margin-top: 0px;
	margin-left: 0px;
	padding-left: 20px;
	margin-right: 5px;
	margin-bottom: 20px;
	}

.ProdTestlistSub
	{
	margin: 0px;
	padding: 0px;
	margin-left: 15px;
	list-style: square;
	}

.ProdContactLink
	{
	clear: both;
	margin-top: 10px;
	margin-left: 20px;
	margin-bottom: 10px;
	}

  /* Site pages Bottom Nav */
.BottomNav
	{
	clear: both;
	display: block;
	height: 125px;
	padding-top: 1px;
	margin-top: 1px;
	}

.BottomNavCurve
	{
	clear: left;
	float: left;
	}

.BottomNavBar
	{
	position: relative;
	float: left;
	height: 125px;
	width: 75%;
	}

.BottomNavButton0
	{
	clear: none;
	float: left;
	width: 180px;
	height: 85px;
	padding-top: 20px;
	padding-left: 20px;
	}

.BottomNavButton1
        {
        clear: none;
	float: left;
        width: 180px;
	height: 85px;
	padding-top: 20px;
	padding-left: 20px;
        }

.BottomNavButton2
        {
        clear: none;
	float: left;
        width: 180px;
	height: 85px;
	padding-top: 20px;
	padding-left: 20px;
        }

.BottomNavButton3
        {
        clear: none;
	float: left;
        width: 180px;
	height: 101px;
	padding-top: 20px;
	padding-left: 20px;
        }

.BottomNavTitle
	{
	clear: both;
	display: block;
	text-transform: uppercase;
	text-align: left;
	font-weight: bold;
	color: #336699;
	font-size: 13px;
	}

.BottomNavText
        {
        color: #333333; 
        font-size: 9px;
	text-align: left;
        }

.BottomNavLink a:hover, .BottomNavLink a:hover:link, .BottomNavLink a:hover:visited
        {
        color: #f18b33;
        text-decoration: none;
        }

.BottomNavLink, .BottomNavLink a:link, .BottomNavLink a:active, .BottomNavLink a:visited
        {
        color: #de7921;
        font-size: 11px;
        font-family: Arial, sans-serif;
        text-decoration: none;
        text-align: left;
        font-weight: bold;
        border: 0px;
        padding-top: 4px;
        vertical-align: top;
        }

.BottomNavDivider
	{
	display: block;
	float: left;
	padding-top: 6px;
	}

.BottomNavRight
	{
	display: block;
	float: right;
	width: 25%;
	height: 101px;
	}

.BottomNavRightTitle
	{
	display: block;
	float: left; 
        text-align: left;
        color: #333333; 
        font-size: 9px; 
	}

.BottomNavRightText
        {
	display: block;
	float: left;
	width: 60%;
        color: #333333;
        font-size: 9px;
        text-align: left;
        }

.BottomNavRightImg, a.BottomNavRightImg:link, a.BottomNavRightImg:visited
	{
	float: right;
	margin-top: 2px;
	}


  /* Footer */
.Footer
	{
	height: 80px;
	background: #ffffff;
	padding-left:0px;
	padding-top:5px;
	margin-top: 0px;
	}

.FooterLinks,  .FooterLinks a,  .FooterLinks a:active,  .FooterLinks a:visited 
	{
	color: #89b16b;
	text-decoration: none;
	font-family: Verdana, sans-serif;
	font-size: 9px;
	font-weight:bold;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 5px;
	padding-bottom: 5px;
	}

.FooterLinks a:hover
	{
	color: #77aadd;
	text-decoration: none;
	}

.FooterCopyright
	{
	clear: both;
	width: 100%;
	height: auto;
	font-family: Verdana, sans-serif;
	font-size: 9px;
	color: #666666;
	margin-top: 40px;
	}

.DateStamp
        {
        float: right;
        }

.CopyRight
	{
	float: left;
	}

/*
.PageLevelHeaderTitle
	{
	color:#4C6580;
	font-size: 14px;
	font-family:Arial, sans-serif;
	font-weight:bold;
	margin-top:20px;
	margin-bottom:8px;
	}
*/


  /* Login Page */
.LoginMainSection
        {
        display: block;
        height: 300px;
	padding: 50px;
        }

.LoginLeft
	{
        vertical-align: top;
	float: left;
	width: 250px;
	height: 100px;
        text-align: left;
	}

.LoginRight
	{
        vertical-align: top;
	float: right;
	width: 250px;
        float: right;
        text-align: left;
	}

.LoginSection
	{
	vertical-align: top;
	font-weight: bold;
	margin-bottom: 20px;
	}

.LoginH4
	{
        vertical-align: top;
	font-size: 14px;
	margin: 0px;
	padding-bottom: 10px;
	color: #333333;
	}

.LoginButtons
	{
        vertical-align: top;
	text-align: right;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	}

.LoginFields
	{
        vertical-align: top;
	text-align: right;
	font-weight: normal;
	margin-top: 8px;
	margin-bottom: 8px;
	}