@charset "utf-8";
/* CSS Document */

body {
  padding: auto;
  margin: auto;
  padding-top: 10px;
  font-family: "Trebuchet MS";
  background-color: #000000;
  color: #c0c0c0;
}

#body_table {
  margin: auto;
}

.viewport {
/*  border: 3px solid #eee;*/
  float: left;
  height: 220px;
  margin: 0 9px 9px 0;
  overflow: hidden;
  position: relative;
  width: 220px;
}

      /* This is so that the 2nd thumbnail in each row fits snugly. You will want to add a similar
      class to the last thumbnail in each row to get rid of the margin-right. */
.no-margin {
  margin-right: 1;
      }

      /* --- Link configuration that contains the image and label ----------------------------- */
      .viewport a {
        display: block;
        position: relative;
      }

      .viewport a img {
        height: 250px;
        left: -20px;
        position: relative;
        top: -20px;
        width: 250px;
      }

      /* --- Label configuration -------------------------------------------------------------- */
      .viewport a div {
        display: none;
        font-size: 1.0em;
        font-weight: bold;
        font-family: "Trebuchet MS";
        position: absolute;
        text-align: center;
        text-decoration: none;
        z-index: 100;
        height:100px
        margin-top: 15%;
        margin-bottom: 15%;
        margin: 15%;
        width: 50%;
        padding: 10%;
        background-color: #df7e2e;
      }
      .viewport a div em {
        display: block;
        font-size: 0.40em;
        font-weight: normal;
      }

      .viewport-navigation {
        width: 220px;
        height: 130px;
        background-color: #df7e2e;
        color: #ffffff;
        margin-right: 9px; 
        border:0px;
        text-align: center;
        padding-top:90px;
        margin-bottom: 9px;
      }
      .viewport-navigation-empty  {
        background-color: #000000;
    }
      .viewport-navigation a {
        color: #ffffff;
        text-decoration: none;
      }

          /* --- Dark hover background ------------------------------------------------------------ */
          .dark-background {
            background-color: rgba(15, 15, 15, 0.6);
            color: #ffffff;
/*            text-shadow: #000 0px 0px 20px;*/
      }
      .dark-background em {
        color: #fff;
          }

          /* --- Light hover background ----------------------------------------------------------- */
          .light-background {
            background-color: rgba(255, 255, 255, 0.6);
            color: #333;
            text-shadow: #fff 0px 0px 20px;
      }
      .light-background em {
        color: #707070;
          }

/* search */
#display_search_block {
}

.display_search_item {
   float:left;
}

.item_box {
   width:270px; height:120px; padding:5px 5px 5px 8px; overflow:hidden;
   background: #FFF url(/images/gradientlightwhite.gif) repeat-x;
   border: 1px solid #e8e8e8;
}
.item_box div { text-align: left; margin:0; padding:3px; }
.item_title { font-weight:bold; padding: 3px 6px; width:98%; overflow:clip; height: 1em;}
.item_image { padding: 0 3px; float:left; };
.item_location, .item_buttons { clear:left; padding:0; }

.items_nav_bar { 
  color:#c0c0c0; 
  text-align: right;
  background: #000000;
  margin-bottom: 20px;
  padding: 10px;
  font-weight: bold;
  font-size: 1.1em;
  border-top: 1px solid #cccccc;
}

.items_nav_bar img {
  padding: 0px;
  margin: 0px;
  width: 16px;
  height: 16px;
}

a { 
  color:#c0c0c0; 
}


.spacer {
	clear: left;
}

table.classified_ad tbody tr td {
	border: 1px solid black;	
}

table.coupon {
 border: 2px dashed black;
 margin: 20px;
 text-align: center;
}

table.coupon div.catalog_name {
 font-size: 1.5em;
 color: black;
 font-weight: bold;
 margin-bottom: 1em;
 margin-top: .25em;
}

table.coupon div.desc {
 margin-top: 1.5em;
 font-weight: bold;
}

table.coupon div.desc_long {
 margin-top: 2.5em;
 font-weight: bold;
}

table.coupon div.disclaimer {
 margin-top: 2.5em;
 font-size:.8em;
}

table.coupon .coupon_address {
 clear: both;
 color: black;
 font-weight: bold;
 padding: 5px;
 margin-top: 10px;
 border: 2px solid #999;
}

table.coupon .expires {
 text-align: right;
 padding-right: 20%;
}

table.coupon .expires_center {
 text-align: center;
 padding-bottom: 10px;
}

table.coupon .logo {
 background-color: black;
 height: 50px;
 float:right;
}

table.coupon .sbc_logo {
 background-color: black;
 height: 50px;
 float:left;
}


/* Item attributes */
.radiofield div {
  white-space:nowrap;
  width:100%;
}
.item_attributes_feature_block {
    vertical-align: top;
      border: 1px solid #d1d1d1;
}
.attribute_title {
    border-bottom: 1px solid #d1d1d1;
}

/* Admin buttons */
.admin_btn {
  background-color: #4c95da;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #ffffff;
  margin: 20px;
  border: 0px;
}

.admin_btn_orange {
  background-color: #df7e2e;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #ffffff;
  margin: 10px;
  font-size: 1em;
  font-weight: normal;
  text-align: center;
  border: 0px;
  white-space:nowrap;
  cursor: pointer;
}

.img_btn {
  background-image: url(/images/blank_button.png);
  background-position:  0px 0px;
  background-repeat: no-repeat;
  width: 257px;
  height: 82px;
  border: 0px;
  background-color: transparent;
  cursor: pointer;
  outline: 0;
  color: white;
  font-size: 18px;
  text-align: center;
  vertical-align: middle;

  padding-left: 2px;
  padding-right: 0px;
  padding-top: 2px;
  padding-bottom: 0px;
}

select.img_btn {
  text-indent: 20px;
}
.img_btn a {
    position: relative;
    top: 30%;
    height: 30%;
    color: white;
    font-size:18px;
}

.img_btn:hover{
  background-position:  -2px -2px;
  
  padding-left: 0px;
  padding-right: 2px;
  padding-top: 0px;
  padding-bottom: 2px;
}

.img_btn:active{
 
  background-position:  -2px -2px;
  
  padding-left: 0px;
  padding-right: 2px;
  padding-top: 0px;
  padding-bottom: 2px;
}



a.admin_btn:link, a.admin_btn:visited, a.admin_btn:hover {
  text-decoration: none;
}
a.admin_btn_orange:link, a.admin_btn_orange:visited, a.admin_btn_orange:hover {
  text-decoration: none;
}

.header_bar_green {
  background-color: #37485d;
}

div#item_block {
  color: #ffffff;
}