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

:root {
    --top-A-Menu-Margin: 8px;
    --top-A-Menu-Margin0: 0px;
	--top-A-Menu-width: auto;
	--top-A-Menu-widthHide: 0px;
	
	--bodyBackground-color: #dddddd;
	--body2Background-color: #FFFFFF;
	--generalPanelBackground-color: #eeeeee;
	--generalPanelBackground-colorDark: #aaaaaa;
	
	--a_BarBgColor:#bbbbbb;
	--a_Bar--zIndex:9;
	
		--commonRadius: 6px;
		--RadiusBigBig: 12px;
		--commonRadiusBorder: 1px solid #aaaaaa;
		--commonRadiusBorderMouseOut: 1px solid #FFFFFF;
		
		--insuraneTypeInnerPadding: 8px 8px 8px 8px; /* top right bottom left */
		--insuraneTypeWhite: white;
		
		--general-margin-betweenPanel: 10px;
		
		--generalARowPadding: 8px;
		--general-font-color: #666666;
		--general-font-link: #0066FF;
}


BODY{margin:0px;padding:0px;
font-size:18px;
		color: var(--general-font-color);
}
A{
text-decoration:none;
}
DIV{
		color: var(--general-font-color);
}

.dedicateVehiclePage #vehicleOuterTopPanel_id{
/* max-width:1100px; */
width:100%;
/*
background-color:blue;
*/
}
/*
div .dedicateVehiclePage .commonInputFormParent .commonInputTopic{
display:none !important;
}
*/
.temporaryHide{
display:none;
}
.beaSearchResultRoot .beaN .policyLine{
text-align:left !important;
margin:4px;
color:#FFFFFF;
text-shadow:0px 0px 1px #555;
font-size:14px;
}
.beaSearchResultRoot .beaN .policyLine DIV{
color:#FFFFFF;
}
.policyName .subject{
width:auto; float:left;
}
.policyName .subjectRealName{
color:#FFCCFF !important;
font-size:16px !important;
font-weight:bold;
text-shadow:0px 0px 1px #000;
}
.closeBtn{
width:auto; float:right; cursor:pointer;
color:#FFCC33 !important;
text-shadow:0px 0px 1px #fff;
font-family:Arial, Helvetica, sans-serif;
}
.beaSearchResultRoot .beaN{
padding:8px 8px 15px 8px;
margin-bottom: 15px;
-moz-border-radius: 6px; -webkit-border-radius: 6px;border-radius: 6px 6px;
border:2px solid #777777; 
border-style: dotted;
}
.beaSearchResultRoot .beaN .buttonAsia{
max-width:120px !important;
margin-top: 15px;
margin-bottom: 0px;
background-color:#555555;
font-size:16px;
}
.leftCell{
width:auto; float:left;
}
.rightCell{
width:90px; float:right;
display:table;
text-align:center;
}
.rightCell .smallBtn{
background-color:#D8F8C9;
color:#444444 !important;
text-shadow:0px 0px 1px #fff;
width:70px;
font-size:12px;
padding:2px;
-moz-border-radius: 4px; -webkit-border-radius: 4px;border-radius: 4px 4px;
cursor:pointer;
}
.dedicateVehiclePage #vehicleOuterTopPanel_id .vehicleFilter{
width:43%;
padding-left:10px !important;
}
.dedicateVehiclePage #vehicleOuterTopPanel_id .insureTypePanelOuter{
width:43%;
padding-right:10px !important;
}
.dedicateVehiclePage #arrowInCirclePanel_id{
/*width:16%;*/
}
.whiteRowPanel1Line .faq1{
margin-top:30px !important;
}
.topRightMenus .bigScreenLoginReg{
vertical-align:bottom !important;
padding:0px 0px 0px 0px !important;
margin:0px 0px 0px 0px !important;
}
.signupReg{
width:auto !important;float:left; 
background-repeat:no-repeat; background-position: left center; padding-left:26px !important;
cursor:pointer;
}

