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

/* ALL MEDIA CUSTOM STYLES */

@media (min-width: 1200px){

	#UnitPriceText.span1{ width:10%; }
	label.OthlblDf{ width:80px;}

	input.span2, textarea.span2, .uneditable-input.span2 {
		/*width: 185px;*/
	}

	section.res-billing-address{
		/*width:396px;*/
	}

	section.res-address-right{
		/*margin-left:15px;*/
	}

	#BillingAddress1.span4, #BillingAddress2.span4{
		width:100%;
	}

	#BillingStateProvince.span2, #BillingCountryCode.span2{
		width:198px;
		height:30px;
	}

	a.span1 {
		width: 94px;
	}

	a.span1.strech{
		width:120px;
		padding:12px;
	}

}

@media (max-width: 767px){

	body{
		background:none !important;
	}
	#container{
		width:100% !important;
	}

	label.span1{ width:20% !important; float:left !important;}

	section.Field.span3,section.Field.span2{ width:45%;}

	input.span2, textarea.span2, .uneditable-input.span2 {
		/*width: 205px;*/
	}

	#BillingStateProvince.span2, #BillingCountryCode.span2{
		width:220px;
		height:30px;
	}
}

@media (max-width: 979px) and (min-width: 768px){
	#container { width:700px !important; }
	.span3 { width: 220px; }
	a.span1 { width: 65px; }
	a.strech { width:120px; }

	section.Field.span3,section.Field.span2 { width:100%; }

	#BillingInfo .uneditable-input {
		/*width: 150px !important;*/
		/*outline: 1px solid red;*/
		width: 80%;
	}

	#BillingStateProvince.span2, #BillingCountryCode.span2{
		width:165px !important;
		height:30px;
	}
}

@media only screen and (max-width: 480px) {
	section.Field.span3,section.Field.span2{ width:100%;}
}