.main-container{
	margin: 0 auto;
	width: 636px;
	height: 450px;
}

.inline-label{
	margin: 0px;
}

#map_canvas{
    height: 300px;
    border-radius: 5px;
}

.info-text{
	font-size: 18px;
	color: #888;
	font-weight: bold;
	padding: 10px 0px;
	text-align: right;
}

.small-bubble{
	font-size: 21px;
	color: #888888;
	font-weight: bold;
	padding: 7px 40px 7px 40px;
	display: inline-block;
	border: 1px solid #AAAAAA;
	border-radius: 5px;
	text-align: center;
	background-color: #FFFFFF; 
}

.big-bubble{
	min-height: 50px;
	padding: 5px;
	background-color: #ffffff;
	border-radius: 5px;
	border: 1px solid #f3f3f3;
	text-align: center;
	box-shadow: 0 0 10px #888888;
}

#error{
    color: #B94A48;
}

#step1,
#step2,
#step3,
#animation,
#success,
#error{
	display: none;
}

.vehicle-inputs{
	display: none;
}

#to_city{
	border-bottom-right-radius: 5px !important;
	border-top-right-radius: 5px !important;
}

#step2{
	background: url('../jpg/quote-weight-image-step3.jpg') no-repeat 50% 35%;
	height: 450px;
}

#truck-open{
	display: inline-block;
	width: 80px;
	height: 40px;
	line-height: 25px;
	vertical-align: text-top;
	background-image: url("../png/trucks.png");
	background-position: 0px 0px;
	background-repeat: no-repeat;
	margin-top: -10px;
	margin-left: 10px;
}

#truck-enclosed{
	display: inline-block;
	width: 80px;
	height: 36px;
	line-height: 14px;
	vertical-align: text-top;
	background-image: url("../png/trucks.png");
	background-position: 0px -45px;
	background-repeat: no-repeat;
	margin-top: -10px;
	margin-left: 10px;
}

#terms{
	cursor: pointer;
}

#info{
	cursor: pointer;
	width: 16px;
	margin-top: 7px;
}

.popover{
	top: -214px !important;
	left: -203px !important;
	width: 432px !important;
	max-width: none !important;
}

#top{
	width:100%;
	height:240px;
	background: url('../jpg/top.jpg') no-repeat;
	background-position: 200px 0px;
}

#bottom{
	width:100%;
	height:106px;
	background: url('../jpg/bottom.jpg');
}

#truck{
	margin-top:-70px;
	margin-left:100px;
}