.signupReg:link {}
.signupReg:visited {}
.signupReg:hover { color:#FF6600; text-decoration:underline;}
.signupReg:active {} 
.between2btnSpace{
width:20px;
}
.inputFormAutoHideCaption{
}
.inputFormAutoHideCaptionInnerTbl{
}
.inputFormAutoHideCaptionInnerTbl  td{
padding: 10px 0px 10px 0px;
}
.inputFormAutoHideCaptionInnerTbl .caption{
width:50%;
text-align:right;
padding-right:10px !important;
}
.inputFormAutoHideCaption .formTopic{
text-align:center;
margin:30px 0px 40px 0px !important;
}
.inputFormAutoHideCaption .buttonAsiaTbl{
margin-top:50px !important;
}
.inputFormAutoHideCaptionInnerTbl .inputdata input,select{
font-size:18px;
width:80%;
max-width:250px;
}
.inputImg{
display:table; width:80%;
}
.cameraParent table{
height:145; 
}
.cameraParent table td{
padding:0px 0px 0px 0px;
margin: 0px 0px 0px 0px !important;
}
.cameraParent table .topCell{
text-align:right;
vertical-align:top;
}
.cameraParent table .bottomCell{
text-align:left;
vertical-align:bottom;
}

.cameraParent{
max-width:250px; min-width:210px;vertical-align:bottom;
background-image:url('/asiapay.inc/im/no_image3.png');
background-position:center center;
background-repeat:no-repeat;
cursor:pointer;
overflow:hidden;
-moz-border-radius: 8px; -webkit-border-radius: 8px;border-radius: 8px 8px;
}
.inputImg .camera{
margin:5px;
}
.imgInputCaption{
background-image:url('/asiapay.inc/im/bgOpacity50white.png');
height:20px;
padding: 0px 0px 0px 5px !important;
}
.tdSpacerLeftRight{
/*width:45%;*/
display:none;
}
.linkBlue{
color:#3399FF;
}
.linkBlue:hover{
text-decoration:underline;
}
.linkAgentRegister{
cursor:pointer;text-align:right !important;
padding-right: 15px;
}
.bigScreenLoginReg .signup{
background-image:url('/asiapay.inc/im/register_ico.png');
}
.bigScreenLoginReg .signin{
background-image:url('/asiapay.inc/im/login_ico.png');
}
.companyInsureLogo img{
width:50%;
max-width:140px;
padding-left:20px;
}
.floatRight{
float:right !important;
}
.companyInsure{
margin-top:40px; margin-bottom:25px;
}
.tp3rootrootDiv{
}
#divTopRoot{
}
.page2h1{
text-shadow:0px 1px 1px #fff;
}
.insurBody{
margin: 15px 40px 15px 40px !important;
}
.insurBodyCurv{
min-height:300px;
background-color:#F9F9F9;
-moz-border-radius: 10px; -webkit-border-radius: 10px;border-radius: 10px 10px;
margin-bottom:35px !important;
overflow:hidden;
}
#myvideo{
min-height:300px;
width:100%;
-moz-border-radius: 8px; -webkit-border-radius: 8px;border-radius: 8px 8px;
overflow:hidden;
}
.videoMargin{
margin:0px 20px 0px 20px;
padding: 20px 0px 20px 0px;
width:48%;
float:left;
}
.videoRightBodyText{
width:48%;
float:right;
}
.videoRightBodyTextInner{
margin:15px;
}
.boxFaqTopic{
min-height:150px !important;
vertical-align:middle;
}
.boxFaqTopic div{
	font-weight:bold;
	vertical-align:middle;
	padding: 30px 0px 0px 0px;
	text-align:center;
}
div .boxFaqTopic .faq1{
font-size:24px !important;
}
div .boxFaqTopic .faq2{
font-size:18px !important;
}
.tp3rootTable{width:100%; max-width:1450px;} /* set max-width to limit very width screen to center all contents ; normal screen max-width is 1350px */
.tp3rootTable .companyLogo{max-height:80px; margin:5px; margin-top:8px; margin-bottom: 8px;}

.tp3rootTable table{width:100%;}
.topbarTRTableInnerParent{margin-left:0px; margin-right:0px;}

