1 /* Please include base.less file to make this footer work*/
\r
4 background: none repeat scroll 0 0 #222;
\r
7 background-color: #222;
\r
11 .footerContainer.stickyFooter {
\r
16 .footerContainer .footerWrapper {
\r
19 background-color: #222;
\r
21 .footerContainer .footerWrapper .footerItem {
\r
27 font-family: clearviewatt;
\r
31 .footerContainer .footerWrapper .footerItem .divider {
\r
32 border-bottom: 1px solid #ffffff;
\r
34 margin-bottom: 10px;
\r
37 .footerContainer .footerWrapper .footerItem .customerSupport {
\r
42 .footerContainer .footerWrapper .footerItem .customerSupport .customerHelp {
\r
44 margin-bottom: 20px;
\r
47 .footerContainer .footerWrapper .footerItem .customerSupport a {
\r
48 color: #ffffff !important;
\r
50 .footerContainer .footerWrapper .footerItem .customerSupport a:hover {
\r
51 text-decoration: none;
\r
53 .footerContainer .footerWrapper .footerItem .legalInfo {
\r
57 .footerContainer .footerWrapper .footerItem .legalInfo .legal {
\r
59 margin-bottom: 20px;
\r
62 .footerContainer .footerWrapper .footerItem .legalInfo a {
\r
63 color: #ffffff !important;
\r
65 .footerContainer .footerWrapper .footerItem .legalInfo a:hover {
\r
66 text-decoration: none;
\r
68 .footerContainer .footerWrapper .footerItem .subscribeSection {
\r
72 .footerContainer .footerWrapper .footerItem .subscribeSection .subscribeSave {
\r
74 margin-bottom: 20px;
\r
77 .footerContainer .footerWrapper .footerItem .subscribeSection .subscribeToSection {
\r
81 .footerContainer .footerWrapper .footerItem .subscribeSection .subscribeToSection .emailAddress {
\r
85 .footerContainer .footerWrapper .footerItem .subscribeSection .subscribeToSection .emailAddress input {
\r
86 background-color: #067AB4;
\r
87 color: #FFFFFF !important;
\r
89 padding: 5px 10px 5px 5px;
\r
91 .footerContainer .footerWrapper .footerItem .subscribeSection .subscribeToSection .subscribeBtn {
\r
92 background-color: #FFFFFF;
\r
93 border-radius: 1px 5px 5px 1px;
\r
101 text-align: center;
\r
103 vertical-align: middle;
\r
106 .footerContainer .footerWrapper .footerItem .socialMedia {
\r
110 .footerContainer .footerWrapper .footerItem .socialMedia .followAtt {
\r
112 margin-bottom: 20px;
\r
115 .footerContainer .footerWrapper .footerItem .socialMedia .socialFeeds {
\r
119 .footerContainer .footerWrapper .footerItem .socialMedia .socialFeeds span {
\r
124 .footerContainer .footerWrapper .footerItem .socialMedia .socialFeeds span a {
\r
131 .footerContainer .footerWrapper .footerItem .socialMedia .socialFeeds span a:hover {
\r
132 text-decoration: none;
\r
134 .footerContainer .footerWrapper .dividerBottom {
\r
135 border-bottom: 1px solid #ffffff;
\r
139 .footerContainer .footerWrapper .feedbackSection {
\r
144 .footerContainer .footerWrapper .feedbackSection .dividerTop {
\r
145 border-bottom: 1px solid #ffffff;
\r
149 .footerContainer .footerWrapper .feedbackSection .feedbackContent {
\r
153 .footerContainer .footerWrapper .feedbackSection .feedbackContent #feedbackForm {
\r
156 .footerContainer .footerWrapper .feedbackSection .feedbackContent .feedbackInfo {
\r
157 margin-right: 30px;
\r
159 font-family: clearviewatt;
\r
165 .footerContainer .footerWrapper .feedbackSection .feedbackContent .feedbackTextSection .feedbackText {
\r
168 border: 1px solid #FFFFFF;
\r
169 background-color: #067AB4;
\r
170 border-radius: 5px;
\r
171 font-family: clearviewatt;
\r
179 .footerContainer .footerWrapper .feedbackSection .feedbackContent .feedbackTextSection .feedbackSubmitButton {
\r
181 background-color: #FFFFFF;
\r
184 border-radius: 5px;
\r
187 font-family: clearviewatt;
\r
194 .footerContainer .footerWrapper .feedbackResultMsg {
\r
195 font-family: clearviewatt;
\r
200 text-align: center;
\r
204 .footerContainer .footerWrapper .feedbackResultMsg #feedbackMsgCheck {
\r
205 margin-right: 20px;
\r
208 .footerContainer .footerWrapper .feedbackResultMsg .feedbackMsgOKButton {
\r
212 background-color: #FFFFFF;
\r
215 border-radius: 5px;
\r
218 font-family: clearviewatt;
\r
222 margin-right: 30px;
\r
225 .footerContainer .footerWrapper #feedbackResultDivider {
\r
228 .footerContainer .footerWrapper .feedbackButtonDiv {
\r
232 .footerContainer .footerWrapper .feedbackButtonDiv .feedbackButton,
\r
233 .footerContainer .footerWrapper .feedbackButtonDiv .closeFeedbackButton {
\r
234 background-color: #FFFFFF;
\r
235 background: #FFFFFF;
\r
236 margin: -1px auto auto;
\r
238 border-radius: 0 0 5px 5px;
\r
242 font-family: clearviewatt;
\r
245 .footerContainer .footerWrapper .feedbackButtonDiv .feedbackButton span,
\r
246 .footerContainer .footerWrapper .feedbackButtonDiv .closeFeedbackButton span {
\r
247 padding-left: 10px;
\r
248 background-image: none;
\r
250 .footerContainer .footerWrapper .attFooterInfo {
\r
254 font-family: clearviewatt;
\r
257 padding-bottom: 15px;
\r
259 .footerContainer .footerWrapper .attFooterInfo a {
\r
263 text-decoration: underline;
\r
265 .footerContainer .footerWrapper .attFooterInfo .footerLastSection {
\r
269 .footerContainer .footerWrapper .attFooterInfo span {
\r
270 border-right: 1px solid #ffffff;
\r
272 padding-right: 5px;
\r
274 .footerContainer .footerWrapper .attFooterInfo span:last-child {
\r
277 /* .footerContainer .footerWrapper .attFooterInfo .attLogo {
\r
278 background: url("../images/footer-attolympiclogo.png") repeat-x scroll 0 0 transparent;
\r
284 .footerContainer .footerWrapper .attFooterInfo .attQuality {
\r
285 background: url("../images/common/footer/footer-consumerinfo.png") repeat-x scroll 0 0 transparent;
\r
286 margin-right: 103px;
\r
290 position: relative;
\r
293 .footerContainer .footerWrapper .attFooterInfo .attAdvertise {
\r
296 margin-right: 30px;
\r
298 .footerContainer .footerWrapper .attFooterInfo .attAdvertise .privacyPolicy {
\r
301 .footerContainer .footerWrapper .attFooterInfo .attAdvertise .privacyPolicy a {
\r
302 text-decoration: underline;
\r
304 .footerContainer .footerWrapper .attFooterInfo .attAdvertise .privacyPolicy a span {
\r
307 .footerContainer .footerWrapper .attFooterInfo .attAdvertise .privacyPolicy a:hover {
\r
308 text-decoration: underline;
\r
310 .icon-primary-att-globe:before,
\r
311 .cssIcon-globe:before {
\r