.cart-loader{ position:fixed; left:50%; top:50%; z-index:99; margin-left:-100px; margin-top:-50px; width:200px; height:100px; background: white url(../../../layout/img/loader.gif) 94px 15px no-repeat;  text-align:center;  padding:10px;}
.cart-loader p{ margin-top:30px; font-size:16px; }



/*pop-up*/
.popup-overlay{ display:none; position:fixed; top:0px; left:0px; z-index:999999999998; width:100%; height:100%; background:rgba(0,0,0,0.5); }
.popup-overlay.notification{  }
.popup-window{ position:fixed; display:none; z-index:999999999999;  overflow: hidden;  }


/***** banner ****/

/***** banner ****/

.banner-content{ position: relative; }
.banner-content a.banner-nav{  position:absolute; top:50%; z-index: 11; padding: 5px; margin-top:-16px; }
.banner-content a.banner-nav:nth-child(1){ left:10%; }
.banner-content a.banner-nav:nth-child(2){ right:10%; }
.banner-content a.banner-nav img{ height:32px; }

.layout-banner{ position: absolute; top:0px; z-index: 10;  left:50%; margin-left:-495px;  max-width:990px; height:100%; width:100%; min-height: 200px; padding:5px; font-size: 1em;}
.layout-banner li{  width: 100%; height:100%; border:1px dashed transparent;  }
.layout-banner li:nth-child(2){   }
.layout-banner li:nth-child(2) div.draggable{ padding: 0px;  }
.layout-banner li div.suh-title{  font-size: 2.4em; color:white; line-height: 1.3; position: relative; font-weight: normal; cursor:text; }
.layout-banner li div.suh-title p{  padding:0px; margin:0px; line-height: 1; }

/*
.layout-banner li p.suh-title-decoration{  padding: 0 0 0 6px; line-height: 0; }
.layout-banner li p.suh-title-decoration span{ display: none;  }
.layout-banner li p.suh-title-decoration.line span{ display: inline-block; height: 1px; border-bottom: 2px solid #fff; width: 25%; }
.layout-banner li p.suh-title-decoration.bar span{ display: inline-block; height: 1px; border-bottom: 5px solid #fff; width: 25%; }
.layout-banner li p.suh-title-decoration.dashes span{ display: inline-block; height: 1px; border-bottom: 5px dashed #fff; width: 25%; }
.layout-banner li p.suh-title-decoration.dots span{ display: inline-block; height: 1px; border-bottom: 5px dotted #fff; width: 25%; }
.layout-banner li p.suh-subtitle{  font-size: 1.8em; color:white;  line-height: 1.3; font-weight: normal; cursor:text; }
.layout-banner li p.suh-subtitle span,.layout-banner li p.suh-subtitle strong,.layout-banner li p.suh-subtitle b,.layout-banner li p.suh-subtitle i,.layout-banner li p.suh-subtitle a,.layout-banner li p.suh-subtitle em{  }
.layout-banner li p.suh-bt-ad{  margin-top: 2em; padding: 0 0.5em; cursor:default; }
.layout-banner li p.suh-bt-ad a{  color:inherit;  font-weight: normal; height: auto; min-height: 0px; vertical-align: middle; line-height: 100%; padding:1em ; cursor:pointer;  }
.layout-banner li p.suh-bt-ad a:hover{  font-weight: bold; border-color:black;  }
.layout-banner li h2,.layout-banner li p{ border:1px solid transparent; padding: 0.2em; }
.layout-banner li h2:hover,.layout-banner li p:hover,.editable-hover:hover{  }
.layout-banner li h2.editable-selected,.layout-banner li p.editable-selected,.editable-hover.editable-selected{ border:1px solid yellow; }
*/



.layout-banner.banner-01{ display: none; }
.layout-banner.banner-01 li{ width: 100%; height: 100%; }
.layout-banner.banner-01 li:nth-child(1){ width: 40%; float: left;  }
.layout-banner.banner-01 li:nth-child(1):hover{  }
.layout-banner.banner-01 li:nth-child(2){ width: 60%; float: left;   }
.layout-banner.banner-01 li div.suh-title{  }
/*.layout-banner.banner-01 li p.suh-subtitle{   }
.layout-banner.banner-01 li p.suh-bt-ad{   }
*/

.layout-banner.banner-02{  }
.layout-banner.banner-02 li{ width: 100%; height: 100%; }
.layout-banner.banner-02 li:nth-child(1){ display: none; }
.layout-banner.banner-02 li:nth-child(1):hover{  }
.layout-banner.banner-02 li:nth-child(2){ width: 100%;    }
.layout-banner.banner-02 li:nth-child(2) div{     }
.layout-banner.banner-02 li div.suh-title{  }
/*.layout-banner.banner-02 li p.suh-subtitle{  display: none; }
.layout-banner.banner-02 li p.suh-bt-ad{  display: none;     }
*/

