/* Generic Styles 
--------------------*/
body {
  font-family: Arial, tahoma, sans-serif;
  color: #000;
  background: #e0e6e0 url(../images/bg.gif) repeat-y center;
 
}
/* Links */
a{color: #319F5C;}
a:visited{color: #4A735D;}
#header a,
#footer a {color: #fff;}

.signin a {color: #777A7A;}

a:hover {
  text-decoration: none;
}
a img {
  border: none;
}
.small {
  color: #A0BDA9;
}
dd {
  margin-bottom: 1em;
}
hr {
  margin: .5em 0;
}
hr.clear{clear: both; visibility: hidden; margin: 0;}
h2, h3{color: #0190a5; font-family:Trebuchet MS}
h2{font-size: 20px;}
h3{font-size: 18px;}
h4{font-size: 15px; font-family:Trebuchet MS}
.help{cursor: help; border-bottom: 1px dashed #aaa;}
.moreInfo{cursor: help;}
.inlineFloat{float: left; margin-right: 10px;}
.qmark{position: relative; top: 3px;}

/* style*/
.form:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.form {
  display: inline-block; zoom: 1;
}
.form1:after {
  content: ".";
  /*display: block;*/
  height: 0;
  clear: both;
  visibility: hidden;
}
.form1 {
  display: inline-block; zoom: 1;
}
.req{color: Red;}

dl.form dt {
  float: left;
  clear: left;
  width: 160px;
  text-align: right;
}
dl.form1 dt {
  float: left;
  clear: left;
  width: 160px;
  text-align: right;
}
dl.form dd {
  float: right;
  width: 450px;
  clear: right;
  text-align: left;
}
dl.form1 dd {
  float: right;
  width: 191px;
  clear: right;
  text-align: left;
}

dl.form1 {width:370px;}

.button {
  border: outset #89a787 1px;
  background: url(../images/button.jpg);
  color: #fff;
  padding: 0px;
  text-decoration: none;
}
a.button{padding: 1px 3px;}
.button:active {border-style: inset;}
.button:hover {color: #E7FFEF;}
.field {background: #d0ddcf;}
input[type="checkbox"] {margin-right: 3px;}

/* DataGrid */
.dataGrid {
  border: none;
  color: #414446;
  border-collapse: separate !important;
  /*table-layout: fixed;*/
  width: 100%;
  margin: 0 auto;
}
.dataGrid a {
  color: #4e886a;
  text-decoration: none;
}
.dataGrid a:hover {
  color: #1F3E2E;
  text-decoration: underline;
}

.dataGrid td, .dataGrid th {
  background: #e5ede7;
  border-bottom: solid #d0ddcf;
  border-top: solid #FFFFFF;
  border-width: 3px 3px 2px 0;
  padding: 5px;
  border-right: solid #fff;
}
.dataGrid .alt td, .dataGrid .alt th {
  background: #d0ddcf;
  border-bottom: 2px solid #adc9b5;
}
.dataGrid tr:hover td, .dataGrid tr:hover th {
  background: #adc9b5;
}
/*Items*/
.simpleDeals {
  margin: 0 auto;
  table-layout: fixed;
}
.simpleDeals a{color: #5ca875}
.simpleDeals a:visited{color: #1F3E2E;}
.simpleDeals td 
{
  color: #5ca875;
  text-align: center;
  vertical-align: top;
  min-width: 105px;
  border: 1px solid silver;
  border-bottom: 3px solid #A0BDA9;
  font-size: 1em;
}

.deals {
  margin: 0 auto;
  table-layout: fixed;
}
.deals a{color: #316449}
.deals a:visited{color: #1F3E2E;}
.deals td 
{
  background: #d0ddcf;
  color: #316449;
  text-align: center;
  vertical-align: top;
  min-width: 105px;
  border: 1px solid silver;
  border-bottom: 3px solid #A0BDA9;
}
.deals .image {
  background: white;
  display: block;
  border-top: 3px solid #fff;
  height: 106px;
  padding: 5px;
  
}
.deals .image img {
  border: 5px solid #fff !important;
}

#innerContent .deals .details {
  background: #D0DDCF;
  padding: 5px;
    height: 90%;    
}
#innerContent .deals h3 {
  font-size: 1em;
  color: #59A376;
  width: 140px;
  overflow: hidden;
}
.details dt, .details dd {
  display: inline;
}
.details .buyNow dt{
  display: none;
}
.details .buyNow a{position: relative; top: 5px;}

.blank_cell td
{
  position: relative;
  background-color: #ffffff;
}

/* dynamically applied to deal on home page */
.hcc_HotDeals 
{
  position: static;
  width: 472px;
  float: left;
}

/*Error Boxes*/
.warningBox {
  width: 301px;
  background: url(../images/messagepanel/greybx_bt.gif) no-repeat bottom;
  padding-bottom: 15px;
  margin-bottom: 1em;
}
.warningBox .close a {
  float: right;
  color: #fff;
  text-decoration: none;
}
.warningBox h2 {
  background: url(../images/messagepanel/greybx_tp.gif);
  font-size: 16px;
  font-weight: normal;
  padding: 4px 12px;
  color: #fff;
  height: 27px;
  margin: 0;
  font-family: Trebuchet, Verdana, Sans-Serif;
}
.warningBox p {
  background: url(../images/messagepanel/greybx_middle.gif) repeat-y;
  padding: 1em 1.5em;
  margin: 0;
}

/* A popup layer in the middle of the screen for explaining the meaning of clickable values */
.definition
{
  position: absolute;
  top: 137px;
  left: 165px;
}

.container_absolute
{
  position: relative;
  width: 100%;
}

/* Promo Box*/
.promo{
  border: solid 2px #59A376; 
  background: #fff;
  margin: 1em 0; 
  padding: .5em;}
  .promo .icon{
    float: left;}
/*-------------------
      $LAYOUT
------------------*/
/* Header */
#header .nav 
{
  float: right;
  clear: both;
}
#header .nav a 
{
  position: relative;
  top: 2px;
  color: #fff;
  background: url(../images/tab_off_h25.gif) no-repeat;
  font-size: 12px;
  text-decoration: none;
  text-align: center;
  width: 86px;
  height: 19px;
  padding-top: 5px;
  display: block;
  z-index: 2;
}
#header .nav li.selectedtab a {
  background: url(../images/tab_on_h25.gif) no-repeat;
  color: #000;
  height: 19px;
  top: 2px;
}
#header .nav  a:hover {
  color: #000;
}
#header .nav li.selectedtab a:hover {
  color: #000;
}
#searchForm input[type="image"] {
  position: relative;
  top: 4px;
}
#ctl00_searchForm input[type="image"] 
{
  position: relative;
  top: 4px;
}

.logout div{ }

#innerContent {
  text-align: left;
}
#bidControl {
  color: white;
}

/* Footer */
#footer ul.nav li:first-child {
  border-left: none;
}
#footer a {
  text-decoration: none;
}
#footer a:hover {
  text-decoration: underline;
}

