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

.help_text{
	font-weight:bold; 
	background:#FFF; 
	padding:10px; 
	font-size:13px;
	width: 200px;
	border-radius: 10px;
	opacity: .9;
	bottom: 15px;
	right: 14px;
	position: absolute;
}

.image_div{position:relative;}
.pointer_1{ background:url(../img/front_images/product_guide_pointer_animated.gif) no-repeat; position:absolute; cursor:pointer;  top:303px; left:240px; width:14px; height:15px; }
.pointer_2{ background:url(../img/front_images/product_guide_pointer_animated.gif) no-repeat; position:absolute; cursor:pointer;  top:240px; left:350px;  width:14px; height:15px;}
.pointer_3{ background:url(../img/front_images/product_guide_pointer_animated.gif) no-repeat; position:absolute; cursor:pointer;  top:371px; left:414px;  width:14px; height:15px;}
.pointer_4{ background:url(../img/front_images/product_guide_pointer_animated.gif) no-repeat; position:absolute; cursor:pointer;  top:474px; left:330px;  width:14px; height:15px;}
.pointer_5{ background:url(../img/front_images/product_guide_pointer_animated.gif) no-repeat; position:absolute; cursor:pointer;  top:328px; left:524px;  width:14px; height:15px;}
.pointer_6{ background:url(../img/front_images/product_guide_pointer_animated.gif) no-repeat; position:absolute; cursor:pointer;  top:175px; left:573px;  width:14px; height:15px;}
.pointer_7{ background:url(../img/front_images/product_guide_pointer_animated.gif) no-repeat; position:absolute; cursor:pointer;  top:329px; left:142px;  width:14px; height:15px;}
.pointer_8{ background:url(../img/front_images/product_guide_pointer_animated.gif) no-repeat; position:absolute; cursor:pointer;  top:288px; left:273px;  width:14px; height:15px;}
.pointer_9{ background:url(../img/front_images/product_guide_pointer_animated.gif) no-repeat; position:absolute; cursor:pointer;  top:443px; left:196px;  width:14px; height:15px;}
.pointer_10{ background:url(../img/front_images/product_guide_pointer_animated.gif) no-repeat; position:absolute; cursor:pointer;  top:335px; left:389px;  width:14px; height:15px;}
.pointer_11{ background:url(../img/front_images/product_guide_pointer_animated.gif) no-repeat; position:absolute; cursor:pointer;  top:547px; left:302px;  width:14px; height:15px;}
.pointer_12{ background:url(../img/front_images/product_guide_pointer_animated.gif) no-repeat; position:absolute; cursor:pointer;  top:296px; left:602px;  width:14px; height:15px;}
.pointer_13{ background:url(../img/front_images/product_guide_pointer_animated.gif) no-repeat; position:absolute; cursor:pointer;  top:337px; left:700px;  width:14px; height:15px;}
.pointer_14{ background:url(../img/front_images/product_guide_pointer_animated.gif) no-repeat; position:absolute; cursor:pointer;  top:362px; left:763px;  width:14px; height:15px;}

/*For hover*/
/*
.pointer_1:hover{ background:url(img/front_images/product_guide_pointer_animated.gif) no-repeat; position:absolute; cursor:pointer;  top:207px; left:142px; width:14px; height:15px; z-index:99; }
.pointer_2:hover{ background:url(img/front_images/product_guide_pointer_animated.gif) no-repeat; position:absolute; cursor:pointer;  top:257px; left:203px;  width:14px; height:15px; z-index:99;}
.pointer_3:hover{ background:url(img/front_images/product_guide_pointer_animated.gif) no-repeat; position:absolute; cursor:pointer;  top:203px; left:335px;  width:14px; height:15px; z-index:99;}
.pointer_4:hover{ background:url(img/front_images/product_guide_pointer_animated.gif) no-repeat; position:absolute; cursor:pointer;  top:200px; left:360px;  width:14px; height:15px; z-index:99;}
.pointer_5:hover{ background:url(img/front_images/product_guide_pointer_animated.gif) no-repeat; position:absolute; cursor:pointer;  top:196px; left:517px;  width:14px; height:15px; z-index:99;}
.pointer_6:hover{ background:url(img/front_images/product_guide_pointer_animated.gif) no-repeat; position:absolute; cursor:pointer;  top:175px; left:573px;  width:14px; height:15px; z-index:99;}
.pointer_7:hover{ background:url(img/front_images/product_guide_pointer_animated.gif) no-repeat; position:absolute; cursor:pointer;  top:329px; left:142px;  width:14px; height:15px; z-index:99;}
.pointer_8:hover{ background:url(img/front_images/product_guide_pointer_animated.gif) no-repeat; position:absolute; cursor:pointer;  top:288px; left:273px;  width:14px; height:15px; z-index:99;}
.pointer_9:hover{ background:url(img/front_images/product_guide_pointer_animated.gif) no-repeat; position:absolute; cursor:pointer;  top:443px; left:196px;  width:14px; height:15px; z-index:99;}
.pointer_10:hover{ background:url(img/front_images/product_guide_pointer_animated.gif) no-repeat; position:absolute; cursor:pointer;  top:335px; left:389px;  width:14px; height:15px; z-index:99;}
.pointer_11:hover{ background:url(img/front_images/product_guide_pointer_animated.gif) no-repeat; position:absolute; cursor:pointer;  top:547px; left:302px;  width:14px; height:15px; z-index:99;}
.pointer_12:hover{ background:url(img/front_images/product_guide_pointer_animated.gif) no-repeat; position:absolute; cursor:pointer;  top:296px; left:602px;  width:14px; height:15px; z-index:99;}
.pointer_13:hover{ background:url(img/front_images/product_guide_pointer_animated.gif) no-repeat; position:absolute; cursor:pointer;  top:337px; left:700px;  width:14px; height:15px; z-index:99;}
.pointer_14:hover{ background:url(img/front_images/product_guide_pointer_animated.gif) no-repeat; position:absolute; cursor:pointer;  top:362px; left:763px;  width:14px; height:15px; z-index:99;}
*/