.layout-banner.banner-03{ position: absolute; top:0px; z-index: 10;  left:0%; margin-left:0px;  max-width:990px; height:100%; width:100%; min-height: 200px; padding:5px; font-size: 1em;}
.layout-banner.banner-03 li{ width: 100%; height: 100%; }
.layout-banner.banner-03 li:nth-child(1){ display: none; }
.layout-banner.banner-03 li:nth-child(1):hover{  }
.layout-banner.banner-03 li:nth-child(2){ width: 100%;    }
.layout-banner.banner-03 li:nth-child(2) div{     }
.layout-banner.banner-03 li div.suh-title{  }
/*.layout-banner.banner-03 li p.suh-subtitle{   }
.layout-banner.banner-03 li p.suh-bt-ad{  display: none;     }
*/

.layout-banner.banner-04{  }
.layout-banner.banner-04 li{ width: 100%; height: 100%; }
.layout-banner.banner-04 li:nth-child(1){ width: 40%; float: left;  }
.layout-banner.banner-04 li:nth-child(1):hover{  }
.layout-banner.banner-04 li:nth-child(2){ width: 60%; float: left;   }
.layout-banner.banner-04 li div.suh-title{  }
/*.layout-banner.banner-04 li p.suh-subtitle{   }
.layout-banner.banner-04 li p.suh-bt-ad{   display: none; }
*/

.layout-banner.banner-05{  }
.layout-banner.banner-05 li{ width: 100%; height: 100%; }
.layout-banner.banner-05 li:nth-child(1){ display: none; }
.layout-banner.banner-05 li:nth-child(1):hover{  }
.layout-banner.banner-05 li:nth-child(2){ width: 100%;    }
.layout-banner.banner-05 li:nth-child(2) div{     }
.layout-banner.banner-05 li div.suh-title{ }
/*.layout-banner.banner-05 li p.suh-subtitle{ }
.layout-banner.banner-05 li p.suh-bt-ad{ margin-top:20px; padding:1px 3px;  }
*/
.layout-banner.banner-06{  }
.layout-banner.banner-06 li{ width: 100%; height: 100%; }
.layout-banner.banner-06 li:nth-child(1){ width: 40%; float: left; }
.layout-banner.banner-06 li:nth-child(1):hover{  }
.layout-banner.banner-06 li:nth-child(2){ width: 60%; float: left; }
.layout-banner.banner-06 li div.suh-title{ }
/*.layout-banner.banner-06 li p.suh-subtitle{ }
.layout-banner.banner-06 li p.suh-bt-ad{ }
*/




.layout-banner.banner-05 li div.suh-title,.layout-banner.banner-05 li p.suh-subtitle,suh-bt-ad{ vertical-align: middle !important; padding:0px 0px 0px 4px !important; margin:0px !important; margin-top:15px !important;  }
.layout-banner.banner-05 li div.suh-title span,.layout-banner.banner-05 li p.suh-subtitle span{vertical-align: middle !important; padding:10px 0px 0px 4px !important; margin:0px !important; margin-top:0px !important; }

