/************************/
/* GLOBAL               */
/************************/

@import url('https://fonts.googleapis.com/css?family=Montserrat:200,300,500,700');   
html, body {
}
body {
	font: 70%/1.4 Arial, Segoe UI, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	/*text-align: center;*/
	color: #888888;/*#333;*/
	background: #FFFFFF;/*#e5e3da;*/
}
body form {
	width: 1015px;
	margin: auto;
}

#PageContainer {
	/*overflow: hidden;*/
	/*overflow-y: auto;*/
}
#Page 
{
    position: relative;
	text-align: left;
	/*width: 1003px;*/
	width: 1052px;
	/*float: left;*/
	background-color: #FFFFFF;/*#e5e3da;*/
	/*padding: 0 10px 10px 10px;*/
}
a {
	color: #004A80;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
h1, h2, h3, h4 {
}
/*@import url('https://fonts.googleapis.com/css?family=Montserrat:200,300,500,700');    
  h1 {
    display: block;
    text-align:left;
    margin:0px;
    z-index:2;
    outline: none;
    position:relative;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500; 
    font-size: 24px; 
    line-height: 32px;
    padding: 10px 0 10px 34px;
    color: #168acb; 
    width: 300px !important;
}
h1:before {
    display:inline-block;
    height:100%;
    content: "";
    background-color:#168acb;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    border-radius: 25px;
    -webkit-border-radius:25px;
    -moz-border-radius:25px;
    width:25px;
}*/
h1 {
    color: #11214d;
    font-weight: normal;
    font-size: 2em;
    line-height: 1.2em;
    padding: 0;
    margin: 0.3em 0em 0.2em 0;
}

h2 
{
    color: #11214d;
	font-weight: bold;
	font-style: normal;
	font-size: large;
	padding: 0;
	margin: 0.2em 0em;
}
h3 
{
    color: #11214d;
	font-weight: bold;
	font-size: 1em;
	padding: 0;
	margin: 0.4em 0em;
}
.introduction {
	font-weight: bold;
}
p {
	margin: 0 0 1em 0;
	padding: 0;
}
hr {
	height: 1px;
	padding: 0;
	background: #EEEEEE;
	color: #EEEEEE;
	border: 0;
}
ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
ul.ordinary {
	overflow: hidden;
	padding: 10px;
}
ul.ordinary li {
	background: url(../images/defaultbullet.png) left center no-repeat;
	padding-left: 15px;
}
label {
}

input {
	font-size: 1em;
	padding: 2px 0 2px 4px;
}
select {
	font-size: 1em;
	padding: 2px 0 2px 4px;
}
legend {
}
.hidden {
	display: none;
}
.error {
	color: Red;
}
table {
	font-size: 1em;
	border-collapse: collapse;
}
th {
	text-align: left;
}

div
{
    padding: 0;
    margin: 0;
}

.left
{
    float: left;
}

.right
{
    float: right;
}

.clear
{
    clear: both;
}

/************************/
/* HEADER               */
/************************/
#HeaderArea
{
    z-index: 2;
    position: relative;
}

#Header
{
    /*margin-bottom: -15px;*/
    margin-left: 49px;
}

#Header .logo_search
{
    position: relative;
    padding: 10px 11px 10px 0;
}

#Header .left
{
}

#Header .left img
{
    position: absolute;
}

#Header .right
{
    margin-top: 10px;
    color: #11214D;
    font-weight: bold;
    font-size: 13px;
}

#Header .logo_search .PhoneIcon
{
    padding-left: 14px;
    background: url('../images/phone_ico.png') no-repeat;
    background-position: left center;
}

.BreadcrumbArea
{
    position: absolute;
    bottom: 10px;
}

.BreadcrumbArea div
{
    padding-right: 3px;
    float: left;
}

#Search
{
    float: left;
    position: relative;
    border: 1px solid #BBBBBB;
    width: 245px;
    height: 28px;
}

#Search a.SearchIcon
{
    position: absolute;
    right: 3px;
    top: 5px;
    width: 18px;
    height: 18px;
    background-position: right center;
    background-repeat: no-repeat;
    background-image: url('../images/mag_glass_off.png');
}

#Search a.SearchIcon:hover
{
    background-image: url('../images/mag_glass_on.png');
}

#Search input
{
    border: 0px solid;
    background: transparent;
    width: 240px;
    height: 28px;
    margin: 0px;
    padding: 0px 0px 0px 5px;
}

#Login
{
    float: left;
    margin-left: 30px;
    position: relative;
}

#Login .LoginButton
{
    height: 26px;
    width: 118px;
    background: url(../images/Login.png) left top no-repeat;
    cursor: pointer;
}

#Login .LoginButton span
{
    font-weight: bold;
    position: relative;
    right: -45px;
    top: 4px;
    font-size: small;
    color: White;
}

#Login .LoginMenu
{
    display: none;
    z-index: 3000;
    right: 0;
    position: absolute;
}

#Login .LoginMenu .LoginMenuTop
{
    min-width: 198px;
}

#Login .LoginMenu .LoginMenuTop .Left
{
    height: 9px;
    width: 9px;
    background: url(../images/Login_Box_Top_Left.png) left top repeat-x;
    float: left;
}

#Login .LoginMenu .LoginMenuTop .Center
{
    height: 9px;
    min-width: 180px;
    background: url(../images/Login_Box_Horizontal_Border.png) white left top repeat-x;
    float: left;
}

#Login .LoginMenu .LoginMenuTop .Right
{
    height: 9px;
    width: 9px;
    background: url(../images/Login_Box_Top_Right.png) left top repeat-x;
    float: left;
}

#Login .LoginMenu .LoginMenuMiddle .Left
{
    min-height: 20px;
    width: 9px;
    background: url(../images/Login_Box_Vertical_Border.png) white left top repeat-y;
    float: left;
}

#Login .LoginMenu .LoginMenuMiddle .Center
{
    min-height: 20px;
    min-width: 180px;
    background-color: White;
    float: left;
}

#Login .LoginMenu .LoginMenuMiddle .Center a
{
    padding-left: 5px;
    color: #11214D;
    font-weight: bold;
}

#Login .LoginMenu .LoginMenuMiddle .Right
{
    min-height: 20px;
    width: 9px;
    background: url(../images/Login_Box_Vertical_Border.png) white right top repeat-y;
    float: left;
}

#Login .LoginMenu .LoginMenuMiddle .Separator
{
    height: 5px;
    float: left;
}

#Login .LoginMenu .LoginMenuMiddle .Separator .Left
{
    min-height: 5px;
    width: 14px;
    background: url(../images/Login_Box_Vertical_Border.png) white left top repeat-y;
    float: left;
}

#Login .LoginMenu .LoginMenuMiddle .Separator .Center
{
    margin: auto;
    text-align: center;
    height: 5px;
    min-width: 171px;
    background: url(../images/Login_Box_Separator.png) white left top repeat-x;
    float: left;
}

#Login .LoginMenu .LoginMenuMiddle .Separator .Right
{
    min-height: 5px;
    width: 13px;
    background: url(../images/Login_Box_Vertical_Border.png) white right top repeat-y;
    float: left;
}

#Login .LoginMenu .LoginMenuBottom
{
    min-width: 198px;
}

#Login .LoginMenu .LoginMenuBottom .Left
{
    height: 9px;
    width: 9px;
    background: url(../images/Login_Box_Bottom_Left.png) left top repeat-x;
    float: left;
}

#Login .LoginMenu .LoginMenuBottom .Center
{
    height: 9px;
    min-width: 180px;
    background: url(../images/Login_Box_Horizontal_Border.png) white left bottom repeat-x;
    float: left;
}

#Login .LoginMenu .LoginMenuBottom .Right
{
    height: 9px;
    width: 9px;
    background: url(../images/Login_Box_Bottom_Right.png) left top repeat-x;
    float: left;
}

#MenuContainer
{
    float: left;
    height: 49px;
    width: 1003px;
    background: url(../images/Top_Menu_Background_Off.png) left top repeat-x;
    z-index: 1000;
    position: relative;
}

#MenuContainer #TopNav
{
    margin-bottom: 0;
}

#MenuContainer ul li a, a:visited
{
    color: #fff;
    text-decoration: none;
}

#MenuContainer ul li.on a, a:hover, a:visited
{
    color: #11214d;
}

#MenuContainer ul li .Item a:hover
{
    color: #11214d;
}

#MenuContainer ul li:hover .Item a
{
    color: #11214d;
}

#MenuContainer ul li
{
    cursor: pointer;
    font-weight: bold;
    color: #fff;
    padding: 15px 15px 0 15px;
    height: 34px;
    float: left;
}

#MenuContainer ul li.sep
{
    padding: 0;
    width: 1px;
    float: left;
    background: url(../images/Top_Menu_Background_Seperator.png) left top no-repeat;
}

#MenuContainer ul li.on
{
    color: #11214d;
    background: url(../images/Top_Menu_Background_On.png) left top repeat-x;
}

#MenuContainer ul li.ItemHover:hover
{
    color: #11214d;
    background: url(../images/Top_Menu_Background_On.png) left top repeat-x;
}

/********* Mega Menu **********/

.MegaMenuItemContainer
{
    position: relative;
}

.MegaMenuItemContainer div.DropDownMenu
{
    display: none;
    left: -20px;
    top: 34px;
    position: absolute;
    z-index: 1001;
}

.MegaMenuItemContainer .DropDownMenu div.MegaMenuItemHeading span a
{
    color: #11214D !important;    
}

.MegaMenuItemContainer .DropDownMenu .MegaMenuItemHeading div.MegaMenuItemHighlight
{
    width: 85%;
    height: 3px;
    background-color: #ec1d24;
}

.MegaMenuItemContainer .DropDownMenu .MegaMenuItemHeading div.Red
{
    background-color: #ec1d24 !important;
}

.MegaMenuItemContainer .DropDownMenu .MegaMenuItemHeading div.Blue
{
    background-color: #0063be !important;
}

.MegaMenuItemContainer .DropDownMenu .MegaMenuItemHeading div.Yellow
{
    background-color: #ecac00 !important;
}

.MegaMenuItemContainer .DropDownMenu .MegaMenuItemHeading div.Purple
{
    background-color: #764290 !important;
}

.MegaMenuItemContainer .DropDownMenu .MegaMenuItemHeading div.Green
{
    background-color: #007437 !important;
}

.MegaMenuItemContainer .DropDownMenu div.Left
{
    width: 7px;
    background: url(../images/MegaMenu_Border_Left.png) left top repeat-y;
    float: left;
}

.MegaMenuItemContainer .DropDownMenu div.ContentWrapper
{
    padding: 10px 20px 0 20px;
    float: left;
}
 .ContentWrapper {
   overflow: visible !important;
}


.MegaMenuItemContainer .DropDownMenu div.Right
{
    width: 7px;
    background: url(../images/MegaMenu_Border_Right.png) left top repeat-y;
    float: left;
}

.MegaMenuItemContainer .DropDownMenu div.Bottom
{
    
}

.MegaMenuItemContainer .DropDownMenu .Bottom div.Left
{
    width: 7px;
    height: 14px;
    background: url(../images/MegaMenu_Bottom_Left.png) left top no-repeat;
    float: left;
}

.MegaMenuItemContainer .DropDownMenu .Bottom div.Mid
{
    height: 14px;
    background: url(../images/MegaMenu_Bottom_Mid.png) left top repeat-x;
    float: left;
}

.MegaMenuItemContainer .DropDownMenu .Bottom div.Right
{
    width: 7px;
    height: 14px;
    background: url(../images/MegaMenu_Bottom_Right.png) left top no-repeat;
    float: left;
}

.MegaMenuItemContainer .DropDownMenu div.column
{
    
}

.MegaMenuItemContainer .DropDownMenu .column ul
{
    list-style-position: outside !important;
    padding-bottom: 10px;
    padding-top: 10px;
    margin: 0;
}

.MegaMenuItemContainer .DropDownMenu .column ul li
{
    padding: 0 !important;
    display: block;
    line-height: 1.2em;
    float: none !important;
    height: 30px !important;
}

.MegaMenuItemContainer .DropDownMenu .column ul li a
{
    color: #11214D !important;
    font-size: 13px;
    height: 30px;
}

.MegaMenuItemContainer .DropDownMenu div.menu-one-column-layout
{
    width: 215px;
    position: relative;
}

.MegaMenuItemContainer .DropDownMenu .menu-one-column-layout div.ContentWrapper
{
    background: url(../images/MegaMenu_One_Col_Background.png) left top repeat-y;
    width: 185px;
}

.MegaMenuItemContainer .DropDownMenu .menu-one-column-layout .Bottom div.Mid
{
    width: 201px;
}

.MegaMenuItemContainer .DropDownMenu .menu-one-column-layout div.column
{
    width: 100%;
}

.MegaMenuItemContainer .DropDownMenu div.menu-two-column-layout
{
    width: 430px;
    position: relative;
}

.MegaMenuItemContainer .DropDownMenu .menu-two-column-layout div.ContentWrapper
{
    background: url(../images/MegaMenu_Two_Col_Background.png) left top repeat-y;
    width: 390px;
}

.MegaMenuItemContainer .DropDownMenu .menu-two-column-layout .Bottom div.Mid
{
    width: 416px;
}

.MegaMenuItemContainer .DropDownMenu .menu-two-column-layout div.column
{
    width: 50%;
    float: left;
}

.MegaMenuItemContainer .DropDownMenu div.menu-three-column-layout
{
    width: 645px;
    position: relative;
}

.MegaMenuItemContainer .DropDownMenu .menu-three-column-layout div.ContentWrapper
{
    background: url(../images/MegaMenu_Three_Col_Background.png) left top repeat-y;
    width: 605px;
}

.MegaMenuItemContainer .DropDownMenu .menu-three-column-layout .Bottom div.Mid
{
    width: 631px;
}

.MegaMenuItemContainer .DropDownMenu .menu-three-column-layout div.column
{
    width: 33%;
    float: left;
}

.MegaMenuItemContainer .DropDownMenu .menu-four-column-layout
{
    position: relative;
}

.MegaMenuItemContainer .DropDownMenu .menu-four-column-layout div.ContentWrapper
{
    background: url(../images/MegaMenu_Four_Col_Background.png) left top repeat-y;
    width: 820px;
}

.MegaMenuItemContainer .DropDownMenu .menu-four-column-layout .Bottom div.Mid
{
    width: 846px;
}

.MegaMenuItemContainer .DropDownMenu .menu-four-column-layout div.column
{
    width: 25%;
    float: left;
}

/******************************/

#AdditionalNav
{
    height: 32px;
    float: right;
}

#AdditionalNav span
{
    float: left;
}

#AdditionalNav span.ButtonLeft
{
    height: 26px;
    width: 12px;
    background: url(../images/Top_Menu_Button_Left.png) left top no-repeat;
}

#AdditionalNav span.ButtonMid
{
    height: 26px;
    background: url(../images/Top_Menu_Button_Background.png) left top repeat-x;
}

#AdditionalNav span.ButtonRight
{
    height: 26px;
    width: 11px;
    background: url(../images/Top_Menu_Button_Right.png) left top no-repeat;
}

#HeaderArea .SubMenuContainer
{
    float: left;
    background-color: #f5f5f5;
    height: 50px;
    width: 1003px;
}

#HeaderArea .SubMenuContainer ul
{
    position: relative;
}

#HeaderArea .SubMenuContainer ul li
{
    float: left;
}

#HeaderArea .SubMenuContainer ul li.on
{
    
}

#HeaderArea .SubMenuContainer ul li.sep
{
    padding: 15px 15px 0 15px;
    height: 34px;
    padding: 0;
    width: 1px;
    background: url(../images/Top_Menu_Background_Seperator.png) left top no-repeat;
}

#HeaderArea .SubMenuContainer div.SubItemContainer
{
    position: relative;
}

#HeaderArea .SubMenuContainer div.SubItemContainer div.Item
{
    padding: 15px 15px 0 15px;
    height: 34px;
}

#HeaderArea div.ItemHover:hover
{
    
}

#HeaderArea .SubMenuContainer div.SubItemContainer div.SubMenuTrigger a
{
    padding-right: 20px;
    background: url(../images/Sub_Menu_Arrow.png) right center no-repeat;
}

#HeaderArea .SubMenuContainer div.SubItemContainer div.DropDownMenu
{
    display: none;
    left: 0;
    top: 49px;
    position: absolute;
    /*background-color: whiteSmoke;
    border: 1px solid #11214D;*/    
    z-index: 2000;
    border: #ccc 1px solid;
    border-top: 0px;
    /*border-bottom: 0px;*/
    width: 222px;
    background: #fff;
}

#HeaderArea .SubMenuContainer div.SubItemContainer div.DropDownMenu ul
{
    margin-top: 5px;
    margin-left: 5px;
}

#HeaderArea .SubMenuContainer div.SubItemContainer div.DropDownMenu ul li
{
    /*padding: 0 10px 0 5px;*/
    
}

#HeaderArea .SubMenuContainer div.SubItemContainer div.DropDownMenu ul li div.itemInner
{
    padding: 2px;
    background: url(../images/Sub_Menu_Item_Bg.jpg) no-repeat;
    height: 22px;
    width: 215px;
    float: none;
}

#HeaderArea .SubMenuContainer div.SubItemContainer div.DropDownMenu ul li div.itemInner p
{
    margin: 1px 0px 0px 5px;
}

#HeaderArea .SubMenuContainer div.SubItemContainer div.DropDownMenu ul li div.itemInner p a
{
    line-height: 1.3;
    color: #FFFFFF;
}

#HeaderArea .SubMenuContainer div.SubItemContainer div.DropDownMenu ul li.sep
{
    height: 1px;
    width: 50px;
    background-color: #0E0E0E;/**/
}

/*#HeaderArea .SubMenuContainer div.SubItemContainer div.DropDownFooter
{
    float: left;
    background: url(../images/Sub_Menu_Box_Footer_Bg.png) no-repeat;
    height: 16px;
    width: 224px;
}*/

/************************/
/* CONTENT              */
/************************/

.ContentArea
{
    padding-bottom: 25px;
    height: 100%;
    position: relative;
    z-index: 1;
    /*background: url(../images/Background_Red.png) left top repeat-y;*/
}

.ContentArea.Red
{
    background: url(../images/Background_Red.png) left top repeat-y;
}

.ContentArea.Blue
{
    background: url(../images/Background_Blue.png) left top repeat-y;
}

.ContentArea.Yellow
{
    background: url(../images/Background_Yellow.png) left top repeat-y;
}

.ContentArea.Purple
{
    background: url(../images/Background_Purple.png) left top repeat-y;
}

.ContentArea.Green
{
    background: url(../images/Background_Green.png) left top repeat-y;
}

#HeroPanelArea
{
    float: left;
    height: 280px;
}

#HeroPanelArea div.orbit-wrapper
{
    /*float: left;*/
    width: 970px !important;
}

#HeroPanelArea .orbit-slide img
{
    position: absolute;
    z-index: -1;
    width: 100%;
}

/*#HeroPanelArea .orbit-slide h1
{
    font-weight: bold;
    
    padding: 60px 0 0 30px;
}*/

#HeroPanelArea .orbit-slide p, #HeroPanelArea .orbit-slide a
{
    /*position: absolute;
    top: 50px;*/
    /*padding: 0 0 0 30px;*/
    /*width: 300px;*/
    color: #11214d;
}

#HeroPanelArea .orbit-slide a
{
    font-weight: bold;
    text-decoration: underline;
}

#HeroPanelArea .orbit-wrapper .timer
{
    display: none;
}

#HeroPanelArea .orbit-wrapper .orbit-bullets
{
    left: 82px;
    bottom: 0;
}

#HeroPanel { position: relative; width: 970px !important; }
/*#HeroPanel img { z-index: 1; }*/

#HeroPanel div
{
    position: absolute;
    left: 0;
    right: 0;
    /*top: 1px;*/
    height: 280px;
    overflow: hidden;
}

#HeroPanel:not(:first-child) {
    z-index: 0;    
}

