/* Code to change page width START */
.container_12 {
    width: 1200px;
}
.s1_grid_12{
    width: auto;
}
@media only screen and (max-width: 1199px) and (min-width: 600px){
.container_12 {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1200px;
    min-width: 600px;
}}
@media only screen and (max-width: 616px){
.container_12 {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 600px;
    min-width: 320px;
    display: block;
}}
/* Code to change page width END */

/* New CSS for Home and Standard Templates 01/2022 */
    .zoneHeaderOuter {background-color: #333333}
    .zoneHeaderOuter .zoneHeaderInner {background-color: #333333}
    .zoneHeaderOuter .container_12 > DIV {background-color: #333333}
    .loginLink {color: #ffffff}
    .WaGadgetLoginForm .loginContainerWrapper .loginContainerInnerWrapper .loginLink, .WaGadgetLoginButton .loginBoxLinkContainer .loginBoxLinkButton {color: #ffffff}
    .WaGadgetLoginForm .loginContainerWrapper .loginContainerInnerWrapper .loginContainer .loginContainerForm.orientationHorizontal form [class$="TextBox"] input[class$="TextBoxControl"], .WaGadgetLoginForm .loginContainerWrapper .loginContainerInnerWrapper .loginContainer .loginContainerForm.orientationVertical form [class$="TextBox"] input[class$="TextBoxControl"]{color: #000000; background-color: #ffffff;}
    .WaGadgetMenuHorizontal.menuStyle002 .menuInner ul.firstLevel>li>.item>a {color: #ffffff}
.WaGadgetMenuHorizontal.menuStyle002 .menuInner ul.firstLevel>li.sel>.item:hover>a {color: #ffffff;}
    .zoneHeader1Outer {background-color: #fafafa;}
    .zoneContentOuter {background-color: #fafafa;}
    .zoneFooterOuter {background-color: #fafafa;}
    .zoneFooter1Outer {background-color: #fafafa;}
    .zoneBrandingOuter {background-color: #fafafa;}
    .zoneHeader2Outer {background-color: #fafafa;}
/*End Template code*/