.topbarTr{background-color:#fdfdfd} /* same as company logo image background color */
.topRightMenus {
display:none;
}
.topRightMenus DIV {width: var(--top-A-Menu-width); float:left;margin: var(--top-A-Menu-Margin);
width:auto;
height:30px;
padding-left:10px;
padding-right:10px;
}

.boxShadow{
box-shadow: 1px 0px 1px #aaaaaa;
}
.topMiddleEmptyTd{min-width:0px; }

.aTopMenu{
-moz-border-radius: 4px; -webkit-border-radius: 4px;border-radius: 4px 4px;
cursor:pointer;
}
.aTopMenu table{width:100%; height:100%;}
.aTopMenu table TD{ text-align:center; vertical-align:middle;}


.thisWasClick{
background-color:#bbbbbb;
text-shadow:0px 0px 2px #555;
}
.mActive{
border:1px solid #aaaaaa; 
}
.mActive a{
	    color: #444444;
}
.thisWasClick a{
	/* this is applied instead of  ".mActive a{" above coz last prob has taken */
    color:#FFFFFF;
}
.mInactive{
border:1px solid #fdfdfd;
}
.mInactive a{
	    color: #444444;
}
.mActive a:link {}
.mActive a:visited {}
.mActive a:hover {}
.mActive a:active {} 

.mInactive a:link {    }
.mInactive a:visited {    }
.mInactive a:hover {    }
.mInactive a:active {    } 

.aBar a:link { color:#FFFFFF;}
.aBar a:visited {color:#FFFFFF;}
.aBar a:hover {color:#FFFFFF;}
.aBar a:active {color:#FFFFFF;} 

.dialogTopMenuDiv .mOvr{
border:1px solid #000000;
}
.dialogTopMenuDiv .mOut{
border:1px solid var(--a_BarBgColor);
}

DIV .insureTypePanelOuter  .mOvr{
border:1px solid #000000;
}

/******* top menu for mobile ********/
DIV .mobileHiddenMnu{
 display: flex;
    flex-direction: row;    /*  make main axis horizontal (default setting) */
      justify-content: left; /*center items horizontally, in this case */
    align-items: center;      /*center items vertically, in this case */
	cursor:pointer;
	overflow:hidden;	
	margin:0px;
	padding:0px;
	width:0px;	
	visibility:hidden;
}
.mobileHiddenMnu img{
height:16px;
}

TD .hideScreen1200{ width:0px; overflow:hidden; visibility:hidden; margin:var(--top-A-Menu-Margin0);}
TD .hideScreen1000{ width:0px; overflow:hidden; visibility:hidden; margin:var(--top-A-Menu-Margin0);}

.dialogTopMenuDiv{
background-image:url(/asiapay.inc/im/bgOpacity50.png);
width:190px;
z-index: var(--a_Bar--zIndex);
-moz-border-radius: 4px; -webkit-border-radius: 4px;border-radius: 4px 4px;
}

.dialogTopMenuDiv .aBar{
background-color: var(--a_BarBgColor);
margin:8px;
padding:5px;
-moz-border-radius: 2px; -webkit-border-radius: 2px;border-radius: 2px 2px;
color:#FFFFFF;
cursor:pointer;
z-index:var(--a_Bar--zIndex);
}
/***** START BODY (body1 , slide show)****/
.tdBodyRoot{ background-color:var(--bodyBackground-color); vertical-align:top;}

		/*** banner slider start ***/
		.v3SliderContainer{
		margin:30px;
		}
		#slider{
		background-color:var(--bodyBackground-color);
		}
.nivoSlider img{
-moz-border-radius: 6px; -webkit-border-radius: 6px;border-radius: 6px 6px;
		}
		/*** banner slider end ***/
		

/***** END BODY (body1 slide show) ******/

/**** start body2 car type filter ******/
DIV .body2{
background-color: var(--body2Background-color);
}
#body2_id{
margin-left:10px;
margin-right:10px;
}
		/**** start vehicle filter and insurance tab *****/
		DIV .vehicleOuterTopPanel{
		display: table;		
		}
		.vehicleOuter{
			vertical-align:top;/* could be middle */
		  display: table-cell;
		  width:400px;
			/* border:1px solid #aaaaaa; */
			padding-top:10px;
			padding-bottom:15px;
		}
		DIV .vehicleOuterHeight{
			height:420px;
			/* height:auto; */
		}
		DIV .vehicleOuterTopPanel .vehicleFilter{
			/*background-color:#FFCC66;*/
		}
		.carFilterTopic{
			border: var(--commonRadiusBorder);-moz-border-radius: var(--commonRadius); -webkit-border-radius: var(--commonRadius);border-radius: var(--commonRadius);
			padding: var(--generalARowPadding);
		}
		DIV .commonInnerPadding{
			padding: var(--generalARowPadding);
		}
		.carFilterTopic div{
			background-repeat: no-repeat;
			background-position: left center;
			padding-left: 45px;
			margin-left:20px;
			background-image:url(/asiapay.inc/im/ico/carBlueSmall.png);
			text-align:left;		
		}
		DIV .vehicleOuterTopPanel .carFilterBody{
			border: 0;-moz-border-radius: var(--commonRadius); -webkit-border-radius: var(--commonRadius);border-radius: var(--commonRadius);
			min-height:100px;
			margin-top:10px;
			background-color:var(--generalPanelBackground-color);
			height:90%;
			text-align:left;
		}
		.carFilterBody .whiteRowPanel .divComboLabel{
		width:auto;
		float:left;
		}
		DIV .carFilterBody .mOvr{
			border: var(--commonRadiusBorder);
		}
		
		DIV .carFilterBody .mOut{
		}
		
DIV DIV .otherBoxInfo{
padding-top: 40px;padding-bottom: 50px;padding-left: 25px; padding-right: 25px;
}
		
		
		.arrowDown{	
			float:right; background-repeat:no-repeat; background-image:url(/asiapay.inc/im/ico/arrowdownSmall.png); background-position: left center; width:32px; height:30px;
		}
		
		DIV .arrowInCirclePanel{
		float:left;
		padding:15px;
		}
		#arrowInCirclePanel_id{
			overflow:hidden;
			width:auto;
		}
		#arrowInCirclePanel_id img{
		width:100%;
		}
		DIV .insureTypePanelOuter{
			vertical-align:top;/* could be middle */
		  display: table-cell;
		  width:400px;
			/* border:1px solid #aaaaaa; */
			padding-top:10px;
			padding-bottom:12px;
		}
		.insureTypePanelOuter .insureTypePanelOuter2nd{
			background-color: var(--generalPanelBackground-color);
			height:100%;
			-moz-border-radius: var(--commonRadius); -webkit-border-radius: var(--commonRadius);border-radius: var(--commonRadius); 
		}
		.panelOuter2Padding{
			padding: var(--insuraneTypeInnerPadding);
		}
		DIV .insureTypePanel{
		}
		DIV .insureTypePanel table{
			margin-top:8px;
			margin-bottom:8px;
		}
		DIV .insureTypePanel table TD{
		padding-bottom:5px;/* padding to reserve space for blue arrow_up.png on mouse over this */
		}
		DIV .whiteRowPanel{
			/* border: var(--commonRadiusBorder);*/
			border: var(--commonRadiusBorderMouseOut);
			-moz-border-radius: var(--commonRadius); -webkit-border-radius: var(--commonRadius);border-radius: var(--commonRadius); 
			background-color: var(--insuraneTypeWhite);
			padding: var(--generalARowPadding);
			margin-bottom: 8px;
		}
		DIV .forceDark{
		background-color:var(--generalPanelBackground-colorDark);
		}
		DIV .chkBea{
		padding:15px;
		cursor:pointer;
		}
		DIV .chkBea TD{
			font-size:20px;
			font-weight:bold;
			text-shadow:0px 0px 3px #fff;
			color:#000000;
			padding:5px;
		}
		
		TD .insureType{
		text-align:center;
		cursor:pointer;
		min-height:40px;
		padding-top: 8px;
		}
		TD .inactive{
			color:var(--general-font-link);
			background-repeat:repeat-x;
			background-position:bottom;
			background-image: url(/asiapay.inc/im/tab/underline_bg.png);
		}
		TD .tabActive{
			background-repeat:no-repeat;
			background-position:top;
			background-size: 100% 100%;
			background-image: url(/asiapay.inc/im/tab/tab_active_bg.png);
		}
		div .panelBlueTop{
		min-height:6px;
		background-repeat:repeat-x;
		background-position:top;
		background-image: url(/asiapay.inc/im/bg_blue_line.png);
		}
		.callAndLine img{
		margin-bottom: 20px;
		margin-top:10px;
		padding: 25px;
		}
		/**** end vehicle filter and insurance tab *****/

/**** end body2 car type filter *****/


/******** page 2 ********/
.child_bodyRow{
display:table-cell;
text-align:center;
}
.child_bodyRow .box1{
display: table-cell;
width:300px;
height:300px;
float:left;
margin:10px;
cursor:pointer;
}
.child_bodyRow .box1 td{
vertical-align:bottom;
text-align:center;
color:#FFFFFF;
font-size:22px;
padding-bottom:25px;
}
.box1Green{
background-color:#009900;
}
.box1Pink{
background-color:#ff3399;
}
.box1Orange{
background-color:#ff9900;
}
.box1Blue{
background-color:#3399ff;
}
.box1Purple{
background-color:#7030a0;
}
.box1Red{
background-color:#ff6600;
}
.orangeTxt{
color:#FF9999;
}
.commonInputFormParent{
margin: 30px 0px 30px 0px;
}
.commonInputForm input[type=text],input[type=tel]{
margin: 5px 0px 5px 0px;
height:30px;
font-size:16px;
padding:4px;
border:1px solid #cccccc;-moz-border-radius: 5px; -webkit-border-radius: 5px;border-radius: 5px;
width:100%;
}
.buttonAsiaTbl{
margin:15px;
}
.btnLeft .buttonAsia{
float:right;
margin-right:4px;
}
.btnRight .buttonAsia{
float:left;
margin-left:4px;
}
.buttonAsia{
text-align:center;
width:150px;
border:0px solid #0033CC;-moz-border-radius: 5px; -webkit-border-radius: 5px;border-radius: 5px;
background-color:#0099FF;
color:#FFFFFF;
padding:15px;
cursor:pointer;
}
.barBodyMenu{
border:1px solid #aaaaaa;-moz-border-radius: 7px; -webkit-border-radius: 7px;border-radius: 7px;
background-color:#FFC4FF;
padding:10px;
margin:10px 0px 10px 0px;
font-size:18px;
text-align:center;
}
.box1White{
background-color:#FFFFFF;
border:1px solid #aaaaaa;-moz-border-radius: var(--RadiusBigBig); -webkit-border-radius: var(--RadiusBigBig);border-radius: var(--RadiusBigBig);
background-position:bottom;
background-repeat:repeat-x;
background-image: url(/asiapay.inc/im/bg_grayDark.png);
}
.box1White img{
width:180px;
}
.productCatName{
}
.child_bodyRow .box1White TABLE TD{
}

/* body insure_vehicle.temp.php start */
DIV DIV .childBodyTopic{
padding:20px;
background-color: var(--bodyBackground-color);
font-size:20px;
margin: 0px 0px 0px 0px;
}
DIV DIV .childBodyTopic .topic{
margin-bottom:15px;
}
DIV DIV .bigBoxWhite{
background-color:white;
width: 640px;
border:1px solid #aaaaaa;-moz-border-radius: var(--RadiusBigBig); -webkit-border-radius: var(--RadiusBigBig);border-radius: var(--RadiusBigBig);
background-position:top;
background-repeat:repeat-x;
background-image: url(/asiapay.inc/im/bg_blue_vertical.png);
}
.bigBoxWhite .topic{
color:#FFFFFF;
margin-top:20px;
}
/*
DIV #body3_id .childBodyTopic{
padding:20px;
background-color: var(--bodyBackground-color);
font-size:20px;
margin: 0px 0px 0px 0px;
}
*/
.linkUnderOnGray{
text-decoration:underline;
text-shadow:0px 0px 2px var(--bodyBackground-color);
cursor:pointer;
}
.linkUnderOnGrayMouseOver{
text-decoration:underline;
text-shadow:0px 1px 2px var(--body2Background-color);
cursor:pointer;
}


.linkUnderOnWhite{
text-decoration:underline;
cursor:pointer;
}
.linkUnderOnWhiteMouseOver{
text-decoration:underline;
cursor:pointer;
color:#0099FF;
}

.body2_footer{
padding: 25px 0px 25px 0px;
}

/* body insure_vehicle.temp.php end */

/* home screen 3,4 **/
.twoCellOnBigScreen .cell{
width:50%; text-align: center; float:left;
}
.twoCellOnBigScreen .cell DIV{
padding-left:30px;
padding-right:30px;
}
.twoCellOnBigScreen .cellLeft{
text-align: right;
}
.twoCellOnBigScreen .cellRight{
text-align: left;
}
/* home screen 3,4 end **/

/**** start footer ****/
DIV .footerRoot{
min-height: 200px;
background-color:#333333;
padding-top:40px;
}
DIV .footerRoot DIV{
color:#cccccc;
font-size:16px;
}
DIV .footerRoot .lineDashUnder{
	 opacity: 0.3;
    filter: alpha(opacity=30); /* For IE8 and earlier */
}

div DIV .insureCompIco{
padding:0px;
margin:0px;
}
div DIV .insureCompIco img{
padding:0px;
margin:0px;
border:1px solid #888888;-moz-border-radius: var(--RadiusBigBig); -webkit-border-radius: var(--RadiusBigBig);border-radius: var(--RadiusBigBig);
cursor:pointer;
}
.footerRoot .twoCellOnBigScreen .cellLeft{
width:40%;
}
.footerRoot .twoCellOnBigScreen{
}
.footerRoot .twoCellOnBigScreen .cellRight{
width:60%;
}
.footerRoot .twoCellOnBigScreen .cellRight img{
height:60px;
margin-right:20px;
}
/**** end footer ***/
/* general probs bellow */
.divAutoWidth{
width:auto;
}
.hiddenObj{
width:0px; height:0px; overflow:hidden; visibility:hidden; position:absolute; left:-1000px; display:none;
}
.showObj{
height:auto; overflow:auto; visibility:visible; position:absolute;
}
.divFreeWidth{
width:auto;
}
.generalSoftgrayBg{
background-color: var(--bodyBackground-color);
}
.ckAble{
cursor:pointer;
}
#hintBodyTDCanvasTD{
border:1px solid #aaaaaa;-moz-border-radius: var(--commonRadius); -webkit-border-radius: var(--commonRadius);border-radius: var(--commonRadius);
}
.underLineme{
background-repeat:repeat-x;
background-position:bottom;
background-image: url(/asiapay.inc/im/tab/underline_bg.png);
}
.underArrow{
background-repeat:no-repeat;
background-position:bottom;
background-image: url(/asiapay.inc/im/arrow_up.png);
}
DIV .forceTransparent{
background-color: var(--generalPanelBackground-color);
}
DIV .softBorder{
	border:1px solid #bbbbbb;-moz-border-radius: var(--commonRadius); -webkit-border-radius: var(--commonRadius);border-radius: var(--commonRadius);
}
.marginBigBig{
margin-top: 20px;
}
.lineDashUnder{
background-repeat:repeat-x;
background-position:bottom;
background-image: url(/asiapay.inc/im/bg_line_dash.png);
}
/* general probs end */

