body
{
	margin			: 0px;
	padding			: 0px;
	height			: 100%;
	background-color: #FFF;
	margin			: 0px auto;
	font-family		: "Roboto", arial;
	margin-top		: 200px;
}

.landing
{
	width			: 100%;
	padding-top		: 50%;
	background		: transparent url(/img/landing.jpg) no-repeat top center;
	background-size	: contain;
}


.logo-tools
{
	max-width		: 70%;
	min-width		: 1080px;
	height			: 140px;
	margin			: 0 auto;
	position		: relative;
	list-style		: none;
	padding			: 0;
}




.foot-holder
{
	width			: 100%;
	height			: 50px;
	clear			: both;
}
.container
{
	min-width		: 540px;
	max-width		: 100%;
	margin			: 0px auto;
	margin-bottom	: 50px;
	vertical-align	: top;
	text-align		: center;
}
.container h1
{
	font-family		: "Arima Madurai", arial;
	font-size		: 1.5em;
	font-weight		: normal;
	color			: #444;
	line-height		: 20px;
}
.container h2
{
	font-family		: "Arima Madurai", arial;
	font-size		: 1.2em;
	font-weight		: normal;
	color			: #444;
	line-height		: 20px;
}
.container-right
{
	max-width		: 600px;
	min-width		: 400px;
	width			: calc(50% - 40px);
	padding			: 20px;
	display			: inline-block;
	vertical-align	: top;
	text-align		: left;
}
.container-right p
{
	font-family		: "Arima Madurai", arial;
	font-size		: 1em;
	font-weight		: normal;
	color			: #444;
	line-height		: 25px;
}
.container-left
{
	max-width		: 600px;
	min-width		: 400px;
	width			: 40%;
	height			: auto;
	margin			: 0px auto;
	background-color: rgb(247, 244, 239);
	padding			: 0 20px 20px;
	display			: inline-block;
	vertical-align	: top;
	text-align		: left;
}

.container-left div
{
	width			: calc(100% - 40px);
	padding			: 10px 20px;
}
.container-left h1
{
	padding			: 20px;
	color			: rgb(232, 34, 45);
}
.container-left div span,
.container-left div label
{
	font-family		: "Roboto", arial;
	font-size		: .8em;
	font-weight		: normal;
	color			: #999;
	line-height		: 30px;
	display			: block;
	padding			: 0px;
	display			: block;
}

.container-left div label
{
	color			: #333;
}
.container-left div label input
{
	float			: left;
}


button, input, textarea
{
	outline			: none !important;
}


input
{
	font-family		: "Roboto", arial;
	font-size		: .9em;
	font-weight		: 300;
	padding			: 10px;
	color			: #333;
	text-align		: left;
	width			: calc(100% - 22px);
	border			: none;
	border-bottom	: 1px solid #DDD;
	display			: block;
	background-color: #FFF;
}
input:focus
{
	border-bottom	: 1px solid rgb(222, 41, 54)!important;
}

.FormStyle:focus
{
	border-bottom	: 1px solid rgb(129, 27, 61);
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button
{
	-webkit-appearance	: none;
	margin				: 0;
}
input[type=number]
{
    -moz-appearance		: textfield;
}

.form-btn
{
	font-family		: "Roboto", arial;
	font-size		: .8em;
	font-weight		: 400!important;
	text-align		: center;
	border			: none;
	background-color: rgb(232, 34, 45);
	width			: calc(50% - 8px);
	padding			: 0px;
	margin			: 3px;
	color			: #FFF;
	display			: inline-block;
	line-height		: 40px;
	text-decoration	: none;
}
.anchor-button
{
	font-family		: "Roboto", arial;
	font-size		: .8em;
	font-weight		: 400!important;
	text-align		: center;
	border			: none;
	background-color: rgb(232, 34, 45);
	width			: calc(50% - 8px);
	padding			: 10px 15px;
	margin			: 0;
	color			: #FFF;
	display			: block;
	line-height		: 20px;
	text-decoration	: none;
}

.select-css
{
    display			: block;
    font-size		: .8em;
    font-family		: 'Roboto', sans-serif;
    font-weight		: 300;
    color			: #444;
    padding			: 10px;
	margin			: 10px;
    width			: 100%;
    max-width		: 100%;
    box-sizing		: border-box;
	border			:none;
    border-bottom	: 1px solid #DDD;
    -moz-appearance	: none;
    -webkit-appearance: none;
    appearance		: none;
    background-color: transparent;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23333333%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size	: .65em auto, 100%;
	border-radius	: 0;
	margin			: 0;
}
.select-css::-ms-expand
{
    display			: none;
}
.select-css:hover
{
    border-color	: #888;
}
.select-css:focus
{
    border-bottom	: 1px solid rgb(129, 27, 61);
	outline			: none;
}
.select-css option
{
    font-weight:normal;
}

.dealers-list
{
	max-height		: 200px;
	overflow-y		: auto;
	padding-top		: 20px;
}

.dealer-info
{
	border-bottom	: 1px solid #CCC;
	padding-bottom	: 10px;
	margin-bottom	: 10px;
}
.dealer-info h2,
.dealer-info h3
{
	font-family		: "Arima Madurai", arial;
	font-size		: .8em;
	font-weight		: normal;
	color			: #000;
	display			: inline-block;
	border-left		: 1px solid #CCC;
	margin			: 0;
	padding			: 0;
	padding-left	: 10px;
	margin-left		: 10px;
}
.dealer-info h2
{
	margin			: 0;
	padding			: 0;
	border			: none!important;
	padding-left	: 10px;
}
