body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: Roboto;
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	color: #000;
	overflow-x: hidden;
}

.container {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
  }
  
main {
	flex: 1;
}

p {
	font-weight: 300;
	line-height: 1.5;
	font-weight: 500;
	color: #2f72ad;
	font-size: 14px;
}

h3 {
	font-weight: 600;
	margin-top: 0;
}

a {
	outline: none;
	color: #00539b;
	cursor: pointer;
}

button {
	cursor: pointer;
	outline: none;
}

.heading1 {
	margin-top: 20px;
	margin-bottom: 35px;
	text-align: center;
	font-size: 26px;
	font-weight: 500;
	width: 100%;
	border: solid 0px #0F0;
}

.heading2 {
	margin-top: 40px;
	margin-bottom: 35px;
	text-align: center;
	font-size: 26px;
	font-weight: 500;
	width: 100%;
	border: solid 0px #0F0;
}

.btn-back {
	margin-top: 20px;
	margin-left: 50px;
	width: 60px;
	border: solid 0px #f00;
}

#main-container-hp {
	border: solid 0px #0f0;
	width: 990px;
	margin-left: auto;
	margin-right: auto;
}

input {
	font-size: 15px;
}

/*--top header-------------------*/
.wr-header {
	top: 0px;
	background-color: #00539b;
	width: 100%;
	text-align: center;
	display: block;
	height: 111px;
	overflow-anchor: none;
}

.wr-logo-caa {
	float: left;
	margin-left: 100px;
	border: solid 0px;
	margin-top: 20px;
}

.wr-logo-roadside-assitance {
	float: right;
	margin-right: 100px;
	margin-top: 0px;
}

/*---landing page popup blue - Overlay Popup on landing page---*/
.wr-container {
	width: 100%;
	height: 100%;
	border: solid 0px;
}

#wr-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: transparent;
	z-index: 2;
	opacity: 0.97;
	margin-top: 105px;
}

.wr-myDiv {
	position: relative; /*Parent MUST be relative*/
	z-index: 9;
	background-color: #00539b;
	text-align: center;
	color: #FFF;
	padding-top: 20px;
	/*Set width/height of the div in 'parent'*/
	width: 100%;
	height: 43%;
	opacity: 100%;
}

.wr-myDiv:before {
	content: "";
	position: absolute; /*set 'child' to be absolute*/
	z-index: -1; /*Make this lower so text appears in front*/
	/*You can choose to align it left, right, top or bottom here*/
	top: 0;
	right: 0;
	bottom: 60%;
	left: 0;
	background-color: rgba(0, 83, 155);
	height: 425px;
}

#wr-text {
	font-size: 50px;
	color: white;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
}
/* end of overlay */

/*--landing page popup blue-------------------*/
.wr-icon-truck {
	margin-left: auto;
	margin-right: auto;
	width: 110px;
	height: 75px;
}

.wr-txt-welcome1 {
	font-size: 24px;
	font-family: Roboto;
	font-weight: 500;
	margin-top: 5px;
}

.wr-txt-welcome2 {
	font-size: 17px;
	font-family: Roboto;
	font-weight: 400;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	border: solid 0px;
}

.wr-txt-welcome3 {
	font-size: 20px;
	font-family: Roboto;
	font-weight: 600;
	margin-top: 10px;
	margin-bottom: 40px;
}

.block-active-request {
	font-weight: 600;
	text-decoration: underline;
	width: 315px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

.block-img-truck {
	float: left;
	background-size: cover;
	background-image: url(../images/icon-circle-truck-1.png);
	border: solid 0px #fff;
	width: 50px;
	height: 50px;
	margin-right: 10px;
}

.txt-block-active-request {
	width: 50px;
	height: 22px;
	border: solid 0px #000;
	padding-top: 28px;
	float: left;
	font-size: 12px;
	text-align: center;
}

.txt-active-request {
	height: 30px;
	padding-top: 12px;
	border: solid 0px #f00;
	cursor: pointer;
	width: 315px;
	text-align: left;
}

.wr-btn-roadside-assistance {
	text-align: center;
	margin-top: 60px;
	cursor: pointer;
	border: solid 0px;
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	outline: none;
}

.block-btn-rra {
	background-color: white;
	border: none;
	color: #00539b;
	padding: 10px 10px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 2px;
	cursor: pointer;
	border-radius: 5px;
}

.button-rra {
	width: 450px;
	outline: none;
}

.block-active-request {
	font-weight: 600;
	text-decoration: underline;
	width: 315px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

.block-img-truck {
	float: left;
	background-size: cover;
	background-image: url(../images/icon-circle-truck-1.png);
	border: solid 0px #fff;
	width: 50px;
	height: 50px;
	margin-right: 10px;
}

.txt-block-active-request {
	width: 50px;
	height: 22px;
	border: solid 0px #000;
	padding-top: 28px;
	float: left;
	font-size: 12px;
	text-align: center;
}

.txt-active-request {
	height: 30px;
	padding-top: 10px;
	border: solid 0px #f00;
	cursor: pointer;
	width: 315px;
	text-align: left;
}

.wr-call-desktop {
	font-size: 17px;
	font-family: Roboto;
	color: #fff;
	font-weight: 400;
	margin-top: 10px;
	display: !important;
}

.wr-call-mobile {
	font-size: 17px;
	font-family: Roboto;
	color: #fff;
	font-weight: 400;
	margin-top: 20px;
	display: none;
}

.clear {
	clear: both;
}

.imp-note {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 770px;
	border: solid 0px #f00;
	font-size: 12px;
	margin-top: 50px;
}

.top-margin {
	margin-top: 150px;
}

.image-top-margin-location-type {
	margin-top: 25px;
	margin-bottom: 0px;
	height: 50px;
}

.image-top-margin {
	margin-top: 30px;
	margin-bottom: 10px;
}

.container9-locatin-type {
	width: 660px;
	height: 200px;
	border: solid 0px #000;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	border: solid 0px #000;
}

.container1 {
	width: 990px;
	height: 200px;
	border: solid 0px #000;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}

.container-box1 {
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	align-items: center;
	flex-direction: row;
	justify-content: space-evenly;
	border: solid 0px #000;
	font-size: 13px;
}

.container-box1 div {
	border: solid 1px silver;
	text-align: center;
	box-shadow: 2px 2px 4px 2px #dbdbdb;
	width: 140px;
	height: 140px;
	padding: 20px;
}

.container2 {
	width: 777px;
	height: 200px;
	border: solid 0px #000;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 25px;
}

.container-box2 {
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	align-items: center;
	flex-direction: row;
	justify-content: space-evenly;
	border: solid 0px #000;
	font-size: 13px;
}

.container-box2 div {
	border: solid 1px silver;
	text-align: center;
	box-shadow: 2px 2px 4px 2px #dbdbdb;
	width: 140px;
	height: 140px;
	padding: 20px;
}

.container3-battery {
	width: 990px;
	border: solid 0px #000;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	border: solid 0px #000;
}

.container-box3 {
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	align-items: center;
	flex-direction: row;
	justify-content: space-evenly;
	border: solid 0px #000;
	font-size: 13px;
}

.container-box3 div {
	border: solid 1px silver;
	text-align: center;
	box-shadow: 2px 2px 4px 2px #dbdbdb;
	width: 140px;
	height: 140px;
	padding: 20px;
}

.container4-lockedout {
	width: 990px;
	border: solid 0px #000;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	border: solid 0px #000;
}

.container-box4 {
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	align-items: center;
	flex-direction: row;
	justify-content: space-evenly;
	border: solid 0px #000;
	font-size: 13px;
}

.container-box4 div {
	border: solid 1px silver;
	text-align: center;
	box-shadow: 2px 2px 4px 2px #dbdbdb;
	width: 140px;
	height: 140px;
	padding: 20px;
}

.container5-type-of-fuel {
	width: 990px;
	height: 200px;
	border: solid 0px #000;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	height: 400px;
	border: solid 0px #000;
}

.container-box5 {
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	align-items: center;
	flex-direction: row;
	justify-content: space-evenly;
	border: solid 0px #000;
	font-size: 13px;
}

.container-box5 div {
	border: solid 1px silver;
	text-align: center;
	box-shadow: 2px 2px 4px 2px #dbdbdb;
	width: 140px;
	height: 140px;
	padding: 20px;
}

/*Flat Tire-----------------*/
.container6-flat-tire {
	width: 460px;
	border: solid 0px #000;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	border: solid 0px #000;
}

.container-flat-tire {
	border: solid 0px #000;
	width: 450px;
	height: 350px;
	margin-left: auto;
	margin-right: auto;
}

.row-left {
	width: 70px;
	height: 300px;
	border: solid 0px #f00;
	margin-right: 5px;
	float: left;
}

.block-icon-check {
	border: solid 0px #000;
	width: 70px;
	height: 47px;
	margin-top: 30px;
}

.icon-unchecked-front-left {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	cursor: pointer;
}

.box-empty-flat-tire {
	width: 70px;
	height: 140px;
	border: solid 0px #000;
}

.rear-left {
	border: solid 0px #000;
	width: 70px;
	height: 47px;
}

.icon-unchecked-rear-left {
	display: block;
	margin-left: auto;
	margin-right: auto;
	cursor: pointer;
}

.row-center {
	width: 280px;
	height: 334px;
	border: solid 0px #f00;
	float: left;
	background-image: url(/images/car-image.png);
	background-repeat: no-repeat;
	background-position: center;
}

.row-right {
	width: 80px;
	height: 300px;
	border: solid 0px #f00;
	margin-right: 0px;
	float: right;
}

.front-right {
	border: solid 0px #000;
	width: 70px;
	height: 47px;
	margin-top: 30px;
}

.icon-unchecked-front-right {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	cursor: pointer;
}

.rear-left {
	border: solid 0px #000;
	width: 70px;
	height: 47px;
}

.icon-unchecked-rear-right {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	cursor: pointer;
}

.txt-block-need-air {
	width: 448px;
	border-top: solid 1px #ccc;
	border-bottom: solid 0px #ccc;
	padding-top: 15px;
	padding-bottom: 5px;
	margin-bottom: 0px;
}

.line-separator {
	width: 448px;
	border-top: solid 1px #ccc;
	padding-bottom: 15px;
	margin-top: 15px;
}

.txt-need-air {
	float: left;
	text-size: 14px;
}

.img-check-uncheck {
	float: right;
	cursor: pointer;
}

.txt-block-spare-tire {
	width: 448px;
	border-top: solid 0px #ccc;
	border-bottom: solid 0px #ccc;
	padding-top: 30px;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.txt-spare-tire {
	float: left;
	text-size: 14px;
}

.txt-front-left-tire {
	font-size: 14px;
	margin-left: 0px;
	text-align: center;
}

.txt-front-right-tire {
	font-size: 14px;
	margin-left: 0px;
	text-align: center;
}

.txt-rear-left-tire {
	font-size: 14px;
	margin-left: 0px;
	text-align: center;
}

.txt-rear-right-tire {
	font-size: 14px;
	margin-left: 0px;
	text-align: center;
}

.front-left-tire {
	margin-left: 70px;
	margin-top: 30px;
	float: left;
	border: solid 0px;
}

.front-right-tire {
	margin-left: 94px;
	margin-top: 29px;
	float: left;
	border: solid 0px #f00;
}

.rear-left-tire {
	margin-left: 70px;
	margin-top: 144px;
	float: left;
	border: solid 0px;
}

.rear-right-tire {
	margin-left: 94px;
	margin-top: 144px;
	float: left;
	border: solid 0px #f00;
}

.img-front-left-tire {
	width: 24px;
	height: 62px;
}

.img-front-right-tire {
	width: 24px;
	height: 62px;
}

.img-rear-left-tire {
	width: 24px;
	height: 62px;
}

.img-rear-right-tire {
	width: 24px;
	height: 62px;
}

.block-button-confirm-flat-tire {
	margin-left: auto;
	margin-right: auto;
	width: 78%;
}

.btn-confirm-flat-tire {
	background-color: #00539b;
	border: none;
	color: #fff;
	padding: 10px 10px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 2px;
	cursor: pointer;
	border-radius: 5px;
	width: 350px;
	outline: none;
}

.btn-back-arrow {
	float: left;
	margin-top: 20px;
	margin-left: 20px;
	display: none;
	cursor: pointer;
}

/*Select Breakdown Location---------------------*/
.container7-breakdown-location {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	border: solid 0px #000;
}

.block-input {
	width: 500px;
	height: 33px;
	border-radius: 5px;
	border: solid 1px #ccc;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}

.box-search {
	width: 40px;
	height: 25px;
	border: solid 0px #f00;
	float: left;
	margin-top: 6px;
}

.input-box {
	width: 80%;
	height: 20px;
	text-align: left;
	float: left;
	border: solid 0px;
	outline: none;
	margin-top: 6px;
}

.box-delete {
	width: 40px;
	height: 25px;
	border: solid 0px #f00;
	float: right;
	margin-top: 6px;
}

.allow-access {
	width: 225px;
	height: 35px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 30px;
	border: solid 0px #000;
	cursor: pointer;
}

.box-target-cross {
	float: left;
	margin-right: 20px;
	margin-top: 0px;
}

.text-location-access {
	padding-top: 8px;
}

.block-btn-confirm-breakdown-location {
	width: 100%;
	margin-bottom: 15px;
	text-align: center;
}

.button-confirm-breakdown-location {
	background-color: #00539b;
	border: none;
	color: #fff;
	padding: 10px 10px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 2px;
	cursor: pointer;
	border-radius: 5px;
	width: 350px;
}

.text-note {
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	border: solid 0px #000;
	text-align: center;
	color: #a6a6a6;
	margin-bottom: 10px;
}

.text-note-mobile {
	width: 280px;
	margin-left: auto;
	margin-right: auto;
	border: solid 0px #000;
	text-align: center;
	color: #a6a6a6;
	margin-bottom: 10px;
	font-size: 12px;
	display: none;
}

.txt-current-address {
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	border: solid 0px #000;
	text-align: center;
	font-weight: 500;
	margin-bottom: 15px;
}

.txt-address {
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	border: solid 0px #000;
	text-align: center;
	font-weight: 600;
	margin-bottom: 10px;
}

.map-google {
	width: 80%;
	height: 380px;
	margin-left: auto;
	margin-right: auto;
	border: solid 1px #ccc;
	padding: 5px;
	margin-bottom: 10px;
}

/*What type of location---------------------*/
#main-container-location-type {
	border: solid 0px #0f0;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.container8-locatin-type {
	width: 990px;
	height: 400px;
	border: solid 0px #000;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	border: solid 0px #000;
}

.container-box8-location-type {
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	align-items: center;
	flex-direction: row;
	justify-content: space-evenly;
	border: solid 0px #000;
	font-size: 13px;
	margin-bottom: 44px;
	width: 750px;
	margin-left: auto;
	margin-right: auto;
}

.container-box8-location-type div {
	border: solid 1px silver;
	text-align: center;
	box-shadow: 2px 2px 4px 2px #dbdbdb;
	width: 140px;
	height: 140px;
	padding: 20px;
}

/*End What type of location---------------------*/
.image-top-margin {
	margin-top: 30px;
	margin-bottom: 10px;
}

.image-top-margin-battery {
	margin-top: 5px;
	margin-bottom: 0px;
	height: 40px
}

.item-1 {
	text-decoration: none;
}

.item-2 {
	text-decoration: none;
}

.item-3 {
	text-decoration: none;
}

.item-4 {
	text-decoration: none;
}

.item-5 {
	text-decoration: none;
}

.item-6 {
	text-decoration: none;
}

.item-7 {
	text-decoration: none;
}

/*Tow Destination-------------*/
#main-container-tow-destination {
	border: solid 0px #0f0;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.container-tow-destination {
	width: 92%;
	border: solid 0px #000;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
}

.block-input-tow-destination {
	width: 500px;
	height: 33px;
	border-radius: 5px;
	border: solid 1px #ccc;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}

.input-box-tow-destination {
	width: 86%;
	height: 21px;
	text-align: left;
	float: left;
	border: solid 0px;
	outline: none;
	margin-top: 6px
}

.text-note-tow-destination {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	border: solid 0px #000;
	text-align: center;
	margin-bottom: 10px;
}

.txt-suggested-destinations {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	border: solid 0px #000;
	text-align: center;
	font-weight: 600;
	margin-bottom: 10px;
}

.map-google-tow-destination {
	width: 645px;
	height: 230px;
	margin-left: auto;
	margin-right: auto;
	border: solid 1px #ccc;
	padding: 5px;
	margin-bottom: 10px;
}

.block-textarea {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	width: 640px;
	max-height: 175px;
	border: solid 0px #ccc;
	overflow-y: scroll;
	overflow-x: hidden;
	padding: 10px;
}

.block-aar-list {
	width: 100%;
	height: 70px;
	border-top: solid 1px #ccc;
	border-bottom: solid 0px #ccc;
}

.block-img-aar {
	float: left;
	margin-right: 10px;
	margin-top: 6px;
}

.img-aar {
	width: 35px;
	height: 40px;
}

.block-aar-detail {
	float: left;
	font-weight: 500;
	width: 575px;
}

.name-aar {
	margin-top: 7px;
	color: #000;
	font-size: 15px;
	font-weight: 500;
	width: 500px;
	display: block;
	float: left;
}

.address-tow-destination-aar {
	float: left;
	font-size: 12px;
	font-weight: 400;
	width: 500px;
	color: #000;
}

.block-aar-desitance {
	float: right;
	width: 50px;
}

.text-arr-distance {
	font-size: 10px;
	margin-top: 10px;
	margin-bottom: 0px;
	color: #9c9c9c;
	float: right;
}

.img-next-arrow {
	float: right;
	margin-top: 11px;
	margin-left: 5px;
}

.color-closed {
	color: red;
	font-size: 11px;
	text-align: right;
	margin-right: 0px;
}

.color-open {
	color: green;
	font-size: 11px;
	text-align: right;
	margin-right: 0px;
}

.block-address-aar {
	width: 575px;
	border: solid 0px #f00;
	float: left;
	margin-top: 3px;
}

.block-name-aar {
	width: 575px;
	border: solid 0px #f00;
	float: left;
	margin-top: 3px;
}

::-webkit-input-placeholder {
	color: #00539b;
	opacity: 1;
}

:-moz-placeholder {
	color: #00539b;
}

:-ms-input-placeholder {
	color: #00539b;
}

/*Sign in ------------------*/
.container-signin {
	width: 700px;
	height: 100%;
	border: solid 0px #000;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
}

.empty-block-signin {
	margin-top: 20px;
	margin-left: 20px;
	width: 60px;
	border: solid 0px #f00;
	display: block;
}

.truck-image {
	width: 100%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.text-caa-roadside-assistance {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	border: solid 0px #000;
	text-align: center;
	margin-bottom: 15px;
}

.text-caa-signin {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	border: solid 0px #000;
	text-align: center;
	margin-bottom: 10px;
	font-size: 16px;
}

.heading-roadside-assistance {
	margin-top: 20px;
	margin-bottom: 5px;
	text-align: center;
	font-size: 26px;
	font-weight: 500;
	width: 100%;
	border: solid 0px #0F0;
}

.heading-signin {
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 20px;
	font-weight: 500;
	width: 100%;
	border: solid 0px #0F0;
}

.heading-membership-number {
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	margin-bottom: 10px;
	width: 100%;
	border: solid 0px;
	margin-left: auto;
	margin-right: auto;
}

.block-membership-number {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	width: 345px;
	height: 50px;
	border: solid 0px #f00;
}

.block-input1 {
	width: 50px;
	height: 50px;
	border-radius: 3px;
	margin-right: 15px;
	float: left;
}

.input-1 {
	width: 46px;
	height: 46px;
	text-align: center;
	border: solid 1px #ccc;
	border-radius: 5px;
	outline: none;
	outline: none;
}

.block-input2 {
	width: 50px;
	height: 50px;
	border-radius: 3px;
	margin-right: 15px;
	float: left;
}

.input-2 {
	width: 46px;
	height: 46px;
	text-align: center;
	border: solid 1px #ccc;
	border-radius: 5px;
	outline: none;
	outline: none;
}

.block-input3 {
	width: 150px;
	height: 50px;
	border-radius: 3px;
	margin-right: 15px;
	float: left;
	border: solid 0px #000;
	font-size: 13px;
}

.input-3 {
	width: 146px;
	height: 46px;
	text-align: center;
	border: solid 1px #ccc;
	border-radius: 5px;
	outline: none;
	outline: none;
}

.block-input4 {
	width: 50px;
	height: 50px;
	border-radius: 3px;
	float: left;
}

.input-4 {
	width: 46px;
	height: 46px;
	text-align: center;
	border: solid 1px #ccc;
	border-radius: 5px;
	outline: none;
	outline: none;
}

.heading-postal-code {
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	margin-bottom: 10px;
	width: 150px;
	margin-left: auto;
	margin-right: auto;
}

.block-input-postal-code {
	width: 134px;
	height: 50px;
	border-radius: 3px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	border: solid 0px #000;
}

.input-postal-code {
	width: 130px;
	height: 46px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	border: solid 1px #ccc;
	border-radius: 5px;
	outline: none;
	outline: none;
}

.block-btn-signin {
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}

.button-signin {
	background-color: #00539b;
	border: none;
	color: #fff;
	padding: 10px 10px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 2px;
	cursor: pointer;
	border-radius: 5px;
	width: 346px;
}

/*aar Details------------------*/
.container-aar-detail {
	width: 100%;
	height: 100%;
	border: solid 0px #000;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}

.heading-aar-name {
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
	font-size: 26px;
	font-weight: 500;
	width: 45%;
	border: solid 0px #0F0;
	margin-left: auto;
	margin-right: auto;
}

.block-aar-address {
	width: 600px;
	border: solid 0px;
	margin-left: auto;
	margin-right: auto;
}

.logo-aar {
	width: 90px;;
	max-width: 15% !important;
	float: left;
	margin-right: 10px;
	border: solid 0px #f00;
}

.aar-logo {
	width: 90%;
}

.block-aar-detail-address {
	width: 70%;
	border: solid 0px #f00;
	float: left;
	margin-bottom: 10px;
}

.address-aar1 {
	margin-bottom: 3px;
	float: left;
}

.km {
	width: 50px;
	color: #939393;
	font-weight: 500;
	font-size: 12px;
	margin-top: 10px;
	float: right;
	display: none;
}

.phone-aar {
	margin-bottom: 3px;
}

.web-aar {
	margin-bottom: 10px;
}

.timing-aar {
	margin-bottom: 30px;
}

.color-closed-aar {
	color: red;
	margin-right: 0px;
}

.color-open-aar {
	color: green;
	margin-right: 0px;
}

.block-btn-confirm-aar-detail {
	float: right;
}

.button-confirm-aar-detail {
	background-color: #00539b;
	border: none;
	color: #fff;
	padding: 10px 10px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 2px;
	cursor: pointer;
	border-radius: 5px;
	width: 250px;
}

.heading-offers-members {
	font-weight: 600;
	margin-bottom: 6px;
}

.offers-members-details {
	margin-bottom: 10px;
}

.block-week-timing {
	width: 100%;
	border-bottom: solid 1px #ccc;
	padding-top: 13px;
	height: 30px;
}

.border-top {
	border-top: solid 1px #ccc;
}

.text-name-week {
	width: 50%;
	float: left;
}

.text-timing {
	width: 50%;
	float: right;
	text-align: right;
}

.block-button-aar-detail {
	float: right;
	margin-top: 10px;
	width: 100%;
	border: solid 0px;
	margin-bottom: 20px;
}

.color-closed-aar1 {
	color: red;
	margin-right: 0px;
	float: right;
}

.link-skip-this-step {
	float: left;
	margin-top: 15px;
	margin-left: 170px;
}

/*Select your vehicle------------------*/
.container-select-vehicle {
	width: 72%;
	border: solid 0px #000;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	height: auto;
}

.row-select-vehicle {
	height: auto;
	margin-bottom: 30px;
	width: 950px;
	border: solid 0px #f00;
	overflow-y: auto;
	overflow-x: hidden;
	margin-right: auto;
	margin-left: auto;
}

.box-vehicle-detail1 {
	border: solid 1px #ccc;
	width: 28%;
	height: 34%;
	padding: 5px;
	float: left;
	margin-right: 50px;
	margin-left: 5px;
	margin-bottom: 30px;
}

.box-vehicle-detail2 {
	border: solid 1px #ccc;
	width: 28%;
	height: 34%;
	padding: 5px;
	float: left;
	margin-right: 50px;
	margin-bottom: 30px;
}

.box-vehicle-detail3 {
	border: solid 1px #ccc;
	width: 28%;
	height: 34%;
	padding: 5px;
	float: left;
	margin-bottom: 30px;
}

.block-pic {
	width: 100px;
	height: 100px;
	border: solid 1px;
	float: left;
}

.txt-year {
	margin-left: 10px;
	font-size: 13px;
	float: left;
	width: 32%;
}

.txt-name {
	margin-left: 10px;
	font-size: 13px;
	width: 46%;
	height: 33px;
	margin-bottom: 10px;
	float: left;
}

.block-btn-select-vehicle {
	float: left;
	width: 32%;
	margin-left: 10px;
}

.button-select {
	background-color: #00539b;
	border: none;
	color: #fff;
	padding: 7px 7px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 13px;
	margin: 4px 2px;
	cursor: pointer;
	border-radius: 5px;
	width: 100%
}

.block-car-pic {
	background-image: url(/images/img-car-mb1.png);
	width: 100px;
	height: 100px;
	background-repeat: no-repeat;
	float: left;
}

.color-dot {
	float: right;
	margin-top: 70px;
	padding-right: 5px;
}

.block-btn-add-vehicle {
	width: 100%;
	margin-bottom: 15px;
	text-align: center;
}

.button-add-vehicle {
	background-color: #00539b;
	border: none;
	color: #fff;
	padding: 10px 10px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 2px;
	cursor: pointer;
	border-radius: 5px;
	width: 350px;
}

/*Confirm your contact information------------------*/
.container-contact-information {
	width: 550px;;
	border: solid 0px #000;
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	height: auto;
}

.heading-contact-information {
	margin-top: 20px;
	margin-bottom: 35px;
	text-align: center;
	font-size: 26px;
	font-weight: 500;
	width: 100%;
	border: solid 0px #0F0;
}

.txt-provide-phone-number {
	font-size: 14px;
	text-align: left;
	margin-bottom: 5px;
}

.btn-cancel {
	margin-top: -20px;
	width: 60px;
	border: solid 0px #f00;
	float: right;
	color: #00539b;
	margin-right: 50px;
}

.block-input-contact-information {
	width: 100%;
	height: 33px;
	border-radius: 5px;
	border: solid 1px #ccc;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}

.box-search-contact-information {
	width: 40px;
	height: 25px;
	border: solid 0px #f00;
	float: left;
	margin-top: 6px;
}

.input-box-contact-information {
	width: 80%;
	height: 21px;
	text-align: left;
	float: left;
	border: solid 0px;
	outline: none;
	margin-top: 6px
}

.box-delete-contact-information {
	width: 40px;
	height: 25px;
	border: solid 0px #f00;
	float: right;
	margin-top: 6px;
}

.icon-unchecked-contact-information {
	float: left;
	margin-right: 10px;
}

.txt-send-text {
	padding-top: 5px;
}

.box-textarea {
	padding: 10px;
	border: solid 1px #ccc;
	border-radius: 5px;
	color: #00539b;
	height: 100px;
	width: 95%;
	margin-bottom: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	resize: none;
	overflow-y: auto;
}

.txt-receive-text-message {
	font-size: 14px;
	text-align: left;
	padding: 0px;
	margin-bottom: 15px;
	margin-left: 40px;
	margin-top: 8px;
}

.block-btn-confirm-contact-information {
	width: 100%;
	margin-bottom: 15px;
	text-align: center;
}

.button--confirm-contact-information {
	background-color: #00539b;
	border: none;
	color: #fff;
	padding: 10px 10px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 2px;
	cursor: pointer;
	border-radius: 5px;
	width: 80%;
}

/*Add a vehicle-------------------*/
.tabs-add-vehicle {
	text-align: center;
	border: solid 0px #000;
	margin-bottom: 30px;
	width: 615px;
	margin-left: auto;
	margin-right: auto;
}

.veh-img {
	display: inline;
	margin-right: -4px;
	box-shadow: 2px 2px 4px 1px #dbdbdb;
	cursor: pointer;
}

.right-arrow-select {
	margin-left: 20px;
}

.container-vehicle-detail {
	width: 100%;
	height: 100%;
	border: solid 0px #000;
	margin-left: auto;
	margin-right: auto;
}

.heading-add-vehicle {
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
	font-size: 26px;
	font-weight: 500;
	width: 45%;
	border: solid 1px #0F0;
	margin-left: auto;
	margin-right: auto;
}

.block-vehicle-detail {
	border: solid 0px #f00;
	width: 600px;
	margin-left: auto;
	margin-right: auto;
}

.border-top {
	border-top: solid 1px #ccc;
}

.block-model-year {
	width: 100%;
	border-bottom: solid 1px #ccc;
	padding-top: 13px;
	height: 30px;
	cursor: pointer;
}

.text-model-year-selected {
	width: 35%;
	float: left;
	color: #00539b;
}

.block-make {
	width: 100%;
	border-bottom: solid 1px #ccc;
	padding-top: 13px;
	height: 30px;
}

.text-make-unselected {
	width: 35%;
	float: left;
	color: #ccc;
}

.block-model {
	width: 100%;
	border-bottom: solid 1px #ccc;
	padding-top: 13px;
	height: 30px;
}

.text-model-unselected {
	width: 35%;
	float: left;
	color: #ccc;
}

.block-colour {
	width: 100%;
	border-bottom: solid 1px #ccc;
	padding-top: 13px;
	height: 30px;
}

.text-colour-unselected {
	width: 35%;
	float: left;
	color: #ccc;
}

.text-select {
	width: 50%;
	float: right;
	text-align: right;
	color: #ccc;
}

.text-select-blue {
	width: 50%;
	float: right;
	text-align: right;
	color: #00539b;
}

.text-find-vehicle {
	text-align: left;
	margin-top: 30px;
	margin-left: 50px;
}

.block-btn-add-select-vehicle {
	text-align: center;
	margin-top: 30px;
}

.button-add-select-vehicle {
	background-color: #00539b;
	border: none;
	color: #fff;
	padding: 10px 10px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 2px;
	cursor: pointer;
	border-radius: 5px;
	width: 250px;
}

/*Add a vehicle YEAR-------------------*/
.tabs-add-vehicle-year {
	text-align: center;
	border: solid 0px #000;
	margin-bottom: 30px;
	width: 615px;
	margin-left: auto;
	margin-right: auto;
}

.veh-img {
	display: inline;
	margin-right: -4px;
	box-shadow: 2px 2px 4px 1px #dbdbdb;
	cursor: pointer;;
}

.container-year-detail {
	width: 100%;
	height: 100%;
	border: solid 0px #000;
	margin-left: auto;
	margin-right: auto;
}

.heading-add-vehicle {
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
	font-size: 26px;
	font-weight: 500;
	width: 100%;
	border: solid 0px #0F0;
	margin-left: auto;
	margin-right: auto;
}

.heading-year {
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
	font-size: 26px;
	font-weight: 500;
	width: 100%;
	border: solid 0px #0F0;
	margin-left: auto;
	margin-right: auto;
}

.img-back-arrow {
	float: left;
	margin-top: 6px;
	width: 12px;
	height: 22px;
}

.block-year-detail {
	border: solid 0px #f00;
	width: 600px;
	margin-left: auto;
	margin-right: auto;
}

.block-row-year {
	border: solid 0px #f00;
	width: 600px;
	max-height: 225px;
	margin-left: auto;
	margin-right: auto;
	overflow-y: auto;
}

.border-top {
	border-top: solid 1px #ccc;
}

.row-year {
	width: 100%;
	border-bottom: solid 1px #ccc;
	padding-top: 13px;
	height: 30px;
}

.text-year {
	width: 100%;
	float: left;
	color: #00539b;
}

/*Add a vehicle MAKE-------------------*/
.tabs-add-vehicle-make {
	text-align: center;
	border: solid 0px #000;
	margin-bottom: 30px;
	width: 615px;
	margin-left: auto;
	margin-right: auto;
}

.veh-img {
	display: inline;
	margin-right: -4px;
	box-shadow: 2px 2px 4px 1px #dbdbdb;
	cursor: pointer;;
}

.container-make-detail {
	width: 100%;
	height: 100%;
	border: solid 0px #000;
	margin-left: auto;
	margin-right: auto;
}

.heading-add-vehicle {
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
	font-size: 26px;
	font-weight: 500;
	width: 100%;
	border: solid 0px #0F0;
	margin-left: auto;
	margin-right: auto;
}

.heading-make {
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
	font-size: 26px;
	font-weight: 500;
	width: 100%;
	border: solid 0px #0F0;
	margin-left: auto;
	margin-right: auto;
}

.img-back-arrow {
	float: left;
	margin-top: 6px;
	width: 12px;
	height: 22px;
}

.block-make-detail {
	border: solid 0px #f00;
	width: 600px;
	margin-left: auto;
	margin-right: auto;
}

.block-row-make {
	border: solid 0px #f00;
	width: 600px;
	max-height: 225px;
	margin-left: auto;
	margin-right: auto;
	overflow-y: auto;
}

.border-top {
	border-top: solid 1px #ccc;
}

.row-make {
	width: 100%;
	border-bottom: solid 1px #ccc;
	padding-top: 13px;
	height: 30px;
}

.text-make {
	width: 50%;
	float: left;
	color: #00539b;
}

/*Add a vehicle MODEL-------------------*/
.tabs-add-vehicle-model {
	text-align: center;
	border: solid 0px #000;
	margin-bottom: 30px;
	width: 615px;
	margin-left: auto;
	margin-right: auto;
}

.veh-img {
	display: inline;
	margin-right: -4px;
	box-shadow: 2px 2px 4px 1px #dbdbdb;
	cursor: pointer;;
}

.container-model-detail {
	width: 100%;
	height: 100%;
	border: solid 0px #000;
	margin-left: auto;
	margin-right: auto;
}

.heading-add-vehicle {
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
	font-size: 26px;
	font-weight: 500;
	width: 100%;
	border: solid 0px #0F0;
	margin-left: auto;
	margin-right: auto;
}

.heading-model {
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
	font-size: 26px;
	font-weight: 500;
	width: 100%;
	border: solid 0px #0F0;
	margin-left: auto;
	margin-right: auto;
}

.img-back-arrow {
	float: left;
	margin-top: 6px;
	width: 12px;
	height: 22px;
}

.block-model-detail {
	border: solid 0px #f00;
	width: 600px;
	margin-left: auto;
	margin-right: auto;
}

.block-row-model {
	border: solid 0px #f00;
	width: 600px;
	max-height: 225px;
	margin-left: auto;
	margin-right: auto;
	overflow-y: auto;
}

.border-top {
	border-top: solid 1px #ccc;
}

.row-model {
	width: 100%;
	border-bottom: solid 1px #ccc;
	padding-top: 13px;
	height: 30px;
}

.text-model {
	width: 50%;
	float: left;
	color: #00539b;
}

/*Add a vehicle COLOUR-------------------*/
.tabs-add-vehicle-drive-type {
	text-align: center;
	border: solid 0px #000;
	margin-bottom: 30px;
	width: 615px;
	margin-left: auto;
	margin-right: auto;
}

.tabs-add-vehicle-colour {
	text-align: center;
	border: solid 0px #000;
	margin-bottom: 30px;
	width: 615px;
	margin-left: auto;
	margin-right: auto;
}

.veh-img {
	display: inline;
	margin-right: -4px;
	box-shadow: 2px 2px 4px 1px #dbdbdb;
	cursor: pointer;;
}

.container-colour-detail {
	width: 100%;
	height: 100%;
	border: solid 0px #000;
	margin-left: auto;
	margin-right: auto;
}

.heading-add-vehicle {
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
	font-size: 26px;
	font-weight: 500;
	width: 100%;
	border: solid 0px #0F0;
	margin-left: auto;
	margin-right: auto;
}

.heading-colour {
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
	font-size: 26px;
	font-weight: 500;
	width: 100%;
	border: solid 0px #0F0;
	margin-left: auto;
	margin-right: auto;
}

.img-back-arrow {
	float: left;
	margin-top: 6px;
	width: 12px;
	height: 22px;
}

.block-colour-detail {
	border: solid 0px #f00;
	width: 600px;
	margin-left: auto;
	margin-right: auto;
}

.block-row-colour {
	border: solid 0px #f00;
	width: 600px;
	max-height: 225px;
	margin-left: auto;
	margin-right: auto;
	overflow-y: auto;
	padding-right: 10px;
}

.border-top {
	border-top: solid 1px #ccc;
}

.row-colour {
	width: 100%;
	border-bottom: solid 1px #ccc;
	padding-top: 13px;
	height: 30px;
}

.text-colour {
	width: 50%;
	float: left;
	color: #00539b;
}

.icon-color-dot {
	float: left;
	margin-top: -7px;
	margin-right: 20px;
}

/*Add a vehicle-SELECTED-------------------*/
.tabs-add-vehicle-selected {
	text-align: center;
	border: solid 0px #000;
	margin-bottom: 30px;
	width: 100%;
}

.veh-img {
	display: inline;
	margin-right: -4px;
	box-shadow: 2px 2px 4px 1px #dbdbdb;
	cursor: pointer;;
}

.right-arrow-select {
	margin-left: 20px;
}

.right-arrow-colour {
	margin-right: 0px;
	float: right;
	margin-top: 3px;
}

.container-vehicle-detail-selected {
	width: 100%;
	height: 100%;
	border: solid 0px #000;
	margin-left: auto;
	margin-right: auto;
}

.heading-add-vehicle {
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
	font-size: 26px;
	font-weight: 500;
	width: 45%;
	border: solid 0px #0F0;
	margin-left: auto;
	margin-right: auto;
}

.block-vehicle-detail-selected {
	border: solid 0px #f00;
	width: 600px;
	margin-left: auto;
	margin-right: auto;
}

.border-top {
	border-top: solid 1px #ccc;
}

.block-model-year1 {
	width: 100%;
	border-bottom: solid 1px #ccc;
	padding-top: 13px;
	height: 30px;
}

.text-model-year1 {
	width: 50%;
	float: left;
	color: #00539b;
}

.block-make1 {
	width: 100%;
	border-bottom: solid 1px #ccc;
	padding-top: 13px;
	height: 30px;
}

.text-make1 {
	width: 50%;
	float: left;
	color: #00539b;
}

.block-model1 {
	width: 100%;
	border-bottom: solid 1px #ccc;
	padding-top: 13px;
	height: 30px;
}

.text-model1 {
	width: 50%;
	float: left;
	color: #00539b;
}

.block-colour1 {
	width: 100%;
	border-bottom: solid 1px #ccc;
	padding-top: 13px;
	height: 30px;
}

.text-colour1 {
	width: 50%;
	float: left;
	color: #00539b;
}

.color-dot-selected {
	border: solid 0px;
	width: 46%;
	float: left;
	text-align: right;
	height: 25px;
	margin-top: -4px;
}

.text-select {
	width: 65%;
	float: right;
	text-align: right;
	color: #ccc;
}

.text-select-blue {
	width: 65%;
	float: right;
	text-align: right;
	color: #00539b;
}

.text-selected {
	width: 100%;
	float: right;
	text-align: right;
	color: #00539b;
}

.text-find-vehicle {
	width: 100%;
	text-align: left;
	margin-top: 30px;
	margin-left: 50px;
}

.block-btn-add-select-vehicle {
	text-align: center;
	margin-top: 30px;
}

.button-add-select-vehicle {
	background-color: #00539b;
	border: none;
	color: #fff;
	padding: 10px 10px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 2px;
	cursor: pointer;
	border-radius: 5px;
	width: 250px;
}

/*Add a vehicle-MANUALLY-------------------*/
.tabs-add-vehicle-manually {
	text-align: center;
	border: solid 0px #000;
	margin-bottom: 30px;
	width: 98%;
}

.veh-img {
	display: inline;
	margin-right: -6px;
	box-shadow: 2px 2px 4px 1px #dbdbdb;
	width: 33%;
	cursor: pointer;
}

.right-arrow-select {
	margin-left: 20px;
}

.right-arrow-colour {
	margin-right: 0px;
	float: right;
	margin-top: 3px;
}

.container-add-vehicle-manually {
	width: 600px;
	height: 100%;
	border: solid 0px #000;
	margin-left: auto;
	margin-right: auto;
}

.heading-add-vehicle-manually {
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
	font-size: 26px;
	font-weight: 500;
	width: 100%;
	border: solid 0px #0F0;
	margin-left: auto;
	margin-right: auto;
}

.block-vehicle-detail-manually {
	border: solid 0px #f00;
	width: 97%;
	margin-left: auto;
	margin-right: auto;
}

.border-top {
	border-top: solid 1px #ccc;
}

.block-model-year2 {
	width: 99%;
	border-bottom: solid 1px #ccc;
	padding-top: 13px;
	height: 30px;
}

.text-model-year2 {
	width: 30%;
	float: left;
	color: #00539b;
}

.block-make2 {
	width: 99%;
	border-bottom: solid 1px #ccc;
	padding-top: 13px;
	height: 30px;
}

.text-make2 {
	width: 35%;
	float: left;
	color: #00539b;
}

.block-model2 {
	width: 99%;
	border-bottom: solid 1px #ccc;
	padding-top: 13px;
	height: 30px;
}

.text-model2 {
	width: 35%;
	float: left;
	color: #00539b;
}

.block-colour2 {
	width: 99%;
	border-bottom: solid 1px #ccc;
	padding-top: 13px;
	height: 30px;
}

.text-colour2 {
	width: 35%;
	float: left;
	color: #00539b;
}

.color-dot-selected {
	border: solid 0px;
	width: 93%;
	float: left;
	text-align: right;
	height: 25px;
	margin-top: -4px;
}

.text-select {
	width: 65%;
	float: right;
	text-align: right;
	color: #ccc;
}

.text-select-blue-mannually {
	width: 65%;
	float: right;
	text-align: right;
	color: #00539b;
}

.text-predefined-pickers {
	width: 100%;
	text-align: center;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
}

.block-btn-add-select-vehicle {
	text-align: center;
	margin-top: 30px;
	margin-bottom: 20px;
}

.button-add-select-vehicle {
	background-color: #00539b;
	border: none;
	color: #fff;
	padding: 10px 10px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 2px;
	cursor: pointer;
	border-radius: 5px;
	width: 250px;
}

.input-box-enter-make {
	width: 96%;
	border: solid 1px #ccc;
	height: 25px;
	margin-top: -6px;
	color: #00539b;
	border-radius: 5px;
	padding-left: 5px;
	outline: none;
}

.input-box-enter-model {
	width: 96%;
	border: solid 1px #ccc;
	height: 25px;
	margin-top: -6px;
	color: #00539b;
	border-radius: 5px;
	padding-left: 5px;
	outline: none;
}

/*THANK YOU screen-------------------*/
.empty-block-thank-you {
	margin-top: 100px;
}

.container-thank-you {
	border: solid 0px #ccc;
	padding: 10px;
	width: 600px;
	margin-left: auto;
	margin-right: auto;
}

.heading-thank-you {
	margin-top: 20px;
	margin-bottom: 15px;
	text-align: center;
	font-size: 26px;
	font-weight: 500;
	width: 100%;
	border: solid 0px #0F0;
}

.block-thank-you-text {
	width: 96%;
	border: solid 1px #ccc;
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	height: auto;
}

.text-background-color {
	background-color: #F2F2F2;
	padding: 10px;
}

.block-btn-launch-service-tracker {
	text-align: left;
	margin-top: 30px;
	width: 45%;
	float: left;
}

.button-launch-service-tracker {
	background-color: green;
	border: none;
	color: #fff;
	padding: 12px 10px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 15px;
	margin: 4px 2px;
	cursor: pointer;
	border-radius: 5px;
	width: 100%;
}

.block-btn-cancel-roadside-assistance {
	text-align: left;
	margin-top: 30px;
	width: 45%;
	float: right;
}

.button-cancel-roadside-assistance {
	background-color: red;
	border: none;
	color: #fff;
	padding: 12px 10px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 15px;
	margin: 4px 2px;
	cursor: pointer;
	border-radius: 5px;
	width: 100%;
}

#main {
	min-height: 525px;
}

#wr-footer {
	clear: both;
	display: block;
	margin: 0;
	position: relative;
	width: 100%;
	font-size: 14px;
}

#wr-footer .footer_bar {
	background: url(../images/bar_shadow_bottom.png) repeat-x scroll center
		top #d4d4d4;
	border-spacing: 20px;
	clear: both;
	display: table;
	width: 100%;
	font-size: 14px;
}

@media screen and (min-width:768px) and (max-width:1024px) {
	#main {
		min-height: 529px;
		padding-top: 1px;
	}
	#wr-footer {
		clear: both;
		display: block;
		margin: 0;
		position: relative;
		width: 100%;
		font-size: 14px;
	}
	#wr-footer .footer_bar {
		background: url(../images/bar_shadow_bottom.png) repeat-x scroll center
			top #d4d4d4;
		border-spacing: 20px;
		clear: both;
		display: table;
		width: 100%;
		font-size: 14px;
	}

	/*--top header-------------------*/
	.wr-header {
		top: 0px;
		background-color: #00539b;
		width: 100%;
		text-align: center;
		display: block;
		height: 90px;
	}
	.wr-logo-caa {
		float: left;
		margin-left: 70px;
		border: solid 0px;
		margin-top: 13px;
		height: 65px;
	}
	.wr-logo-roadside-assitance {
		float: right;
		margin-right: 50px;
		margin-top: 2px;
		height: 88px;
	}

	/*---landing page popup blue - Overlay Popup on landing page---*/
	.wr-container {
		width: 100%;
		height: 100%;
		border: solid 0px;
	}
	#wr-overlay {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: transparent;
		z-index: 2;
		opacity: 0.97;
		margin-top: 90px;
	}
	.wr-myDiv {
		position: relative; /*Parent MUST be relative*/
		z-index: 9;
		background-color: #00539b;
		text-align: center;
		color: #FFF;
		padding-top: 20px;
		/*Set width/height of the div in 'parent'*/
		width: 100%;
		height: 57%;
		opacity: 100%;
	}
	.wr-myDiv:before {
		content: "";
		position: absolute; /*set 'child' to be absolute*/
		z-index: -1; /*Make this lower so text appears in front*/
		/*You can choose to align it left, right, top or bottom here*/
		top: 0;
		right: 0;
		bottom: 60%;
		left: 0;
		background-color: rgba(0, 83, 155);
		height: 400px;
	}
	#wr-text {
		font-size: 50px;
		color: white;
		transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		text-align: center;
	}
	/* end of overlay */
	.wr-txt-welcome2 {
		font-size: 17px;
		font-family: Roboto;
		font-weight: 400;
		margin-top: 5px;
		margin-left: auto;
		margin-right: auto;
		width: 80%;
		border: solid 0px;
	}
	.main-container {
		border: solid 0px #0f0;
		width: 750px;
		margin-left: auto;
		margin-right: auto;
	}
	input {
		font-size: 15px;
	}
	.container1 {
		width: 750px;
		height: 160px;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 14px;
	}
	.container-box1 {
		display: flex;
		display: -webkit-flex;
		display: -ms-flexbox;
		align-items: center;
		flex-direction: row;
		justify-content: space-evenly;
		border: solid 0px #000;
		font-size: 13px;
	}
	.container-box1 div {
		border: solid 1px silver;
		text-align: center;
		box-shadow: 2px 2px 4px 2px #dbdbdb;
		width: 120px;
		height: 120px;
		padding: 12px;
	}
	.container2 {
		width: 570px;
		height: 160px;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
	}
	.container-box2 {
		display: flex;
		display: -webkit-flex;
		display: -ms-flexbox;
		align-items: center;
		flex-direction: row;
		justify-content: space-evenly;
		border: solid 0px #000;
		font-size: 13px;
	}
	.container-box2 div {
		border: solid 1px silver;
		text-align: center;
		box-shadow: 2px 2px 4px 2px #dbdbdb;
		width: 120px;
		height: 120px;
		padding: 12px;
	}
	.container3-battery {
		width: 750px;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 14px;
	}
	.container-box3 {
		display: flex;
		display: -webkit-flex;
		display: -ms-flexbox;
		align-items: center;
		flex-direction: row;
		justify-content: space-evenly;
		border: solid 0px #000;
		font-size: 13px;
	}
	.container-box3 div {
		border: solid 1px silver;
		text-align: center;
		box-shadow: 2px 2px 4px 2px #dbdbdb;
		width: 120px;
		height: 120px;
		padding: 12px;
	}
	.container4-lockedout {
		width: 750px;
		height: 160px;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 14px;
		height: 450px;
	}
	.container-box4 {
		display: flex;
		display: -webkit-flex;
		display: -ms-flexbox;
		align-items: center;
		flex-direction: row;
		justify-content: space-evenly;
		border: solid 0px #000;
		font-size: 13px;
	}
	.container-box4 div {
		border: solid 1px silver;
		text-align: center;
		box-shadow: 2px 2px 4px 2px #dbdbdb;
		width: 120px;
		height: 120px;
		padding: 12px;
	}
	.container5-type-of-fuel {
		width: 750px;
		height: 160px;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 14px;
		height: 450px;
	}
	.container-box5 {
		display: flex;
		display: -webkit-flex;
		display: -ms-flexbox;
		align-items: center;
		flex-direction: row;
		justify-content: space-evenly;
		border: solid 0px #000;
		font-size: 13px;
	}
	.container-box5 div {
		border: solid 1px silver;
		text-align: center;
		box-shadow: 2px 2px 4px 2px #dbdbdb;
		width: 120px;
		height: 120px;
		padding: 12px;
	}
	.image-top-margin {
		margin-top: 25px;
		margin-bottom: 0px;
		height: 40px;
	}
	.imp-note {
		margin-left: auto;
		margin-right: auto;
		text-align: left;
		width: 577px;
		border: solid 0px #f00;
		margin-top: 50px;
	}
	p {
		font-size: 14px;
	}
	.margin-top-lockedout {
		margin-top: 0px;
	}
	.btn-back {
		margin-top: 20px;
		margin-left: 50px;
		width: 60px;
		border: solid 0px #f00;
	}
	.btn-back-1 {
		margin-top: 120px;
		margin-left: 0px;
		width: 60px;
		border: solid 0px #f00;
	}
	.heading1 {
		margin-top: 20px;
		margin-bottom: 35px;
		text-align: center;
		font-size: 26px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
	}
	.heading2 {
		margin-top: 70px;
		margin-bottom: 35px;
		text-align: center;
		font-size: 26px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
	}
	.image-top-margin-lockedout {
		margin-top: 5px;
		margin-bottom: 0px;
		height: 40px
	}

	/* Breakdown Location----------*/
	.container7-breakdown-location {
		width: 92%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
		border: solid 0px #000;
	}
	.block-input {
		width: 500px;
		height: 33px;
		border-radius: 5px;
		border: solid 1px #ccc;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
	}
	.box-search {
		width: 40px;
		height: 25px;
		border: solid 0px #f00;
		float: left;
		margin-top: 6px;
	}
	.input-box {
		width: 80%;
		height: 20px;
		text-align: left;
		float: left;
		border: solid 0px;
		outline: none;
		margin-top: 5px
	}
	.box-delete {
		width: 40px;
		height: 25px;
		border: solid 0px #f00;
		float: right;
		margin-top: 6px;
	}
	.allow-access {
		width: 225px;
		height: 35px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 30px;
		margin-bottom: 30px;
		border: solid 0px #000;
		cursor: pointer;
	}
	.box-target-cross {
		float: left;
		margin-right: 20px;
		margin-top: 0px;
	}
	.text-location-access {
		padding-top: 8px;
	}
	.block-btn-confirm-breakdown-location {
		width: 100%;
		margin-bottom: 15px;
		text-align: center;
	}
	.button-confirm-breakdown-location {
		background-color: #00539b;
		border: none;
		color: #fff;
		padding: 10px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 350px;
	}
	.text-note {
		width: 400px;
		margin-left: auto;
		margin-right: auto;
		border: solid 0px #000;
		text-align: center;
		color: #a6a6a6;
		margin-bottom: 10px;
		display: block;
	}
	.text-note-mobile {
		width: 320px;
		margin-left: auto;
		margin-right: auto;
		border: solid 0px #000;
		text-align: center;
		color: #a6a6a6;
		margin-bottom: 10px;
		font-size: 11px;
		display: none;
	}
	.txt-current-address {
		width: 380px;
		margin-left: auto;
		margin-right: auto;
		border: solid 0px #000;
		text-align: center;
		font-weight: 500;
		margin-bottom: 15px;
	}
	.txt-address {
		width: 380px;
		margin-left: auto;
		margin-right: auto;
		border: solid 0px #000;
		text-align: center;
		font-weight: 600;
		margin-bottom: 10px;
	}
	.map-google {
		width: 700px;
		height: 230px;
		margin-left: auto;
		margin-right: auto;
		border: solid 1px #ccc;
		padding: 5px;
		margin-bottom: 10px;
	}
	.font-size {
		font-size: 16px;
	}

	/*What type of location---------------------*/
	#main-container-location-type {
		border: solid 0px #0f0;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.container8-locatin-type {
		width: 765px;
		height: 400px;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
		border: solid 0px #000;
	}
	.container-box8-location-type {
		display: flex;
		display: -webkit-flex;
		display: -ms-flexbox;
		align-items: center;
		flex-direction: row;
		justify-content: space-evenly;
		border: solid 0px #000;
		font-size: 13px;
		margin-bottom: 44px;
		width: 750px;
		margin-left: auto;
		margin-right: auto;
	}
	.container-box8-location-type div {
		border: solid 1px silver;
		text-align: center;
		box-shadow: 2px 2px 4px 2px #dbdbdb;
		width: 140px;
		height: 140px;
		padding: 20px;
	}
	.image-top-margin-location-type {
		margin-top: 25px;
		margin-bottom: 0px;
		height: 50px;
	}
	.font-size-location-type {
		font-size: 14px;
	}

	.container9-locatin-type {
		width: 650px;
		height: 200px;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
		border: solid 0px #000;
	}

	/*Tow Destination-------------*/
	#main-container-tow-destination {
		border: solid 0px #0f0;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.container-tow-destination {
		width: 92%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
		border: solid 0px #000;
	}
	.block-input-tow-destination {
		width: 500px;
		height: 33px;
		border-radius: 5px;
		border: solid 1px #ccc;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
	}
	.input-box-tow-destination {
		width: 88%;
		height: 20px;
		text-align: left;
		float: left;
		border: solid 0px;
		outline: none;
		margin-top: 5px;
	}
	.text-note-tow-destination {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		border: solid 0px #000;
		text-align: center;
		margin-bottom: 10px;
	}
	.txt-suggested-destinations {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		border: solid 0px #000;
		text-align: center;
		font-weight: 600;
		margin-bottom: 10px;
	}
	.map-google-tow-destination {
		width: 700px;
		height: 230px;
		margin-left: auto;
		margin-right: auto;
		border: solid 1px #ccc;
		padding: 5px;
		margin-bottom: 10px;
	}
	.block-textarea {
		margin-left: auto;
		margin-right: auto;
		width: 600px;
		max-height: 175px;
		border: solid 0px #ccc;
		overflow-y: scroll;
		overflow-x: hidden;
		margin-bottom: 20px;
		padding-left: 0px;
		padding-right: 10px
	}
	.block-aar-list {
		width: 100%;
		height: 60px;
		border-top: solid 1px #ccc;
		border-bottom: solid 0px #ccc;
	}
	.block-img-aar {
		float: left;
		margin-right: 10px;
		margin-top: 6px;
	}
	.img-aar {
		width: 35px;
		height: 40px;
	}
	.block-aar-detail {
		float: left;
		font-weight: 500;
		width: 84%;
		font-size: 11px;
	}
	.name-aar {
		margin-top: 7px;
		color: #000;
		font-size: 13px;
		font-weight: 500;
		width: 75%;
		display: block;
		float: left;
	}
	.address-tow-destination-aar {
		float: left;
		font-size: 12px;
		font-weight: 400;
		width: 75%;
		color: #000;
	}
	.block-aar-desitance {
		float: right;
		width: 50px;
	}
	.text-arr-distance {
		font-size: 10px;
		margin-top: 10px;
		margin-bottom: 0px;
		color: #9c9c9c;
		float: right;
	}
	.img-next-arrow {
		float: right;
		margin-top: 11px;
		margin-left: 5px;
	}
	.color-closed {
		color: red;
		font-size: 11px;
		text-align: right;
		margin-right: 12px;
	}
	.color-open {
		color: green;
		font-size: 11px;
		text-align: right;
		margin-right: 17px;
	}
	.block-address-aar {
		width: 100%;
		border: solid 0px #f00;
		float: left;
		margin-top: 3px;
	}
	.block-name-aar {
		width: 100%;
		border: solid 0px #f00;
		float: left;
		margin-top: 3px;
	}

	/*Sign in ------------------*/
	.container-signin {
		width: 700px;
		height: 100%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
	}
	.empty-block-signin {
		margin-top: 20px;
		margin-left: 20px;
		width: 60px;
		border: solid 0px #f00;
		display: block;
	}
	.truck-image {
		width: 100%;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
	.text-caa-roadside-assistance {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		border: solid 0px #000;
		text-align: center;
		margin-bottom: 15px;
	}
	.text-caa-signin {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		border: solid 0px #000;
		text-align: center;
		margin-bottom: 10px;
		font-size: 16px;
	}
	.heading-roadside-assistance {
		margin-top: 20px;
		margin-bottom: 5px;
		text-align: center;
		font-size: 26px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
	}
	.heading-signin {
		margin-bottom: 0px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		font-size: 20px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
	}
	.heading-membership-number {
		font-size: 14px;
		font-weight: 500;
		text-align: center;
		margin-bottom: 10px;
		width: 100%;
		border: solid 0px;
		margin-left: auto;
		margin-right: auto;
	}
	.block-membership-number {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 15px;
		width: 345px;
		height: 50px;
		border: solid 0px #f00;
	}
	.block-input1 {
		width: 50px;
		height: 50px;
		border-radius: 3px;
		margin-right: 15px;
		float: left;
	}
	.input-1 {
		width: 46px;
		height: 46px;
		text-align: center;
		border: solid 1px #ccc;
		border-radius: 5px;
		outline: none;
	}
	.block-input2 {
		width: 50px;
		height: 50px;
		border-radius: 3px;
		margin-right: 15px;
		float: left;
	}
	.input-2 {
		width: 46px;
		height: 46px;
		text-align: center;
		border: solid 1px #ccc;
		border-radius: 5px;
		outline: none;
	}
	.block-input3 {
		width: 150px;
		height: 50px;
		border-radius: 3px;
		margin-right: 15px;
		float: left;
		border: solid 0px #000;
	}
	.input-3 {
		width: 146px;
		height: 46px;
		text-align: center;
		border: solid 1px #ccc;
		border-radius: 5px;
		outline: none;
	}
	.block-input4 {
		width: 50px;
		height: 50px;
		border-radius: 3px;
		float: left;
	}
	.input-4 {
		width: 46px;
		height: 46px;
		text-align: center;
		border: solid 1px #ccc;
		border-radius: 5px;
		outline: none;
	}
	.heading-postal-code {
		font-size: 14px;
		font-weight: 500;
		text-align: center;
		margin-bottom: 10px;
		width: 150px;
		margin-left: auto;
		margin-right: auto;
	}
	.block-input-postal-code {
		width: 134px;
		height: 50px;
		border-radius: 3px;
		margin-bottom: 20px;
		margin-left: auto;
		margin-right: auto;
		border: solid 0px #000;
	}
	.input-postal-code {
		width: 130px;
		height: 46px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		border: solid 1px #ccc;
		border-radius: 5px;
		outline: none;
	}
	.block-btn-signin {
		margin-left: auto;
		margin-right: auto;
		width: 50%;
	}
	.button-signin {
		background-color: #00539b;
		border: none;
		color: #fff;
		padding: 10px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 346px;
	}

	/*aar Details------------------*/
	.container-aar-detail {
		width: 100%;
		height: 100%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
	}
	.heading-aar-name {
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: center;
		font-size: 26px;
		font-weight: 500;
		width: 75%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.block-aar-address {
		width: 600px;
		border: solid 0px;
		margin-left: auto;
		margin-right: auto;
	}
	.logo-aar {
		width: 90px;;
		max-width: 15% !important;
		float: left;
		margin-right: 10px;
		border: solid 0px #f00;
	}
	.aar-logo {
		width: 90%;
	}
	.block-aar-detail-address {
		width: 70%;
		border: solid 0px #f00;
		float: left;
		margin-bottom: 10px;
	}
	.address-aar1 {
		margin-bottom: 3px;
		float: left;
	}
	.km {
		width: 50px;
		color: #939393;
		font-weight: 500;
		font-size: 12px;
		margin-top: 10px;
		float: right;
	}
	.phone-aar {
		margin-bottom: 3px;
	}
	.web-aar {
		margin-bottom: 10px;
	}
	.timing-aar {
		margin-bottom: 30px;
	}
	.color-closed-aar {
		color: red;
		margin-right: 0px;
	}
	.color-open-aar {
		color: green;
		margin-right: 0px;
	}
	.block-btn-confirm-aar-detail {
		float: right;
	}
	.button-confirm-aar-detail {
		background-color: #00539b;
		border: none;
		color: #fff;
		padding: 10px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 250px;
	}
	.heading-offers-members {
		font-weight: 600;
		margin-bottom: 6px;
	}
	.offers-members-details {
		margin-bottom: 10px;
	}
	.block-week-timing {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.border-top {
		border-top: solid 1px #ccc;
	}
	.text-name-week {
		width: 50%;
		float: left;
	}
	.text-timing {
		width: 50%;
		float: right;
		text-align: right;
	}
	.block-button-aar-detail {
		float: right;
		margin-top: 10px;
		width: 100%;
		border: solid 0px;
	}
	.color-closed-aar1 {
		color: red;
		margin-right: 0px;
		float: right;
	}
	.link-skip-this-step {
		float: left;
		margin-top: 10px;
		margin-right: 30px;
	}

	/*Select your vehicle------------------*/
	.container-select-vehicle {
		width: 90%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
		height: auto;
	}
	.row-select-vehicle {
		height: auto;
		margin-bottom: 30px;
		width: 100%;
		border: solid 0px #f00;
		overflow-y: auto;
		overflow-x: hidden;
		margin-right: auto;
		margin-left: auto;
	}
	.box-vehicle-detail1 {
		border: solid 1px #ccc;
		width: 28%;
		height: 34%;
		padding: 5px;
		float: left;
		margin-right: 36px;
		margin-left: 0px;
		margin-bottom: 30px;
	}
	.box-vehicle-detail2 {
		border: solid 1px #ccc;
		width: 28%;
		height: 34%;
		padding: 5px;
		float: left;
		margin-right: 36px;
		margin-bottom: 30px;
	}
	.box-vehicle-detail3 {
		border: solid 1px #ccc;
		width: 28%;
		height: 34%;
		padding: 5px;
		float: left;
		margin-bottom: 30px;
	}
	.block-pic {
		width: 100px;
		height: 100px;
		border: solid 1px;
		float: left;
	}
	.txt-year {
		margin-left: 10px;
		font-size: 12px;
		float: left;
		width: 30%;
	}
	.txt-name {
		margin-left: 10px;
		font-size: 12px;
		width: 40%;
		height: 33px;
		margin-bottom: 10px;
		float: left;
	}
	.block-btn-select-vehicle {
		float: left;
		width: 32%;
		margin-left: 10px;
	}
	.button-select {
		background-color: #00539b;
		border: none;
		color: #fff;
		padding: 7px 7px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 13px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 100%
	}
	.block-car-pic {
		background-image: url(/images/img-car-mb1.png);
		width: 100px;
		height: 100px;
		background-repeat: no-repeat;
		float: left;
	}
	.color-dot {
		float: right;
		margin-top: 70px;
		padding-right: 5px;
	}
	.block-btn-add-vehicle {
		width: 100%;
		margin-bottom: 15px;
		text-align: center;
	}
	.button-add-vehicle {
		background-color: #00539b;
		border: none;
		color: #fff;
		padding: 10px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 350px;
	}

	/*Confirm your contact information------------------*/
	.container-contact-information {
		width: 550px;
		border: solid 0px #000;
		padding: 10px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0px;
		height: auto;
	}
	.heading-contact-information {
		margin-top: 20px;
		margin-bottom: 35px;
		text-align: center;
		font-size: 26px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
	}
	.txt-provide-phone-number {
		font-size: 14px;
		text-align: left;
		margin-bottom: 5px;
	}
	.btn-cancel {
		margin-top: -20px;
		margin-right: 50px;
		width: 60px;
		border: solid 0px #f00;
		float: right;
		color: #00539b;
	}
	.block-input-contact-information {
		width: 100%;
		height: 33px;
		border-radius: 5px;
		border: solid 1px #ccc;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
	}
	.box-search-contact-information {
		width: 40px;
		height: 25px;
		border: solid 0px #f00;
		float: left;
		margin-top: 6px;
	}
	.input-box-contact-information {
		width: 80%;
		height: 20px;
		text-align: left;
		float: left;
		border: solid 0px;
		outline: none;
		margin-top: 5px;
	}
	.box-delete-contact-information {
		width: 40px;
		height: 25px;
		border: solid 0px #f00;
		float: right;
		margin-top: 6px;
	}
	.icon-unchecked-contact-information {
		float: left;
		margin-right: 10px;
	}
	.box-textarea {
		padding: 10px;
		border: solid 1px #ccc;
		border-radius: 5px;
		color: #00539b;
		height: 100px;
		width: 95%;
		margin-bottom: 30px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		resize: none;
		overflow-y: auto;
	}
	.block-btn-confirm-contact-information {
		width: 100%;
		margin-bottom: 15px;
		text-align: center;
	}
	.button--confirm-contact-information {
		background-color: #00539b;
		border: none;
		color: #fff;
		padding: 10px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 80%;
	}

	/*Add a vehicle-------------------*/
	.tabs-add-vehicle {
		text-align: center;
		border: solid 0px #000;
		margin-bottom: 30px;
		width: 615px;
		margin-left: auto;
		margin-right: auto;
	}
	.veh-img {
		display: inline;
		margin-right: -4px;
		box-shadow: 2px 2px 4px 1px #dbdbdb;
		cursor: pointer;
	}
	.right-arrow-select {
		margin-left: 20px;
	}
	.container-vehicle-detail {
		width: 100%;
		height: 100%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
	}
	.heading-add-vehicle {
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: center;
		font-size: 26px;
		font-weight: 500;
		width: 45%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.block-vehicle-detail {
		border: solid 0px #f00;
		width: 600px;
		margin-left: auto;
		margin-right: auto;
	}
	.border-top {
		border-top: solid 1px #ccc;
	}
	.block-model-year {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
		cursor: pointer;
	}
	.text-model-year {
		width: 50%;
		float: left;
	}
	.block-make {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-make {
		width: 50%;
		float: left;
	}
	.block-model {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-model {
		width: 50%;
		float: left;
	}
	.block-colour {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-colour {
		width: 50%;
		float: left;
	}
	.text-select {
		width: 50%;
		float: right;
		text-align: right;
	}
	.text-find-vehicle {
		text-align: left;
		margin-top: 30px;
		margin-left: 50px;
	}
	.block-btn-add-select-vehicle {
		text-align: center;
		margin-top: 30px;
	}
	.button-add-select-vehicle {
		background-color: #00539b;
		border: none;
		color: #fff;
		padding: 10px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 250px;
	}

	/*Add a vehicle-SELECTED-------------------*/
	.tabs-add-vehicle {
		text-align: center;
		border: solid 0px #000;
		margin-bottom: 30px;
		width: 575px;
		margin-left: auto;
		margin-right: auto;
	}
	.veh-img {
		display: inline;
		margin-right: -4px;
		box-shadow: 2px 2px 4px 1px #dbdbdb;
		cursor: pointer;
	}
	.right-arrow-select {
		margin-left: 20px;
	}
	.right-arrow-colour {
		margin-right: 0px;
		float: right;
		margin-top: 3px;
	}
	.container-vehicle-detail-selected {
		width: 100%;
		height: 100%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
	}
	.heading-add-vehicle {
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: center;
		font-size: 26px;
		font-weight: 500;
		width: 45%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.block-vehicle-detail-selected {
		border: solid 0px #f00;
		width: 600px;
		margin-left: auto;
		margin-right: auto;
	}
	.border-top {
		border-top: solid 1px #ccc;
	}
	.block-model-year1 {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-model-year1 {
		width: 50%;
		float: left;
		color: #00539b;
	}
	.block-make1 {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-make1 {
		width: 50%;
		float: left;
		color: #00539b;
	}
	.block-model1 {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-model1 {
		width: 50%;
		float: left;
		color: #00539b;
	}
	.block-colour1 {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-colour1 {
		width: 50%;
		float: left;
		color: #00539b;
	}
	.text-select {
		width: 50%;
		float: right;
		text-align: right;
		color: #ccc;
	}
	.text-select-blue {
		width: 65%;
		float: right;
		text-align: right;
		color: #00539b;
	}
	.text-find-vehicle {
		text-align: left;
		margin-top: 30px;
		margin-left: 50px;
	}
	.block-btn-add-select-vehicle {
		text-align: center;
		margin-top: 30px;
	}
	.button-add-select-vehicle {
		background-color: #00539b;
		border: none;
		color: #fff;
		padding: 10px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 250px;
	}

	/*Add a vehicle-MANUALLY-------------------*/
	.tabs-add-vehicle-manually {
		text-align: center;
		border: solid 0px #000;
		margin-bottom: 30px;
		width: 98%;
	}
	.veh-img {
		display: inline;
		margin-right: -6px;
		box-shadow: 2px 2px 4px 1px #dbdbdb;
		width: 33%;
		cursor: pointer;
	}
	.right-arrow-select {
		margin-left: 20px;
	}
	.right-arrow-colour {
		margin-right: 0px;
		float: right;
		margin-top: 3px;
	}
	.container-add-vehicle-manually {
		width: 600px;
		height: 100%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
	}
	.heading-add-vehicle-manually {
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: center;
		font-size: 26px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.block-vehicle-detail-manually {
		border: solid 0px #f00;
		width: 98%;
		margin-left: auto;
		margin-right: auto;
		font-size: 16px;
	}
	.border-top {
		border-top: solid 1px #ccc;
	}
	.block-model-year2 {
		width: 99%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-model-year2 {
		width: 30%;
		float: left;
		color: #00539b;
	}
	.block-make2 {
		width: 99%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-make2 {
		width: 35%;
		float: left;
		color: #00539b;
	}
	.block-model2 {
		width: 99%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-model2 {
		width: 35%;
		float: left;
		color: #00539b;
	}
	.block-colour2 {
		width: 99%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-colour2 {
		width: 35%;
		float: left;
		color: #00539b;
	}
	.color-dot-selected {
		border: solid 0px;
		width: 90%;
		float: left;
		text-align: right;
		height: 25px;
		margin-top: -4px;
	}
	.text-select {
		width: 65%;
		float: right;
		text-align: right;
		color: #ccc;
	}
	.text-select-blue-mannually {
		width: 65%;
		float: right;
		text-align: right;
		color: #00539b;
	}
	.text-predefined-pickers {
		width: 100%;
		text-align: center;
		margin-top: 30px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0px;
	}
	.block-btn-add-select-vehicle {
		text-align: center;
		margin-top: 30px;
	}
	.button-add-select-vehicle {
		background-color: #00539b;
		border: none;
		color: #fff;
		padding: 10px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 250px;
	}

	/*THANK YOU screen-------------------*/
	.empty-block-thank-you {
		margin-top: 80px;
	}
	.container-thank-you {
		border: solid 0px #ccc;
		padding: 10px;
		width: 600px;
		margin-left: auto;
		margin-right: auto;
	}
	.heading-thank-you {
		margin-top: 20px;
		margin-bottom: 15px;
		text-align: center;
		font-size: 26px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
	}
	.block-thank-you-text {
		width: 96%;
		border: solid 1px #ccc;
		padding: 10px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
		height: auto;
	}
	.text-background-color {
		background-color: #F2F2F2;
		padding: 10px;
	}
	.block-btn-launch-service-tracker {
		text-align: left;
		margin-top: 30px;
		width: 45%;
		float: left;
	}
	.button-launch-service-tracker {
		background-color: green;
		border: none;
		color: #fff;
		padding: 12px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 15px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 100%;
	}
	.block-btn-cancel-roadside-assistance {
		text-align: left;
		margin-top: 30px;
		width: 45%;
		float: right;
	}
	.button-cancel-roadside-assistance {
		background-color: red;
		border: none;
		color: #fff;
		padding: 12px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 15px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 100%;
	}
}

@media screen and (min-width:641px) and (max-width:768px) {
	#main {
		min-height: 529px;
		padding-top: 1px;
	}
	#wr-footer {
		clear: both;
		display: block;
		margin: 0;
		position: relative;
		width: 100%;
		font-size: 14px;
	}
	#wr-footer .footer_bar {
		background: url(../images/bar_shadow_bottom.png) repeat-x scroll center
			top #d4d4d4;
		border-spacing: 20px;
		clear: both;
		display: table;
		width: 100%;
		font-size: 14px;
	}

	/*--top header-------------------*/
	.wr-header {
		top: 0px;
		background-color: #00539b;
		width: 100%;
		text-align: center;
		display: block;
		height: 90px;
	}
	.wr-logo-caa {
		float: left;
		margin-left: 70px;
		border: solid 0px;
		margin-top: 13px;
		height: 65px;
	}
	.wr-logo-roadside-assitance {
		float: right;
		margin-right: 50px;
		margin-top: 2px;
		height: 88px;
	}
	.wr-txt-welcome1 {
		font-size: 24px;
		font-family: Roboto;
		font-weight: 500;
		margin-top: 0px;
		margin-bottom: 20px;
	}
	.wr-txt-welcome2 {
		font-size: 13px;
		font-family: Roboto;
		font-weight: 400;
		margin-top: 0px;
		margin-left: auto;
		margin-right: auto;
		width: 90%;
		border: solid 0px;
	}
	.wr-txt-welcome3 {
		font-size: 14px;
		font-family: Roboto;
		font-weight: 500;
		margin-top: 20px;
		margin-bottom: 20px;
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}
	.block-active-request {
		font-weight: 600;
		text-decoration: underline;
		width: 315px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px;
	}
	.block-img-truck {
		float: left;
		background-size: cover;
		background-image: url(../images/icon-circle-truck-1.png);
		border: solid 0px #fff;
		width: 50px;
		height: 50px;
		margin-right: 10px;
	}
	.txt-block-active-request {
		width: 50px;
		height: 22px;
		border: solid 0px #000;
		padding-top: 28px;
		float: left;
		font-size: 12px;
		text-align: center;
	}
	.txt-active-request {
		height: 30px;
		padding-top: 12px;
		border: solid 0px #f00;
		cursor: pointer;
		width: 315px;
		text-align: left;
	}

	/*---landing page popup blue - Overlay Popup on landing page---*/
	.wr-container {
		width: 100%;
		height: 100%;
		border: solid 0px;
	}
	#wr-overlay {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: transparent;
		z-index: 2;
		opacity: 0.97;
		margin-top: 90px;
	}
	.wr-myDiv {
		position: relative; /*Parent MUST be relative*/
		z-index: 9;
		background-color: #00539b;
		text-align: center;
		color: #FFF;
		padding-top: 20px;
		/*Set width/height of the div in 'parent'*/
		width: 100%;
		height: 57%;
		opacity: 100%;
	}
	.wr-myDiv:before {
		content: "";
		position: absolute; /*set 'child' to be absolute*/
		z-index: -1; /*Make this lower so text appears in front*/
		/*You can choose to align it left, right, top or bottom here*/
		top: 0;
		right: 0;
		bottom: 60%;
		left: 0;
		background-color: rgba(0, 83, 155);
		height: 400px;
	}
	#wr-text {
		font-size: 50px;
		color: white;
		transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		text-align: center;
	}
	/* end of overlay */
	.wr-txt-welcome2 {
		font-size: 17px;
		font-family: Roboto;
		font-weight: 400;
		margin-top: 5px;
		margin-left: auto;
		margin-right: auto;
		width: 80%;
		border: solid 0px;
	}
	.main-container {
		border: solid 0px #0f0;
		width: 640px;
		margin-left: auto;
		margin-right: auto;
	}
	input {
		font-size: 15px;
	}
	.container1 {
		width: 640px;
		height: 140px;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 14px;
	}
	.container-box1 {
		display: flex;
		display: -webkit-flex;
		display: -ms-flexbox;
		align-items: center;
		flex-direction: row;
		justify-content: space-evenly;
		border: solid 0px #000;
		font-size: 13px;
	}
	.container-box1 div {
		border: solid 1px silver;
		text-align: center;
		box-shadow: 2px 2px 4px 2px #dbdbdb;
		width: 102px;
		height: 102px;
		padding: 12px;
	}
	.container2 {
		width: 500px;
		height: 140px;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
	}
	.container-box2 {
		display: flex;
		display: -webkit-flex;
		display: -ms-flexbox;
		align-items: center;
		flex-direction: row;
		justify-content: space-evenly;
		border: solid 0px #000;
		font-size: 13px;
	}
	.container-box2 div {
		border: solid 1px silver;
		text-align: center;
		box-shadow: 2px 2px 4px 2px #dbdbdb;
		width: 102px;
		height: 102px;
		padding: 12px;
	}
	.container3-battery {
		width: 640px;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 14px;
	}
	.container-box3 {
		display: flex;
		display: -webkit-flex;
		display: -ms-flexbox;
		align-items: center;
		flex-direction: row;
		justify-content: space-evenly;
		border: solid 0px #000;
		font-size: 13px;
	}
	.container-box3 div {
		border: solid 1px silver;
		text-align: center;
		box-shadow: 2px 2px 4px 2px #dbdbdb;
		width: 102px;
		height: 102px;
		padding: 12px;
	}
	.container4-lockedout {
		width: 640px;
		height: 140px;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 14px;
		height: 450px;
	}
	.container-box4 {
		display: flex;
		display: -webkit-flex;
		display: -ms-flexbox;
		align-items: center;
		flex-direction: row;
		justify-content: space-evenly;
		border: solid 0px #000;
		font-size: 13px;
	}
	.container-box4 div {
		border: solid 1px silver;
		text-align: center;
		box-shadow: 2px 2px 4px 2px #dbdbdb;
		width: 102px;
		height: 102px;
		padding: 12px;
	}
	.container5-type-of-fuel {
		width: 640px;
		height: 140px;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 14px;
		height: 450px;
	}
	.container-box5 {
		display: flex;
		display: -webkit-flex;
		display: -ms-flexbox;
		align-items: center;
		flex-direction: row;
		justify-content: space-evenly;
		border: solid 0px #000;
		font-size: 13px;
	}
	.container-box5 div {
		border: solid 1px silver;
		text-align: center;
		box-shadow: 2px 2px 4px 2px #dbdbdb;
		width: 102px;
		height: 102px;
		padding: 12px;
	}
	.image-top-margin {
		margin-top: 15px;
		margin-bottom: 0px;
		height: 40px;
	}
	.image-top-margin-battery {
		margin-top: 5px;
		margin-bottom: 0px;
		height: 33px
	}
	.imp-note {
		margin-left: auto;
		margin-right: auto;
		text-align: left;
		width: 510px;
		border: solid 0px #f00;
		margin-top: 50px;
	}
	p {
		font-size: 11px;
	}
	.btn-back {
		margin-top: 20px;
		margin-left: 50px;
		width: 60px;
		border: solid 0px #f00;
	}
	.image-top-margin-lockedout {
		margin-top: 5px;
		margin-bottom: 0px;
		height: 33px
	}
	.heading1 {
		margin-top: 20px;
		margin-bottom: 35px;
		text-align: center;
		font-size: 26px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
	}
	.heading2 {
		margin-top: 70px;
		margin-bottom: 35px;
		text-align: center;
		font-size: 26px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
	}

	/* Breakdown Location----------*/
	.container7-breakdown-location {
		width: 92%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
		border: solid 0px #000;
	}
	.block-input {
		width: 500px;
		height: 33px;
		border-radius: 5px;
		border: solid 1px #ccc;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 5px;
	}
	.box-search {
		width: 40px;
		height: 25px;
		border: solid 0px #f00;
		float: left;
		margin-top: 6px;
	}
	.input-box {
		width: 80%;
		height: 20px;
		text-align: left;
		float: left;
		border: solid 0px;
		outline: none;
		margin-top: 5px;
	}
	.box-delete {
		width: 40px;
		height: 25px;
		border: solid 0px #f00;
		float: right;
		margin-top: 6px;
	}
	.allow-access {
		width: 225px;
		height: 35px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 30px;
		margin-bottom: 30px;
		border: solid 0px #000;
		cursor: pointer;
	}
	.box-target-cross {
		float: left;
		margin-right: 20px;
		margin-top: 0px;
	}
	.text-location-access {
		padding-top: 8px;
	}
	.block-btn-confirm-breakdown-location {
		width: 100%;
		margin-bottom: 15px;
		text-align: center;
	}
	.button-confirm-breakdown-location {
		background-color: #00539b;
		border: none;
		color: #fff;
		padding: 10px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 350px;
	}
	.text-note {
		width: 400px;
		margin-left: auto;
		margin-right: auto;
		border: solid 0px #000;
		text-align: center;
		color: #a6a6a6;
		margin-bottom: 10px;
		display: block;
	}
	.text-note-mobile {
		width: 320px;
		margin-left: auto;
		margin-right: auto;
		border: solid 0px #000;
		text-align: center;
		color: #a6a6a6;
		margin-bottom: 10px;
		font-size: 11px;
		display: none;
	}
	.txt-current-address {
		width: 380px;
		margin-left: auto;
		margin-right: auto;
		border: solid 0px #000;
		text-align: center;
		font-weight: 500;
		margin-bottom: 7px;
		font-size: 14px;
	}
	.txt-address {
		width: 380px;
		margin-left: auto;
		margin-right: auto;
		border: solid 0px #000;
		text-align: center;
		font-weight: 600;
		margin-bottom: 10px;
		font-size: 15px;
	}
	.map-google {
		width: 580px;
		height: 230px;
		margin-left: auto;
		margin-right: auto;
		border: solid 1px #ccc;
		padding: 5px;
		margin-bottom: 10px;
	}

	/*What type of location---------------------*/
	#main-container-location-type {
		border: solid 0px #0f0;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.container8-locatin-type {
		width: 765px;
		height: 400px;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
	}
	.container-box8-location-type {
		display: flex;
		display: -webkit-flex;
		display: -ms-flexbox;
		align-items: center;
		flex-direction: row;
		justify-content: space-evenly;
		border: solid 0px #000;
		font-size: 13px;
		margin-bottom: 44px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.container-box8-location-type div {
		border: solid 1px silver;
		text-align: center;
		box-shadow: 2px 2px 4px 2px #dbdbdb;
		width: 102px;
		height: 102px;
		padding: 12px;
	}
	.font-size-location-type {
		font-size: 11px;
	}
	.image-top-margin-location-type {
		margin-top: 20px;
		margin-bottom: 0px;
		height: 33px;
	}

	.container9-locatin-type {
		width: 79%;
		height: 200px;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
		border: solid 0px #000;
	}

	/*Tow Destination-------------*/
	#main-container-tow-destination {
		border: solid 0px #0f0;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.container-tow-destination {
		width: 92%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
		border: solid 0px #000;
	}
	.block-input-tow-destination {
		width: 500px;
		height: 33px;
		border-radius: 5px;
		border: solid 1px #ccc;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
	}
	.input-box-tow-destination {
		width: 88%;
		height: 20px;
		text-align: left;
		float: left;
		border: solid 0px;
		outline: none;
		margin-top: 5px;
	}
	.text-note-tow-destination {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		border: solid 0px #000;
		text-align: center;
		margin-bottom: 10px;
	}
	.txt-suggested-destinations {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		border: solid 0px #000;
		text-align: center;
		font-weight: 600;
		margin-bottom: 10px;
	}
	.map-google-tow-destination {
		width: 570px;
		height: 230px;
		margin-left: auto;
		margin-right: auto;
		border: solid 1px #ccc;
		padding: 5px;
		margin-bottom: 10px;
	}
	.block-textarea {
		margin-left: auto;
		margin-right: auto;
		width: 500px;
		max-height: 175px;
		border: solid 0px #ccc;
		overflow-y: scroll;
		overflow-x: hidden;
		margin-bottom: 20px;
		padding-left: 0px;
		padding-right: 10px
	}
	.block-aar-list {
		width: 100%;
		height: 60px;
		border-top: solid 1px #ccc;
		border-bottom: solid 0px #ccc;
	}
	.block-img-aar {
		float: left;
		margin-right: 10px;
		margin-top: 6px;
	}
	.img-aar {
		width: 35px;
		height: 40px;
	}
	.block-aar-detail {
		float: left;
		font-weight: 500;
		width: 84%;
		font-size: 11px;
	}
	.name-aar {
		margin-top: 7px;
		color: #000;
		font-size: 13px;
		font-weight: 500;
		width: 75%;
		display: block;
		float: left;
	}
	.address-tow-destination-aar {
		float: left;
		font-size: 12px;
		font-weight: 400;
		width: 75%;
		color: #000;
	}
	.block-aar-desitance {
		float: right;
		width: 50px;
	}
	.text-arr-distance {
		font-size: 10px;
		margin-top: 10px;
		margin-bottom: 0px;
		color: #9c9c9c;
		float: right;
	}
	.img-next-arrow {
		float: right;
		margin-top: 11px;
		margin-left: 5px;
	}
	.color-closed {
		color: red;
		font-size: 11px;
		text-align: right;
		margin-right: 12px;
	}
	.color-open {
		color: green;
		font-size: 11px;
		text-align: right;
		margin-right: 17px;
	}
	.block-address-aar {
		width: 100%;
		border: solid 0px #f00;
		float: left;
		margin-top: 3px;
	}
	.block-name-aar {
		width: 100%;
		border: solid 0px #f00;
		float: left;
		margin-top: 3px;
	}

	/*Sign in ------------------*/
	.container-signin {
		width: 550px;
		height: 100%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
	}
	.empty-block-signin {
		margin-top: 20px;
		margin-left: 20px;
		width: 60px;
		border: solid 0px #f00;
		display: block;
	}
	.truck-image {
		width: 100%;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
	.text-caa-roadside-assistance {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		border: solid 0px #000;
		text-align: center;
		margin-bottom: 15px;
	}
	.text-caa-signin {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		border: solid 0px #000;
		text-align: center;
		margin-bottom: 10px;
		font-size: 16px;
	}
	.heading-roadside-assistance {
		margin-top: 20px;
		margin-bottom: 5px;
		text-align: center;
		font-size: 26px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
	}
	.heading-signin {
		margin-bottom: 0px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		font-size: 20px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
	}
	.heading-membership-number {
		font-size: 14px;
		font-weight: 500;
		text-align: center;
		margin-bottom: 10px;
		width: 100%;
		border: solid 0px;
		margin-left: auto;
		margin-right: auto;
	}
	.block-membership-number {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 15px;
		width: 345px;
		height: 50px;
		border: solid 0px #f00;
	}
	.block-input1 {
		width: 50px;
		height: 50px;
		border-radius: 3px;
		margin-right: 15px;
		float: left;
	}
	.input-1 {
		width: 46px;
		height: 46px;
		text-align: center;
		border: solid 1px #ccc;
		border-radius: 5px;
		outline: none;
	}
	.block-input2 {
		width: 50px;
		height: 50px;
		border-radius: 3px;
		margin-right: 15px;
		float: left;
	}
	.input-2 {
		width: 46px;
		height: 46px;
		text-align: center;
		border: solid 1px #ccc;
		border-radius: 5px;
		outline: none;
	}
	.block-input3 {
		width: 150px;
		height: 50px;
		border-radius: 3px;
		margin-right: 15px;
		float: left;
		border: solid 0px #000;
	}
	.input-3 {
		width: 146px;
		height: 46px;
		text-align: center;
		border: solid 1px #ccc;
		border-radius: 5px;
		outline: none;
	}
	.block-input4 {
		width: 50px;
		height: 50px;
		border-radius: 3px;
		float: left;
	}
	.input-4 {
		width: 46px;
		height: 46px;
		text-align: center;
		border: solid 1px #ccc;
		border-radius: 5px;
		outline: none;
	}
	.heading-postal-code {
		font-size: 14px;
		font-weight: 500;
		text-align: center;
		margin-bottom: 10px;
		width: 150px;
		margin-left: auto;
		margin-right: auto;
	}
	.block-input-postal-code {
		width: 134px;
		height: 50px;
		border-radius: 3px;
		margin-bottom: 20px;
		margin-left: auto;
		margin-right: auto;
		border: solid 0px #000;
	}
	.input-postal-code {
		width: 130px;
		height: 46px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		border: solid 1px #ccc;
		border-radius: 5px;
		outline: none;
	}
	.block-btn-signin {
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		text-align: center;
	}
	.button-signin {
		background-color: #00539b;
		border: none;
		color: #fff;
		padding: 10px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 346px;
	}

	/*aar Details------------------*/
	.container-aar-detail {
		width: 100%;
		height: 100%;
		border: solid 0px #f00;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
	}
	.heading-aar-name {
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: center;
		font-size: 26px;
		font-weight: 500;
		width: 80%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.block-aar-address {
		width: 80%;
		border: solid 0px;
		margin-left: auto;
		margin-right: auto;
	}
	.logo-aar {
		width: 90px;;
		max-width: 15% !important;
		float: left;
		margin-right: 10px;
		border: solid 0px #f00;
	}
	.aar-logo {
		width: 90%;
	}
	.block-aar-detail-address {
		width: 70%;
		border: solid 0px #f00;
		float: left;
		margin-bottom: 10px;
	}
	.address-aar1 {
		margin-bottom: 3px;
		float: left;
	}
	.km {
		width: 50px;
		color: #939393;
		font-weight: 500;
		font-size: 12px;
		margin-top: 10px;
		float: right;
	}
	.phone-aar {
		margin-bottom: 3px;
	}
	.web-aar {
		margin-bottom: 10px;
	}
	.timing-aar {
		margin-bottom: 30px;
	}
	.color-closed-aar {
		color: red;
		margin-right: 0px;
	}
	.color-open-aar {
		color: green;
		margin-right: 0px;
	}
	.block-btn-confirm-aar-detail {
		float: right;
	}
	.button-confirm-aar-detail {
		background-color: #00539b;
		border: none;
		color: #fff;
		padding: 10px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 200px;
	}
	.heading-offers-members {
		font-weight: 600;
		margin-bottom: 6px;
	}
	.offers-members-details {
		margin-bottom: 10px;
	}
	.block-week-timing {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.border-top {
		border-top: solid 1px #ccc;
	}
	.text-name-week {
		width: 50%;
		float: left;
	}
	.text-timing {
		width: 50%;
		float: right;
		text-align: right;
	}
	.block-button-aar-detail {
		float: right;
		margin-top: 10px;
		width: 100%;
		border: solid 0px;
	}
	.color-closed-aar1 {
		color: red;
		margin-right: 0px;
		float: right;
	}
	.link-skip-this-step {
		float: left;
		margin-top: 10px;
		margin-right: 30px;
		margin-left: 110px;
	}

	/*Select your vehicle------------------*/
	.container-select-vehicle {
		width: 95%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
		height: auto;
	}
	.row-select-vehicle {
		height: auto;
		margin-bottom: 30px;
		width: 100%;
		border: solid 0px #f00;
		overflow-y: auto;
		overflow-x: hidden;
		margin-right: auto;
		margin-left: auto;
	}
	.box-vehicle-detail1 {
		border: solid 1px #ccc;
		width: 29%;
		height: 29%;
		padding: 5px;
		float: left;
		margin-right: 13px;
		margin-left: 0px;
		margin-bottom: 10px;
	}
	.box-vehicle-detail2 {
		border: solid 1px #ccc;
		width: 29%;
		height: 29%;
		padding: 5px;
		float: left;
		margin-right: 13px;
		margin-bottom: 10px;
	}
	.box-vehicle-detail3 {
		border: solid 1px #ccc;
		width: 29%;
		height: 29%;
		padding: 5px;
		float: left;
		margin-bottom: 10px;
	}
	.block-pic {
		width: 100px;
		height: 100px;
		border: solid 1px;
		float: left;
	}
	.txt-year {
		margin-left: 10px;
		font-size: 11px;
		float: left;
		width: 28%;
	}
	.txt-name {
		margin-left: 10px;
		font-size: 11px;
		width: 38%;
		height: 35px;
		margin-bottom: 5px;
		float: left;
	}
	.block-btn-select-vehicle {
		float: left;
		width: 30%;
		margin-left: 10px;
	}
	.button-select {
		background-color: #00539b;
		border: none;
		color: #fff;
		padding: 7px 11px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 11px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 100%
	}
	.block-car-pic {
		background-image: url(/images/img-car-mb1.png);
		width: 70px;
		height: 70px;
		background-repeat: no-repeat;
		background-size: cover;
		float: left;
	}
	.color-dot {
		float: right;
		margin-top: 40px;
		padding-right: 5px;
	}

	/*Confirm your contact information------------------*/
	.container-contact-information {
		width: 500px;
		border: solid 0px #000;
		padding: 10px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0px;
		height: auto;
	}
	.heading-contact-information {
		margin-top: 20px;
		margin-bottom: 35px;
		text-align: center;
		font-size: 26px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
	}
	.txt-provide-phone-number {
		font-size: 14px;
		text-align: left;
		margin-bottom: 5px;
	}
	.btn-cancel {
		margin-top: -20px;
		margin-right: 50px;
		width: 60px;
		border: solid 0px #f00;
		float: right;
		color: #00539b;
	}
	.block-input-contact-information {
		width: 100%;
		height: 33px;
		border-radius: 5px;
		border: solid 1px #ccc;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
	}
	.box-search-contact-information {
		width: 40px;
		height: 25px;
		border: solid 0px #f00;
		float: left;
		margin-top: 5px;
	}
	.input-box-contact-information {
		width: 80%;
		height: 20px;
		text-align: left;
		float: left;
		border: solid 0px;
		outline: none;
		margin-top: 5px;
	}
	.box-delete-contact-information {
		width: 40px;
		height: 25px;
		border: solid 0px #f00;
		float: right;
		margin-top: 6px;
	}
	.icon-unchecked-contact-information {
		float: left;
		margin-right: 10px;
	}
	.box-textarea {
		padding: 10px;
		border: solid 1px #ccc;
		border-radius: 5px;
		color: #00539b;
		height: 100px;
		width: 95%;
		margin-bottom: 30px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		resize: none;
		overflow-y: auto;
	}
	.block-btn-confirm-contact-information {
		width: 100%;
		margin-bottom: 15px;
		text-align: center;
	}
	.button--confirm-contact-information {
		background-color: #00539b;
		border: none;
		color: #fff;
		padding: 10px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 80%;
	}

	/*Add a vehicle-------------------*/
	.tabs-add-vehicle {
		text-align: center;
		border: solid 0px #000;
		margin-bottom: 30px;
	}
	.veh-img {
		display: inline;
		margin-right: -4px;
		box-shadow: 2px 2px 4px 1px #dbdbdb;
		cursor: pointer;
	}
	.right-arrow-select {
		margin-left: 20px;
	}
	.container-vehicle-detail {
		width: 90%;
		height: 100%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
	}
	.heading-add-vehicle {
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: center;
		font-size: 26px;
		font-weight: 500;
		width: 45%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.block-vehicle-detail {
		border: solid 0px #f00;
		width: 563px;
		margin-left: auto;
		margin-right: auto;
	}
	.border-top {
		border-top: solid 1px #ccc;
	}
	.block-model-year {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
		cursor: pointer;
	}
	.text-model-year {
		width: 50%;
		float: left;
	}
	.block-make {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-make {
		width: 50%;
		float: left;
	}
	.block-model {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-model {
		width: 50%;
		float: left;
	}
	.block-colour {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-colour {
		width: 50%;
		float: left;
	}
	.text-select {
		width: 50%;
		float: right;
		text-align: right;
	}
	.text-find-vehicle {
		text-align: left;
		margin-top: 30px;
		margin-left: 50px;
	}
	.block-btn-add-select-vehicle {
		text-align: center;
		margin-top: 30px;
	}
	.button-add-select-vehicle {
		background-color: #00539b;
		border: none;
		color: #fff;
		padding: 10px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 250px;
	}

	/*Add a vehicle YEAR-------------------*/
	.container-year-detail {
		width: 92%;
		height: 100%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
	}
	.heading-add-vehicle {
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: center;
		font-size: 26px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.tabs-add-vehicle-year {
		text-align: center;
		border: solid 0px #000;
		margin-bottom: 30px;
		width: 575px;
		margin-left: auto;
		margin-right: auto;
	}
	.veh-img {
		display: inline;
		margin-right: -4px;
		box-shadow: 2px 2px 4px 1px #dbdbdb;
		width: 33.5%;
		cursor: pointer;
	}
	.heading-year {
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: center;
		font-size: 26px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.img-back-arrow {
		float: left;
		margin-top: 6px;
		width: 12px;
		height: 22px;
	}
	.block-year-detail {
		border: solid 0px #f00;
		width: 563px;
		margin-left: auto;
		margin-right: auto;
	}
	.block-row-year {
		border: solid 0px #f00;
		width: 100%;
		max-height: 225px;
		margin-left: auto;
		margin-right: auto;
		overflow-y: auto;
	}
	.border-top {
		border-top: solid 1px #ccc;
	}
	.row-year {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-year {
		width: 100%;
		float: left;
		color: #00539b;
	}

	/*Add a vehicle MAKE-------------------*/
	.container-make-detail {
		width: 92%;
		height: 100%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
	}
	.tabs-add-vehicle-make {
		text-align: center;
		border: solid 0px #000;
		margin-bottom: 30px;
		width: 100%;
		margin-left: -2px;
	}
	.veh-img {
		display: inline;
		margin-right: -4px;
		box-shadow: 2px 2px 4px 1px #dbdbdb;
		width: 33.4%;
		cursor: pointer;
	}
	.heading-make {
		width: 100%;
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: center;
		font-size: 26px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.heading-add-vehicle {
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: center;
		font-size: 26px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.img-back-arrow {
		float: left;
		margin-top: 6px;
		width: 12px;
		height: 22px;
	}
	.block-make-detail {
		border: solid 0px #f00;
		width: 563px;
		margin-left: auto;
		margin-right: auto;
	}
	.block-row-make {
		border: solid 0px #f00;
		width: 100%;
		max-height: 225px;
		margin-left: auto;
		margin-right: auto;
		overflow-y: auto;
	}
	.border-top {
		border-top: solid 1px #ccc;
	}
	.row-make {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-make {
		width: 50%;
		float: left;
		color: #00539b;
	}

	/*Add a vehicle MODEL-------------------*/
	.container-model-detail {
		width: 92%;
		height: 100%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
	}
	.tabs-add-vehicle-make {
		text-align: center;
		border: solid 0px #000;
		margin-bottom: 30px;
		width: 575px;
		margin-left: auto;
		margin-right: auto;
	}
	.veh-img {
		display: inline;
		margin-right: -4px;
		box-shadow: 2px 2px 4px 1px #dbdbdb;
		width: 33.4%;
		cursor: pointer;
	}
	.heading-add-vehicle {
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: center;
		font-size: 26px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.heading-model {
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: center;
		font-size: 26px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.img-back-arrow {
		float: left;
		margin-top: 6px;
		width: 12px;
		height: 22px;
	}
	.block-model-detail {
		border: solid 0px #f00;
		width: 563px;
		margin-left: auto;
		margin-right: auto;
	}
	.block-row-model {
		border: solid 0px #f00;
		width: 100%;
		max-height: 225px;
		margin-left: auto;
		margin-right: auto;
		overflow-y: auto;
	}
	.border-top {
		border-top: solid 1px #ccc;
	}
	.row-model {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-model {
		width: 50%;
		float: left;
		color: #00539b;
	}

	/*Add a vehicle COLOUR-------------------*/
	.tabs-add-vehicle-drive-type {
		text-align: center;
		border: solid 0px #000;
		margin-bottom: 30px;
		width: 100%;
	}
	.tabs-add-vehicle-colour {
		text-align: center;
		border: solid 0px #000;
		margin-bottom: 30px;
		width: 100%;
	}
	.veh-img {
		display: inline;
		margin-right: -4px;
		box-shadow: 2px 2px 4px 1px #dbdbdb;
		cursor: pointer;
	}
	.container-colour-detail {
		width: 92%;
		height: 100%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
	}
	.heading-add-vehicle {
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: center;
		font-size: 26px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.heading-colour {
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: center;
		font-size: 26px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.img-back-arrow {
		float: left;
		margin-top: 6px;
		width: 12px;
		height: 22px;
	}
	.block-colour-detail {
		border: solid 0px #f00;
		width: 563px;
		margin-left: auto;
		margin-right: auto;
	}
	.block-row-colour {
		border: solid 0px #f00;
		width: 100%;
		max-height: 225px;
		margin-left: auto;
		margin-right: auto;
		overflow-y: auto;
		padding-right: 10px;
	}
	.border-top {
		border-top: solid 1px #ccc;
	}
	.row-colour {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-colour {
		width: 50%;
		float: left;
		color: #00539b;
	}
	.icon-color-dot {
		float: left;
		margin-top: -7px;
		margin-right: 20px;
	}

	/*Add a vehicle-SELECTED-------------------*/
	.tabs-add-vehicle {
		text-align: center;
		border: solid 0px #000;
		margin-bottom: 30px;
		width: 575px;
		margin-left: auto;
		margin-right: auto;
	}
	.veh-img {
		display: inline;
		margin-right: -4px;
		box-shadow: 2px 2px 4px 1px #dbdbdb;
		cursor: pointer;
	}
	.right-arrow-select {
		margin-left: 20px;
	}
	.right-arrow-colour {
		margin-right: 0px;
		float: right;
		margin-top: 3px;
	}
	.container-vehicle-detail-selected {
		width: 92%;
		height: 100%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
	}
	.heading-add-vehicle {
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: center;
		font-size: 26px;
		font-weight: 500;
		width: 45%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.block-vehicle-detail-selected {
		border: solid 0px #f00;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.border-top {
		border-top: solid 1px #ccc;
	}
	.block-model-year1 {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-model-year1 {
		width: 50%;
		float: left;
		color: #00539b;
	}
	.block-make1 {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-make1 {
		width: 50%;
		float: left;
		color: #00539b;
	}
	.block-model1 {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-model1 {
		width: 50%;
		float: left;
		color: #00539b;
	}
	.block-colour1 {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-colour1 {
		width: 50%;
		float: left;
		color: #00539b;
	}
	.text-select {
		width: 65%;
		float: right;
		text-align: right;
		color: #ccc;
	}
	.text-select-blue {
		width: 65%;
		float: right;
		text-align: right;
		color: #00539b;
	}
	.text-selected {
		width: 100%;
		float: right;
		text-align: right;
		color: #00539b;
	}
	.text-find-vehicle {
		text-align: left;
		margin-top: 30px;
		margin-left: 0px;
	}
	.block-btn-add-select-vehicle {
		text-align: center;
		margin-top: 30px;
	}
	.button-add-select-vehicle {
		background-color: #00539b;
		border: none;
		color: #fff;
		padding: 10px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 250px;
	}

	/*Add a vehicle-MANUALLY-------------------*/
	.tabs-add-vehicle-manually {
		text-align: center;
		border: solid 0px #000;
		margin-bottom: 30px;
		width: 98%;
	}
	.veh-img {
		display: inline;
		margin-right: -6px;
		box-shadow: 2px 2px 4px 1px #dbdbdb;
		width: 33%;
		cursor: pointer;
	}
	.right-arrow-select {
		margin-left: 20px;
	}
	.right-arrow-colour {
		margin-right: 0px;
		float: right;
		margin-top: 3px;
	}
	.container-add-vehicle-manually {
		width: 600px;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
	}
	.heading-add-vehicle-manually {
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: center;
		font-size: 26px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.block-vehicle-detail-manually {
		border: solid 0px #f00;
		width: 97%;
		margin-left: auto;
		margin-right: auto;
		font-size: 16px;
	}
	.border-top {
		border-top: solid 1px #ccc;
	}
	.block-model-year2 {
		width: 99%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-model-year2 {
		width: 30%;
		float: left;
		color: #00539b;
	}
	.block-make2 {
		width: 99%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-make2 {
		width: 35%;
		float: left;
		color: #00539b;
	}
	.block-model2 {
		width: 99%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-model2 {
		width: 35%;
		float: left;
		color: #00539b;
	}
	.block-colour2 {
		width: 99%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-colour2 {
		width: 35%;
		float: left;
		color: #00539b;
	}
	.color-dot-selected {
		border: solid 0px;
		width: 88%;
		float: left;
		text-align: right;
		height: 25px;
		margin-top: -4px;
	}
	.text-select {
		width: 65%;
		float: right;
		text-align: right;
		color: #ccc;
	}
	.text-select-blue-mannually {
		width: 65%;
		float: right;
		text-align: right;
		color: #00539b;
	}
	.text-predefined-pickers {
		width: 100%;
		text-align: center;
		margin-top: 30px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0px;
	}
	.block-btn-add-select-vehicle {
		text-align: center;
		margin-top: 30px;
	}
	.button-add-select-vehicle {
		background-color: #00539b;
		border: none;
		color: #fff;
		padding: 10px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 250px;
	}

	/*THANK YOU screen-------------------*/
	.empty-block-thank-you {
		margin-top: 80px;
	}
	.container-thank-you {
		border: solid 0px #ccc;
		padding: 10px;
		width: 600px;
		margin-left: auto;
		margin-right: auto;
	}
	.heading-thank-you {
		margin-top: 20px;
		margin-bottom: 15px;
		text-align: center;
		font-size: 26px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
	}
	.block-thank-you-text {
		width: 96%;
		border: solid 1px #ccc;
		padding: 10px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
		height: auto;
	}
	.text-background-color {
		background-color: #F2F2F2;
		padding: 10px;
	}
	.block-btn-launch-service-tracker {
		text-align: left;
		margin-top: 30px;
		width: 45%;
		float: left;
	}
	.button-launch-service-tracker {
		background-color: green;
		border: none;
		color: #fff;
		padding: 12px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 15px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 100%;
	}
	.block-btn-cancel-roadside-assistance {
		text-align: left;
		margin-top: 30px;
		width: 45%;
		float: right;
	}
	.button-cancel-roadside-assistance {
		background-color: red;
		border: none;
		color: #fff;
		padding: 12px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 15px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 100%;
	}
}

@media screen and (min-width:460px) and (max-width:640px) {
	#main {
		min-height: 542px;
		padding-top: 1px;
	}
	#wr-footer {
		clear: both;
		display: block;
		margin: 0;
		position: relative;
		width: 100%;
		font-size: 14px;
	}
	#wr-footer .footer_bar {
		background: url(../images/bar_shadow_bottom.png) repeat-x scroll center
			top #d4d4d4;
		border-spacing: 20px;
		clear: both;
		display: table;
		width: 100%;
		font-size: 14px;
	}
	input {
		font-size: 13px;
	}
	/*--top header-------------------*/
	.wr-header {
		top: 0px;
		background-color: #00539b;
		width: 100%;
		text-align: center;
		display: block;
		height: 60px;
	}
	.btn-back-arrow {
		float: left;
		margin-top: 22px;
		margin-left: 20px;
		display: block;
	}
	.wr-logo-caa {
		float: left;
		margin-left: 15px;
		border: solid 0px;
		margin-top: 10px;
		height: 42px;
	}
	.wr-logo-roadside-assitance {
		float: right;
		margin-right: 10px;
		margin-top: 0px;
		height: 60px;
	}

	/*--landing page popup blue-------------------*/
	.wr-icon-truck {
		margin-left: auto;
		margin-right: auto;
		width: 110px;
		height: 75px;
	}
	.wr-txt-welcome1 {
		font-size: 24px;
		font-family: Roboto;
		font-weight: 500;
		margin-top: 0px;
		margin-bottom: 20px;
	}
	.wr-txt-welcome2 {
		font-size: 13px;
		font-family: Roboto;
		font-weight: 400;
		margin-top: 0px;
		margin-left: auto;
		margin-right: auto;
		width: 90%;
		border: solid 0px;
	}
	.wr-txt-welcome3 {
		font-size: 14px;
		font-family: Roboto;
		font-weight: 500;
		margin-top: 20px;
		margin-bottom: 20px;
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}
	.block-active-request {
		font-weight: 600;
		text-decoration: underline;
		width: 315px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px;
	}
	.block-img-truck {
		float: left;
		background-size: cover;
		background-image: url(../images/icon-circle-truck-1.png);
		border: solid 0px #fff;
		width: 50px;
		height: 50px;
		margin-right: 10px;
	}
	.txt-block-active-request {
		width: 50px;
		height: 22px;
		border: solid 0px #000;
		padding-top: 28px;
		float: left;
		font-size: 12px;
		text-align: center;
	}
	.txt-active-request {
		height: 30px;
		padding-top: 12px;
		border: solid 0px #f00;
		cursor: pointer;
		width: 315px;
		text-align: left;
	}
	.wr-btn-roadside-assistance {
		text-align: center;
		margin-top: 50px;
		cursor: pointer;
		border: solid 0px;
		width: 300px;
		margin-left: auto;
		margin-right: auto;
	}
	.block-btn-rra {
		background-color: white;
		border: none;
		color: #00539b;
		padding: 10px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
	}
	.button-rra {
		width: 410px;
	}
	.wr-call-desktop {
		font-size: 17px;
		font-family: Roboto;
		color: #fff;
		font-weight: 400;
		margin-top: 20px;
		display: none;
	}
	.wr-call-mobile {
		font-size: 17px;
		font-family: Roboto;
		color: #fff;
		font-weight: 400;
		margin-top: 20px;
		display: block;
	}

	/*---landing page popup blue - Overlay Popup on landing page---*/
	.wr-container {
		width: 100%;
		height: 100%;
		border: solid 0px;
	}
	#wr-overlay {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: transparent;
		z-index: 2;
		opacity: 0.97;
		margin-top: 60px;
	}
	.wr-myDiv {
		position: relative; /*Parent MUST be relative*/
		z-index: 9;
		background-color: #00539b;
		text-align: center;
		color: #FFF;
		padding-top: 20px;
		/*Set width/height of the div in 'parent'*/
		width: 100%;
		height: 57%;
		opacity: 100%;
	}
	.wr-myDiv:before {
		content: "";
		position: absolute; /*set 'child' to be absolute*/
		z-index: -1; /*Make this lower so text appears in front*/
		/*You can choose to align it left, right, top or bottom here*/
		top: 0;
		right: 0;
		bottom: 60%;
		left: 0;
		background-color: rgba(0, 83, 155);
		height: 800px;
	}
	#wr-text {
		font-size: 50px;
		color: white;
		transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		text-align: center;
	}
	/* end of overlay */
	.btn-back {
		margin-top: 80px;
		margin-left: 20px;
		width: 60px;
		border: solid 0px #f00;
		display: none;
	}
	.empty-block {
		margin-top: 80px;
		margin-left: 20px;
		width: 60px;
		border: solid 0px #f00;
		display: block;
	}
	.heading1 {
		margin-top: 20px;
		margin-bottom: 35px;
		text-align: left;
		font-size: 20px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
	}
	.heading2 {
		margin-top: 20px;
		margin-bottom: 35px;
		text-align: left;
		font-size: 20px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
	}
	.heading-breakdown-location {
		margin-top: 20px;
		margin-bottom: 35px;
		text-align: left;
		font-size: 20px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
	}
	.main-container {
		border: solid 0px #0f0;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	.top-margin {
		margin-top: 80px;
	}
	.margin-top-lockedout {
		margin-top: -12px;
	}
	.image-top-margin-lockedout {
		margin-top: -9px;
		margin-bottom: 0px;
		margin-left: -15px;
		height: 32px;
		float: left;
	}
	.btn-back-arrow {
		float: left;
		margin-top: 22px;
		margin-left: 20px;
		display: block;
	}
	.border {
		border-top: solid 1px #ccc;
		display: block;
	}
	.item-1 {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.item-2 {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.item-3 {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.container1 {
		width: 100%;
		height: 100%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
	}
	.container-box1 {
		display: flex;
		display: -webkit-flex;
		display: -ms-flexbox;
		align-items: left;
		flex-direction: column;
		justify-content: space-evenly;
		border: solid 0px #000;
		font-size: 13px;
		margin-top: -20px;
		width: 100%;
	}
	.container-box1 div {
		border: solid 0px silver;
		border-bottom: solid 1px silver;
		text-align: left;
		box-shadow: 0px 0px 0px 0px #dbdbdb;
		width: 97%;
		height: 15px;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 3%;
		padding-right: 0%;
	}
	.container2 {
		width: 100%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		margin-top: -20px;
	}
	.container-box2 {
		display: flex;
		display: -webkit-flex;
		display: -ms-flexbox;
		align-items: left;
		flex-direction: column;
		justify-content: space-evenly;
		border: solid 0px #000;
		font-size: 13px;
		margin-top: -30px;
	}
	.container-box2 div {
		border: solid 0px silver;
		border-bottom: solid 1px silver;
		text-align: left;
		box-shadow: 0px 0px 0px 0px #dbdbdb;
		width: 97%;
		height: 15px;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 3%;
		padding-right: 0%;
	}
	.container3-battery {
		width: 93%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
	}
	.container-box3 {
		display: flex;
		display: -webkit-flex;
		display: -ms-flexbox;
		align-items: left;
		flex-direction: column;
		justify-content: space-evenly;
		border: solid 0px #000;
		font-size: 13px;
		margin-top: -20px;
		width: 100%;
	}
	.container-box3 div {
		border: solid 0px silver;
		border-bottom: solid 1px silver;
		text-align: left;
		box-shadow: 0px 0px 0px 0px #dbdbdb;
		width: 97%;
		height: 15px;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 3%;
		padding-right: 0%;
	}
	.container4-lockedout {
		width: 90%;
		height: auto;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
	}
	.container-box4 {
		display: flex;
		display: -webkit-flex;
		display: -ms-flexbox;
		align-items: left;
		flex-direction: column;
		justify-content: space-evenly;
		border: solid 0px #000;
		font-size: 13px;
		margin-top: -20px;
		width: 100%;
	}
	.container-box4 div {
		border: solid 0px silver;
		border-bottom: solid 1px silver;
		text-align: left;
		box-shadow: 0px 0px 0px 0px #dbdbdb;
		width: 97%;
		height: 15px;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 3%;
		padding-right: 0%;
	}
	.container5-type-of-fuel {
		width: 100%;
		height: 100%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		height: 450px;
	}
	.container-box5 {
		display: flex;
		display: -webkit-flex;
		display: -ms-flexbox;
		align-items: left;
		flex-direction: column;
		justify-content: space-evenly;
		border: solid 0px #000;
		font-size: 13px;
		margin-top: -20px;
		width: 100%;
	}
	.container-box5 div {
		border: solid 0px silver;
		border-bottom: solid 1px silver;
		text-align: left;
		box-shadow: 0px 0px 0px 0px #dbdbdb;
		width: 97%;
		height: 15px;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 3%;
		padding-right: 0%;
	}
	p {
		font-weight: 300;
		line-height: 1.5;
		font-weight: 600;
		color: #000;
		margin-top: 0px;
		margin-left: 60px;
	}
	.image-top-margin {
		margin-top: -5px;
		margin-bottom: 0px;
		margin-left: -5px;
		height: 27px;
		float: left;
	}
	.image-top-margin-battery {
		margin-top: -9px;
		margin-bottom: 0px;
		margin-left: -5px;
		height: 32px;
		float: left;
	}
	.imp-note {
		margin-left: auto;
		margin-right: auto;
		text-align: left;
		width: 90%;
		border: solid 0px #f00;
		margin-top: 50px;
	}
	.margin-top-problem {
		margin-top: -38px;
	}
	.image-top-margin-lockedout {
		margin-top: -9px;
		margin-bottom: 0px;
		margin-left: -5px;
		height: 32px;
		float: left;
	}
	.top-line {
		border-top: solid 1px #ccc;
	}
	.text-battery-test {
		margin-top: 0px;
	}

	/*Flat Tire------------*/
	.container6-flat-tire {
		width: 92%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
		height: 450px;
		border: solid 0px #000;
	}
	.container-flat-tire {
		border: solid 0px #000;
		width: 295px;
		height: 260px;
		margin-left: auto;
		margin-right: auto;
	}
	.row-left {
		width: 70px;
		height: 240px;
		border: solid 0px #f00;
		margin-right: 5px;
		float: left;
	}
	.block-icon-check {
		border: solid 0px #000;
		width: 70px;
		height: 47px;
		margin-top: 20px;
	}
	.icon-unchecked-front-left {
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 5px;
		width: 30px;
		height: 30px;
		cursor: pointer;
	}
	.txt-front-rear-tire {
		font-size: 11px;
		margin-left: 10px;
	}
	.box-empty-flat-tire {
		width: 70px;
		height: 90px;
		border: solid 0px #000;
	}
	.rear-left {
		border: solid 0px #000;
		width: 70px;
		height: 47px;
	}
	.icon-unchecked-rear-left {
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 5px;
		width: 30px;
		height: 30px;
		cursor: pointer;
	}
	.row-center {
		width: 140px;
		height: 250px;
		border: solid 0px #f00;
		float: left;
		background-image: url(/images/car-image.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
	}
	.row-right {
		width: 74px;
		height: 240px;
		border: solid 0px #f00;
		margin-right: 0px;
		float: right;
	}
	.front-right {
		border: solid 0px #000;
		width: 70px;
		height: 47px;
		margin-top: 20px;
	}
	.icon-unchecked-front-right {
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 5px;
		margin-bottom: 5px;
		width: 30px;
		height: 30px;
		cursor: pointer;
	}
	.rear-left {
		border: solid 0px #000;
		width: 70px;
		height: 47px;
	}
	.icon-unchecked-rear-right {
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 5px;
		margin-bottom: 5px;
		width: 30px;
		height: 30px;
		cursor: pointer;
	}
	.txt-block-need-air {
		width: 100%;
		border-top: solid 1px #ccc;
		border-bottom: solid 0px #ccc;
		padding-top: 10px;
		padding-bottom: 5px;
		margin-bottom: 0px;
		margin-left: auto;
		margin-right: auto;
	}
	.line-separator {
		width: 100%;
		border-top: solid 1px #ccc;
		padding-bottom: 15px;
		margin-top: 15px;
	}
	.txt-need-air {
		float: left;
		font-size: 14px;
		margin-top: 3px;
	}
	.img-check-uncheck {
		float: right;
		cursor: pointer;
	}
	.txt-block-spare-tire {
		width: 100%;
		border-top: solid 0px #ccc;
		border-bottom: solid 0px #ccc;
		padding-top: 20px;
		padding-bottom: 5px;
		margin-bottom: 0px;
		margin-left: auto;
		margin-right: auto;
	}
	.txt-spare-tire {
		float: left;
		font-size: 14px;
		margin-top: 3px;
	}
	.block-button-confirm-flat-tire {
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		margin-top: 20px;
		text-align: center;
	}
	.btn-confirm-flat-tire {
		background-color: #00539b;
		border: none;
		color: #fff;
		padding: 10px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 326px;
	}
	.txt-front-left-tire {
		font-size: 14px;
		margin-left: 0px;
		text-align: center;
	}
	.txt-front-right-tire {
		font-size: 14px;
		margin-left: 0px;
		text-align: center;
	}
	.txt-rear-left-tire {
		font-size: 14px;
		margin-left: 0px;
		text-align: center;
	}
	.txt-rear-right-tire {
		font-size: 14px;
		margin-left: 0px;
		text-align: center;
	}
	.front-right-tire {
		margin-left: 104px;
		margin-top: -43px;
		float: left;
		border: solid 0px;
	}
	.front-left-tire {
		margin-left: 20px;
		margin-top: 27px;
		float: left;
		border: solid 0px #f00;
	}
	.rear-left-tire {
		margin-left: 20px;
		margin-top: 101px;
		float: left;
		border: solid 0px;
	}
	.rear-right-tire {
		margin-left: 104px;
		margin-top: -44px;
		float: left;
		border: solid 0px #f00;
	}
	.img-front-left-tire {
		width: 17px;
		height: 44px;
	}
	.img-front-right-tire {
		width: 17px;
		height: 44px;
	}
	.img-rear-left-tire {
		width: 17px;
		height: 44px;
	}
	.img-rear-right-tire {
		width: 17px;
		height: 44px;
	}
	.img-front-left-tire-red {
		width: 17px;
		height: 44px;
	}
	.img-front-right-tire-red {
		width: 17px;
		height: 44px;
	}
	.img-rear-left-tire-red {
		width: 17px;
		height: 44px;
	}
	.img-rear-right-tire-red {
		width: 17px;
		height: 44px;
	}

	/*Breakdown Location--------------*/
	.container7-breakdown-location {
		width: 92%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
		border: solid 0px #000;
	}
	.block-input {
		width: 99%;
		height: 33px;
		border-radius: 5px;
		border: solid 1px #ccc;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 15px;
	}
	.box-search {
		width: 40px;
		height: 25px;
		border: solid 0px #f00;
		float: left;
		margin-top: 6px;
	}
	.input-box {
		width: 80%;
		height: 20px;
		text-align: left;
		float: left;
		border: solid 0px;
		outline: none;
		margin-top: 6px;
	}
	.box-delete {
		width: 30px;
		height: 25px;
		border: solid 0px #f00;
		float: right;
		margin-top: 6px;
	}
	.allow-access {
		width: 220px;
		height: 35px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 30px;
		margin-bottom: 30px;
		border: solid 0px #000;
		display: none;
	}
	.box-target-cross {
		float: left;
		margin-right: 20px;
		margin-top: 0px;
	}
	.text-location-access {
		padding-top: 8px;
	}
	.text-note {
		width: 400px;
		margin-left: auto;
		margin-right: auto;
		border: solid 0px #000;
		text-align: center;
		color: #a6a6a6;
		margin-bottom: 10px;
		display: none;
	}
	.text-note-mobile {
		width: 320px;
		margin-left: auto;
		margin-right: auto;
		border: solid 0px #000;
		text-align: center;
		color: #a6a6a6;
		margin-bottom: 10px;
		font-size: 11px;
		display: block;
	}
	.txt-current-address {
		width: 100%;
		border: solid 0px #000;
		text-align: left;
		font-weight: 500;
		margin-bottom: 7px;
		font-size: 12px;
	}
	.txt-address {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		border: solid 0px #000;
		text-align: left;
		font-weight: 600;
		margin-bottom: 10px;
		font-size: 13px;
	}
	.map-google {
		width: 99%;
		height: 230px;
		margin-left: auto;
		margin-right: auto;
		border: solid 1px #ccc;
		padding: 0px;
		margin-bottom: 10px;
	}
	.block-btn-confirm-breakdown-location {
		margin-left: -2px;
		width: 100%;
		margin-top: 15px;
	}
	.button-confirm-breakdown-location {
		background-color: #00539b;
		border: none;
		color: #fff;
		padding: 10px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 100%;
	}

	/*---What type of location---------------------*/
	#main-container-location-type {
		border: solid 0px #0f0;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.text-roadway {
		margin-top: 0px;
	}
	.container8-location-type {
		width: 90%;
		height: 100%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
	}
	.container-box8-location-type {
		display: flex;
		display: -webkit-flex;
		display: -ms-flexbox;
		align-items: left;
		flex-direction: column;
		justify-content: space-evenly;
		border: solid 0px #000;
		font-size: 13px;
		margin-top: 0px;
		width: 100%;
		margin-bottom: 0px;
	}
	.container-box8-location-type div {
		border: solid 0px silver;
		border-bottom-color: silver;
		border-bottom-style: solid;
		border-bottom-width: 0px;
		border-bottom: solid 1px silver;
		text-align: left;
		box-shadow: 0px 0px 0px 0px #dbdbdb;
		width: 97%;
		height: 15px;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 3%;
		padding-right: 0%;
	}
	.image-top-margin-location-type {
		margin-top: -5px;
		margin-bottom: 0px;
		margin-left: -15px;
		height: 27px;
		float: left;
	}

	.container9-locatin-type {
		width: 100%;
		height: 200px;
		border: solid 0px #000;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 10px;
		border: solid 0px #000;
	}
	
	/*---Tow destination---------------------*/
	.text-note-tow-destination {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		border: solid 0px #000;
		text-align: center;
		margin-bottom: 10px;
	}
	.block-textarea {
		margin-left: auto;
		margin-right: auto;
		width: 511px;
	}
	.list-view {
		width: 426px;
		height: 230px;
		margin-left: auto;
		margin-right: auto;
		border: solid 1px #ccc;
		padding: 5px;
		margin-bottom: 10px;
		overflow-y: scroll;
	}
	.map-google-tow-destination {
		width: 428px;
		height: 230px;
		margin-left: auto;
		margin-right: auto;
		border: solid 1px #ccc;
		padding: 5px;
		margin-bottom: 10px;
	}
	.block-textarea {
		margin-left: auto;
		margin-right: auto;
		width: 437px;
	}

	/*Tow Destination*/
	.text-note-tow-destination {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		border: solid 0px #000;
		text-align: left;
		margin-bottom: 10px;
		font-size: 14px;
	}
	.map-google-tow-destination {
		width: 100%;
		height: 230px;
		margin-left: auto;
		margin-right: auto;
		border: solid 1px #ccc;
		padding: 0px;
		margin-bottom: 10px;
	}
	.list-view {
		width: 250px;
		height: 230px;
		margin-left: auto;
		margin-right: auto;
		border: solid 0px #ccc;
		padding: 5px;
		margin-bottom: 10px;
		overflow-y: scroll;
	}
	.block-input-tow-destination {
		width: 100%;
		height: 33px;
		float: left;
		border-radius: 5px;
		border: solid 1px #ccc;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
		margin-top: -20px;
	}
	.block-textarea {
		margin-left: auto;
		margin-right: auto;
		width: 98%;
		max-height: 174px;
		border: solid 0px #ccc;
		overflow-y: scroll;
		overflow-x: hidden;
		margin-bottom: 20px;
		padding-left: 0px;
		padding-right: 10px
	}
	.block-aar-list {
		width: 100%;
		height: 60px;
		border-top: solid 1px #ccc;
		border-bottom: solid 0px #ccc;
	}
	.block-img-aar {
		float: left;
		margin-right: 10px;
		margin-top: 6px;
	}
	.img-aar {
		width: 35px;
		height: 40px;
	}
	.block-aar-detail {
		float: right;
		font-weight: 500;
		width: 88%;
		font-size: 11px;
	}
	.name-aar {
		margin-top: 7px;
		color: #000;
		font-size: 13px;
		font-weight: 500;
		width: 75%;
		display: block;
		float: left;
	}
	.address-tow-destination-aar {
		float: left;
		font-size: 12px;
		font-weight: 400;
		width: 75%;
		color: #000;
	}
	.block-aar-desitance {
		float: right;
		width: 50px;
	}
	.text-arr-distance {
		font-size: 10px;
		margin-top: 10px;
		margin-bottom: 0px;
		color: #9c9c9c;
		float: right;
	}
	.img-next-arrow {
		float: right;
		margin-top: 11px;
		margin-left: 5px;
	}
	.color-closed {
		color: red;
		font-size: 11px;
		text-align: right;
		margin-right: 12px;
	}
	.color-open {
		color: green;
		font-size: 11px;
		text-align: right;
		margin-right: 17px;
	}
	.block-address-aar {
		width: 100%;
		border: solid 0px #f00;
		float: left;
		margin-top: 3px;
	}
	.block-name-aar {
		width: 100%;
		border: solid 0px #f00;
		float: left;
		margin-top: 3px;
	}

	/*Sign in ------------------*/
	.background-body {
		background-color: #f1f1f1;
		overflow-y: auto;
	}
	.empty-block-signin {
		margin-top: 0px;
		margin-left: 20px;
		width: 60px;
		border: solid 0px #f00;
		display: block;
	}
	.container-signin {
		width: 100%;
		height: 100%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0px;
	}
	.img-truck {
		width: 100%;
		height: 100%;
		margin-bottom: -10px;
	}
	.background-signin {
		background-color: #fff;
	}
	.block-signin {
		background-color: #f2f2f2;
		padding: 10px;
		padding-bottom: 25px;
	}
	.text-caa-roadside-assistance {
		width: 95%;
		margin-left: 10px;
		margin-right: auto;
		border: solid 0px #000;
		text-align: left;
		margin-bottom: 10px;
		font-size: 12px;
	}
	.text-caa-signin {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		border: solid 0px #000;
		text-align: left;
		margin-bottom: 10px;
		font-size: 12px;
	}
	.heading-roadside-assistance {
		margin-top: 10px;
		margin-bottom: 10px;
		padding-left: 10px;
		padding-top: 15px;
		text-align: left;
		font-size: 20px;
		font-weight: 500;
		width: 93%;
	}
	.heading-signin {
		margin-bottom: 0px;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
		font-size: 20px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
	}
	.heading-membership-number {
		font-size: 14px;
		font-weight: 500;
		text-align: left;
		margin-bottom: 10px;
		width: 100%;
		border: solid 0px;
		margin-left: auto;
		margin-right: auto;
	}
	.block-membership-number {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0px;
		width: 100%;
		height: 50px;
		border: solid 0px #f00;
	}
	.block-input1 {
		width: 38px;
		height: 38px;
		border-radius: 0px;
		margin-right: 15px;
		float: left;
	}
	.input-1 {
		width: 35px;
		height: 35px;
		text-align: center;
		border: solid 1px #e1e1e1;
		border-radius: 0px;
		outline: none;
	}
	.block-input2 {
		width: 38px;
		height: 38px;
		border-radius: 0px;
		margin-right: 15px;
		float: left;
	}
	.input-2 {
		width: 35px;
		height: 35px;
		text-align: center;
		border: solid 1px #e1e1e1;
		border-radius: 0px;
		outline: none;
	}
	.block-input3 {
		width: 114px;
		height: 38px;
		border-radius: 0px;
		margin-right: 15px;
		float: left;
		border: solid 0px #000;
	}
	.input-3 {
		width: 110px;
		height: 35px;
		text-align: center;
		border: solid 1px #e1e1e1;
		border-radius: 0px;
		outline: none;
	}
	.block-input4 {
		width: 50px;
		height: 50px;
		border-radius: 0px;
		float: left;
	}
	.input-4 {
		width: 35px;
		height: 35px;
		text-align: center;
		border: solid 1px #e1e1e1;
		border-radius: 0px;
		outline: none;
	}
	.heading-postal-code {
		font-size: 14px;
		font-weight: 500;
		text-align: left;
		margin-bottom: 5px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.block-input-postal-code {
		width: 122px;
		height: 50px;
		border-radius: 0px;
		margin-bottom: 10px;
		border: solid 0px #000;
		float: left;
	}
	.input-postal-code {
		width: 114px;
		height: 36px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 4px;
		text-align: center;
		border: solid 1px #e1e1e1;
		border-radius: 0px;
		outline: none;
	}
	.block-btn-signin {
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		text-align: left;
	}
	.button-signin {
		background-color: #00539b;
		border: none;
		color: #fff;
		padding: 10px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		margin: 4px 10px;
		cursor: pointer;
		border-radius: 3px;
		width: 108px;
	}

	/*aar Details------------------*/
	.container-aar-detail {
		width: 100%;
		height: 100%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
	}
	.heading-aar-name {
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: left;
		font-size: 22px;
		font-weight: 500;
		width: 90%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.block-aar-address {
		width: 90%;
		border: solid 0px;
		margin-left: auto;
		margin-right: auto;
	}
	.logo-aar {
		width: 90px;;
		max-width: 15% !important;
		float: left;
		margin-right: 10px;
		border: solid 0px #f00;
	}
	.aar-logo {
		width: 90%;
	}
	.block-aar-detail-address {
		width: 80%;
		border: solid 0px #f00;
		float: left;
		margin-bottom: 10px;
	}
	.address-aar1 {
		margin-bottom: 3px;
		float: left;
	}
	.km {
		width: 50px;
		color: #939393;
		font-weight: 500;
		font-size: 12px;
		margin-top: 10px;
		float: right;
	}
	.phone-aar {
		margin-bottom: 3px;
	}
	.web-aar {
		margin-bottom: 10px;
	}
	.timing-aar {
		margin-bottom: 30px;
	}
	.color-closed-aar {
		color: red;
		margin-right: 0px;
	}
	.color-open-aar {
		color: green;
		margin-right: 0px;
	}
	.block-btn-confirm-aar-detail {
		float: right;
	}
	.button-confirm-aar-detail {
		background-color: #00539b;
		border: none;
		color: #fff;
		padding: 10px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 160px;
	}
	.heading-offers-members {
		font-weight: 600;
		margin-bottom: 6px;
	}
	.offers-members-details {
		margin-bottom: 10px;
	}
	.block-week-timing {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.border-top {
		border-top: solid 1px #ccc;
	}
	.text-name-week {
		width: 50%;
		float: left;
	}
	.text-timing {
		width: 50%;
		float: right;
		text-align: right;
	}
	.block-button-aar-detail {
		float: right;
		margin-top: 10px;
		width: 100%;
		border: solid 0px;
	}
	.color-closed-aar1 {
		color: red;
		margin-right: 0px;
		float: right;
	}
	.link-skip-this-step {
		float: left;
		margin-top: 10px;
		margin-right: 30px;
		margin-left: 70px;
	}

	/*Select your vehicle------------------*/
	.container-select-vehicle {
		width: 95%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0px;
		height: auto;
	}
	.row-select-vehicle {
		height: auto;
		margin-bottom: 0px;
		width: 100%;
		border: solid 0px #f00;
		margin-right: auto;
		margin-left: auto;
	}
	.box-vehicle-detail1 {
		border: solid 1px #ccc;
		width: 97%;
		height: 23%;
		padding: 5px;
		float: left;
		margin-right: 0px;
		margin-left: 0px;
		margin-bottom: 30px;
	}
	.box-vehicle-detail2 {
		border: solid 1px #ccc;
		width: 97%;
		height: 23%;
		padding: 5px;
		float: left;
		margin-right: 0px;
		margin-bottom: 30px;
	}
	.box-vehicle-detail3 {
		border: solid 1px #ccc;
		width: 97%;
		height: 23%;
		padding: 5px;
		float: left;
		margin-bottom: 30px;
	}
	.block-pic {
		width: 100px;
		height: 100px;
		border: solid 1px;
		float: left;
	}
	.txt-year {
		margin-left: 10px;
		font-size: 12px;
		float: left;
		width: 50%;
	}
	.txt-name {
		margin-left: 10px;
		font-size: 12px;
		width: 72%;
		height: 33px;
		margin-bottom: 10px;
		float: left;
	}
	.block-btn-select-vehicle {
		float: left;
		width: 32%;
		margin-left: 10px;
	}
	.button-select {
		background-color: #00539b;
		border: none;
		color: #fff;
		padding: 7px 7px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 13px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 100%
	}
	.block-car-pic {
		background-image: url(/images/img-car-mb1.png);
		width: 100px;
		height: 100px;
		background-repeat: no-repeat;
		float: left;
	}
	.color-dot {
		float: right;
		margin-top: 70px;
		padding-right: 5px;
	}

	/*Confirm your contact information------------------*/
	.container-contact-information {
		width: 83%;
		border: solid 0px #000;
		padding: 10px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0px;
		height: auto;
	}
	.heading-contact-information {
		margin-top: 20px;
		margin-bottom: 35px;
		text-align: center;
		font-size: 24px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
	}
	.txt-provide-phone-number {
		font-size: 14px;
		text-align: left;
		margin-bottom: 5px;
	}
	.btn-cancel {
		margin-top: 10px;
		width: 60px;
		border: solid 0px #f00;
		float: right;
		color: #00539b;
		margin-right: 5px;
	}
	.block-input-contact-information {
		width: 100%;
		height: 33px;
		border-radius: 5px;
		border: solid 1px #ccc;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
	}
	.box-search-contact-information {
		width: 40px;
		height: 25px;
		border: solid 0px #f00;
		float: left;
		margin-top: 6px;
	}
	.input-box-contact-information {
		width: 75%;
		height: 20px;
		text-align: left;
		float: left;
		border: solid 0px;
		outline: none;
		margin-top: 6px;
	}
	.box-delete-contact-information {
		width: 30px;
		height: 25px;
		border: solid 0px #f00;
		float: right;
		margin-top: 6px;
	}
	.icon-unchecked-contact-information {
		float: left;
		margin-right: 10px;
	}
	.box-textarea {
		padding: 10px;
		border: solid 1px #ccc;
		border-radius: 5px;
		color: #00539b;
		height: 100px;
		width: 95%;
		margin-bottom: 30px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		resize: none;
		overflow-y: auto;
	}
	.block-btn-confirm-contact-information {
		width: 100%;
		margin-bottom: 15px;
		text-align: center;
	}
	.button--confirm-contact-information {
		background-color: #00539b;
		border: none;
		color: #fff;
		padding: 10px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 80%;
	}

	/*Add a vehicle-------------------*/
	.tabs-add-vehicle {
		text-align: center;
		border: solid 0px #000;
		margin-bottom: 30px;
		width: 94%;
		margin-left: auto;
		margin-right: auto;
	}
	.veh-img {
		display: inline;
		margin-right: -4px;
		box-shadow: 2px 2px 4px 1px #dbdbdb;
		width: 33%;
		margin-left: -5px;
		cursor: pointer;
	}
	.right-arrow-select {
		margin-left: 20px;
	}
	.container-vehicle-detail {
		width: 92%;
		height: 100%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
	}
	.heading-add-vehicle {
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: left;
		font-size: 20px;
		font-weight: 500;
		width: 89%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.block-vehicle-detail {
		border: solid 0px #f00;
		width: 91%;
		margin-left: auto;
		margin-right: auto;
		font-size: 13px;
	}
	.border-top {
		border-top: solid 1px #ccc;
	}
	.block-model-year {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
		cursor: pointer;
	}
	.text-model-year {
		width: 50%;
		float: left;
	}
	.block-make {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-make {
		width: 50%;
		float: left;
	}
	.block-model {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-model {
		width: 50%;
		float: left;
	}
	.block-colour {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-colour {
		width: 50%;
		float: left;
	}
	.text-select {
		width: 50%;
		float: right;
		text-align: right;
	}
	.text-find-vehicle {
		text-align: left;
		margin-top: 30px;
		margin-left: 30px;
	}
	.block-btn-add-select-vehicle {
		text-align: center;
		margin-top: 30px;
	}
	.button-add-select-vehicle {
		background-color: #00539b;
		border: none;
		color: #fff;
		padding: 10px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 250px;
	}

	/*Add a vehicle YEAR-------------------*/
	.tabs-add-vehicle-year {
		text-align: center;
		border: solid 0px #000;
		margin-bottom: 30px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.veh-img {
		display: inline;
		margin-right: -4px;
		box-shadow: 2px 2px 4px 1px #dbdbdb;
		width: 33%;
		margin-left: -5px;
		cursor: pointer;
	}
	.container-year-detail {
		width: 92%;
		height: 100%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
	}
	.heading-add-vehicle {
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: center;
		font-size: 26px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.block-year-detail {
		border: solid 0px #f00;
		width: 97%;
		margin-left: auto;
		margin-right: auto;
	}
	.block-row-year {
		border: solid 0px #f00;
		width: 98%;
		max-height: 225px;
		margin-left: auto;
		margin-right: auto;
		overflow-y: auto;
	}
	.border-top {
		border-top: solid 1px #ccc;
	}
	.row-year {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-year {
		width: 100%;
		float: left;
		color: #00539b;
	}

	/*Add a vehicle MAKE-------------------*/
	.tabs-add-vehicle-make {
		text-align: center;
		border: solid 0px #000;
		margin-bottom: 30px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.veh-img {
		display: inline;
		margin-right: -4px;
		box-shadow: 2px 2px 4px 1px #dbdbdb;
		width: 33%;
		margin-left: -5px;
		cursor: pointer;
	}
	.container-make-detail {
		width: 92%;
		height: 100%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
	}
	.heading-add-vehicle {
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: center;
		font-size: 26px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.block-make-detail {
		border: solid 0px #f00;
		width: 97%;
		margin-left: auto;
		margin-right: auto;
	}
	.block-row-make {
		border: solid 0px #f00;
		width: 100%;
		max-height: 225px;
		margin-left: auto;
		margin-right: auto;
		overflow-y: auto;
	}
	.border-top {
		border-top: solid 1px #ccc;
	}
	.row-make {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-make {
		width: 50%;
		float: left;
		color: #00539b;
	}

	/*Add a vehicle MODEL-------------------*/
	.tabs-add-vehicle-model {
		text-align: center;
		border: solid 0px #000;
		margin-bottom: 30px;
		width: 94%;
		margin-left: auto;
		margin-right: auto;
	}
	.veh-img {
		display: inline;
		margin-right: -4px;
		box-shadow: 2px 2px 4px 1px #dbdbdb;
		width: 33%;
		margin-left: -5px;
		cursor: pointer;
	}
	.container-model-detail {
		width: 92%;
		height: 100%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
	}
	.heading-add-vehicle {
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: center;
		font-size: 26px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.block-model-detail {
		border: solid 0px #f00;
		width: 97%;
		margin-left: auto;
		margin-right: auto;
	}
	.block-row-model {
		border: solid 0px #f00;
		width: 100%;
		max-height: 225px;
		margin-left: auto;
		margin-right: auto;
		overflow-y: auto;
	}
	.border-top {
		border-top: solid 1px #ccc;
	}
	.row-model {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-model {
		width: 50%;
		float: left;
		color: #00539b;
	}

	/*Add a vehicle COLOUR-------------------*/
	.tabs-add-vehicle-drive-type {
		text-align: center;
		border: solid 0px #000;
		margin-bottom: 30px;
		width: 94%;
		margin-left: auto;
		margin-right: auto;
	}
	.tabs-add-vehicle-colour {
		text-align: center;
		border: solid 0px #000;
		margin-bottom: 30px;
		width: 94%;
		margin-left: auto;
		margin-right: auto;
	}
	.veh-img {
		display: inline;
		margin-right: -4px;
		box-shadow: 2px 2px 4px 1px #dbdbdb;
		width: 33%;
		margin-left: -5px;
		cursor: pointer;
	}
	.container-colour-detail {
		width: 92%;
		height: 100%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
	}
	.heading-add-vehicle {
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: center;
		font-size: 26px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.block-colour-detail {
		border: solid 0px #f00;
		width: 96%;
		margin-left: auto;
		margin-right: auto;
	}
	.block-row-colour {
		border: solid 0px #f00;
		width: 100%;
		max-height: 225px;
		margin-left: auto;
		margin-right: auto;
		overflow-y: auto;
		padding-right: 10px;
	}
	.border-top {
		border-top: solid 1px #ccc;
	}
	.row-colour {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-colour {
		width: 50%;
		float: left;
		color: #00539b;
	}

	/*Add a vehicle-SELECTED-------------------*/
	.tabs-add-vehicle-selected {
		text-align: center;
		border: solid 0px #000;
		margin-bottom: 30px;
		width: 100%;
		margin-left: -4px;
	}
	.veh-img {
		display: inline;
		margin-right: -8px;
		width: 34%;
		box-shadow: 2px 2px 4px 1px #dbdbdb;
		margin-left: 0px;
		cursor: pointer;
	}
	.right-arrow-select {
		margin-left: 20px;
	}
	.right-arrow-colour {
		margin-right: 0px;
		float: right;
		margin-top: 3px;
	}
	.container-vehicle-detail-selected {
		width: 92%;
		height: 100%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
	}
	.heading-add-vehicle {
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: left;
		font-size: 20px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.block-vehicle-detail-selected {
		border: solid 0px #f00;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		font-size: 13px;
	}
	.border-top {
		border-top: solid 1px #ccc;
	}
	.block-model-year1 {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-model-year1 {
		width: 50%;
		float: left;
		color: #00539b;
	}
	.block-make1 {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-make1 {
		width: 50%;
		float: left;
		color: #00539b;
	}
	.block-model1 {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-model1 {
		width: 50%;
		float: left;
		color: #00539b;
	}
	.block-colour1 {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.color-dot-selected {
		border: solid 0px;
		width: 45%;
		float: left;
		text-align: right;
		height: 25px;
		margin-top: -4px;
	}
	.text-colour1 {
		width: 50%;
		float: left;
		color: #00539b;
	}
	.text-select {
		width: 65%;
		float: right;
		text-align: right;
		color: #ccc;
	}
	.text-select-blue {
		width: 65%;
		float: right;
		text-align: right;
		color: #00539b;
	}
	.text-selected {
		width: 100%;
		float: right;
		text-align: right;
		color: #00539b;
	}
	.text-find-vehicle {
		text-align: left;
		margin-top: 30px;
		margin-left: 0px;
	}
	.block-btn-add-select-vehicle {
		text-align: center;
		margin-top: 30px;
	}
	.button-add-select-vehicle {
		background-color: #00539b;
		border: none;
		color: #fff;
		padding: 10px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 250px;
	}

	/*Add a vehicle-MANUALLY-------------------*/
	.empty-block-add-vehicle-manually {
		margin-top: 80px;
		margin-left: 20px;
		width: 60px;
		border: solid 0px #f00;
		display: block;
	}
	.tabs-add-vehicle-manually {
		text-align: center;
		border: solid 0px #000;
		margin-bottom: 30px;
		width: 100%;
		margin-left: -5px;
	}
	.veh-img {
		display: inline;
		margin-right: -5px;
		box-shadow: 2px 2px 4px 1px #dbdbdb;
		width: 33%;
		cursor: pointer;
	}
	.right-arrow-select {
		margin-left: 20px;
	}
	.right-arrow-colour {
		margin-right: 0px;
		float: right;
		margin-top: 3px;
	}
	.container-add-vehicle-manually {
		width: 92%;
		height: 100%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
	}
	.heading-add-vehicle-manually {
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: left;
		font-size: 20px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.block-vehicle-detail-manually {
		border: solid 0px #f00;
		width: 98%;
		margin-left: auto;
		margin-right: auto;
		font-size: 13px;
	}
	.border-top {
		border-top: solid 1px #ccc;
	}
	.block-model-year2 {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-model-year2 {
		width: 30%;
		float: left;
		color: #00539b;
	}
	.block-make2 {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-make2 {
		width: 35%;
		float: left;
		color: #00539b;
	}
	.block-model2 {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-model2 {
		width: 35%;
		float: left;
		color: #00539b;
	}
	.block-colour2 {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-colour2 {
		width: 35%;
		float: left;
		color: #00539b;
	}
	.color-dot-selected {
		border: solid 0px;
		width: 88%;
		float: left;
		text-align: right;
		height: 25px;
		margin-top: -4px;
	}
	.text-select {
		width: 65%;
		float: right;
		text-align: right;
		color: #ccc;
	}
	.text-select-blue-mannually {
		width: 65%;
		float: right;
		text-align: right;
		color: #00539b;
	}
	.text-predefined-pickers {
		width: 100%;
		text-align: center;
		margin-top: 30px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 70px;
	}
	.block-btn-add-select-vehicle {
		text-align: center;
		margin-top: 30px;
	}
	.button-add-select-vehicle {
		background-color: #00539b;
		border: none;
		color: #fff;
		padding: 10px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 250px;
	}

	/*THANK YOU screen-------------------*/
	.empty-block-thank-you {
		margin-top: 50px;
	}
	.container-thank-you {
		border: solid 0px #ccc;
		padding: 10px;
		width: 410px;
		margin-left: auto;
		margin-right: auto;
	}
	.heading-thank-you {
		margin-top: 20px;
		margin-bottom: 15px;
		text-align: left;
		font-size: 26px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
	}
	.block-thank-you-text {
		width: 96%;
		border: solid 1px #ccc;
		padding: 10px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
		height: auto;
	}
	.text-background-color {
		background-color: #F2F2F2;
		padding: 10px;
	}
	.block-btn-launch-service-tracker {
		text-align: left;
		margin-top: 30px;
		width: 99%;
		float: left;
	}
	.button-launch-service-tracker {
		background-color: green;
		border: none;
		color: #fff;
		padding: 12px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 15px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 100%;
	}
	.block-btn-cancel-roadside-assistance {
		text-align: left;
		margin-top: 10px;
		width: 99%;
		float: right;
	}
	.button-cancel-roadside-assistance {
		background-color: red;
		border: none;
		color: #fff;
		padding: 12px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 15px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 100%;
	}
}

@media screen and (min-width:410px) and (max-width:460px) {
	#main {
		min-height: 541px;
		padding-top: 1px;
	}
	#wr-footer {
		clear: both;
		display: block;
		margin: 0;
		position: relative;
		width: 100%;
		font-size: 14px;
	}
	#wr-footer .footer_bar {
		background: url(../images/bar_shadow_bottom.png) repeat-x scroll center
			top #d4d4d4;
		border-spacing: 20px;
		clear: both;
		display: table;
		width: 100%;
		font-size: 14px;
	}
	input {
		font-size: 13px;
	}
	/*--top header-------------------*/
	.wr-header {
		top: 0px;
		background-color: #00539b;
		width: 100%;
		text-align: center;
		display: block;
		height: 60px;
	}
	.btn-back-arrow {
		float: left;
		margin-top: 22px;
		margin-left: 20px;
		display: block;
	}
	.wr-logo-caa {
		float: left;
		margin-left: 15px;
		border: solid 0px;
		margin-top: 10px;
		height: 42px;
	}
	.wr-logo-roadside-assitance {
		float: right;
		margin-right: 10px;
		margin-top: 0px;
		height: 60px;
	}

	/*--landing page popup blue-------------------*/
	.wr-icon-truck {
		margin-left: auto;
		margin-right: auto;
		width: 110px;
		height: 75px;
	}
	.wr-txt-welcome1 {
		font-size: 24px;
		font-family: Roboto;
		font-weight: 500;
		margin-top: 0px;
		margin-bottom: 20px;
	}
	.wr-txt-welcome2 {
		font-size: 13px;
		font-family: Roboto;
		font-weight: 400;
		margin-top: 0px;
		margin-left: auto;
		margin-right: auto;
		width: 90%;
		border: solid 0px;
	}
	.wr-txt-welcome3 {
		font-size: 14px;
		font-family: Roboto;
		font-weight: 500;
		margin-top: 20px;
		margin-bottom: 20px;
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}
	.block-active-request {
		font-weight: 600;
		text-decoration: underline;
		width: 315px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px;
	}
	.block-img-truck {
		float: left;
		background-size: cover;
		background-image: url(../images/icon-circle-truck-1.png);
		border: solid 0px #fff;
		width: 50px;
		height: 50px;
		margin-right: 10px;
	}
	.txt-block-active-request {
		width: 50px;
		height: 22px;
		border: solid 0px #000;
		padding-top: 28px;
		float: left;
		font-size: 12px;
		text-align: center;
	}
	.txt-active-request {
		height: 30px;
		padding-top: 12px;
		border: solid 0px #f00;
		cursor: pointer;
		width: 315px;
		text-align: left;
	}
	.wr-btn-roadside-assistance {
		text-align: center;
		margin-top: 50px;
		cursor: pointer;
		border: solid 0px;
		width: 300px;
		margin-left: auto;
		margin-right: auto;
	}
	.block-btn-rra {
		background-color: white;
		border: none;
		color: #00539b;
		padding: 10px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
	}
	.button-rra {
		width: 380px;
	}
	.wr-call-desktop {
		font-size: 17px;
		font-family: Roboto;
		color: #fff;
		font-weight: 400;
		margin-top: 20px;
		display: none;
	}
	.wr-call-mobile {
		font-size: 17px;
		font-family: Roboto;
		color: #fff;
		font-weight: 400;
		margin-top: 20px;
		display: block;
	}

	/*---landing page popup blue - Overlay Popup on landing page---*/
	.wr-container {
		width: 100%;
		height: 100%;
		border: solid 0px;
	}
	#wr-overlay {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: transparent;
		z-index: 2;
		opacity: 0.97;
		margin-top: 60px;
	}
	.wr-myDiv {
		position: relative; /*Parent MUST be relative*/
		z-index: 9;
		background-color: #00539b;
		text-align: center;
		color: #FFF;
		padding-top: 20px;
		/*Set width/height of the div in 'parent'*/
		width: 100%;
		height: 57%;
		opacity: 100%;
	}
	.wr-myDiv:before {
		content: "";
		position: absolute; /*set 'child' to be absolute*/
		z-index: -1; /*Make this lower so text appears in front*/
		/*You can choose to align it left, right, top or bottom here*/
		top: 0;
		right: 0;
		bottom: 60%;
		left: 0;
		background-color: rgba(0, 83, 155);
		height: 800px;
	}
	#wr-text {
		font-size: 50px;
		color: white;
		transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		text-align: center;
	}
	/* end of overlay */
	.btn-back {
		margin-top: 80px;
		margin-left: 20px;
		width: 60px;
		border: solid 0px #f00;
		display: none;
	}
	.empty-block {
		margin-top: 80px;
		margin-left: 20px;
		width: 60px;
		border: solid 0px #f00;
		display: block;
	}
	.heading1 {
		margin-top: 20px;
		margin-bottom: 35px;
		text-align: left;
		font-size: 20px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
	}
	.heading2 {
		margin-top: 20px;
		margin-bottom: 35px;
		text-align: left;
		font-size: 20px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
	}
	.main-container {
		border: solid 0px #0f0;
		width: 92%;
		margin-left: auto;
		margin-right: auto;
	}
	.top-margin {
		margin-top: 80px;
	}
	.border {
		border-top: solid 1px #ccc;
		display: block;
	}
	.item-1 {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.item-2 {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.item-3 {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.container1 {
		width: 100%;
		height: auto;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px;
	}
	.container-box1 {
		display: flex;
		display: -webkit-flex;
		display: -ms-flexbox;
		align-items: left;
		flex-direction: column;
		justify-content: space-evenly;
		border: solid 0px #000;
		font-size: 13px;
		margin-top: -20px;
		width: 100%;
	}
	.container-box1 div {
		border: solid 0px silver;
		border-bottom: solid 1px silver;
		text-align: left;
		box-shadow: 0px 0px 0px 0px #dbdbdb;
		width: 97%;
		height: 15px;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 3%;
		padding-right: 0%;
	}
	.container2 {
		width: 100%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 25px;
	}
	.container-box2 {
		display: flex;
		display: -webkit-flex;
		display: -ms-flexbox;
		align-items: left;
		flex-direction: column;
		justify-content: space-evenly;
		border: solid 0px #000;
		font-size: 13px;
		margin-top: -20px;
		width: 100%;
	}
	.container-box2 div {
		border: solid 0px silver;
		border-bottom: solid 1px silver;
		text-align: left;
		box-shadow: 0px 0px 0px 0px #dbdbdb;
		width: 97%;
		height: 15px;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 3%;
		padding-right: 0%;
	}
	.container3-battery {
		width: 92%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
	}
	.container-box3 {
		display: flex;
		display: -webkit-flex;
		display: -ms-flexbox;
		align-items: left;
		flex-direction: column;
		justify-content: space-evenly;
		border: solid 0px #000;
		font-size: 13px;
		margin-top: -20px;
		width: 100%;
	}
	.container-box3 div {
		border: solid 0px silver;
		border-bottom: solid 1px silver;
		text-align: left;
		box-shadow: 0px 0px 0px 0px #dbdbdb;
		width: 97%;
		height: 15px;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 3%;
		padding-right: 0%;
	}
	.container4-lockedout {
		width: 90%;
		height: 450px;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
	}
	.container-box4 {
		display: flex;
		display: -webkit-flex;
		display: -ms-flexbox;
		align-items: left;
		flex-direction: column;
		justify-content: space-evenly;
		border: solid 0px #000;
		font-size: 13px;
		margin-top: -20px;
		width: 100%;
	}
	.container-box4 div {
		border: solid 0px silver;
		border-bottom: solid 1px silver;
		text-align: left;
		box-shadow: 0px 0px 0px 0px #dbdbdb;
		width: 97%;
		height: 15px;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 3%;
		padding-right: 0%;
	}
	.container5-type-of-fuel {
		width: 100%;
		height: 100%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		height: 450px;
	}
	.container-box5 {
		display: flex;
		display: -webkit-flex;
		display: -ms-flexbox;
		align-items: left;
		flex-direction: column;
		justify-content: space-evenly;
		border: solid 0px #000;
		font-size: 13px;
		margin-top: -20px;
		width: 100%;
	}
	.container-box5 div {
		border: solid 0px silver;
		border-bottom: solid 1px silver;
		text-align: left;
		box-shadow: 0px 0px 0px 0px #dbdbdb;
		width: 414px;
		height: 15px;
		padding: 20px;
	}
	p {
		font-weight: 300;
		line-height: 1.5;
		font-weight: 600;
		color: #000;
		margin-top: 0px;
		margin-left: 60px;
	}
	.container5-type-of-fuel {
		height: 550px;
		border: solid 0px #000;
	}
	.container-box5 div {
		width: 340px;
	}
	.margin-img-accident {
		margin-left: -23px;
	}
	.margin-top-mp {
		margin-top: 0px;
	}
	.image-top-margin {
		margin-top: -5px;
		margin-bottom: 0px;
		margin-left: -5px;
		height: 27px;
		float: left;
	}
	.image-top-margin-lockedout {
		margin-top: -9px;
		margin-bottom: 0px;
		margin-left: -15px;
		height: 32px;
		float: left;
	}
	.margin-top {
		margin-top: -26px;
	}
	.imp-note {
		margin-left: auto;
		margin-right: auto;
		text-align: left;
		width: 90%;
		border: solid 0px #f00;
		font-size: 11px;
		margin-top: 50px;
	}
	.margin-top-problem {
		margin-top: -38px;
	}
	.btn-back {
		margin-top: 75px;
		margin-left: 15px;
		width: 50px;
		height: 18px;
		border: solid 0px #f00;
	}
	.margin-top-fuel {
		margin-top: 0px;
	}
	.margin-top-lockedout {
		margin-top: -13px;
	}
	.image-top-margin-lockedout {
		margin-top: -9px;
		margin-bottom: 0px;
		margin-left: -5px;
		height: 32px;
		float: left;
	}
	.image-top-margin-battery {
		margin-top: -9px;
		margin-bottom: 0px;
		margin-left: -5px;
		height: 32px;
		float: left;
	}
	.top-line {
		border-top: solid 1px #ccc;
	}
	.text-battery-test {
		margin-top: 0px;
	}

	/*Flat Tire*/
	.container6-flat-tire {
		width: 92%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
		border: solid 0px #000;
	}
	.container-flat-tire {
		border: solid 0px #000;
		width: 295px;
		height: 260px;
		margin-left: auto;
		margin-right: auto;
	}
	.row-left {
		width: 70px;
		height: 240px;
		border: solid 0px #f00;
		margin-right: 5px;
		float: left;
	}
	.block-icon-check {
		border: solid 0px #000;
		width: 70px;
		height: 47px;
		margin-top: 20px;
	}
	.icon-unchecked-front-left {
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 5px;
		width: 30px;
		height: 30px;
		cursor: pointer;
	}
	.txt-front-rear-tire {
		font-size: 11px;
		margin-left: 10px;
	}
	.box-empty-flat-tire {
		width: 70px;
		height: 90px;
		border: solid 0px #000;
	}
	.rear-left {
		border: solid 0px #000;
		width: 70px;
		height: 47px;
	}
	.icon-unchecked-rear-left {
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 5px;
		width: 30px;
		height: 30px;
		cursor: pointer;
	}
	.row-center {
		width: 140px;
		height: 250px;
		border: solid 0px #f00;
		float: left;
		background-image: url(/images/car-image.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
	}
	.row-right {
		width: 74px;
		height: 240px;
		border: solid 0px #f00;
		margin-right: 0px;
		float: right;
	}
	.front-right {
		border: solid 0px #000;
		width: 70px;
		height: 47px;
		margin-top: 20px;
	}
	.icon-unchecked-front-right {
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 5px;
		margin-bottom: 5px;
		width: 30px;
		height: 30px;
		cursor: pointer;
	}
	.rear-left {
		border: solid 0px #000;
		width: 70px;
		height: 47px;
	}
	.icon-unchecked-rear-right {
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 5px;
		margin-bottom: 5px;
		width: 30px;
		height: 30px;
		cursor: pointer;
	}
	.txt-block-need-air {
		width: 100%;
		border-top: solid 1px #ccc;
		border-bottom: solid 0px #ccc;
		padding-top: 10px;
		padding-bottom: 5px;
		margin-bottom: 0px;
		margin-left: auto;
		margin-right: auto;
	}
	.line-separator {
		width: 100%;
		border-top: solid 1px #ccc;
		padding-bottom: 10px;
		margin-top: 10px;
	}
	.txt-need-air {
		float: left;
		font-size: 14px;
		margin-top: 3px;
	}
	.img-check-uncheck {
		float: right;
		cursor: pointer;
	}
	.txt-block-spare-tire {
		width: 100%;
		border-top: solid 0px #ccc;
		border-bottom: solid 0px #ccc;
		padding-top: 20px;
		padding-bottom: 5px;
		margin-bottom: 0px;
		margin-left: auto;
		margin-right: auto;
	}
	.txt-spare-tire {
		float: left;
		font-size: 14px;
		margin-top: 3px;
	}
	.block-button-confirm-flat-tire {
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		margin-top: 30px;
	}
	.btn-confirm-flat-tire {
		background-color: #00539b;
		border: none;
		color: #fff;
		padding: 10px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 100%;
	}
	.txt-front-left-tire {
		font-size: 14px;
		margin-left: 0px;
		text-align: center;
	}
	.txt-front-right-tire {
		font-size: 14px;
		margin-left: 0px;
		text-align: center;
	}
	.txt-rear-left-tire {
		font-size: 14px;
		margin-left: 0px;
		text-align: center;
	}
	.txt-rear-right-tire {
		font-size: 14px;
		margin-left: 0px;
		text-align: center;
	}
	.front-right-tire {
		margin-left: 104px;
		margin-top: -43px;
		float: left;
		border: solid 0px;
	}
	.front-left-tire {
		margin-left: 20px;
		margin-top: 27px;
		float: left;
		border: solid 0px #f00;
	}
	.rear-left-tire {
		margin-left: 20px;
		margin-top: 101px;
		float: left;
		border: solid 0px;
	}
	.rear-right-tire {
		margin-left: 104px;
		margin-top: -44px;
		float: left;
		border: solid 0px #f00;
	}
	.img-front-left-tire {
		width: 17px;
		height: 44px;
	}
	.img-front-right-tire {
		width: 17px;
		height: 44px;
	}
	.img-rear-left-tire {
		width: 17px;
		height: 44px;
	}
	.img-rear-right-tire {
		width: 17px;
		height: 44px;
	}
	.img-front-left-tire-red {
		width: 17px;
		height: 44px;
	}
	.img-front-right-tire-red {
		width: 17px;
		height: 44px;
	}
	.img-rear-left-tire-red {
		width: 17px;
		height: 44px;
	}
	.img-rear-right-tire-red {
		width: 17px;
		height: 44px;
	}

	/*Select Breakdown Location---------------------*/
	.container7-breakdown-location {
		width: 92%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
		border: solid 0px #000;
	}
	.block-input {
		width: 99%;
		height: 33px;
		border-radius: 5px;
		border: solid 1px #ccc;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 15px;
	}
	.box-search {
		width: 40px;
		height: 25px;
		border: solid 0px #f00;
		float: left;
		margin-top: 6px;
	}
	.input-box {
		width: 75%;
		height: 20px;
		text-align: left;
		float: left;
		border: solid 0px;
		outline: none;
		margin-top: 6px;
	}
	.box-delete {
		width: 40px;
		height: 25px;
		border: solid 0px #f00;
		float: right;
		margin-top: 6px;
	}
	.allow-access {
		width: 220px;
		height: 35px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 30px;
		margin-bottom: 30px;
		border: solid 0px #000;
		display: none;
	}
	.box-target-cross {
		float: left;
		margin-right: 20px;
		margin-top: 0px;
	}
	.text-location-access {
		padding-top: 8px;
	}
	.text-note {
		width: 400px;
		margin-left: auto;
		margin-right: auto;
		border: solid 0px #000;
		text-align: center;
		color: #a6a6a6;
		margin-bottom: 10px;
		display: none;
	}
	.text-note-mobile {
		width: 320px;
		margin-left: auto;
		margin-right: auto;
		border: solid 0px #000;
		text-align: center;
		color: #a6a6a6;
		margin-bottom: 10px;
		font-size: 11px;
		display: block;
	}
	.txt-current-address {
		width: 100%;
		border: solid 0px #000;
		text-align: left;
		font-weight: 500;
		margin-bottom: 7px;
		font-size: 12px;
	}
	.txt-address {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		border: solid 0px #000;
		text-align: left;
		font-weight: 600;
		margin-bottom: 10px;
		font-size: 13px;
	}
	.map-google {
		width: 99%;
		height: 230px;
		margin-left: auto;
		margin-right: auto;
		border: solid 1px #ccc;
		padding: 0px;
		margin-bottom: 10px;
	}
	.block-btn-confirm-breakdown-location {
		margin-left: -2px;
		width: 100%;
		margin-top: 15px;
	}
	.button-confirm-breakdown-location {
		background-color: #00539b;
		border: none;
		color: #fff;
		padding: 10px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 100%;
	}

	/*---What type of location---------------------*/
	#main-container-location-type {
		border: solid 0px #0f0;
		width: 93%;
		margin-left: auto;
		margin-right: auto;
	}
	.text-roadway {
		margin-top: 0px;
	}
	.item-1 {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.item-2 {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.item-3 {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.container8-location-type {
		width: 91%;
		height: auto;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0px;
	}
	.container-box8-location-type {
		display: flex;
		display: -webkit-flex;
		display: -ms-flexbox;
		align-items: left;
		flex-direction: column;
		justify-content: space-evenly;
		border: solid 0px #000;
		font-size: 13px;
		margin-top: 0px;
		margin-bottom: 0px;
		width: 100%;
	}
	.container-box8-location-type div {
		border: solid 0px silver;
		border-bottom: solid 1px silver;
		text-align: left;
		box-shadow: 0px 0px 0px 0px #dbdbdb;
		width: 97%;
		height: 15px;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 3%;
		padding-right: 0%;
	}
	.image-top-margin-location-type {
		margin-top: -5px;
		margin-bottom: 0px;
		margin-left: -5px;
		height: 27px;
		float: left;
	}

	.container9-locatin-type {
		width: 100%;
		height: 200px;
		border: solid 0px #000;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 10px;
		border: solid 0px #000;
	}

	/*--Tow Destination---------------------*/
	.map-google-tow-destination {
		width: 428px;
		height: 230px;
		margin-left: auto;
		margin-right: auto;
		border: solid 1px #ccc;
		padding: 5px;
		margin-bottom: 10px;
	}
	.block-textarea {
		margin-left: auto;
		margin-right: auto;
		width: 505px;
	}
	.input-box-tow-destination {
		width: 84%;
		height: 20px;
		text-align: left;
		float: left;
		border: solid 0px;
		outline: none;
		margin-top: 6px;
	}

	/*Tow Destination*/
	.block-input-tow-destination {
		width: 100%;
		height: 33px;
		float: left;
		border-radius: 5px;
		border: solid 1px #ccc;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
		margin-top: -20px;
	}
	.text-note-tow-destination {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		border: solid 0px #000;
		text-align: left;
		margin-bottom: 10px;
		font-size: 14px;
	}
	.map-google-tow-destination {
		width: 100%;
		height: 230px;
		margin-left: auto;
		margin-right: auto;
		border: solid 1px #ccc;
		padding: 0px;
		margin-bottom: 10px;
	}
	.list-view {
		width: 250px;
		height: 230px;
		margin-left: auto;
		margin-right: auto;
		border: solid 0px #ccc;
		padding: 5px;
		margin-bottom: 10px;
		overflow-y: scroll;
	}
	.block-textarea {
		margin-left: auto;
		margin-right: auto;
		width: 98%;
		max-height: 175px;
		border: solid 0px #ccc;
		overflow-y: scroll;
		overflow-x: hidden;
		margin-bottom: 20px;
		padding-left: 0px;
		padding-right: 10px
	}
	.block-aar-list {
		width: 100%;
		height: 60px;
		border-top: solid 1px #ccc;
		border-bottom: solid 0px #ccc;
	}
	.block-img-aar {
		float: left;
		margin-right: 10px;
		margin-top: 6px;
	}
	.img-aar {
		width: 35px;
		height: 40px;
	}
	.block-aar-detail {
		float: right;
		font-weight: 500;
		width: 85%;
		font-size: 11px;
	}
	.name-aar {
		margin-top: 7px;
		color: #000;
		font-size: 13px;
		font-weight: 500;
		width: 75%;
		display: block;
		float: left;
	}
	.address-tow-destination-aar {
		float: left;
		font-size: 12px;
		font-weight: 400;
		width: 75%;
		color: #000;
	}
	.block-aar-desitance {
		float: right;
		width: 50px;
	}
	.text-arr-distance {
		font-size: 10px;
		margin-top: 10px;
		margin-bottom: 0px;
		color: #9c9c9c;
		float: right;
	}
	.img-next-arrow {
		float: right;
		margin-top: 11px;
		margin-left: 5px;
	}
	.color-closed {
		color: red;
		font-size: 11px;
		text-align: right;
		margin-right: 12px;
	}
	.color-open {
		color: green;
		font-size: 11px;
		text-align: right;
		margin-right: 17px;
	}
	.block-address-aar {
		width: 100%;
		border: solid 0px #f00;
		float: left;
		margin-top: 3px;
	}
	.block-name-aar {
		width: 100%;
		border: solid 0px #f00;
		float: left;
		margin-top: 3px;
	}

	/*Sign in ------------------*/
	.background-body {
		background-color: #f1f1f1;
		overflow-y: auto;
	}
	.empty-block-signin {
		margin-top: 0px;
		margin-left: 20px;
		width: 60px;
		border: solid 0px #f00;
		display: block;
	}
	.container-signin {
		width: 100%;
		height: 100%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0px;
	}
	.img-truck {
		width: 100%;
		height: 100%;
		margin-bottom: -10px;
	}
	.background-signin {
		background-color: #fff;
	}
	.block-signin {
		background-color: #f2f2f2;
		padding: 10px;
		padding-bottom: 25px;
	}
	.text-caa-roadside-assistance {
		width: 95%;
		margin-left: auto;
		margin-right: auto;
		border: solid 0px #000;
		text-align: left;
		margin-bottom: 10px;
		font-size: 12px;
	}
	.text-caa-signin {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		border: solid 0px #000;
		text-align: left;
		margin-bottom: 10px;
		font-size: 12px;
	}
	.heading-roadside-assistance {
		margin-top: 10px;
		margin-bottom: 10px;
		padding-left: 10px;
		padding-top: 15px;
		text-align: left;
		font-size: 20px;
		font-weight: 500;
		width: 93%;
	}
	.heading-signin {
		margin-bottom: 0px;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
		font-size: 20px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
	}
	.heading-membership-number {
		font-size: 14px;
		font-weight: 500;
		text-align: left;
		margin-bottom: 10px;
		width: 100%;
		border: solid 0px;
		margin-left: auto;
		margin-right: auto;
	}
	.block-membership-number {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0px;
		width: 100%;
		height: 50px;
		border: solid 0px #f00;
	}
	.block-input1 {
		width: 38px;
		height: 38px;
		border-radius: 0px;
		margin-right: 15px;
		float: left;
	}
	.input-1 {
		width: 35px;
		height: 35px;
		text-align: center;
		border: solid 1px #e1e1e1;
		border-radius: 0px;
		outline: none;
	}
	.block-input2 {
		width: 38px;
		height: 38px;
		border-radius: 0px;
		margin-right: 15px;
		float: left;
	}
	.input-2 {
		width: 35px;
		height: 35px;
		text-align: center;
		border: solid 1px #e1e1e1;
		border-radius: 0px;
		outline: none;
	}
	.block-input3 {
		width: 114px;
		height: 38px;
		border-radius: 0px;
		margin-right: 15px;
		float: left;
		border: solid 0px #000;
	}
	.input-3 {
		width: 110px;
		height: 35px;
		text-align: center;
		border: solid 1px #e1e1e1;
		border-radius: 0px;
		outline: none;
	}
	.block-input4 {
		width: 50px;
		height: 50px;
		border-radius: 0px;
		float: left;
	}
	.input-4 {
		width: 35px;
		height: 35px;
		text-align: center;
		border: solid 1px #e1e1e1;
		border-radius: 0px;
		outline: none;
	}
	.heading-postal-code {
		font-size: 14px;
		font-weight: 500;
		text-align: left;
		margin-bottom: 5px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.block-input-postal-code {
		width: 122px;
		height: 50px;
		border-radius: 0px;
		margin-bottom: 10px;
		border: solid 0px #000;
		float: left;
	}
	.input-postal-code {
		width: 114px;
		height: 36px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 4px;
		text-align: center;
		border: solid 1px #e1e1e1;
		border-radius: 0px;
		outline: none;
	}
	.block-btn-signin {
		margin-left: auto;
		margin-right: auto;
		width: 100%;
	}
	.button-signin {
		background-color: #00539b;
		border: none;
		color: #fff;
		padding: 10px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		margin: 4px 10px;
		cursor: pointer;
		border-radius: 3px;
		width: 108px;
	}

	/*aar Details------------------*/
	.container-aar-detail {
		width: 100%;
		height: 100%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
	}
	.heading-aar-name {
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: left;
		font-size: 22px;
		font-weight: 500;
		width: 90%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.block-aar-address {
		width: 90%;
		border: solid 0px;
		margin-left: auto;
		margin-right: auto;
	}
	.logo-aar {
		width: 90px;;
		max-width: 15% !important;
		float: left;
		margin-right: 10px;
		border: solid 0px #f00;
	}
	.aar-logo {
		width: 90%;
	}
	.block-aar-detail-address {
		width: 80%;
		border: solid 0px #f00;
		float: left;
		margin-bottom: 10px;
	}
	.address-aar1 {
		margin-bottom: 3px;
		float: left;
	}
	.km {
		width: 50px;
		color: #939393;
		font-weight: 500;
		font-size: 12px;
		margin-top: 10px;
		float: right;
	}
	.phone-aar {
		margin-bottom: 3px;
	}
	.web-aar {
		margin-bottom: 10px;
	}
	.timing-aar {
		margin-bottom: 30px;
	}
	.color-closed-aar {
		color: red;
		margin-right: 0px;
	}
	.color-open-aar {
		color: green;
		margin-right: 0px;
	}
	.block-btn-confirm-aar-detail {
		float: right;
	}
	.button-confirm-aar-detail {
		background-color: #00539b;
		border: none;
		color: #fff;
		padding: 10px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 160px;
	}
	.heading-offers-members {
		font-weight: 600;
		margin-bottom: 6px;
	}
	.offers-members-details {
		margin-bottom: 10px;
	}
	.block-week-timing {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.border-top {
		border-top: solid 1px #ccc;
	}
	.text-name-week {
		width: 50%;
		float: left;
	}
	.text-timing {
		width: 50%;
		float: right;
		text-align: right;
	}
	.block-button-aar-detail {
		float: right;
		margin-top: 10px;
		width: 100%;
		border: solid 0px;
		margin-bottom: 20px;
	}
	.color-closed-aar1 {
		color: red;
		margin-right: 0px;
		float: right;
	}
	.link-skip-this-step {
		float: left;
		margin-top: 10px;
		margin-right: 30px;
		margin-left: 0px;
	}

	/*Select your vehicle------------------*/
	.container-select-vehicle {
		width: 95%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0px;
		height: auto;
	}
	.row-select-vehicle {
		height: auto;
		margin-bottom: 0px;
		width: 100%;
		border: solid 0px #f00;
		margin-right: auto;
		margin-left: auto;
	}
	.box-vehicle-detail1 {
		border: solid 1px #ccc;
		width: 96%;
		height: 23%;
		padding: 5px;
		float: left;
		margin-right: 0px;
		margin-left: 0px;
		margin-bottom: 30px;
	}
	.box-vehicle-detail2 {
		border: solid 1px #ccc;
		width: 96%;
		height: 23%;
		padding: 5px;
		float: left;
		margin-right: 0px;
		margin-bottom: 30px;
	}
	.box-vehicle-detail3 {
		border: solid 1px #ccc;
		width: 96%;
		height: 23%;
		padding: 5px;
		float: left;
		margin-bottom: 30px;
	}
	.block-pic {
		width: 100px;
		height: 100px;
		border: solid 1px;
		float: left;
	}
	.txt-year {
		margin-left: 10px;
		font-size: 12px;
		float: left;
		width: 50%;
	}
	.txt-name {
		margin-left: 10px;
		font-size: 12px;
		width: 63%;
		height: 33px;
		margin-bottom: 10px;
		float: left;
	}
	.block-btn-select-vehicle {
		float: left;
		width: 32%;
		margin-left: 10px;
	}
	.button-select {
		background-color: #00539b;
		border: none;
		color: #fff;
		padding: 7px 7px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 13px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 100%
	}
	.block-car-pic {
		background-image: url(/images/img-car-mb1.png);
		width: 100px;
		height: 100px;
		background-repeat: no-repeat;
		float: left;
	}
	.color-dot {
		float: right;
		margin-top: 70px;
		padding-right: 5px;
	}

	/*Confirm your contact information------------------*/
	.container-contact-information {
		width: 92%;
		border: solid 0px #000;
		padding: 10px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0px;
		height: auto;
	}
	.heading-contact-information {
		margin-top: 0px;
		margin-bottom: 35px;
		padding-left: 0px;
		text-align: left;
		font-size: 20px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
	}
	.txt-provide-phone-number {
		font-size: 14px;
		text-align: left;
		margin-bottom: 5px;
	}
	.btn-cancel {
		margin-top: 10px;
		margin-right: 5px;
		width: 60px;
		border: solid 0px #f00;
		float: right;
		color: #00539b;
	}
	.block-input-contact-information {
		width: 100%;
		height: 33px;
		border-radius: 5px;
		border: solid 1px #ccc;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
	}
	.box-search-contact-information {
		width: 40px;
		height: 25px;
		border: solid 0px #f00;
		float: left;
		margin-top: 6px;
	}
	.input-box-contact-information {
		width: 76%;
		height: 20px;
		text-align: left;
		float: left;
		border: solid 0px;
		outline: none;
		margin-top: 6px;
	}
	.box-delete-contact-information {
		width: 40px;
		height: 25px;
		border: solid 0px #f00;
		float: right;
		margin-top: 6px;
	}
	.icon-unchecked-contact-information {
		float: left;
		margin-right: 10px;
	}
	.box-textarea {
		padding: 10px;
		border: solid 1px #ccc;
		border-radius: 5px;
		color: #00539b;
		height: 100px;
		width: 95%;
		margin-bottom: 30px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		resize: none;
		overflow-y: auto;
	}
	.block-btn-confirm-contact-information {
		width: 100%;
		margin-bottom: 15px;
		text-align: center;
	}
	.button--confirm-contact-information {
		background-color: #00539b;
		border: none;
		color: #fff;
		padding: 10px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 80%;
	}

	/*Add a vehicle-------------------*/
	.tabs-add-vehicle {
		text-align: center;
		border: solid 0px #000;
		margin-bottom: 30px;
		width: 100%;
		margin-left: -4px;
	}
	.veh-img {
		display: inline;
		margin-right: -5px;
		width: 33.5%;
		box-shadow: 2px 2px 4px 1px #dbdbdb;
		cursor: pointer;
	}
	.right-arrow-select {
		margin-left: 20px;
	}
	.container-vehicle-detail {
		width: 92%;
		height: 100%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
	}
	.heading-add-vehicle {
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: left;
		font-size: 20px;
		font-weight: 500;
		width: 98%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.block-vehicle-detail {
		border: solid 0px #f00;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		font-size: 13px;
		float: left;
	}
	.border-top {
		border-top: solid 1px #ccc;
	}
	.block-model-year {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
		cursor: pointer;
	}
	.text-model-year {
		width: 50%;
		float: left;
	}
	.block-make {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-make {
		width: 50%;
		float: left;
	}
	.block-model {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-model {
		width: 50%;
		float: left;
	}
	.block-colour {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-colour {
		width: 50%;
		float: left;
	}
	.text-select {
		width: 50%;
		float: right;
		text-align: right;
	}
	.block-btn-add-select-vehicle {
		text-align: center;
		margin-top: 30px;
	}
	.button-add-select-vehicle {
		background-color: #00539b;
		border: none;
		color: #fff;
		padding: 10px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 250px;
	}

	/*Add a vehicle YEAR-------------------*/
	.tabs-add-vehicle-year {
		text-align: center;
		border: solid 0px #000;
		margin-bottom: 30px;
		width: 100%;
		margin-left: -4px;
	}
	.veh-img {
		display: inline;
		margin-right: -5px;
		width: 33.5%;
		box-shadow: 2px 2px 4px 1px #dbdbdb;
		cursor: pointer;
	}
	.container-year-detail {
		width: 92%;
		height: 100%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
	}
	.heading-add-vehicle {
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: left;
		font-size: 20px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.heading-year {
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: center;
		font-size: 20px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.img-back-arrow {
		float: left;
		margin-top: 5px;
		width: 9px;
		height: 17px;
	}
	.block-year-detail {
		border: solid 0px #f00;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.block-row-year {
		border: solid 0px #f00;
		width: 100%;
		max-height: 225px;
		margin-left: auto;
		margin-right: auto;
		overflow-y: auto;
	}
	.border-top {
		border-top: solid 1px #ccc;
	}
	.row-year {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-year {
		width: 100%;
		float: left;
		color: #00539b;
	}

	/*Add a vehicle MAKE-------------------*/
	.tabs-add-vehicle-make {
		text-align: center;
		border: solid 0px #000;
		margin-bottom: 30px;
		width: 100%;
		margin-left: -4px;
	}
	.veh-img {
		display: inline;
		margin-right: -5px;
		width: 33.5%;
		box-shadow: 2px 2px 4px 1px #dbdbdb;
		cursor: pointer;
	}
	.container-make-detail {
		width: 92%;
		height: 100%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
	}
	.heading-add-vehicle {
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: left;
		font-size: 20px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.heading-make {
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: center;
		font-size: 20px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.img-back-arrow {
		float: left;
		margin-top: 5px;
		width: 9px;
		height: 17px;
	}
	.block-make-detail {
		border: solid 0px #f00;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.block-row-make {
		border: solid 0px #f00;
		width: 100%;
		max-height: 225px;
		margin-left: auto;
		margin-right: auto;
		overflow-y: auto;
	}
	.border-top {
		border-top: solid 1px #ccc;
	}
	.row-make {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-make {
		width: 50%;
		float: left;
		color: #00539b;
	}

	/*Add a vehicle MODEL-------------------*/
	.tabs-add-vehicle-model {
		text-align: center;
		border: solid 0px #000;
		margin-bottom: 30px;
		width: 100%;
		margin-left: -4px;
	}
	.veh-img {
		display: inline;
		margin-right: -5px;
		width: 33.5%;
		box-shadow: 2px 2px 4px 1px #dbdbdb;
		cursor: pointer;
	}
	.container-model-detail {
		width: 92%;
		height: 100%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
	}
	.heading-add-vehicle {
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: left;
		font-size: 20px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.heading-model {
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: center;
		font-size: 20px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.img-back-arrow {
		float: left;
		margin-top: 5px;
		width: 9px;
		height: 17px;
	}
	.block-model-detail {
		border: solid 0px #f00;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.block-row-model {
		border: solid 0px #f00;
		width: 100%;
		max-height: 225px;
		margin-left: auto;
		margin-right: auto;
		overflow-y: auto;
	}
	.border-top {
		border-top: solid 1px #ccc;
	}
	.row-model {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-model {
		width: 50%;
		float: left;
		color: #00539b;
	}

	/*Add a vehicle COLOUR-------------------*/
	.tabs-add-vehicle-model {
		text-align: center;
		border: solid 0px #000;
		margin-bottom: 30px;
		width: 100%;
		margin-left: -4px;
	}
	.veh-img {
		display: inline;
		margin-right: -5px;
		width: 33.5%;
		box-shadow: 2px 2px 4px 1px #dbdbdb;
		cursor: pointer;
	}
	.container-colour-detail {
		width: 92%;
		height: 100%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
	}
	.heading-add-vehicle {
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: left;
		font-size: 20px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.heading-colour {
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: center;
		font-size: 20px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.img-back-arrow {
		float: left;
		margin-top: 5px;
		width: 9px;
		height: 17px;
	}
	.block-colour-detail {
		border: solid 0px #f00;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.block-row-colour {
		border: solid 0px #f00;
		width: 100%;
		max-height: 225px;
		margin-left: auto;
		margin-right: auto;
		overflow-y: auto;
		padding-right: 10px;
	}
	.border-top {
		border-top: solid 1px #ccc;
	}
	.row-colour {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-colour {
		width: 50%;
		float: left;
		color: #00539b;
	}

	/*Add a vehicle-SELECTED-------------------*/
	.tabs-add-vehicle-selected {
		text-align: center;
		border: solid 0px #000;
		margin-bottom: 30px;
		width: 100%;
		margin-left: -4px;
	}
	.veh-img {
		display: inline;
		margin-right: -5px;
		width: 33.5%;
		box-shadow: 2px 2px 4px 1px #dbdbdb;
		cursor: pointer;
	}
	.right-arrow-select {
		margin-left: 20px;
	}
	.right-arrow-colour {
		margin-right: 0px;
		float: right;
		margin-top: 3px;
	}
	.container-vehicle-detail-selected {
		width: 92%;
		height: 100%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
	}
	.heading-add-vehicle {
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: left;
		font-size: 20px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.block-vehicle-detail-selected {
		border: solid 0px #f00;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		font-size: 13px;
	}
	.border-top {
		border-top: solid 1px #ccc;
	}
	.block-model-year1 {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-model-year1 {
		width: 50%;
		float: left;
		color: #00539b;
	}
	.block-make1 {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-make1 {
		width: 50%;
		float: left;
		color: #00539b;
	}
	.block-model1 {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-model1 {
		width: 50%;
		float: left;
		color: #00539b;
	}
	.block-colour1 {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-colour1 {
		width: 50%;
		float: left;
		color: #00539b;
	}
	.text-select {
		width: 65%;
		float: right;
		text-align: right;
		color: #ccc;
	}
	.text-select-blue {
		width: 65%;
		float: right;
		text-align: right;
		color: #00539b;
	}
	.text-selected {
		width: 100%;
		float: right;
		text-align: right;
		color: #00539b;
	}
	.text-find-vehicle {
		text-align: left;
		margin-top: 30px;
		margin-left: 0px;
		margin-bottom: 30px;
	}
	.block-btn-add-select-vehicle {
		text-align: center;
		margin-top: 30px;
	}
	.button-add-select-vehicle {
		background-color: #00539b;
		border: none;
		color: #fff;
		padding: 10px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 250px;
	}

	/*Add a vehicle-MANUALLY-------------------*/
	.empty-block-add-vehicle-manually {
		margin-top: 80px;
		margin-left: 20px;
		width: 60px;
		border: solid 0px #f00;
		display: block;
	}
	.tabs-add-vehicle-manually {
		text-align: center;
		border: solid 0px #000;
		margin-bottom: 30px;
		width: 100%;
		margin-left: -5px;
	}
	.veh-img {
		display: inline;
		margin-right: -5px;
		box-shadow: 2px 2px 4px 1px #dbdbdb;
		width: 33%;
		cursor: pointer;
	}
	.right-arrow-select {
		margin-left: 20px;
	}
	.right-arrow-colour {
		margin-right: 0px;
		float: right;
		margin-top: 3px;
	}
	.container-add-vehicle-manually {
		width: 92%;
		height: 100%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
	}
	.heading-add-vehicle-manually {
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: left;
		font-size: 20px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.block-vehicle-detail-manually {
		border: solid 0px #f00;
		width: 98%;
		margin-left: auto;
		margin-right: auto;
		font-size: 13px;
	}
	.border-top {
		border-top: solid 1px #ccc;
	}
	.block-model-year2 {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-model-year2 {
		width: 30%;
		float: left;
		color: #00539b;
	}
	.block-make2 {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-make2 {
		width: 35%;
		float: left;
		color: #00539b;
	}
	.block-model2 {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-model2 {
		width: 35%;
		float: left;
		color: #00539b;
	}
	.block-colour2 {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-colour2 {
		width: 35%;
		float: left;
		color: #00539b;
	}
	.color-dot-selected {
		border: solid 0px;
		width: 88%;
		float: left;
		text-align: right;
		height: 25px;
		margin-top: -4px;
	}
	.text-select {
		width: 65%;
		float: right;
		text-align: right;
		color: #ccc;
	}
	.text-select-blue-mannually {
		width: 65%;
		float: right;
		text-align: right;
		color: #00539b;
	}
	.text-predefined-pickers {
		width: 100%;
		text-align: center;
		margin-top: 30px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0px;
	}
	.block-btn-add-select-vehicle {
		text-align: center;
		margin-top: 30px;
	}
	.button-add-select-vehicle {
		background-color: #00539b;
		border: none;
		color: #fff;
		padding: 10px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 250px;
	}

	/*THANK YOU screen-------------------*/
	.empty-block-thank-you {
		margin-top: 50px;
	}
	.container-thank-you {
		border: solid 0px #ccc;
		padding: 10px;
		width: 93%;
		margin-left: auto;
		margin-right: auto;
	}
	.heading-thank-you {
		margin-top: 20px;
		margin-bottom: 15px;
		text-align: left;
		font-size: 20px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
	}
	.block-thank-you-text {
		width: 94%;
		border: solid 1px #ccc;
		padding: 10px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
		height: auto;
	}
	.text-background-color {
		background-color: #F2F2F2;
		padding: 10px;
	}
	.block-btn-launch-service-tracker {
		text-align: left;
		margin-top: 30px;
		width: 99%;
		float: left;
	}
	.button-launch-service-tracker {
		background-color: green;
		border: none;
		color: #fff;
		padding: 12px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 15px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 100%;
	}
	.block-btn-cancel-roadside-assistance {
		text-align: left;
		margin-top: 10px;
		width: 100%;
		float: right;
	}
	.button-cancel-roadside-assistance {
		background-color: red;
		border: none;
		color: #fff;
		padding: 12px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 15px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 99%;
	}
}

@media screen and (min-width:360px) and (max-width:410px) {
	#main {
		min-height: 509px;
		padding-top: 1px;
	}
	#wr-footer {
		clear: both;
		display: block;
		margin: 0;
		position: relative;
		width: 100%;
		font-size: 14px;
	}
	#wr-footer .footer_bar {
		background: url(../images/bar_shadow_bottom.png) repeat-x scroll center
			top #d4d4d4;
		border-spacing: 20px;
		clear: both;
		display: table;
		width: 100%;
		font-size: 14px;
	}
	input {
		font-size: 13px;
	}
	/*--top header-------------------*/
	.wr-header {
		top: 0px;
		background-color: #00539b;
		width: 100%;
		text-align: center;
		display: block;
		height: 60px;
	}
	.wr-logo-caa {
		float: left;
		margin-left: 15px;
		border: solid 0px;
		margin-top: 10px;
		height: 42px;
	}
	.wr-logo-roadside-assitance {
		float: right;
		margin-right: 10px;
		margin-top: 0px;
		height: 60px;
	}

	/*--landing page popup blue-------------------*/
	.wr-icon-truck {
		margin-left: auto;
		margin-right: auto;
		width: 110px;
		height: 75px;
	}
	.wr-txt-welcome1 {
		font-size: 24px;
		font-family: Roboto;
		font-weight: 500;
		margin-top: 0px;
		margin-bottom: 20px;
	}
	.wr-txt-welcome2 {
		font-size: 13px;
		font-family: Roboto;
		font-weight: 400;
		margin-top: 0px;
		margin-left: auto;
		margin-right: auto;
		width: 90%;
		border: solid 0px;
	}
	.wr-txt-welcome3 {
		font-size: 14px;
		font-family: Roboto;
		font-weight: 500;
		margin-top: 20px;
		margin-bottom: 20px;
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}
	.block-active-request {
		font-weight: 600;
		text-decoration: underline;
		width: 270px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px;
	}
	.block-img-truck {
		float: left;
		background-size: cover;
		background-image: url(../images/icon-circle-truck-1.png);
		border: solid 0px #fff;
		width: 50px;
		height: 50px;
		margin-right: 10px;
	}
	.txt-block-active-request {
		width: 50px;
		height: 22px;
		border: solid 0px #000;
		padding-top: 28px;
		float: left;
		font-size: 12px;
		text-align: center;
	}
	.txt-active-request {
		height: 30px;
		padding-top: 12px;
		border: solid 0px #f00;
		cursor: pointer;
		width: 270px;
		text-align: left;
	}
	.wr-btn-roadside-assistance {
		text-align: center;
		margin-top: 50px;
		cursor: pointer;
		border: solid 0px;
		width: 300px;
		margin-left: auto;
		margin-right: auto;
	}
	.block-btn-rra {
		background-color: white;
		border: none;
		color: #00539b;
		padding: 10px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
	}
	.button-rra {
		width: 95%;
	}
	.wr-call-desktop {
		font-size: 17px;
		font-family: Roboto;
		color: #fff;
		font-weight: 400;
		margin-top: 20px;
		display: none;
	}
	.wr-call-mobile {
		font-size: 17px;
		font-family: Roboto;
		color: #fff;
		font-weight: 400;
		margin-top: 20px;
		display: block;
	}

	/*---landing page popup blue - Overlay Popup on landing page---*/
	.wr-container {
		width: 100%;
		height: 100%;
		border: solid 0px;
	}
	#wr-overlay {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: transparent;
		z-index: 2;
		opacity: 0.97;
		margin-top: 60px;
	}
	.wr-myDiv {
		position: relative; /*Parent MUST be relative*/
		z-index: 9;
		background-color: #00539b;
		text-align: center;
		color: #FFF;
		padding-top: 20px;
		/*Set width/height of the div in 'parent'*/
		width: 100%;
		height: 57%;
		opacity: 100%;
	}
	.wr-myDiv:before {
		content: "";
		position: absolute; /*set 'child' to be absolute*/
		z-index: -1; /*Make this lower so text appears in front*/
		/*You can choose to align it left, right, top or bottom here*/
		top: 0;
		right: 0;
		bottom: 60%;
		left: 0;
		background-color: rgba(0, 83, 155);
		height: 800px;
	}
	#wr-text {
		font-size: 50px;
		color: white;
		transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		text-align: center;
	}
	/* end of overlay */
	.btn-back {
		margin-top: 80px;
		margin-left: 20px;
		width: 60px;
		border: solid 0px #f00;
		display: none;
	}
	.empty-block {
		margin-top: 80px;
		margin-left: 20px;
		width: 60px;
		border: solid 0px #f00;
		display: block;
	}
	.heading1 {
		margin-top: 20px;
		margin-bottom: 35px;
		padding-left: 0px;
		text-align: left;
		font-size: 20px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
	}
	.heading2 {
		margin-top: 20px;
		margin-bottom: 35px;
		padding-left: 0px;
		text-align: left;
		font-size: 20px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
	}
	.main-container {
		border: solid 0px #0f0;
		width: 92%;
		margin-left: auto;
		margin-right: auto;
	}
	.top-margin {
		margin-top: 80px;
	}
	.btn-back-arrow {
		float: left;
		margin-top: 22px;
		margin-left: 10px;
		display: block;
	}
	.border {
		border-top: solid 1px #ccc;
		display: block;
	}
	.item-1 {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.item-2 {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.item-3 {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.container1 {
		width: 100%;
		height: auto;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
	}
	.container-box1 {
		display: flex;
		display: -webkit-flex;
		display: -ms-flexbox;
		align-items: left;
		flex-direction: column;
		justify-content: space-evenly;
		border: solid 0px #000;
		font-size: 13px;
		margin-top: -20px;
		width: 100%;
	}
	.container-box1 div {
		border: solid 0px silver;
		border-bottom: solid 1px silver;
		text-align: left;
		box-shadow: 0px 0px 0px 0px #dbdbdb;
		width: 97%;
		height: 15px;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 3%;
		padding-right: 0%;
	}
	.container2 {
		width: 100%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 25px;
	}
	.container-box2 {
		display: flex;
		display: -webkit-flex;
		display: -ms-flexbox;
		align-items: left;
		flex-direction: column;
		justify-content: space-evenly;
		border: solid 0px #000;
		font-size: 13px;
		margin-top: -30px;
		width: 100%;
	}
	.container-box2 div {
		border: solid 0px silver;
		border-bottom: solid 1px silver;
		text-align: left;
		box-shadow: 0px 0px 0px 0px #dbdbdb;
		width: 97%;
		height: 15px;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 3%;
		padding-right: 0%;
	}
	.container3-battery {
		width: 92%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
	}
	.container-box3 {
		display: flex;
		display: -webkit-flex;
		display: -ms-flexbox;
		align-items: left;
		flex-direction: column;
		justify-content: space-evenly;
		border: solid 0px #000;
		font-size: 13px;
		margin-top: -20px;
		width: 100%;
	}
	.container-box3 div {
		border: solid 0px silver;
		border-bottom: solid 1px silver;
		text-align: left;
		box-shadow: 0px 0px 0px 0px #dbdbdb;
		width: 97%;
		height: 15px;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 3%;
		padding-right: 0%;
	}
	.container4-lockedout {
		width: 90%;
		height: auto;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
	}
	.container-box4 {
		display: flex;
		display: -webkit-flex;
		display: -ms-flexbox;
		align-items: left;
		flex-direction: column;
		justify-content: space-evenly;
		border: solid 0px #000;
		font-size: 13px;
		margin-top: -20px;
		width: 100%;
	}
	.container-box4 div {
		border: solid 0px silver;
		border-bottom: solid 1px silver;
		text-align: left;
		box-shadow: 0px 0px 0px 0px #dbdbdb;
		width: 97%;
		height: 15px;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 3%;
		padding-right: 0%;
	}
	.container5-type-of-fuel {
		width: 100%;
		height: 100%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		height: 450px;
	}
	.container-box5 {
		display: flex;
		display: -webkit-flex;
		display: -ms-flexbox;
		align-items: left;
		flex-direction: column;
		justify-content: space-evenly;
		border: solid 0px #000;
		font-size: 13px;
		margin-top: -20px;
		width: 100%;
	}
	.container-box5 div {
		border: solid 0px silver;
		border-bottom: solid 1px silver;
		text-align: left;
		box-shadow: 0px 0px 0px 0px #dbdbdb;
		width: 414px;
		height: 15px;
		padding: 20px;
	}
	p {
		font-weight: 300;
		line-height: 1.5;
		font-weight: 600;
		color: #000;
		margin-top: 0px;
		margin-left: 60px;
	}
	.container5-type-of-fuel {
		height: 410px;
	}
	.container-box5 div {
		width: 300px;
	}
	.margin-img-accident {
		margin-left: -23px;
	}
	.margin-top-mp {
		margin-top: -13px;
	}
	.image-top-margin {
		margin-top: -5px;
		margin-bottom: 0px;
		margin-left: -5px;
		height: 27px;
		float: left;
	}
	.margin-top-fuel {
		margin-top: 0px;
	}
	.margin-top-lockedout {
		margin-top: -13px;
	}
	.imp-note {
		margin-left: auto;
		margin-right: auto;
		text-align: left;
		width: 90%;
		border: solid 0px #f00;
		font-size: 11px;
		margin-top: 50px;
	}
	.margin-top-problem {
		margin-top: -36px;
	}
	.btn-back {
		margin-top: 75px;
		margin-left: 15px;
		width: 50px;
		height: 18px;
		border: solid 0px #f00;
	}
	.image-top-margin-battery {
		margin-top: -9px;
		margin-bottom: 0px;
		margin-left: -5px;
		height: 32px;
		float: left;
	}
	.image-top-margin-lockedout {
		margin-top: -9px;
		margin-bottom: 0px;
		margin-left: -5px;
		height: 32px;
		float: left;
	}
	.top-line {
		border-top: solid 1px #ccc;
	}
	.text-mp {
		margin-top: -5px;
	}
	.text-battery-test {
		margin-top: 0px;
	}

	/*Flat Tire*/
	.container6-flat-tire {
		width: 92%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px;
		border: solid 0px #000;
	}
	.container-flat-tire {
		border: solid 0px #000;
		width: 295px;
		height: 260px;
		margin-left: auto;
		margin-right: auto;
	}
	.row-left {
		width: 70px;
		height: 240px;
		border: solid 0px #f00;
		margin-right: 5px;
		float: left;
	}
	.block-icon-check {
		border: solid 0px #000;
		width: 70px;
		height: 47px;
		margin-top: 20px;
	}
	.icon-unchecked-front-left {
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 5px;
		width: 30px;
		height: 30px;
		cursor: pointer;
	}
	.txt-front-left-tire {
		font-size: 14px;
		margin-left: 0px;
		text-align: center;
	}
	.txt-front-right-tire {
		font-size: 14px;
		margin-left: 0px;
		text-align: center;
	}
	.txt-rear-left-tire {
		font-size: 14px;
		margin-left: 0px;
		text-align: center;
	}
	.txt-rear-right-tire {
		font-size: 14px;
		margin-left: 0px;
		text-align: center;
	}
	.box-empty-flat-tire {
		width: 70px;
		height: 90px;
		border: solid 0px #000;
	}
	.rear-left {
		border: solid 0px #000;
		width: 70px;
		height: 47px;
	}
	.icon-unchecked-rear-left {
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 5px;
		width: 30px;
		height: 30px;
		cursor: pointer;
	}
	.row-center {
		width: 140px;
		height: 250px;
		border: solid 0px #f00;
		float: left;
		background-image: url(/images/car-image.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
	}
	.row-right {
		width: 74px;
		height: 240px;
		border: solid 0px #f00;
		margin-right: 0px;
		float: right;
	}
	.front-right {
		border: solid 0px #000;
		width: 70px;
		height: 47px;
		margin-top: 20px;
	}
	.icon-unchecked-front-right {
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 5px;
		margin-bottom: 5px;
		width: 30px;
		height: 30px;
		cursor: pointer;
	}
	.rear-left {
		border: solid 0px #000;
		width: 70px;
		height: 47px;
	}
	.icon-unchecked-rear-right {
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 5px;
		margin-bottom: 5px;
		width: 30px;
		height: 30px;
		cursor: pointer;
	}
	.txt-block-need-air {
		width: 100%;
		border-top: solid 1px #ccc;
		border-bottom: solid 0px #ccc;
		padding-top: 10px;
		padding-bottom: 5px;
		margin-bottom: 0px;
		margin-left: auto;
		margin-right: auto;
	}
	.line-separator {
		width: 100%;
		border-top: solid 1px #ccc;
		padding-bottom: 10px;
		margin-top: 10px;
	}
	.txt-need-air {
		float: left;
		font-size: 14px;
		margin-top: 3px;
	}
	.img-check-uncheck {
		float: right;
		cursor: pointer;
	}
	.txt-block-spare-tire {
		width: 100%;
		border-top: solid 0px #ccc;
		border-bottom: solid 0px #ccc;
		padding-top: 20px;
		padding-bottom: 5px;
		margin-bottom: 0px;
		margin-left: auto;
		margin-right: auto;
	}
	.txt-spare-tire {
		float: left;
		font-size: 14px;
		margin-top: 3px;
	}
	.block-button-confirm-flat-tire {
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		margin-top: 6px;
	}
	.btn-confirm-flat-tire {
		background-color: #00539b;
		border: none;
		color: #fff;
		padding: 10px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 100%
	}
	.front-right-tire {
		margin-left: 104px;
		margin-top: -43px;
		float: left;
		border: solid 0px;
	}
	.front-left-tire {
		margin-left: 20px;
		margin-top: 27px;
		float: left;
		border: solid 0px #f00;
	}
	.rear-left-tire {
		margin-left: 20px;
		margin-top: 101px;
		float: left;
		border: solid 0px;
	}
	.rear-right-tire {
		margin-left: 104px;
		margin-top: -44px;
		float: left;
		border: solid 0px #f00;
	}
	.img-front-left-tire {
		width: 17px;
		height: 44px;
	}
	.img-front-right-tire {
		width: 17px;
		height: 44px;
	}
	.img-rear-left-tire {
		width: 17px;
		height: 44px;
	}
	.img-rear-right-tire {
		width: 17px;
		height: 44px;
	}
	.img-front-left-tire-red {
		width: 17px;
		height: 44px;
	}
	.img-front-right-tire-red {
		width: 17px;
		height: 44px;
	}
	.img-rear-left-tire-red {
		width: 17px;
		height: 44px;
	}
	.img-rear-right-tire-red {
		width: 17px;
		height: 44px;
	}

	/*Select Breakdown Location---------------------*/
	.container7-breakdown-location {
		width: 92%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
		border: solid 0px #000;
	}
	.block-input {
		width: 99%;
		height: 33px;
		border-radius: 5px;
		border: solid 1px #ccc;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 15px;
	}
	.box-search {
		width: 40px;
		height: 25px;
		border: solid 0px #f00;
		float: left;
		margin-top: 6px;
	}
	.input-box {
		width: 70%;
		height: 20px;
		text-align: left;
		float: left;
		border: solid 0px;
		outline: none;
		margin-top: 6px;
	}
	.box-delete {
		width: 30px;
		height: 25px;
		border: solid 0px #f00;
		float: right;
		margin-top: 6px;
	}
	.allow-access {
		width: 220px;
		height: 35px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 30px;
		margin-bottom: 30px;
		border: solid 0px #000;
		display: none;
	}
	.box-target-cross {
		float: left;
		margin-right: 20px;
		margin-top: 0px;
	}
	.text-location-access {
		padding-top: 8px;
	}
	.text-note {
		width: 400px;
		margin-left: auto;
		margin-right: auto;
		border: solid 0px #000;
		text-align: center;
		color: #a6a6a6;
		margin-bottom: 10px;
		display: none;
	}
	.text-note-mobile {
		width: 310px;
		margin-left: auto;
		margin-right: auto;
		border: solid 0px #000;
		text-align: center;
		color: #a6a6a6;
		margin-bottom: 10px;
		font-size: 11px;
		display: block;
	}
	.txt-current-address {
		width: 320px;
		margin-left: auto;
		margin-right: auto;
		border: solid 0px #000;
		text-align: left;
		font-weight: 500;
		margin-bottom: 7px;
		font-size: 12px;
		float: left;
	}
	.txt-address {
		width: 320px;
		margin-left: auto;
		margin-right: auto;
		border: solid 0px #000;
		text-align: left;
		font-weight: 600;
		margin-bottom: 10px;
		font-size: 13px;
		float: left;
	}
	.map-google {
		width: 99%;
		height: 230px;
		margin-left: auto;
		margin-right: auto;
		border: solid 1px #ccc;
		padding: 0px;
		margin-bottom: 10px;
	}
	.block-btn-confirm-breakdown-location {
		width: 100%;
		margin-top: 15px;
	}
	.button-confirm-breakdown-location {
		background-color: #00539b;
		border: none;
		color: #fff;
		padding: 10px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 100%;
	}

	/*---What type of location---------------------*/
	#main-container-location-type {
		border: solid 0px #0f0;
		width: 93%;
		margin-left: auto;
		margin-right: auto;
	}
	.text-roadway {
		margin-top: 0px;
	}
	.item-1 {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.item-2 {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.item-3 {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.container8-location-type {
		width: 91%;
		height: auto;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0px;
	}
	.container-box8-location-type {
		display: flex;
		display: -webkit-flex;
		display: -ms-flexbox;
		align-items: left;
		flex-direction: column;
		justify-content: space-evenly;
		border: solid 0px #000;
		font-size: 13px;
		margin-top: 0px;
		margin-bottom: 0px;
		width: 100%;
	}
	.container-box8-location-type div {
		border: solid 0px silver;
		border-bottom: solid 1px silver;
		text-align: left;
		box-shadow: 0px 0px 0px 0px #dbdbdb;
		width: 97%;
		height: 15px;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 3%;
		padding-right: 0%;
	}
	.image-top-margin-location-type {
		margin-top: -5px;
		margin-bottom: 0px;
		margin-left: -5px;
		height: 27px;
		float: left;
	}

	.container9-locatin-type {
		width: 100%;
		height: 200px;
		border: solid 0px #000;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 10px;
		border: solid 0px #000;
	}

	/*Tow Destination*/
	.block-input-tow-destination {
		width: 100%;
		height: 33px;
		border-radius: 5px;
		border: solid 1px #ccc;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
		margin-top: -20px;
	}
	.text-note-tow-destination {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		border: solid 0px #000;
		text-align: left;
		margin-bottom: 10px;
		font-size: 14px;
	}
	.map-google-tow-destination {
		width: 100%;
		height: 230px;
		margin-left: auto;
		margin-right: auto;
		border: solid 1px #ccc;
		padding: 0px;
		margin-bottom: 10px;
	}
	.list-view {
		width: 250px;
		height: 230px;
		margin-left: auto;
		margin-right: auto;
		border: solid 0px #ccc;
		padding: 5px;
		margin-bottom: 10px;
		overflow-y: scroll;
	}
	.input-box-tow-destination {
		width: 82%;
		height: 21px;
		text-align: left;
		float: left;
		border: solid 0px;
		outline: none;
		margin-top: 6px;
	}
	.block-textarea {
		margin-left: auto;
		margin-right: auto;
		width: 98%;
		max-height: 175px;
		border: solid 0px #ccc;
		overflow-y: scroll;
		overflow-x: hidden;
		margin-bottom: 20px;
		padding-left: 0px;
		padding-right: 10px
	}
	.block-aar-list {
		width: 100%;
		height: 70px;
		border-top: solid 1px #ccc;
		border-bottom: solid 0px #ccc;
	}
	.block-img-aar {
		float: left;
		margin-right: 10px;
		margin-top: 6px;
	}
	.img-aar {
		width: 35px;
		height: 40px;
	}
	.block-aar-detail {
		float: right;
		font-weight: 500;
		width: 84%;
		font-size: 11px;
	}
	.name-aar {
		margin-top: 7px;
		color: #000;
		font-size: 13px;
		font-weight: 500;
		width: 75%;
		display: block;
		float: left;
	}
	.address-tow-destination-aar {
		float: left;
		font-size: 12px;
		font-weight: 400;
		width: 75%;
		color: #000;
	}
	.block-aar-desitance {
		float: right;
		width: 50px;
	}
	.text-arr-distance {
		font-size: 10px;
		margin-top: 10px;
		margin-bottom: 0px;
		color: #9c9c9c;
		float: right;
	}
	.img-next-arrow {
		float: right;
		margin-top: 11px;
		margin-left: 5px;
	}
	.color-closed {
		color: red;
		font-size: 11px;
		text-align: right;
		margin-right: 12px;
	}
	.color-open {
		color: green;
		font-size: 11px;
		text-align: right;
		margin-right: 17px;
	}
	.block-address-aar {
		width: 100%;
		border: solid 0px #f00;
		float: left;
		margin-top: 3px;
	}
	.block-name-aar {
		width: 100%;
		border: solid 0px #f00;
		float: left;
		margin-top: 3px;
	}

	/*Sign in ------------------*/
	.background-body {
		background-color: #f1f1f1;
		overflow-y: auto;
	}
	.empty-block-signin {
		margin-top: 0px;
		margin-left: 20px;
		width: 60px;
		border: solid 0px #f00;
		display: block;
	}
	.container-signin {
		width: 100%;
		height: 100%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0px;
	}
	.img-truck {
		width: 100%;
		height: 100%;
		margin-bottom: -10px;
	}
	.background-signin {
		background-color: #fff;
	}
	.block-signin {
		background-color: #f2f2f2;
		padding: 10px;
		padding-bottom: 25px;
	}
	.text-caa-roadside-assistance {
		width: 95%;
		margin-left: auto;
		margin-right: auto;
		border: solid 0px #000;
		text-align: left;
		margin-bottom: 10px;
		font-size: 12px;
	}
	.text-caa-signin {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		border: solid 0px #000;
		text-align: left;
		margin-bottom: 10px;
		font-size: 12px;
	}
	.heading-roadside-assistance {
		margin-top: 10px;
		margin-bottom: 10px;
		padding-left: 10px;
		padding-top: 15px;
		text-align: left;
		font-size: 20px;
		font-weight: 500;
		width: 93%;
	}
	.heading-signin {
		margin-bottom: 0px;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
		font-size: 20px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
	}
	.heading-membership-number {
		font-size: 14px;
		font-weight: 500;
		text-align: left;
		margin-bottom: 10px;
		width: 100%;
		border: solid 0px;
		margin-left: auto;
		margin-right: auto;
	}
	.block-membership-number {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0px;
		width: 100%;
		height: 50px;
		border: solid 0px #f00;
	}
	.block-input1 {
		width: 38px;
		height: 38px;
		border-radius: 0px;
		margin-right: 15px;
		float: left;
	}
	.input-1 {
		width: 35px;
		height: 35px;
		text-align: center;
		border: solid 1px #e1e1e1;
		border-radius: 0px;
		outline: none;
	}
	.block-input2 {
		width: 38px;
		height: 38px;
		border-radius: 0px;
		margin-right: 15px;
		float: left;
	}
	.input-2 {
		width: 35px;
		height: 35px;
		text-align: center;
		border: solid 1px #e1e1e1;
		border-radius: 0px;
		outline: none;
	}
	.block-input3 {
		width: 114px;
		height: 38px;
		border-radius: 0px;
		margin-right: 15px;
		float: left;
		border: solid 0px #000;
	}
	.input-3 {
		width: 110px;
		height: 35px;
		text-align: center;
		border: solid 1px #e1e1e1;
		border-radius: 0px;
		outline: none;
	}
	.block-input4 {
		width: 50px;
		height: 50px;
		border-radius: 0px;
		float: left;
	}
	.input-4 {
		width: 35px;
		height: 35px;
		text-align: center;
		border: solid 1px #e1e1e1;
		border-radius: 0px;
		outline: none;
	}
	.heading-postal-code {
		font-size: 14px;
		font-weight: 500;
		text-align: left;
		margin-bottom: 5px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.block-input-postal-code {
		width: 122px;
		height: 50px;
		border-radius: 0px;
		margin-bottom: 10px;
		border: solid 0px #000;
		float: left;
	}
	.input-postal-code {
		width: 114px;
		height: 36px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 4px;
		text-align: center;
		border: solid 1px #e1e1e1;
		border-radius: 0px;
		outline: none;
	}
	.block-btn-signin {
		margin-left: auto;
		margin-right: auto;
		width: 100%;
	}
	.button-signin {
		background-color: #00539b;
		border: none;
		color: #fff;
		padding: 10px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		margin: 4px 10px;
		cursor: pointer;
		border-radius: 3px;
		width: 108px;
		font-size: 16px;
	}

	/*aar Details------------------*/
	.container-aar-detail {
		width: 100%;
		height: 100%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
	}
	.heading-aar-name {
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: left;
		font-size: 20px;
		font-weight: 500;
		width: 92%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.block-aar-address {
		width: 92%;
		border: solid 0px;
		margin-left: auto;
		margin-right: auto;
	}
	.logo-aar {
		width: 90px;;
		max-width: 15% !important;
		float: left;
		margin-right: 10px;
		border: solid 0px #f00;
	}
	.aar-logo {
		width: 90%;
	}
	.block-aar-detail-address {
		width: 80%;
		border: solid 0px #f00;
		float: left;
		margin-bottom: 10px;
	}
	.address-aar1 {
		margin-bottom: 3px;
		float: left;
		font-size: 14px;
	}
	.km {
		width: 50px;
		color: #939393;
		font-weight: 500;
		font-size: 12px;
		margin-top: 6px;
		float: right;
	}
	.phone-aar {
		margin-bottom: 3px;
		font-size: 14px;
	}
	.web-aar {
		margin-bottom: 10px;
		font-size: 14px;
	}
	.timing-aar {
		margin-bottom: 30px;
		font-size: 14px;
	}
	.color-closed-aar {
		color: red;
		margin-right: 0px;
		font-size: 14px;
	}
	.color-open-aar {
		color: green;
		margin-right: 0px;
		font-size: 14px;
	}
	.block-btn-confirm-aar-detail {
		width: 170px;
		height: 46px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 15px;
		float: right;
	}
	.button-confirm-aar-detail {
		background-color: #00539b;
		border: none;
		color: white;
		padding: 7px 55px;
		text-align: right;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		float: right;
		width: 160px;
	}
	.heading-offers-members {
		font-weight: 600;
		margin-bottom: 6px;
	}
	.offers-members-details {
		margin-bottom: 10px;
		font-size: 14px;
	}
	.block-week-timing {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.border-top {
		border-top: solid 1px #ccc;
	}
	.text-name-week {
		width: 50%;
		float: left;
		font-size: 14px;
	}
	.text-timing {
		width: 50%;
		float: right;
		text-align: right;
		font-size: 14px;
	}
	.block-button-aar-detail {
		float: right;
		margin-top: 10px;
		width: 100%;
		border: solid 0px;
	}
	.color-closed-aar1 {
		color: red;
		margin-right: 0px;
		float: right;
		font-size: 14px;
	}
	.link-skip-this-step {
		float: left;
		margin-top: 7px;
		margin-right: 30px;
		margin-left: 0px;
	}

	/*Select your vehicle------------------*/
	.container-select-vehicle {
		width: 95%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0px;
		height: auto;
	}
	.row-select-vehicle {
		height: auto;
		margin-bottom: 0px;
		width: 100%;
		border: solid 0px #f00;
		margin-right: auto;
		margin-left: auto;
	}
	.box-vehicle-detail1 {
		border: solid 1px #ccc;
		width: 95%;
		height: 23%;
		padding: 5px;
		float: left;
		margin-right: 0px;
		margin-left: 0px;
		margin-bottom: 30px;
	}
	.box-vehicle-detail2 {
		border: solid 1px #ccc;
		width: 95%;
		height: 23%;
		padding: 5px;
		float: left;
		margin-right: 0px;
		margin-bottom: 30px;
	}
	.box-vehicle-detail3 {
		border: solid 1px #ccc;
		width: 95%;
		height: 23%;
		padding: 5px;
		float: left;
		margin-bottom: 30px;
	}
	.block-pic {
		width: 100px;
		height: 100px;
		border: solid 1px;
		float: left;
	}
	.txt-year {
		margin-left: 10px;
		font-size: 12px;
		float: left;
		width: 50%;
	}
	.txt-name {
		margin-left: 10px;
		font-size: 12px;
		width: 63%;
		height: 33px;
		margin-bottom: 10px;
		float: left;
	}
	.block-btn-select-vehicle {
		float: left;
		width: 32%;
		margin-left: 10px;
	}
	.button-select {
		background-color: #00539b;
		border: none;
		color: #fff;
		padding: 7px 7px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 13px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 100%
	}
	.block-car-pic {
		background-image: url(/images/img-car-mb1.png);
		width: 100px;
		height: 100px;
		background-repeat: no-repeat;
		float: left;
	}
	.color-dot {
		float: right;
		margin-top: 70px;
		padding-right: 5px;
	}
	.block-btn-add-vehicle {
		width: 100%;
		margin-bottom: 15px;
		text-align: center;
	}
	.button-add-vehicle {
		background-color: #00539b;
		border: none;
		color: #fff;
		padding: 10px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 300px;
	}

	/*Confirm your contact information------------------*/
	.container-contact-information {
		width: 92%;
		border: solid 0px #000;
		padding: 10px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0px;
		height: auto;
	}
	.heading-contact-information {
		margin-top: 0px;
		margin-bottom: 35px;
		padding-left: 0px;
		text-align: left;
		font-size: 20px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
	}
	.txt-provide-phone-number {
		font-size: 14px;
		text-align: left;
		margin-bottom: 5px;
	}
	.btn-cancel {
		margin-top: 10px;
		margin-right: 5px;
		width: 60px;
		border: solid 0px #f00;
		float: right;
		color: #00539b;
	}
	.block-input-contact-information {
		width: 100%;
		height: 33px;
		border-radius: 5px;
		border: solid 1px #ccc;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
	}
	.box-search-contact-information {
		width: 40px;
		height: 25px;
		border: solid 0px #f00;
		float: left;
		margin-top: 6px;
	}
	.input-box-contact-information {
		width: 75%;
		height: 20px;
		text-align: left;
		float: left;
		border: solid 0px;
		outline: none;
		margin-top: 6px;
	}
	.box-delete-contact-information {
		width: 30px;
		height: 25px;
		border: solid 0px #f00;
		float: right;
		margin-top: 6px;
	}
	.icon-unchecked-contact-information {
		float: left;
		margin-right: 10px;
	}
	.box-textarea {
		padding: 10px;
		border: solid 1px #ccc;
		border-radius: 5px;
		color: #00539b;
		height: 100px;
		width: 95%;
		margin-bottom: 30px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		resize: none;
		overflow-y: auto;
	}
	.block-btn-confirm-contact-information {
		width: 100%;
		margin-bottom: 15px;
		text-align: center;
	}
	.button--confirm-contact-information {
		background-color: #00539b;
		border: none;
		color: #fff;
		padding: 10px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 80%;
	}

	/*Add a vehicle-------------------*/
	.tabs-add-vehicle {
		text-align: center;
		border: solid 0px #000;
		margin-bottom: 30px;
		width: 99%;
	}
	.veh-img {
		display: inline;
		margin-right: -4px;
		box-shadow: 2px 2px 4px 1px #dbdbdb;
		width: 107px;
		cursor: pointer;
	}
	.right-arrow-select {
		margin-left: 20px;
	}
	.container-vehicle-detail {
		width: 92%;
		height: 100%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
	}
	.heading-add-vehicle {
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: left;
		font-size: 20px;
		font-weight: 500;
		width: 85%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.block-vehicle-detail {
		border: solid 0px #f00;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		font-size: 13px;
	}
	.border-top {
		border-top: solid 1px #ccc;
	}
	.block-model-year {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
		cursor: pointer;
	}
	.text-model-year {
		width: 50%;
		float: left;
	}
	.block-make {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-make {
		width: 50%;
		float: left;
	}
	.block-model {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-model {
		width: 50%;
		float: left;
	}
	.block-colour {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-colour {
		width: 50%;
		float: left;
	}
	.text-select {
		width: 50%;
		float: right;
		text-align: right;
	}
	.block-btn-add-select-vehicle {
		text-align: center;
		margin-top: 30px;
	}
	.button-add-select-vehicle {
		background-color: #00539b;
		border: none;
		color: #fff;
		padding: 10px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 250px;
	}

	/*Add a vehicle YEAR-------------------*/
	.tabs-add-vehicle-year {
		text-align: center;
		border: solid 0px #000;
		margin-bottom: 30px;
		width: 98%;
	}
	.veh-img {
		display: inline;
		margin-right: -4px;
		box-shadow: 2px 2px 4px 1px #dbdbdb;
		cursor: pointer;
	}
	.container-year-detail {
		width: 92%;
		height: 100%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
	}
	.heading-add-vehicle {
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: left;
		font-size: 20px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.heading-year {
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: center;
		font-size: 20px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.img-back-arrow {
		float: left;
		margin-top: 5px;
		width: 9px;
		height: 17px;
	}
	.block-year-detail {
		border: solid 0px #f00;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.block-row-year {
		border: solid 0px #f00;
		width: 100%;
		max-height: 225px;
		margin-left: auto;
		margin-right: auto;
		overflow-y: auto;
	}
	.border-top {
		border-top: solid 1px #ccc;
	}
	.row-year {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-year {
		width: 100%;
		float: left;
		color: #00539b;
	}

	/*Add a vehicle MAKE-------------------*/
	.tabs-add-vehicle-make {
		text-align: center;
		border: solid 0px #000;
		margin-bottom: 30px;
		width: 98%;
	}
	.veh-img {
		display: inline;
		margin-right: -4px;
		box-shadow: 2px 2px 4px 1px #dbdbdb;
		width: 33.7%;
		cursor: pointer;
	}
	.container-make-detail {
		width: 92%;
		height: 100%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
	}
	.heading-add-vehicle {
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: left;
		font-size: 20px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.heading-make {
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: center;
		font-size: 20px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.img-back-arrow {
		float: left;
		margin-top: 5px;
		width: 9px;
		height: 17px;
	}
	.block-make-detail {
		border: solid 0px #f00;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.block-row-make {
		border: solid 0px #f00;
		width: 100%;
		max-height: 225px;
		margin-left: auto;
		margin-right: auto;
		overflow-y: auto;
	}
	.border-top {
		border-top: solid 1px #ccc;
	}
	.row-make {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-make {
		width: 50%;
		float: left;
		color: #00539b;
	}

	/*Add a vehicle MODEL-------------------*/
	.tabs-add-vehicle-model {
		text-align: center;
		border: solid 0px #000;
		margin-bottom: 30px;
		width: 99%;
	}
	.veh-img {
		display: inline;
		margin-right: -4px;
		box-shadow: 2px 2px 4px 1px #dbdbdb;
		width: 33.7%;
		cursor: pointer;
	}
	.container-model-detail {
		width: 92%;
		height: 100%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
	}
	.heading-add-vehicle {
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: left;
		font-size: 20px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.heading-model {
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: center;
		font-size: 20px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.img-back-arrow {
		float: left;
		margin-top: 5px;
		width: 9px;
		height: 17px;
	}
	.block-model-detail {
		border: solid 0px #f00;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.block-row-model {
		border: solid 0px #f00;
		width: 100%;
		max-height: 225px;
		margin-left: auto;
		margin-right: auto;
		overflow-y: auto;
	}
	.border-top {
		border-top: solid 1px #ccc;
	}
	.row-model {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-model {
		width: 50%;
		float: left;
		color: #00539b;
	}

	/*Add a vehicle COLOUR-------------------*/
	.tabs-add-vehicle-drive-type {
		text-align: center;
		border: solid 0px #000;
		margin-bottom: 30px;
		width: 99%;
	}
	.tabs-add-vehicle-colour {
		text-align: center;
		border: solid 0px #000;
		margin-bottom: 30px;
		width: 99%;
	}
	.veh-img {
		display: inline;
		margin-right: -4px;
		box-shadow: 2px 2px 4px 1px #dbdbdb;
		width: 33.7%;
		cursor: pointer;
	}
	.container-colour-detail {
		width: 92%;
		height: 100%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
	}
	.heading-add-vehicle {
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: left;
		font-size: 20px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.heading-colour {
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: center;
		font-size: 20px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.img-back-arrow {
		float: left;
		margin-top: 5px;
		width: 9px;
		height: 17px;
	}
	.block-colour-detail {
		border: solid 0px #f00;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.block-row-colour {
		border: solid 0px #f00;
		width: 100%;
		max-height: 225px;
		margin-left: auto;
		margin-right: auto;
		overflow-y: auto;
		padding-right: 10px;
	}
	.border-top {
		border-top: solid 1px #ccc;
	}
	.row-colour {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-colour {
		width: 50%;
		float: left;
		color: #00539b;
	}

	/*Add a vehicle-SELECTED-------------------*/
	.tabs-add-vehicle-selected {
		text-align: center;
		border: solid 0px #000;
		margin-bottom: 30px;
		width: 98%;
	}
	.veh-img {
		display: inline;
		margin-right: -4px;
		box-shadow: 2px 2px 4px 1px #dbdbdb;
		cursor: pointer;
	}
	.right-arrow-select {
		margin-left: 20px;
	}
	.right-arrow-colour {
		margin-right: 0px;
		float: right;
		margin-top: 3px;
	}
	.container-vehicle-detail-selected {
		width: 92%;
		height: 100%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
	}
	.heading-add-vehicle {
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: left;
		font-size: 20px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.block-vehicle-detail-selected {
		border: solid 0px #f00;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		font-size: 13px;
	}
	.border-top {
		border-top: solid 1px #ccc;
	}
	.block-model-year1 {
		width: 99%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-model-year1 {
		width: 50%;
		float: left;
		color: #00539b;
	}
	.block-make1 {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-make1 {
		width: 50%;
		float: left;
		color: #00539b;
	}
	.block-model1 {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-model1 {
		width: 50%;
		float: left;
		color: #00539b;
	}
	.block-colour1 {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-colour1 {
		width: 50%;
		float: left;
		color: #00539b;
	}
	.text-select {
		width: 65%;
		float: right;
		text-align: right;
		color: #ccc;
	}
	.text-select-blue {
		width: 65%;
		float: right;
		text-align: right;
		color: #00539b;
	}
	.text-selected {
		width: 100%;
		float: right;
		text-align: right;
		color: #00539b;
	}
	.text-find-vehicle {
		text-align: left;
		margin-top: 30px;
		margin-left: 0px;
	}
	.block-btn-add-select-vehicle {
		text-align: center;
		margin-top: 30px;
	}
	.button-add-select-vehicle {
		background-color: #00539b;
		border: none;
		color: #fff;
		padding: 10px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 250px;
	}

	/*Add a vehicle-MANUALLY-------------------*/
	.empty-block-add-vehicle-manually {
		margin-top: 80px;
		margin-left: 20px;
		width: 60px;
		border: solid 0px #f00;
		display: block;
	}
	.tabs-add-vehicle-manually {
		text-align: center;
		border: solid 0px #000;
		margin-bottom: 30px;
		width: 100%;
		margin-left: -5px;
	}
	.veh-img {
		display: inline;
		margin-right: -5px;
		box-shadow: 2px 2px 4px 1px #dbdbdb;
		width: 33%;
		cursor: pointer;
	}
	.right-arrow-select {
		margin-left: 20px;
	}
	.right-arrow-colour {
		margin-right: 0px;
		float: right;
		margin-top: 3px;
	}
	.container-add-vehicle-manually {
		width: 92%;
		height: 100%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
	}
	.heading-add-vehicle-manually {
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: left;
		font-size: 20px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.block-vehicle-detail-manually {
		border: solid 0px #f00;
		width: 98%;
		margin-left: auto;
		margin-right: auto;
		font-size: 13px;
	}
	.border-top {
		border-top: solid 1px #ccc;
	}
	.block-model-year2 {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-model-year2 {
		width: 30%;
		float: left;
		color: #00539b;
	}
	.block-make2 {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-make2 {
		width: 35%;
		float: left;
		color: #00539b;
	}
	.block-model2 {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-model2 {
		width: 35%;
		float: left;
		color: #00539b;
	}
	.block-colour2 {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-colour2 {
		width: 35%;
		float: left;
		color: #00539b;
	}
	.color-dot-selected {
		border: solid 0px;
		width: 88%;
		float: left;
		text-align: right;
		height: 25px;
		margin-top: -4px;
	}
	.text-select {
		width: 65%;
		float: right;
		text-align: right;
		color: #ccc;
	}
	.text-select-blue-mannually {
		width: 65%;
		float: right;
		text-align: right;
		color: #00539b;
	}
	.text-predefined-pickers {
		width: 100%;
		text-align: center;
		margin-top: 30px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0px;
	}
	.block-btn-add-select-vehicle {
		text-align: center;
		margin-top: 30px;
	}
	.button-add-select-vehicle {
		background-color: #00539b;
		border: none;
		color: #fff;
		padding: 10px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 250px;
	}

	/*THANK YOU screen-------------------*/
	.empty-block-thank-you {
		margin-top: 50px;
	}
	.container-thank-you {
		border: solid 0px #ccc;
		padding: 10px;
		width: 93%;
		margin-left: auto;
		margin-right: auto;
	}
	.heading-thank-you {
		margin-top: 20px;
		margin-bottom: 15px;
		text-align: left;
		font-size: 20px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
	}
	.block-thank-you-text {
		width: 93%;
		border: solid 1px #ccc;
		padding: 10px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
		height: auto;
	}
	.text-background-color {
		background-color: #F2F2F2;
		padding: 10px;
	}
	.block-btn-launch-service-tracker {
		text-align: left;
		margin-top: 30px;
		width: 99%;
		float: left;
	}
	.button-launch-service-tracker {
		background-color: green;
		border: none;
		color: #fff;
		padding: 12px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 15px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 100%;
	}
	.block-btn-cancel-roadside-assistance {
		text-align: left;
		margin-top: 10px;
		width: 100%;
		float: right;
	}
	.button-cancel-roadside-assistance {
		background-color: red;
		border: none;
		color: #fff;
		padding: 12px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 15px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 99%;
	}
}

@media screen and (min-width:320px) and (max-width:360px) {
	#main {
		min-height: 509px;
		padding-top: 1px;
	}
	#wr-footer {
		clear: both;
		display: block;
		margin: 0;
		position: relative;
		width: 100%;
		font-size: 14px;
	}
	#wr-footer .footer_bar {
		background: url(../images/bar_shadow_bottom.png) repeat-x scroll center
			top #d4d4d4;
		border-spacing: 20px;
		clear: both;
		display: table;
		width: 100%;
		font-size: 14px;
	}
	.container2 {
		margin-bottom: 8px;
	}
	input {
		font-size: 13px;
	}
	/*--top header-------------------*/
	.wr-header {
		top: 0px;
		background-color: #00539b;
		width: 100%;
		text-align: center;
		display: block;
		height: 60px;
	}
	.wr-logo-caa {
		float: left;
		margin-left: 10px;
		border: solid 0px;
		margin-top: 10px;
		height: 42px;
	}
	.wr-logo-roadside-assitance {
		float: right;
		margin-right: 10px;
		margin-top: 0px;
		height: 60px;
	}

	/*--landing page popup blue-------------------*/
	.wr-icon-truck {
		margin-left: auto;
		margin-right: auto;
		width: 110px;
		height: 75px;
	}
	.wr-txt-welcome1 {
		font-size: 24px;
		font-family: Roboto;
		font-weight: 500;
		margin-top: 0px;
		margin-bottom: 20px;
	}
	.wr-txt-welcome2 {
		font-size: 13px;
		font-family: Roboto;
		font-weight: 400;
		margin-top: 0px;
		margin-left: auto;
		margin-right: auto;
		width: 90%;
		border: solid 0px;
	}
	.wr-txt-welcome3 {
		font-size: 14px;
		font-family: Roboto;
		font-weight: 500;
		margin-top: 20px;
		margin-bottom: 20px;
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}
	.block-active-request {
		font-weight: 600;
		text-decoration: underline;
		width: 270px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px;
	}
	.block-img-truck {
		float: left;
		background-size: cover;
		background-image: url(../images/icon-circle-truck-1.png);
		border: solid 0px #fff;
		width: 50px;
		height: 50px;
		margin-right: 10px;
	}
	.txt-block-active-request {
		width: 50px;
		height: 22px;
		border: solid 0px #000;
		padding-top: 28px;
		float: left;
		font-size: 12px;
		text-align: center;
	}
	.txt-active-request {
		height: 30px;
		padding-top: 12px;
		border: solid 0px #f00;
		cursor: pointer;
		width: 270px;
		text-align: left;
	}
	.wr-btn-roadside-assistance {
		text-align: center;
		margin-top: 50px;
		cursor: pointer;
		border: solid 0px;
		width: 300px;
		margin-left: auto;
		margin-right: auto;
	}
	.block-btn-rra {
		background-color: white;
		border: none;
		color: #00539b;
		padding: 10px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
	}
	.button-rra {
		width: 300px;
	}
	.wr-call-desktop {
		font-size: 17px;
		font-family: Roboto;
		color: #fff;
		font-weight: 400;
		margin-top: 20px;
		display: none;
	}
	.wr-call-mobile {
		font-size: 17px;
		font-family: Roboto;
		color: #fff;
		font-weight: 400;
		margin-top: 20px;
		display: block;
	}

	/*---landing page popup blue - Overlay Popup on landing page---*/
	.wr-container {
		width: 100%;
		height: 100%;
		border: solid 0px;
	}
	#wr-overlay {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: transparent;
		z-index: 2;
		opacity: 0.97;
		margin-top: 60px;
	}
	.wr-myDiv {
		position: relative; /*Parent MUST be relative*/
		z-index: 9;
		background-color: #00539b;
		text-align: center;
		color: #FFF;
		padding-top: 20px;
		/*Set width/height of the div in 'parent'*/
		width: 100%;
		height: 57%;
		opacity: 100%;
	}
	.wr-myDiv:before {
		content: "";
		position: absolute; /*set 'child' to be absolute*/
		z-index: -1; /*Make this lower so text appears in front*/
		/*You can choose to align it left, right, top or bottom here*/
		top: 0;
		right: 0;
		bottom: 60%;
		left: 0;
		background-color: rgba(0, 83, 155);
		height: 800px;
	}
	#wr-text {
		font-size: 50px;
		color: white;
		transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		text-align: center;
	}
	/* end of overlay */
	.btn-back {
		margin-top: 80px;
		margin-left: 20px;
		width: 60px;
		border: solid 0px #f00;
		display: none;
	}
	.empty-block {
		margin-top: 80px;
		margin-left: 20px;
		width: 60px;
		border: solid 0px #f00;
		display: block;
	}
	.heading1 {
		margin-top: 20px;
		margin-bottom: 35px;
		padding-left: 0px;
		text-align: left;
		font-size: 20px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
	}
	.heading2 {
		margin-top: 20px;
		margin-bottom: 35px;
		padding-left: 0px;
		text-align: left;
		font-size: 20px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
	}
	.main-container {
		border: solid 0px #0f0;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	.top-margin {
		margin-top: 80px;
	}
	.btn-back-arrow {
		float: left;
		margin-top: 22px;
		margin-left: 10px;
		display: block;
	}
	.border {
		border-top: solid 1px #ccc;
		display: block;
	}
	.item-1 {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.item-2 {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.item-3 {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.container1 {
		width: 100%;
		height: 100%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
	}
	.container-box1 {
		display: flex;
		display: -webkit-flex;
		display: -ms-flexbox;
		align-items: left;
		flex-direction: column;
		justify-content: space-evenly;
		border: solid 0px #000;
		font-size: 13px;
		margin-top: -20px;
		width: 100%;
	}
	.container-box1 div {
		border: solid 0px silver;
		border-bottom: solid 1px silver;
		text-align: left;
		box-shadow: 0px 0px 0px 0px #dbdbdb;
		width: 97%;
		height: 15px;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 3%;
		padding-right: 0%;
	}
	.container2 {
		width: 100%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		margin-top: -20px;
	}
	.container-box2 {
		display: flex;
		display: -webkit-flex;
		display: -ms-flexbox;
		align-items: left;
		flex-direction: column;
		justify-content: space-evenly;
		border: solid 0px #000;
		font-size: 13px;
		margin-top: -30px;
	}
	.container-box2 div {
		border: solid 0px silver;
		border-bottom: solid 1px silver;
		text-align: left;
		box-shadow: 0px 0px 0px 0px #dbdbdb;
		width: 97%;
		height: 15px;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 3%;
		padding-right: 0%;
	}
	.container3-battery {
		width: 92%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
	}
	.container-box3 {
		display: flex;
		display: -webkit-flex;
		display: -ms-flexbox;
		align-items: left;
		flex-direction: column;
		justify-content: space-evenly;
		border: solid 0px #000;
		font-size: 13px;
		margin-top: -20px;
		width: 100%;
	}
	.container-box3 div {
		border: solid 0px silver;
		border-bottom: solid 1px silver;
		text-align: left;
		box-shadow: 0px 0px 0px 0px #dbdbdb;
		width: 97%;
		height: 15px;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 3%;
		padding-right: 0%;
	}
	.container4-lockedout {
		width: 90%;
		height: auto;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
	}
	.container-box4 {
		display: flex;
		display: -webkit-flex;
		display: -ms-flexbox;
		align-items: left;
		flex-direction: column;
		justify-content: space-evenly;
		border: solid 0px #000;
		font-size: 13px;
		margin-top: -20px;
		width: 100%;
	}
	.container-box4 div {
		border: solid 0px silver;
		border-bottom: solid 1px silver;
		text-align: left;
		box-shadow: 0px 0px 0px 0px #dbdbdb;
		width: 97%;
		height: 15px;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 3%;
		padding-right: 0%;
	}
	.container5-type-of-fuel {
		width: 90%;
		height: auto;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
	}
	.container-box5 {
		display: flex;
		display: -webkit-flex;
		display: -ms-flexbox;
		align-items: left;
		flex-direction: column;
		justify-content: space-evenly;
		border: solid 0px #000;
		font-size: 13px;
		margin-top: -20px;
		width: 100%;
	}
	.container-box5 div {
		border: solid 0px silver;
		border-bottom: solid 1px silver;
		text-align: left;
		box-shadow: 0px 0px 0px 0px #dbdbdb;
		width: 97%;
		height: 15px;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 3%;
		padding-right: 0%;
	}
	p {
		font-weight: 300;
		line-height: 1.5;
		font-weight: 600;
		color: #000;
		margin-top: 0px;
		margin-left: 60px;
	}
	.font-size-location-type {
		font-weight: 300;
		line-height: 1.5;
		font-weight: 600;
		color: #000;
		margin-top: -11px;
		margin-left: 60px;
	}
	.image-top-margin {
		margin-top: -5px;
		margin-bottom: 0px;
		margin-left: -15px;
		height: 27px;
		float: left;
	}
	.margin-img-accident {
		margin-left: -23px;
	}
	.margin-top-mp {
		margin-top: -13px;
	}
	.image-top-margin {
		margin-top: -5px;
		margin-bottom: 0px;
		margin-left: -5px;
		height: 27px;
		float: left;
	}
	.margin-top {
		margin-top: -38px;
	}
	.imp-note {
		margin-left: auto;
		text-align: left;
		width: 90%;
		border: solid 0px #f00;
		font-size: 11px;
		margin-top: 50px;
	}
	.btn-back {
		margin-top: 75px;
		margin-left: 15px;
		width: 50px;
		height: 18px;
		border: solid 0px #f00;
	}
	.margin-top-fuel {
		margin-top: -10px;
	}
	.margin-top-lockedout {
		margin-top: -13px;
	}
	.image-top-margin-lockedout {
		margin-top: -9px;
		margin-bottom: 0px;
		margin-left: -5px;
		height: 32px;
		float: left;
	}
	.image-top-margin-battery {
		margin-top: -9px;
		margin-bottom: 0px;
		margin-left: -5px;
		height: 32px;
		float: left;
	}
	.top-line {
		border-top: solid 1px #ccc;
	}
	.text-mp {
		margin-top: -10px;
	}
	.text-battery-test {
		margin-top: -13px;
	}

	/*Flat Tire*/
	.container6-flat-tire {
		width: 92%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px;
		border: solid 0px #000;
	}
	.container-flat-tire {
		border: solid 0px #000;
		width: 295px;
		height: 260px;
		margin-left: auto;
		margin-right: auto;
	}
	.row-left {
		width: 70px;
		height: 240px;
		border: solid 0px #f00;
		margin-right: 5px;
		float: left;
	}
	.block-icon-check {
		border: solid 0px #000;
		width: 70px;
		height: 47px;
		margin-top: 20px;
	}
	.icon-unchecked-front-left {
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 5px;
		width: 30px;
		height: 30px;
		cursor: pointer;
	}
	.txt-front-left-tire {
		font-size: 14px;
		margin-left: 0px;
		text-align: center;
	}
	.txt-front-right-tire {
		font-size: 14px;
		margin-left: 0px;
		text-align: center;
	}
	.txt-rear-left-tire {
		font-size: 14px;
		margin-left: 0px;
		text-align: center;
	}
	.txt-rear-right-tire {
		font-size: 14px;
		margin-left: 0px;
		text-align: center;
	}
	.box-empty-flat-tire {
		width: 70px;
		height: 90px;
		border: solid 0px #000;
	}
	.rear-left {
		border: solid 0px #000;
		width: 70px;
		height: 47px;
	}
	.icon-unchecked-rear-left {
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 5px;
		width: 30px;
		height: 30px;
	}
	.row-center {
		width: 140px;
		height: 250px;
		border: solid 0px #f00;
		float: left;
		background-image: url(/images/car-image.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
	}
	.row-right {
		width: 74px;
		height: 240px;
		border: solid 0px #f00;
		margin-right: 0px;
		float: right;
	}
	.front-right {
		border: solid 0px #000;
		width: 70px;
		height: 47px;
		margin-top: 20px;
	}
	.icon-unchecked-front-right {
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 5px;
		margin-bottom: 5px;
		width: 30px;
		height: 30px;
	}
	.rear-left {
		border: solid 0px #000;
		width: 70px;
		height: 47px;
	}
	.icon-unchecked-rear-right {
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 5px;
		margin-bottom: 5px;
		width: 30px;
		height: 30px;
	}
	.txt-block-need-air {
		width: 100%;
		border-top: solid 1px #ccc;
		border-bottom: solid 0px #ccc;
		padding-top: 10px;
		padding-bottom: 5px;
		margin-bottom: 0px;
		margin-left: auto;
		margin-right: auto;
	}
	.line-separator {
		width: 100%;
		border-top: solid 1px #ccc;
		padding-bottom: 10px;
		margin-top: 10px;
	}
	.txt-need-air {
		float: left;
		font-size: 14px;
		margin-top: 3px;
	}
	.img-check-uncheck {
		float: right;
		cursor: pointer;
	}
	.txt-block-spare-tire {
		width: 100%;
		border-top: solid 0px #ccc;
		border-bottom: solid 0px #ccc;
		padding-top: 20px;
		padding-bottom: 5px;
		margin-bottom: 0px;
		margin-left: auto;
		margin-right: auto;
	}
	.txt-spare-tire {
		float: left;
		font-size: 14px;
		margin-top: 3px;
	}
	.block-button-confirm-flat-tire {
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		margin-top: 10px;
	}
	.btn-confirm-flat-tire {
		background-color: #00539b;
		border: none;
		color: #fff;
		padding: 10px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 100%;
	}
	.front-right-tire {
		margin-left: 104px;
		margin-top: -43px;
		float: left;
		border: solid 0px;
	}
	.front-left-tire {
		margin-left: 20px;
		margin-top: 27px;
		float: left;
		border: solid 0px #f00;
	}
	.rear-left-tire {
		margin-left: 20px;
		margin-top: 101px;
		float: left;
		border: solid 0px;
	}
	.rear-right-tire {
		margin-left: 104px;
		margin-top: -44px;
		float: left;
		border: solid 0px #f00;
	}
	.img-front-left-tire {
		width: 17px;
		height: 44px;
	}
	.img-front-right-tire {
		width: 17px;
		height: 44px;
	}
	.img-rear-left-tire {
		width: 17px;
		height: 44px;
	}
	.img-rear-right-tire {
		width: 17px;
		height: 44px;
	}
	.img-front-left-tire-red {
		width: 17px;
		height: 44px;
	}
	.img-front-right-tire-red {
		width: 17px;
		height: 44px;
	}
	.img-rear-left-tire-red {
		width: 17px;
		height: 44px;
	}
	.img-rear-right-tire-red {
		width: 17px;
		height: 44px;
	}

	/*Select Breakdown Location---------------------*/
	.container7-breakdown-location {
		width: 92%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
		border: solid 0px #000;
	}
	.block-input {
		width: 99%;
		height: 33px;
		border-radius: 5px;
		border: solid 1px #ccc;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 8px;
	}
	.box-search {
		width: 40px;
		height: 25px;
		border: solid 0px #f00;
		float: left;
		margin-top: 6px;
	}
	.input-box {
		width: 70%;
		height: 20px;
		text-align: left;
		float: left;
		border: solid 0px;
		outline: none;
		margin-top: 6px;
	}
	.box-delete {
		width: 30px;
		height: 25px;
		border: solid 0px #f00;
		float: right;
		margin-top: 6px;
	}
	.allow-access {
		width: 220px;
		height: 35px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 30px;
		margin-bottom: 30px;
		border: solid 0px #000;
		display: none;
	}
	.box-target-cross {
		float: left;
		margin-right: 20px;
		margin-top: 0px;
	}
	.text-location-access {
		padding-top: 8px;
	}
	.text-note {
		width: 400px;
		margin-left: auto;
		margin-right: auto;
		border: solid 0px #000;
		text-align: center;
		color: #a6a6a6;
		margin-bottom: 10px;
		display: none;
	}
	.text-note-mobile {
		width: 300px;
		margin-left: auto;
		margin-right: auto;
		border: solid 0px #000;
		text-align: center;
		color: #a6a6a6;
		margin-bottom: 10px;
		font-size: 11px;
		display: block;
	}
	.txt-current-address {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		border: solid 0px #000;
		text-align: left;
		font-weight: 500;
		margin-bottom: 7px;
		font-size: 12px;
	}
	.txt-address {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		border: solid 0px #000;
		text-align: left;
		font-weight: 600;
		margin-bottom: 10px;
		font-size: 13px;
	}
	.map-google {
		width: 95%;
		height: 230px;
		margin-left: auto;
		margin-right: auto;
		border: solid 1px #ccc;
		padding: 5px;
		margin-bottom: 10px;
	}
	.block-btn-confirm-breakdown-location {
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		margin-bottom: 15px;
		margin-top: 12px;
	}
	.button-confirm-breakdown-location {
		background-color: #00539b;
		border: none;
		color: #fff;
		padding: 10px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 99%;
	}

	/*---What type of location---------------------*/
	#main-container-location-type {
		border: solid 0px #0f0;
		width: 93%;
		margin-left: auto;
		margin-right: auto;
	}
	.text-roadway {
		margin-top: 0px;
	}
	.item-1 {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.item-2 {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.item-3 {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.container8-location-type {
		width: 91%;
		height: auto;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0px;
	}
	.container-box8-location-type {
		display: flex;
		display: -webkit-flex;
		display: -ms-flexbox;
		align-items: left;
		flex-direction: column;
		justify-content: space-evenly;
		border: solid 0px #000;
		font-size: 13px;
		margin-top: 0px;
		margin-bottom: 0px;
		width: 100%;
	}
	.container-box8-location-type div {
		border: solid 0px silver;
		border-bottom: solid 1px silver;
		text-align: left;
		box-shadow: 0px 0px 0px 0px #dbdbdb;
		width: 97%;
		height: 15px;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 3%;
		padding-right: 0%;
	}
	.image-top-margin-location-type {
		margin-top: -5px;
		margin-bottom: 0px;
		margin-left: -5px;
		height: 27px;
		float: left;
	}

	.container9-locatin-type {
		width: 100%;
		height: 200px;
		border: solid 0px #000;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 10px;
		border: solid 0px #000;
	}

	/*Tow Destination*/
	.block-input-tow-destination {
		width: 100%;
		height: 33px;
		border-radius: 5px;
		border: solid 1px #ccc;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
		margin-top: -20px;
	}
	.container-tow-destination {
		width: 90%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0px;
		height: auto;
	}
	.text-note-tow-destination {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		border: solid 0px #000;
		text-align: left;
		margin-bottom: 10px;
		font-size: 14px;
	}
	.map-google-tow-destination {
		width: 100%;
		height: 170px;
		margin-left: auto;
		margin-right: auto;
		border: solid 1px #ccc;
		padding: 0px;
		margin-bottom: 10px;
	}
	.list-view {
		width: 250px;
		height: 230px;
		margin-left: auto;
		margin-right: auto;
		border: solid 0px #ccc;
		padding: 5px;
		margin-bottom: 10px;
		overflow-y: scroll;
	}
	.input-box-tow-destination {
		width: 80%;
		height: 21x;
		text-align: left;
		float: left;
		border: solid 0px;
		outline: none;
		margin-top: 6px;
	}
	.block-textarea {
		margin-left: auto;
		margin-right: auto;
		width: 98%;
		max-height: 175px;
		border: solid 0px #ccc;
		overflow-y: scroll;
		overflow-x: hidden;
		margin-bottom: 20px;
		padding-left: 0px;
		padding-right: 10px
	}
	.block-aar-list {
		width: 100%;
		height: 70px;
		border-top: solid 1px #ccc;
		border-bottom: solid 0px #ccc;
	}
	.block-img-aar {
		float: left;
		margin-right: 10px;
		margin-top: 6px;
	}
	.img-aar {
		width: 35px;
		height: 40px;
	}
	.block-aar-detail {
		float: lright;
		font-weight: 500;
		width: 80%;
		font-size: 11px;
	}
	.name-aar {
		margin-top: 7px;
		color: #000;
		font-size: 13px;
		font-weight: 500;
		width: 75%;
		display: block;
		float: left;
	}
	.address-tow-destination-aar {
		float: left;
		font-size: 12px;
		font-weight: 400;
		width: 75%;
		color: #000;
	}
	.block-aar-desitance {
		float: right;
		width: 50px;
	}
	.text-arr-distance {
		font-size: 10px;
		margin-top: 10px;
		margin-bottom: 0px;
		color: #9c9c9c;
		float: right;
	}
	.img-next-arrow {
		float: right;
		margin-top: 11px;
		margin-left: 5px;
	}
	.color-closed {
		color: red;
		font-size: 11px;
		text-align: right;
		margin-right: 12px;
	}
	.color-open {
		color: green;
		font-size: 11px;
		text-align: right;
		margin-right: 17px;
	}
	.block-address-aar {
		width: 100%;
		border: solid 0px #f00;
		float: left;
		margin-top: 3px;
	}
	.block-name-aar {
		width: 100%;
		border: solid 0px #f00;
		float: left;
		margin-top: 3px;
	}

	/*Sign in ------------------*/
	.background-body {
		background-color: #f1f1f1;
		overflow-y: auto;
	}
	.empty-block-signin {
		margin-top: 0px;
		margin-left: 20px;
		width: 60px;
		border: solid 0px #f00;
		display: block;
	}
	.container-signin {
		width: 100%;
		height: 100%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0px;
	}
	.img-truck {
		width: 100%;
		height: 100%;
		margin-bottom: -10px;
	}
	.background-signin {
		background-color: #fff;
	}
	.block-signin {
		background-color: #f2f2f2;
		padding: 10px;
		padding-bottom: 25px;
	}
	.text-caa-roadside-assistance {
		width: 93%;
		margin-left: auto;
		margin-right: auto;
		border: solid 0px #000;
		text-align: left;
		margin-bottom: 10px;
		font-size: 12px;
	}
	.text-caa-signin {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		border: solid 0px #000;
		text-align: left;
		margin-bottom: 10px;
		font-size: 12px;
	}
	.heading-roadside-assistance {
		margin-top: 11px;
		margin-bottom: 10px;
		padding-left: 10px;
		padding-top: 15px;
		text-align: left;
		font-size: 20px;
		font-weight: 500;
		width: 93%;
	}
	.heading-signin {
		margin-bottom: 0px;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
		font-size: 20px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
	}
	.heading-membership-number {
		font-size: 14px;
		font-weight: 500;
		text-align: left;
		margin-bottom: 10px;
		width: 100%;
		border: solid 0px;
		margin-left: auto;
		margin-right: auto;
	}
	.block-membership-number {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0px;
		width: 100%;
		height: 50px;
		border: solid 0px #f00;
	}
	.block-input1 {
		width: 38px;
		height: 38px;
		border-radius: 0px;
		margin-right: 15px;
		float: left;
	}
	.input-1 {
		width: 35px;
		height: 35px;
		text-align: center;
		border: solid 1px #e1e1e1;
		border-radius: 0px;
		outline: none;
	}
	.block-input2 {
		width: 38px;
		height: 38px;
		border-radius: 0px;
		margin-right: 15px;
		float: left;
	}
	.input-2 {
		width: 35px;
		height: 35px;
		text-align: center;
		border: solid 1px #e1e1e1;
		border-radius: 0px;
		outline: none;
	}
	.block-input3 {
		width: 114px;
		height: 38px;
		border-radius: 0px;
		margin-right: 15px;
		float: left;
		border: solid 0px #000;
	}
	.input-3 {
		width: 110px;
		height: 35px;
		text-align: center;
		border: solid 1px #e1e1e1;
		border-radius: 0px;
		outline: none;
	}
	.block-input4 {
		width: 45px;
		height: 50px;
		border-radius: 0px;
		float: left;
	}
	.input-4 {
		width: 35px;
		height: 35px;
		text-align: center;
		border: solid 1px #e1e1e1;
		border-radius: 0px;
		outline: none;
	}
	.heading-postal-code {
		font-size: 14px;
		font-weight: 500;
		text-align: left;
		margin-bottom: 5px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.block-input-postal-code {
		width: 122px;
		height: 50px;
		border-radius: 0px;
		margin-bottom: 10px;
		border: solid 0px #000;
		float: left;
	}
	.input-postal-code {
		width: 114px;
		height: 36px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 4px;
		text-align: center;
		border: solid 1px #e1e1e1;
		border-radius: 0px;
		outline: none;
	}
	.block-btn-signin {
		margin-left: auto;
		margin-right: auto;
		width: 100%;
	}
	.button-signin {
		background-color: #00539b;
		border: none;
		color: #fff;
		padding: 10px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		margin: 4px 10px;
		cursor: pointer;
		border-radius: 3px;
		width: 108px;
	}

	/*aar Details------------------*/
	.container-aar-detail {
		width: 100%;
		height: 100%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
		font-size: 14px;
	}
	.heading-aar-name {
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: left;
		font-size: 18px;
		font-weight: 500;
		width: 90%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.block-aar-address {
		width: 90%;
		border: solid 0px;
		margin-left: auto;
		margin-right: auto;
	}
	.logo-aar {
		width: 90px;;
		max-width: 15% !important;
		float: left;
		margin-right: 10px;
		border: solid 0px #f00;
	}
	.aar-logo {
		width: 90%;
	}
	.block-aar-detail-address {
		width: 80%;
		border: solid 0px #f00;
		float: left;
		margin-bottom: 10px;
		font-size: 14px;
	}
	.address-aar1 {
		margin-bottom: 3px;
		float: left;
		font-size: 14px;
	}
	.km {
		width: 50px;
		color: #939393;
		font-weight: 500;
		font-size: 12px;
		margin-top: 2px;
		float: right;
	}
	.phone-aar {
		margin-bottom: 3px;
		font-size: 14px;
	}
	.web-aar {
		margin-bottom: 10px;
		font-size: 14px;
	}
	.timing-aar {
		margin-bottom: 30px;
		font-size: 14px;
	}
	.color-closed-aar {
		color: red;
		margin-right: 0px;
		font-size: 14px;
	}
	.color-open-aar {
		color: green;
		margin-right: 0px;
		font-size: 14px;
	}
	.block-btn-confirm-aar-detail {
		float: right;
	}
	.button-confirm-aar-detail {
		background-color: #00539b;
		border: none;
		color: #fff;
		padding: 10px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 150px;
	}
	.heading-offers-members {
		font-weight: 600;
		margin-bottom: 6px;
	}
	.offers-members-details {
		margin-bottom: 10px;
	}
	.block-week-timing {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.border-top {
		border-top: solid 1px #ccc;
	}
	.text-name-week {
		width: 50%;
		float: left;
	}
	.text-timing {
		width: 50%;
		float: right;
		text-align: right;
	}
	.block-button-aar-detail {
		float: right;
		margin-top: 10px;
		width: 100%;
		border: solid 0px;
		margin-bottom: 20px;
	}
	.color-closed-aar1 {
		color: red;
		margin-right: 0px;
		float: right;
	}
	.link-skip-this-step {
		float: left;
		margin-top: 10px;
		margin-right: 30px;
		margin-left: 0px;
	}

	/*Select your vehicle------------------*/
	.container-select-vehicle {
		width: 90%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0px;
		height: auto;
	}
	.row-select-vehicle {
		height: auto;
		margin-bottom: 0px;
		width: 100%;
		border: solid 0px #f00;
		margin-right: auto;
		margin-left: auto;
	}
	.box-vehicle-detail1 {
		border: solid 1px #ccc;
		width: 95%;
		height: 23%;
		padding: 5px;
		float: left;
		margin-right: 0px;
		margin-left: 0px;
		margin-bottom: 30px;
	}
	.box-vehicle-detail2 {
		border: solid 1px #ccc;
		width: 95%;
		height: 23%;
		padding: 5px;
		float: left;
		margin-right: 0px;
		margin-bottom: 30px;
	}
	.box-vehicle-detail3 {
		border: solid 1px #ccc;
		width: 95%;
		height: 23%;
		padding: 5px;
		float: left;
		margin-bottom: 30px;
	}
	.block-pic {
		width: 100px;
		height: 100px;
		border: solid 1px;
		float: left;
	}
	.txt-year {
		margin-left: 10px;
		font-size: 12px;
		float: left;
		width: 45%;
	}
	.txt-name {
		margin-left: 10px;
		font-size: 12px;
		width: 55%;
		height: 33px;
		margin-bottom: 10px;
		float: left;
	}
	.block-btn-select-vehicle {
		float: left;
		width: 32%;
		margin-left: 10px;
	}
	.button-select {
		background-color: #00539b;
		border: none;
		color: #fff;
		padding: 7px 7px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 13px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 100%
	}
	.block-car-pic {
		background-image: url(/images/img-car-mb1.png);
		width: 100px;
		height: 100px;
		background-repeat: no-repeat;
		float: left;
	}
	.color-dot {
		float: right;
		margin-top: 70px;
		padding-right: 5px;
	}
	.block-btn-add-vehicle {
		width: 100%;
		margin-bottom: 15px;
		text-align: center;
	}
	.button-add-vehicle {
		background-color: #00539b;
		border: none;
		color: #fff;
		padding: 10px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 280px;
	}

	/*Confirm your contact information------------------*/
	.container-contact-information {
		width: 90%;
		border: solid 0px #000;
		padding: 10px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0px;
		height: auto;
	}
	.heading-contact-information {
		margin-top: 0px;
		margin-bottom: 35px;
		padding-left: 0px;
		text-align: left;
		font-size: 20px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
	}
	.txt-provide-phone-number {
		font-size: 14px;
		text-align: left;
		margin-bottom: 5px;
	}
	.btn-cancel {
		margin-top: 10px;
		margin-right: 0px;
		width: 60px;
		border: solid 0px #f00;
		float: right;
		color: #00539b;
	}
	.block-input-contact-information {
		width: 100%;
		height: 33px;
		border-radius: 5px;
		border: solid 1px #ccc;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
	}
	.box-search-contact-information {
		width: 40px;
		height: 25px;
		border: solid 0px #f00;
		float: left;
		margin-top: 6px;
	}
	.input-box-contact-information {
		width: 65%;
		height: 20px;
		text-align: left;
		float: left;
		border: solid 0px;
		outline: none;
		margin-top: 6px;
	}
	.box-delete-contact-information {
		width: 40px;
		height: 25px;
		border: solid 0px #f00;
		float: right;
		margin-top: 6px;
	}
	.icon-unchecked-contact-information {
		float: left;
		margin-right: 10px;
	}
	.box-textarea {
		padding: 10px;
		border: solid 1px #ccc;
		border-radius: 5px;
		color: #00539b;
		height: 100px;
		width: 95%;
		margin-bottom: 30px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		resize: none;
		overflow-y: auto;
	}
	.block-btn-confirm-contact-information {
		width: 100%;
		margin-bottom: 15px;
		text-align: center;
	}
	.button--confirm-contact-information {
		background-color: #00539b;
		border: none;
		color: #fff;
		padding: 10px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 80%;
	}

	/*Add a vehicle-------------------*/
	.tabs-add-vehicle {
		text-align: center;
		border: solid 0px #000;
		margin-bottom: 30px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.veh-img {
		display: inline;
		margin-right: -4px;
		box-shadow: 2px 2px 4px 1px #dbdbdb;
		width: 107px;
		cursor: pointer;
	}
	.right-arrow-select {
		margin-left: 20px;
	}
	.container-vehicle-detail {
		width: 92%;
		height: 100%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
	}
	.heading-add-vehicle {
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: left;
		font-size: 20px;
		font-weight: 500;
		width: 88%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.block-vehicle-detail {
		border: solid 0px #f00;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		font-size: 13px;
	}
	.border-top {
		border-top: solid 1px #ccc;
	}
	.block-model-year {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
		cursor: pointer;
	}
	.text-model-year {
		width: 50%;
		float: left;
	}
	.block-make {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-make {
		width: 50%;
		float: left;
	}
	.block-model {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-model {
		width: 50%;
		float: left;
	}
	.block-colour {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-colour {
		width: 50%;
		float: left;
	}
	.text-select {
		width: 50%;
		float: right;
		text-align: right;
	}
	.block-btn-add-select-vehicle {
		text-align: center;
		margin-top: 30px;
	}
	.button-add-select-vehicle {
		background-color: #00539b;
		border: none;
		color: #fff;
		padding: 10px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 250px;
	}

	/*Add a vehicle YEAR-------------------*/
	.tabs-add-vehicle-year {
		text-align: center;
		border: solid 0px #000;
		margin-bottom: 30px;
		width: 99%;
	}
	.veh-img {
		display: inline;
		margin-right: -4px;
		box-shadow: 2px 2px 4px 1px #dbdbdb;
		cursor: pointer;
	}
	.container-year-detail {
		width: 92%;
		height: 100%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
	}
	.heading-add-vehicle {
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: left;
		font-size: 20px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.heading-year {
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: center;
		font-size: 20px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.img-back-arrow {
		float: left;
		margin-top: 5px;
		width: 9px;
		height: 17px;
	}
	.block-year-detail {
		border: solid 0px #f00;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.block-row-year {
		border: solid 0px #f00;
		width: 100%;
		max-height: 225px;
		margin-left: auto;
		margin-right: auto;
		overflow-y: auto;
	}
	.border-top {
		border-top: solid 1px #ccc;
	}
	.row-year {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-year {
		width: 100%;
		float: left;
		color: #00539b;
	}

	/*Add a vehicle MAKE-------------------*/
	.tabs-add-vehicle-make {
		text-align: center;
		border: solid 0px #000;
		margin-bottom: 30px;
		width: 99%;
		margin-left: 0px;
	}
	.veh-img {
		display: inline;
		margin-right: -4px;
		box-shadow: 2px 2px 4px 1px #dbdbdb;
		width: 33%;
		cursor: pointer;
	}
	.container-make-detail {
		width: 92%;
		height: 100%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
	}
	.heading-add-vehicle {
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: left;
		font-size: 20px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.heading-make {
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: center;
		font-size: 20px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.img-back-arrow {
		float: left;
		margin-top: 5px;
		width: 9px;
		height: 17px;
	}
	.block-make-detail {
		border: solid 0px #f00;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.block-row-make {
		border: solid 0px #f00;
		width: 100%;
		max-height: 225px;
		margin-left: auto;
		margin-right: auto;
		overflow-y: auto;
	}
	.border-top {
		border-top: solid 1px #ccc;
	}
	.row-make {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-make {
		width: 50%;
		float: left;
		color: #00539b;
	}

	/*Add a vehicle MODEL-------------------*/
	.tabs-add-vehicle-model {
		text-align: center;
		border: solid 0px #000;
		margin-bottom: 30px;
		width: 100%;
		margin-left: -4px;
	}
	.veh-img {
		display: inline;
		margin-right: -4px;
		box-shadow: 2px 2px 4px 1px #dbdbdb;
		width: 33%;
		cursor: pointer;
	}
	.container-model-detail {
		width: 92%;
		height: 100%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
	}
	.heading-add-vehicle {
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: left;
		font-size: 20px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.heading-model {
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: center;
		font-size: 20px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.img-back-arrow {
		float: left;
		margin-top: 5px;
		width: 9px;
		height: 17px;
	}
	.block-model-detail {
		border: solid 0px #f00;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.block-row-model {
		border: solid 0px #f00;
		width: 100%;
		max-height: 225px;
		margin-left: auto;
		margin-right: auto;
		overflow-y: auto;
	}
	.border-top {
		border-top: solid 1px #ccc;
	}
	.row-model {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-model {
		width: 50%;
		float: left;
		color: #00539b;
	}

	/*Add a vehicle COLOUR-------------------*/
	.tabs-add-vehicle-drive-type {
		text-align: center;
		border: solid 0px #000;
		margin-bottom: 30px;
	}
	.tabs-add-vehicle-colour {
		text-align: center;
		border: solid 0px #000;
		margin-bottom: 30px;
	}
	.veh-img {
		display: inline;
		margin-right: -4px;
		box-shadow: 2px 2px 4px 1px #dbdbdb;
		width: 33.7%;
		cursor: pointer;
	}
	.container-colour-detail {
		width: 92%;
		height: 100%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
	}
	.heading-add-vehicle {
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: left;
		font-size: 20px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.heading-colour {
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: center;
		font-size: 20px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.img-back-arrow {
		float: left;
		margin-top: 5px;
		width: 9px;
		height: 17px;
	}
	.block-colour-detail {
		border: solid 0px #f00;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.block-row-colour {
		border: solid 0px #f00;
		width: 100%;
		max-height: 225px;
		margin-left: auto;
		margin-right: auto;
		overflow-y: auto;
		padding-right: 10px;
	}
	.border-top {
		border-top: solid 1px #ccc;
	}
	.row-colour {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-colour {
		width: 50%;
		float: left;
		color: #00539b;
	}

	/*Add a vehicle-SELECTED-------------------*/
	.tabs-add-vehicle-selected {
		text-align: center;
		border: solid 0px #000;
		margin-bottom: 30px;
		width: 100%;
		margin-left: -3px;
	}
	.veh-img {
		display: inline;
		margin-right: -5px;
		box-shadow: 2px 2px 4px 1px #dbdbdb;
		width: 33%;
		cursor: pointer;
	}
	.right-arrow-select {
		margin-left: 20px;
	}
	.right-arrow-colour {
		margin-right: 0px;
		float: right;
		margin-top: 3px;
	}
	.container-vehicle-detail-selected {
		width: 92%;
		height: 100%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
	}
	.heading-add-vehicle {
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: left;
		font-size: 20px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.block-vehicle-detail-selected {
		border: solid 0px #f00;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		font-size: 13px;
	}
	.border-top {
		border-top: solid 1px #ccc;
	}
	.block-model-year1 {
		width: 99%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-model-year1 {
		width: 50%;
		float: left;
		color: #00539b;
	}
	.block-make1 {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-make1 {
		width: 50%;
		float: left;
		color: #00539b;
	}
	.block-model1 {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-model1 {
		width: 50%;
		float: left;
		color: #00539b;
	}
	.block-colour1 {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-colour1 {
		width: 50%;
		float: left;
		color: #00539b;
	}
	.text-select {
		width: 65%;
		float: right;
		text-align: right;
		color: #ccc;
	}
	.text-select-blue {
		width: 65%;
		float: right;
		text-align: right;
		color: #00539b;
	}
	.text-selected {
		width: 100%;
		float: right;
		text-align: right;
		color: #00539b;
	}
	.text-find-vehicle {
		text-align: left;
		margin-top: 30px;
		margin-left: 0px;
	}
	.block-btn-add-select-vehicle {
		text-align: center;
		margin-top: 30px;
	}
	.button-add-select-vehicle {
		background-color: #00539b;
		border: none;
		color: #fff;
		padding: 10px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 250px;
	}

	/*Add a vehicle-MANUALLY-------------------*/
	.empty-block-add-vehicle-manually {
		margin-top: 80px;
		margin-left: 20px;
		width: 60px;
		border: solid 0px #f00;
		display: block;
	}
	.tabs-add-vehicle-manually {
		text-align: center;
		border: solid 0px #000;
		margin-bottom: 30px;
	}
	.veh-img {
		display: inline;
		margin-right: -5px;
		box-shadow: 2px 2px 4px 1px #dbdbdb;
		width: 34%;
		cursor: pointer;
	}
	.right-arrow-select {
		margin-left: 20px;
	}
	.right-arrow-colour {
		margin-right: 0px;
		float: right;
		margin-top: 3px;
	}
	.container-add-vehicle-manually {
		width: 92%;
		height: 100%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
	}
	.heading-add-vehicle-manually {
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: left;
		font-size: 20px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.block-vehicle-detail-manually {
		border: solid 0px #f00;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		font-size: 13px;
	}
	.border-top {
		border-top: solid 1px #ccc;
	}
	.block-model-year2 {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-model-year2 {
		width: 30%;
		float: left;
		color: #00539b;
	}
	.block-make2 {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-make2 {
		width: 35%;
		float: left;
		color: #00539b;
	}
	.block-model2 {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-model2 {
		width: 35%;
		float: left;
		color: #00539b;
	}
	.block-colour2 {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-colour2 {
		width: 35%;
		float: left;
		color: #00539b;
	}
	.color-dot-selected {
		border: solid 0px;
		width: 80%;
		float: left;
		text-align: right;
		height: 25px;
		margin-top: -4px;
	}
	.text-select {
		width: 65%;
		float: right;
		text-align: right;
		color: #ccc;
	}
	.text-select-blue-mannually {
		width: 65%;
		float: right;
		text-align: right;
		color: #00539b;
	}
	.text-predefined-pickers {
		width: 100%;
		text-align: center;
		margin-top: 30px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0px;
	}
	.block-btn-add-select-vehicle {
		text-align: center;
		margin-top: 30px;
		margin-bottom: 25px;
	}
	.button-add-select-vehicle {
		background-color: #00539b;
		border: none;
		color: #fff;
		padding: 10px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 250px;
	}

	/*THANK YOU screen-------------------*/
	.empty-block-thank-you {
		margin-top: 50px;
	}
	.container-thank-you {
		border: solid 0px #ccc;
		padding: 10px;
		width: 93%;
		margin-left: auto;
		margin-right: auto;
	}
	.heading-thank-you {
		margin-top: 20px;
		margin-bottom: 15px;
		text-align: left;
		font-size: 20px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
	}
	/*.heading-thank-you{margin-top: 20px; margin-bottom:35px; text-align: left;  font-size: 26px; font-weight: 500;width:100%;	border:solid 0px #0F0;}*/
	.block-thank-you-text {
		width: 93%;
		border: solid 1px #ccc;
		padding: 10px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
		height: auto;
	}
	.text-background-color {
		background-color: #F2F2F2;
		padding: 10px;
	}
	.block-btn-launch-service-tracker {
		text-align: left;
		margin-top: 30px;
		width: 99%;
		float: left;
	}
	.button-launch-service-tracker {
		background-color: green;
		border: none;
		color: #fff;
		padding: 12px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 15px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 100%;
	}
	.block-btn-cancel-roadside-assistance {
		text-align: left;
		margin-top: 10px;
		width: 100%;
		float: right;
	}
	.button-cancel-roadside-assistance {
		background-color: red;
		border: none;
		color: #fff;
		padding: 12px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 15px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 99%;
	}
}

@media screen and (max-width:320px) {
	#main {
		min-height: 492px;
		padding-top: 1px;
	}
	#wr-footer {
		clear: both;
		display: block;
		margin: 0;
		position: relative;
		width: 100%;
		font-size: 14px;
	}
	#wr-footer .footer_bar {
		background: url(../images/bar_shadow_bottom.png) repeat-x scroll center
			top #d4d4d4;
		border-spacing: 20px;
		clear: both;
		display: table;
		width: 100%;
		font-size: 14px;
	}
	.container2 {
		margin-bottom: 8px;
	}
	input {
		font-size: 13px;
	}
	/*--top header-------------------*/
	.wr-header {
		top: 0px;
		background-color: #00539b;
		width: 100%;
		text-align: center;
		display: block;
		height: 60px;
	}
	.wr-logo-caa {
		float: left;
		margin-left: 8px;
		border: solid 0px;
		margin-top: 11px;
		height: 38px;
	}
	.wr-logo-roadside-assitance {
		float: right;
		margin-right: 10px;
		margin-top: 0px;
		height: 60px;
	}

	/*--landing page popup blue-------------------*/
	.wr-icon-truck {
		margin-left: auto;
		margin-right: auto;
		width: 110px;
		height: 75px;
	}
	.wr-txt-welcome1 {
		font-size: 24px;
		font-family: Roboto;
		font-weight: 500;
		margin-top: 0px;
		margin-bottom: 20px;
	}
	.wr-txt-welcome2 {
		font-size: 13px;
		font-family: Roboto;
		font-weight: 400;
		margin-top: 0px;
		margin-left: auto;
		margin-right: auto;
		width: 90%;
		border: solid 0px;
	}
	.wr-txt-welcome3 {
		font-size: 14px;
		font-family: Roboto;
		font-weight: 500;
		margin-top: 20px;
		margin-bottom: 20px;
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}
	.block-active-request {
		font-weight: 600;
		text-decoration: underline;
		width: 270px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px;
	}
	.block-img-truck {
		float: left;
		background-size: cover;
		background-image: url(../images/icon-circle-truck-1.png);
		border: solid 0px #fff;
		width: 50px;
		height: 50px;
		margin-right: 10px;
	}
	.txt-block-active-request {
		width: 50px;
		height: 22px;
		border: solid 0px #000;
		padding-top: 28px;
		float: left;
		font-size: 12px;
		text-align: center;
	}
	.txt-active-request {
		height: 30px;
		padding-top: 12px;
		border: solid 0px #f00;
		cursor: pointer;
		width: 270px;
		text-align: left;
	}
	.wr-btn-roadside-assistance {
		text-align: center;
		margin-top: 50px;
		margin-bottom: 20px;
		cursor: pointer;
		border: solid 0px;
		width: 300px;
		margin-left: auto;
		margin-right: auto;
	}
	.block-btn-rra {
		background-color: white;
		border: none;
		color: #00539b;
		padding: 10px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
	}
	.button-rra {
		width: 290px;
	}
	.wr-call-desktop {
		font-size: 17px;
		font-family: Roboto;
		color: #fff;
		font-weight: 400;
		margin-top: 20px;
		display: none;
	}
	.wr-call-mobile {
		font-size: 17px;
		font-family: Roboto;
		color: #fff;
		font-weight: 400;
		margin-top: 20px;
		display: block;
	}

	/*---landing page popup blue - Overlay Popup on landing page---*/
	.wr-container {
		width: 100%;
		height: 100%;
		border: solid 0px;
	}
	#wr-overlay {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: transparent;
		z-index: 2;
		opacity: 0.97;
		margin-top: 60px;
	}
	.wr-myDiv {
		position: relative; /*Parent MUST be relative*/
		z-index: 9;
		background-color: #00539b;
		text-align: center;
		color: #FFF;
		padding-top: 20px;
		/*Set width/height of the div in 'parent'*/
		width: 100%;
		height: 57%;
		opacity: 100%;
	}
	.wr-myDiv:before {
		content: "";
		position: absolute; /*set 'child' to be absolute*/
		z-index: -1; /*Make this lower so text appears in front*/
		/*You can choose to align it left, right, top or bottom here*/
		top: 0;
		right: 0;
		bottom: 60%;
		left: 0;
		background-color: rgba(0, 83, 155);
		height: 800px;
	}
	#wr-text {
		font-size: 50px;
		color: white;
		transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		text-align: center;
	}
	/* end of overlay */
	.btn-back {
		margin-top: 80px;
		margin-left: 20px;
		width: 60px;
		border: solid 0px #f00;
		display: none;
	}
	.empty-block {
		margin-top: 80px;
		margin-left: 20px;
		width: 60px;
		border: solid 0px #f00;
		display: block;
	}
	.heading1 {
		margin-top: 20px;
		margin-bottom: 35px;
		padding-left: 0px;
		text-align: left;
		font-size: 20px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
	}
	.heading2 {
		margin-top: 20px;
		margin-bottom: 35px;
		padding-left: 0px;
		text-align: left;
		font-size: 20px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
	}
	.main-container {
		border: solid 0px #0f0;
		width: 290px;
		margin-left: auto;
		margin-right: auto;
	}
	.top-margin {
		margin-top: 80px;
	}
	.text-mp {
		margin-top: -13px;
	}
	.btn-back-arrow {
		float: left;
		margin-top: 22px;
		margin-left: 10px;
		display: block;
		height: 16px;
		width: 9px;
	}
	.border {
		border-top: solid 1px #ccc;
		display: block;
	}
	.text-battery-test {
		margin-top: -13px;
	}
	.item-1 {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.item-2 {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.item-3 {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.container1 {
		width: 100%;
		height: 100%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
	}
	.container-box1 {
		display: flex;
		display: -webkit-flex;
		display: -ms-flexbox;
		align-items: left;
		flex-direction: column;
		justify-content: space-evenly;
		border: solid 0px #000;
		font-size: 13px;
		margin-top: -20px;
		width: 100%;
	}
	.container-box1 div {
		border: solid 0px silver;
		border-bottom: solid 1px silver;
		text-align: left;
		box-shadow: 0px 0px 0px 0px #dbdbdb;
		width: 414px;
		height: 15px;
		padding: 20px;
	}
	.container2 {
		width: 100%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		margin-top: -20px;
	}
	.container-box2 {
		display: flex;
		display: -webkit-flex;
		display: -ms-flexbox;
		align-items: left;
		flex-direction: column;
		justify-content: space-evenly;
		border: solid 0px #000;
		font-size: 13px;
		margin-top: -30px;
	}
	.container-box2 div {
		border: solid 0px silver;
		border-bottom: solid 1px silver;
		text-align: left;
		box-shadow: 0px 0px 0px 0px #dbdbdb;
		width: 414px;
		height: 15px;
		padding: 20px;
	}
	.container3-battery {
		width: 92%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
	}
	.container-box3 {
		display: flex;
		display: -webkit-flex;
		display: -ms-flexbox;
		align-items: left;
		flex-direction: column;
		justify-content: space-evenly;
		border: solid 0px #000;
		font-size: 13px;
		margin-top: -20px;
		width: 100%;
	}
	.container-box3 div {
		border: solid 0px silver;
		border-bottom: solid 1px silver;
		text-align: left;
		box-shadow: 0px 0px 0px 0px #dbdbdb;
		width: 97%;
		height: 15px;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 3%;
		padding-right: 0%;
	}
	.container4-lockedout {
		width: 90%;
		height: auto;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
	}
	.container-box4 {
		display: flex;
		display: -webkit-flex;
		display: -ms-flexbox;
		align-items: left;
		flex-direction: column;
		justify-content: space-evenly;
		border: solid 0px #000;
		font-size: 13px;
		margin-top: -20px;
		width: 100%;
	}
	.container-box4 div {
		border: solid 0px silver;
		border-bottom: solid 1px silver;
		text-align: left;
		box-shadow: 0px 0px 0px 0px #dbdbdb;
		width: 97%;
		height: 15px;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 3%;
		padding-right: 0%;
	}
	.container5-type-of-fuel {
		width: 90%;
		height: auto;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
	}
	.container-box5 {
		display: flex;
		display: -webkit-flex;
		display: -ms-flexbox;
		align-items: left;
		flex-direction: column;
		justify-content: space-evenly;
		border: solid 0px #000;
		font-size: 13px;
		margin-top: -20px;
		width: 100%;
	}
	.container-box5 div {
		border: solid 0px silver;
		border-bottom: solid 1px silver;
		text-align: left;
		box-shadow: 0px 0px 0px 0px #dbdbdb;
		width: 97%;
		height: 15px;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 3%;
		padding-right: 0%;
	}
	p {
		font-weight: 300;
		line-height: 1.5;
		font-weight: 600;
		color: #000;
		margin-top: 0px;
		margin-left: 60px;
	}
	.font-size-location-type {
		font-weight: 300;
		line-height: 1.5;
		font-weight: 600;
		color: #000;
		margin-top: -10px;
		margin-left: 60px;
	}
	.container-box1 div {
		width: 255px;
	}
	.container-box2 div {
		width: 255px;
	}
	.margin-img-accident {
		margin-left: -23px;
	}
	.margin-top-mp {
		margin-top: -13px;
	}
	.image-top-margin {
		margin-top: -5px;
		margin-bottom: 0px;
		margin-left: -15px;
		height: 27px;
		float: left;
	}
	.margin-top {
		margin-top: -38px;
	}
	.imp-note {
		margin-left: auto;
		margin-right: auto;
		text-align: left;
		width: 90%;
		border: solid 0px #f00;
		font-size: 11px;
		margin-top: 50px;
	}
	.margin-top-problem {
		margin-top: -47px;
	}
	.margin-top-lockedout {
		margin-top: -10px;
	}
	.btn-back {
		margin-top: 75px;
		margin-left: 15px;
		width: 50px;
		height: 18px;
		border: solid 0px #f00;
	}
	.margin-top-fuel {
		margin-top: -10px;
	}
	.image-top-margin-battery {
		margin-top: -9px;
		margin-bottom: 0px;
		margin-left: -5px;
		height: 32px;
		float: left;
	}
	.image-top-margin-lockedout {
		margin-top: -9px;
		margin-bottom: 0px;
		margin-left: -15px;
		height: 32px;
		float: left;
	}
	.top-line {
		border-top: solid 1px #ccc;
	}

	/*Flat Tire*/
	.container6-flat-tire {
		width: 290px;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
	}
	.container-flat-tire {
		border: solid 0px #000;
		width: 295px;
		height: 260px;
		margin-left: auto;
		margin-right: auto;
	}
	.row-left {
		width: 70px;
		height: 240px;
		border: solid 0px #f00;
		margin-right: 5px;
		float: left;
	}
	.block-icon-check {
		border: solid 0px #000;
		width: 70px;
		height: 47px;
		margin-top: 20px;
	}
	.icon-unchecked-front-left {
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 5px;
		width: 30px;
		height: 30px;
		cursor: pointer;
	}
	.txt-front-left-tire {
		font-size: 11px;
		margin-left: 0px;
		text-align: center;
	}
	.txt-front-right-tire {
		font-size: 11px;
		margin-left: 0px;
		text-align: center;
	}
	.txt-rear-left-tire {
		font-size: 11px;
		margin-left: 0px;
		text-align: center;
	}
	.txt-rear-right-tire {
		font-size: 11px;
		margin-left: 0px;
		text-align: center;
	}
	.box-empty-flat-tire {
		width: 70px;
		height: 90px;
		border: solid 0px #000;
	}
	.rear-left {
		border: solid 0px #000;
		width: 70px;
		height: 47px;
	}
	.icon-unchecked-rear-left {
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 5px;
		width: 30px;
		height: 30px;
		cursor: pointer;
	}
	.row-center {
		width: 140px;
		height: 250px;
		border: solid 0px #f00;
		float: left;
		background-image: url(/images/car-image.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
	}
	.row-right {
		width: 74px;
		height: 240px;
		border: solid 0px #f00;
		margin-right: 0px;
		float: right;
	}
	.front-right {
		border: solid 0px #000;
		width: 70px;
		height: 47px;
		margin-top: 20px;
	}
	.icon-unchecked-front-right {
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 5px;
		margin-bottom: 5px;
		width: 30px;
		height: 30px;
		cursor: pointer;
	}
	.rear-left {
		border: solid 0px #000;
		width: 70px;
		height: 47px;
	}
	.icon-unchecked-rear-right {
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 5px;
		margin-bottom: 5px;
		width: 30px;
		height: 30px;
		cursor: pointer;
	}
	.txt-block-need-air {
		width: 290px;
		border-top: solid 1px #ccc;
		border-bottom: solid 0px #ccc;
		padding-top: 10px;
		padding-bottom: 5px;
		margin-bottom: 0px;
		margin-left: auto;
		margin-right: auto;
	}
	.line-separator {
		width: 290px;
		border-top: solid 1px #ccc;
		padding-bottom: 10px;
		margin-top: 10px;
	}
	.txt-need-air {
		float: left;
		font-size: 14px;
		margin-top: 3px;
	}
	.img-check-uncheck {
		float: right;
		cursor: pointer;
	}
	.txt-block-spare-tire {
		width: 290px;
		border-top: solid 0px #ccc;
		border-bottom: solid 0px #ccc;
		padding-top: 20px;
		padding-bottom: 5px;
		margin-bottom: 0px;
		margin-left: auto;
		margin-right: auto;
	}
	.txt-spare-tire {
		float: left;
		font-size: 14px;
		margin-top: 3px;
	}
	.block-button-confirm-flat-tire {
		margin-left: auto;
		margin-right: auto;
		width: 100%;
	}
	.btn-confirm-flat-tire {
		background-color: #00539b;
		border: none;
		color: #fff;
		padding: 10px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 287px;
	}
	.front-right-tire {
		margin-left: 104px;
		margin-top: -43px;
		float: left;
		border: solid 0px;
	}
	.front-left-tire {
		margin-left: 20px;
		margin-top: 27px;
		float: left;
		border: solid 0px #f00;
	}
	.rear-left-tire {
		margin-left: 20px;
		margin-top: 101px;
		float: left;
		border: solid 0px;
	}
	.rear-right-tire {
		margin-left: 104px;
		margin-top: -44px;
		float: left;
		border: solid 0px #f00;
	}
	.img-front-left-tire {
		width: 17px;
		height: 44px;
	}
	.img-front-right-tire {
		width: 17px;
		height: 44px;
	}
	.img-rear-left-tire {
		width: 17px;
		height: 44px;
	}
	.img-rear-right-tire {
		width: 17px;
		height: 44px;
	}
	.img-front-left-tire-red {
		width: 17px;
		height: 44px;
	}
	.img-front-right-tire-red {
		width: 17px;
		height: 44px;
	}
	.img-rear-left-tire-red {
		width: 17px;
		height: 44px;
	}
	.img-rear-right-tire-red {
		width: 17px;
		height: 44px;
	}

	/*Select Breakdown Location---------------------*/
	.container7-breakdown-location {
		width: 92%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
		border: solid 0px #000;
	}
	.block-input {
		width: 280px;
		height: 33px;
		border-radius: 5px;
		border: solid 1px #ccc;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 8px;
	}
	.box-search {
		width: 40px;
		height: 25px;
		border: solid 0px #f00;
		float: left;
		margin-top: 6px;
	}
	.input-box {
		width: 70%;
		height: 20px;
		text-align: left;
		float: left;
		border: solid 0px;
		outline: none;
		margin-bottom: 0px;
		margin-top: 6px;
	}
	.box-delete {
		width: 40px;
		height: 25px;
		border: solid 0px #f00;
		float: right;
		margin-top: 6px;
	}
	.allow-access {
		width: 220px;
		height: 35px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 30px;
		margin-bottom: 30px;
		border: solid 0px #000;
		display: none;
	}
	.box-target-cross {
		float: left;
		margin-right: 20px;
		margin-top: 0px;
	}
	.text-location-access {
		padding-top: 8px;
	}
	.text-note {
		width: 400px;
		margin-left: auto;
		margin-right: auto;
		border: solid 0px #000;
		text-align: center;
		color: #a6a6a6;
		margin-bottom: 10px;
		display: none;
	}
	.text-note-mobile {
		width: 250px;
		margin-left: auto;
		margin-right: auto;
		border: solid 0px #000;
		text-align: center;
		color: #a6a6a6;
		margin-bottom: 10px;
		font-size: 11px;
		display: block;
	}
	.txt-current-address {
		width: 290px;
		margin-left: auto;
		margin-right: auto;
		border: solid 0px #000;
		text-align: left;
		font-weight: 500;
		margin-bottom: 7px;
		font-size: 12px;
	}
	.txt-address {
		width: 290px;
		margin-left: auto;
		margin-right: auto;
		border: solid 0px #000;
		text-align: left;
		font-weight: 600;
		margin-bottom: 10px;
		font-size: 13px;
	}
	.map-google {
		width: 270px;
		height: 230px;
		margin-left: auto;
		margin-right: auto;
		border: solid 1px #ccc;
		padding: 5px;
		margin-bottom: 10px;
	}
	.block-btn-confirm-breakdown-location {
		margin-left: -2px;
		width: 100%;
		margin-top: 12px;
	}
	.button-confirm-breakdown-location {
		background-color: #00539b;
		border: none;
		color: #fff;
		padding: 10px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 282px;
	}

	/* What type of location---------------------*/
	#main-container-location-type {
		border: solid 0px #0f0;
		width: 93%;
		margin-left: auto;
		margin-right: auto;
	}
	.text-roadway {
		margin-top: 0px;
	}
	.item-1 {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.item-2 {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.item-3 {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.container8-location-type {
		width: 91%;
		height: auto;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0px;
	}
	.container-box8-location-type {
		display: flex;
		display: -webkit-flex;
		display: -ms-flexbox;
		align-items: left;
		flex-direction: column;
		justify-content: space-evenly;
		border: solid 0px #000;
		font-size: 13px;
		margin-top: 0px;
		margin-bottom: 0px;
		width: 100%;
	}
	.container-box8-location-type div {
		border: solid 0px silver;
		border-bottom: solid 1px silver;
		text-align: left;
		box-shadow: 0px 0px 0px 0px #dbdbdb;
		width: 97%;
		height: 15px;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 3%;
		padding-right: 0%;
	}
	.image-top-margin-location-type {
		margin-top: -5px;
		margin-bottom: 0px;
		margin-left: -5px;
		height: 27px;
		float: left;
	}

	.container9-locatin-type {
		width: 100%;
		height: 200px;
		border: solid 0px #000;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 10px;
		border: solid 0px #000;
	}

	/*Tow Destination*/
	.block-input-tow-destination {
		width: 280px;
		height: 33px;
		border-radius: 5px;
		border: solid 1px #ccc;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
		margin-top: -20px;
	}
	.text-note-tow-destination {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		border: solid 0px #000;
		text-align: left;
		margin-bottom: 10px;
		font-size: 14px;
	}
	.map-google-tow-destination {
		width: 270px;
		height: 170px;
		margin-left: auto;
		margin-right: auto;
		border: solid 1px #ccc;
		padding: 5px;
		margin-bottom: 10px;
	}
	.list-view {
		width: 250px;
		height: 230px;
		margin-left: auto;
		margin-right: auto;
		border: solid 0px #ccc;
		padding: 5px;
		margin-bottom: 10px;
		overflow-y: scroll;
	}
	.block-textarea {
		margin-left: auto;
		margin-right: auto;
		width: 266px;
		max-height: 175px;
		border: solid 0px #ccc;
		overflow-y: scroll;
		overflow-x: hidden;
		margin-bottom: 20px;
		padding-left: 2px;
		padding-right: 14px
	}
	.input-box-tow-destination {
		width: 80%;
		height: 21px;
		text-align: left;
		float: left;
		border: solid 0px;
		outline: none;
		margin-top: 6px;
	}
	.block-aar-list {
		width: 100%;
		height: 70px;
		border-top: solid 1px #ccc;
		border-bottom: solid 0px #ccc;
	}
	.block-img-aar {
		float: left;
		margin-right: 10px;
		margin-top: 6px;
	}
	.img-aar {
		width: 35px;
		height: 40px;
	}
	.block-aar-detail {
		float: left;
		font-weight: 500;
		width: 170px;
	}
	.name-aar {
		margin-top: 7px;
		color: #000;
		font-size: 13px;
		font-weight: 500;
		width: 165px;
		display: block;
		float: left;
	}
	.address-tow-destination-aar {
		float: left;
		font-size: 12px;
		font-weight: 400;
		width: 165px;
		color: #000;
	}
	.block-aar-desitance {
		float: right;
		width: 50px;
	}
	.text-arr-distance {
		font-size: 10px;
		margin-top: 10px;
		margin-bottom: 0px;
		color: #9c9c9c;
		float: right;
	}
	.img-next-arrow {
		float: right;
		margin-top: 11px;
		margin-left: 5px;
	}
	.color-closed {
		color: red;
		font-size: 11px;
		text-align: right;
		margin-right: 10px;
	}
	.color-open {
		color: green;
		font-size: 11px;
		text-align: right;
		margin-right: 10px;
	}
	.block-address-aar {
		width: 215px;
		border: solid 0px #f00;
		float: left;
		margin-top: 3px;
	}
	.block-name-aar {
		width: 212px;
		border: solid 0px #f00;
		float: left;
		margin-top: 3px;
	}

	/*Sign in ------------------*/
	.background-body {
		background-color: #f1f1f1;
		overflow-y: auto;
	}
	.empty-block-signin {
		margin-top: 0px;
		margin-left: 20px;
		width: 60px;
		border: solid 0px #f00;
		display: block;
	}
	.container-signin {
		width: 100%;
		height: 100%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0px;
	}
	.img-truck {
		width: 100%;
		height: 100%;
		margin-bottom: -10px;
	}
	.background-signin {
		background-color: #fff;
	}
	.block-signin {
		background-color: #f2f2f2;
		padding: 10px;
		padding-bottom: 25px;
	}
	.text-caa-roadside-assistance {
		width: 93%;
		margin-left: auto;
		margin-right: auto;
		border: solid 0px #000;
		text-align: left;
		margin-bottom: 10px;
		font-size: 12px;
	}
	.text-caa-signin {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		border: solid 0px #000;
		text-align: left;
		margin-bottom: 10px;
		font-size: 12px;
	}
	.heading-roadside-assistance {
		margin-top: 10px;
		margin-bottom: 10px;
		padding-left: 10px;
		padding-top: 15px;
		text-align: left;
		font-size: 20px;
		font-weight: 500;
		width: 93%;
	}
	.heading-signin {
		margin-bottom: 0px;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
		font-size: 20px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
	}
	.heading-membership-number {
		font-size: 14px;
		font-weight: 500;
		text-align: left;
		margin-bottom: 10px;
		width: 100%;
		border: solid 0px;
		margin-left: auto;
		margin-right: auto;
	}
	.block-membership-number {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0px;
		width: 100%;
		height: 50px;
		border: solid 0px #f00;
	}
	.block-input1 {
		width: 38px;
		height: 38px;
		border-radius: 0px;
		margin-right: 15px;
		float: left;
	}
	.input-1 {
		width: 35px;
		height: 35px;
		text-align: center;
		border: solid 1px #e1e1e1;
		border-radius: 0px;
		outline: none;
	}
	.block-input2 {
		width: 38px;
		height: 38px;
		border-radius: 0px;
		margin-right: 15px;
		float: left;
	}
	.input-2 {
		width: 35px;
		height: 35px;
		text-align: center;
		border: solid 1px #e1e1e1;
		border-radius: 0px;
		outline: none;
	}
	.block-input3 {
		width: 114px;
		height: 38px;
		border-radius: 0px;
		margin-right: 15px;
		float: left;
		border: solid 0px #000;
	}
	.input-3 {
		width: 110px;
		height: 35px;
		text-align: center;
		border: solid 1px #e1e1e1;
		border-radius: 0px;
		outline: none;
	}
	.block-input4 {
		width: 45px;
		height: 50px;
		border-radius: 0px;
		float: left;
	}
	.input-4 {
		width: 35px;
		height: 35px;
		text-align: center;
		border: solid 1px #e1e1e1;
		border-radius: 0px;
		outline: none;
	}
	.heading-postal-code {
		font-size: 14px;
		font-weight: 500;
		text-align: left;
		margin-bottom: 5px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.block-input-postal-code {
		width: 122px;
		height: 50px;
		border-radius: 0px;
		margin-bottom: 10px;
		border: solid 0px #000;
		float: left;
	}
	.input-postal-code {
		width: 114px;
		height: 36px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 4px;
		text-align: center;
		border: solid 1px #e1e1e1;
		border-radius: 0px;
		outline: none;
	}
	.block-btn-signin {
		margin-left: auto;
		margin-right: auto;
		width: 100%;
	}
	.button-signin {
		background-color: #00539b;
		border: none;
		color: #fff;
		padding: 10px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		margin: 4px 10px;
		cursor: pointer;
		border-radius: 3px;
		width: 108px;
	}

	/*AAR Details--------------*/
	.container-aar-detail {
		width: 100%;
		height: 100%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
		font-size: 12px;
	}
	.heading-aar-name {
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: left;
		font-size: 16px;
		font-weight: 500;
		width: 90%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.block-aar-address {
		width: 90%;
		border: solid 0px;
		margin-left: auto;
		margin-right: auto;
	}
	.logo-aar {
		width: 90px;;
		max-width: 15% !important;
		float: left;
		margin-right: 10px;
		border: solid 0px #f00;
	}
	.aar-logo {
		width: 90%;
	}
	.block-aar-detail-address {
		width: 78%;
		border: solid 0px #f00;
		float: left;
		margin-bottom: 10px;
		font-size: 12px;
	}
	.address-aar1 {
		margin-bottom: 3px;
		float: left;
		font-size: 12px;
	}
	.km {
		width: 50px;
		color: #939393;
		font-weight: 500;
		font-size: 12px;
		margin-top: 2px;
		float: right;
	}
	.phone-aar {
		margin-bottom: 3px;
		font-size: 12px;
	}
	.web-aar {
		margin-bottom: 10px;
		font-size: 12px;
	}
	.timing-aar {
		margin-bottom: 30px;
		font-size: 12px;
	}
	.color-closed-aar {
		color: red;
		margin-right: 0px;
		font-size: 12px;
	}
	.color-open-aar {
		color: green;
		margin-right: 0px;
		font-size: 12px;
	}
	.block-btn-confirm-aar-detail {
		float: right;
	}
	.button-confirm-aar-detail {
		background-color: #00539b;
		border: none;
		color: #fff;
		padding: 7px 7px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 110px;
	}
	.heading-offers-members {
		font-weight: 600;
		margin-bottom: 6px;
		font-size: 14px;
	}
	.offers-members-details {
		margin-bottom: 10px;
	}
	.block-week-timing {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.border-top {
		border-top: solid 1px #ccc;
	}
	.text-name-week {
		width: 50%;
		float: left;
	}
	.text-timing {
		width: 50%;
		float: right;
		text-align: right;
	}
	.block-button-aar-detail {
		float: right;
		margin-top: 10px;
		width: 100%;
		border: solid 0px;
		margin-bottom: 20px;
	}
	.color-closed-aar1 {
		color: red;
		margin-right: 0px;
		float: right;
	}
	.link-skip-this-step {
		float: left;
		margin-top: 7px;
		margin-right: 30px;
		margin-left: 0px;
		font-size: 15px;
		color: #00539b;
	}

	/*Select your vehicle------------------*/
	.container-select-vehicle {
		width: 90%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0px;
		height: auto;
	}
	.row-select-vehicle {
		height: auto;
		margin-bottom: 0px;
		width: 100%;
		border: solid 0px #f00;
		margin-right: auto;
		margin-left: auto;
	}
	.box-vehicle-detail1 {
		border: solid 1px #ccc;
		width: 95%;
		height: 23%;
		padding: 5px;
		float: left;
		margin-right: 0px;
		margin-left: 0px;
		margin-bottom: 30px;
	}
	.box-vehicle-detail2 {
		border: solid 1px #ccc;
		width: 95%;
		height: 23%;
		padding: 5px;
		float: left;
		margin-right: 0px;
		margin-bottom: 30px;
	}
	.box-vehicle-detail3 {
		border: solid 1px #ccc;
		width: 95%;
		height: 23%;
		padding: 5px;
		float: left;
		margin-bottom: 30px;
	}
	.block-pic {
		width: 100px;
		height: 100px;
		border: solid 1px;
		float: left;
	}
	.txt-year {
		margin-left: 10px;
		font-size: 12px;
		float: left;
		width: 50%;
	}
	.txt-name {
		margin-left: 10px;
		font-size: 12px;
		width: 56%;
		height: 33px;
		margin-bottom: 10px;
		float: left;
	}
	.block-btn-select-vehicle {
		float: left;
		width: 32%;
		margin-left: 10px;
	}
	.button-select {
		background-color: #00539b;
		border: none;
		color: #fff;
		padding: 7px 7px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 13px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 100%
	}
	.block-car-pic {
		background-image: url(/images/img-car-mb1.png);
		width: 100px;
		height: 100px;
		background-repeat: no-repeat;
		float: left;
	}
	.color-dot {
		float: right;
		margin-top: 70px;
		padding-right: 5px;
	}
	.block-btn-add-vehicle {
		width: 100%;
		margin-bottom: 15px;
		text-align: center;
	}
	.button-add-vehicle {
		background-color: #00539b;
		border: none;
		color: #fff;
		padding: 10px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 260px;
	}

	/*Confirm your contact information------------------*/
	.container-contact-information {
		width: 90%;
		border: solid 0px #000;
		padding: 10px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0px;
		height: auto;
	}
	.heading-contact-information {
		margin-top: 0px;
		margin-bottom: 35px;
		padding-left: 0px;
		text-align: left;
		font-size: 20px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
	}
	.txt-provide-phone-number {
		font-size: 14px;
		text-align: left;
		margin-bottom: 5px;
	}
	.btn-cancel {
		margin-top: 10px;
		margin-right: 0px;
		width: 60px;
		border: solid 0px #f00;
		float: right;
		color: #00539b;
		font-size: 14px;
	}
	.block-input-contact-information {
		width: 100%;
		height: 33px;
		border-radius: 5px;
		border: solid 1px #ccc;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
	}
	.box-search-contact-information {
		width: 40px;
		height: 25px;
		border: solid 0px #f00;
		float: left;
		margin-top: 6px;
	}
	.input-box-contact-information {
		width: 65%;
		height: 20px;
		text-align: left;
		float: left;
		border: solid 0px;
		outline: none;
		margin-top: 6px;
	}
	.box-delete-contact-information {
		width: 40px;
		height: 25px;
		border: solid 0px #f00;
		float: right;
		margin-top: 6px;
	}
	.icon-unchecked-contact-information {
		float: left;
		margin-right: 10px;
	}
	.box-textarea {
		padding: 10px;
		border: solid 1px #ccc;
		border-radius: 5px;
		color: #00539b;
		height: 100px;
		width: 95%;
		margin-bottom: 30px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		resize: none;
		overflow-y: auto;
	}
	.block-btn-confirm-contact-information {
		width: 100%;
		margin-bottom: 15px;
		text-align: center;
	}
	.button--confirm-contact-information {
		background-color: #00539b;
		border: none;
		color: #fff;
		padding: 10px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 80%;
	}

	/*Add a vehicle-------------------*/
	.tabs-add-vehicle {
		text-align: center;
		border: solid 0px #000;
		margin-bottom: 30px;
		width: 280px;
		margin-left: auto;
		margin-right: auto;
	}
	.veh-img {
		display: inline;
		margin-right: -4px;
		box-shadow: 2px 2px 4px 1px #dbdbdb;
		width: 98px;
		cursor: pointer;
	}
	.right-arrow-select {
		margin-left: 20px;
	}
	.container-vehicle-detail {
		width: 90%;
		height: 100%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
	}
	.heading-add-vehicle {
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: left;
		font-size: 20px;
		font-weight: 500;
		width: 88%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.block-vehicle-detail {
		border: solid 0px #f00;
		margin-left: auto;
		margin-right: auto;
		width: 280px;
		font-size: 13px;
	}
	.border-top {
		border-top: solid 1px #ccc;
	}
	.block-model-year {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
		cursor: pointer;
	}
	.text-model-year {
		width: 50%;
		float: left;
	}
	.block-make {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-make {
		width: 50%;
		float: left;
	}
	.block-model {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-model {
		width: 50%;
		float: left;
	}
	.block-colour {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-colour {
		width: 50%;
		float: left;
	}
	.text-select {
		width: 50%;
		float: right;
		text-align: right;
	}
	.block-btn-add-select-vehicle {
		text-align: center;
		margin-top: 30px;
	}
	.button-add-select-vehicle {
		background-color: #00539b;
		border: none;
		color: #fff;
		padding: 10px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 250px;
	}

	/*Add a vehicle YEAR-------------------*/
	.tabs-add-vehicle-year {
		text-align: left;
		border: solid 0px #000;
		margin-bottom: 15px;
		width: 280px;
	}
	.veh-img {
		display: inline;
		margin-right: -4px;
		box-shadow: 2px 2px 4px 1px #dbdbdb;
		cursor: pointer;
	}
	.container-year-detail {
		width: 90%;
		height: 100%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
	}
	.heading-add-vehicle {
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: left;
		font-size: 20px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.heading-year {
		margin-top: 10px;
		margin-bottom: 10px;
		text-align: center;
		font-size: 20px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.img-back-arrow {
		float: left;
		margin-top: 5px;
		width: 9px;
		height: 17px;
	}
	.block-year-detail {
		border: solid 0px #f00;
		width: 280px;
		margin-left: auto;
		margin-right: auto;
	}
	.block-row-year {
		border: solid 0px #f00;
		width: 100%;
		max-height: 225px;
		margin-left: auto;
		margin-right: auto;
		overflow-y: auto;
	}
	.border-top {
		border-top: solid 1px #ccc;
	}
	.row-year {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-year {
		width: 100%;
		float: left;
		color: #00539b;
	}

	/*Add a vehicle MAKE-------------------*/
	.tabs-add-vehicle-make {
		text-align: left;
		border: solid 0px #000;
		margin-bottom: 15px;
		width: 280px;
	}
	.veh-img {
		display: inline;
		margin-right: -4px;
		box-shadow: 2px 2px 4px 1px #dbdbdb;
		cursor: pointer;
	}
	.container-make-detail {
		width: 90%;
		height: 100%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
	}
	.heading-add-vehicle {
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: left;
		font-size: 20px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.heading-make {
		margin-top: 10px;
		margin-bottom: 10px;
		text-align: center;
		font-size: 20px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.img-back-arrow {
		float: left;
		margin-top: 5px;
		width: 9px;
		height: 17px;
	}
	.block-make-detail {
		border: solid 0px #f00;
		width: 280px;
		margin-left: auto;
		margin-right: auto;
	}
	.block-row-make {
		border: solid 0px #f00;
		width: 280px;
		max-height: 225px;
		margin-left: auto;
		margin-right: auto;
		overflow-y: auto;
	}
	.border-top {
		border-top: solid 1px #ccc;
	}
	.row-make {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-make {
		width: 50%;
		float: left;
		color: #00539b;
	}

	/*Add a vehicle MODEL-------------------*/
	.tabs-add-vehicle-model {
		text-align: center;
		border: solid 0px #000;
		margin-bottom: 30px;
	}
	.veh-img {
		display: inline;
		margin-right: -4px;
		box-shadow: 2px 2px 4px 1px #dbdbdb;
		cursor: pointer;
	}
	.container-model-detail {
		width: 90%;
		height: 100%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
	}
	.heading-add-vehicle {
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: left;
		font-size: 20px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.heading-model {
		margin-top: 10px;
		margin-bottom: 10px;
		text-align: center;
		font-size: 20px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.img-back-arrow {
		float: left;
		margin-top: 5px;
		width: 9px;
		height: 17px;
	}
	.block-model-detail {
		border: solid 0px #f00;
		width: 280px;
		margin-left: auto;
		margin-right: auto;
	}
	.block-row-model {
		border: solid 0px #f00;
		width: 280px;
		max-height: 225px;
		margin-left: auto;
		margin-right: auto;
		overflow-y: auto;
	}
	.border-top {
		border-top: solid 1px #ccc;
	}
	.row-model {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-model {
		width: 50%;
		float: left;
		color: #00539b;
	}

	/*Add a vehicle COLOUR-------------------*/
	.tabs-add-vehicle-drive-type {
		text-align: center;
		border: solid 0px #000;
		margin-bottom: 15px;
		width: 280px;
	}
	.tabs-add-vehicle-colour {
		text-align: center;
		border: solid 0px #000;
		margin-bottom: 15px;
	}
	.veh-img {
		display: inline;
		margin-right: -4px;
		box-shadow: 2px 2px 4px 1px #dbdbdb;
		cursor: pointer;
	}
	.container-colour-detail {
		width: 90%;
		height: 100%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
	}
	.heading-add-vehicle {
		margin-top: 15px;
		margin-bottom: 10px;
		text-align: left;
		font-size: 20px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.heading-colour {
		margin-top: 10px;
		margin-bottom: 10px;
		text-align: center;
		font-size: 20px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.img-back-arrow {
		float: left;
		margin-top: 5px;
		width: 9px;
		height: 17px;
	}
	.block-colour-detail {
		border: solid 0px #f00;
		width: 280px;
		margin-left: auto;
		margin-right: auto;
	}
	.block-row-colour {
		border: solid 0px #f00;
		width: 275px;
		max-height: 225px;
		margin-left: auto;
		margin-right: auto;
		overflow-y: auto;
		padding-right: 10px;
	}
	.border-top {
		border-top: solid 1px #ccc;
	}
	.row-colour {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-colour {
		width: 50%;
		float: left;
		color: #00539b;
	}

	/*Add a vehicle-SELECTED-------------------*/
	.tabs-add-vehicle-selected {
		text-align: center;
		border: solid 0px #000;
		margin-bottom: 30px;
		width: 98%;
		margin-left: -1px;
	}
	.veh-img {
		display: inline;
		margin-right: -4px;
		box-shadow: 2px 2px 4px 1px #dbdbdb;
		cursor: pointer;
	}
	.right-arrow-select {
		margin-left: 20px;
	}
	.right-arrow-colour {
		margin-right: 0px;
		float: right;
		margin-top: 3px;
	}
	.container-vehicle-detail-selected {
		width: 92%;
		height: 100%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
	}
	.heading-add-vehicle {
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: left;
		font-size: 20px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.block-vehicle-detail-selected {
		border: solid 0px #f00;
		width: 290px;
		margin-left: auto;
		margin-right: auto;
		font-size: 13px;
	}
	.border-top {
		border-top: solid 1px #ccc;
	}
	.block-model-year1 {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-model-year1 {
		width: 50%;
		float: left;
		color: #00539b;
	}
	.block-make1 {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-make1 {
		width: 50%;
		float: left;
		color: #00539b;
	}
	.block-model1 {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-model1 {
		width: 50%;
		float: left;
		color: #00539b;
	}
	.block-colour1 {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-colour1 {
		width: 50%;
		float: left;
		color: #00539b;
	}
	.text-select {
		width: 65%;
		float: right;
		text-align: right;
		color: #ccc;
	}
	.text-select-blue {
		width: 65%;
		float: right;
		text-align: right;
		color: #00539b;
	}
	.text-selected {
		width: 100%;
		float: right;
		text-align: right;
		color: #00539b;
	}
	.text-find-vehicle {
		text-align: left;
		margin-top: 10px;
		margin-left: 0px;
	}
	.block-btn-add-select-vehicle {
		text-align: center;
		margin-top: 0px;
	}
	.button-add-select-vehicle {
		background-color: #00539b;
		border: none;
		color: #fff;
		padding: 10px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 250px;
	}

	/*Add a vehicle-MANUALLY-------------------*/
	.empty-block-add-vehicle-manually {
		margin-top: 80px;
		margin-left: 20px;
		width: 60px;
		border: solid 0px #f00;
		display: block;
	}
	.tabs-add-vehicle-manually {
		text-align: center;
		border: solid 0px #000;
		margin-bottom: 30px;
	}
	.veh-img {
		display: inline;
		margin-right: -5px;
		box-shadow: 2px 2px 4px 1px #dbdbdb;
		width: 34%;
		cursor: pointer;
	}
	.right-arrow-select {
		margin-left: 20px;
	}
	.right-arrow-colour {
		margin-right: 0px;
		float: right;
		margin-top: 3px;
	}
	.container-add-vehicle-manually {
		width: 92%;
		height: 100%;
		border: solid 0px #000;
		margin-left: auto;
		margin-right: auto;
	}
	.heading-add-vehicle-manually {
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: left;
		font-size: 20px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
		margin-left: auto;
		margin-right: auto;
	}
	.block-vehicle-detail-manually {
		border: solid 0px #f00;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		font-size: 13px;
	}
	.border-top {
		border-top: solid 1px #ccc;
	}
	.block-model-year2 {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.input-box-enter-make {
		
	}
	.text-model-year2 {
		width: 30%;
		float: left;
		color: #00539b;
	}
	.block-make2 {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-make2 {
		width: 35%;
		float: left;
		color: #00539b;
	}
	.block-model2 {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-model2 {
		width: 35%;
		float: left;
		color: #00539b;
	}
	.block-colour2 {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-top: 13px;
		height: 30px;
	}
	.text-colour2 {
		width: 35%;
		float: left;
		color: #00539b;
	}
	.color-dot-selected {
		border: solid 0px;
		width: 80%;
		float: left;
		text-align: right;
		height: 25px;
		margin-top: -4px;
	}
	.text-select {
		width: 65%;
		float: right;
		text-align: right;
		color: #ccc;
	}
	.text-select-blue-mannually {
		width: 65%;
		float: right;
		text-align: right;
		color: #00539b;
	}
	.text-predefined-pickers {
		width: 100%;
		text-align: center;
		margin-top: 30px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0px;
	}
	.block-btn-add-select-vehicle {
		text-align: center;
		margin-top: 30px;
	}
	.button-add-select-vehicle {
		background-color: #00539b;
		border: none;
		color: #fff;
		padding: 10px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 250px;
	}

	/*THANK YOU screen-------------------*/
	.empty-block-thank-you {
		margin-top: 50px;
	}
	.container-thank-you {
		border: solid 0px #ccc;
		padding: 10px;
		width: 290px;
		margin-left: auto;
		margin-right: auto;
	}
	.heading-thank-you {
		margin-top: 20px;
		margin-bottom: 15px;
		text-align: left;
		font-size: 20px;
		font-weight: 500;
		width: 100%;
		border: solid 0px #0F0;
	}
	.block-thank-you-text {
		width: 92%;
		border: solid 1px #ccc;
		padding: 10px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
		height: auto;
	}
	.text-background-color {
		background-color: #F2F2F2;
		padding: 10px;
	}
	.block-btn-launch-service-tracker {
		text-align: left;
		margin-top: 30px;
		width: 99%;
		float: left;
	}
	.button-launch-service-tracker {
		background-color: green;
		border: none;
		color: #fff;
		padding: 12px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 15px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 100%;
	}
	.block-btn-cancel-roadside-assistance {
		text-align: left;
		margin-top: 10px;
		width: 100%;
		float: right;
	}
	.button-cancel-roadside-assistance {
		background-color: red;
		border: none;
		color: #fff;
		padding: 12px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 15px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 5px;
		width: 99%;
	}
}

.ui-autocomplete {
	max-height: 250px;
	overflow-y: auto; /* prevent horizontal scrollbar */
	overflow-x: hidden; /* add padding to account for vertical scrollbar */
	z-index: 1000 !important;
	width: 100%;
	background: #fff;
}

.ui-helper-hidden-accessible {
	display: none;
}
/*
.input-search-block > ul
*/
ul {
	background-color: #fff;
	top: 0px !important;
	border: 1px solid #ccc;
	padding-left: 0px;
	padding-top: 0px;
	width: 235px;
	padding-left: 5px;
}

.main-block {
	opacity: .95;
}

.bold-heading {
	font-weight: bold
}

.ui-menu-item {
	margin-bottom: 5px;
	margin-top: 5px;
	font-size: 12px;
	font-family: roboto;
	cursor: pointer;
	height: 20px;
	text-align: left;
}

.no-body-scroll {
	overflow-y: hidden;
}
/*
@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
	html {
	  transform: rotate(-90deg);
	  transform-origin: left top;
	  width: 100vh;
	  overflow-x: hidden;
	  position: absolute;
	  top: 100%;
	  left: 0;
	}
}
*/