@media only screen and (min-width: 320px) {
.tp3rootTable .companyLogo{max-height:45px;}
}
@media only screen and (min-width: 400px) {
.tp3rootTable .companyLogo{max-height:55px;}
}
@media only screen and (min-width: 500px) {
.tp3rootTable .companyLogo{max-height:65px;}
.topMiddleEmptyTd{min-width:20px; }
}
@media only screen and (min-width: 600px) {
.tp3rootTable .companyLogo{max-height:70px;}
.callAndLine img{
		margin-bottom: 20px;
		margin-top:10px;
		padding: 25px;
		}
.callAndLine{
		font-size:12px;
}
}
@media only screen and (min-width: 800px) {
.tp3rootTable .companyLogo{max-height:75px;;}
.callAndLine img{
		margin-bottom: 10px !important;
		margin-top:10px;
		margin-left: 30px;
		padding: 0px;
}
.callAndLine{
		font-size:14px;
}
}
@media only screen and (min-width: 1000px) {
}
@media only screen and (min-width: 1200px) {

}
@media only screen and (min-width: 1300px) {
.tp3rootTable .companyLogo{max-height:80px; margin:5px;}
html, body {
    overflow-x: hidden;
}
}

@media only screen and (min-width: 1500px) {

}

/*********** REVERSE ORDER for max-width ****************/
@media only screen and (max-width: 1500px) {
.topbarTRTableInnerParent{margin-left:10px; margin-right:10px;}
TD .hideScreen1500{ width:0px; visibility:hidden;}
.topMiddleEmptyTd{min-width:150px;}

TD .hideScreen1000{ width: var(--top-A-Menu-width); visibility: visible; margin:var(--top-A-Menu-Margin);}
TD .hideScreen1200{ width: var(--top-A-Menu-width); visibility: visible; margin:var(--top-A-Menu-Margin);}
}
@media only screen and (max-width: 1200px) {
.topMiddleEmptyTd{min-width:0px;}
:root {
    --top-A-Menu-Margin: 4px;
}
TD .hideScreen1200{ width: var(--top-A-Menu-widthHide); visibility: hidden; margin:var(--top-A-Menu-Margin0);}
DIV .mobileHiddenMnu{
	overflow:visible;
	width:auto;
	float:right;
  vertical-align:bottom;
  margin-top:8px;
  margin-right:5px;
  visibility:visible;
}

}