#HeroPanel .orbit-slide .ContentWrapper
{
    padding: 70px 0 0 35px;
    width: 405px;
    overflow: visible !important;
}

#HeroPanel .orbit-slide .ContentWrapper
{
    
}

#HeroPanel .orbit-slide .ContentWrapper p
{
    font-size: small;
}

#HeroPanelArea div.RightBracket
{
    right: 0;
    top: 0;
    position: absolute;
    height: 280px;
    width: 74px;
    z-index: 1000;
    background: url(../images/Right_Bracket_Red.png) 5px top no-repeat;
}

.Red #HeroPanelArea div.RightBracket
{
    background: url(../images/Right_Bracket_Red.png) 30px top no-repeat !important;
}

.Blue #HeroPanelArea div.RightBracket
{
    background: url(../images/Right_Bracket_Blue.png) 30px top no-repeat !important;
}

.Yellow #HeroPanelArea div.RightBracket
{
    background: url(../images/Right_Bracket_Yellow.png) 30px top no-repeat !important;
}

.Purple #HeroPanelArea div.RightBracket
{
    background: url(../images/Right_Bracket_Purple.png) 30px top no-repeat !important;
}

.Green #HeroPanelArea div.RightBracket
{
    background: url(../images/Right_Bracket_Green.png) 30px top no-repeat !important;
}

