button[data-balloon] {
  overflow: visible;
}
[data-balloon] {
  position: relative;
}
[data-balloon]:before,
[data-balloon]:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.18s ease-out 0.18s;
  transition: all 0.18s ease-out 0.18s;
  bottom: 100%;
  left: 50%;
  position: absolute;
  z-index: 10;
  -webkit-transform: translate(-50%, 10px);
  -ms-transform: translate(-50%, 10px);
  transform: translate(-50%, 10px);
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
}


/*----Tool tip content text style----*/
[data-balloon]:after {
  background: #7d7d7d;
  border-radius: 4px;
  color: #fff;
  content: attr(data-balloon);
  font-size: 11px;
  padding: .5em 1em;
  white-space: nowrap; font-weight:bold;
  margin-bottom: 3px; 
}


[data-balloon]:before {
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%280%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E') no-repeat;
  background-size: 100% auto;
  height: 6px;
  width: 18px;
  content: "";
  margin-bottom: 5px;
}
[data-balloon]:hover:before,
[data-balloon][data-balloon-visible]:before,
[data-balloon]:hover:after,
[data-balloon][data-balloon-visible]:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
[data-balloon].font-awesome:after {
  font-family: FontAwesome;
}
[data-balloon][data-balloon-break]:after {
  white-space: pre;
}
[data-balloon-pos="down"]:before,
[data-balloon-pos="down"]:after {
  bottom: auto;
  left: 50%;
  top: 100%;
  -webkit-transform: translate(-50%, -10px);
  -ms-transform: translate(-50%, -10px);
  transform: translate(-50%, -10px);
}
[data-balloon-pos="down"]:after {
  margin-top:3px;
}


/*---Tool tip arrow---*/
[data-balloon-pos="down"]:before {
  height: 6px;
  width: 18px;
  margin-top:-5px;
  margin-bottom: 0; 
  width: 0; 
  height: 0; 
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #7d7d7d; 
}

[data-balloon-pos="up"]:before {
  height: 6px;
  width: 18px;
  margin-top: 0;
  margin-bottom:-5px; 
  width: 0; 
  height: 0; 
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;  
  border-top: 8px solid #7d7d7d;
}

/*---Tool tip arrow---*/