@media only screen and (max-width: 1100px) {
.videoMargin{
width:47%;
}
.videoRightBodyText{
width:47%;
}
}

@media only screen and (max-width: 1000px) {
		.v3SliderContainer{
		margin:15px;
		}
TD .hideScreen1000{ width: var(--top-A-Menu-widthHide); visibility: hidden; margin:var(--top-A-Menu-Margin0);}
#arrowInCirclePanel_id{
overflow:hidden;
width:80px;
}

DIV DIV .bigBoxWhite{
background-color:white;
width:96%;
}

}
@media only screen and (max-width: 800px) {
.topRightMenus DIV { float:right; }
DIV .mobileHiddenMnu{
	overflow:visible;
	width:auto;
  vertical-align:bottom;
  margin-top:8px;
  margin-right:5px;
  visibility:visible;
}
DIV .hideSmallScreen{
visibility:hidden;
overflow:hidden;
white-space:nowrap;
width:0px;
margin:0px;
padding:0px;
border:none;
background-color:none;
}
DIV .aTopMenu{ margin-left:3px; margin-right: 0px;};

		.v3SliderContainer{
		margin:10px;
		}

TD .hideScreen1500{ width:auto; visibility:visible;}
.bigScreenLoginReg{
display:none;
}
#arrowInCirclePanel_id{
overflow:hidden;
width:60px;
}
.callAndLine DIV{
font-size:14px;
}
.callAndLine DIV IMG{
height:60px;
}

