body, input, select, button, textarea {
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
}

#container {
		margin: 0px auto;
	position: relative;
	max-width:670px;
}

#coupon_form {
	position: relative;
}

#reload_captcha_div {
	display: inline-block;
}

#reload_captcha_button {
	height: 40px;
	width: 40px;
	cursor: pointer;
}

#successful_submission {
	background-color: #c0fdbd;
	border: 1px solid #59e752;
	border-radius: 4px;
	color: #000;
	display: none;
	padding: 8px;
	font-size: 90%;
}

#unsuccessful_submission {
	border: 1px solid red;
	border-radius: 4px;
	background-color: #ff9c9c;
	color: #000;
	display: none;
	padding: 8px;
	font-size: 90%;
}

#try_again_later {
	background-color: #f9b98b;
	border: 1px solid #ff7f21;
	border-radius: 4px;
	color: #000;
	display: none;
	padding: 8px;
}

#zip_code_too_close {
	border: 1px solid red;
	border-radius: 4px;
	background-color: #ff9c9c;
	color: #000;
	display: none;
	padding: 8px;
}

#coupon {
	width: 500px;
	height: 500px;
	background:  url(http://www.lumberton-nc.com/images/coupon_graphic.gif);
}

.incomplete_element {
	border: 2px solid #ff9c9c;
}

.label {
	display:inline-block;
	width: 45%;
	/*background-color: #d6d3ce;*/
	padding: 3px;
	text-align:left;
	vertical-align:top;
	padding-top: 10px;
}

.vertically_centered_label {
	position: relative;

}

.formfield {
		display:inline-block;
	width: 45%;
	padding: 3px;
}


.formfield_radio {
		display:inline-block;
	width: 45%;
	padding: 3px;
	text-align:left;
}


/*   this is for the admin pages only */

.table {
  background-color: #dddddd;
  border: 1px solid #aaaaaa;
  border-radius: 4px;
}

.table td {
  padding: 6px;
  background-color: #eeeeee;
}

.navigation {
	padding: 6px;
	margin-bottom: 10px;
	text-align: center;
}
.formfield input {
	width: 100%;
	padding: 7px;
}
	.formfield select {
	width: 100%;
	padding: 7px;
	position:relative;
	transform:translateX(-2px);
}
	.formfield textarea {
	width: 100%;
	padding: 7px;
}

hr {
	border-top: 1px dotted #e1e1e1;
	    height: 10px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.2);
	margin-top: 20px;
	clear: both;
}
.padd {
	padding: 0px 20px;
}
.right {
	text-align:right;
}
.left {
	text-align:left;
}
.p10 {
	padding: 10px;
}
.captcha input {
	padding: 6px;
	width: 80px;
	vertical-align:top;
	display:inline-block;
	margin-left:  10px;
}
img#captcha_image {
	margin-right: 10px;
	display:inline-block;
}

.submit {
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	background-color:#ffffff;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;

	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	font-size: 120%;
	text-transform:uppercase;
}
.submit:hover {
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	background-color:#f6f6f6;
}
.submit:active {
	position:relative;
	top:1px;
}

        
		
		
		

@media all and ( min-width: 1000px ) {
  
.row {
    display: table;
    table-layout: fixed;
    width: 100%;
	clear:both;
  }
[class*="col-"] {
    display: table-cell;
	vertical-align: top;
  }

  .col-2-3 {
    width: 66.66666666%;
  }
  .col-1-2 {
    width: 50%;
  }
  .col-1-3 {
    width: 33.333333333333%;
  }
  .col-1-5 {
    width: 20%;
  }
    .col-1-4 {
    width: 25%;
  }
    .col-1-1 {
    width: 100%;
  }
  .col-1-8 {
    width: 12.5%;
  }
      .col-05 {
	  width:0.5%;
  }
    .col-1 {
	  width:1%;
  }
      .col-2 {
	  width:2%;
  }
    .col-5 {
	  width:5%;
  }
  .col-10 {
	  width:10%;
  }
    .col-15 {
	  width:15%;
  }
    .col-20 {
	  width:20%;
  }
      .col-28 {
	  width:28%;
  }
  .col-25 {
	  width:25%;
  }
    .col-33 {
	  width:33.33333333333333%;
  }
        .col-65 {
	  width:65%;
  }
      .col-66 {
	  width:66.6666666666666666666%;
  }
      .col-30 {
	  width:30%;
  }
    .col-50 {
	  width:50%;
  }
      .col-40 {
	  width:40%;
  }
      .col-60 {
	  width:60%;
  }
      .col-70 {
	  width:70%;
  }
        .col-75 {
	  width:75%;
  }
      .col-80 {
	  width:80%;
  }
      .col-90 {
	  width:90%;
  }
    .col-100 {
	  width:100%;
  }
  
}

  
  
  .mid {
	vertical-align:middle;
}
.bot {
	vertical-align:bottom;
}
.top {
	vertical-align: top;
  }
  		.mshow {
		display:none;
	}