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

.shadows {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background: url(../images/bg-shadows.png) repeat;
z-index: 102;
display: none;
}

.popup-close {
display: block;
width: 25px;
height: 25px;
background: url(../images/popup-close.png) no-repeat;
cursor: pointer;
position: absolute;
top: 0;
right: -12px;
}
.groupbt{margin:10px auto;width:230px}
.mybt,.cancel{
    margin:0 10px;
    cursor: pointer;
    background: url(../images/menu_green_bg.png) repeat-x;
    color: #ffffff;
    padding: 0px 10px;
    line-height: 23px;
    height: 23px;
    border-radius: 4px;
    border: 1px solid #cccccc;
    display:block;
    width:70px;
    float:left;
    text-align:center
}
.popup-title {
width: 100%;
height: 50px;
overflow: hidden;
border-radius: 5px 5px 0 0;
background:rgb(18, 18, 99);
color:#fff;
line-height:50px;
text-align:center;
font-family:swiss;
text-transform:uppercase;
font-size:20px;
}
.popup-bg {
background-color: #fff;
border: 1px solid #fff;
width: 410px;
min-height: 45px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow:3px 0 28px #000;
-moz-box-shadow:3px 0 28px #000;
-webkit-box-shadow:3px 0 28px #000;
}
.popup-form{padding:10px; line-height:20px;font-size:15px}
.pop-error{font-size:15px;color:red}
<!-- -->
.popup{ position:absolute; z-index:103; padding-top:13px; line-height:0;}
.popup-bg{ background-color:#fff; border:1px solid #fff; width:410px; min-height:82px;
    border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;
    box-shadow:0 0 10px rgba(0,0,0,0.25); -moz-box-shadow:0 0 10px rgba(0,0,0,0.25); -webkit-box-shadow:0 0 10px rgba(0,0,0,0.25);}
