@charset "UTF-8";

@media all {

  #compare {
    overflow: hidden;
  }

  #compare-categories {
    margin-top: 20px;
  }

  #compare-categories h3 {
    font-size: 18px;
    font-weight: bold;
	  color: #dc1e2b;
	  text-align: center;
  }
  
  #compare-categories ul {
    margin: 20px 0 0 10px;
    width: 210px;
    float: left;
  }

  #compare-categories li {
    margin: 10px 0;
    font-size: 12px;
    font-weight: bold;
    color: #a49f8f;
    list-style-image: url(../images/star.png);
  }

  #compare-categories li a {
    color: #a49f8f;
    text-decoration: none;
  }

  #compare-categories li:hover,
  #compare-categories li:active,
  #compare-categories li a:hover,
  #compare-categories li a:active {
    list-style-image: url(../images/star-hover.png);
    text-decoration: underline;
    color: #dc1e2b;
  }
 
  #compare form ul {
	  padding-top: 10px;
  } 
  
  #compare form li {
	  background-image: none;
  }
  
  #compare .button-pane {
	  padding-left: 100px;
  }

  #compare form.myform legend {
    color: #745f58;
    text-align: center;
    padding: 0;
    margin: 0;
  }

  #compare form.myform legend span {
    color: #dc1e2b;
  }

  #compare form.myform .button-pane {
    margin: 1em 0 0 190px;
  }

  #compare .button-pane a.another {
    display: none;
  }

  #compare form.myform .submit {
    background-image: url(../images/compare-btn.png);
  }

  #compare form.myform .type-select label {
    display: inline;
    float: none;
    padding: 0;
    margin: 0;
  }

  #compare form.myform .type-select ul.checkbox_list {
    margin-top: -40px;
  }

  #compare form.myform .type-select ul.checkbox_list li {
    width: 200px;
    display: block;
    float: left;
    white-space: nowrap;
  }

  #compare.result form.myform .button-pane {
    margin: 1em 0 0 -100px;
  }

  #compare.result form.myform .button-pane a.another {
    display: block;
    float: left;
	  height: 0px !important;
	  height /**/:24px; /* IE 5/Win hack */
    width: 161px;
	  padding: 24px 0 0 0;
	  overflow: hidden;
    background: url(../images/compare-another.png) no-repeat 0 -24px;
  }

  #compare.result form.myform .button-pane a.another:hover,
  #compare.result form.myform .button-pane a.another:active {
    background-position: 0 0;
  }

  #compare.result form.myform .button-pane .submit {
    float: left;
    margin-left: 120px;
  }

  #compare.result div.merchants {
    overflow: hidden;
    width: 630px;
  }
  
  #compare.result div.merchants h3 {
    font-size: 18px;
    font-weight: bold;
    color: #6a544c;
    height: 35px;
    background: url(../images/compare-results-bg.png) repeat-x left top;
  }

  #compare.result div.merchants h3 span {
    font-size: 12px;
    font-weight: normal;
    padding-left: 14px;
  }

  #compare.result div.merchants h3 span span {
    background: url(../images/divider.png) repeat-y left top;
    font-size: 18px;
    font-weight: bold;
    color: #dc1e2b;
  }

  #compare.result div.merchant {
    margin-top: 40px;
    overflow: hidden;
  }

  #compare.result div.merchant div.mini-deals {
    overflow: hidden;
    margin-left: -30px;
  }

  #compare.result div.mini-deal {
    position: relative;
    float: left;
    width: 300px;
    padding: 10px 0 10px 0;
    margin-left: 30px;
    border-bottom: 1px solid #dbd6d3;
    font-size: 12px;
    color: #969489;
    height: 80px;
  }

  #compare.result div.mini-deal div.submitter {
    position: absolute;
    right: 0;
    bottom: 14px;
  }
  
  #compare.result div.mini-deal div.submitter i {
    font: italic 12px Georgia;
    color: #ad7e78;
  }

  #compare.result div.mini-deal a.site {
    position: absolute;
    left: 0px;
    bottom: 10px;
    display: block;
	  height: 0px !important;
	  height /**/:23px; /* IE 5/Win hack */
    width: 78px;
	  padding: 23px 0 0 0;
	  overflow: hidden;
    background: url(../images/visit-site.png) no-repeat 0 -23px;
  }

  #compare.result div.mini-deal a.site:hover,
  #compare.result div.mini-deal a.site:active {
    background-position: 0 0;
  }

  #compare.result div.merchant a.show-all {
    display: block;
	  height: 0px !important;
	  height /**/:23px; /* IE 5/Win hack */
    width: 103px;
	  padding: 23px 0 0 0;
	  overflow: hidden;
    background: url(../images/show-all-deals.png) no-repeat 0 -23px;
    margin: 20px auto 0;
  }

  #compare.result div.merchant a.show-all:hover,
  #compare.result div.merchant a.show-all:active {
    background-position: 0 0;
  }
}