#HeroPanel div.HeroInfo
{
    z-index: 3;
}

#Content
{
    padding-right: 25px;
    padding-bottom: 20px;
    float: left;
    position: relative;
    /*left: -49px;*/
}

#Content .ContentBody
{
    width: 970px;
}

#Content .ContentBody .ExtensionContentArea
{
    padding-left: 30px;
}

#Content .ContentBody .ExtensionContentArea .ExtensionContainer
{
    padding-top: 20px;
    /*padding-bottom: 20px;*/
}

#Content .ContentBody .ExtensionContentArea .ExtensionContainer ul.BeneficiaryTabs
{
    margin-bottom: 0;
}

#Content .ContentBody .ExtensionContentArea .separator
{
    margin-top: 20px;
    height: 6px;
    width: 910px;
    background-color: #e1effa;
}

#Content .ContentBody .ExtensionContentArea .two-column-layout .second .ExtensionContainer
{
    margin-right: 20px; /*29px;*/
}

#Content .ContentBody .ExtensionContentArea .two-column-layout .second .BeneficiaryControlContainer
{
    padding-top: 20px;
}

#Content .one-column-layout
{
    width: 897px;
}

#Content .two-column-layout
{
    /*height: 275px;*/
    /*padding: 20px 0 0 30px;*/
    /*padding-top: 20px;*/
}

#Content .ContentBody .fifty-fifty-layout div.first {
    float: left;
    width: 46% !important;
    margin-right: 27px !important;
}
#Content .ContentBody .fifty-fifty-layout div.second {
    /*margin-left: 20px !important;*/
    float: left;
    width: 46% !important;
    position: relative !important;
}

#Content .ContentBody .ExtensionContentArea .fifty-fifty-layout .second .ExtensionContainer
{
    margin: 0;
}

#Content .ContentBody .two-column-layout div.first { float: left; width: 565px; /*width: 58%;*/ margin-right: 20px; }
#Content .ContentBody .two-column-layout .second { float: left; width: 355px; /*width: 38%;*/ position: relative; }

#Content .ContentBody .SolutionsPanel { position: relative; width: 970px; height: 165px; }
#Content .ContentBody .SolutionsPanel img { z-index: 1; }

#Content .ContentBody .SolutionsPanel .SolutionsPanelItemsArea
{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    overflow: hidden;
}

#Content .ContentBody .SolutionsPanel .SolutionsPanelItem
{
    cursor: pointer;
    float: left;
}

#Content .ContentBody .SolutionsPanel .SolutionsPanelItem .SolutionsPanelItemBody
{
    width: 191px;
    height: 158px;
    background: url(../images/Solutions_Panel_Item_Off.png) left top no-repeat;
}

#Content .ContentBody .SolutionsPanel .SolutionsPanelItem .SolutionsPanelItemBody .Off
{
    background: url(../images/Solutions_Panel_Item_Off.png) left top no-repeat;
}

#Content .ContentBody .SolutionsPanel .SolutionsPanelItem .SolutionsPanelItemBody.Red.On
{
    background: url(../images/Solutions_Panel_Item_Red_On.png) left top no-repeat;
}

#Content .ContentBody .SolutionsPanel .SolutionsPanelItem .SolutionsPanelItemBody.Blue.On
{
    background: url(../images/Solutions_Panel_Item_Blue_On.png) left top no-repeat;
}

#Content .ContentBody .SolutionsPanel .SolutionsPanelItem .SolutionsPanelItemBody.Yellow.On
{
    background: url(../images/Solutions_Panel_Item_Yellow_On.png) left top no-repeat;
}

#Content .ContentBody .SolutionsPanel .SolutionsPanelItem .SolutionsPanelItemBody.Purple.On
{
    background: url(../images/Solutions_Panel_Item_Purple_On.png) left top no-repeat;
}

#Content .ContentBody .SolutionsPanel .SolutionsPanelItem .SolutionsPanelItemBody.Green.On
{
    background: url(../images/Solutions_Panel_Item_Green_On.png) left top no-repeat;
}

#Content .ContentBody .SolutionsPanel .SolutionsPanelItem .SolutionsPanelItemBody h2
{
    width: 120px;
    padding: 10px 0 0 20px;
    margin: 0;
}

#Content .ContentBody .SolutionsPanel .SolutionsPanelItem .SolutionsPanelItemBody p
{
    /*font-style: italic;*/
    width: 135px;
    padding: 15px 0 0 20px;
}

#Content .ContentBody .SolutionsPanel .SolutionsPanelSeperator
{
    float: left;
    width: 3px;
    height: 165px;
    background: url(../images/Solutions_Panel_Item_Seperator.png) left top no-repeat;
}

#Content .ContentBody .SolutionsPanel .SolutionsPanelItemFooter
{
    width: 191px;
    height: 7px;
    background: url(../images/Solutions_Panel_Item_Red_Bottom.png) left top no-repeat;
}

#Content .ContentBody .SolutionsPanel .SolutionsPanelItemFooter.Red
{
    background: url(../images/Solutions_Panel_Item_Red_Bottom.png) left top no-repeat !important;
}

