/* BASIC css start */
.navigationWrap { margin: 20px 0;}


/**************************************************** Navigation 1 ****************************************************/

.center_area { padding-left: 30px; display: flex; align-items: center;  border: 2px solid #999;  }
.center_area > ul { width: 50%; list-style-type:none; display: flex; justify-content: space-between;}
.center_area ul li.category_menu { position:relative; }
.center_area ul li.category_menu a {font-size:16px;color:#000;line-height:40px;font-weight:400;letter-spacing:1px;display:block; font-family: 'Roboto Mono', monospace; transition:0.2s;}
.center_area ul li.category_menu a:hover {color:#D81A24; transition:0.2s;}
.center_area ul li.category_menu ul.subMenu {display:none;position:absolute;background-color:#fff; z-index: 2; margin-left:-20px;padding: 20px 0 10px; min-height: 440px; border:solid 1px #eee; border-top:none;margin-top: 2px;}
.center_area ul li.category_menu ul.subMenu a {line-height:28px;}
.center_area ul li.category_menu ul.subMenu li {width:320px;position: initial;text-align: left; padding-left: 20px; box-sizing: border-box;}
.center_area ul li.category_menu ul.subMenu li a {font-size:15px; font-family:'Roboto';color:#222; transition:0.3s; padding-bottom: 11px;}
.center_area ul li.category_menu ul.subMenu li a:hover {color:#D81A24; transition:0.3s;}
.center_area ul li.category_menu ul.subMenu li ul {margin-left:192px;}
.center_area ul li.category_menu ul a:hover{background-color:#fff;color:#222;}
.center_area ul li:hover>ul.subMenu {display:block;}
.center_area ul li>div.prdimg {display: none; margin-left: 300px; text-align:center; position: absolute; top: 0; width: 400px; max-height: 440px; min-height: 100%; background: #fff;border:solid 1px #eee; border-top:none;padding: 30px; box-sizing: border-box;}
.center_area ul li>div.prdimg .imgWrap {width: 100%;}
.center_area ul li>div.prdimg .imgWrap img {width:100%; border:solid 1px #dedede; box-sizing:border-box;}
.center_area ul li>div.prdimg h3 {font-size: 18px; font-weight: 400; font-family: 'Roboto'; margin: 30px 0 10px;}
.center_area ul li>div.prdimg p {font-size: 14px; font-weight: 100; display:none;}
.center_area ul li:hover>div.prdimg {display:block;}

.center_area ul li.acc_menu ul.subMenu li {width:200px;}
.center_area ul li.acc_menu ul.subMenu li>div.prdimg {margin-left:180px;}
/* BASIC css end */