/* Certification Logos on home page */
#ctl00_certs
{
  position:relative;
  text-align: center;
}
#ctl00_certs a{
  margin-top:30px;
  display:block;
  float:right;
  width:100%;
}



/* Rounded Corners */
#content {
  background: #fff url(../images/whitebx_middle.gif) repeat-y center;
}
#top 
{
  position: static;
  background: url(../images/whitebx_top.gif) no-repeat center top;
  width: 729px;
  height: 12px;
  clear: both;
  z-index: 1;
}
#bottom {
  background: url(../images/whitebx_bot.gif) no-repeat bottom center;
  width: 729px;
  height: 14px;
  clear: both;
}


/*-------------------------- 
    $Page Specific
-------------------------*/
/* Skin */
.tabs-nav {
    list-style: none;
    margin: 0;
    clear: both;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    margin: 0;
}
.tabs-nav a {
    display: block;
    padding: 0;
    width: 166px;
    height: 62px;
    color: #27537a;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    
}

.tabs-nav .tabs-selected a {
    color: #000;
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    background-position: 0 -67px;
    outline: 0; /* @ Firefox, switch off dotted border */
}
.tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited,
.tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: default;
    background-position: 0 -67px;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}
.tabs-container {
    padding-bottom: 1em;
    margin-right: 6px;
}
/*.tabs-container h4{padding: 1em 65px 0 15px; background: url(../images/homepage/grnbx_tp.gif) no-repeat;}*/
/*.tabs-container p,
.tabs-container a{ padding-left: 15px; padding-right: 65px;}*/
.tabsContent{border: 2px solid #444; }

/* Join/Welcome.aspx*/
#page_join_welcome{text-align: center;}
#page_join_welcome div{text-align: left; margin: 0 auto;}

#signup_cert 
{
  position:absolute;
  left: 387px;
  top: 28px;
  }
  
#signup_cert_txt
{
  position:absolute;
  left: 350px;
  top: 60px;
  width: 150px;
  overflow: visible;
  color: #5ca875;
  font-family: Verdana, Geneva, Arial, Sans-Serif;
  font-size: 1em;
  }

/* myAccount */
#page_myAccount{background: url(../images/cartanimation.gif) no-repeat bottom right;}
#myAccount{list-style: none; }
#myAccount li{margin: 0 0 10px 0; height: 60px; width: 255px; float: left;}
#myAccount li img{float: left;}

#page_myAccount h3{font-size: 16px; margin: 0;}

/* myAccount/kickbacks*/
.cashout{float: right;}
.cashout a{background: url(../images/but_cashout.png) no-repeat;}
.cashout a span{visibility: hidden;}
  


/*About.aspx*/
#page_howitworks img{margin: 10px; }

/* AboutReferrals.aspx */

/* Payout box with rounded corners */
#payoutbx_top
{
  background: url(../images/payoutbx_tp.png) no-repeat center top;
  width: 549px;
  height: 10px;
  clear: both;
}
#payoutbx_container
{
  background: url(../images/payoutbx_mid.png) repeat-y center;
  width: 549px;
}
#payoutbx_content
{
  padding-left: 15px;
}
#payoutbx_bottom
{
  background: url(../images/payoutbx_bt.png) no-repeat center top;
  width: 549px;
  height: 10px;
  clear: both;
}

.payoutbx
{
  font-family: 'Trebuchet MS' sans-serif;
  font-size: 1.1em;
  color: #416c56;
  }

#sel_wrapper
{
  position: static;
  border: solid 1px #416c56; 
  background-color: #fff;
  width: 100px; 
  height: 36px; 
  display: inline; 
  vertical-align: middle; 
  padding: 0px 0px 2px 1px;
  margin: 1px 0px 1px 0px; 
  overflow: visible;
}

#txt_payout
{
  width: 44px;
  height: 21px;
  font-family: 'Trebuchet MS' sans-serif;
  color: #416c56;
  font-size: 15px;
  border: solid 1px #416c56;
  text-align: center;
  padding-left: 0px;
  
}
#payoutbx_select
{ 
  font-family: 'Trebuchet MS', sans-serif;
  color: #416c56;
  font-size: 12px;
  height: 20px; 
  border: none 0px #fff;
  vertical-align: middle; 
  padding: 1px 0px 1px 0px; 
  position: relative; 
  top: 1px;
  margin: 1px -4px 5px 0px; 
  overflow: visible;
}

/* override page_about's img style */
#payoutbx_content img
{
  margin: 0px;
}

#payoutbx_smiley
{
  position: relative;
  top: -1px;
  height: 15px; 
  width: 15px; 
  vertical-align: middle; 
  padding: 0px 0px 0px 2px;
  margin: 0px 0px 0px 0px;
}


/* Buy/Default.aspx */
legend
{
	font-weight:bold;
	color:#970101;
	font-size:1em;
}
.placeoffer
{
	text-align:center;
	border: solid 1px #dddddd;
  padding: 1em; 
  margin-top: 1em; 
  width: 90%;  
}
#refresher
{
	position:relative;
	top:-2em;
	right:-2.2em;
	float:right;
	text-decoration:underline;
	color:Blue;
	cursor:pointer;
}
.itemImage
{
padding: 3px; 
padding-bottom: 1px; 
border: solid 1px #dddddd;	
text-align:center;
}


#frag3-learnmore
{
  position: relative;
  display: inline;
  top: -5px;
}


#page_contact #page_header H2
{
	float: left;
}

#page_contact #page_header #community_link
{
	margin: 1.0em 0; 
	line-height: 34px; 
	float: right;
}

.nav #community_link
{
	float: right;
}

/* Deals Categories */
.filter
{
    color:Black;
    text-decoration:none;        
}

.notfilter
{
    color:#319F5C;    
    text-decoration:underline;
}

/* New KIB Design 
--------------------*/
.shop
{
    color:#0190a5;
}
.signup
{
    color:#986034;    
}
.getPaid
{
    color:#5ca875;    
}

/*Items*/
.simpleDeals {
  margin: 0 auto;
  table-layout: fixed;
}

.categoryCells
{
  padding-right:15px;
    }

font-family:Trebuchet MS}
h2{font-size: 18px;}