#Content .ContentBody .SolutionsPanel .SolutionsPanelItemFooter.Blue
{
    background: url(../images/Solutions_Panel_Item_Blue_Bottom.png) left top no-repeat !important;
}

#Content .ContentBody .SolutionsPanel .SolutionsPanelItemFooter.Yellow
{
    background: url(../images/Solutions_Panel_Item_Yellow_Bottom.png) left top no-repeat !important;
}

#Content .ContentBody .SolutionsPanel .SolutionsPanelItemFooter.Purple
{
    background: url(../images/Solutions_Panel_Item_Purple_Bottom.png) left top no-repeat !important;
}

#Content .ContentBody .SolutionsPanel .SolutionsPanelItemFooter.Green
{
    background: url(../images/Solutions_Panel_Item_Green_Bottom.png) left top no-repeat !important;
}

#Content .ContentBody div.RightBracket
{
    height: 216px;
    width: 74px;
    top: 0;
    right: 0;
    z-index: 10;
    position: absolute;
    background: url(../images/Right_Bracket_Red.png) 5px -280px no-repeat !important;
}

.Red #Content div.RightBracket
{
    background: url(../images/Right_Bracket_Red.png) 5px -280px no-repeat !important;
}

.Blue #Content div.RightBracket
{
    background: url(../images/Right_Bracket_Blue.png) 5px -280px no-repeat !important;
}

.Yellow #Content div.RightBracket
{
    background: url(../images/Right_Bracket_Yellow.png) 5px -280px no-repeat !important;
}

.Purple #Content div.RightBracket
{
    background: url(../images/Right_Bracket_Purple.png) 5px -280px no-repeat !important;
}

.Green #Content div.RightBracket
{
    background: url(../images/Right_Bracket_Green.png) 5px -280px no-repeat !important;
}
/*no layout block*/
#Content .ContentBody #featuredContent
{
    width: 546px !important;
}

#Content .ContentBody #featuredContentTop .left
{
    float: left;
    background: url(../images/Featured_Content_Top_Left.png) left top no-repeat;
    height: 45px;
    width: 8px;
}

#Content .ContentBody #featuredContentTop .middle
{
    float: left;
    background: url(../images/Featured_Content_Top.png) left top repeat-x;
    height: 15px;
    width: 875px;/*width: 906px;*//*502px;*/
}

#Content .ContentBody #featuredContentTop .right
{
    float: left;
    background: url(../images/Featured_Content_Top_Right.png) right top no-repeat;
    height: 45px;
    width: 8px;
}

#Content .ContentBody #featuredContentTop .heading
{
    /*text-transform: uppercase;*/
    padding: 15px;
}

#Content .ContentBody .featuredContentLeft
{
    width: 1px;
    height: 182px;
    background-color: #e0dddd;
    float: left;
}

#Content .ContentBody .featuredContentRight
{
    width: 1px;
    height: 182px;
    background-color: #e0dddd;
    float: left;
}

#Content .ContentBody .orbit-wrapper
{
    float: left;
    width: 546px !important;
}

#Content .ContentBody #featuredContentBottom
{
    
}

#Content .ContentBody #featuredContentBottom .left
{
    float: left;
    background: url(../images/Featured_Content_Bottom_Left.png) left top no-repeat;
    height: 45px;
    width: 8px;
}

#Content .ContentBody #featuredContentBottom .middle
{
    float: left;
    background: url(../images/Featured_Content_Bottom.png) left top repeat-x;
    height: 45px;
    width: 532px;
}

#Content .ContentBody #featuredContentBottom .right
{
    float: left;
    background: url(../images/Featured_Content_Bottom_Right.png) right top no-repeat;
    height: 45px;
    width: 8px;
}

#Content .ContentBody .orbit-slide
{
    width: 546px;
    height: 182px;
    /*padding: 0 25px 25px 0;*/
    background-color: White;
}

#Content .ContentBody .orbit-slide img
{
    width: 100%;
    z-index: -1;
    position: absolute;
}

#Content .ContentBody .orbit-slide h4
{
    padding-left: 35px;
    color: #11214d;
    font-size: 15px;
}

#Content .ContentBody .orbit-slide h2
{
    padding-left: 35px;
    color: #11214d;
    font-size: 15px;
}

#Content .ContentBody .orbit-slide h4 p
{
    padding-left: 0;
}

#Content .ContentBody .orbit-slide .CarouselContent
{
    padding-left: 35px;
    width: 240px;
}

#Content .ContentBody .orbit-slide .CarouselContent p
{
    max-height: 125px; overflow-y: hidden; overflow-x: hidden;
}

#Content .ContentBody .orbit-slide p a
{
    padding-left: 0;
}

#Content .ContentBody .orbit-wrapper .timer
{
    display: none;
}

#Content .ContentBody .orbit-bullets
{
    bottom: -45px;
}

#Content .ContentBody .orbit-wrapper .slider-nav  span.left
{
    left: 8px;
}

#Content .ContentBody .orbit-wrapper .slider-nav  span.right
{
    right: 8px;
}

/*Product Navigation*/
.productboxleft{
	display: block;
	width: 100%;
	min-height: 70px;
	height: 100%;
	background: url("../images/fadeheaderboxleft.gif") no-repeat 0 bottom transparent;
}
.productboxright{
	min-height: 50px;
	width: 100%;
	height: 100%;
	margin-left: 15px;
	padding-top:20px;
	/*position: relative;*/
	background: url("../images/fadeheaderboxright.gif") no-repeat right bottom transparent;
}
.productboxtopleft
{
    margin-right: 26px;
	display: block;
	height: 50px;
	background: url("../images/Category_Box_Top_Left.png") no-repeat 0 0 transparent;
}
.productboxtopright{
	line-height:40px;	
	height: 50px;
	float: left;
	width: 100%;
	/*position: relative;*/
	margin-left: 40px;
	background: url("../images/Category_Box_Top_Right.png") no-repeat right 0 transparent;
}

#Content .ContentBody .ProductNav
{
    
}

#Content .ContentBody .ProductNav ul
{
    margin-bottom: 0px;
    padding: 0 5px 0 0;
    float: left;
}

#Content .ContentBody .ProductNav ul li
{
    float: left;
    padding-bottom: 5px;
}

#Content .ContentBody .ProductNav .ProductHover
{
    cursor: pointer;
}

#Content .ContentBody .ProductNav .ProductHover .BlueButtonLeft
{
    float: left;
    height: 28px;
    width: 11px;
    background: url(../images/Blue_Button_Left.png) left top no-repeat;
}

#Content .ContentBody .ProductNav .ProductHover .BlueButtonMid
{
    float: left;
    height: 28px;
    min-width: 160px;
    background: url(../images/Blue_Button_Bg.png) left top repeat-x;
    color: #FFFFFF;
}

#Content .ContentBody .ProductNav .ProductHover .BlueButtonRight
{
    float: left;
    height: 28px;
    width: 11px;
    background: url(../images/Blue_Button_Right.png) right top no-repeat;
}

#Content .ContentBody .ProductNav .ProductHoverContainer
{
    margin: 10px 0 0 30px;
    z-index: 9999;
    position: absolute;
    display: none;
}

/* Red */
.Red #Content .ContentBody .ProductNav .ProductHoverContainer .Left
{
    width: 16px;
    height: 195px;
    background: url(../images/Product_Hover_Left_Red.png) left center no-repeat;
    float: left;
}

.Red #Content .ContentBody .ProductNav .ProductHoverContainer .Mid
{
    width: 365px;
    height: 195px;
    background: url(../images/Product_Hover_Mid_Red.png) left center repeat-x;
    float: left;
}

.Red #Content .ContentBody .ProductNav .ProductHoverContainer .Right
{
    width: 26px;
    height: 195px;
    background: url(../images/Product_Hover_Right_Red.png) right center no-repeat;
    float: left;
}
/* Blue */
.Blue #Content .ContentBody .ProductNav .ProductHoverContainer .Left
{
    width: 16px;
    height: 195px;
    background: url(../images/Product_Hover_Left_Blue.png) left center no-repeat;
    float: left;
}

.Blue #Content .ContentBody .ProductNav .ProductHoverContainer .Mid
{
    width: 365px;
    height: 195px;
    background: url(../images/Product_Hover_Mid_Blue.png) left center repeat-x;
    float: left;
}

.Blue #Content .ContentBody .ProductNav .ProductHoverContainer .Right
{
    width: 26px;
    height: 195px;
    background: url(../images/Product_Hover_Right_Blue.png) right center no-repeat;
    float: left;
}
/* Yellow */
.Yellow #Content .ContentBody .ProductNav .ProductHoverContainer .Left
{
    width: 16px;
    height: 195px;
    background: url(../images/Product_Hover_Left_Yellow.png) left center no-repeat;
    float: left;
}