.banner_container_1{display:none; float: left; position: absolute; background: #fff; padding: 12px; top: -192px; left: -3px; height: 120px; width: 250px; z-index:9999; border: solid 1px #ededed;}
.banner_container_2{display:none; float: left; position: absolute; background: #fff; padding: 12px; top: -192px; left: -3px; height: 120px; width: 344px; z-index:9999; border: solid 1px #ededed;}
.banner_container_3{display:none; float: left; position: absolute; background: #fff; padding: 12px; top: -192px; left: -3px; height: 120px; width: 333px; z-index:9999; border: solid 1px #ededed;}
.banner_container_4{display:none; float: left; position: absolute; background: #fff; padding: 12px; top: -192px; left: -3px; height: 120px; width: 235px; z-index:9999; border: solid 1px #ededed;}
.banner_container_5{display:none; float: left; position: absolute; background: #fff; padding: 12px; top: -192px; left: -3px; height: 120px; width: 235px; z-index:9999; border: solid 1px #ededed;}
.banner_container_6{display:none; float: left; position: absolute; background: #fff; padding: 12px; top: -172px; right: -3px; height: 120px; width: 235px; z-index:9999;}
.banner_container_7{display:none; float: left; position: absolute; background: #fff; padding: 12px; top: -192px; left: -3px; height: 120px; width: 300px; z-index:9999;}
.banner_container_8{display:none; float: left; position: absolute; background: #fff; padding: 12px; top: -192px; left: -3px; height: 120px; width: 307px; z-index:9999;}
.banner_container_9{display:none; float: left; position: absolute; background: #fff; padding: 12px; top: -192px; left: -3px; height: 120px; width: 260px; z-index:9999;}
.banner_container_10{display:none; float: left; position: absolute; background: #fff; padding: 12px; top: -192px; left: -3px; height: 120px; width: 235px; z-index:9999;}
.banner_container_11{display:none; float: left; position: absolute; background: #fff; padding: 12px; top: -192px; left: -3px; height: 120px; width: 235px; z-index:9999;}
.banner_container_12{display:none; float: left; position: absolute; background: #fff; padding: 12px; top: -192px; right: -3px; height: 120px; width: 286px; z-index:9999;}
.banner_container_13{display:none; float: left; position: absolute; background: #fff; padding: 12px; top: -192px; right: -3px; height: 120px; width: 300px; z-index:9999;}
.banner_container_14{display:none;float: left; position: absolute; background: #fff; padding: 12px; top: -192px; right: -3px; height: 120px; width: 272px; z-index:9999;}


.banner_container_1:before{position: absolute;
bottom: -50px;
display: inline-block;
border-right: 34px solid transparent;
border-top: 50px solid #fff !important;
border-left: 0px solid transparent;
border-bottom-color: rgba(0, 0, 0, 0.2);
content: '';
left: 12px;}

.banner_container_2:before{position: absolute;
bottom: -50px;
display: inline-block;
border-right: 34px solid transparent;
border-top: 50px solid #fff !important;
border-left: 0px solid transparent;
border-bottom-color: rgba(0, 0, 0, 0.2);
content: '';
left: 12px;}

.banner_container_3:before{position: absolute;
bottom: -50px;
display: inline-block;
border-right: 34px solid transparent;
border-top: 50px solid #fff !important;
border-left: 0px solid transparent;
border-bottom-color: rgba(0, 0, 0, 0.2);
content: '';
left: 12px;}

.banner_container_4:before{position: absolute;
bottom: -50px;
display: inline-block;
border-right: 34px solid transparent;
border-top: 50px solid #fff !important;
border-left: 0px solid transparent;
border-bottom-color: rgba(0, 0, 0, 0.2);
content: '';
left: 12px;}

.banner_container_5:before{position: absolute;
bottom: -50px;
display: inline-block;
border-right: 34px solid transparent;
border-top: 50px solid #fff !important;
border-left: 0px solid transparent;
border-bottom-color: rgba(0, 0, 0, 0.2);
content: '';
left: 12px;}

.banner_container_6:before{position: absolute;
bottom: -30px;
display: inline-block;
border-left: 34px solid transparent;
border-top: 30px solid #fff !important;
border-right: 0px solid transparent;
border-bottom-color: rgba(0, 0, 0, 0.2);
content: '';
right: 12px;}

.banner_container_7:before{position: absolute;
bottom: -50px;
display: inline-block;
border-right: 34px solid transparent;
border-top: 50px solid #fff !important;
border-left: 0px solid transparent;
border-bottom-color: rgba(0, 0, 0, 0.2);
content: '';
left: 12px;}

.banner_container_8:before{position: absolute;
bottom: -50px;
display: inline-block;
border-right: 34px solid transparent;
border-top: 50px solid #fff !important;
border-left: 0px solid transparent;
border-bottom-color: rgba(0, 0, 0, 0.2);
content: '';
left: 12px;}

.banner_container_9:before{position: absolute;
bottom: -50px;
display: inline-block;
border-right: 34px solid transparent;
border-top: 50px solid #fff !important;
border-left: 0px solid transparent;
border-bottom-color: rgba(0, 0, 0, 0.2);
content: '';
left: 12px;}

.banner_container_10:before{position: absolute;
bottom: -50px;
display: inline-block;
border-right: 34px solid transparent;
border-top: 50px solid #fff !important;
border-left: 0px solid transparent;
border-bottom-color: rgba(0, 0, 0, 0.2);
content: '';
left: 12px;}

.banner_container_11:before{position: absolute;
bottom: -50px;
display: inline-block;
border-right: 34px solid transparent;
border-top: 50px solid #fff !important;
border-left: 0px solid transparent;
border-bottom-color: rgba(0, 0, 0, 0.2);
content: '';
left: 12px;}

.banner_container_12:before{position: absolute;
bottom: -50px;
display: inline-block;
border-left: 34px solid transparent;
border-top: 50px solid #fff !important;
border-right: 0px solid transparent;
border-bottom-color: rgba(0, 0, 0, 0.2);
content: '';
right: 12px;}

.banner_container_13:before{position: absolute;
bottom: -50px;
display: inline-block;
border-left: 34px solid transparent;
border-top: 50px solid #fff !important;
border-right: 0px solid transparent;
border-bottom-color: rgba(0, 0, 0, 0.2);
content: '';
right: 12px;}

.banner_container_14:before{position: absolute;
bottom: -50px;
display: inline-block;
border-left: 34px solid transparent;
border-top: 50px solid #fff !important;
border-right: 0px solid transparent;
border-bottom-color: rgba(0, 0, 0, 0.2);
content: '';
right: 12px;}


/*.pointer_1:hover > .banner_1{display:block;}
.pointer_2:hover > .banner_2{display:block;}
.pointer_3:hover > .banner_3{display:block;}
.pointer_4:hover > .banner_4{display:block;}
.pointer_5:hover > .banner_5{display:block;}
.pointer_6:hover > .banner_6{display:block;}
.pointer_7:hover > .banner_7{display:block;}
.pointer_8:hover > .banner_8{display:block;}
.pointer_9:hover > .banner_9{display:block;}
.pointer_10:hover > .banner_10{display:block;}
.pointer_11:hover > .banner_11{display:block;}
.pointer_12:hover > .banner_12{display:block;}
.pointer_13:hover > .banner_13{display:block;}
.pointer_14:hover > .banner_14{display:block;}*/

.heading a{color:#000;}
.banner_inside{width:100%; float:left;}
.banner_inside .left_side{float:left; width:94px;}
.banner_inside .left_side .img_box{width:84px; height:98px; border:solid 1px #9d9d9d; background:#dddddd;}
.banner_inside .right_side{float:left; position:absolute; padding:0 10px 0 0px; /* left:102px; */}
.banner_inside .right_side .heading{width:100%; font-size:16px; float:left; color:#3b3b3b; text-transform:uppercase; font-family: "Archivo Narrow"; font-weight:bold;}
.banner_inside .right_side .pera{width:100%; float:left; font-size:16px; padding:8px 0 0 0; margin-top:3px; border-top:solid 1px #3b3b3b; font-family: "Archivo Narrow";}

.close_banner{
	float: right;
	position: absolute;
	right: 5px;
	top: 3px;
}