.child_bodyRow .box1 td{
font-size:18px;
padding-bottom:15px;
}

.child_bodyRow .box1{
width:250px;
height:250px;
margin:7px;
}

.footerRoot .twoCellOnBigScreen .cellLeft{
width:98%;
text-align:center;
margin-bottom:20px;
}
.footerRoot .twoCellOnBigScreen .cellRight{
width:98%;
text-align:center;
}

.callAndLine img{
height:40px !important;
width: 40px !important;
padding:0px !important;
margin:10px !important;
}
.callAndLine div{
font-size:12px !important;
}
.insurBody{
margin-left: 10px !important;
margin-right: 10px !important;
}
}
@media only screen and (max-width: 600px) {
		.v3SliderContainer{
		margin:5px;
		}
.topbarTRTableInnerParent{margin-left:0px; margin-right:0px;}
#arrowInCirclePanel_id{
overflow:hidden;
width:0px;
height:0px;
margin:0px;
padding:0px;
float:inherit;
clear:both;
display:none;
}
#vehicleOuterTopPanel_id{
display:block;
padding:0px;
}
#vehicleOuterTopPanel_id .vehicleOuter{
display:inline-table;
margin:0px;
width:100%;
margin-bottom:0px;
padding-bottom:0px;
height:auto;
}
#vehicleOuterTopPanel_id .insureTypePanelOuter{
display:table;
margin:0px;
margin-top: var(--general-margin-betweenPanel);
width:100%;
padding-top:0px;
margin-bottom:18px;
}