.Yellow #Content .ContentBody .ProductNav .ProductHoverContainer .Mid
{
    width: 365px;
    height: 195px;
    background: url(../images/Product_Hover_Mid_Yellow.png) left center repeat-x;
    float: left;
}

.Yellow #Content .ContentBody .ProductNav .ProductHoverContainer .Right
{
    width: 26px;
    height: 195px;
    background: url(../images/Product_Hover_Right_Yellow.png) right center no-repeat;
    float: left;
}
/* Purple */
.Purple #Content .ContentBody .ProductNav .ProductHoverContainer .Left
{
    width: 16px;
    height: 195px;
    background: url(../images/Product_Hover_Left_Purple.png) left center no-repeat;
    float: left;
}

.Purple #Content .ContentBody .ProductNav .ProductHoverContainer .Mid
{
    width: 365px;
    height: 195px;
    background: url(../images/Product_Hover_Mid_Purple.png) left center repeat-x;
    float: left;
}

.Purple #Content .ContentBody .ProductNav .ProductHoverContainer .Right
{
    width: 26px;
    height: 195px;
    background: url(../images/Product_Hover_Right_Purple.png) right center no-repeat;
    float: left;
}
/* Green */
.Green #Content .ContentBody .ProductNav .ProductHoverContainer .Left
{
    width: 16px;
    height: 195px;
    background: url(../images/Product_Hover_Left_Green.png) left center no-repeat;
    float: left;
}

.Green #Content .ContentBody .ProductNav .ProductHoverContainer .Mid
{
    width: 365px;
    height: 195px;
    background: url(../images/Product_Hover_Mid_Green.png) left center repeat-x;
    float: left;
}

.Green #Content .ContentBody .ProductNav .ProductHoverContainer .Right
{
    width: 26px;
    height: 195px;
    background: url(../images/Product_Hover_Right_Green.png) right center no-repeat;
    float: left;
}

#Content .ContentBody .ProductNav .ProductHoverContainer .Body
{
    color: #ffffff;
    height: 177px;
}

#Content .ContentBody .ProductNav .ProductHoverContainer .Body .Heading
{
    font-size: 23px;
    height: 35px;
}

#Content .ContentBody .ProductNav .ProductHoverContainer .Body .Content
{
    padding-top: 4px;
    height: 105px;
}

#Content .ContentBody .ProductNav .ProductHoverContainer .Body .Content .Text
{
    float: left;
    padding-top: 5px;
    line-height: 1.3;
    font-size: 13px;
    width: 215px;
}

#Content .ContentBody .ProductNav .ProductHoverContainer .Body .Content .Image
{
    height: 101px;
    width: 133px;
    background: url(../images/Product_Hover_Image_Shadow.png) right center no-repeat;
    padding: 7px 0 0 17px;
    float: left;
}

#Content .ContentBody .ProductNav .ProductHoverContainer .Body .Footer
{
    padding-top: 4px;
    text-align: center;
}

#Content .ContentBody .ProductNav .ProductHoverContainer .Body .Footer a
{
    color: #FFFFFF;
}

/* Form Control */
#Content .ContentBody .FormContainer
{
    background: url(../images/Colour_Box_Gradient.png) left top repeat-x;
    width: 910px;
    min-height: 89px;
    position: relative;
    background-color: #fea920;
    color: #FFFFFF;
}

#Content .ContentBody .ClickContainer
{
    cursor: pointer;
}

#Content .ContentBody .Corner
{
    width: 18px;
    height: 17px;
    position: absolute;
}

#Content .ContentBody .TopLeft
{
    background: url(../images/Colour_Box_Top_Left.png) left top no-repeat;
}

#Content .ContentBody .TopRight
{
    right: 0;
    background: url(../images/Colour_Box_Top_Right.png) right top no-repeat;
}

#Content .ContentBody .BottomRight
{
    right: 0;
    bottom: 0;
    background: url(../images/Colour_Box_Bottom_Right.png) right bottom no-repeat;
}

#Content .ContentBody .BodyContainer
{
    /*min-height: 84px;*/
    padding: 5px 20px 0 45px;
}

#Content .ContentBody .BodyContainer .Arrow
{
    margin: 4px 0 0 5px;
    float: left;
    width: 21px;
    height: 21px;
    background: url(../images/right-arrow-small.png) top left no-repeat;
}

#Content .ContentBody .FormContainer .BodyContainer img
{
    margin: 0 0 -5px 2px;
}

#Content .ContentBody .BodyContainer h2
{
    /*float: left;*/
    font-size: 1.8em;
    font-weight: normal;
}

#Content .ContentBody .BodyContainer span
{
    /*font-size: 1.3em;*/
}

#Content .ContentBody .BodyContainer .Form
{
    left: 0;
    /*width: 100%;*/
    background-color: #fea920;
    z-index: 9999;
    top: -350px;
    position: absolute;
    display: none;
}

#Content .ContentBody .BodyContainer .xformvalidator
{
    color: Red;
    position: absolute;
}

#Content .ContentBody .BodyContainer #id_matrix input[type=text]
{
    margin-bottom: 4px;
}

#Content .ContentBody .BodyContainer #id_matrix textarea
{
    margin-bottom: 4px;
}

#Content .ContentBody .BodyContainer .Form .Close
{
    right: -8px;
    top: -8px;
    position: relative;
    cursor: pointer;
    float: right;
    height: 20px;
    width: 20px;
    background: url(../images/close-small.png) top left no-repeat;
}

#Content .ContentBody .BodyContainer p
{
    margin: 0;
}

#Content .ContentBody .BodyContainer .Form table
{
    
}

#Content .ContentBody .BodyContainer table tr td
{
    position: relative;
    padding: 5px 35px 5px 20px;
}

#Content .ContentBody .Article
{
    position: relative;
}

#Content .ContentBody .Article ul
{
    padding-left: 17px;
    list-style-type: disc;
}

#Content .ContentBody .Article ul li
{
    list-style-position: outside;
}

/* Callout Control */
#Content .ContentBody .CalloutContainer
{
    width: 100%;
    min-height: 197px;
    position: relative;
    /*background-color: #fea920;*/
    background-color: #69ace3;
    /*background: url(../images/Callout_1.png) top left no-repeat;*/
    color: #11214D;
}

#Content .ContentBody .CalloutContainer .BodyContainer
{
    padding: 10px 0 0 15px;
}

#Content .ContentBody .CalloutContainer ul
{
    list-style-type: none;
}

#Content .ContentBody .CalloutContainer .BodyContainer ul li
{
    background: Transparent url(../images/Bullet_Disc_Default.png) no-repeat 0 7px;
    /*text-indent: 12px;*/
    padding-left: 12px;
}

#Content .ContentBody .CalloutContainer .Default ul li
{
    background: Transparent url(../images/Bullet_Disc_Default.png) no-repeat 0 7px;
}

#Content .ContentBody .CalloutContainer .Red ul li
{
    background: Transparent url(../images/Bullet_Disc_Red.png) no-repeat 0 7px;
}

#Content .ContentBody .CalloutContainer .Blue ul li
{
    background: Transparent url(../images/Bullet_Disc_Blue.png) no-repeat 0 7px;
}

#Content .ContentBody .CalloutContainer .Yellow ul li
{
    background: Transparent url(../images/Bullet_Disc_Yellow.png) no-repeat 0 7px;
}

#Content .ContentBody .CalloutContainer .Purple ul li
{
    background: Transparent url(../images/Bullet_Disc_Purple.png) no-repeat 0 7px;
}

#Content .ContentBody .CalloutContainer .Green ul li
{
    background: Transparent url(../images/Bullet_Disc_Green.png) no-repeat 0 7px;
}

#Content .ContentBody .CalloutContainer .BodyContainer .Arrow
{
    /*margin: 0;
    right: 20px;
    position: absolute;
    top: 10px;
    width: 21px;
    height: 21px;
    background: url(../images/right-arrow-small.png) top left no-repeat;*/
}

#Content .ContentBody .CalloutContainer .BodyContainer a
{
    text-decoration: underline;
    color: #FFFFFF;
}

#Content .ContentBody .FormContainer .BodyContainer h2
{
    float: left;
}

#Content .ContentBody .two-column-layout div.first .CalloutContainer
{
    min-height: 228px;
}

#Content .ContentBody .two-column-layout div.first .CalloutContainer .TopLeft
{
    background: none;
}

#Content .ContentBody .two-column-layout div.first .CalloutContainer .TopRight
{
    background: none;
}

#Content .ContentBody .two-column-layout div.first .CalloutContainer .BodyContainer
{
    /*background: url(../images/Callout_Box_Background.png) right center no-repeat;*/
}

#Content .ContentBody .two-column-layout div.first .CalloutContainer .BottomRight
{
    background: none;
}

#Content .ContentBody .two-column-layout div.first .CalloutBackgroundContainer
{
    width: 566px;
    min-height: 230px;
    background: url(../images/Callout_Box_Background.png) right center no-repeat;
}

