@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: 205px;
	}
	
	#BillingStateProvince.span2, #BillingCountryCode.span2{
		width:220px;
		height:30px;
	}
	
	a.span1 {
		width: 94px;
	}
	
	a.span1.strech{
		width:120px;
		padding:12px;
	}
	
	.browsers li.span1{
		width:80px;
	}
	
	.browsers li.moz{
		width:105px;
	}
	
	.browsers li.ie{
		width:95px;
	}
	
	.browsers li.chr{
		width:90px;
	}
	
	.modal{
		width:600px;
	}
	
}

@media (max-width: 767px){
	
	body{
		background:none !important;
	}
	#container{
		width:100% !important;
	}
	
	label.span1{ width:25% !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;
	}
	
	.browsers li.span1{
		width:30%;
	}
	
	.btn-continue{
		width:35%;
	}
}

@media (max-width: 979px) and (min-width: 768px){
	#container{ width:700px !important; }
	
	a.span1 { width: 65px; }
	
	a.strech{ width:120px;}
	
	section.Field.span3,section.Field.span2{ width:100%;}
	
	input.span2, textarea.span2, .uneditable-input.span2 {
		width: 150px !important;
	}
	
	#BillingStateProvince.span2, #BillingCountryCode.span2{
		width:165px !important;
		height:30px;
	}
}

@media only screen and (max-width: 480px) {
	section.Field.span3,section.Field.span2{ width:100%;}
	
	.browsers li.span1{
		width:40%;
	}
	
	.browsers li.moz{
		width:47%;
	}
	
	.browsers li.opr{
		width:38%;
	}
}