.dedicateVehiclePage #vehicleOuterTopPanel_id{
/* only on small screen */
background-color:var(--bodyBackground-color);
}
.dedicateVehiclePage #vehicleOuterTopPanel_id .vehicleFilter{
width:100%;
padding-left:0px !important;
}
.dedicateVehiclePage #vehicleOuterTopPanel_id .insureTypePanelOuter{
width:100%;
padding-right:0px !important;
}

.dedicateVehiclePage .carFilterTopic{
background-color:#FFFFFF;
}
.dedicateVehiclePageParent .insurBodyCurv{
background-color:var(--bodyBackground-color);
}

 /*
div .dedicateVehiclePage .insureTypePanelOuter{
background-color:var(--bodyBackground-color) !important;
padding-bottom:0px;
margin-bottom:0px;
}
div .dedicateVehiclePage .vehicleOuterHeight{
background-color:var(--bodyBackground-color) !important;
padding-bottom:0px;
margin-bottom:0px;
}
div .dedicateVehiclePage .insurBodyCurv{
background-color:var(--bodyBackground-color) !important;
padding-bottom:0px;
margin-bottom:0px;
}
div .dedicateVehiclePage{
background-color:var(--bodyBackground-color) !important;
padding-bottom:0px;
margin-bottom:0px;
}
*/
/*
DIV .insureTypePanelOuter{
		  width:90%;
		  float:none;
			padding-top:10px;
			padding-bottom:15px;
			background-color:green;
			clear:both;
}
*/
#body2_id{
margin-left:4px;
margin-right:4px;
}
/*
		DIV .vehicleOuterHeight{
			height:auto;
		}
*/
.child_bodyRow{
display: block;
margin:0px;
margin-left: 5px;
margin-right: 5px;
}
.child_bodyRow .box1{
display:block;
margin:5px 0px 5px 0px;
margin-bottom:10px;
padding:0px;
min-height:200px;
width:100%;
}
.child_bodyRow .box1 td{
}
DIV DIV .childBodyTopic{
padding: 15px 0px 15px 0px; /* top right bottom left */
font-size:16px;
margin-bottom:8px;
}
DIV DIV .marginScreen600{
margin-bottom:0px;
}