.suh-bt-ad a:hover{  background-color: #BD252C !important; font-weight: normal !important;  }






/**** Popup ****/

.popup-overlay{ display:none; position:fixed; top:0px; left:0px; z-index:999999999998; width:100%; height:100%; background:rgba(0,0,0,0.5); }
.popup-overlay.notification{  }
.popup-window{ position:fixed; display:none; z-index:999999999999;  overflow: hidden;  }


.popup-content{ position: relative; }
.popup-content a.popup-nav{  position:absolute; top:50%; z-index: 11; padding: 5px; margin-top:-16px; }
.popup-content a.popup-nav:nth-child(1){ left:10%; }
.popup-content a.popup-nav:nth-child(2){ right:10%; }
.popup-content a.popup-nav img{ height:32px; }

.layout-popup{ position: absolute; top:0px; z-index: 10;  left:0; margin-left:0; width: 100%; max-width:990px; height:100%; min-height: 200px; padding:1.5em; font-size: 1em;}
.layout-popup li{  width: 100%; height:100%; border:1px dashed transparent;  }
.layout-popup li:nth-child(2){   }
.layout-popup li:nth-child(2) #draggable-text-body{ padding: 2em;  }
.layout-popup li h2.suh-title{  font-size: 2.4em; color:white; line-height: 1.3; position: relative; font-weight: normal; cursor:text; }
.layout-popup li p.suh-title-decoration{  padding: 0 0 0 6px; line-height: 0; }
.layout-popup li p.suh-title-decoration span{ display: none;  }
.layout-popup li p.suh-title-decoration.line span{ display: inline-block; height: 1px; border-bottom: 2px solid #fff; width: 25%; }
.layout-popup li p.suh-title-decoration.bar span{ display: inline-block; height: 1px; border-bottom: 5px solid #fff; width: 25%; }
.layout-popup li p.suh-title-decoration.dashes span{ display: inline-block; height: 1px; border-bottom: 5px dashed #fff; width: 25%; }
.layout-popup li p.suh-title-decoration.dots span{ display: inline-block; height: 1px; border-bottom: 5px dotted #fff; width: 25%; }
.layout-popup li p.suh-subtitle{  font-size: 1.8em; color:white;  line-height: 1.3; font-weight: normal; cursor:text; }
.layout-popup li p.suh-subtitle span,.layout-popup li p.suh-subtitle strong,.layout-popup li p.suh-subtitle b,.layout-popup li p.suh-subtitle i,.layout-popup li p.suh-subtitle a,.layout-popup li p.suh-subtitle em{  }
.layout-popup li p.suh-bt-ad{  margin-top: 2em; padding: 0 0.5em; cursor:default; }
.layout-popup li p.suh-bt-ad a{  color:inherit;  font-weight: normal; height: auto; min-height: 0px; vertical-align: middle; line-height: 100%; padding:1em ; cursor:pointer;  }
.layout-popup li p.suh-bt-ad a:hover{  font-weight: bold; border-color:black;  }
.layout-popup li h2,.layout-popup li p{ border:1px solid transparent; padding: 0.2em; }
.layout-popup li h2:hover,.layout-popup li p:hover,.editable-hover:hover{  }
.layout-popup li h2.editable-selected,.layout-popup li p.editable-selected,.editable-hover.editable-selected{ border:1px solid yellow; }



.layout-popup.popup-01{ display: none; }
.layout-popup.popup-01 li{ width: 100%; height: 100%; }
.layout-popup.popup-01 li:nth-child(1){ width: 40%; float: left;  }
.layout-popup.popup-01 li:nth-child(1):hover{  }
.layout-popup.popup-01 li:nth-child(2){ width: 60%; float: left;   }
.layout-popup.popup-01 li h2.suh-title{  }
.layout-popup.popup-01 li p.suh-subtitle{   }
.layout-popup.popup-01 li p.suh-bt-ad{   }


.layout-popup.popup-02{  }
.layout-popup.popup-02 li{ width: 100%; height: 100%; }
.layout-popup.popup-02 li:nth-child(1){ display: none; }
.layout-popup.popup-02 li:nth-child(1):hover{  }
.layout-popup.popup-02 li:nth-child(2){ width: 100%;    }
.layout-popup.popup-02 li:nth-child(2) div{     }
.layout-popup.popup-02 li h2.suh-title{  }
.layout-popup.popup-02 li p.suh-subtitle{  display: none; }
.layout-popup.popup-02 li p.suh-bt-ad{  display: none;     }

.layout-popup.popup-03{  }
.layout-popup.popup-03 li{ width: 100%; height: 100%; }
.layout-popup.popup-03 li:nth-child(1){ display: none; }
.layout-popup.popup-03 li:nth-child(1):hover{  }
.layout-popup.popup-03 li:nth-child(2){ width: 100%;    }
.layout-popup.popup-03 li:nth-child(2) div{     }
.layout-popup.popup-03 li h2.suh-title{  }
.layout-popup.popup-03 li p.suh-subtitle{   }
.layout-popup.popup-03 li p.suh-bt-ad{  display: none;     }


.layout-popup.popup-04{  }
.layout-popup.popup-04 li{ width: 100%; height: 100%; }
.layout-popup.popup-04 li:nth-child(1){ width: 40%; float: left;  }
.layout-popup.popup-04 li:nth-child(1):hover{  }
.layout-popup.popup-04 li:nth-child(2){ width: 60%; float: left;   }
.layout-popup.popup-04 li h2.suh-title{  }
.layout-popup.popup-04 li p.suh-subtitle{   }
.layout-popup.popup-04 li p.suh-bt-ad{   display: none; }


.layout-popup.popup-05{  }
.layout-popup.popup-05 li{ width: 100%; height: 100%; }
.layout-popup.popup-05 li:nth-child(1){ display: none; }
.layout-popup.popup-05 li:nth-child(1):hover{  }
.layout-popup.popup-05 li:nth-child(2){ width: 100%;    }
.layout-popup.popup-05 li:nth-child(2) div{     }
.layout-popup.popup-05 li h2.suh-title{ }
.layout-popup.popup-05 li p.suh-subtitle{ }
.layout-popup.popup-05 li p.suh-bt-ad{ }

.layout-popup.popup-06{  }
.layout-popup.popup-06 li{  }
.layout-popup.popup-06 li:nth-child(1){ width: 40% !important; float: left; }
.layout-popup.popup-06 li:nth-child(1):hover{  }
.layout-popup.popup-06 li:nth-child(2){ width: 60% !important; float: left; }
.layout-popup.popup-06 li h2.suh-title{ }
.layout-popup.popup-06 li p.suh-subtitle{ }
.layout-popup.popup-06 li p.suh-bt-ad{ margin-top: 0px; }