/*First*/
#Content .ContentBody .two-column-layout div.first #featuredContent
{
    width: 545px !important;
}

#Content .ContentBody .two-column-layout div.first #featuredContentTop .middle
{
    width: 502px;
}

#Content .ContentBody .two-column-layout div.first .orbit-wrapper
{
    width: 546px !important;
}

#Content .ContentBody .two-column-layout div.first #featuredContentBottom .middle
{
    width: 532px;
}

#Content .ContentBody .two-column-layout div.first .orbit-slide
{
    width: 546px;
}

#Content .ContentBody .two-column-layout div.first .orbit-slide p, #Content .orbit-slide a
{
    width: 240px;
}

#Content .ContentBody .two-column-layout div.first .orbit-bullets
{
    bottom: -45px;
}

#Content .ContentBody .two-column-layout div.first .orbit-wrapper .slider-nav  span.left
{
    left: 8px;
}

#Content .ContentBody .two-column-layout div.first .orbit-wrapper .slider-nav  span.right
{
    right: 8px;
}

#Content .ContentBody .two-column-layout div.first .Article h2
{
    float: none;
    font-size:large;
}

#Content .ContentBody .two-column-layout div.first .Article .Intro
{
    font-weight: bold;
}

#Content .ContentBody .two-column-layout div.first .FormContainer
{
    width: 547px;
}

#Content .ContentBody .two-column-layout div.first .FormContainer .BodyContainer h2
{
    float: left;
}

#Content .ContentBody .two-column-layout div.first .EHubFeedContainer
{
    width: 533px;
}

#Content .ContentBody .two-column-layout .first .fifty-fifty-layout .EHubFeedContainer
{
    width: 245px;
}

/*Second*/
#Content .ContentBody .two-column-layout .second #featuredContent
{
    width: 323px !important;
}

#Content .ContentBody .two-column-layout .second #featuredContentTop .middle
{
    width: 280px;
}

#Content .ContentBody .two-column-layout .second .orbit-wrapper
{
    width: 324px !important;
}

#Content .ContentBody .two-column-layout .second #featuredContentBottom .middle
{
    width: 310px;
}

#Content .ContentBody .two-column-layout .second .orbit-slide
{
    width: 325px;
}

#Content .ContentBody .two-column-layout .second .orbit-slide p, #Content .ContentBody .two-column-layout .second .orbit-slide a
{
    width: 140px;
}

#Content .ContentBody .two-column-layout .second .orbit-bullets
{
    bottom: -45px;
}

#Content .ContentBody .two-column-layout .second .orbit-wrapper .slider-nav  span.left
{
    left: 8px;
}

#Content .ContentBody .two-column-layout .second .orbit-wrapper .slider-nav  span.right
{
    right: 8px;
}

#Content .ContentBody .two-column-layout .second .FormContainer
{
    width: 325px;
}

#Content .ContentBody .two-column-layout .second .FormContainer .BodyContainer h2
{
    float: left;
}

#Content .ContentBody .two-column-layout .second .EHubFeedContainer
{
    width: 310px;
}

/************************/
/* FOOTER               */
/************************/

#FooterArea
{
    margin-bottom: 50px;
    margin-left: 49px;
}

#Footer
{
    position: relative;
    /*padding-left: 15px;*/
    background-color: #FFF;
    /*background: url(../images/Featured_Content_Bottom_Right.png) right top no-repeat;*/
}

#Footer div.column
{
    padding: 15px;
    float: left;
}

#Footer div.column-image
{
    top: 5px;
    right: 0;
    position: absolute;
}

#Footer div.column span
{
    color: #11214d;
    font-size: small;
    font-weight: bold;
    margin-bottom: 5px;
}

#Footer div.column a
{
    color: #888888;
    font-size: small;
}

#Footer div.bottom
{
    padding-left: 15px;
}

#Footer .bottom div.left
{
    
}

#Footer .bottom div.right p
{
    float: left;
    padding-right: 5px;
}

#Footer .bottom div.right div
{
    float: left;
}

#Footer .bottom span.Copyright
{
    float: left;
}

#Footer .bottom div#FooterLower
{
    padding-left: 3px;
    float: left;
}

/************************/
/* TWEETS               */
/************************/
.TwitterContainer
{
    position: relative;
}

div.TwitterContainer div.Top
{
    width: 328px;
    height: 42px;
    background: url("../images/Right_Panel_Box_Top_Twitter.png") top left no-repeat;
}

div.TwitterContainer div.Top div.Heading
{
    color: #00aced;
    font-size: large;
    padding: 13px 0 0 45px;
}

div.TwitterContainer div.Content
{
    width: 328px;
    background: url("../images/Right_Panel_Box_Content.png") top center repeat-y;
}

div.TwitterContainer div.Content  div.Tools
{
    padding: 0 0 5px 18px;
}

div.TwitterContainer div.Content  div.Tools span.Separator
{
    padding: 0 5px 0 5px;
    text-align: center;
    margin: auto;
    width: 1px;
    height: 1px;
    background: url("../images/Right_Panel_Box_Content_Separator.png") center center no-repeat;
}


div.TwitterContainer div.Content div.Separator
{
    text-align: center;
    margin: auto;
    width: 250px;
    height: 1px;
    background: url("../images/Right_Panel_Box_Content_Separator.png") top left repeat-x;
}

div.TwitterContainer div.Footer
{
    width: 328px;
    height: 46px;
    background: url("../images/Right_Panel_Box_Bottom.png") bottom left no-repeat;
}

div.TwitterContainer div.Footer div.ButtonContainer
{
    padding-top: 7px;
    text-align: center;
}

#tweets { /*position: absolute; left: 186px; top: 105px;*/ padding-top: 5px; height: 350px; width: 321px; overflow: auto; }
#tweets p { font-size: 12px; margin-bottom: 0; padding: 5px 10px 0 18px; color: #7a8a99; /*background: url("../images/twitter/transpBlue.png");*/ }
#tweets p a { padding-left:2px; }
#tweets p a img { border:none; }

/* INFORMATION */
#info { position: absolute; left: 620px; top: 105px; width: 376px; height:300px; color: #96997a; font-size:14px; }
#info h1 { font: bold 18px Helvetica, Arial, Sans-serif; text-align: center; color: #eee; text-shadow: 0px 2px 6px #333; }
#info h1 small { font-size: 13px; text-transform:uppercase; display: block; color: #ccc; margin-top:10px; }
#info h2 a { display: block; text-decoration: none; margin: 10px 0; font: italic 13px Georgia, Times, Serif;  text-align: center; color: #bfe1f1; text-shadow: 0px 2px 6px #333; }
#info h2 a:hover { color: #90bcd0; }
#info p { margin:15px 0; }
#info p a { color: #96997a; }

