@charset "utf-8";
/* CSS Document */

body {
	background-color:#FFFFFF;
	margin:0;
}

h1{font-size:28px;}

table{
	*table-layout: fixed;
}

#container{
	position:relative;
}

@font-face {
	font-family: dinPro;
	src: url('../font/DINPro-Regular.eot');
	src: url('../font/DINPro-Regular.woff') format('woff'), 
		url('../font/DINPro-Regular.ttf') format('truetype'),
		url('../font/DINPro-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: dinPro;
	src: url('../font/DINPro-Medium.woff');
	src: url('../font/DINPro-Medium.woff') format('woff'),
		url('../font/DINPro-Medium.woff') format('truetype'),
		url('../font/DINPro-Medium.woff') format('svg');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: dinPro;
	src: url('../font/DINPro-Bold.eot');
	src: url('../font/DINPro-Bold.woff') format('woff'),
		url('../font/DINPro-Bold.ttf') format('truetype'),
		url('../font/DINPro-Bold.svg') format('svg');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: dinPro;
	src: url('../font/DINPro-Black.eot');
	src: url('../font/DINPro-Black.woff') format('woff'),
		url('../font/DINPro-Black.ttf') format('truetype'),
		url('../font/DINPro-Black.svg') format('svg');
	font-weight: 900;
	font-style: normal;
}

h1 {
font-size:28px;
font-family:"dinPro", Arial, Helvetica, sans-serif;
-webkit-font-smoothing: antialiased;
}

a{
	text-decoration: none;
}

#container {
	margin:0 auto;
	width:1200px;
	overflow:hidden;
}

#container #leftcont {
	background:url(../images/sidebar.jpg) repeat-y left top;
	float:left;
	width:231px;
	height:100%;
}

#container #leftcont #logo {
	width:170px;
	height:180px;
	margin-left:20px;
	overflow:hidden;
	float:left;
}

#container #leftcont #sidenav {
width:200px;
margin-top:90px;
margin-left:20px;
}

#container #leftcont1 {
height:1220px;
margin-top:-20px;
background-image:url(../images/sidebar.jpg);
background-repeat:repeat-y;
}

#container #leftcont1 #logo {
width:170px;
height:80px;
margin-left:20px;
}

#container #leftcont1 #sidenav {
width:200px;
margin-top:70px;
margin-left:20px;
}

#container #leftcont2 {
height:1000px;
margin-top:-20px;
background-image:url(../images/sidebar.jpg);
background-repeat:repeat-y;
}

#container #leftcont2 #logo {
width:170px;
height:80px;
margin-left:20px;
}

#container #leftcont2 #sidenav {
width:200px;
margin-top:90px;
margin-left:20px;
}

#container #rightcont {
	width:890px;
	float:left;
}

#container #rightcont #topnav {
	margin:0 0 30px;
	overflow:hidden;
	float:left;
}

.mainnav{
	list-style:none;
	margin:0;
	font-family:"dinPro", Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:700;
	text-transform:uppercase;
	float:left;
	padding:0;
}

.mainnav li{
	float:left;
	background:url(../images/nav_div.jpg) no-repeat right top;
	min-height:162px;
	min-width:140px;
}

.mainnav li.last{
	background:none;
}