/*Home Page - default.aspx*/
#page_default{}
#lbox{width: 509px; float: left; }
#lbox h2{font-size: 38px; text-align: left; margin: 0; vertical-align:bottom;}
#lbox h3{font-size: 23px; font-family:Trebuchet MS; color: #986034;  text-align:left; margin: 0 0 5px 0; bottom:auto; }
#lbox p{width: 287px}

.tabs-nav a span{display: none;}

#signUpContent {background: url(../images/homepage/photo_signup3.jpg) no-repeat right bottom}
#shopContent {background: url(../images/homepage/photo_shop4.jpg) no-repeat right bottom}
#getPaidContent {background: url(../images/homepage/photo_getpaid5.jpg) no-repeat right bottom}

.contentPanel 
{
    height:300px; 
    width:495px; 
    margin-right: 0px; 
    padding-bottom: 0px;
    display:none;}
    
.contentToggle {height:189px; }

.certLogos{  
  margin-top:30px;
  float:left;
  text-align:center;
  width:100%;
   
}
.certLogos span{
  margin-right:22px;
  margin-left:22px;
}

.shopLogos tr 
{
    height: 50px;

    }
.shopLogos td
{
    width:150px;
    text-align: center;
    }
    
.center{
   text-align:center !important;
}
.question{
  background: url(../Images/question.gif);
  height:20px;
  width:20px;
  float:right;
   cursor:pointer;
}
fieldset
{
  -moz-border-radius: 4px 4px 4px 4px;  
  padding:0 8px 0 8px;
}
legend
{

}
#popUpInfo{
  position:absolute;
  border:solid 1px #dddddd;
  background:white;
  height:auto;
  width:300px;
  padding:10px;
  -moz-border-radius: 4px 4px 4px 4px; 
}
#popInfoClose{
  float:right;
  font-size:bold;
  padding:4px;
  border:solid 1px #dddddd;
  cursor:pointer;
}


