/**--first of all we add a reset to kill any dodgey spacing issues which usually arise from this type of thing--**/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

/*--these styles are specific for the display cart page--**/

/*-- This container width will display by default for the display resolutions of widths 1024px and above
     1366 x 768
	 1360 x 768
	 1280 x 768
	 1280 x 720
	 1280 x 600
--*/

.clear {
  clear:both;
}



.cart-form-group {
  margin-top: 1.0rem;
}

.cart-form-group .nice-select {
  -webkit-tap-highlight-color: transparent;
  background-color: #fff;
  border-radius: 5px;
  border: solid 1px #e8e8e8;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-size: 15px;
  font-weight: normal;
  height: 42px;
  line-height: 40px !important;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: auto;
  margin-bottom: 16px;
}







/*--coupon code styling--*/
.couponArea {
  /*background:url(../vecom-img/cutting_out_coupon.jpg) 25px 50px no-repeat;*/
  border: 0px dotted #666;
  float:left;
  min-height: 130px;
  margin-bottom:15px;
  position:relative;
  width:400px;
}

.couponArea h3 {
  font-size: 14px;
  font-weight: bold;
  margin-left: 20px;
  padding: 5px;
  width: 200px;
}

.couponSuccess {
  border-radius: 5px;
  color: #27b356;
  font-size: 0.9em;
  height: 30px;
  margin-bottom: 10px;
  margin-top: 20px;
  padding-left: 1px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  width: 356px;
}

.couponSuccess p { 
  padding-left:30px;
  background:url(../vecom-img/success.png) 3px center no-repeat;
}

.coupon-fail-hide {
  display:none;
  border-radius: 5px;
  color: #FF0000;
  font-size: 0.9em;
  height: 30px;
  line-height: 0em;
  margin-bottom: 10px;
  /* margin-left: 15px; */
  margin-top: 20px;
  padding-left: 4px;
  width: 356px;
}
.coupon-fail-show {
  display:block;
  border-radius: 5px;
  color: #FF0000;
  font-size: 0.9em;
  height: 30px;
  line-height: 0em;
  margin-bottom: 10px;
  /* margin-left: 15px; */
  margin-top: 20px;
  padding-left: 4px;
  width: 356px;
}

.couponFail p {
  padding-left:30px;
  background:url(../vecom-img/error.png) 3px center no-repeat;
}

.couponNon {
  height:30px;
  width:90%;
  background:url(../vecom-img/couponwarn.jpg);
  border-radius: 5px; 
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px; 
  line-height:2.2em;
  font-size:15px;
  position:absolute;
  bottom:10px;
  left:25px;
}

.couponNon p {
  padding-left:30px;
  background:url(../vecom-img/warning.png) 3px center no-repeat;
}

.inputCoupon {
  position:absolute;
  left:25px;
  height: 40px;
  width:366px;
}

.couponMain {
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  display: block;
  float: left;
  height: 30px;
  margin-right: 5px;
  outline: medium none;
  width: 212px;
}

.couponMain:hover {
  border:1px solid #666;
}

input.couponClick {
  display: block;
  color: #fff;
  cursor: pointer;
  float: left;
  height: 28px;
  outline: none;
  border: none;
  background: #0083C1;
  margin-top: 1px;
  width: 90px;
}

.couponAreaOff {
  float:left;
  height:25px;
  position:relative;
  width:49%;
}
/*--end coupon styling--*/








/************************************************************************************
MEDIA QUERIES
*************************************************************************************/

/* between 1024px to 800px for ipad in landscape view */
@media only screen and (max-width: 1024px) and (min-width: 800px)  {
	
	.cart-form-group {
	  margin-top: 0.0rem;
	}

	.order_qualifies_for_free_shipping {
	  padding:4px;
	  width:100%;
	}	
	
}


/* for 980px or less */
@media only screen and (max-width: 800px) and (min-width: 460px)  {

	.cart-form-group {
	  margin-top: 0.0rem;
	}

	.order_qualifies_for_free_shipping {
		padding:4px;
		width:100%;
	}
	
}

	
@media screen and (max-width: 460px) {
	
	.cart-form-group {
	  margin-top: 0.0rem;
	}
	
	.order_qualifies_for_free_shipping {
		padding:4px;
		width:100%;
	}
	

}