.big { font-size:20px; }
.big span { color: #bfe1f1; font-size:24px; }

/* OVERLAY */
#overlay  
{
    left: 7px;
    position: absolute;
    top: 42px;
    height: 350px;
    width: 314px;
    background: url("../images/twitter/transpBlue_overlay.png");
}

#overlay img { position:relative; left:133px; top:160px; }

/* Beneficiary Tabs */
.TabExtensionContentArea
{
    padding: 20px 0 0 20px;
}

.TabExtensionContentArea div.SearchConfig div
{
    padding: 0 0 10px 0;
}

.TabExtensionContentArea span
{
    padding-right: 5px;
}

.TabExtensionContentArea input[type="text"]
{
    width: 200px;
    margin: 0;
    display: inline-block;
    margin-right: 5px;
}

.TabExtensionContentArea select
{
    width: 50px;
}

ul.BeneficiaryTabs li
{
    float:left;
    height: 50px;
    line-height: 25px;
    padding: 10px 15px 0px 15px;
    vertical-align: top;
    background-color: #f0f0f0;
}

ul.BeneficiaryTabs li a
{
    color: #11214d;
    text-decoration: none;
    font-weight: bold;
}

ul.BeneficiaryTabs li.on a
{
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
}

ul.BeneficiaryTabs li.sep
{
    width: 0px;
    padding: 0px;
    margin: 0px 3px 0px 0px;
}

ul.BeneficiaryTabs.Red li.on
{
    background-color: #ec1d24;
}

ul.BeneficiaryTabs.Blue li.on
{
    background-color: #0063be;
}

ul.BeneficiaryTabs.Yellow li.on
{
    background-color: #ecac00;
}

ul.BeneficiaryTabs.Purple li.on
{
    background-color: #764290;
}

ul.BeneficiaryTabs.Green li.on
{
    background-color: #007437;
}

ul.BeneficiaryTabs li.first
{
    background-position: top left;
    background-repeat: no-repeat;
    background-image: url('../images/Small_Box_Top_Left.png');
}

ul.BeneficiaryTabs li.last
{
    background-position: top right;
    background-repeat: no-repeat;
    background-image: url('../images/Small_Box_Top_Right.png');
}

div.BeneficiaryTabContent
{
    clear: both;
    padding: 20px 0 0 0;
    width: 910px;
    border-left: #f0f0f0 1px solid;
    border-bottom: #f0f0f0 1px solid;
    border-right: #f0f0f0 1px solid;
    min-height: 100px;
}

div.BeneficiaryTabContent ul
{
    font-size: 11px;
    margin-left: 15px;
    list-style: initial;
}

div.BeneficiaryTabContent.Red
{
    border-top: #ec1d24 5px solid;
}

div.BeneficiaryTabContent.Blue
{
    border-top: #0063be 5px solid;
}

div.BeneficiaryTabContent.Yellow
{
    border-top: #ecac00 5px solid;
}

div.BeneficiaryTabContent.Purple
{
    border-top: #764290 5px solid;
}

div.BeneficiaryTabContent.Green
{
    border-top: #007437 5px solid;
}

div.BeneficiaryTabContent div.Left
{
    float:left;
    width: 625px;
    margin-left: 10px;
}

div.BeneficiaryTabContent div.Left .FormContainer
{
    width: 100% !important;
    margin-bottom: 10px;
}

div.BeneficiaryTabContent div.Right .FormContainer
{
    width: 100% !important;
    margin-bottom: 10px;
}

div.BeneficiaryTabContent div.Left .CalloutBackgroundContainer
{
    width: 100% !important;
    margin-bottom: 10px;
}

div.BeneficiaryTabContent div.Right .CalloutBackgroundContainer
{
    width: 100% !important;
    margin-bottom: 10px;
}

div.BeneficiaryTabContent div.Right
{
    float:right;
    width: 240px;
    margin-right: 10px;
}

div.BeneficiaryTabContent div.Right div.Advertisement
{
    width: 242px;
    height: 327px;
}

div.BeneficiaryTabContent div.Right div.Advertisement img
{
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
}

div.BeneficiaryShoppingHeader
{
    position: relative;
}

div.BeneficiaryShoppingHeader h2
{
    float: left;
}

div.BeneficiaryShoppingHeader .Toolbar
{
    position: absolute;
    top: 10px;
    right: 0;
    float: right;
}

div.BeneficiaryShoppingHeader .Toolbar a, div.BeneficiaryShoppingHeader .Toolbar a:hover, div.BeneficiaryShoppingHeader .Toolbar a:visited
{
    color: #11214D;
    text-decoration: underline;
    font-size: 13px;
}

ul.BeneficiaryShoppingList li
{
    /*border: #f0f0f0 1px solid;*/
    width: 620px;
    height: 214px;
    display: block;
    margin-bottom: 10px;
}

li.BeneficiaryShoppingItem div.TopStrip
{
    width: 100%;
    height: 46px;
}

li.BeneficiaryShoppingItem div.TopStrip .left
{
    float: left;
    height: 46px;
    width: 10px;
    background: url(../images/Product_Box_Top_Left.png) left top no-repeat;
}

li.BeneficiaryShoppingItem div.TopStrip .middle
{
    float: left;
    height: 46px;
    width: 598px;
    background: url(../images/Product_Box_Top.png) left top repeat-x;
}

li.BeneficiaryShoppingItem div.TopStrip .right
{
    float: left;
    height: 46px;
    width: 10px;
    background: url(../images/Product_Box_Top_Right.png) left top no-repeat;
}

li.BeneficiaryShoppingItem div.TopStrip span
{
    color: #11214D;
    font-weight: bold;
    font-style: normal;
    font-size: large;
    padding-left: 5px;
    line-height: 46px;
    vertical-align: middle;
    float: left;
}

li.BeneficiaryShoppingItem div.TopStrip .MoreLink
{
    padding: 10px 0 0 0;
    line-height: 24px;
    cursor: pointer;
    float: right;
}

li.BeneficiaryShoppingItem div.TopStrip .BlueButtonLeft
{
    float: left;
    height: 24px;
    width: 5px;
    background: url(../images/Product_Button_Left.png) left top no-repeat;
}

li.BeneficiaryShoppingItem div.TopStrip .BlueButtonMid
{
    text-transform: uppercase;
    text-align: center;
    font-size: 11px;
    float: left;
    height: 24px;
    min-width: 118px;
    background: url(../images/Product_Button_Bg.png) left top repeat-x;
    color: #FFFFFF;
}

li.BeneficiaryShoppingItem div.TopStrip .BlueButtonRight
{
    float: left;
    height: 24px;
    width: 5px;
    background: url(../images/Product_Button_Right.png) right top no-repeat;
}

li.BeneficiaryShoppingItem div.Content
{
    background: url(../images/Product_Box_Content.png) left top repeat-y;
}

li.BeneficiaryShoppingItem div.LogoBox
{
    width: 163px;
    height: 160px;
    line-height: 160px;
    text-align: center;
    float:left;
    /*border-right: #f0f0f0 1px solid;*/
}

li.BeneficiaryShoppingItem div.LogoBox img
{
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
}

li.BeneficiaryShoppingItem div.Info
{
    width: 450px;
    float:right;
    height: 160px;
}

li.BeneficiaryShoppingItem div.Info div.TopPane
{
    padding: 5px 20px 0 20px;
    height:90px;
}

li.BeneficiaryShoppingItem div.Info div.BottomPane
{
    padding: 20px 20px 0 20px;
}

li.BeneficiaryShoppingItem div.Info div.BottomPane div.On, li.BeneficiaryShoppingItem div.Info div.BottomPane div.Off
{
    text-align: center;
    /*padding-left: 3px;*/
    padding-top: 33px;
    /*padding-right: 10px;*/
    height: 35px;
    width: 65px;
    float: left;
}

li.BeneficiaryShoppingItem div.Info div.BottomPane div.InStore.On
{
    font-weight: bold;
    background: url(../images/Product_InStore_On.png) center top no-repeat;
}

li.BeneficiaryShoppingItem div.Info div.BottomPane div.InStore.Off
{
    background: url(../images/Product_InStore_Off.png) center top no-repeat;
}

li.BeneficiaryShoppingItem div.Info div.BottomPane div.Mobile.On
{
    font-weight: bold;
    background: url(../images/Product_Mobile_On.png) center top no-repeat;
}

li.BeneficiaryShoppingItem div.Info div.BottomPane div.Mobile.Off
{
    background: url(../images/Product_Mobile_Off.png) center top no-repeat;
}

li.BeneficiaryShoppingItem div.Info div.BottomPane div.Phone.On
{
    font-weight: bold;
    background: url(../images/Product_Phone_On.png) center top no-repeat;
}

li.BeneficiaryShoppingItem div.Info div.BottomPane div.Phone.Off
{
    background: url(../images/Product_Phone_Off.png) center top no-repeat;
}

li.BeneficiaryShoppingItem div.Info div.BottomPane div.Online.On
{
    font-weight: bold;
    background: url(../images/Product_Online_On.png) center top no-repeat;
}

li.BeneficiaryShoppingItem div.Info div.BottomPane div.Online.Off
{
    background: url(../images/Product_Online_Off.png) center top no-repeat;
}

li.BeneficiaryShoppingItem div.Info div.BottomPane div.Restrictions.On
{
    font-weight: bold;
    background: url(../images/Product_Restrictions_On.png) center top no-repeat;
}

li.BeneficiaryShoppingItem div.Info div.BottomPane div.Restrictions.Off
{
    background: url(../images/Product_Restrictions_Off.png) center top no-repeat;
}

li.BeneficiaryShoppingItem div.BottomStrip
{
    width: 100%;
    height: 7px;
    background: url(../images/Product_Box_Bottom.png) left top no-repeat;
}

/* Locators */



div.BeneficiariesGrid
{
    background-color: #e7e6e6;
    min-height: 100px;
    padding-bottom: 10px;
    width: 919px;
    border-left: 1px solid #dadada;
    border-right: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    border-bottom-right-radius: 20px;
}

div.BeneficiariesGrid div.BeneficiariesGridItem
{
    float: left;
    background-color: #FFFFFF;
    margin-top: 4px;
    margin-left: 4px;
    width: 225px;
    height: 150px;
    -webkit-border-radius: 10px;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius: 10px;
    -moz-border-radius-bottomleft: 0;
    border-radius: 10px;
    border-bottom-left-radius: 0;
}

div.BeneficiariesGridItem h3
{
    margin-left: 10px;
    font-size: 1.1em;
}

div.BeneficiariesGridItemImage
{
    float: left;
    margin-left: 10px;
}

div.BeneficiariesGridItemInfo
{
    float: right;
    width: 115px;
    margin-right: 10px;
}

div.BeneficiariesGridItemText
{
    /*height: 95px;*/
}

div.BeneficiariesGridItemLinks
{
    
}

div.BeneficiariesGridItemText
{
    
}

/* EHub Integation */

div.EHubFeed
{
    border: 1px solid black;
}

div.EHubFeed h2
{
    width:100%;
    background-color: Blue;
    color: White; 
}

div.EHubFeedItem
{
    padding-right: 15px;
    min-height: 30px;
}

/* news */

div.NewsIntroduction
{
    width: 100%;
}

div.NewsInlineArea
{
    width: 100%;
}

div.NewsBody
{
    width: 100%;
}

div.NewsFeed
{
    background-color: #FFF;
}

div.NewsFeed h2
{
    float: left;
}

div.NewsFeed div.NewsItem
{
    background-color: #EEE;
}

div.NewsFeed .NewsItemOrder
{
    width: 200px;
    float: right;
}

/* search results */

div.SearchResults
{
    width: 930px;
    background-color: White;
}

div.SearchResults h2
{
    float: left;
}

div.SearchResults div.SearchResultsItem
{
    background-color: #EEE;
}

/************************/
/* SHADOW               */
/************************/
.HeaderShadow
{
    float: left;
    width: 49px;
    height: 49px;
    background: url(../images/Background_Shadow_Top.png) left top no-repeat;
}

.SubMenuShadow
{
    float: left;
    width: 49px;
    height: 50px;
    background: url(../images/Background_Shadow_Hero.png) left 0 no-repeat;
}

.ContentHeroShadow
{
    float: left;
    width: 49px;
    height: 280px;
    background: url(../images/Background_Shadow_Hero.png) left top no-repeat;
}

.ContentShadow
{
    float: left;
    width: 49px;
    height: 300px;
    background: url(../images/Background_Shadow_Content_Top.png) left top no-repeat;
}

.FooterShadow
{
    z-index: 1;
    margin-top: -51px;
    width: 1052px;
    height: 100px;
    background: url(../images/Background_Shadow_Content_Bottom.png) left bottom no-repeat;
}

.ShadowMoveLeft
{
    position: relative;
    /*left: -49px;*/
}

#id_matrix td
{
	width: 50%;
}

.my_carousel {float:left; position: relative; width: 800px; margin: 0px; background-color: #fff; margin: 0px 0 20px 0; z-index:1 }
.carousel_container { height: 320px; margin: 0px; background: #fff url(/Templates/images/TestImages/background.jpg) no-repeat 0px 0px; }
#carousel { margin: 0px auto 0px auto; width: 450px; height: 300px; }
#carousel img { width: 250px; height: 148px; cursor: pointer; }
.nextItem { position: absolute; top: 230px; left: 0px; z-index: 1001; cursor: pointer; border:1px solid green }
.prevItem { position: absolute; top: 230px; right: 0px; z-index: 1002; cursor: pointer; }

.caption_container { width: 600px; border-left: 0px solid #713e1b; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 20px; }
#captions h2 { font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 32px; font-weight: normal; margin: 0px 0px 5px 0px; color: #6d8824; }
#captions p { font-family: Arial; font-size: 14px; color: #444; margin: 0px 0px 0px 3px; }
.carousel_data { display: none; }

#enquire_form_submit {
    margin-top: 15px;
    width: 300px;
    border: none;
    border-radius: 30px;
    color: white;
    background-color: #162056;
    height: 31px;
    font-weight: bold;
    font-family: Century Gothic, Arial, Verdana;
    font-size: 16px;
}

#enquire_form_submit:disabled {

    background-color: #888888;
}

/******************************************************************/
/*                    web to case styling                         */
/******************************************************************/


/* fonts */
@font-face {
    font-family: 'edenred';
    src: url('../fonts/Edenred-Regular.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/Edenred-Regular.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/Edenred-Regular.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../fonts/Edenred-Regular.woff') format('woff'),
        /* Pretty Modern Browsers */
        url('../fonts/Edenred-Regular.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../fonts/Edenred-Regular.svg#svgFontName') format('svg');
    /* Legacy iOS */
}


.form-container h2 {
    font-family: 'edenred', Fallback, sans-serif;
    color: #192157;

}

.form-container h3 {
    font-family: 'edenred', Fallback, sans-serif;
    color: #192157;
    margin-top: 0;
}

.form-container h2 span {
    font-weight: 200;

}
/* form styling */


.form-group > em {
    color: red !important;
    font-size: 14px !important;
    font-family: Century Gothic, Arial, Verdana !important;
    line-height: 22px;
    font-style: normal;
}


.form-container textarea,
.form-container input.text,
.form-container input[type="text"],
.form-container input[type="button"],
.form-container input[type="submit"],
.input-checkbox {
    -webkit-appearance: none;
}

#signupForm select {
    font-family: Century Gothic, Arial, Verdana;
    color: #5d5d5d;
    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 98% 50%;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    /* and then whatever styles you want*/
    padding: 9px 8px;
    line-height: 22px;
}

.form-container fieldset {
    border: none;
    background-color: #ececed;
    border-radius: 7px;
    padding: 15px;
    margin-bottom: 23px;
}

#signupForm #salutation {
    width: 151px;
}

