ecomp-portal-BE/war/static/ebz/footer_new.css

   1 /* Please include base.less file to make this footer work*/
   2 /*font family*/
   3 .footerContainer {
   4   background: none repeat scroll 0 0 #067AB4;
   5   width: 100%;
   6   margin: 0 auto;
   7   background-color: #067AB4;
   8   position: static;
   9 }
  10 .footerContainer.stickyFooter {
  11   position: absolute;
  12   left: 0;
  13   right: 0;
  14 }
  15 .footerContainer .footerWrapper {
  16   width: 980px;
  17   padding-bottom: 25px;
  18   margin: 0 auto;
  19   background-color: #067AB4;
  20 }
  21 .footerContainer .footerWrapper .footerItem {
  22   width: 980px;
  23   height: 60px;
  24   line-height: 1;
  25   margin: auto;
  26   overflow: hidden;
  27   font-family: clearviewatt;
  28   font-size: 12px;
  29   color: #ffffff;
  30 }
  31 .footerContainer .footerWrapper .footerItem .divider {
  32   border-bottom: 1px solid #ffffff;
  33   margin-top: 10px;
  34   margin-bottom: 10px;
  35   width: 100px;
  36 }
  37 .footerContainer .footerWrapper .footerItem .customerSupport {
  38   float: left;
  39   width: 160px;
  40   margin-left: 30px;
  41 }
  42 .footerContainer .footerWrapper .footerItem .customerSupport .customerHelp {
  43   font-size: 14px;
  44   margin-bottom: 20px;
  45   margin-top: 45px;
  46 }
  47 .footerContainer .footerWrapper .footerItem .customerSupport a {
  48   color: #ffffff !important;
  49 }
  50 .footerContainer .footerWrapper .footerItem .customerSupport a:hover {
  51   text-decoration: none;
  52 }
  53 .footerContainer .footerWrapper .footerItem .legalInfo {
  54   float: left;
  55   width: 160px;
  56 }
  57 .footerContainer .footerWrapper .footerItem .legalInfo .legal {
  58   font-size: 14px;
  59   margin-bottom: 20px;
  60   margin-top: 45px;
  61 }
  62 .footerContainer .footerWrapper .footerItem .legalInfo a {
  63   color: #ffffff !important;
  64 }
  65 .footerContainer .footerWrapper .footerItem .legalInfo a:hover {
  66   text-decoration: none;
  67 }
  68 .footerContainer .footerWrapper .footerItem .subscribeSection {
  69   float: left;
  70   width: 295px;
  71 }
  72 .footerContainer .footerWrapper .footerItem .subscribeSection .subscribeSave {
  73   font-size: 14px;
  74   margin-bottom: 20px;
  75   margin-top: 45px;
  76 }
  77 .footerContainer .footerWrapper .footerItem .subscribeSection .subscribeToSection {
  78   margin-top: 15px;
  79   overflow: hidden;
  80 }
  81 .footerContainer .footerWrapper .footerItem .subscribeSection .subscribeToSection .emailAddress {
  82   float: left;
  83   width: 170px;
  84 }
  85 .footerContainer .footerWrapper .footerItem .subscribeSection .subscribeToSection .emailAddress input {
  86   background-color: #067AB4;
  87   color: #FFFFFF !important;
  88   width: 152px;
  89   padding: 5px 10px 5px 5px;
  90 }
  91 .footerContainer .footerWrapper .footerItem .subscribeSection .subscribeToSection .subscribeBtn {
  92   background-color: #FFFFFF;
  93   border-radius: 1px 5px 5px 1px;
  94   color: #067AB4;
  95   cursor: pointer;
  96   float: left;
  97   font-size: 14px;
  98   height: 30px;
  99   position: relative;
 100   right: 7px;
 101   text-align: center;
 102   top: 1px;
 103   vertical-align: middle;
 104   width: 95px;
 105 }
 106 .footerContainer .footerWrapper .footerItem .socialMedia {
 107   float: left;
 108   margin-left: 0px;
 109 }
 110 .footerContainer .footerWrapper .footerItem .socialMedia .followAtt {
 111   font-size: 14px;
 112   margin-bottom: 20px;
 113   margin-top: 45px;
 114 }
 115 .footerContainer .footerWrapper .footerItem .socialMedia .socialFeeds {
 116   margin-left: -8px;
 117   margin-top: 20px;
 118 }
 119 .footerContainer .footerWrapper .footerItem .socialMedia .socialFeeds span {
 120   font-size: 30px;
 121   margin: 0;
 122   padding: 5px;
 123 }
 124 .footerContainer .footerWrapper .footerItem .socialMedia .socialFeeds span a {
 125   color: #ffffff;
 126   margin: 0;
 127   padding: 0;
 128   /*width: 30px;*/
 129
 130 }
 131 .footerContainer .footerWrapper .footerItem .socialMedia .socialFeeds span a:hover {
 132   text-decoration: none;
 133 }
 134 .footerContainer .footerWrapper .dividerBottom {
 135   border-bottom: 1px solid #ffffff;
 136   margin: auto;
 137   width: 920px;
 138 }
 139 .footerContainer .footerWrapper .feedbackSection {
 140   margin: auto;
 141   width: 920px;
 142   display: none;
 143 }
 144 .footerContainer .footerWrapper .feedbackSection .dividerTop {
 145   border-bottom: 1px solid #ffffff;
 146   margin: auto;
 147   width: 920px;
 148 }
 149 .footerContainer .footerWrapper .feedbackSection .feedbackContent {
 150   margin: 30px auto;
 151   height: 240px;
 152 }
 153 .footerContainer .footerWrapper .feedbackSection .feedbackContent #feedbackForm {
 154   height: 120px;
 155 }
 156 .footerContainer .footerWrapper .feedbackSection .feedbackContent .feedbackInfo {
 157   margin-right: 30px;
 158   width: 270px;
 159   font-family: clearviewatt;
 160   font-size: 12px;
 161   color: #FFFFFF;
 162   float: left;
 163   margin-top: -5px;
 164 }
 165 .footerContainer .footerWrapper .feedbackSection .feedbackContent .feedbackTextSection .feedbackText {
 166   width: 620px;
 167   height: 170px;
 168   border: 1px solid #FFFFFF;
 169   background-color: #067AB4;
 170   border-radius: 5px;
 171   font-family: clearviewatt;
 172   font-size: 14px;
 173   cursor: text;
 174   color: #FFFFFF;
 175   float: left;
 176   padding: 10px;
 177   resize: none;
 178 }
 179 .footerContainer .footerWrapper .feedbackSection .feedbackContent .feedbackTextSection .feedbackSubmitButton {
 180   width: 82px;
 181   background-color: #FFFFFF;
 182   margin-left: 16px;
 183   padding: 5px;
 184   border-radius: 5px;
 185   color: #067AB4;
 186   cursor: pointer;
 187   font-family: clearviewatt;
 188   font-size: 14px;
 189   border: none;
 190   margin-top: 10px;
 191   margin-right: 0px;
 192   float: right;
 193 }
 194 .footerContainer .footerWrapper .feedbackResultMsg {
 195   font-family: clearviewatt;
 196   font-size: 18px;
 197   color: #FFFFFF;
 198   line-height: 70px;
 199   width: 980px;
 200   text-align: center;
 201   margin: 0 auto;
 202   display: none;
 203 }
 204 .footerContainer .footerWrapper .feedbackResultMsg #feedbackMsgCheck {
 205   margin-right: 20px;
 206   font-size: 20px;
 207 }
 208 .footerContainer .footerWrapper .feedbackResultMsg .feedbackMsgOKButton {
 209   width: 82px;
 210   height: 30px;
 211   line-height: 0px;
 212   background-color: #FFFFFF;
 213   margin-left: 16px;
 214   padding: 5px;
 215   border-radius: 5px;
 216   color: #067AB4;
 217   cursor: pointer;
 218   font-family: clearviewatt;
 219   font-size: 14px;
 220   border: none;
 221   margin-top: 20px;
 222   margin-right: 30px;
 223   float: right;
 224 }
 225 .footerContainer .footerWrapper #feedbackResultDivider {
 226   display: none;
 227 }
 228 .footerContainer .footerWrapper .feedbackButtonDiv {
 229   margin: auto;
 230   max-width: 110px;
 231 }
 232 .footerContainer .footerWrapper .feedbackButtonDiv .feedbackButton,
 233 .footerContainer .footerWrapper .feedbackButtonDiv .closeFeedbackButton {
 234   background-color: #FFFFFF;
 235   background: #FFFFFF;
 236   margin: -1px auto auto;
 237   padding: 5px 10px;
 238   border-radius: 0 0 5px 5px;
 239   color: #067AB4;
 240   cursor: pointer;
 241   border: none;
 242   font-family: clearviewatt;
 243   font-size: 14px;
 244 }
 245 .footerContainer .footerWrapper .feedbackButtonDiv .feedbackButton span,
 246 .footerContainer .footerWrapper .feedbackButtonDiv .closeFeedbackButton span {
 247   padding-left: 10px;
 248   background-image: none;
 249 }
 250 .footerContainer .footerWrapper .attFooterInfo {
 251   margin: auto;
 252   width: 980px;
 253   overflow: hidden;
 254   font-family: clearviewatt;
 255   font-size: 12px;
 256   color: #ffffff;
 257 }
 258 .footerContainer .footerWrapper .attFooterInfo a {
 259   color: #ffffff;
 260   margin: 0;
 261   padding: 0;
 262   text-decoration: underline;
 263 }
 264 .footerContainer .footerWrapper .attFooterInfo .footerLastSection {
 265   margin-top: 40px;
 266   width: 980px;
 267   overflow: hidden;
 268 }
 269 .footerContainer .footerWrapper .attFooterInfo span {
 270   border-right: 1px solid #ffffff;
 271   padding-left: 3px;
 272   padding-right: 5px;
 273 }
 274 .footerContainer .footerWrapper .attFooterInfo span:last-child {
 275   border: none;
 276 }
 277 .footerContainer .footerWrapper .attFooterInfo .attLogo {
 278   background: url("images/footer-attolympiclogo.png") repeat-x scroll 0 0 transparent;
 279   width: 150px;
 280   height: 77px;
 281   margin-left: 17px;
 282   margin-right: 0;
 283   float: left;
 284 }
 285 .footerContainer .footerWrapper .attFooterInfo .attQuality {
 286   background: url("../images/common/footer/footer-consumerinfo.png") repeat-x scroll 0 0 transparent;
 287   margin-right: 103px;
 288   float: left;
 289   width: 79px;
 290   height: 82px;
 291   position: relative;
 292   top: -5px;
 293 }
 294 .footerContainer .footerWrapper .attFooterInfo .attAdvertise {
 295   float: right;
 296   width: 68%;
 297   margin-right: 30px;
 298 }
 299 .footerContainer .footerWrapper .attFooterInfo .attAdvertise .privacyPolicy {
 300   margin-top: 17px;
 301 }
 302 .footerContainer .footerWrapper .attFooterInfo .attAdvertise .privacyPolicy a {
 303   text-decoration: underline;
 304 }
 305 .footerContainer .footerWrapper .attFooterInfo .attAdvertise .privacyPolicy a span {
 306   padding: 0px;
 307 }
 308 .footerContainer .footerWrapper .attFooterInfo .attAdvertise .privacyPolicy a:hover {
 309   text-decoration: underline;
 310 }