.twoCellOnBigScreen .cell{
width:100%;
margin: 15px 0px 15px 0px;
}
.twoCellOnBigScreen .cellLeft{
text-align: center;
}
.twoCellOnBigScreen .cellRight{
text-align: center;
}

DIV DIV .otherBoxInfo{
padding-left: 0px; padding-right: 0px;
}

.footerRoot .twoCellOnBigScreen .cellRight img{
height:40px;
margin-right:8px;
}
.callAndLine img{
height:40px !important;
width: 40px !important;
}
.insurBody{
margin-left: 5px !important;
margin-right: 5px !important;
}

.videoMargin{
margin:0px 5px 0px 5px;
padding: 5px 0px 5px 0px;
width:98%;
}
.videoRightBodyText{
width:100%;
float:left;
}

.inputFormAutoHideCaptionInnerTbl .caption{
overflow:hidden;
width:0px;
min-height:20px;
display:none;
}
.tdSpacerLeftRight{
width:45% !important;
display:table-cell;
}

.inputFormAutoHideCaptionInnerTbl .inputdata{
text-align:center;
}
.inputFormAutoHideCaptionInnerTbl .inputdata input,select{
width:90% !important;
max-width:400px;
}
.linkAgentRegister{
text-align:center !important;
}
}


@media only screen and (max-width: 480px) {
.callAndLine img{
width:50px !important;
height:50px !important;
}
.callAndLine div{
font-size:14px !important;
}
#myvideo{
height:250px !important;
min-height:250px;
}
.between2btnSpace{
width:6px;
}
.twoButtonAsiaInALINE .buttonAsia{
width:30% !important;
}
}

@media only screen and (max-width: 400px) {
	.callAndLine DIV IMG{
	height:40px;
	}
DIV DIV .childBodyTopic{
font-size:14px;
}
.footerRoot .twoCellOnBigScreen .cellRight img{
height:35px;
margin-right:4px;
}
}
@media only screen and (max-width: 320px) {
.tp3rootTable .companyLogo{max-height:45px;}
/* .topRightMenus DIV {width:auto;} */
DIV .hideSmallScreen{
visibility:hidden;
overflow:hidden;
white-space:nowrap;
width:0px;
margin:0px;
padding:0px;
border:none;
background-color:none;
}
DIV .mobileHiddenMnu{ margin-left:3px;}
.topRightMenus DIV {margin:5px; 
height:25px;
padding-left:4px;
padding-right:4px;
}

DIV .footerRoot DIV{
font-size:12px;
}
}