/* Styles for the All Retailers List */

table.retailerList 
{
    width: 100%; border-bottom-color: #0196a5; border-bottom-style: solid;
    border-bottom-width: 0px; padding-left: 4px; background: white;
    border-collapse: collapse;
}

table.retailerList tr.headerRow
{
    vertical-align: bottom;
}

table.retailerList tr.headerRow a
{
    color:Black;
}

table.retailerList tr.headerRow th
{
    padding-bottom:7px;
}

table.retailerList td 
{
    border-width:0;
    margin-top: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
}

table.retailerList tr.oddDataRow
{
    background-color:#FFFFFF;
    padding-left:10px;
}

table.retailerList tr.oddDataRow td 
{
    background-color:#FFFFFF;
    padding-top:5px;        /* Add an extra little bit of space between rows, only on white rows. */
    padding-bottom:7px;     /* Add an extra little bit of space between rows, only on white rows. */
}

table.retailerList tr.evenDataRow
{
    background-color:#EEEEFF;
    padding-left:10px;
}

table.retailerList tr.evenDataRow td
{
    background-color:#EEEEFF;
}

#retailerPopup   
{
    position: absolute;   
    visibility: hidden;   
    overflow: hidden;   
    border:1px solid #CCC;   
    background-color:white;   
    border:1px solid #333;   
    padding:5px;}
    
#retailerPopup iframe{
    width :100%;
    height:90%;
    border: 1px solid #FFFFFF;
}
    
table.privateRetailerList 
{
    width: 100%; border-bottom-color: #0196a5; border-bottom-style: solid;
    border-bottom-width: 0px; padding-left: 4px; background: white;
    border-collapse: collapse;
}
table.privateRetailerList tr.oddDataRow
{
    background-color:#FFFFFF;
    padding-left:10px;
}

table.privateRetailerList tr.evenDataRow
{
    background-color:#EEEEFF;
    padding-left:10px;
}

table.privateRetailerList tr.headerRow th
{
    padding-bottom:5px;
    padding-top:2px;
}

table.privateRetailerList td 
{
    border-width:0;
    padding-top: 1px;
    padding-bottom: 1px;
}

.pageSelected
{
  text-decoration: none;
  font-weight: bolder;
  color:Black !important;
}

/* Styles for the Transactions List */

table.transactionList 
{
    width: 100%; border-bottom-color: #0196a5; border-bottom-style: solid;
    border-bottom-width: 0px; padding-left: 4px; background: white;
    border-collapse: collapse;
}

table.transactionList tr.headerRow
{
    vertical-align: bottom;
}

table.transactionList tr.headerRow a
{
    color:Black;
}

table.transactionList tr.headerRow th
{
    padding-bottom:7px;
}

table.transactionList td 
{
    border-width:0;
    margin-top: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
}

table.transactionList tr.oddDataRow
{
    background-color:#FFFFFF;
    padding-left:10px;
}

table.transactionList tr.oddDataRow td 
{
    background-color:#FFFFFF;
    padding-top:4px;        /* Add an extra little bit of space between rows, only on white rows. */
    padding-bottom:5px;     /* Add an extra little bit of space between rows, only on white rows. */
}

table.transactionList tr.evenDataRow
{
    background-color:#EEEEFF;
    padding-left:10px;
}

table.transactionList tr.evenDataRow td
{
    background-color:#EEEEFF;
}

.sampleLinks
{
  padding: 2px;
}

.PromoGraphic
{
	margin-top:23px;
}