/* Please include base.less file to make this footer work*/ /*font family*/ .footerContainer { background: none repeat scroll 0 0 #067AB4; width: 100%; margin: 0 auto; background-color: #067AB4; position: relative; z-index: 2; } .footerContainer.stickyFooter { position: absolute; left: 0; right: 0; } .footerContainer .footerWrapper { width: 980px; padding-bottom: 25px; margin: 0 auto; background-color: #067AB4; } .footerContainer .footerWrapper .footerItem { width: 980px; height: 60px; line-height: 1; margin: auto; overflow: hidden; font-family: clearviewatt; font-size: 12px; color: #ffffff; } .footerContainer .footerWrapper .footerItem .divider { border-bottom: 1px solid #ffffff; margin-top: 10px; margin-bottom: 10px; width: 100px; } .footerContainer .footerWrapper .footerItem .customerSupport { float: left; width: 160px; margin-left: 30px; } .footerContainer .footerWrapper .footerItem .customerSupport .customerHelp { font-size: 14px; margin-bottom: 20px; margin-top: 45px; } .footerContainer .footerWrapper .footerItem .customerSupport a { color: #ffffff !important; } .footerContainer .footerWrapper .footerItem .customerSupport a:hover { text-decoration: none; } .footerContainer .footerWrapper .footerItem .legalInfo { float: left; width: 160px; } .footerContainer .footerWrapper .footerItem .legalInfo .legal { font-size: 14px; margin-bottom: 20px; margin-top: 45px; } .footerContainer .footerWrapper .footerItem .legalInfo a { color: #ffffff !important; } .footerContainer .footerWrapper .footerItem .legalInfo a:hover { text-decoration: none; } .footerContainer .footerWrapper .footerItem .subscribeSection { float: left; width: 295px; } .footerContainer .footerWrapper .footerItem .subscribeSection .subscribeSave { font-size: 14px; margin-bottom: 20px; margin-top: 45px; } .footerContainer .footerWrapper .footerItem .subscribeSection .subscribeToSection { margin-top: 15px; overflow: hidden; } .footerContainer .footerWrapper .footerItem .subscribeSection .subscribeToSection .emailAddress { float: left; width: 170px; } .footerContainer .footerWrapper .footerItem .subscribeSection .subscribeToSection .emailAddress input { background-color: #067AB4; color: #FFFFFF !important; width: 152px; padding: 5px 10px 5px 5px; } .footerContainer .footerWrapper .footerItem .subscribeSection .subscribeToSection .subscribeBtn { background-color: #FFFFFF; border-radius: 1px 5px 5px 1px; color: #067AB4; cursor: pointer; float: left; font-size: 14px; height: 30px; position: relative; right: 7px; text-align: center; top: 1px; vertical-align: middle; width: 95px; } .footerContainer .footerWrapper .footerItem .socialMedia { float: left; margin-left: 0px; } .footerContainer .footerWrapper .footerItem .socialMedia .followAtt { font-size: 14px; margin-bottom: 20px; margin-top: 45px; } .footerContainer .footerWrapper .footerItem .socialMedia .socialFeeds { margin-left: -8px; margin-top: 20px; } .footerContainer .footerWrapper .footerItem .socialMedia .socialFeeds span { font-size: 30px; margin: 0; padding: 5px; } .footerContainer .footerWrapper .footerItem .socialMedia .socialFeeds span a { color: #ffffff; margin: 0; padding: 0; /*width: 30px;*/ } .footerContainer .footerWrapper .footerItem .socialMedia .socialFeeds span a:hover { text-decoration: none; } .footerContainer .footerWrapper .dividerBottom { border-bottom: 1px solid #ffffff; margin: auto; width: 920px; } .footerContainer .footerWrapper .feedbackSection { margin: auto; width: 920px; display: none; } .footerContainer .footerWrapper .feedbackSection .dividerTop { border-bottom: 1px solid #ffffff; margin: auto; width: 920px; } .footerContainer .footerWrapper .feedbackSection .feedbackContent { margin: 30px auto; height: 240px; } .footerContainer .footerWrapper .feedbackSection .feedbackContent #feedbackForm { height: 120px; } .footerContainer .footerWrapper .feedbackSection .feedbackContent .feedbackInfo { margin-right: 30px; width: 270px; font-family: clearviewatt; font-size: 12px; color: #FFFFFF; float: left; margin-top: -5px; } .footerContainer .footerWrapper .feedbackSection .feedbackContent .feedbackTextSection .feedbackText { width: 620px; height: 170px; border: 1px solid #FFFFFF; background-color: #067AB4; border-radius: 5px; font-family: clearviewatt; font-size: 14px; cursor: text; color: #FFFFFF; float: left; padding: 10px; resize: none; } .footerContainer .footerWrapper .feedbackSection .feedbackContent .feedbackTextSection .feedbackSubmitButton { width: 82px; background-color: #FFFFFF; margin-left: 16px; padding: 5px; border-radius: 5px; color: #067AB4; cursor: pointer; font-family: clearviewatt; font-size: 14px; border: none; margin-top: 10px; margin-right: 0px; float: right; } .footerContainer .footerWrapper .feedbackResultMsg { font-family: clearviewatt; font-size: 18px; color: #FFFFFF; line-height: 70px; width: 980px; text-align: center; margin: 0 auto; display: none; } .footerContainer .footerWrapper .feedbackResultMsg #feedbackMsgCheck { margin-right: 20px; font-size: 20px; } .footerContainer .footerWrapper .feedbackResultMsg .feedbackMsgOKButton { width: 82px; height: 30px; line-height: 0px; background-color: #FFFFFF; margin-left: 16px; padding: 5px; border-radius: 5px; color: #067AB4; cursor: pointer; font-family: clearviewatt; font-size: 14px; border: none; margin-top: 20px; margin-right: 30px; float: right; } .footerContainer .footerWrapper #feedbackResultDivider { display: none; } .footerContainer .footerWrapper .feedbackButtonDiv { margin: auto; max-width: 110px; } .footerContainer .footerWrapper .feedbackButtonDiv .feedbackButton, .footerContainer .footerWrapper .feedbackButtonDiv .closeFeedbackButton { background-color: #FFFFFF; background: #FFFFFF; margin: -1px auto auto; padding: 5px 10px; border-radius: 0 0 5px 5px; color: #067AB4; cursor: pointer; border: none; font-family: clearviewatt; font-size: 14px; } .footerContainer .footerWrapper .feedbackButtonDiv .feedbackButton span, .footerContainer .footerWrapper .feedbackButtonDiv .closeFeedbackButton span { padding-left: 10px; background-image: none; } .footerContainer .footerWrapper .attFooterInfo { margin: auto; width: 980px; overflow: hidden; font-family: clearviewatt; font-size: 12px; color: #ffffff; } .footerContainer .footerWrapper .attFooterInfo a { color: #ffffff; margin: 0; padding: 0; text-decoration: underline; } .footerContainer .footerWrapper .attFooterInfo .footerLastSection { margin-top: 40px; width: 980px; overflow: hidden; } .footerContainer .footerWrapper .attFooterInfo span { border-right: 1px solid #ffffff; padding-left: 3px; padding-right: 5px; } .footerContainer .footerWrapper .attFooterInfo span:last-child { border: none; } .footerContainer .footerWrapper .attFooterInfo .attLogo { width: 150px; height: 77px; margin-left: 17px; margin-right: 0; float: left; } .footerContainer .footerWrapper .attFooterInfo .attQuality { background: url("../images/common/footer/footer-consumerinfo.png") repeat-x scroll 0 0 transparent; margin-right: 103px; float: left; width: 79px; height: 82px; position: relative; top: -5px; } .footerContainer .footerWrapper .attFooterInfo .attAdvertise { float: right; width: 68%; margin-right: 30px; } .footerContainer .footerWrapper .attFooterInfo .attAdvertise .privacyPolicy { margin-top: 17px; } .footerContainer .footerWrapper .attFooterInfo .attAdvertise .privacyPolicy a { text-decoration: underline; } .footerContainer .footerWrapper .attFooterInfo .attAdvertise .privacyPolicy a span { padding: 0px; } .footerContainer .footerWrapper .attFooterInfo .attAdvertise .privacyPolicy a:hover { text-decoration: underline; }