/*
CSS styles for:  Coupon Output

<div class="coupon-column">
	<div class="coupon-column-title"></div>
	<div class="coupon-column-description">
		<div class="coupon-column-code"></div>
		<div class="coupon-column-date"></div>
	</div>
	<div class="coupon-column-footer"></div>
</div>	


---------------------------------------------
*/


/*
Multi-Column Coupon
*/


.all-coupons {

  margin-left: 6px;
}

.coupon-column {
  float: left; 
  width: 216px;
  margin-left:7px;
  margin-right: 12px;
  margin-bottom: 10px;
  text-align: center; 
  border:1px solid #538428;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  
}

.coupon-column-title2  {
	background: #88A867; 
	color: #FFFFFF;
	font-size: 19px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	padding: 6px 0px 6px 7px;
	border: none;
	text-align: center;
	text-shadow: 0px 1px 1px #000;

	}
	
	
	
.coupon-column-title  {	
	background: #88A867;
    -webkit-border-radius-bottomleft:0px;
    -webkit-border-radius-bottomright:0px;
    -webkit-border-radius-topleft:3px;
    -webkit-border-radius-topright:3px;  
    -moz-border-radius-bottomleft:0px;
    -moz-border-radius-bottomright:0px;
    -moz-border-radius-topleft:3px;
    -moz-border-radius-topright:3px;    
	color: #FFFFFF;
	font-size: 18px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	padding: 6px 0px 6px 7px;
	border: none;
	text-align: center;
	text-shadow: 0px 1px 1px #000;	
}


.coupon-column-button {
padding: 8px 0 12px 0;

}


.coupon-column-description {
	font-family: Arial, Tahoma, Verdana;

  font-size: 14px;
  margin: 8px;
  height: 70px;
  color: #333;
  

}


.coupon-column-date {
  font-size: 13px;
  color: #FFF;

  

}



.coupon-code-label {
	margin-top: 30px;
	font-family: Arial;
  font-size: 16px;
  color: #000;

  

}

.coupon-column-footer {
	background: #88A867;
	font-size: 17px;
	font-family: Arial, Tahoma, Verdana;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 3px 0px;
	border: none;
	text-align: center;
        height:16px;
  width: 216px;
    -webkit-border-radius-bottomleft:3px;
    -webkit-border-radius-bottomright:3px;
    -webkit-border-radius-topleft:0px;
    -webkit-border-radius-topright:0px;  
    -moz-border-radius-bottomleft:3px;
    -moz-border-radius-bottomright:3px;
    -moz-border-radius-topleft:0px;
    -moz-border-radius-topright:0px;          
        
}



/*
Single Row Coupon
*/
.coupon-single {
  float: left; 
  width: 696px;
  height: 45px;
  margin-left:9px;
  margin-right: 3px;
  margin-bottom: 2px;
  text-align: center; 
   border: 1px solid gray;



}



.coupon-single-description {
   float: left;
   width: 444px;
   font-size: 12px;
   margin: 5px 4px 4px 7px;
   padding: 3px;
   height: 27px;
   border: 0px solid gray;
   background: #FFFFFF;
   text-align: left;
}


.coupon-single-footer {
	background: #88A867;
	font-size: 17px;
	font-family: Arial, Tahoma, Verdana;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 6px 7px;
	border: none;
	text-align: center;
}

.coupon-single-button {
    margin: 5px 4px 4px 7px;
	float: right;
	width: 96px;
    border: 1px solid gray;
    padding: 3px;
	height: 27px;
	background: #E9FCE9;
}

.coupon-single-date 
 {
 	font-size: 12px;
  	margin: 5px 0 4px 0;
	float: right;
	width: 110px;
	height: 27px;
	border: 1px dashed gray;
	padding: 3px;
 	background: #FFFFFF; 
	}


.coupon-code {
	margin-bottom: 55px;
	font-family: Arial, Tahoma, Verdana;
	color: red; 
	font-weight: bold;
	font-size: 20px;
}