.mainnav li a{color:#32659a; display:block; float:left; padding:0 20px 0 20px; margin:75px 0 0;}

.pagenav{
	width:255px;
	font-family:"dinPro", Arial, Helvetica, sans-serif;
	list-style:none;
	margin:0;
	padding:0;
	font-size:18px;
	font-weight:600;
	float:left;
	clear:left;
}

.pagenav li{
	background:url(../images/side_nav_bg.jpg) repeat-x bottom;
	min-height:30px;
	float:left;
	width:100%;
	clear:left;
}

.pagenav li a{color:#000; display:block; float:left; padding:4px 10px;}

.pagenav li a:hover,
.pagenav li.active a{color:#A1605B;}



.content{
	width:585px;
	min-height:400px;
	padding:0 0 0 30px;
	margin:0 0 0 20px;
	background:url(../images/page_div.jpg) repeat-y top left;
	float:left;
	font-family:"dinPro", Arial, Helvetica, sans-serif;
	font-weight:100;
	overflow:hidden;
	font-size:14px;
}

.content a{color:#884e31;}

.content.home{
	width:980px;
	float:left;	
	overflow:hidden;
	background:none;
	margin:0 0 0 -15px;
	padding:0;
}

.content_text{
	width:500px;
}

.content_text h1{
	font-weight:normal;
	color:#000;
	font-family:"dinPro", Arial, Helvetica, sans-serif;
	margin:15px 0 10px;
}

.content_text hr{
	height:0;
	border:0;
	width:100%;
	border-top:1px solid #dbcac1;
	margin:20px 0;
}

.content_text ul {
	list-style-type: none;
	padding: 0;
}

.content_text ul li{
	margin: 0 0 5px 10px;
	padding: 0 0 0 10px;
}

.content_text ul li:before {
	/* For a round bullet */
	content:'\25AA';
	/* For a square bullet */
	/*content:'\25A0';*/
	display: block;
	position: relative;
	max-width: 0px;
	max-height: 0px;
	left: -15px;
	top: -4px;
	color: #884e31;
	font-size: 20px;
}

.content_text ul li li{
	margin: 7px 0 7px 10px;
}

.btn_enqform{
	padding:20px 20px 0 0;
	border-top:1px solid #dbcac1;
	border-right:1px solid #dbcac1;
}

.btn_dl_pdf{
	padding:20px 0 0 20px;
	border-top:1px solid #dbcac1;
}

#container #rightcont #banner {
width:984px;
height:471px;
margin-left:216px;
margin-top:20px;
}

.sidenav{
	margin:0 0 0 20px;
}

.welcome_txt{
	font-family:"dinPro", Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#887f6e;
	margin:0 0 10px 11px;
	float:left;
}

.hm_tbl{
	width:885px;
	margin:35px 80px 0 15px;
}

.hm_tbl th,
.content h2{
	color:#884e31;
	font-size:26px;
	text-align:left;
	font-weight:normal;
	padding:0 10px 10px 25px;
	border-bottom:1px solid #a5a2a2;
}

.content h2{
	padding:0 10px 10px 0;
	clear:both;
	margin:15px 0 0;
}

.hm_tbl td{
	padding:20px 10px 0 25px;
	vertical-align:top;
	color:#74726c;
	font-size:22px;
}

.side_nav li {
	list-style: none;
	background:url(../images/side_nav_bg.jpg) no-repeat;
	width:244px;
	height: 21px;
	margin: 0 0 5px -40px;
	padding: 0 0 0 10px;
	font-size: 18px;
}

.side_nav{
	float:left;
}

.side_nav0 {
	list-style: none;
	width:244px;
	height: 21px;
	margin: 0 0 5px -40px;
	padding: 0 0 0 10px;
	font-size: 18px;
	color: #8d8b7b;
}

.side_nav2{
	float:left;
	font-size: 14px;
	padding: 20px 0 0 0;
}

.side_nav2 th{
	font-weight:600;
	text-align:left;
	padding:0 0 5px;
}

.side_nav2 input[type="password"],
.side_nav2 input[type="text"],
.enq_form input[type="text"]{
	float:left;
	border:1px solid #c3a698;
	width:307px;
	font-family:"dinPro", Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:4px 3px;
	margin:3px 0;
}

.enq_form td{padding-bottom:10px;}

.enq_form input[type="text"]{width:300px};

.side_nav2 textarea,
.side_nav2 select{
	float:left;
	border:1px solid #c3a698;
	width:307px;
	padding:4px 3px;
	margin:3px 0;
	resize:vertical;
}

.side_nav2 select{width:315px;}

.sub_tbl td{
	padding:5px 0;
}

.veh_details_tbl select{
	width:210px;
}

.veh_details_tbl input[type="text"]{
	width:170px;
}

.banner_box{
	width:498px;
	height:217px;
	float:left;
	position:relative;
}

.sliderlightbox{
	position:absolute;
	width:40px;
	height:40px;
	bottom:0;
	right:0;
	z-index:100;
}

.side_nav4 {
	float:left;
	font-size: 14px;
	padding: 0px 10px 0 0;
}
.side_nav3 {
	float:left;
	font-size: 14px;
	padding: 20px 20px 20px 0px;
	margin-left: -15px;
}

.form{
	float:left;
	border: 1px solid #c3a698;
	width:307px;
	font-family:"dinPro", Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:4px 3px;
	margin:3px 0;
}

select.form{width:315px;}

.form2{
	padding-left: 10px;
	border: 1px solid #c3a698;
	margin: 10px 10px -10px 10px;
	width: 175px;
	font-family:"dinPro", Arial, Helvetica, sans-serif;
	font-size:14px;
}

.form2_1{
	float: left!important;
	width: 168px !important;
	margin-top: 0px;
}

.form4{
	border: 1px solid #C3A698;
	font-family: "dinPro", Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-bottom: 5px;
}

a.dp-choose-date{
	margin: 3px 0px 0px -30px !important;
}

.form3{
	border: 1px solid #c3a698;
	margin: 10px 0 0 0;
	width: 250px;
	font-family:"dinPro", Arial, Helvetica, sans-serif;
	font-size:14px;
}

.note{
	color: #884e31;
	padding: 20px 0 0 0;
}

.bookingbtn{
	background: url(../images/images/carpark_02_btn.jpg) no-repeat;
}

.bookingbtn2{
	background: url(../images/images/carpark_03_btn.jpg) no-repeat;
}

.side_nav2 a:link, .side_nav2 a:visited, .side_nav2 a:hover{
	color: #884e31;
	font-style:inherit;
}

.side_nav li a:link, .side_nav li a:visited, .side_nav li a:hover{
	color: #000;
	font-style: normal;
}

.side_nav li.selected a:link, .side_nav li.selected a:visited, .side_nav li.selected a:hover{
	color: #884e31;
	font-style: normal;
}

.total_bg{
	background: url(../images/images/CARPARK_03_TOTAL.jpg) no-repeat;
	width: 314px;
	height: 20px;
	color: white;
	margin: 15px 0 0 0;
}

.total{
	float:right;
	padding-right: 5px;
}

.total_bg2{
	background:url(../images/images/CARPARK_03_AMOUNT.jpg) no-repeat;
	width: 129px;
	height: 20px;
	float:left;
	color: white;
}

.total_paid{
	background: green;
	width: 314px;
	height: 20px;
	color: white;
	margin: 15px 0 0 0;
}

.total_pay{
	background:red;
	width: 314px;
	height: 20px;
	color: white;
	margin: 15px 0 0 0;
}

.total_paid2{
	background:green;
	width: 129px;
	height: 20px;
	float:left;
	color: white;
}

.total_pay2{
	background:red;
	width: 129px;
	height: 20px;
	float:left;
	color: white;
}

.total2{
	float:left;
	padding-left: 5px;
}

.total_bg3{
	background: url(../images/images/CARPARK_03_GRANDTOTAL.jpg) no-repeat;
	width: 314px;
	height: 20px;
	color: white;
	margin: 15px 0 0 0;
}

.total3{
	float:right;
	padding-right: 5px;
}

.total3_bg, .total4_bg{
	background: #877E6D;
	font-size: 15px;
}

.total4_bg{
	width: 129px;
	height: 20px;
	float:left;
}


.total_bg4{
	background: url(../images/images/CARPARK_03_GRANDAMOUNT.jpg) no-repeat;
	width: 129px;
	height: 20px;
	float:left;
	color: white;
}

.total4{
	float:left;
	padding-left: 5px;
}

#container #rightcont #bodytext {
width:984px;
margin-left:230px;
margin-top:20px;
font-size:20px;
font-family:"dinPro", Arial, Helvetica, sans-serif;
-webkit-font-smoothing: antialiased;
float:left;
}

#container #rightcont #bodynav {
width:800px;
margin-left:225px;
margin-top:-170px;
font-family:"dinPro", Arial, Helvetica, sans-serif;
}

#footer{
	width:900px;
	float:left;
	margin:50px auto 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	-webkit-font-smoothing: antialiased;
}

