ol li{margin-left: 20px}
h2{margin-bottom: 4px;}

ul.data li{margin-bottom: 4px;}
.disabled{color:#aaa; cursor: default;}
  .disabled:hover{color:#aaa}
input{border: 1px solid #aaa;}
input.active{background:#ffa; border: 1px solid #aaa;}

a:link{color: #277F33;}
.notice{
  margin: 0;padding: 6px 12px;
  border: 1px solid #D1EFD4;
  background: #f6f6f6;}
.hide{display:none;}
.close{
  float:right;
  margin: 0 -6px 0 0; padding: 0 4px;
  border: 1px solid #D1EFD4;
  background: #f6f6f6;
  font-weight: bold;}
  .close:hover{text-decoration:none; background:#DFFFE3}
  #badges{
    padding: 12px 6px;
    border: 1px solid #ccc}
  #badges li{
    float:left;
    display:block;
    width: 90px; height: 25px;
    margin: 6px 14px;
    text-align:center;}
    
.ui-icon{
  display:-moz-inline-box;display:inline-block;
  vertical-align: text-top;
  width: 12px; height: 12px;
  background: url(../images/icons/ui-icons.png) no-repeat 16px 16px;}
  .ui-icon-extlink{visibility:hidden;}
  a:hover .ui-icon-extlink{visibility:visible; background-position: -32px -81px}
  .ui-icon-tag{background-position: -243px -97px}

    #badges img:hover{opacity: 1;}
/*Retailers*/
#retailersHead{
  padding: 1px 0 6px; 
  border: solid #ccc; border-width: 0 1px;}
  #toggleCats{
    float:right; 
    margin: -1px 6px 0 0; padding: 1px 6px 2px 20px;
    border: 1px solid #8FB5A0;
    background:url(../images/icons/arrows.png) no-repeat;
    text-decoration:none}
    #toggleCats{background-position: 6px -21px;}
    #toggleCats.selected{background-position: 6px -46px}
    #toggleCats:hover{background-color: #EFFFF1;}
    #toggleCats.selected{border-top-color:#fff;}
  #categories{
    clear:both; 
    overflow:hidden;
    display:none; 
    margin: 1px 0 0; padding: 6px 12px;
    border:1px solid #ccc;border-width: 1px 0;}
    #categories ul{
      float:left;
      width: 140px;
      margin-left: 24px;padding: 0;}
    #categories ul.first-child{margin:0;}
      #categories li{margin: 6px 0; padding:0; list-style:none;}

  #searchRetailers{margin:2px 6px 0;}
  #searchRetailers input{width: 160px}
    a.clear{
      display:none; position:absolute;
      margin: 0 0 0 4px; padding: 0px 4px;
      border: 1px solid;
      font: bold 13px Arial, sans-serif;
      text-decoration: none}
  #alpha{
    margin: 6px; padding: 0;}
    #alpha.disabled{opacity: .4;}
    #alpha li{
      float:left;
      margin: 0; padding:0;
      list-style:none;}
    #alpha li a{
      display: block;
      margin-right: 1px; padding: 1px 4px;
      text-decoration:none;
      text-align: center;}
    #alpha li a:hover{background: #EFFFF1;}
    #alpha li a.disabled{color:#888 !important;}
      #alpha li a.disabled:hover{background:transparent;}
      
#retailers{
  border-bottom: 1px solid #ccc;}
  #sortCashback{float:right;}
  #retailers_listHead b.back{width: auto;}
  #retailers_listHead,
  #retailers_list li.r,
  #retailers_list .letter,
  #showAll{
    margin:0; padding: 0;
    list-style:none;
    border: solid #ccc; border-width: 1px 1px 0;}
  #retailers_listHead{
    padding: 6px 6px 6px 10px;
    background: #eee;}
    .sort{
      padding-left: 16px;
      background: url(../images/icons/arrows.png) no-repeat 0 30px}
    .sort.desc,
    .sort.asc:hover{background-position: 0 -21px;}
    .sort.asc,
    .sort.desc:hover{background-position: 0 -47px;}
  

  #retailers_list li.letter{
    margin: 0; padding: 5px 26px;
    background: #f6f6f6;
    cursor:default;
    font-weight: bold;
    color:#888;}
  #retailers li.target{background-color: #D1DFDA}

  #retailers_list li.selected{
    border-color: #6FDF9B; border-width: 1px;}
    #retailers .row{
      padding: 6px 6px 6px 26px;
      cursor:pointer;
      background: #fff url(../images/icons/arrows.png) no-repeat;}
    #retailers .row,
    #retailers_list li.selected .row:hover,
    #retailers_list li.selected .row-hover{background-position: 9px 9px;}
    #retailers_list li.selected .row,
    #retailers .row:hover,
    #retailers .row-hover{background-color:#E8FFEB;background-position: 8px -15px;}
      #retailers .dealSticker{
        float:right; 
        margin-right: 12px; padding-left:14px;
        border:1px solid transparent;
        background:url(../images/icons/coin.png) no-repeat 0 1px;
        text-decoration:none;
        font-weight:bold;
        color:#9F7E45;}
      #retailers .dealSticker:hover{border-color: #DFC599;background-color:#FFFFDF;}
      #retailers_list .more{
        float:right;
        color:#bbb;}
      #retailers .name{
        font-size: 1.1em;}
        
      #retailers .back{
        width: 40px;
        text-align:right;
        float:right;
        cursor: help;}
    #retailers .detail{display:none; background: #E8F4EA}
      .retailerLogoBig{
        float:right;
        margin: 4px 0 12px 12px;}
      #retailers .detail h4{margin-top: 12px; font-size: 1.1em;}
      ul.categories{line-height: 1.8}
      ul.categories li{
        display:inline; 
        margin: 0; padding: 0 4px 4px 4px;}
      ul.deals li{
        margin-bottom: 4px;}
  #showAll{
    padding: 6px 22px; 
    background-color: #FFFFAA;}
/* Tabs */
ul.tabs{
  border-bottom: 1px solid #ccc; border-bottom: 0;
  font-size:1em;
  padding: 0;}
  ul.tabs li{
    float: left;
    margin: 0 0 -1px; padding:0;
    list-style:none;}
    ul.tabs li a{
      display: block;
      padding: 3px 6px;
      border: 1px solid #ccc; border-width: 1px 1px 1px 0;
      background-color: #f6f6f6;
      text-decoration:none;}
    ul.tabs li a:hover{background-color: #fff;}
    ul.tabs li.current a{
      border-bottom-color: #fff;
      background-color: #fff;}
ul.tabs li.dealsTab a{
  padding-left: 22px;
  background-image:url(../images/icons/coin.png);
  background-repeat:no-repeat;
  background-position: 6px 4px;}
.tab-pages{
  padding: 12px;
  border-top: 1px solid #ccc;
  background: #fff;}
  .tab-page{display:none;}
  .tab-pages .current{display:block}
.box{
  float:left;
  width: 190px;
  margin: 12px; padding: 6px;
  border: 2px solid #DFC599;
  background:#FFFFDF;}
  .box i{font-size: 1.3em}
  .box span{display:block; margin-top: 6px}
  .box em{ font-size: 3em;}
#retailers .r{vertical-align:bottom;}
/*clearfix*/
#content:after,
.tabs:after,
#badges:after,
#categories:after,
#alpha:after,
#retailers .r:after,
.tab-page:after{
  content:".";
  display:block;
  visibility:hidden;
  height:0;
  clear:both;}
#content,
.tabs,
#badges,
#categories,
#alpha,
#retailers .r,
.tab-page{zoom: 1;/* IE */}