﻿/***** Wireframe Layout *****/
html, body{height:100%;}
body{margin:0px auto; margin: 0 auto; font-family: Roboto, sans-serif; font-size: 16px; line-height:125%; color: #000; background-color: #eee;}
/***** Wireframe Layout *****/ 

.kcap {margin: 0 auto; width: 100%;  min-width: 320px; background-color: #fff;}

.kcap .lft { float: left; }
.kcap .rgt { float: right; }
.kcap .clr-bth{clear:both;}
.kcap a{color:#e03a3e;cursor:pointer; text-decoration:underline;}
.kcap a:hover{text-decoration:none;}
.kcap img { border: 0; }
.kcap h1 {font-weight: 600;line-height:120%;font-size: 36px;font-family: 'Roboto Condensed', sans-serif;   margin:25px 0 5px; padding:0;  }
.kcap h2 {font-weight: 500;line-height:120%;font-size: 28px;font-family: 'Roboto', sans-serif; margin:20px 0 5px; padding:0;  }
.kcap h3 {font-weight: 600;line-height:120%;font-size: 22px;font-family: 'Open Sans', sans-serif; margin:20px 0 5px; padding:0;}
.kcap h4 {font-weight: 500;line-height:120%;font-size: 18px;font-family: 'Roboto', sans-serif; margin:10px 0 5px; padding:0; }
.kcap h5 {font-weight: 600;line-height:125%;font-size: 16px;font-family: 'Roboto', sans-serif;  margin:10px 0 5px; padding:0;}	
.kcap h6 {font-weight: 400;line-height:125%;font-size: 14px;font-family: 'Roboto', sans-serif;  margin: 5px 0 5px; padding:0;}
.kcap hr {clear:both;margin: 35px 0px 35px; border: 0; height: 0;  border-top: 1px solid #ccc;  border-bottom: 0; border-top: 1px solid rgba(255,255,255,0.8); border-bottom: 1px solid rgba(120,120,120,0.3);}

.kcap ul, .kcap ol{margin:5px 0 12px 30px;padding:0;}
.kcap ol{list-style-type:decimal;}
.kcap ol ol{list-style-type:lower-latin;}
.kcap ol ol, .kcap ul ul{  margin-bottom: 10px;   margin-top: 0px; }
.kcap ul li, .kcap ol li{margin: 5px 0 0 0px; padding: 0px 0 0 15px;line-height: 120%;}
.kcap p{margin:20px 0 0;}
.kcap p + ul,  .kcap p + ol{margin-top:-8px;}
/*.kcap p + h3{margin-top:25px}
.kcap h3 + p, .kcap h2 + p{margin-top:12px !important}
.kcap h3 + table, .kcap h2 + table{margin-top:15px !important}*/

.kcap sup, .kcap sub { vertical-align: baseline; position: relative; top: -0.4em;}
.kcap sub { top: 0.4em; }

.kcap table{ table-layout: fixed; border-collapse: collapse;padding:0;border:0;}
.kcap table tr{border:0;padding:0;}
.kcap table tr td{border:0;padding:0;}

.kcap .newsitem table { border-collapse: collapse;padding:0; width: 100% !important; font-size:81.3%; word-wrap:normal;}
.kcap .newsitem table tr{border:0;padding:0; vertical-align:top;}
.kcap .newsitem table tr td{border:solid 0px red;padding:0; vertical-align:top;}
.kcap .newsitem table tr td p{border: solid 0px red; padding: 0px 10px 0px 0px; box-sizing:border-box1;}

/* Force table to not be like tables anymore */
/*.kcap .newsitem table { border-collapse: collapse; border-spacing: 0; width: 100%  !important; border: 1px solid #ddd;}
.kcap .newsitem th, td { border: none; text-align: left; padding: 8px; }
.kcap .newsitem tr:nth-child(even){background-color: #f2f2f2}*/

	.kcap .hid { display:none; }
/*==================================================================================*/

/***** TOP *****/
.kcap .top {  min-width: 320px;margin:0 auto;width:100%;}
.kcap .top .header {width:100%; margin: 0 auto;position: relative; font-size:0;background:#fff;top:0;z-index: 999;}
		
		/* Logo */
		.kcap .top .header .logo {vertical-align: top;width: 250px;display: inline-block; margin:10px 0px 15px 30px;    position: relative;z-index: 6;}
		.kcap .top .header .logo img{ vertical-align:middle;padding:10px 0;width:100%;}

		/* Header Right Elements */
		.kcap .top .header .hdr-rgt-grp{vertical-align: top; display:inline-block;}

		/* Search */
		.kcap .top .header .search {display:none;}


/***** Menu *****/

.kcap .top .header .navigation-grp { position:absolute;right: 0px; top: 21px;    width: 100%; }
.kcap .top .header .smallMenuIcon{min-width:50px;min-height:50px;background:url("../image/menu-btn.png") no-repeat;display:inline-block;position:absolute;top:0px;right: 30px;}
.kcap .top .header .smallMenuIcon img{display:none}
.kcap .top .header .wpSmallMenuM1 { width: 100%; top: 67px; position: relative;}
.kcap .top .header .wpMenuM1 {display:none; }
.kcap .top .header .menu {width:100%;background:#fff;    padding: 5px 0 5px; text-align: left; border-top: 2px solid #e03a3e; border-bottom: 2px solid #e03a3e;}






/**** Level 1 ****/
.kcap .top .header .menu ul{margin:0; padding:0;list-style-type:none; display:inline-block;width:100%; }
.kcap .top .header .menu > ul > li {padding:0;margin:0;}
.kcap .top .header .menu ul li a{letter-spacing: 0px;text-decoration:none;color: #363636;display:block;padding:25px 30px 25px;font-size: 18px;}
.kcap .top .header .menu ul li:hover {}
.kcap .top .header .menu ul li:hover a{color: #e03a3e;text-decoration:none;}
.kcap .top .header .menu ul li:hover .touch-button .nav-arrow {background-image: url('../image/menu-open-act.png');}
.kcap .top .header .menu ul li.sel > ul{display:block;}
.kcap .top .header .menu ul li.sel > a {color: #e03a3e;}
.kcap .top .header .menu ul li.sel > .touch-button .nav-arrow {background-image: url('../image/menu-open-act.png');}
.kcap .top .header .menu ul li .touch-button { }
.kcap .top .header .menu ul li .touch-button .nav-arrow{height:26px;width:26px;background-image: url('../image/menu-open-inact.png');margin: 12px 40px 12px 15px;background-repeat: no-repeat; background-position: center center; background-size: contain;}

/**** Level 2 ****/
.kcap .top .header .menu ul li:hover ul li a{color: #363636;}
.kcap .top .header .menu ul li:hover ul li:hover a{color: #e03a3e;}
.kcap .top .header .menu ul li:hover ul li .touch-button .nav-arrow{height:26px;width:26px;background-image: url('../image/menu-open-inact.png');margin: 12px 40px 12px 15px;background-repeat: no-repeat; background-position: center center; background-size: contain;}
.kcap .top .header .menu ul li ul li:hover .touch-button .nav-arrow{height:26px;width:26px;background-image: url('../image/menu-open-act.png');background-repeat: no-repeat; background-position: center center; background-size: contain;}
.kcap .top .header .menu ul ul li a{ letter-spacing: 0px;color: #363636;text-align: left; padding:25px 40px 25px; }

/**** Level 3 ****/
.kcap .top .header .menu ul li:hover ul li:hover ul li a{color: #363636;}
.kcap .top .header .menu ul li:hover ul li:hover ul li:hover a{color: #e03a3e;}
/*.kcap .top .header .menu ul li:hover ul li .touch-button .nav-arrow{height:26px;width:26px;background-image: url('../image/menu-open-inact.png');margin: 12px 40px 12px 15px;background-repeat: no-repeat; background-position: center center; background-size: contain;}
.kcap .top .header .menu ul li ul li:hover .touch-button .nav-arrow{background-image: url('../image/menu-open-act.png');}
.kcap .top .header .menu ul ul li a{ letter-spacing: 0px;color: #363636;text-align: left; padding:25px 65px 25px; }*/


.kcap .btm{ min-width: 320px; margin:0 auto;width:100%;}
.kcap .btm .footer{width: 80%;border-top:2px solid #e03a3e;margin:auto;text-align:center;  vertical-align: middle; overflow: hidden;}

.kcap .btm .copyright{ float:none; padding: 0px 0 15px ; text-align:center;}
.kcap .btm .nav{ float:none;  padding: 15px 0 5px; text-align:center;}
.kcap .btm .nav ul {  margin: 0;  padding: 0; list-style: none; font-size: 0; vertical-align: middle;}
.kcap .btm .nav ul li{ margin: 0px;padding:0;display:inline-block;font-size:16px; vertical-align: middle;}
.kcap .btm .nav ul li:before{ content: "|"; padding: 0 15px 0 15px; color: #363636;  }
.kcap .btm .nav ul li:first-child:before{content: ""; padding: 0 ; }
.kcap .btm .nav ul li a{color:#363636;text-decoration:none;}
.kcap .btm .nav ul li a:hover{color:#e03a3e}

input[type="text"] {
	width: 255px;
	padding: 5px;
	margin-bottom: 15px;
	margin-top: 5px;
	font-size:16px;
	font-family:"Roboto", sans-serif;
	border-radius: 0;
	border: 1px solid #aaa;
	-webkit-appearance: none;
	-webkit-border-radius:0px;
	box-sizing:border-box;
}
#formEnquiry select {
    width: 265px;
    padding: 5px;
    margin-bottom: 15px;
    margin-top: 5px;
			font-size:16px;
	font-family:"Roboto", sans-serif;
	border-radius: 0;
 
	box-sizing:border-box;
	-webkit-border-radius:0px;
}

textarea {
    min-width: 255px;
    padding: 5px;
    margin-bottom: 15px;
    margin-top: 5px;
			font-size:16px;
	font-family:"Roboto", sans-serif;
	border-radius: 0;
	-webkit-appearance: none;
	-webkit-border-radius:0px;
	    border: 1px solid #aaa;
}

input[type="submit"],input[type="button"] {
    border: 1px solid #df3a3d;
    padding: 5px;
    min-width: 125px;
    background: #df3a3d;
    color: #fff;
    font-family: "roboto";
    font-size: 16px;
    margin-right: 10px;
		cursor:pointer;
		border-radius: 0;
		-webkit-appearance: none;
		-webkit-border-radius:0px;
}

 select {
	width: 255px;
	padding: 5px;
	margin-bottom: 15px;
	margin-top: 5px;
	font-size:16px;
	font-family:"Roboto", sans-serif;
	border-radius: 0;
	border: 1px solid #aaa;
	-webkit-appearance: none;
	-webkit-border-radius:0px;
	box-sizing:border-box;
}

input[type="button"]:hover,input[type="button"]:hover{background: #da5557}


table#tblPart td { width:60% }
table#tblPart td:first-child { width:40%; }

 table#tblPart td select {
	width: 100%;
	padding: 5px;
	margin-bottom: 15px;
	margin-top: 5px;
	font-size:16px;
	font-family:"Roboto", sans-serif;
	border-radius: 0;
	border: 1px solid #aaa;
	-webkit-appearance: none;
	-webkit-border-radius:0px;
	box-sizing:border-box;
}
  table#tblPart td input[type="text"] {
	width: 100%;
	padding: 5px;
	margin-bottom: 15px;
	margin-top: 5px;
	font-size:16px;
	font-family:"Roboto", sans-serif;
	border-radius: 0;
	border: 1px solid #aaa;
	-webkit-appearance: none;
	-webkit-border-radius:0px;
	box-sizing:border-box;
}

	
.update .forms { width:100%; max-width:714px;}
.update .forms table#tblPart {  width:100%; max-width:465px;}
.update .forms table#tblPart td {display:block; width:100%; clear: both;}
.update .forms table#tblPart td div.split {display:block; width:48%; float:left;}
.update .forms table#tblPart td div.split:first-child {padding-right:18px;}

.update .forms table#tblPart td input[type="text"],
.update .forms table#tblPart td div.split input[type="text"],
.update .forms table#tblPart td div.split select  {
	width: 100%;
	padding: 5px;
	margin-bottom: 15px;
	margin-top: 5px;
	font-size:18px;
	font-family:"Roboto", sans-serif;
	border-radius: 0;
	border: 1px solid #aaa;
	-webkit-appearance: none;
	-webkit-border-radius:0px;
	box-sizing:border-box;
	   
}

@media screen and (max-width: 599px)   {
	
.update .forms table#tblPart td div.split {display:block; width:100%; float:left;}
.update .forms table#tblPart td div.split:first-child {padding-right:0;}
}


table#tblType td, table#tblOther td { width:85%;}
table#tblType td:first-child, table#tblOther td:first-child  { width:15%;  padding-left:5px; }

@media screen and (max-width: 639px) {
	
	.kcap .btm .footer { width: 90%; }

}

@media screen and (max-width: 511px) {
	
	.kcap .top .header .logo{width: 200px; margin: 10px 0px 15px 5%;}
	.kcap .top .header .navigation-grp{top: 15px;}
	.kcap .top .header .smallMenuIcon{ min-width: 34px; min-height: 34px; right: 20px; background-size: cover;top: 10px;}
	.kcap .top .header .wpSmallMenuM1{top: 65px;}
	.kcap .top .header .menu ul li a{font-size:16px;}
	.kcap .top .header .menu ul li .touch-button .nav-arrow{  margin: 15px 25px 15px 15px; height: 20px;  width: 20px;}
	.kcap .top .header .menu ul li:hover ul li .touch-button .nav-arrow{margin: 15px 25px 15px 15px;height: 20px;  width: 20px;}

}

@media screen and (max-width: 479px) {
	
.kcap h1 {font-size: 32px;  }
.kcap h2 {font-size: 26px;}
.kcap h3 {font-size: 22px;}
.kcap h4 {font-size: 18px;}
.kcap h5 {font-size: 16px;}	
.kcap h6 {font-size: 14px;}
.kcap .btm .nav{display:none;}
.kcap .btm .copyright{padding: 15px 0 15px;}
}









