#totshippingpreview{
		font-weight:bold;
		display: block;
		margin-bottom: 9px;
		margin-top: 9px;
	}

	#shipping_before{
		margin-bottom:10px;
	}

	#shipping_after{
		margin-top:10px;
		clear: both;
	}

	#shipping_before p, #shipping_after p{
		margin: 0px;
		padding: 0px;
	}

	#order #totshippingpreview{
		width:100%;
		text-align:center;
	}
	#totcamion{
		display:inline-block;
		margin-right:3px;
	}

	#shipping_after {
		text-align: left;
		margin-top: 40px;
	}

	#totselectzone{
		max-height: 400px;
		width: 700px;
	}

	#totselectzone label{
		font-weight: bold;
		line-height: 18px;
	}

	#totselectzone select{
		margin-left: 40px;
		width: 250px
	}

	#shipping_zone{
		margin-top: 30px;
		width: 500px;
		margin: 30px auto 0;
	}

	.tottable{
		border-collapse: collapse;
		width: 80%;
		margin: auto;
		margin-top: 10px;
	}
	.tottable tr td{
		text-align:left;
		padding: 5px;
		border: 1px solid #555;
	}

	.tottable .fees{
		text-align:center;
	}

	.tottable th{
		font-weight:bold;
		padding-bottom: 5px;
		text-align: center;
	}

	.shippingfeetable{
		margin-top: 20px;
	}

	.choice_2{
		display: none;
		margin-top: 5px;
	}

@media screen and (min-width: 200px) and (max-width: 680px) {
	#totselectzone {
    	max-height: 500px;
    	width: 100%;
    }

	#shipping_zone{
    	text-align: center;
    	margin-top: 30px;
    	width: 100%;
    	margin: 30px auto 0;
	}
	#shipping_zone label{
		text-transform: uppercase;
		text-align: center;
	}
	#totselectzone select{
		margin-left: 0;
	}

	#shipping_before{
		margin: auto;
    	width: 100%;
	}
	#shipping_before > p{
		font-size: 10px;
    	text-align: center;
    	text-transform: uppercase;
	}

	select#tot_zone{
		padding: 5px;
    	border: 1px solid #ccc;
	}

	.tottable{
		 width: 99%;
	}
	.tottable tr td{
		text-align: center;
	}
	.choice_2{
		margin-top: 10px;
	}
	.choice_2 #tot_zone_2{
		padding: 5px;
    	border: 1px solid #ccc;
	}

}