.content.home #footer{margin-left:15px;}

#container #rightcont1 {
width:1000px;
margin-top:-1220px;
}

#container #rightcont1 #topnav {
margin-left:260px;
margin-top:-290px;
*margin-top: 0;
}


#container #rightcont1 #bodynav {
width:800px;
margin-left:225px;
margin-top:-170px;
font-family:"dinPro", Arial, Helvetica, sans-serif;
-webkit-font-smoothing: antialiased;
}

#container #rightcont1 #footer {
width:900px;
margin-left:230px;
margin-top:60px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
-webkit-font-smoothing: antialiased;
}

#container #rightcont2 {
width:1000px;
margin-top:-1000px;
}

#container #rightcont2 #topnav {
margin-left:260px;
margin-top:-290px;
}


#container #rightcont2 #bodynav {
width:800px;
margin-left:225px;
margin-top:70px;
font-family:"dinPro", Arial, Helvetica, sans-serif;
-webkit-font-smoothing: antialiased;
}

#container #rightcont2 #footer {
width:900px;
margin-left:230px;
margin-top:60px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
-webkit-font-smoothing: antialiased;
}

#submit_btn, .submit_btn{
	display:block;
	background: url(../images/images/carpark_04_submit.jpg);
	color: transparent;
	height: 35px;
	width: 121px;
	cursor:pointer;
	float:right;
	border:0;
}