#signupForm .help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
    color: #a94442;
    font-family: Century Gothic, Arial, Verdana;
    font-weight: bold;
    font-size: 12px;
}

#signupForm Label {
    color: #5d5d5d;
    font-size: 14px;
    font-size: 16px;
    font-family: Century Gothic, Arial, Verdana !important;
    line-height: 22px;
    text-decoration: none;
    font-style: normal;
}

#signupForm .form-control {
    display: block;
    width: 100%;
    padding: 9px 8px;
    font-size: 1rem;
    line-height: 22px;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    box-sizing: border-box;
    margin: 7px 0 4px 0;
}

#signupForm textarea {
    margin: 0;
    font-family: Arial;
    font-size: inherit;
    line-height: inherit;
    overflow: auto;
    resize: vertical;
}

#signupForm form select.not_chosen {
    padding: 9px 8px;
}

#signupForm select:required:invalid {
    color: #d1d1d1;
}

#signupForm option:first-of-type {
    color: #d1d1d1;
}

#signupForm option {
    color: black;
}

#signupForm ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #bababa !important;
    opacity: 1;
    /* Firefox */
    font-family: Century Gothic, Arial, Verdana;
}

#signupForm :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #bababa !important;
    font-family: Century Gothic, Arial, Verdana;
}

#signupForm ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #bababa !important;
    font-family: Century Gothic, Arial, Verdana;
}

#signupForm .form-horizontal .form-group {
    margin-right: -15px;
    margin-left: -15px;
}

#signupForm .form-group {
    margin-bottom: 33px;
}

.form-container .next,
.form-container .prev {
    margin: 0 5px;
}

.form-container .next,
#signupForm input[type=submit] {
    text-transform: uppercase;
    border-radius: 30px;
    background-color: #192157;
    border: none !important;
    font-family: Century Gothic, Arial, Verdana !important;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 20px !important;
    margin-top: 14px !important;
    height: 51px !important;
    font-weight: bold !important;
    min-width: 250px;
     !important;
    cursor: pointer !important;
    -webkit-appearance: none !important;
    letter-spacing: 1px;
    padding: 0 43px;
}

.form-container .prev {
    text-transform: uppercase;
    border-radius: 30px !important;
    background: #fff;
    border: 2px solid #aaa;
    color: #aaa;
    font-family: Century Gothic, Arial, Verdana !important;
    text-decoration: none !important;
    font-size: 20px !important;
    margin-top: 14px !important;
    height: 51px !important;
    font-weight: bold !important;
    min-width: 250px;
     !important;
    cursor: pointer !important;
    -webkit-appearance: none !important;
    letter-spacing: 1px;
    padding: 0 43px;
}

.form-container .commands {
    text-align: center;
}

.form-container .currency {
    padding-left: 16px;
}

.form-container .currency-symbol {
    position: absolute;
    padding: 12px 5px;
    font-family: sans-serif;
}

.form-container .currency {
    padding-left: 17px !important;
}

.form-container .float-right {
    float: right !important;
}

.form-container .float-right::after {
    display: block;
    clear: both;
    content: "";
}

.form-container .logo {
    margin: 22px 0;
}

.form-container .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.form-container .col-centered {
    float: none;
    margin: 0 auto;
}

.form-container .col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.form-container .col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.form-container .col,
.form-container .col-6 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.form-container  div {
    display: block;
}

.form-container *,
.form-container ::after,
.form-container ::before {
    box-sizing: border-box;
}

.form-container .container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (max-width: 768px) {
    .form-container .col-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .form-container {
        border: none;
        -webkit-box-shadow: 0;
        -moz-box-shadow: 0;
        box-shadow: 0;
        max-width: 960px;
        margin: 0 auto;
        margin-top: 0;
        border-radius: 0;
    }

   .form-container .logo {
        margin-left: auto;
        margin-right: auto;
        display: block;

    }
    .form-group,
    .form-container .next,
    .form-container .prev,
    #signupForm input[type=submit] {
        width: 100%;

    }

   .form-container .g-recaptcha div {
        margin: 0 auto;
    }
}