[data-balloon-pos="down"]:hover:before,
[data-balloon-pos="down"][data-balloon-visible]:before,
[data-balloon-pos="down"]:hover:after,
[data-balloon-pos="down"][data-balloon-visible]:after {
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
[data-balloon-pos="left"]:before,
[data-balloon-pos="left"]:after {
  bottom: auto;
  left: auto;
  right: 100%;
  top: 50%;
  -webkit-transform: translate(10px, -50%);
  -ms-transform: translate(10px, -50%);
  transform: translate(10px, -50%);
}
[data-balloon-pos="left"]:after {
  margin-right: 11px;
}
[data-balloon-pos="left"]:before {
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28-90%2018%2018%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E') no-repeat;
  background-size: 100% auto;
  height: 18px;
  width: 6px;
  margin-right: 5px;
  margin-bottom: 0;
}
[data-balloon-pos="left"]:hover:before,
[data-balloon-pos="left"][data-balloon-visible]:before,
[data-balloon-pos="left"]:hover:after,
[data-balloon-pos="left"][data-balloon-visible]:after {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
[data-balloon-pos="right"]:before,
[data-balloon-pos="right"]:after {
  bottom: auto;
  left: 100%;
  top: 50%;
  -webkit-transform: translate(-10px, -50%);
  -ms-transform: translate(-10px, -50%);
  transform: translate(-10px, -50%);
}
[data-balloon-pos="right"]:after {
  margin-left: 11px;
}
[data-balloon-pos="right"]:before {
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%2890%206%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E') no-repeat;
  background-size: 100% auto;
  height: 18px;
  width: 6px;
  margin-bottom: 0;
  margin-left: 5px;
}
[data-balloon-pos="right"]:hover:before,
[data-balloon-pos="right"][data-balloon-visible]:before,
[data-balloon-pos="right"]:hover:after,
[data-balloon-pos="right"][data-balloon-visible]:after {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
[data-balloon-length]:after {
  white-space: normal;
}
[data-balloon-length="small"]:after {
  width: 80px;
}
[data-balloon-length="medium"]:after {
  width: 150px;
}
[data-balloon-length="large"]:after {
  width: 260px;
}
[data-balloon-length="xlarge"]:after {
  width: 90vw;
}





.product_warranty .options-list [data-balloon-pos="up"]:before { margin-bottom:-25px;}
.product_warranty .options-list [data-balloon]:after { margin-bottom:-17px;}

#warranty_time li [data-balloon-pos="up"]:before { margin-bottom:-6px;}
#warranty_time li [data-balloon]:after { margin-bottom:0px;}

@media screen and (min-width: 768px) {
  [data-balloon-length="xlarge"]:after {
    width: 380px;
  }
}
[data-balloon-length="fit"]:after {
  width: 100%;
}






/*======================================= Product warenty pop-up=============================================*/

/*----------------------------------------Product warenty pop-up---------------------------------------------*/
.product_warranty { padding:20px;}
.product_warranty dl dt { text-align:center;}
.product_warranty dl dt label {font-family:Arial, Helvetica, sans-serif; font-size:25px; position:relative; border-bottom: 3px solid #edb246; padding-bottom: 15px;}
.product_warranty dl dt label:after {width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #edb246; position: absolute; left: 0px; right: 0px; margin: 0 auto; bottom: -15px; content: "";}

/*#other_warranty_box span.label span { position:absolute;}*/
.product_warranty .price-notice { font-size:13px; margin-left:5px; position:relative;}
.product_warranty .price-notice a { position: absolute; right: -26px; top:-8px; vertical-align: middle; display: inline-block;}
#product_warranty_block a i, #warranty_time a i {color: #ecb146; font-size: 17px;}
#product_warranty_block .label a { position: absolute; right: -26px; top: 0px; vertical-align: middle; display: inline-block; }
#product_warranty_block .label a { position: absolute; right: -26px; top:-23px; vertical-align: middle; display: inline-block; }
#warranty_time li .label { position:relative;}
#warranty_time li .label a { position: absolute; right: -26px; top: -8px; vertical-align: middle; display: inline-block; cursor:pointer;}


/*css3 checkbox--*/
.product_warranty input[type=checkbox].checkbox {
	position:absolute;
	z-index:-1000;
	left:-1000px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	height:1px;
	width:1px;
	margin:-1px;
	padding:0;
	border:0;
}
.product_warranty input[type=checkbox].checkbox + .label {
	padding-left:0;
	height:29px;
	display:inline-block;
	line-height:50px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:50px;
	vertical-align:middle;
	cursor:pointer; position:relative;
}
.product_warranty input[type=checkbox].checkbox:checked + .label {
	background-position: 0 -30px;
}
.product_warranty .label {
	background-image:url(../images/csscheckbox-new.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.product_warranty span.label label {
    padding:4px 0 0 0;
    color: #464646;
    font-weight: bold !important;
    font-size: 16px !important;
    cursor: pointer;
   
    line-height: normal !important;
}

.product_warranty .label label {
	padding-left:40px !important; padding-top:8px;
}

.product_warranty dl dd .options-list li { list-style:none; line-height:40px; overflow:visible !important;}

.product_warranty .options-list { margin-top:30px;}
.product_warranty #warranty_time { margin-left:35px; margin-top:5x; overflow:visible !important;}
.product_warranty #warranty_time li { line-height:normal;}
.product_warranty #warranty_time li .label { background-image: none;}
.product_warranty #warranty_time li label { display: inline-block; padding-left: 10px !important; }

.product_warranty .grandtotalprice { display: inline-block; font-size: 15px; font-family: arial; font-weight:bold; background-color: #ccc; text-align:center;  border-radius: 5px; width: auto;  margin-bottom: 10px; padding: 0 20px; height: 30px; line-height: 30px; vertical-align: middle;  user-select: none; margin-right: 30px; margin-left: 0px; box-shadow:inset 0px 2px 6px -1px rgba(50, 50, 50, 0.75); -moz-box-shadow:inset 0px 2px 6px -1px rgba(50, 50, 50, 0.75); -webkit-box-shadow:inset 0px 2px 6px -1px rgba(50, 50, 50, 0.75); min-width:105px;}
.product_warranty .warranty_button_sets button { width:auto; margin:0 5px; min-width:75px;}

.product_warranty .warranty_button_sets {margin-top: 30px;  padding-top: 10px; border-top: 1px solid #edb246;}


/*css3 checkbox--*/

/*---ccs3 radio button---*/
.product_warranty #warranty_time input[type=radio].rediobox { position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;}
.product_warranty #warranty_time .label label { padding-top:2px;}
.product_warranty #warranty_time input[type=radio].rediobox + .label label { padding-left:24px !important; height:19px;  display:inline-block; line-height:19px; background-repeat:no-repeat; background-position: 0 0; font-size:19px; vertical-align:middle; cursor:pointer; }
.product_warranty #warranty_time input[type=radio].rediobox:checked + .label label { background-position: 0 -19px; }
.product_warranty #warranty_time label { background-image:url(../images/cssradio-buttom.png); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
/*---ccs3 radio button---*/


.productDetailsSuppliersBlock .product_action_button .buynow { height:30px !important; line-height:30px; padding:0 10px; color:#fff; font-family:Arial, Helvetica, sans-serif; display:inline-block; text-transform:uppercase; font-size:14px;}



/*------------------------------------Product warenty pop up--------------------------------------------*/





@media only screen and (max-width: 767px) {
/*------Product warenty pop up-----*/
.product_warranty dl dt label { font-size:18px;}
/*------Product warenty pop up-----*/
}



@media only screen and (max-width: 639px) {
/*------Product warenty pop up-----*/
.product_warranty dl dt label { font-size:15px; padding-bottom:10px;}
/*------Product warenty pop up-----*/

}




@media only screen and (max-width: 479px) {
/*------Product warenty pop up-----*/
.product_warranty dl dt label { font-size:15px; line-height:15px; padding-bottom:5px;}
.product_warranty span.label label { font-size:12px !important;}
.product_warranty { padding:10px;}
.product_warranty #warranty_time { margin-left:20px;}
.product_warranty #warranty_time li label { padding-left:0px !important;}
.product_warranty .warranty_button_sets { margin-top:15px;}
.product_warranty .grandtotalprice { margin-right:5px;}
.product_warranty .warranty_button_sets button { min-width:65px; margin-top:10px;}
.product_warranty dl dd .options-list li:last-child { line-height:normal;}
.product_warranty .grandtotalprice { margin-top:10px;}


/*------Product warenty pop up-----*/
}