#continue_btn{
	display:block;
	background: url(../images/images/Continue_btn.jpg);
	color: transparent;
	height: 35px;
	width: 121px;
	cursor:pointer;
	float:right;
	border:0;
}

#receipt_btn{
	display:block;
	background: url(../images/images/Email_Receipt_btn.jpg);
	color: transparent;
	height: 35px;
	width: 131px;
	cursor:pointer;
	float:left;
	border:0;
}

#back_btn{
	display:block;
	background: url(../images/images/CARPARK_03_BACK_BTN.jpg);
	color: transparent;
	height: 35px;
	width: 121px;
	cursor:pointer;
	float:right;
	border:0;
}

#terminate_btn{
	display:block;
	background: url(../images/images/carpark_05_terminate.jpg);
	color: transparent;
	height: 35px;
	width: 121px;
	cursor:pointer;
	float:right;
	border:0;
}

.ha_spam, .ha_link{
	float: left;
	margin-right: 5px;
}

.ha_link{
	margin-top: 5px;
}

.middle{
	text-align: center;
}

.right{
	text-align: right;
}

.fleft{
	float: left;
}

.floatright{float:right;}

.the_error {
	color: red;
}

.view_single_vehicle{
	cursor: pointer;
}

.view_single_vehicle:hover{
	background:#eaeaea; 
}

.btn_paypal{
	background: url(../images/btn_pay.png) no-repeat;
	width: 198px;
	height: 75px;
	color: transparent;
	cursor: pointer;
	float:right;
}

.btn_giro{
	background: url(../images/btn_giro.png) no-repeat;
	width: 198px;
	height: 75px;
	color: transparent;
	cursor: pointer;
}

.btn_giro_disable{
	background: url(../images/btn_giro_disable.png) no-repeat;
	width: 198px;
	height: 75px;
	color: transparent;
	cursor: pointer;
}

.btn_enets{
	background: url(../images/enets.jpg);
	width: 90px;
	height: 52px;
	color: transparent;
	cursor: pointer;
	margin-left: 20px;
}

.side_title{
	font-size: 18px;
	margin: -20px 0 0 0;
	font-weight: bold;
}

.side_info{
	display:block;
	width: 200px;
	margin: 0;
	float:left;
}

.side_h3{
	font-size: 22px;
	margin:0 0 10px;
}

.side_highlight td{
	font-size: 15px;
}

.subscribedNo{
	color:#E62C24;
}

#emailInfo,#password2Info, #password1Info, #nricInfo{
	display: inline-block;
	margin-top: 12px;
	font-style: italic;
	font-size: 12px;
	margin-left: 3px;
}

#emailInfo2 {
	margin-left: 5px;
	display: block;
	margin-top: 3px;
	font-size: 12px;
	font-style: italic;
	float: left;
}

.btn_add {
	float: right;
	border: none;
	color: transparent;
	width: 109px;
	height: 19px;
	cursor: pointer;
	display:block;
	margin: 3px;
}

.btn_minus{
	float: right;
	border: none;
	color: transparent;
	width: 137px;
	height: 19px;
	cursor: pointer;
	display:block;
	margin: 3px;
}

label{
	font-size: 13px;
	margin: 1px 0 0 5px;
	float: left;
	color: red;
}

.enq_form label{color:#000;}

.left{float:left;}

.clearleft{clear:left;}

.clearboth{clear:both;}

body .nopadding{padding:0; padding-top:0; padding-right:0; padding-bottom:0; padding-left:0;}

/*XY add on*/
.boss{
	width: 460px;	
}
.total_sgd{
	float: right;
	background: #884e31;
	width: 82px;
	height: 17px;
	color: white;
	margin: 15px 5px 0 0;
	padding: 8px 10px 8px;
	text-align: left;
}
.total_paid{
	background: #884e31;
	width: 325px;
	height: 17px;
	color: white;
	margin: 15px 0 0 0;
	padding: 8px 10px;
	float: left;
	text-align: right;
}
.total_paidd{
	background: green;
	width: 325px;
	height: 20px;
	color: white;
	float: left;
	text-align: right;
}

.brown{color: #884e31; font-weight: bold;}



/* Added on 2018-07-04 */
.content_text ul li.ql-indent-1 {
	padding-left: 4.5em;
}
.content_text ul li.ql-indent-2 {
	padding-left: 7.5em;
}
.content_text ul li.ql-indent-3 {
	padding-left: 10.5em;
}
.content_text ul li.ql-indent-4 {
	padding-left: 13.5em;
}

.content_text .charging-rate p{
	margin: 0;
}