.popup-close{ display:block; width:25px; height:25px; background:url(../images/popup-close.png) no-repeat; cursor:pointer; position:absolute; top:0; right:-12px;}
.popup-title{ width:100%; height:50px;overflow:hidden;border-radius:8px 8px 0 0;background:#000000}
.popup-title h2{ font-size:28px; color:#333; font-weight:700; line-height:34px; margin-top:22px; text-align:right; padding-right:27px;
    text-shadow:1px 1px 1px #ffffff;}
.popup-form{ width:354px; margin:0 auto; padding-bottom:16px;}
.popup-form .text{ font-size:100%; color:#666; font-weight:700; line-height:15px; text-transform:uppercase; margin-top:15px;}
.popup-form h4.text{ font-size:150%; text-transform:none; color:#999; line-height:28px;}
.popup-form h4.text strong{ color:#000;}
.popup-form .text-note{font-size:108%; color:#000; line-height:32px;margin-top:12px; text-align:center;}
.popup-form .text-note a{font-weight:700; text-decoration:underline; padding-left:3px; color:#18a68c;}
.popup-form .input-text{ position:relative; margin-top:6px;}
.popup-form .input-text input{ font-size:125%; line-height:18px; color:#666; padding:8px 6px 7px 6px; border:1px solid #ccc; width:340px;  font-family:arial;
    border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;
    box-shadow:0 2px 3px rgba(0,0,0,0.1) inset; -moz-box-shadow:0 2px 3px rgba(0,0,0,0.1) inset; -webkit-box-shadow:0 2px 3px rgba(0,0,0,0.1) inset;}
.popup-form .input-text .placeholder{ position:absolute; left:8px; top:9px;font-size:100%; line-height:15px; color:#000;}
.popup-form .chk-text{font-size:100%; color:#666;line-height:15px;margin-top:15px;}
.popup-form .chk-text input{ height:15px; vertical-align:text-top; margin-right:4px;}
.popup-form .text a{ text-transform:none; font-style:italic; color:#666; font-weight:400; text-decoration:underline;}
.popup-form .button{ text-align:center; margin-top:29px;}

.popup-form .button a{display:inline-block; *display:inline; zoom:1; margin:0 12px; width:110px; height:42px;text-align:center; line-height:42px; color:#fff;  font-size:15px; margin-top:-9px; background-image:url(../images/button.png); background-repeat:no-repeat; background-position:0 -160px; position:relative;}
.popup-form .button a:hover{ background-position:0 -214px; top:-3px;}
.popup-form .button a:active{ background-position:0 -274px; height:39px; margin-top:-6px;}

.popup-form .button a.facebook{ float:none;background-image: url(../images/button.png);background-position: 0 0; background-repeat: no-repeat;color: #FFFFFF;display:inline-block; *display:inline; zoom:1; margin:0 12px;font-size:15px;height:42px;line-height: 42px;text-align: center;width: 190px;position:relative;}
.popup-form .button a.facebook:hover{background-position:0 -50px;top:-3px;}
.popup-form .button a.facebook:active{background-position:0 -110px;top:0;}

.popup-form .text-error{font-size:100%; color:#ff0000;line-height:15px; text-align:left;/*margin:5px 0 -10px 0;*/padding:5px 0 0;}
.popup-form .button .text-error{ text-align:center}
.popup-form .input-text.error input{ border:1px solid #ff0000;}

.popup-form .error .box-error{ position:absolute; top:6px; right:3px;display:inline-block; width:26px; height:26px; background:url(../images/ico-error.png) no-repeat 0 0;cursor:pointer; z-index:1;}
.popup-form .input-text .tlp-error{ display:none;}
.popup-form .error .tlp-error{ display:none; color:#fff; font-size:110%; line-height:15px; background:rgba(0,0,0,0.7); position:absolute; top:30px; right:0; width:120px; padding:4px; text-align:center;
    border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;
    box-shadow:0 0 2px 1px rgba(0,0,0,0.5); -moz-box-shadow:0 0 2px 1px rgba(0,0,0,0.5); -webkit-box-shadow:0 0 2px 1px rgba(0,0,0,0.5);}
.popup-form .error .box-error:hover .tlp-error{ display:block;}

.popup-cart{ width:369px; position:absolute; right:0; top:55px;}
.popup-cart-bg{ background-color:#dfdfdf; overflow:hidden;
    box-shadow:0 5px 5px rgba(0,0,0,0.4); -moz-box-shadow:0 5px 5px rgba(0,0,0,0.4); -webkit-box-shadow:0 5px 5px rgba(0,0,0,0.4);
    border-radius:0 0 8px 8px; -moz-border-radius:0 0 8px 8px; -webkit-border-radius:0 0 8px 8px;}
.popup-cart ul{/* margin-top:-1px; position:relative;*/overflow:hidden;}
.popup-cart li{ border-top:1px dotted #ccc; margin-top:-1px; clear:left; float:none;overflow:hidden; width:100%;}
.popup-cart li.none{ background-color:#fff;}
.popup-cart-time{ background:url(../images/ico.png) 0 -790px no-repeat; padding-left:16px;color:#5c5656; font-size:109%; font-style:italic; line-height:30px;margin:0 15px;}
.popup-cart-total{ text-align:right; font-weight:700; color:#525050; line-height:30px; font-size:109%;margin:0 15px;}
.popup-cart-total span{ float:left; font-size:92%; font-weight:400; color:#211d1d;}
.popup-cart-button{ padding:3px 0 6px 0; overflow:hidden; margin:0 15px;}
.popup-cart-button .button{ width:110px; height:42px;text-align:center; line-height:42px; color:#fff; font-size:133%;float:right; background-image:url(../images/button.png); background-repeat:no-repeat; background-position:0 -157px; padding:0;}
.popup-cart-button .button:hover{ background-position:0 -214px;}
.popup-cart-button .button:active{ background-position:0 -274px; height:39px; margin-top:3px;}
.popup-cart-button .text{text-decoration:underline; font-size:109%; color:#716f6f; padding:0; background-image:none; line-height:42px; height:auto; font-weight:400;}
.popup-cart-list{ margin:-1px 15px 0 15px;}
.popup-cart-list li{ padding:10px 0; }
.popup-cart-list .product{ float:left; border:1px solid #b4b4b4; margin-right:9px; padding:0; background-image:none; height:auto; line-height:0;}
.popup-cart-list p{font-weight:700; color:#333; font-size:109%; text-align:right; line-height:41px;}
.popup-cart-list p span{ font-size:93%; font-weight:400; color:#555; float:left; display:inline-block; width:184px; overflow:hidden; line-height:20px; text-align:left;}
.popup-cart-list p span i{ display:block; float:none; line-height:20px;}
.popup-cart-list p b{ float:right; text-align:right; font-size:109%; font-weight:700; padding-top:12px;}

.popup-login{ width:155px; position:absolute; right:-75; top:55px; opacity:0; filter:alpha(opacity=0); transition:all 0.3s linear 0s; -moz-transition:all 0.3s linear 0s; -webkit-transition:all 0.3s linear 0s}
.popup-login-bg{ background-color:#fff; overflow:hidden;
    box-shadow:0 5px 5px rgba(0,0,0,0.4); -moz-box-shadow:0 5px 5px rgba(0,0,0,0.4); -webkit-box-shadow:0 5px 5px rgba(0,0,0,0.4);}
.popup-login ul{ margin-top:-1px; position:relative;}
.popup-login li{ border-top:1px dotted #ccc; margin-top:-1px; clear:left; float:none; overflow:hidden;}
.popup-login li a{ background:none;color: #333333;font-size: 117%;font-weight: 400;height: 28px;line-height: 28px;font-family:robotoRegular,arial; width:100%;padding:0 15px;}
.popup-login li a:hover{ text-decoration:none; background-color:#ddd;}

.popup-form .text-note a.viaFB{ background:url(../images/viaFB.png) no-repeat; height:32px; width:32px; display:inline-block; *display:inline; zoom:1;vertical-align:top; margin-left:6px;}