@import url(https://fonts.googleapis.com/css?family=Oswald:400,300);
@charset "utf-8";

/* COMMON */
html, body{margin:0; padding:0;}
body, div, td, th{font-family:Arial, Helvetica, sans-serif; font-size:1em; font-weight:normal; color:#333; line-height:1.2em;}
textarea, input{font-family:Arial, Helvetica, sans-serif; font-size:0.8125em; font-weight:normal; color:#333; line-height:2em;}
a{text-decoration:none; color:#F7921E;}/*00acee/ffcc00/d67520*/
a:hover{text-decoration:underline;}
a img{border:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal; width:100%; margin:0; padding:0;}
form{margin:0; padding:0;}
.clearfloat{clear:both; height:0; font-size:1px; line-height:0px;}
.inline_info{color:#0C0; font-size:0.75em;}
.inline_warning{color:#F00; font-size:0.75em;}
.inline_link{color:#ffcc00;}
.pointer{cursor:pointer;}
.textbox, .textarea{padding:5px 9px; margin:0;}
.box_button{float:left; padding:12px 20px 10px; border:0; font-size:0.875em; background:#ffcc00; color:#FFF; display:inline; cursor:pointer;  text-align:center; text-transform:uppercase; border-bottom:solid 3px #efa901;}
.box_button:hover{background:#ffa921; text-decoration:none;}
.box_button.grey{background:#c7c5b7; border-bottom:solid 3px #aeaca0;}
.box_button.grey:hover{background:#c1bfb1;}
.box_button.green{background:#39b826; border-bottom:solid 3px #1e9017;}
.box_button.green:hover{background:#1e9017;}
.warning{float:left; width:100%; margin:0 0 10px 0; padding:20px 0; text-align:center; font-size:0.875em;}
.error{float:left; width:100%; margin:0 0 10px 0; padding:100px 0; text-align:center; font-size:0.875em;}
.fr{float:right;}
.ml10{margin-left:10px;}
.title1{float:left; width:100%; margin:30px 0 0; background:url(../images/front/title-bg.gif) no-repeat center top;}
.title2{width:100%; height:54px; margin:auto; overflow:hidden; background:url(../images/front/title-liner.gif) repeat-x left top; }
.title2 h2{float:left; width:auto; padding:17px 30px 18px; background:#00abb9; color:#FFF; text-transform:uppercase; font-family:Oswald, Arial, Helvetica, sans-serif; font-weight:300;}
.title2 h2 a{color:#FFF;}
.title2 h2 a:hover{text-decoration:none;}
.title2 .prev{float:left; margin:0 5px 0 0; padding:20px 22px; background:#ffc601;}
.title2 .next{float:left; padding:20px 22px; background:#ffc601;}
.title2 .prev:hover, .title2 .next:hover{background:#c7c5b7;}
.title2 .btns{float:right; background:#FFF;}

.wrapper1{width:100%;}
.wrapper2{width:100%;}
.announcement1{float:left; width:100%; background:#FFC;}
.announcement2{width:1200px; margin:auto; padding:10px 0; text-align:center; font-family:Oswald, Arial, Helvetica, sans-serif; font-weight:300; color:#1b1b1b;}
.top1{float:left; width:100%; background:#ffc601;}
.top2{width:1200px; margin:auto;}
.top2 .left{float:left;}
.top2 .right{float:right;}
.top2 a{float:left; font-family:Oswald, Arial, Helvetica, sans-serif; font-weight:300; color:#1b1b1b; display:block;}
.top2 a:hover{text-decoration:none; color:#FFF;}
.top2 .left .link1{padding:10px 0 12px 21px; background:url(../images/front/icon-phone.png) no-repeat left; font-size:0.9125em;}
.top2 .right a{margin:0 0 0 20px; font-size:0.9125em;}
.top2 .right .link1{padding:10px 0 12px 21px; background:url(../images/front/icon-manual.png) no-repeat left;}
.top2 .right .link2{padding:10px 0 12px 21px; background:url(../images/front/icon-status.png) no-repeat left;}
.top2 .right .link3{padding:10px 0 12px 21px; background:url(../images/front/icon-confirm.png) no-repeat left;}
.top2 .contactdd{width:250px; height:auto; margin:31px 0 0 0; padding:15px 10px; position:absolute; z-index:31; display:none; box-shadow:10px 10px 10px rgba(0,0,0,0.1); border-top:solid 10px #ffc601; border-left:solid 2px #ffc601; background:#FFF;}
.top2 .contactdd div{font-family:Oswald, Arial, Helvetica, sans-serif; font-weight:300;}
.top2 .contactdd a:hover{color:#000;}
.top2 .left:hover .contactdd{display:block;}
.contactdd .icon{float:left; width:40px; height:40px; margin:0 90px 10px; background:url(../images/front/icons.png) 0px 40px repeat-y; clear:left;}
.contactdd .info{float:left; width:100%; font-size:0.75em; text-align:center;}
.contactdd .phone{float:left; width:209px; margin:20px 0 0; padding:0 0 0 21px; background:url(../images/front/icon-phone.png) no-repeat 0px 2px; line-height:1.2em;}
.contactdd .sales{float:left; width:209px; margin:0; padding:0 0 0 21px; background:url(../images/front/icon-cs.png) no-repeat 0px 7px; line-height:1.8em;}
.contactdd .sales h3, .contactdd .wa h3{width:100%; margin:0; padding:0; font-size:1em;}
.contactdd .sales ul, .contactdd .wa ul{width:100%; margin:0; padding:0; list-style:none;}
.contactdd .sales li, .contactdd .wa li{width:100%; margin:0 0 7px; padding:0; line-height:1.2em; font-size:0.875em;}
.contactdd .sales li a, .contactdd .wa li a{float:none; display:inline;}
.contactdd .email{float:left; width:209px; padding:0 0 0 21px; background:url(../images/front/icon-mail.gif) no-repeat left; line-height:1.8em;}
.contactdd .chat{float:left; width:209px; padding:0 0 0 21px; background:url(../images/front/icon-chat.png) no-repeat left; line-height:1.8em;}
.contactdd .wa{float:left; width:209px; margin:1px 0 0 0; padding:0 0 0 21px; background:url(../images/front/icon-wa.png) no-repeat 0px 7px; line-height:1.8em;}
.contactdd .btn{float:left; width:100%; margin:20px 0 0; line-height:1em; text-align:center;}

.membermenu2{float:right; margin:0 0 0 20px; padding:0 20px 0 0; background:#cfcfcf;}
.membermenu2 a{float:left; margin:0 0 0 20px; font-family:Oswald, Arial, Helvetica, sans-serif; font-weight:300; color:#1b1b1b;}
.membermenu2 a:hover{text-decoration:none; color:#FFF;}
.membermenu2 .link4{padding:10px 0 12px 21px; background:url(../images/front/icon-user.png) no-repeat left;}
.membermenu2 .link5{padding:10px 0 12px 21px; background:url(../images/front/icon-mail.gif) no-repeat left;}
.membermenu2 .link6{padding:10px 0 12px 21px; background:url(../images/front/icon-status.png) no-repeat left;}
.membermenu2 .link7{padding:10px 0 12px 21px; background:url(../images/front/icon-notification-grey.png) no-repeat left;}
.membermenu2 .link8{padding:10px 0 12px 21px; background:url(../images/front/icon-logout.png) no-repeat left;}

.membermenu4{float:left; width:200px; margin:0; padding:0; list-style:none;}
.membermenu4 li{width:150px; margin:0 30px 1px 0; padding:5px 10px; border:solid 1px #E0E0E0; font-size:0.875em;}
.membermenu4 li.customerdata{margin:0 0 10px; padding:10px 10px; border-bottom:solid 3px #333; font-size:0.875em; background:#F0F0F0; text-align:center;}
.membermenu4 li.customerdata .image{width:auto;margin:0 0 10px; border:solid 1px #CCC; background:#FFF; padding:10px;}
.membermenu4 li.customerdata img{}
.membermenu4 li a{color:#666;}

.header1{float:left; width:100%; padding:34px 0 38px; background:#f1f1f1;}
.header2{width:1200px; height:68px; margin:auto; padding:0;}
.logo{float:left; width:190px; margin:5px 0 0;}
.logo img{height:62px; width:auto;}
.logo_text{float:left; width:190px; height:auto; font-family:Oswald, Arial, Helvetica, sans-serif; font-weight:400; font-size:3em; line-height:1em;}
.logo_text a{color:#333;}
.logo_text a:hover{color:#666; text-decoration:none;}

.search{float:left; width:536px; height:48px; margin:17px 0 10px 100px;}
.search input{float:left; width:322px; height:18px; margin:0; padding:15px 0 15px 15px; background:#FFF; color:#b1b1b1; border:0;}
.search .btn{float:left; width:45px; height:48px; margin:0; background:#FFF url(../images/front/btn-search.png) no-repeat left; cursor:pointer;}
.search .searchdd{float:left; margin:0 4px 0 0; padding:14px 20px; background:#e2e2e2;}
.search .searchdd img{margin:2px 0 0;}
#searchcat{float:left; max-width:91px; margin:0 3px 0 0; overflow:hidden; font-family:Oswald, Arial, Helvetica, sans-serif; font-weight:300; color:#2d2d2d; text-transform:uppercase;}
.search .searchdd ul{background:#FFF; margin:33px 0 0 -20px; padding:10px 0 5px; border-left:solid 2px #CCC; list-style:none; position:absolute; z-index:30; display:none; box-shadow:10px 10px 10px rgba(0,0,0,0.1);}
.search .searchdd li{background:#FFF; margin:0; padding:10px 20px; font-size:0.875em;}
.search .searchdd a{color:#333;}
.search .dd:hover ul{display:block;}

.cart{float:left; width:132px; height:40px; margin:21px 0 0 50px;}
.cart .icon{float:left; width:38px; height:40px; margin:0 13px 0 0; background:url(../images/front/icon-cart.png) no-repeat left;}
.cart .icon:hover{opacity:0.8;}
.cart .text{float:left; width:81px; height:36px; margin:5px 0 0 0; font-family:Oswald, Arial, Helvetica, sans-serif; font-size:0.75em; font-weight:400; color:#1b1b1b;}

#cart_panel .icon span{float:left; width:20px; height:18px; margin:-7px 0 0 28px; padding:0 0 2px; overflow:hidden; border-radius:10px; background:#ffc601; color:#333; display:block; text-align:center; font-family:Oswald, Arial, Helvetica, sans-serif; font-weight:700; font-size:0.6125em; line-height:18px; letter-spacing:0; z-index:3; position:absolute;}
#cart_panel .icon span:hover{text-decoration:none; background:#d67520;}

#cart_panel .dd_cart{float:right; width:190px; margin:39px 0 0; padding:12px; clear:right; position:absolute; z-index:4; border-left:solid 2px #ffc601; background:#FFF; font-family:Arial, Helvetica, sans-serif; color:#1b1b1b; font-size:0.75em; display:none;}
#cart_panel:hover .dd_cart{display:block; box-shadow:10px 10px 10px rgba(0,0,0,0.1);}
#cart_panel .dd_cart ul{float:left; width:100%; margin:0; padding:0; list-style:none;}
#cart_panel .dd_cart li{float:left; width:100%; margin:0 0 10px; padding:0; color:#666; font-family:Oswald, Arial, Helvetica, sans-serif; font-weight:400; font-size:1em;}
#cart_panel .dd_cart img{float:left; margin:0 10px 10px 0;}
#cart_panel .dd_cart li a{margin:0 0 3px; font-weight:700; font-size:1.125em; line-height:1em; color:#000; display:block;}
#cart_panel .dd_cart .links{float:left; width:100%; margin:0 0 10px;}
#cart_panel .dd_cart .buttons{float:left; padding:5px 15px 3px; background-color:#ffc601; color:#333;}
#cart_panel .dd_cart .buttons:hover{background:#F7921E; text-decoration:none;}
#cart_panel .dd_cart .buttons:first-child{margin:0 2px 0 0; background-color:#222; color:#FFF;}

.membermenu3{float:right; width:auto; max-width:192px; margin:23px 0 0;}
.membermenu3 a{float:left; display:block; color:#1b1b1b;}
.membermenu3 .link1, .membermenu3 .link2, .membermenu3 .link3, .membermenu3 .link4{float:left; padding:6px 0 12px; font-family:Oswald, Arial, Helvetica, sans-serif; font-size:0.875em; font-weight:400;}
.membermenu3 .sep1{float:left; width:1px; height:30px; margin:0 10px; background:#1b1b1b;}
.membermenu3 .link1 img{margin:0 5px 0 0; float:left;}
.membermenu3 .link2 img{margin:0 0 0 2px; float:right;}
.membermenu3 .link3{padding:0 0 0 21px; background:url(../images/front/icon-user.png) no-repeat left;}
.membermenu3 .link4 img{margin:0 0 0 5px; float:right;}
.loginwindow{width:280px; height:auto; margin:25px 0 0 -165px; padding:15px 10px; background:#FFF; position:absolute; z-index:20; display:none; box-shadow:10px 10px 10px rgba(0,0,0,0.1); border-top:solid 4px #ffc601;}
.membermenu3 .link1:hover .loginwindow{display:block;}
.loginwindow .left{float:left; width:80px;}
.loginwindow .right{float:left; width:200px; text-align:right;}
.loginwindow .right input{width:94%;}
.loginwindow .left-right{float:left; width:100%; margin:4px 0 0; font-size:0.75em; text-align:right;}
#loginfb2{float:left; margin:10px 0 0; padding:12px 14px 10px; line-height:1em; background:#3b5998; border-bottom:solid 3px #1c2e52;}
#loginfb2:hover{background:#36518b;}
#loginsubmit2{float:right; margin:10px 0 0; padding:12px 14px 10px; line-height:1em;}


.topcat1{float:left; width:100%; background:#f1f1f1;}
.topcat2{width:1200px; margin:auto;}
/*.topcat2 .dd{float:left; background:#ffc601; padding:18px 26px; text-transform:uppercase;}
.topcat2 .dd a{font-family:Oswald, Arial, Helvetica, sans-serif; font-size:1.125em; font-weight:300; color:#1b1b1b;}
.topcat2 .dd img{margin:0 0 0 5px;}
.topcat2 .dd ul{background:#FFF; margin:18px 0 0 -26px; padding:10px 0 5px; border-left:solid 2px #ffc601; list-style:none; position:absolute; z-index:20; display:none;}
.topcat2 .dd li{background:#FFF; margin:0; padding:10px 20px;}
.topcat2 .dd:hover ul{display:block;}*/
.topcat2 .dd{float:left; background:#ffc601; padding:18px 26px; text-transform:uppercase;}
.topcat2 .dd a{font-family:Oswald, Arial, Helvetica, sans-serif; font-size:1em; font-weight:300; color:#1b1b1b;}
.topcat2 .dd img{margin:0 0 0 5px;}
.topcat2 .dd>ul{background:#FFF; margin:14px 0 0 -26px; padding:0; border-left:solid 2px #ffc601; list-style:none; position:absolute; z-index:20; display:none;box-shadow:10px 10px 10px rgba(0,0,0,0.1);}
.topcat2 .dd>ul>li{background:#FFF; margin:0; padding:10px 20px;}
.topcat2 .dd>ul>li:hover{background:url(../images/front/bg_corkboard.jpg);}
.topcat2 .dd a:hover{text-decoration:none;}
.topcat2 .dd:hover>ul{display:block;}
.topcat2 .dd>ul>li>ul{background:#FFF; margin:-32px 0 0 135px; padding:0; border-left:solid 2px #ffc601; list-style:none; position:absolute; z-index:21; display:none;box-shadow:10px 10px 10px rgba(0,0,0,0.1);}
.topcat2 .dd>ul>li>ul>li{background:#FFF; width:200px; margin:0; padding:10px 20px;}
.topcat2 .dd>ul>li>ul>li:hover{background:url(../images/front/bg_corkboard.jpg);}
.topcat2 .dd:hover>ul>li:hover>ul{display:block;}

.topcat2 ul.tabs{float:left; margin:0; padding:0; display:inline-block; list-style:none;}
.topcat2 ul.tabs li{float:left; margin:0; padding:0;}
.topcat2 ul.tabs li a{padding:18px 26px; font-family:Oswald, Arial, Helvetica, sans-serif; font-weight:300; font-size:1.125em; color:#1b1b1b; text-transform:uppercase; display:block;}
.topcat2 ul.tabs li a:hover{text-decoration:none; background:#E0E0E0;}

.subheader{float:left; width:100%; margin:0; background:url(../images/front/diagonal3.png);}
.subheader .dd{float:left; background:#ffc601; padding:14px 26px; text-transform:uppercase;}
.subheader .dd a{font-family:Oswald, Arial, Helvetica, sans-serif; font-size:1em; font-weight:300; color:#1b1b1b;}
.subheader .dd img{margin:0 0 0 5px;}
.subheader .dd>ul{background:#FFF; margin:14px 0 0 -26px; padding:0; border-left:solid 2px #ffc601; list-style:none; position:absolute; z-index:20; display:none;box-shadow:10px 10px 10px rgba(0,0,0,0.1);}
.subheader .dd>ul>li{background:#FFF; margin:0; padding:10px 20px;}
.subheader .dd>ul>li:hover{background:url(../images/front/bg_corkboard.jpg);}
.subheader .dd a:hover{text-decoration:none;}
.subheader .dd:hover>ul{display:block;}
.subheader .dd>ul>li>ul{background:#FFF; margin:-32px 0 0 135px; padding:0; border-left:solid 2px #ffc601; list-style:none; position:absolute; z-index:21; display:none;box-shadow:10px 10px 10px rgba(0,0,0,0.1);}
.subheader .dd>ul>li>ul>li{background:#FFF; width:200px; margin:0; padding:10px 20px;}
.subheader .dd>ul>li>ul>li:hover{background:url(../images/front/bg_corkboard.jpg);}
.subheader .dd:hover>ul>li:hover>ul{display:block;}

/*.menu1{float:left; width:100%; height:75px;}
.menu2{width:1200px; height:75px; margin:auto; background:#FFF; overflow:hidden;}
.menu{float:left; height:50px; margin:12px 0 13px 20px; padding:0; list-style:none;}
.menu>li{float:left; margin:0; padding:0;}
.menu>li:first-child{width:50px; height:50px;}
.menu>li>a{float:left; padding:18px 20px 19px; text-transform:uppercase; font-size:1em; line-height:0.8125em; font-family:Oswald,Arial,Verdana,Helvetica,sans-serif; text-transform:uppercase; color:#2D2D2D; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.menu>li>a:hover, .menu li.active a{background:#2D2D2D; text-decoration:none; color:#FFF;}
.menu>li:first-child a{width:50px; height:50px; padding:0; display:block; background:#FFF url(../images/front/icon-home-black.png) no-repeat center;}
.menu>li:first-child:hover a{background:#2D2D2D url(../images/front/icon-home.png) no-repeat center;}
.menu>li:first-child img{width:50px; height:50px;}
.index .menu>li.products{display:none;}
.menu>li.products>ul{margin:50px 0 0; padding:0; list-style:none; z-index:21; position:absolute; display:none; background:#FFF; box-shadow:0 2px 4px rgba(0,0,0,0.05);}
.menu>li.products>ul>li{float:left; width:140px; margin:0; padding:0; clear:both; background:#FFF;}
.menu>li.products:hover>ul{display:block;}
.menu>li.products>ul>li>a{padding:10px 20px; display:block; color:#2D2D2D; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.menu>li.products>ul>li>a:hover{background:#2D2D2D; text-decoration:none; color:#FFF;}


.menu1.stuck{position:fixed; top:0; z-index:20; box-shadow:0 2px 4px rgba(0,0,0,0.05); background:#FFF;}
.menu1.stuck .menu>li>a{padding:19px 15px 18px; font-size:1em;}
.menu1.stuck .menu>li:first-child a{padding:0;}
.menu1.stuck .menu>li.products{display:block;}
.menu1.stuck .menu>li.products>ul{margin:50px 0 0;}
.menu1.stuck .search{width:160px;}
.menu1.stuck .search input{width:80px;}*/

.mobile-header{float:left; width:100%; padding:10px 0; background:#f1f1f1; border-bottom:solid 1px #E0E0E0; display:none;}
.mobile-logo{float:left; width:70%; margin-left:10px;}
.mobile-logo img{max-width:100%; max-height:50px;}
.mobile-textlogo{float:left; margin-left:10px; font-weight:700; font-size:1.5em; line-height:50px;}
.mobile-textlogo a:hover{text-decoration:none; color:#666;}
.mobile-shortcut{float:right; width:20%; margin:15px 10px 0 0; text-align:right;}
.mobile-shortcut a.link1 img{width:23px; height:22px; margin:0 10px 0 0; background:url(../images/front/icon-magnifier.png) no-repeat left top;}
.mobile-shortcut a.link2 img{width:26px; height:20px; margin:1px 0 0 0; background:url(../images/front/mobile-shortcut.png) no-repeat left top;}
.mobile-shortcut img:hover{opacity:0.8;}
.mobile-search{height:30px; border-bottom:solid 1px #E0E0E0; display:none;}
.mobile-search input{float:left; width:95%; margin:0; padding:4px; border:none;}
.mobile-search form{float:left; width:100%; height:30px;}
.mobile-search .btn{float:right; width:30px; height:30px; background:url(../images/front/btn-search.png) no-repeat center;}

.mobile_menu1{height:auto; padding:0; display:none;}
.mobile_cart{float:left; width:100%; margin:0; background:FFF;}
.mobile_cart .icon{float:left; width:0; height:0;}
.mobile_cart .text{float:left; width:100%;}
.mobile_menu{float:left; width:100%; margin:0; padding:0; list-style:none; background:#E0E0E0;}
.mobile_menu>li{float:left; width:100%; margin:0; padding:0;}
.mobile_menu>li>a{width:96%; padding:10px 2%; font-size:0.875em; display:block; background:#FFF; color:#333;}
.mobile_menu>li>a:hover{background:#E0E0E0; text-decoration:none;}
.mobile_menu>li>a{margin:0 0 1px 0;}
.mobile_menu>li.mobilesectionhead{width:96%; margin:0; padding:10px 2%; font-size:0.875em; background:#EEE; color:#333;}
.mobile_menu>li.mobilesectionchild{margin:0;}
.mobile_menu>li.mobilesectionchild>ul{float:left; width:100%; margin:0; padding:0; list-style:none;}
.mobile_menu>li.mobilesectionchild>ul>li{float:left; width:100%; margin:0 0 1px; padding:0;}
.mobile_menu>li.mobilesectionchild>ul>li a{width:96%; padding:10px 2%; font-size:0.875em; display:block; background:#FAFAFA; color:#333;}
.mobile_menu>li.mobilesectionchild>ul>li a:hover{background:#E0E0E0; text-decoration:none;}

.mobile_menu li.mobilesectionchildhead{width:96%; margin:0; padding:10px 2%; font-size:1em; display:block; background:#DDD; color:#333;}
.mobile_menu li.mobilesectionchildhead a:hover{background:#FAFAFA; text-decoration:none;}
.mobile_menu li.mobilesectionchildchild{margin:0; display:none;}
.mobile_menu li.mobilesectionchildchild>ul{float:left; width:100%; margin:0; padding:0; list-style:none;}
.mobile_menu li.mobilesectionchildchild>ul>li a{width:96%; padding:10px 2%; font-size:0.875em; display:block; background:#FFF; color:#333;}
.mobile_menu li.mobilesectionchildchild>ul>li a:hover{background:#F0F0F0; text-decoration:none;}

.body1{float:left; width:100%; margin:10px 0 0 0;}
.body2{width:1200px; min-height:250px; height:auto !important; height:250px; margin:auto; padding:0 0 50px;}

/* INDEX */
body .index{background:#FFF url(../images/front/bg.gif) repeat-x left top;}
.wallpaper1{float:left; width:100%;}
.wallpaper2{width:1200px; height:480px; margin:auto; padding:0;}
.wallpaper2 ul{list-style:none; margin:0; padding:0;}
.wallpaper2 li{margin:0; padding:0;}
.wallpaper2 .w1{float:left; width:480px; height:480px; margin:0 1px 0 0; overflow:hidden; background:#F0F0F0;}
.wallpaper2 .w2{float:left; width:480px; height:239px; margin:0 0 1px 0; overflow:hidden; background:#F0F0F0;}
.wallpaper2 .w3{float:left; width:240px; height:240px; margin:0 1px 0 0; overflow:hidden; background:#F0F0F0;}
.wallpaper2 .w4{float:left; width:239px; height:240px; margin:0 0 0 0; overflow:hidden; background:#F0F0F0;}
.wallpaper2 .w5{float:left; width:238px; height:480px; margin:0 0 0 0; overflow:hidden; background:#F0F0F0;}
.wallpaper2 .group1{float:left; width:480px; height:240px; margin:0 1px 0 0;}
.wallpaper2 img{width:100%; height:100%; object-fit:cover;}

.teaser1{float:left; width:100%; padding:30px 0 30px;}
.teaser2{width:100%; overflow:hidden;}
.teaser2 ul{float:left; width:100%; margin:0; padding:0; list-style:none;}
.teaser2 li{float:left; width:220px; margin:0; padding:0;}
.teaser2 li:first-child{margin-left:0;}
.teaser2 li .image{width:100%; height:220px; margin:0 0 12px;}
.teaser2 li .group1{float:left; width:180px;}
.teaser2 li .group1 .name a{font-size:0.875em; font-weight:normal; color:#1b1b1b; font-family:Oswald, Arial, Helvetica, sans-serif;}
.teaser2 li .group1 .price_before{font-size:0.75em; font-weight:normal; color:#CCC; text-decoration:line-through;}
.teaser2 li .group1 .price{font-size:0.75em; font-weight:normal; color:#1b1b1b;}
.swiper-pagination2, .swiper-pagination2, .swiper-pagination3, .swiper-pagination4{float:left; width:100%; margin:15px 0 0; text-align:center;}
.swiper-slide .image img{width:100%; height:100%; object-fit:cover;}

.teaser3{float:left; width:100%; padding:40px 0 50px;}
.teaser4{width:1200px; margin:auto;}
.teaser4 ul.list{float:left; width:240px; height:310px; margin:0; padding:0; list-style:none;}/* background:#ffc601;*/
.teaser4 ul.list li{float:left; width:237px; margin:0; padding:0 3px 0 0;}
.teaser4 ul.list a{float:right; clear:right; margin:0 0 4px; padding:15px 15px; font-family:Oswald, Arial, Helvetica, sans-serif; font-size:1.25em; font-weight:300; color:#FFF; text-transform:uppercase; background:#333;}
.teaser4 ul.list a:hover{text-decoration:none; background:#00abb9;}
.teaser4 ul.banner{float:left; width:960px; margin:0; padding:0; list-style:none;}
.teaser4 ul.banner li{float:left; width:239px; margin:0 0 0 1px; padding:0;}

.teaser2 .tag_sale{margin:10px 0 0; padding:5px; text-align:center; background:#ff371d; color:#FFF; font-size:0.75em; text-transform:uppercase; position:absolute; z-index:2;}
.teaser2 .tag_preorder{margin:0 0 18px; padding:5px; text-align:center; background:#ffcc00; color:#FFF; font-size:0.75em; float:left; text-transform:uppercase; position:absolute; bottom:0;}
.index .title2{width:1200px;}
.title2 .more{float:right; margin:7px 0 0; padding:11px 10px; background:#FFF; border:solid 1px #CCC;}
.title2 .more a{color:#666; line-height:13px;}
.title2 .more a:hover{text-decoration:none;}

.article-container{float:left; width:100%;}
.article-container h3{float:left; width:100%; margin:10px 0 0; text-align:center; font-size:1em;}
.article-container h3 a{color:#121212;}
.article-container h3 a:hover{color:#000;}
.article-container .container{float:left; width:100%;}
.article-container .row{width:1200px; margin:20px auto 0;}
.article-container .col-sm-3{float:left; width:25%; padding:0 15px; box-sizing: border-box;}
.article-container .col-sm-3:nth-child(4n+1){clear:left;}
.article-container .col-sm-3 img{width:100%; height:250px; object-fit:cover;}
.article-container .col-sm-3 .title-news{width:100%; height:80px; margin:0 0 30px; padding:5px 15px; background:#FAFAFA; box-sizing: border-box;}
.article-container .col-sm-3 .title-news a{color:#121212; font-size:0.875em;}
.article-container .col-sm-3 .title-news a:hover{text-decoration:none; color:#00abb9;}

.links1{float:left; width:100%; margin:10px 0 0; background:#ffc601;}
.links2{width:1200px; min-height:200px; height:auto !important; height:200px; margin:auto; padding:40px 0 20px;}
.links2 .col1{float:left; width:300px;}
.links2 .col2{float:left; width:300px;}
.links2 .col3{float:left; width:300px;}
.links2 .col4{float:left; width:300px;}
.links2 h3{margin:0 0 10px; font-size:1.25em; font-family:Oswald, Arial, Helvetica, sans-serif;}
.links2 .col1 ul, .links2 .col2 ul{margin:0; padding:0; list-style:none;}
.links2 .col1 li, .links2 .col2 li{margin:0; padding:0;}
.links2 .col1 li a, .links2 .col2 li a{padding:7px 0; display:block; font-size:0.875em; color:#333;}
.links2 .col1 li a:hover, .links2 .col2 li a:hover{color:#FFF; text-decoration:none;}

.social1{float:left; width:100%;}
.social2{float:left; width:100%;}
.social2 ul{float:left; width:100%; margin:0; padding:0; list-style:none;}
.social2 li{float:left; width:100%; height:32px; margin:2px 0 0; padding:0;}
.social2 li:hover{opacity:0.7;}
.social2 img{float:left; width:32px; height:32px; margin:0 10px 0 0;}
.social2 span{float:left; display:block; margin:4px 0 0; color:#333; font-size:0.875em;}
.icon_facebook{background:url(../images/front/icon-facebook.png) no-repeat left top;}
.icon_twitter{background:url(../images/front/icon-twitter.png) no-repeat left top;}
.icon_googleplus{background:url(../images/front/icon-googleplus.png) no-repeat left top;}
.icon_instagram{background:url(../images/front/icon-instagram.png) no-repeat left top;}
.icon_youtube{background:url(../images/front/icon-youtube.png) no-repeat left top;}
.icon_vimeo{background:url(../images/front/icon-vimeo.png) no-repeat left top;}

.fbbox{margin:0 0 10px;}
.newsletter{float:left; width:280px; height:100px; margin:5px 0 0; padding:5px 10px; background:#ffe074;}
.newsletter h4{font-family:Oswald, Arial, Helvetica, sans-serif; font-size:0.875em;}
.newsletter .info{margin:5px 0 10px; font-size:0.625em;}
.newsletter input{float:left; width:220px; height:34px; margin:0; padding:0 10px; color:#2D2D2D; border:0; font-family:Arial, Helvetica, sans-serif; font-size:1em; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.newsletter input:hover{background:#CCC;}
.newsletter .btn{float:left; width:40px; height:34px; background:#EEE url(../images/front/icons.png) 0px 108px; cursor:pointer;}
.newsletter .form .info{padding:15px 0; background:#FC0; font-size:0.75em; text-align:center;}

.contact1{float:left; width:100%;}
.contact2{width:100%; height:308px; margin:auto;}
.contact2 .map{float:left; width:100%; height:308px; margin:50px 0 0; background:#e9e5dc;}
/*#map_canvas {width:798px; height:340px; background:#CCC;}
#gmapcontent{margin:0; padding:0;}
#gmapcontent h1{font-size:1.5em; line-height:1.5em; margin:0 0 10px 0;}
#gmapcontent p{margin:0; font-size:13px;}*/

.left_links ul{list-style:none; margin:0 0 20px; padding:0;}
.left_links li{margin:0 0 3px; padding:10px 0; text-align:center; background:#ffcc00; border-bottom:solid 3px #efa901;}
.left_links li:hover{background:#ffa921;}
.left_links li a{font-size:0.875em; text-transform:uppercase; color:#FFF;}

.pa1{float:left; width:100%;}
.pa2{width:1200px; margin:30px auto 30px;}

.pa2 .store_left{float:left; width:300px; margin:30px 0 0;}

.last_seen{float:left; width:100%; margin:20px 0 20px; padding:20px 0 20px; border-top:solid 2px #dcdad0;}
.last_seen h3{font-family:Oswald, Arial, Helvetica, sans-serif; margin:0 0 30px;}
.last_seen ul{float:left; width:100%; margin:0; padding:0; list-style:none;}
.last_seen li{float:left; width:180px; margin:0 24px 10px 0; padding:0; font-size:0.75em;}
.last_seen li:nth-child(6n){margin-right:0;}
.last_seen .image{margin:0 10px 10px 0;}
.last_seen .tag_sale{margin:10px 0 0; padding:5px; text-align:center; background:#ff371d; color:#FFF; font-size:0.75em; text-transform:uppercase; position:absolute; z-index:2;}
.last_seen .tag_preorder{margin:0 0 18px; padding:5px; text-align:center; background:#ffcc00; color:#FFF; font-size:0.75em; float:left; text-transform:uppercase; position:absolute; bottom:0;}
.last_seen .group1{clear:left;}
.last_seen .name{margin:0 0 3px 0; font-family:Oswald, Arial, Helvetica, sans-serif;}
.last_seen .name a{color:#000;}
.last_seen .price_before{color:#CCC; text-decoration:line-through;}
.last_seen .price{color:#FC0;}

.check_awb{float:left; width:280px; margin:0 0 10px; padding:20px 10px; background:#ffcc00; border-bottom:solid 3px #efa901;}
.check_awb h2{float:left; width:100%; display:block; margin:0 0 10px 0; line-height:1em; font-size:1em; color:#FFF;}
.check_awb input{float:left; width:232px; height:32px; margin:0; padding:0 10px; background:#FFF; color:#333; border:0;}
.check_awb .btn{float:left; width:28px; height:32px; background:url(../images/front/btn-search.gif) no-repeat left top; cursor:pointer;}

.store_cat{float:left; width:100%; margin:0 0 20px; font-family:Oswald, Arial, Helvetica, sans-serif; font-weight:300;}
.store_cat h2{float:left; width:270px; display:block; padding:12px 15px; margin:0 0 3px 0; line-height:1em; font-size:1em; color:#FFF; background:#61605a;}

.cat_level_1>ul, .cat_level_2>ul>li>ul, .cat_level_3>ul>li>ul>li>ul{float:left; list-style:none; margin:0; padding:0; float:left; display:block; width:100%;}
.cat_level_2>ul, .cat_level_2>ul>li>ul{float:left; width:100%; margin:0; padding:0; list-style:none;}
.cat_level_3>ul, .cat_level_3>ul>li>ul{float:left; width:100%; margin:0; padding:0; list-style:none;}
.cat_level_3>ul>li>ul{margin:0 0 10px;}
.cat_level_2>ul>li>h3, .cat_level_3>ul>li>h3{float:left; width:268px; margin:0 0 1px 0; padding:10px 15px; background:#F0F0F0; font-size:0.9125em; color:#383838; border:solid 1px #FFF;}
.cat_level_3>ul>li>ul>li>h4{float:left; width:253px; margin:0 0 1px 0; padding:10px 15px 10px 30px; background:#F6F6F6 url(../images/front/arrow_down.gif) no-repeat 15px 16px; font-size:0.875em; color:#383838; border:solid 1px #FFF;}
.cat_level_1>ul>li{float:left; width:253px; margin:0 0 1px 0; padding:10px 15px 10px 30px; background:#FFF url(../images/front/doublearrow.png) no-repeat 15px center; font-size:0.875em; cursor:pointer; color:#383838; border:solid 1px #FFF;}
.cat_level_2>ul>li>ul>li, .cat_level_3>ul>li>ul>li>ul>li{float:left; width:238px; margin:0 0 1px 0; padding:10px 15px 10px 45px; background:#FFF url(../images/front/doublearrow.png) no-repeat 30px center; font-size:0.875em; cursor:pointer; color:#383838; border:solid 1px #FFF;}

.cat_level_1>ul>li:hover{background:#FAFAFA url(../images/front/doublearrow.png) no-repeat right 16px center; box-shadow:1px 1px 5px rgba(0,0,0,0.07); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border:solid 1px #FFF;}
.cat_level_2>ul>li>ul>li:hover, .cat_level_3>ul>li>ul>li>ul>li:hover{background:#FAFAFA url(../images/front/doublearrow.png) no-repeat right 16px center; box-shadow:1px 1px 5px rgba(0,0,0,0.07); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border:solid 1px #FFF;}

.store_cat li.focused{background:#FAFAFA url(../images/front/doublearrow.png) no-repeat 30px center;}
.cat_level_1>ul>li.focused{background:#FAFAFA url(../images/front/doublearrow.png) no-repeat 15px center;}
.store_cat li a{color:#000;}
.store_cat li a:hover{text-decoration:none;}


.store_brand{float:left; width:100%; margin:0 0 20px;}
.store_brand h2{float:left; width:200px; display:block; padding:12px 15px; margin:0 0 3px 0; line-height:1em; font-size:1em; color:#FFF; background:#61605a;}
.store_brand>ul{float:left; list-style:none; margin:0; padding:0; float:left; display:block; width:100%;}
.store_brand>ul>li{float:left; width:183px; margin:0 0 1px 0; padding:10px 15px 10px 30px; background:#FFF url(../images/front/doublearrow.png) no-repeat 15px center; font-size:0.875em; cursor:pointer; color:#383838; border:solid 1px #FFF;}
.store_brand>ul>li:hover{background:#FAFAFA url(../images/front/doublearrow.png) no-repeat right 16px center; box-shadow:1px 1px 5px rgba(0,0,0,0.07); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border:solid 1px #FFF;}
.store_brand li.focused{background:#FAFAFA url(../images/front/doublearrow.png) no-repeat 30px center;}
.store_brand>ul>li.focused{background:#FAFAFA url(../images/front/doublearrow.png) no-repeat 15px center;}
.store_brand li a{color:#000;}
.store_brand li a:hover{text-decoration:none;}

.left_text{float:left; width:100%; margin:30px 0 40px; font-size:0.875em; text-align:center;}
.left_text .img{max-width:100%; height:auto;}
.mobile_left_text{width:96%; margin:0 auto; font-size:0.875em; text-align:center; display:none;}


.pa2 .store_right{float:left; width:860px; min-height:540px; height:auto !important; height:540px; margin:30px 0 0 40px;}
.pa2 .store_right .tabs{float:left; width:724px; margin:0 0 10px 0;}
/*.products_archieve.pa_level2 .store_right .tabs{margin:0 0 10px 17px;}*/
.pa2 .store_right .tabs h1{float:left; width:auto !important; display:inline; margin:0 0 -1px 0; padding:0 0 20px 0; font-size:1.25em; text-transform:uppercase;}

/*.teaser5 ul{float:left; width:100%; margin:0; padding:0; list-style:none;}
.teaser5 li{float:left; width:228px; margin:0 0 20px 16px; padding:0; border:solid 1px #f0efe9; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.teaser5 li:hover{box-shadow:1px 1px 5px rgba(0,0,0,0.07); border:solid 1px #FFF;}
.teaser5 .image{float:left; width:212px; height:212px; padding:8px; background:#FFF; text-align:center; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d;}
.teaser5 .image img{border:solid 1px #FFF; position:relative; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform:translateY(-50%);}
.teaser5 .image img.noimage{width:210px; height:210px; background:url(../images/front/noimage250x250.gif);}
.teaser5 li:hover .image{background:#FAFAFA;}
.teaser5 li:hover .image img{border:solid 1px #ffcc00;}
.teaser5 li:hover .btn{display:block;}
.teaser5 .group1{float:left; width:218px; min-height:80px; height:auto !important; height:80px; padding:20px 5px; background:#FFF;}
.teaser5 .name{float:left; width:100%; margin:0 0 3px 0; text-align:center; font-weight:bold;}
.teaser5 .name a{color:#303030;}
.teaser5 .name a:hover, .teaser2 .price a:hover{text-decoration:none;}
.teaser5 .price_before{float:left; width:100%; text-align:center; color:#999; text-decoration:line-through; font-size:0.875em;}
.teaser5 .price{float:left; width:100%; text-align:center;}
.teaser5 .price a{color:#ffcc00; font-weight:bold;}
.teaser5 .tag_sale{margin:10px 0 0; padding:5px; text-align:center; background:#ff371d; color:#FFF; font-size:0.75em; right:8px; text-transform:uppercase; position:absolute; z-index:2;}
.teaser5 .tag_preorder{margin:0 0 18px; padding:5px; text-align:center; background:#ffcc00; color:#FFF; font-size:0.75em; float:left; text-transform:uppercase; position:absolute; bottom:0;}
.teaser5 .btn{float:left; width:79px; height:79px; z-index:19; position:absolute; margin:-80px -20px -30px 165px; padding:0; background:url(../images/front/btn-buy.png) no-repeat left top; display:none;}
.teaser5 .btn img{width:79px; height:79px;}*/

.teaser5 .tag_sale{margin:10px 0 0; padding:5px; text-align:center; background:#ff371d; color:#FFF; font-size:0.75em; text-transform:uppercase; position:absolute; z-index:2;}
.teaser5 .tag_preorder{margin:0 0 18px; padding:5px; text-align:center; background:#ffcc00; color:#FFF; font-size:0.75em; float:left; text-transform:uppercase; position:absolute; bottom:0;}

.teaser6 ul{float:left; width:100%; margin:0; padding:0; list-style:none;}
.teaser6 li{float:left; width:100%; margin:0 0 10px; text-align:center;}
.teaser6 li .image{float:left; width:100%; margin:0 0 1px;}
.teaser6 li .group1{float:left; width:100%;}
.teaser6 li .group1 a{float:left; width:100%; padding:20px 0; color:#383838; background:#F0F0F0; display:block;}
.teaser6 li .group1 a:hover{text-decoration:none; background:#E0E0E0;}

.teaser7{float:left; width:100%;}
.teaser7>ul{float:left; width:100%; margin:0; padding:0; list-style:none;}
.teaser7>li{float:left; width:100%; margin:0 0 25px; padding:0;}
.teaser8{float:left; width:100%; margin:auto; padding:40px 0 50px;}
.teaser8 ul{float:left; width:100%; margin:0; padding:0; list-style:none;}
.teaser8 li{float:left; width:200px; margin:0 0 30px 20px; padding:0;}
.teaser8 li:nth-child(4n+1){margin-left:0; clear:left;}
.teaser8 li .image{width:100%; height:200px; margin:0 0 12px;}
.teaser8 li .image img{width:100%; height:auto;}
.teaser8 li .group1{float:left; width:160px;}
.teaser8 li .group1 .name a{font-size:0.875em; font-weight:normal; color:#1b1b1b; font-family:Oswald, Arial, Helvetica, sans-serif;}
.teaser8 li .group1 .price_before{font-size:0.75em; font-weight:normal; color:#CCC; text-decoration:line-through;}
.teaser8 li .group1 .price{font-size:0.75em; font-weight:normal; color:#1b1b1b;}
.teaser8 .tag_sale{margin:10px 0 0; padding:5px; text-align:center; background:#ff371d; color:#FFF; font-size:0.75em; text-transform:uppercase; position:absolute; z-index:2;}
.teaser8 .tag_preorder{margin:0 0 18px; padding:5px; text-align:center; background:#ffcc00; color:#FFF; font-size:0.75em; float:left; text-transform:uppercase; position:absolute; bottom:0;}
.teaser8 .error{background:#F0F0F0;}

/* AWB */
.awb .store_right h1{float:left; width:auto; margin:20px 2% 40px; clear:left;}
.awb .store_right h2{float:left; width:auto; margin:0 2% 40px; font-size:1.25em; font-weight:bold; clear:left;}
.awb_info{float:left; margin:0 2% 40px; font-size:0.875em; clear:left;}
.awb_manifest{float:left; margin:0 2% 0; padding:0; list-style:none; clear:left;}
.awb_manifest li{margin:0 0 20px; padding:0;}

/* ABOUT */
.about .content, .how .content, .terms .content, .disclaimer .content, .faq .content, .privacy .content{font-size:1em; line-height:1.75em;}
.about h1, .news h1, .how h1, .terms h1, .disclaimer h1, .faq h1, .privacy h1, .contact h1{text-align:center; margin:40px 0 40px 0; font-family:Oswald, Arial, Helvetica, sans-serif;}
.about .body2, .how .body2, .faq .body2, .privacy .body2, .terms .body2, .disclaimer .body2{width:700px;}

/* NEWS */
.news_archieve{width:700px; margin:0 auto; padding:0; list-style:none;}
.news_archieve li{float:left; width:700px; margin:0; padding:10px 0; border-bottom:solid 1px #CCC; clear:left;}
.na_img{width:100px; height:100px; margin:0 10px 0 0; float:left; border:solid 1px #FFF; overflow:hidden;}
.na_img img{width:100%; height:auto;}
.manual .na_img{width:50px; height:50px;}
.na_date{float:none; margin:3px 0 0 0; font-size:14px;}
.na_title{float:none; margin:5px 0 5px 0;}
.na_content{float:none; font-size:14px;}
.na_title a{font-size:1em; font-weight:bold; line-height:1.25em;}
.news .paging{float:none; width:700px; margin:40px auto 0;}

/* NEWS DETAIL */
.nd .body1{float:none; width:1154px; margin:0 auto 0;}
.nd .body2{float:left; width:600px;}
.nd .body2 h2{float:left; font-size:1.25em; line-height:1em; text-align:center; margin:40px 0 10px 0; color:#fea800;}
.nd h1{float:left; font-size:1.5em; line-height:1.2em; text-align:center; margin:0 0 40px 0;}
.nd_img{float:left; width:100%; margin:10px 0 40px 0; text-align:center;}
.nd_img img{width:100%;}
.nd_content{float:left; margin:0 0 30px 0; line-height:1.75em;}
.nd_content img{width:100%;}
.nd .paging{margin-bottom:100px;}

.iklan1, .iklan2 {float:left; width:277px;}

/* MESSAGE */
.storemessage_archieve .body2{width:900px; margin:30px auto 0;}
.storemessage_archieve .content{float:left; width:700px; font-size:1em; line-height:1.75em;}
.storemessage_archieve h1{margin:5px 0 40px; font-family:Oswald, Arial, Helvetica, sans-serif;}
.storemessage_archieve .storemessage_list{float:left; width:100%; margin:0; padding:0; list-style:none; border-top:solid 4px #CCC; border-bottom:solid 1px #CCC; background:#FAFAFA; font-size:0.875em;}
.storemessage_archieve .storemessage_list th{background:#333; padding:10px 5px; font-weight:bold; color:#FFF;}
.storemessage_archieve .storemessage_list td{background:#FFF; padding:10px 5px; border-bottom:solid 1px #E0E0E0;}
.storemessage_archieve .storemessage_list tr.read td{background:#F0F0F0; color:#999;}
.storemessage_archieve .storemessage_list a{color:#333;}
.storemessage_archieve .storemessage_list tr.read a{color:#999;}
.storemessage_archieve .storemessage_list span{width:6px; height:6px; padding:5px; background:#C00; color:#FFF; display:block; text-align:center; line-height:6px;}
.storemessage_archieve .storemessage_list img{width:15px; height:15px; margin:0 0 3px 3px; background:#efa901 url(../images/front/icon-white-asterisk.png); border-radius:7.5px;}
.storemessage_archieve .more{float:left; width:100%; margin:30px 0 0; text-align:center; clear:left;}
.storemessage_archieve .box_button{float:none; padding:6px 10px 5px; color:#FFF !important;}

/* MESSAGE DETAIL */
.storemessage_detail .body2{width:700px; margin:30px auto 0;}
.storemessage_detail .body2 .info{width:90%; margin:0 0 20px; padding:20px 4%; border-top:solid 4px #CCC; border-bottom:solid 1px #CCC; background:url(../images/front/bg_corkboard.jpg);}
.storemessage_detail .content{float:left; width:500px; font-size:1em; line-height:1.75em;}
.storemessage_detail h1{margin:5px 0 30px 0; font-family:Oswald, Arial, Helvetica, sans-serif;}
.storemessage_detail h2{margin:0; font-family:Oswald, Arial, Helvetica, sans-serif; font-size:1.25em;}
.storemessage_detail .detail_message{width:98%; font-size:0.875em; border-top:dotted 1px #CCC;}
.storemessage_detail .detail_message th{width:100px; padding:10px 0 10px; font-size:0.75em; text-align:center; vertical-align:top; border-bottom:dotted 1px #CCC;}
.storemessage_detail .detail_message td{padding:10px 0 10px; vertical-align:top; border-bottom:dotted 1px #CCC;}
.storemessage_detail .detail_message img{margin:0 0 10px; padding:4px; border:solid 1px #CCC; background:#F0F0F0;}
.storemessage_detail .detail_message span{margin-left:35px; font-size:0.75em;}
.storemessage_detail .compose_message{width:98%; padding:10px 0; border-top:solid 4px #333; border-bottom:solid 1px #333; background:url(../images/front/bg_corkboard.jpg);}
.storemessage_detail .compose_message th, .storemessage_detail .compose_message td{padding:4px;}
.storemessage_detail .compose_message td{width:350px;}
.storemessage_detail .compose_message th{width:150px; text-align:left;}
.storemessage_detail .compose_message .textbox{width:330px;}
.storemessage_detail .compose_message .textarea{width:330px; height:100px;}
.storemessage_detail .compose_message .box_button{float:right;}

.storemessage_detail .compose_message2{width:98%; margin:20px 0 0; padding:5px 0; border-top:solid 4px #CCC; border-bottom:solid 1px #CCC; background:url(../images/front/bg_corkboard.jpg);}
.storemessage_detail .compose_message2 th, .storemessage_detail .compose_message td{padding:4px;}
.storemessage_detail .compose_message2 td{width:350px; padding:5px 0 0; font-size:0.75em; vertical-align:top;}
.storemessage_detail .compose_message2 th{width:150px; text-align:center;}
.storemessage_detail .compose_message2 th img{margin:0 0 10px; padding:4px; border:solid 1px #CCC; background:#F0F0F0;}
.storemessage_detail .compose_message2 td .textarea{width:325px; height:50px;}
.storemessage_detail .compose_message2 .box_button{float:right; margin-right:4px;}

.storemessage_detail .body2 .back{width:98%; margin:30px 0 0; text-align:center;}
.storemessage_detail .body2 .back .box_button{float:none;}

.triangle-isosceles {
  position:relative;
  padding:15px;
  margin:4px 0 4px;
  color:#000;
  background:#ffcc00; /* default background for browsers without gradient support */
  /* css3 */
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#ffcc00), to(#ffcc00));
  background:-moz-linear-gradient(#ffcc00, #ffcc00);
  background:-o-linear-gradient(#ffcc00, #ffcc00);
  background:linear-gradient(#ffcc00, #ffcc00);
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}
.triangle-isosceles.left {
  margin-left:20px;
  background:#ffcc00;
}
.triangle-isosceles:after {
  content:"";
  position:absolute;
  bottom:-15px; /* value = - border-top-width - border-bottom-width */
  left:20px; /* controls horizontal position */
  border-width:15px 15px 0; /* vary these values to change the angle of the vertex */
  border-style:solid;
  border-color:#ffcc00 transparent;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}
.triangle-isosceles.left:after {
  top:16px; /* controls vertical position */
  left:-20px; /* value = - border-left-width - border-right-width */
  bottom:auto;
  border-width:10px 20px 10px 0;
  border-color:transparent #ffcc00;
}

/* MANUAL */
.manual .body2{margin-top:40px;}
.manual_archieve{float:left; width:300px; margin:0 50px 0 0; padding:0; list-style:none;}
.manual_archieve li{float:left; width:90%; margin:0; padding:10px 1% 10px 9%; clear:left; background:#F0F0F0 url(../images/front/doublearrow.png) no-repeat 10px center; border-bottom:solid 1px #FFF; font-family:Oswald, Arial, Helvetica, sans-serif;}
.manual_archieve li a{font-size:0.875em; line-height:1.25em; color:#333; display:block; width:100%;}
.manual_archieve li a:hover{text-decoration:none;}
.manual_archieve li:hover, .manual_archieve li.active{font-size:1em; background:#E0E0E0 url(../images/front/doublearrow.png) no-repeat 10px center;}

.manual_detail{float:left; width:850px;}
.manual_detail h1{margin:10px 0 40px 0; font-family:Oswald, Arial, Helvetica, sans-serif;}
.manual_detail .content{font-size:1em; line-height:1.5em;}

/* MEMBER LOGIN */
.memberlogin .body2{width:642px; margin:30px auto 0;}
.memberlogin .normal{float:left; width:300px; margin:40px 0 0; padding:0 40px 0 0; font-size:1em; line-height:1.75em; border-right:solid 1px #999;}
.memberlogin .facebook{float:left; width:260px; margin:40px 0 0; padding:0 0 0 40px; font-size:1em; line-height:1.75em;}
.memberlogin h1{margin:0 0 50px 0; text-align:center; font-size:1.25em;}
.memberlogin .body2 .info{text-align:center; margin:0 0 20px; padding:10px; background:#E0E0E0; font-size:0.75em;}
.memberlogin .normal .left{float:left; width:100px;}
.memberlogin .normal .right{float:left; width:200px; text-align:right;}
.memberlogin .normal .left-right{float:left; width:100%; margin:10px 0 0; font-size:0.75em; text-align:right;}
#loginsubmit{float:right; width:116px; height:57px; margin:25px 0 0; background:url(../images/front/btn-go.png) no-repeat left top;}
.memberlogin .more, .memberregister .more{float:left; width:100%; margin:30px 0 0; text-align:center; font-size:0.75em;}
.memberlogin .more a, .memberregister .more a{margin:10px 0 0; padding:10px 0; display:block; background:#3b5998; color:#FFF;}
.memberlogin .fbarea{width:100%; margin:0 0 60px; text-align:center;}
.memberlogin .status{width:100%; margin:20px 0 0; font-size:0.875em; text-align:center;}

/* POPUP MEMBER LOGIN */
.login_ajax{float:left; width:560px; font-size:1em; line-height:1.75em;}
.login_ajax .left{float:left; width:160px;}
.login_ajax .right{float:left; width:400px; margin:0 0 5px; text-align:right;}
.login_ajax .left-right{float:left; width:100%; margin:5px 0 0; font-size:0.75em; text-align:right;}
.login_ajax .right input{width:96%;}
#loginsubmit3{float:right; margin:20px 0 0; padding:7px 30px 5px;}
.login_ajax .more{float:left; width:100%; margin:10px 0 0; text-align:center; font-size:0.75em;}
.login_ajax .more a{margin:5px 0 0; padding:5px 0; display:block; background:#999; color:#FFF;}

/* MEMBER REGISTER */
.memberregister .body2{width:700px; margin:30px auto 0;}
.memberregister .content{font-size:1em; line-height:1.75em;}
.memberregister h1{text-align:center; margin:40px 0 50px 0;}
.memberregister .body2 .info{text-align:center; margin:0 0 20px; padding:10px; background:#E0E0E0;}
.memberregister .box_button{float:right;}

/* FORGET PASSWORD */
.memberforget .body2{width:400px; margin:30px auto 0;}
.memberforget .content{font-size:1em; line-height:1.75em;}
.memberforget h1{text-align:center; margin:40px 0 50px 0;}
.memberforget .info{text-align:center; margin:0 0 20px; padding:10px; background:#E0E0E0;}
.memberforget .content .left{float:left; width:150px;}
.memberforget .content .right{float:left; width:250px; text-align:right;}
.memberforget .content .left-right{float:left; width:100%; margin:10px 0 0; font-size:0.75em; text-align:right;}
#txt_reset_password{width:90%;}
#txt_security_code{width:80%;}
#forgetsubmit{float:right; width:116px; height:57px; margin:25px 0 0; background:url(../images/front/btn-kirim.png) no-repeat left top;}
.memberforget .more{float:left; width:100%; margin:30px 0 0; text-align:center; font-size:0.75em;}
.memberforget .more a{margin:10px 0 0; padding:10px 0; display:block; background:#3b5998; color:#FFF;}

/* RESET PASSWORD */
.memberreset .body2{width:500px; margin:30px auto 0;}
.memberreset .content{font-size:1em; line-height:1.75em; text-align:center;}
.memberreset h1{text-align:center; margin:40px 0 50px 0;}
.memberreset .content .textbox{margin:0 auto 10px;}
.memberreset .content .box_button{float:none; margin:auto;}
.memberreset .more{float:left; width:100%; margin:30px 0 0; text-align:center; font-size:0.75em;}
.memberreset .more a{margin:10px 0 0; padding:10px 0; display:block; background:#3b5998; color:#FFF;}

/* MEMBER PROFILE */
.memberprofile .body2{width:800px; margin:30px auto 0;}
.memberprofile .content{float:left; width:600px; font-size:1em; line-height:1.75em;}
.memberprofile h1{margin:5px 0 40px; font-family:Oswald, Arial, Helvetica, sans-serif;}
.memberprofile h2{margin:40px 0 40px 0; font-family:Oswald, Arial, Helvetica, sans-serif;}
.memberprofile .body2 .info{text-align:center; margin:0 0 20px; padding:10px; background:#E0E0E0;}
ul.delivery_address{float:left; width:100%; margin:0 0 5px; padding:0; list-style:none; border-bottom:solid 1px #E0E0E0;}
ul.delivery_address li{float:left; margin:0 1px 0 0; padding:5px 20px 5px; background:#ebeae6; border-right:solid 1px #F0F0F0; cursor:default;}
ul.delivery_address li.active, ul.delivery_address li:hover{background:#F0F0F0; border-right:solid 1px #E0E0E0; color:#000;}
ul.delivery_address li.active a, ul.delivery_address li:hover a{color:#000;}
ul.delivery_address li a{color:#333;}
ul.delivery_address li:hover a{text-decoration:none;}

.member_info{float:left; width:600px;}
.member_info td, .shipping_info th{font-size:0.875em;}
.member_info .textboxes{width:440px; padding:5px; margin:0; border:solid 1px #CCC; font-size:1em; background:#FFF;}
.member_info .textareas{width:440px; padding:5px; margin:0; border:solid 1px #CCC; font-size:1em; background:#FFF;}
.member_info .selects{width:200px; padding:5px; margin:0; border:solid 1px #CCC; font-size:1em; background:#FFF;}
.member_info a{color:#ffcc00;}
.member_info a.box_button{color:#FFF;}

/* PRODUCT */
/*.product_archieve{float:left; width:852px; height:auto; margin:0; padding:0; list-style:none; background:red;}
.product_archieve h1{margin:0 0 30px 0; padding:0;}
.product_archieve1{float:left; width:840px; height:auto; overflow-x:hidden;}
.product_archieve ul{float:left; width:855px; margin:0; padding:0; list-style:none;}
.product_archieve li{float:left; width:270px; margin:0 12px 50px 0; padding:0; border:solid 1px #f0efe9;}
.product_archieve .image{float:left; width:250px; height:250px; padding:9px; border:solid 1px #FFF; background:#FFF;}
.product_archieve .noimage{width:250px; height:250px; background:url(../images/front/noimage250x250.gif)}
.product_archieve .group1{float:left; width:260px; min-height:60px; height:auto !important; height:60px; padding:20px 5px; background:#FFF;}
.product_archieve .name{float:left; width:100%; text-align:center;}
.product_archieve .name a{color:#303030;}
.product_archieve .name a:hover, .product_archieve .price a:hover{text-decoration:none;}
.product_archieve .price{float:left; width:100%; text-align:center;}
.product_archieve .price a{color:#ffcc00; font-weight:bold;}
.product_archieve .btn{float:left; width:79px; height:79px; z-index:19; position:absolute; margin:-80px -20px -30px 205px; padding:0; display:none;}*/

.products_archieve h1{font-family:Oswald, Arial, Helvetica, sans-serif;}
.products{float:left; width:860px; margin:0; padding:0; list-style:none;}
.products li{float:left; width:200px; margin:0 0 30px 20px; padding:0;}
.products li:nth-child(4n+1){margin-left:0; clear:left;}
.products li .image{float:left; width:100%; height:200px; margin:0 0 12px;}
.products li .image img{width:100%; height:100%;}
.products li .group1{float:left; width:160px;}
.products li .group1 .name a{font-size:0.875em; font-weight:normal; color:#1b1b1b; font-family:Oswald, Arial, Helvetica, sans-serif;}
.products li .group1 .price_before{font-size:0.75em; font-weight:normal; color:#CCC; text-decoration:line-through;}
.products li .group1 .price{font-size:0.75em; font-weight:normal; color:#1b1b1b;}
.products li .noimage{width:200px; height:200px; background:url(../images/front/noimage200x200.gif)}
.products .tag_sale{margin:10px 0 0; padding:5px; text-align:center; background:#ff371d; color:#FFF; font-size:0.75em; text-transform:uppercase; position:absolute; z-index:2;}
.products .tag_preorder{margin:0 0 18px; padding:5px; text-align:center; background:#ffcc00; color:#FFF; font-size:0.75em; float:left; text-transform:uppercase; position:absolute; bottom:0;}

/*
.product_archieve li:hover{box-shadow:1px 1px 5px rgba(0,0,0,0.07); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border:solid 1px #FFF;}
.product_archieve li:hover .image{background:#f0efe9; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border:solid 1px #f0efe9;}
.product_archieve li:hover .btn{display:block;}
.product_archieve li:hover .group1{background:#dcdad0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.product_archieve li:hover .price a{color:#FFF; text-shadow:1px 1px 1px rgba(0,0,0,0.2);}*/

/* PRODUCT DETAIL */
.pd1{float:left; width:100%;}
.pd2{width:1200px; margin:0 auto 30px;}

.product_detail .breadcrumb{float:left; width:100%; padding:26px 0 10px; font-family:Oswald, Arial, Helvetica, sans-serif; font-size:0.875em; font-weight:300; border-bottom:solid 1px #FFF; text-transform:uppercase;}
.product_detail .breadcrumb a{float:left; color:#666; padding:1px 0 0; display:block;}
.product_detail .breadcrumb a:hover{text-decoration:none; color:#000;}
.product_detail .breadcrumb .sep{float:left; width:4px; height:7px; margin:7px 17px 6px; background:url(../images/front/breadcrumb-sep.gif) no-repeat left top;}
.product_detail .breadcrumb a:first-child{margin-left:10px;}

.product_left{float:left; width:543px; margin:0 0 30px;}
.main_image{float:left; width:540px; height:540px; overflow:auto; margin:0 0 15px 0; padding:9px; cursor:pointer; background:#f0efe9 url(../images/front/loading.gif) no-repeat 280px 280px; border:solid 1px #dcdad0; text-align:center; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d;}
.main_image img{position:relative; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform:translateY(-50%);}
.main_image .noimage{width:340px; height:340px; background:url(../images/front/noimage340x340.gif);}
#main_image{width:100%; height:auto;}
.images{float:left; width:560px; margin:0; padding:0 0 5px; list-style:none; display:block;}
.images li{float:left; margin:0 12px 10px 0; padding:0; width:77px; height:78px; overflow:hidden; cursor:pointer;}
.images li img {width:75px; height:76px; border:solid 1px #dcdad0; object-fit:cover;}
.images li img:hover {border:solid 1px #000;}
.images li.youtube{-webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d;}
.images li.youtube img{max-width:100%; position:relative; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform:translateY(-50%);}
.images li .play{width:77px; height:78px; position:absolute; z-index:2; left:0; top:0; background:url(../images/front/btn-play.png) no-repeat center;}
.images li.youtube:hover .play{display:none;}

.product_right{float:left; width:330px; margin:0 0 30px 47px;}
.product_right .group1{width:100%; margin:10px 0 0 0; padding:0 0 15px 0; border-bottom:solid 1px #dcdad0;}
.product_right .code{width:100%; margin:10px 0 0; font-size:0.75em; color:#ffcc00; text-transform:uppercase;}
.product_right h1{width:100%; display:block; margin:0; padding:0; font-family:Oswald, Arial, Helvetica, sans-serif; font-size:1.5em; line-height:1.2em;}
.product_right h2{width:100%; display:block; margin:3px 0 0 0; font-size:1em; line-height:1.2em;}
.product_right h2 a{color:#999;}
.product_right .description{float:left; width:100%; margin:0 0 5px 0; font-size:0.875em; line-height:1.5em; text-align:justify;}
.product_right .description h3{margin:20px 0 10px; font-family:Oswald, Arial, Helvetica, sans-serif; font-size:1.125em; line-height:1.2em;}
.product_right .description hr{height:1px; margin:20px 0 10px; border:none; background:#dcdad0;}
.product_right .description ul{float:left;}
.product_right .price_before{float:left; width:100%; font-size:1em; color:#666; text-decoration:line-through;}
.product_right .price{float:left; width:100%; padding:0 0 6px 0; font-size:1.75em; font-weight:700; color:#ffcc00;}
.tax_info2{float:left; width:100%; padding:0 0 15px; font-size:0.5em; font-style:italic; border-bottom:solid 1px #dcdad0; color:#999;}
.product_right .bulk_price{float:left; width:100%; padding:10px 0 10px; font-size:0.75em; border-bottom:solid 1px #dcdad0;}
.product_right .bulk_price span{font-weight:700;}
.product_right .weight_info{float:left; width:100%; padding:10px 0 10px; font-size:0.75em; border-bottom:solid 1px #dcdad0;}
.product_right .weight_info span{font-weight:700;}
.product_right .grosir_info{float:left; width:98%; margin:10px 0 0; padding:20px 0; border:solid 1px #FF9; background:#FFC; font-size:0.875em; text-align:center;}
.product_right .variant_qty, .product_right #product_variant{float:left; width:100%;}/*border-bottom:solid 1px #dcdad0;*/
.product_right #product_variant strong{float:left; width:100%; margin:0 0 10px;}
.product_right #product_variant ul{list-style:none; margin:0; padding:0;}
.product_right #product_variant li{margin:0; padding:0;}
.product_right #product_variant{padding:10px 0; border-bottom:solid 1px #dcdad0;}
.product_right .btn_add{float:left; width:330px; padding:15px 0 0 0; border-bottom:solid 1px #dcdad0;}
.variant_qty .box_button{float:left; }
.variant_qty .link2, .variant_qty .link3{margin-left:3px; padding:12px 13px 11px; line-height:1em;}
#variant{float:left; width:50%; padding:14px 0 15px 0;}
.btn_add #qty{float:left; width:115px; margin:0 3px 10px 0; padding:4px 0 15px 0;}
.btn_add .link1{padding:12px 13px 10px; line-height:1em;}
.btn_add .link2{margin-left:3px; padding:11px 13px 9px; line-height:1em;}
.btn_add .link3{margin-left:3px; padding:10px 13px 8px; line-height:1em;}
.btn_add .link3.green{clear:left; margin-bottom:15px;}
.variant_qty #qty{float:left; width:50%; padding:14px 0 15px 0;}
.variant_qty .addmulti{float:left; width:100%; margin:0 0 20px; padding:10px 0 0;}
.variant_qty .addmulti .left{float:left; width:72%; font-size:0.875em; line-height:2em;}
.variant_qty .addmulti .right{float:left; width:28%; text-align:right;}
.variant_qty .addmulti .left img{float:left; width:30px; height:30px; margin:0 5px 1px 0; object-fit:cover; vertical-align:middle; border:solid 1px #dcdad0;}
.variant_qty .addmulti .left img:hover{border:solid 1px #000;}
.variant_qty .addmulti .price2{font-weight:700; color:#ffcc00;}
.variant_qty .addmulti .bulk_price2{float:left; width:90%; padding:0 0 15px 10%; background:url(../images/front/yellowpoint.png) no-repeat 0px 14px; font-size:0.75em; color:#666;}
.variant_qty .addmulti .bulk_price2 span{font-weight:700;}
.variant_qty .addmulti .textboxes{width:50px;}
.variant_qty .addmulti .part2{width:100%; display:none;}
.variant_qty .addmulti .box_button.grey{float:left; width:100%; margin:10px 0 10px; padding:5px 0 3px; text-align:center;}
#selQty,#selSize{margin:0 0 0 5px;}
#selType{text-align:center; padding:6px 3px 7px;}
.btn_add #selQty{width:45px;}
.variant_qty #selQty{width:95px;}
.product_right .out_of_stock{float:left; width:100%; background:#FFF url(../images/front/bg-warning.gif); padding:20px 0; text-align:center; font-size:1.5em; font-weight:700;}
.how_to_buy{float:left; width:300px; margin:30px 0 10px 0; padding:4px 0 6px 30px; background:url(../images/front/icon_faq.gif) no-repeat left;}
.how_to_buy a{color:#63cbe7;}
.prod_detail_ym{float:left; width:100%; margin:0 0 10px 0; font-size:0.75em;}
.prod_detail_ym a{color:#63cbe7; font-weight:bold;}
.prod_detail_ym img{vertical-align:text-bottom; float:none;}

.pd2 .store_left, .nd .store_left{float:left; width:226px; margin:15px 0 0 29px; padding:15px 10px; border:solid 1px #dcdad0;}
.pd2 .store_left h3, .nd .store_left h3{font-family:Oswald, Arial, Helvetica, sans-serif; margin:0 0 20px;}
.pd2 .store_left ul, .nd .store_left ul{width:100%; margin:0; padding:0; list-style:none;}
.pd2 .store_left li, .nd .store_left li{width:100%; height:75px; margin:0 0 10px; padding:0; clear:left; font-size:0.75em;}
.pd2 .store_left .image, .nd .store_left .image{float:left; margin:0 10px 10px 0;}
.pd2 .store_left .image img, .nd .store_left .image img{width:75px; height:75px; object-fit:cover;}
.pd2 .store_left .name, .nd .store_left .name{margin:0 0 3px 0; font-family:Oswald, Arial, Helvetica, sans-serif;}
.pd2 .store_left .name a, .nd .store_left .name a{color:#000;}
.pd2 .store_left .price_before, .nd .store_left .price_before{color:#CCC; text-decoration:line-through;}
.pd2 .store_left .price, .nd .store_left .price{color:#FC0;}
.nd .store_left1{margin:10px 29px 0 0;}


.pd2 .store_right{float:left; width:922px; min-height:540px; height:auto !important; height:540px; margin:15px 0 0;}
.pd2 .store_right .description2{float:left; width:100%; padding:20px 0 0; border-top:solid 1px #dcdad0;}
.pd2 .store_right .description2 h3{margin:0 0 10px; font-family:Oswald, Arial, Helvetica, sans-serif; font-size:1.125em; line-height:1.2em;}


/* COMMENT */
.pd2 .store_right .comment-review *{box-sizing: border-box;}
.pd2 .store_right .comment-review .comment, .pd2 .store_right .comment-review .review{float:left; padding:5px; background:#FAFAFA;}
.pd2 .store_right .comment-review .tabs{float:left; width:100%; padding:50px 0 0;}
.pd2 .store_right .comment-review .tabs a{float:left; display:block; width:auto; margin:0 2px 1px 0; padding:15px 30px; background:#FAFAFA; font-family:Oswald, Arial, Helvetica, sans-serif; font-size:1em; line-height:1.2em; color:#333;}
.pd2 .store_right .comment-review .tabs a.active{background:#ffc601;}
.pd2 .store_right .comment-review .tabs a:hover{background:#DDD; text-decoration:none;}
.pd2 .store_right .comment, .pd2 .store_right .review{width:100%;}

.pd2 .store_right .comment-review .error, .pd2 .store_right .comment-review .info{margin:0; padding:50px 0; background:#FFF; text-align:center;}
.comment_form{float:left; width:100%; padding:15px 10px 15px; border-top:solid 1px #FC0; background:#ffe074;}
.comment_form h2{width:100%; margin:0 0 10px; padding:0; font-size:1em; font-weight:bold; color:#000; line-height:20px;}
.comment_form h2 a{color:#000;}
.comment_form .t_row{width:100%; min-height:30px; height:auto !important; height:30px; margin:0 0 5px 0;}
.comment_form .t_l{width:30%; font-size:0.875em; float:left;}
.comment_form .t_r{width:70%; float:left;}
.comment_form .textbox{width:100%; height:30px; padding:5px; font-size:0.875em;}
.comment_form .textarea{width:100%; height:70px; padding:5px; font-size:0.875em;}
.comment_form .box_button{margin:5px 0 0; padding:6px 20px 5px;}

.comment_form .tf_sc {width:100%; margin:6px 0 10px 0;}
.comment_form .tf_sc_left{width:30%; height:29px; padding:5px 0 0 0; font-size:14px; float:left;}
.comment_form .tf_sc_mid{width:70px; height:31px; padding:1px 0 0 0; font-size:22px; line-height:22px; letter-spacing:1px; float:left;}
.comment_form .tf_sc_right{width:105px; height:20px; float:left;}
.comment_form #txtSecurityCode{font-size:1.2em; text-align:center; width:70px; height:30px; padding:5px;}

/* TESTIMONIAL */
.pd2 .store_right .comment-review .review{display:none;}
.comment_archieve{width:100%; background:#FFF; margin:0 0 10px; padding:15px; float:left; border-top:solid 3px #FC0;}
.comment_archieve .img{width:15%; margin:0 5% 0 0; text-align:center; background:#FFF; float:left;}
.comment_archieve .img img{width:100%; height:auto;}
.comment_archieve .name{width:80%; margin:0 0 3px; float:left; font-size:1.25em; font-weight:bold;}
.comment_archieve .name span{font-weight:normal; font-size:0.75em;}
.comment_archieve .content{width:80%; float:left; font-size:1em; color:#000;}
.comment_archieve .content img{max-width:100%;}
.comment_archieve .content p{margin:0 0 15px; padding:0;}


.product_detail .paging_back{margin:0; border-bottom:solid 3px #aeaca0; font-size:0.875em; background:#c7c5b7; color:#FFF;}
.product_detail .paging_back:hover{background:#c1bfb1; text-decoration:none;}

.inline_contact{
	float:left;
	width:92%;
	padding:40px 4% 20px;
	background:#FFC;
	border-top:dotted 2px #000;
	border-bottom:dotted 2px #000;
}
.inline_contact h3{width:100%; display:block; margin:3px 0 0 0; font-size:1em; line-height:1.2em; font-weight:bold;}

.also{width:100%;}
.also ul{width:100%; margin:0; padding:0; list-style:none;}
.also li{width:250px; margin:0; padding:0;}

/* BRAND ARCHIEVE */
.brand_archieve .body2 h1{margin:0; padding:0 0 10px; font-size:1.25em; border-bottom:solid 2px #CCC;}
.brand_archieve .teaser3{float:left; width:100%; margin:2px 0 2px; border-top:solid 2px #CCC; border-bottom:solid 2px #CCC;}
.brand_archieve ul.brand_list{float:left; width:100%; margin:20px 0 0; padding:0; list-style:none;}
.brand_archieve ul.brand_list li{float:left; width:212px; height:270px; margin:0 12px 20px 0; padding:0; text-transform:uppercase; font-family:"nexa_boldregular", Arial, Helvetica, sans-serif; letter-spacing:1px;}
.brand_archieve ul.brand_list li:nth-child(4n){margin:0 0 20px 0;}
.brand_archieve ul.brand_list li .image{float:left; width:212px; height:212px; background:#FFF; border-bottom:solid 4px #949699; text-align:center; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d;}
.brand_archieve ul.brand_list li .image img{position:relative; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform:translateY(-50%);}
.brand_archieve ul.brand_list .group1{float:left; width:200px; margin:10px 6px 0;}
.brand_archieve ul.brand_list a.name{float:left; width:100%; height:16px; margin:0 0 3px; color:#333; font-size:0.75em; font-weight:bold; font-family:"nexa_lightregular", Arial, Helvetica, sans-serif; display:block;}




/* BRAND DETAIL */
.brand_detail .brand_product{float:left; width:100%; margin:0 0 30px; padding:30px 0 0;}
.brand_detail .brand_product h1{margin:0 0 40px; font-family:Oswald, Arial, Helvetica, sans-serif; font-size:1.5em; text-transform:uppercase;}
.brand_detail .products{width:100%;}
.brand_detail .products li{margin:0 0 30px 50px;}
.brand_detail .products li:nth-child(4n+1){clear:none;}
.brand_detail .products li:nth-child(5n+1){margin-left:0; clear:left;}

/* STEPS */
.store_cart h1{float:left; width:100%; margin:0 0 30px 0; letter-spacing:-1px; font-size:1.5em; color:#000;}
.shopping_steps{float:left; width:100%; height:42px; margin:40px 0 60px;}
.shopping_steps div{float:left; width:25%; font-size:0.875em; line-height:40px; text-align:center; cursor:default; overflow:hidden;}
.shopping_steps .sep{display:none;}
.shopping_steps span{width:46px; margin:0 10px 0 0; padding:8px 0; background:#666; font-size:1.25em; line-height:30px; text-align:center; display:inline-block; color:#FFF; border-radius:23px;}
.shopping_steps .passed span{background:#CCC; color:#FFF;}

/* CART */
body.store_cart .maincontent-container, body.checkout .maincontent-container, body.confirm .maincontent-container, body.invoice .maincontent-container{padding:40px 0 60px;}
body.store_cart h1, body.checkout h1, body.confirm h1, body.invoice h1{margin:0;}
body.invoice h4{text-align:center; margin:5px 0 15px; font-weight:bold;}
.table-cart{width:100%; margin:15px 0 10px; border-bottom:solid 2px #000;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {border:none;}
.table-cart thead th{background:none; text-transform:uppercase; border-bottom:solid 2px #000 !important; text-align:left;}
.table-cart tbody td{background:none; border-bottom:solid 1px #999 !important; text-align:left;}
.table-cart tbody td:nth-child(3n+1){width:70px; text-align:center;}
.table-cart tbody td:nth-child(3n+3){width:70px; text-align:center;}
.table-cart tbody td big{font-weight:bold;}
.table-cart tbody td img{max-height:70px; max-width:70px;}
.table-cart tbody td input{width:70px;}
.table-cart tbody td .box_button{margin:auto; padding:5px 10px; background:#FC0; float:none;}
.table-cart .subtotal td{background-color:#FFF;}
.table-cart .freight td{background-color:#FAFAFA;}
.table-cart .gst td{background-color:#FFC;}
.table-cart .total td{background-color:#FF0;}
body.store_cart .table-cart .subtotal, body.store_cart .table-cart .freight, body.store_cart .table-cart .gst, body.store_cart .table-cart .total{font-size:16px;}
body.checkout .action, body.confirm .action, body.invoice .action{display:none;}
body.checkout .qty_editable, body.confirm .qty_editable, body.invoice .qty_editable{display:none;}
body.store_cart .qty_noteditable{display:none;}
.tax_info{float:left; width:100%; margin:0 0 15px; padding:0 0 15px; font-size:0.75em; font-style:italic; color:#999;}

table.shopping_cart, #completed{float:left; width:1200px;}
table.shopping_cart th{height:40px; background:#F0F0F0; font-size:0.875em; font-weight:700;}
table.shopping_cart td{height:30px; background:#FFF; font-size:0.875em;}
table.shopping_cart .pno {font-size:1.25em;}
table.shopping_cart .pname {font-size:1em;}
table.shopping_cart .pcode {font-size:0.75em; color:#666;}
table.shopping_cart .total td {height:30px; background:#f6f8f8; font-size:0.875em; font-weight:bold; text-align:right;}
table.shopping_cart input{text-align:center;}

#shopping_cart{float:left; width:100%; margin:auto; padding:0 0 50px 0;}
#shopping_cart .action{float:left; width:1200px;}
#shopping_cart .shipping_note{float:left; width:480px; padding:20px; font-size:0.875em; color:#000; background:#FFC; border:solid 1px #FF9;}
#shopping_cart .warning{margin:30px 0 60px 0;}
#shopping_cart .box_button{float:right; margin-left:1px;}

/* CHECKOUT */
.personal_info1{width:562px; margin:0 auto 0;}
.personal_info2{float:left; width:560px; border:solid 1px #CCC;}
.personal_info1 h1{width:auto; padding:45px 30px 30px; font-size:1.5em; color:#000;}
.personal_info1 h2{padding:35px 0 20px; font-size:1.5em; color:#000;}
#shipping{width:540px; margin:0 auto 0;}
#shipping .warning{width:520px; padding:20px 0; border:solid 1px #FF9; background:#FFC; text-align:center;}

.shipping_info{float:left; width:500px; margin:0 20px;}
.shipping_info th, .shipping_info td{font-size:0.875em; text-align:left; display:block;}
.shipping_info th{padding-top:20px;}
.shipping_info .textboxes{width:480px; padding:5px; margin:0; border:solid 1px #CCC; font-size:1em; background:#FAFAFA;}
.shipping_info .textareas{width:480px; height:120px; line-height:1em; padding:5px; margin:0; border:solid 1px #CCC; font-size:1em; background:#FAFAFA;}
.shipping_info .selects{width:360px; padding:7px 5px; margin:0; border:solid 1px #CCC; font-size:1em; background:#FAFAFA;}
.shipping_info hr{border:none; height:1px; background:#CCC;}
#txaDropship{height:120px;}
.shipping_info a{color:#ffcc00;}
.shipping_info a.box_button{color:#FFF;}
.shipping_info a.box_button.link1{line-height:17px;}
.shipping_info .box_button.link2{margin-right:3px; padding:13px 20px 10px;}
.shipping_info .box_button.link3{margin-right:3px; padding:12px 20px 10px;}
.shipping_info .box_button{float:right; margin-left:1px;}
#courier{float:left; width:100%;}
#courier th, #courier td, #pilihan_pembayaran th, #pilihan_pembayaran td{display:table-cell;}
#courier .short, #pilihan_pembayaran .short{width:100%; margin:0 0 10px; color:#CCC; font-style:italic;}
#courier .long{width:100%; display:none;}
#pilihan_courier, #pilihan_pembayaran{float:left; width:460px;}
#pilihan_courier strong, #pilihan_pembayaran strong{margin:3px 0 5px; display:block;}
#courier_other_table{width:100%; margin:20px 0 0;}
#courier_other_table th{width:25%; font-size:1em;}
#courier_other_table td{font-size:1em;}
#courier_other_table input{width:300px; padding:5px; margin:0 0 3px; border:solid 1px #CCC; font-size:1em; background:#FAFAFA;}
#expedition_name{float:left; width:50%; margin:0 0 10px; clear:both;}
#paket{float:left; width:50%; margin:0 0 10px;}
#paket .selects{width:210px;}
#paket .textboxes{width:230px; padding:2px 5px;}


/* CONFIRM DATA */
.confirm h1{float:left; width:100%; margin:0 auto 0; padding:0 0 30px 0; letter-spacing:-1px; font-size:1.5em; color:#000;}
#confirm{float:left; width:1200px;}
#confirm .boxleft{float:left; width:530px; margin:0 40px 0 0;}
#confirm .boxright{float:left; width:630px; margin:0 0 0 0; border:0;}
#confirm .shipping_note{width:90%; margin:20px 0 0; padding:10px 4.5%; font-size:0.8125em; color:#000; background:#FFC; border:solid 1px #FF9;}

.shipping_info_small{width:100%; margin:2px 0 0; border:0; float:left;}
.shipping_info_small th{text-align:left; height:30px; font-size:0.875em; font-weight:bold; border-bottom:dotted 1px #d2d4d5;}
.shipping_info_small td{text-align:left; font-size:0.875em; border-bottom:dotted 1px #d2d4d5;}
.shipping_info_small th.top{height:49px; font-size:1em; border-bottom:solid 1px #d2d4d5;}

.shopping_cart_small{width:630px; margin:2px 0 0 0;}
.shopping_cart_small th{height:40px; font-size:1em; font-weight:bold; border-bottom:solid 1px #d2d4d5;}
.shopping_cart_small td{height:30px; font-size:0.875em; border-bottom:dotted 1px #d2d4d5;}
.shopping_cart_small .pimage{float:left; margin:0 10px 0 0;}
.shopping_cart_small .pname{font-size:1em; font-weight:bold;}
.shopping_cart_small .pcode{font-size:0.875em; color:#666;}
.shopping_cart_small .subtotal td{font-weight:bold;}
.shopping_cart_small .shipping_fee td{font-weight:bold;}
.shopping_cart_small .total td{height:30px; background:#F8F8F8; font-size:0.875em; font-weight:bold; text-align:right;}
.shopping_cart_small .discount td{height:30px; background:#fafafa; font-size:0.875em; font-weight:bold; text-align:right;}
.shopping_cart_small .total_after_discount td{height:30px; background:#eee; font-size:0.875em; font-weight:bold; text-align:right;}
.shopping_cart_small .tax td{height:30px; background:#fafafa; font-size:0.875em; font-weight:bold; text-align:right;}
#confirm .action_update{float:left; width:100%; margin:60px 0 30px;}

.shopping_voucher_list{float:left; width:100%; margin:20px 0 0;}
.shopping_voucher_list table{float:left; width:99.4%; border:0; background:#d2d4d5;}
.shopping_voucher_list th{height:30px; font-size:0.75em; background:#EEE;}
.shopping_voucher_list td{font-size:0.75em; background:#FFF;}
.shopping_voucher_list em{float:left; margin:10px 0 0; font-size:0.75em;}

.shopping_voucher_small {float:left; width:90%; margin:20px 0 0; padding:10px 4.5%; background:#FFC; border:solid 1px #FF9;}
.shopping_voucher_small table{float:left; width:100%; border:0; float:left;}
.shopping_voucher_small td, .shopping_voucher_small th{color:#000;}
.shopping_voucher_small th {text-align:left; height:30px; font-size:0.75em;}
.shopping_voucher_small td {text-align:left; font-size:0.75em;}
.shopping_voucher_small .textboxes {width:120px; padding:5px; margin:0; border:solid 1px #CCC; border-top:solid 1px #999; font-size:1em; background:#FFF;}
.shopping_voucher_small .box_button{white-space:nowrap;}
#confirm .box_button{float:right;}
#confirm .box_button.link3{margin-right:3px;}
#confirm .box_button.link2{margin-right:3px; padding:14px 20px 6px;}
#confirm .shipping_note{float:left; width:580px; padding:20px; font-size:0.875em; color:#000; background:#FFC; border:solid 1px #FF9;}

/* COMPLETED */
#completed{float:left; width:1200px;}
#completed h1{display:none;}
#completed h2{float:left; width:100%; letter-spacing:-1px; font-size:1.25em; color:#000; margin:30px 0 5px 0; padding:0; color:#000;}
#completed h3{float:left; width:100%; font-size:1em; margin:0 0 10px 0; padding:0; color:#00bce4;}
#completed h4{float:left; width:100%; font-size:1.25em; margin:20px 0 20px 0; padding:0; font-weight:bold;}
#completed hr{float:left; width:100%; height:1px; border:0; margin:10px 0; background:#e3e6e6;}
#completed .group1{float:left; width:100%; padding:0 0 20px 0; border-bottom:solid 1px #CCC;}
#completed .group2{float:left; width:100%; padding:20px 0 20px 0; border-bottom:solid 1px #CCC; font-size:1em;}
#completed .group3{float:left; width:100%; padding:20px 0 20px 0; border-bottom:solid 1px #FF9; font-size:1em;}
#completed .group4{float:left; width:100%; padding:20px 0 20px 0; border-bottom:solid 1px #FF9; font-size:0.875em; background:#FFC; text-align:center;}
#completed .group5{float:left; width:100%; padding:20px 0 20px 0;}
#completed .group6{float:left; width:100%; padding:20px 0 20px 0;}
#completed .group7{float:left; width:100%; padding:20px 0 20px 0; border-bottom:solid 1px #CCC; font-size:1em;}
#completed .group8{float:left; width:100%; padding:20px 0 20px 0; border-bottom:solid 1px #CCC; font-size:1em;}
#completed .group9{float:left; width:100%; padding:20px 0 20px 0; font-size:0.875em;}
.shipping_info_completed{float:left; width:100%; background:#FFF;}
.shipping_info_completed th{height:1em; background:#F5F5F5; font-size:0.875em; text-align:left; line-height:1em; border-bottom:solid 1px #CCC;}
.shipping_info_completed td{height:1em; background:#FFF; font-size:0.875em; line-height:1em; border-bottom:solid 1px #CCC;}

.shopping_cart_completed{float:left; width:100%; background:#FFF;}
.shopping_cart_completed th{height:30px; background:#F0F0F0; font-size:0.875em; font-weight:bold; border-bottom:solid 2px #CCC;}
.shopping_cart_completed td{height:30px; background:#FFF; font-size:0.875em;}
.shopping_cart_completed .pimage{float:left; margin:0 10px 0 0;}
.shopping_cart_completed .pname a{color:#333; font-weight:bold;}
.shopping_cart_completed .pcode{font-size:0.75em; color:#666;}
.shopping_cart_completed .subtotal td{font-weight:bold; background:#F0F0F0;}
.shopping_cart_completed .shipping_fee td{font-weight:bold; background:#fafafa;}
.shopping_cart_completed .total td{height:30px; font-weight:bold; background:#F0F0F0; text-align:right;}
.shopping_cart_completed .discount td{height:30px; background:#fafafa; font-size:0.875em; font-weight:bold; text-align:right;}
.shopping_cart_completed .total_after_discount td{height:30px; background:#eee; font-size:0.875em; font-weight:bold; text-align:right;}
.shopping_cart_completed .tax td{height:30px; background:#fafafa; font-size:0.875em; font-weight:bold; text-align:right;}
.rekenings{margin:15px 0 3px 0; padding:0; border:0; list-style:none;}
.rekenings li{margin:0 0 1px 0; padding:10px; text-align:center; background:#F0F0F0;}
.rekenings li.sep{background:none;}

/* CCPAYMENT */
#ccpayment{float:left; width:1200px;}
#ccpayment h1{float:left; width:100%; margin:80px 0 0; text-align:center; text-transform:uppercase; font-size:1.5em; font-family:Oswald, Arial, Helvetica, sans-serif;}
#ccpayment h2{float:left; width:100%; margin:10px 0 0; text-align:center; text-transform:uppercase; font-size:1em;}
#ccpayment h4{float:left; width:100%; font-size:1.25em; margin:20px 0 20px 0; padding:0; font-weight:bold;}
#ccpayment hr{float:left; width:100%; height:1px; border:0; margin:10px 0; background:#e3e6e6;}
#ccpayment .group1{float:left; width:100%; padding:0 0 20px 0; text-align:center;}
#ccpayment .group1 .box_button{float:none; margin:30px auto 30px; display:inline-block;}
#ccpayment .group2{float:left; width:100%; padding:40px 0 20px 0; font-size:1em;}
#ccpayment .group2 a{color:#0CF; margin:10px 0 0; display:inline-block;}
#ccpayment .group3{float:left; width:100%; border-top:solid 1px #CCC; font-size:1em;}
#ccpayment .group4{float:left; width:100%; padding:20px 0 20px 0; font-size:1em;}
#ccpayment .group5{float:left; width:100%; padding:20px 0 20px 0; border-top:solid 1px #CCC;}
#ccpayment .group6{float:left; width:100%;}
.shipping_info_ccpayment{float:left; width:100%; background:#CCC;}
.shipping_info_ccpayment th{height:30px; background:#F5F5F5; font-size:0.875em; text-align:left;}
.shipping_info_ccpayment td{height:30px; background:#FFF; font-size:0.875em;}

.shopping_cart_ccpayment{float:left; width:100%; background:#CCC;}
.shopping_cart_ccpayment th{height:30px; background:#F0F0F0; font-size:0.875em; font-weight:bold;}
.shopping_cart_ccpayment td{height:30px; background:#FFF;}
.shopping_cart_ccpayment .pno{font-size:1em;}
.shopping_cart_ccpayment .pimage{margin:5px 0;}
.shopping_cart_ccpayment .pname{}
.shopping_cart_ccpayment .pcode{font-size:0.75em; color:#666;}
.shopping_cart_ccpayment .subtotal td{font-weight:bold; background:#F0F0F0;}
.shopping_cart_ccpayment .shipping_fee td{font-weight:bold; background:#fafafa; font-size:0.875em;}
.shopping_cart_ccpayment .total td{height:30px; font-weight:bold; background:#F0F0F0; text-align:right;}
.shopping_cart_ccpayment .discount td{height:30px; background:#fafafa; font-size:0.875em; font-weight:bold; text-align:right;}
.shopping_cart_ccpayment .total_after_discount td{height:30px; background:#eee; font-weight:bold; text-align:right;}
.shopping_cart_ccpayment .tax td{height:30px; background:#fafafa; font-size:0.875em; font-weight:bold; text-align:right;}


/* PRINT */
body.invoice{background:#FFF;}
#invoice{width:94%; margin:0 auto 0; color:#000; font-size:0.875em; font-family:Arial, Helvetica, sans-serif; padding:0;}
#invoice div, #invoice td, #invoice th{font-family:Arial, Helvetica, sans-serif;}
#invoice .logo{margin:20px 0 20px;}
#invoice h1{line-height:2em;}
#invoice h2{float:left; width:100%; letter-spacing:-1px; font-size:1.25em; color:#000; margin:5px 0 5px 0; padding:0; color:#000;}
#invoice h3{float:left; width:100%; font-size:1em; margin:0 0 5px 0; padding:0; color:#00bce4;}
#invoice h4{float:left; width:100%; font-size:1.25em; margin:20px 0 20px 0; padding:0; font-weight:bold;}
#invoice hr{float:left; width:100%; height:1px; border:0; margin:10px 0; background:#e3e6e6;}
#invoice hr{width:100%; height:1px; border:0; margin:10px 0; background-color:#e3e6e6;}
#invoice .group1{float:left; width:100%; padding:10px 0; border-top:solid 1px #CCC; border-bottom:solid 1px #CCC;}
#invoice .group2{float:left; width:100%; padding:20px 0 20px 0; border-bottom:solid 1px #CCC; font-size:1em;}
#invoice .group3{float:left; width:100%; padding:20px 0 20px 0; border-bottom:solid 1px #FF9; font-size:1em;}
#invoice .group4{float:left; width:100%; padding:20px 0 20px 0; border-bottom:solid 1px #FF9; font-size:0.875em; background:#FFC; text-align:center;}
#invoice .group5{float:left; width:100%; padding:20px 0 20px 0;}
#invoice .group6{float:left; width:100%; padding:20px 0 20px 0;}
#invoice .group7{float:left; width:100%; padding:20px 0 20px 0; border-bottom:solid 1px #CCC; font-size:1em;}
#invoice .group8{float:left; width:100%; padding:20px 0 20px 0; border-bottom:solid 1px #CCC; font-size:1em;}
#invoice .group9{float:left; width:100%; margin:0 0 30px; padding:20px 0 20px 0; font-size:1em;}

/* PAYMENT CONFIRMATION */
#payment{width:700px; margin:0 auto 0;}
#payment h1{float:left; width:100%; margin:40px 0 25px 0; padding:10px 0 30px 0; letter-spacing:-1px; font-size:1.5em; color:#000; border-bottom:solid 1px #CCC;}
#payment .warning{width:698px; padding:20px 0; border:solid 1px #FF9; background:#FFC; text-align:center;}
.payment_info{float:left; width:100%;}
.payment_info td, .payment_info th{font-size:0.875em;}
.payment_info .left{width:216px;}
.payment_info .textboxes{width:440px; padding:5px; margin:0; border:solid 1px #CCC; font-size:1em; background:#FFF;}
.payment_info .textboxes.smaller{width:340px;}
.payment_info .textareas{width:440px; padding:5px; margin:0; border:solid 1px #CCC; font-size:1em; background:#FFF;}
.payment_info .selects{width:340px; padding:5px; margin:0; border:solid 1px #CCC; font-size:1em; background:#FFF;}
.ui-datepicker, .ui-datepicker div{float:none;}
.ui-timeselection{display:none;}
#payment .box_button{float:right;}
#payment .select_invoice{float:right; padding:10px 20px 9px;}
#popup_select{width:400px; display:none;}
#popup_select .title{width:94%; padding:10px 3% !important; margin:0 !important; color:#FFF; font-size:1.25em; text-transform:uppercase; background:#ffa921; line-height:36px; text-align:center; font-weight:normal;}
#popup_select .content{width:94%; padding:30px 3% 30px 3%; !important; min-height:30px; height:auto !important; height:30px; margin:0 !important; font-size:1em; text-align:center; border-bottom:solid 5px #CCC;}
#popup_select select{width:340px; padding:5px; margin:0; border:solid 1px #CCC; font-size:1em; background:#FFF;}

/* ORDER HISTORY */
.memberhistory .body2{width:1000px; margin:30px auto 0;}
.memberhistory .content{float:left; width:800px; font-size:1em;}
.memberhistory h1{margin:5px 0 30px 0; font-family:Oswald, Arial, Helvetica, sans-serif;}
.memberhistory .filter{float:left; width:100%; margin:0 0 1px; padding:10px 0; border-top:solid 4px #CCC; border-bottom:dotted 1px #CCC;}
.memberhistory .filter div{float:left; margin:0 10px 0 0;}
.memberhistory .filter input{height:24px; line-height:12px;}
.memberhistory .filter select{font-size:1em;}
table.order_history{float:left; width:100%; margin:0; padding:0; list-style:none; border-top:solid 1px #CCC; border-bottom:solid 1px #CCC; background:#FAFAFA; font-size:0.875em;}
table.order_history th{background:#333; padding:10px 5px; font-weight:bold; color:#FFF;}
table.order_history td{background:#FFF; padding:10px 5px; border-bottom:solid 1px #E0E0E0;}
table.order_history a{margin:0 15px 0 0; font-size:0.875em; line-height:1em;}
table.order_history .pcode{font-size:1em; font-weight:bold; line-height:1.25em;}
table.order_history img{margin:0 5px 0 0; vertical-align:middle;}


/* TESTIMONIAL */
/*.testimonial .paging{width:700px;}
.testimonial_archieve{width:680px; background:#CCC; margin:30px auto 0; padding:10px; float:left; border-top:solid 3px #BBB;}
.ta_img{width:100px; height:100px; margin:0 15px 0 0; text-align:center; background:#FFF; float:left; overflow:hidden;}
.ta_img img{position:relative; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform:translateY(-50%);}
.ta_name{margin:0 0 3px 0; font-size:1.25em; color:#FFF; font-weight:bold; text-shadow:0 1px 0 #BBB;}
.ta_content{font-size:1em; color:#000;}
.ta_content img{max-width:560px;}
.ta_content p{margin:0 0 15px 0; padding:0;}

.testimonial_form{width:700px; padding:30px 0 50px; border-top:dotted 1px #000; float:left;}
.testimonial_form h2{width:100%; margin:0 0 25px 0; padding:0; font-size:20px; font-weight:bold; color:#000; line-height:20px;}
.t_row{width:100%; min-height:30px; height:auto !important; height:30px; margin:0 0 5px 0;}
.t_l{width:160px; font-size:0.875em; float:left;}
.t_r{width:540px; float:left;}
.testimonial_form .textbox{width:528px; height:20px; padding:5px; font-size:0.875em;}
.testimonial_form .textarea{width:528px; height:100px; padding:5px; font-size:0.875em;}
.tf_sc {width:390px; margin:6px 0 10px 0;}
.tf_sc_left{width:170px; height:24px; padding:5px 0 0 0; font-size:0.875em; float:left;}
.tf_sc_mid{width:100px; height:30px; padding:1px 0 0 0; font-size:1.5em; line-height:22px; letter-spacing:1px; float:left;}
.tf_sc_right{width:105px; height:20px; float:left;}
#txtSecurityCode{font-size:1em; text-align:center; width:60px; height:20px; padding:5px;}
.testi_submit{margin:10px 0 0 0; float:right;}*/

/* CONTACT */
.contact_forms{float:left; width:1200px; margin:30px 0 0; background:#f0efe9; border-top:solid 4px #CCC; border-bottom:solid 3px #F0F0F0;}
.contact_intro{width:100%; font-size:1.5em; font-weight:bold; margin:0 0 30px 0;}
.contact_form{width:1100px; margin:50px;}
.contact_form .col1{width:530px;}
.contact_form .col2{width:40px;}
.contact_form .col3{width:530px;}
.contact_form .c_row{width:100%; min-height:24px; height:auto !important; margin:0 0 5px 0;}
.contact_form .c_l{width:100%; margin:0 0 10px 0; font-size:1em;}
.contact_form .c_r{width:100%;}
.contact_form .textbox{width:510px; height:30px; padding:0 5px; line-height:30px;}
.contact_form .textarea{width:510px; height:150px; padding:5px; }
.contact_form .cf_sc {width:100%; margin:0 0 10px 0; font-size:1em;}
.contact_form .cf_sc div {float:left;}
.contact_form .cf_sc_left {width:140px; height:24px; padding:5px 0 0 0;}
.contact_form .cf_sc_mid {width:140px; height:29px; padding:3px 0 0 0; font-size:2em; line-height:22px; letter-spacing:3px; font-weight:bold}
.contact_form .cf_sc_right {width:105px; height:29px;}
.contact_form #txtSecurityCode {font-size:2em; line-height:1em; text-align:center; width:80px;}
.contact_form #btnSubmit{float:right; margin:0 16px 0 0;}
.contact_form .contact_addr{float:left; width:100%; font-size:1em; line-height:1.5em;}
.contact_form .contact_addr img{vertical-align:middle; margin:2px 0;}

/* CONTACT AJAX */
.contact_form_ajax{width:560px;}
.contact_form_ajax .c_row{width:100%; min-height:30px; height:auto !important; height:30px; margin:0;}
.contact_form_ajax .c_l{float:left; clear:left; width:25%; margin:0 0 5px 0; font-size:1em;}
.contact_form_ajax .c_r{float:left; width:75%; margin:0 0 5px 0;}
.contact_form_ajax .textbox{width:97%; height:30px; padding:0 1%; line-height:30px;}
.contact_form_ajax .textarea{width:97%; height:50px; padding:5px 1%; line-height:1em;}
.contact_form_ajax .box_button{float:right;}
.contact_form_ajax .cf_sc{float:left; clear:left; width:100%; margin:0 0 10px 0; font-size:1em;}
.contact_form_ajax .cf_sc div{float:left;}
.contact_form_ajax .cf_sc_left{width:180px; height:24px; padding:5px 0 0 0;}
.contact_form_ajax .cf_sc_mid{width:140px; height:29px; padding:3px 0 0 0; font-size:2em; line-height:22px; letter-spacing:3px; font-weight:bold}
.contact_form_ajax .cf_sc_right{width:105px; height:29px;}
.contact_form_ajax #txtSecurityCode{font-size:2em; line-height:1em; text-align:center; width:80px;}


/* TERMS */
.terms_ajax{width:100%;}
.terms_ajax h1{width:100%;}

/* FOOTER */
.footernote1{float:left; width:100%; margin:40px 0 1px; padding:0 0 25px 0; background:#FFF;}
.footernote2{width:1200px; min-height:100px; height:auto !important; height:100px; margin:auto; text-align:center;}
.footernote2 .title{width:100%; height:36px; margin:0 0 25px; text-align:center;}
.footernote2 h3{float:none; display:inline-block; width:auto; padding:10px 20px; font-family:Oswald, Arial, Helvetica, sans-serif; font-size:0.875em; border-bottom:solid 1px #CCC; text-transform:uppercase;}
.footernote2 img{max-width:100%; height:auto;}

.footer1{float:left; width:100%; padding:100px 0; background:#333;}
.footer2{width:1200px; min-height:60px; height:auto !important; height:60px; margin:auto;}
.footer3{float:left; width:30%;}
.footer3 h3{color:#B0B0B0; font-size:1.125em; font-family:Oswald, Arial, Helvetica, sans-serif;}
.contact_phone{height:34px; margin:8px 0 0; padding:6px 0 0 50px; color:#FFF; font-size:1.5em; font-family:Oswald, Arial, Helvetica, sans-serif; background:url(../images/front/icons.png) 0px 40px repeat-y;}
.contact_phone a{color:#FFF;}
.contact_wa{margin:8px 0 0; padding:0 0 0 21px; background:url(../images/front/icon-wa.png) no-repeat left; color:#FFF; font-size:0.75em; font-family:Oswald, Arial, Helvetica, sans-serif; line-height:1.5em;}
.contact_wa a, .contact_sales a{color:#FFF;}
.contact_sales{margin:8px 0 0; padding:0; color:#FFF; font-size:0.75em; font-family:Oswald, Arial, Helvetica, sans-serif; line-height:1.5em;}
.contact_sales ul{margin:0 0 0 10px; padding:0 0 0 5px;}
.contact_sales li{margin:0; padding:0 0 0 5px;}
.footer4{float:left; width:70%;}
.footer4.no_left{width:100%;}
.footerlinks{float:right; margin:15px 0 0 0;}
.footerlinks ul{margin:0; padding:0; list-style:none;}
.footerlinks li{float:left; margin:0; padding:0; text-transform:uppercase; font-size:0.75em; color:#FFF;}
.footerlinks li.sep{width:1px; height:16px; margin:0 15px; background:#FFF;}
.footerlinks a{color:#FFF;}
.footerlinks a:hover{text-decoration:none; color:#ffcc00;}
.footerlinks .links5{display:none;}
.footerlinks .links6{display:block;}
.copyright{float:right; margin:3px 0 0 0; text-align:center; font-size:0.75em; color:#767676;}

.footer-seo1{float:left; width:100%; padding:50px 0; background:#333; border-top:solid 1px #999; border-bottom:solid 1px #999;}
.footer-seo2{width:94%; margin:auto;}
.footer-seo2 div{color:#666;}

.bottom1{float:left; width:100%; padding:5px 0; background:#292929;}
.bottom2{width:1200px; min-height:10px; height:auto !important; height:10px; margin:auto; font-size:0.625em; color:#6A6A6A; text-transform:lowercase;}
.bottom2 a{color:#6A6A6A;}

/* PAGING */
.paging{width:100%; margin:30px 0; float:left;}
.paging_label{float:left; width:150px; font-size:0.875em; font-weight:bold; color:#000;}
.paging_links{float:right;}
.paging_prev, .paging_next{float:left; margin:0 2px 0; padding:12px 20px 10px; border-bottom:solid 3px #efa901; font-size:0.875em; background:#ffcc00; color:#FFF; display:block;}
.paging_back{float:left; margin:0 2px 0; padding:12px 20px 10px; border-bottom:solid 3px #efa901; font-size:0.875em; background:#ffcc00; color:#FFF; display:block;}
.paging_prev:hover, .paging_next:hover, .paging_back:hover{background:#ffa921; text-decoration:none;}

/* POPUP */
#message{width:400px; background:#fff; padding:0; display:none;}
#message .title{width:94%; padding:10px 3% !important; margin:0 !important; color:#FFF; font-size:1.25em; text-transform:uppercase; background:#ffa921; line-height:36px; text-align:center; font-weight:normal;}
#message .content{width:94%; padding:30px 3% 30px 3%; !important; min-height:30px; height:auto !important; height:30px; margin:0 !important; font-size:1em; text-align:center; border-bottom:solid 5px #CCC;}
.add_to_cart{font-size:1em; color:#000; text-align:center; width:100%;}
.add_to_cart .box_button{float:none;}

#window{width:600px; background:#fff; padding:0; display:none;}
#window .title{width:94%; padding:10px 3% !important; margin:0 !important; color:#FFF; font-size:1.875em; text-transform:uppercase; background:#000; line-height:36px; text-align:center;}
#window .content{width:94%; padding:30px 3% 30px 3%; !important; min-height:200px; height:auto !important; height:200px; margin:0 !important; font-size:0.875em;  line-height:1.5em; border-bottom:solid 5px #CCC;}

.centered-btns1_nav{
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 50%;
  left: 0;
  opacity: 0.7;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("../images/themes.gif") no-repeat left top;
  margin-top: -45px;
}

.centered-btns1_nav:active{
  opacity: 1.0;
}

.centered-btns1_nav.next{
  left: auto;
  background-position: right top;
  right: 0;
}

.centered-btns1_nav:focus{
  outline: none;
}

.centered-btns1_tabs{
  margin-top: 10px;
  text-align: center;
}

.centered-btns1_tabs li{
  display: inline;
  float: none;
  _float: left;
  *float: left;
  margin-right: 5px;
}

.centered-btns1_tabs a{
  text-indent: -9999px;
  overflow: hidden;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #ccc;
  background: rgba(0,0,0, .2);
  display: inline-block;
  _display: block;
  *display: block;
  -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  width: 9px;
  height: 9px;
}

.centered-btns1_here a{
  background: #222;
  background: rgba(0,0,0, .8);
}

/* Tweak Sharethis */
#stOCWrapper div, #stOCWrapper img{float:none;}
#outerContainer div, #outerContainer img{float:none;}
.sthoverbuttons-label {font-size:11px;}

/* Tweak Portamento */
#sidebar {width:55px; height:55px; padding:0 0 4px 0; position:fixed; right:0; top:0; background:url(../images/front/btn-back-to-top-grey.png) no-repeat left top; z-index:20;}/*was absolute*/
#sidebar img{width:45px; height:45px;}
#portamento_container {position:absolute; right:0; top:0;} /* take the absolute positioning of the sidebar */
#portamento_container #sidebar {border:solid 1px red;}
#portamento_container #sidebar.fixed {position:fixed; right:auto; top:auto;} /* become fixed position, but reset the top and right values */

#sidebar2{
    width: 65px;
    height: 65px;
    position: fixed;
    right: 15px;
    bottom: 15px;
	z-index:200;
}
#sidebar2 img{
	width:65px;
	height:65px;
}
#sidebar2 a{
	display:block;
}

/* 55+1200+55+17 */
@media screen and (max-width: 1327px){
/*#portamento_container{display:;}*/
}

/* 1200+17, mobile mode */
/*@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 320px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 320px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 320px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 320px),
only screen and (                min-resolution: 192dpi) and (min-width: 320px),
only screen and (                min-resolution: 2dppx)  and (min-width: 320px){*/
@media screen and (max-width: 1217px){
.top1, .membermenu1, .header1, .topcat1{display:none;}
.mobile-header{display:block;}
.header2, .announcement2{float:left; width:100%; height:auto;}
.wallpaper1{padding:40px 0; background:url(../images/front/bg_corkboard.jpg);}
.wallpaper1, .header1{height:auto;}
.wallpaper2{width:961px;}
.wallpaper2 .group1{margin-right:0;}
.wallpaper2 .w5{display:none;}
.membermenu4{display:none;}
.title1.cat1, .teaser3.cat1{display:none;}
.title1 h2, .title1 h2{width:100%; padding:17px 0 18px; text-align:center;}
.title1.popular{margin-top:0;}
.title2, .index .title2{width:100%;}
.title2 .more{width:100%; margin:10px 0 0; text-align:center;}
/*.teaser1{padding:40px 0 10px;}*/
/*.teaser2{width:955px;}
.teaser2 li:last-child{display:none;} swiper*/
.teaser3{padding:0 0 40px;}
.teaser4{width:100%;}
.teaser4 ul.banner{display:none;}
.teaser4 ul.list{width:100%; height:auto; padding:20px 0; background:#F0F0F0;}
.teaser4 ul.list li{width:100%; padding:10px 0; text-align:center;}
.teaser4 ul.list a{float:none; margin:0; padding:0; font-family:Oswald, Arial, Helvetica, sans-serif; font-size:1.25em; font-weight:300; color:#1b1b1b; text-transform:uppercase; background:none;}
.teaser4 ul.list a:hover{text-decoration:underline; background:none;}

.article-container .row{width:92%; margin:auto;}
.article-container .col-sm-3{width:100%; padding:0 15px; box-sizing: border-box;}
.article-container .col-sm-3 .title-news{height:auto;}

.body2, .nd .body2{width:100%;}
.teaser2, .teaser4{width:100%; overflow:hidden;}
.top2, .header2, .links2, .footernote2, .footer2, .bottom2{width:96%;}
.links2 .col1, .links2 .col2, .links2 .col3, .links2 .col4{width:46%; margin:20px 2% 20px;}
.newsletter{width:94%;}
.newsletter .form{margin:15px auto;}
.newsletter input{width:70%;}
.footernote1{margin:20px 0 1px;}
.footerlinks .links5{display:block;}
.footerlinks .links6{display:none;}

.contact_forms{width:100%; margin:30px auto 0;}
.contact_intro{width:80%;}
.contact_form{width:80%; margin:30px 10%;}
.contact_form .col1{width:49%;}
.contact_form .col2{width:2%;}
.contact_form .col3{width:49%;}
.contact_form .textbox{width:90%;}
.contact_form .textarea{width:90%;}
.contact_addr{float:none; width:90%; margin:0 auto;}


.news_archieve{width:80%;}
.news_archieve li{width:100%;}
.news .paging{width:80%;}
.news_detail{width:80%;}
.nd_img img{max-width:100%;}
.news_detail .paging, .testimonial .paging{width:100%;}
.nd .store_left1{display:none; margin:0;}

.pa2{width:100%; margin:0;}
.pd2, .nd .body1{width:92%; margin:0 4% 0;}
.pd2 .subheader{display:none;}
.pa2 .store_left{width:30%;}
.pa2 .store_right{width:68%; margin:30px 0 0 2%;}
.pa2 .store_right .tabs{width:98%;}
.pa2 .store_right .print{margin:0 0 30px;}

.products{width:640px;}
.products li{margin:0 0 30px 20px; padding:0;}
.products li:nth-child(3n+1){margin-left:0; clear:left;}
.products li:nth-child(4n+1){margin-left:20px; clear:none;}

.brand_detail .products{width:960px;}
.brand_detail .products li{margin:0 0 30px 50px;}
.brand_detail .products li:nth-child(3n+1){clear:none;}
.brand_detail .products li:nth-child(4n+1){margin-left:0; clear:left;}
.brand_detail .products li:nth-child(5n+1){}

.pd2 .store_left, .nd .store_left{width:540px; margin:15px 0 0; padding:15px 9px; border:solid 1px #dcdad0;}
.pd2 .store_left ul, .nd .store_left ul{margin:0; padding:0; list-style:none;}
.pd2 .store_left li, .nd .store_left li{float:left; width:100px; height:180px; margin:0 10px 0 0; padding:0; clear:none;}
.pd2 .store_left li:nth-child(5n), .nd .store_left li:nth-child(5n){margin-right:0;}
.pd2 .store_left .image, .nd .store_left .image{width:100%; margin:0 0 10px;}

.last_seen{width:540px; margin:20px 0 20px; padding:15px 9px; border:solid 1px #dcdad0;}
.last_seen h3{margin:0 0 25px;}
.last_seen ul{width:100%; margin:0; padding:0; list-style:none;}
.last_seen li{float:left; width:100px; height:180px; margin:0 10px 0 0; padding:0; font-size:0.75em;}
.last_seen li .image{width:100%; margin:0 0 10px;}
.last_seen li img{width:75px; height:75px;}
.last_seen li:nth-child(6n){display:none;}
.last_seen li:nth-child(5n){margin-right:0;}

#shopping_cart{float:none; width:90%;}
#shopping_cart .action{width:100%; text-align:center;}
#cart_list{width:100%;}
#shopping_cart .shipping_note{float:left; width:90%; margin:0 0 30px; padding:20px 4.5% 20px; clear:both;}
.shopping_steps{width:100%;}

table.shopping_cart{float:none; width:100%;}
.confirm h1{width:100%; margin:0 auto 0;}

#confirmation{float:none; width:90%; margin:0 auto 0;}
#confirm{width:100%;}
#confirm .boxleft{float:left; width:100%; margin:0 0 30px;}
#confirm .boxright{float:left; width:100%;}
#confirm .shipping_note{float:left; width:90%; margin:5px 0 0;}
.shipping_info_small{width:100%;}
.shopping_cart_small{width:100%; margin:2px 0 0 0;}
#confirm .action_update label{float:left; margin:0 0 30px; display:block;}

#completed, #ccpayment{float:none; width:90%; margin:0 auto 0;}

.memberprofile .body2{width:90%;}
.memberprofile .content{width:100%;}
.memberprofile .box_button{float:left;}

.storemessage_archieve .body2{width:92%; margin:20px 4% 0;}
.storemessage_archieve .content{width:100%;}

.storemessage_detail .body2{width:92%; margin:20px 4% 0;}
.storemessage_detail .content{width:100%;}

.memberhistory .body2{width:92%; margin:0 4% 0;}
.memberhistory .content{width:100%;}
table.order_history a{float:left; clear:both;}

.manual_detail{width:600px;}

.memberregister .body2{width:90%; font-size:1em; line-height:1.5em;}
.memberregister .box_button{float:left;}
.shopping_steps div{font-size:0.75em; line-height:1em;}

#courier, #expedition_name, #paket{width:100%; margin:0;}
#paket{margin:5px 0 10px;}
#courier .selects, #paket .selects, #paket .textboxes{width:90%;}

#payment{float:none; width:90%; margin:0 auto 0;}
#payment .warning{width:90%; margin:0 auto;}
#payment .select_invoice{float:left;}
.payment_info .left{width:20%;}
.payment_info .textboxes{width:90%;}
.payment_info .textareas{width:90%;}
.payment_info .selects{width:90%;}
.payment_info .textboxes.smaller{width:50%;}
}

/* 480+1+480+17 */
@media screen and (max-width: 978px){
.mobile-search input{width:94%;}
.wallpaper2{width:480px;}
.wallpaper2 .w1{margin-right:0;}
.wallpaper2 .group1{display:none;}
/*.teaser2{width:465px;}
.teaser2 li{margin-bottom:30px;}
.teaser2 li:nth-child(2n+1){margin-left:0; clear:left;} swiper*/

.pa2 .store_left{width:40%;}
.pa2 .store_right{width:58%; margin:30px 0 0 2%;}
.pa_level2 .pa2 .store_left{display:none;}
.products{width:100%;}

.product_detail .store_right{width:560px;}
.product_detail .product_left{margin:0 0 30px 0;}
.product_detail .product_right{width:560px; margin:0;}
.pd2 .store_right .description2{width:560px; margin:0;}

.nd .body1{width:92%;}
/*.nd .body2 h2{float:left; font-size:1.25em; line-height:1em; text-align:center; margin:40px 0 10px 0; color:#fea800;}
.nd h1{float:left; font-size:1.5em; line-height:1.2em; text-align:center; margin:0 0 40px 0;}
.nd_img{float:left; width:100%; margin:10px 0 40px 0; text-align:center;}
.nd_content{float:left; margin:0 0 30px 0; line-height:1.75em;}
.nd .paging{margin-bottom:100px;}*/

.contact_forms{width:100%; margin:30px auto 0;}
.contact_intro{width:80%;}
.contact_form{width:80%; margin:30px 10%;}
.contact_form td{display:block;}
.contact_form .col1{width:100%;}
.contact_form .col2{display:none;}
.contact_form .col3{width:100%;}
.contact_form .textbox{width:94%;}
.contact_form .textarea{width:94%;}
.contact_addr{float:none; width:94%; margin:0 auto;}

.manual_detail{width:300px;}

.memberlogin .body2{width:100%; margin:0 auto 0;}
.memberlogin .normal{width:92%; margin:40px 4% 0; padding:0 0 50px; font-size:1em; line-height:1.75em; border-right:none; border-bottom:solid 3px #999;}
.memberlogin .facebook{width:92%; margin:60px 4% 40px; padding:0;}
.memberlogin h1{margin:0 0 50px 0;}
.memberlogin .body2 .info{text-align:center; margin:0 0 20px; padding:10px; background:#E0E0E0; font-size:0.75em;}
.memberlogin .normal .left{width:30%;}
.memberlogin .normal .right{width:70%; text-align:right;}
/*#loginsubmit{float:right; width:96px; height:45px; margin:25px 0 0; background:url(../images/front/btn-go.png) no-repeat left top;}
.memberlogin .more{float:left; width:100%; margin:30px 0 0; text-align:center; font-size:0.75em;}
.memberlogin .more a{margin:10px 0 0; padding:10px 0; display:block; background:#999; color:#FFF;}
.memberlogin .fbarea{width:100%; margin:0 0 60px; text-align:center;}
.memberlogin .status{width:100%; margin:20px 0 0; font-size:0.875em; text-align:center;}*/
}

/* 250+29+17+420+17, product detail */
@media screen and (max-width: 733px){
	#sidebar{display:none;}
/*.product_detail .store_left, .products_archieve .store_left{width:100%; margin:1px 0 0;}
.product_detail .check_awb, .products_archieve .check_awb{width:96%; padding:20px 2%;}
.product_detail .store_cat h2, .products_archieve .store_cat h2{width:96%; padding:12px 2%; margin:0;}
.product_detail .cat_level_1>ul>li, .product_detail .cat_level_2>ul>li>ul>li, .product_detail .cat_level_3>ul>li>ul>li>ul>li,
.products_archieve .cat_level_1>ul>li, .products_archieve .cat_level_2>ul>li>ul>li, .products_archieve .cat_level_3>ul>li>ul>li>ul>li
{width:90%; margin:0; padding:10px 2% 10px 8%; border:none;}
.product_detail .cat_level_1>ul>li:hover, .product_detail .cat_level_2>ul>li>ul>li:hover, .product_detail .cat_level_3>ul>li>ul>li>ul>li:hover,
.products_archieve .cat_level_1>ul>li:hover, .products_archieve .cat_level_2>ul>li>ul>li:hover, .products_archieve .cat_level_3>ul>li>ul>li>ul>li:hover{border:none;}
.product_detail .cat_level_3>ul>li>ul, .products_archieve .cat_level_3>ul>li>ul{margin:0 0 3px;}
.product_detail .cat_level_3>ul>li>h3, .products_archieve .cat_level_3>ul>li>h3{width:96%; margin:0; padding:10px 2%; border:none;}
.product_detail .cat_level_3>ul>li>ul>li>h4, .products_archieve .cat_level_3>ul>li>ul>li>h4{width:92%; margin:0; padding:10px 2% 10px 6%; border:none;}
.product_detail .store_cat li.focused, .products_archieve .store_cat li.focused{background:#FAFAFA url(../images/front/doublearrow.png) no-repeat 30px center;}*/
/*////.product_detail .store_cat li a{color:#000;}
.product_detail .store_cat li a:hover{text-decoration:none;}*/
/*.product_detail .left_text, .products_archieve .left_text{display:none;}
.product_detail .store_right, .products_archieve .store_right{width:96%; margin:20px 2%;}
.product_detail .product_left{width:100%; margin:0 0 30px;}
.product_detail .product_left .main_image{max-width:100%; height:auto; padding:0; border:0;}
.product_detail .product_left .main_image img{width:100%; height:auto; -webkit-transform:none; -ms-transform:none; transform:none;}
.product_detail .product_left .main_image .noimage{background-size:100% 100%;}
.images {width:100%;}
.product_detail .product_right{max-width:100%; margin:0;}
.product_detail .product_right .btn_add{max-width:100%;}
#qty{margin-right:10px;}

.left_text{display:none;}
.mobile_left_text{display:none;}
.store_right{width:96%; margin:30px 2% 0;}
.store_right .tabs{width:100%; margin:0 0 10px;}
.teaser3 li{width:100%; margin:0 0 20px;}
.teaser3 li .image{width:100%; height:252px; padding:10px 0; border:none; text-align:center;}
.teaser3 li:hover .image{width:100%; height:252px; padding:10px 0; border:none; background:#FFF;}
.teaser3 li .image img{border:solid 1px #FFF;}
.teaser3 li:hover .image img{border:solid 1px #19d6ff;}
.teaser3 .group1{width:100%; padding:20px 0;}
.teaser3 .tag_sale{right:0;}
.teaser3 .btn{width:79px; height:79px; z-index:19; position:absolute; right:0; margin:-80px 0 -30px; display:block;}*/
}

@media screen and (max-width: 717px){
.mobile-search input{width:91%;}
.about .body2, .how .body2, .faq .body2, .terms .body2, .privacy .body2, .return .body2{width:92%;}
.pa2 .store_left{width:50%;}
.pa2 .store_right{width:48%; margin:30px 0 0 2%;}
.products{width:420px;}
.products li{margin:0 0 30px 20px; padding:0;}
.products li:nth-child(4n+1), .products li:nth-child(3n+1){margin-left:20px; clear:none;}
.products li:nth-child(2n+1){margin-left:0; clear:left;}

.main_image{width:100%; height:auto; margin:10px 0 15px 0; padding:0; border:none;}
.main_image img{width:100%; height:auto; position:relative; top:0; -webkit-transform:none; -ms-transform:none; transform:none;}
.main_image .noimage{width:340px; height:340px; background:url(../images/front/noimage340x340.gif);}
.images{width:320px;}
.product_detail .store_right{width:96%; margin:0 2% 0;}
.product_detail .product_left{width:100%; margin:0 0 30px 0;}
.product_detail .product_right{width:100%; margin:0;}
.pd2 .store_right .description2{width:100%; margin:0;}
.pd2 .store_left, .nd .store_left{width:320px;}
.pd2 .store_left li:nth-child(5n), .pd2 .store_left li:nth-child(4n),
.nd .store_left li:nth-child(5n), .nd .store_left li:nth-child(4n){display:none;}
.pd2 .store_left li:nth-child(3n),
.nd .store_left li:nth-child(3n){margin-right:0;}
.last_seen{width:320px;}
.last_seen li:nth-child(4n), .last_seen li:nth-child(5n){display:none;}
.last_seen li:nth-child(3n){margin-right:0;}

#shopping_cart .box_button{float:right; width:100%; margin:0 0 5px; padding:12px 0 10px;}

.personal_info1{width:100%;}
.personal_info2{float:left; width:100%; border:none;}
.personal_info1 h1{width:92%; padding:45px 4% 30px;}
#shipping{width:100%; margin:0;}
#shipping .warning{width:92%; padding:4% 0; border:none;}

.shipping_info, .member_info{width:92%;}
.shipping_info .textboxes, .member_info .textboxes{width:91%; padding:5px 4%;}
.shipping_info .textareas, .member_info .textareas{width:91%; line-height:1em; padding:5px 4%;}
.shipping_info .selects, .member_info .selects{width:91%;}
#pilihan_courier, #pilihan_pembayaran{width:100%;}
#courier_other_table th{width:35%;}
#courier_other_table input{width:90%; padding:5px 4%;}

.shopping_voucher_small .col1{float:left; display:block; width:70%;}
.shopping_voucher_small .col2{float:left; display:block; width:30%;}
.shopping_voucher_small .col3{float:left; display:block; width:100%;}
.shopping_voucher_small .textboxes{width:90%; padding:5px 4%;}
.shopping_voucher_small .box_button{width:100%; margin:10px 0 0; padding:12px 0 10px;}
#confirm .action_update .box_button{width:100%; margin:0 0 5px; padding:12px 0 10px;}

.contact_form_ajax{width:100%;}
.contact_form_ajax .c_l{width:100%; margin:0 0 5px;}
.contact_form_ajax .c_r{width:100%; margin:0 0 20px;}
.contact_form_ajax .cf_sc_left{width:100px;}
.contact_form_ajax .cf_sc_mid{width:100px;}
.contact_form_ajax .cf_sc_right{width:80px;}
.contact_form_ajax .box_button{float:none; margin:0 0 30px;}

/*#payment{width:96%;}*/
.footer3{width:50%;}
.footer4{width:50%;}
.footer4.no_left{width:100%;}
.footerlinks{float:right; width:auto; margin:0;}
.footer4.no_left .footerlinks{float:none;}
.footerlinks li{width:100%; text-align:right;}
.footerlinks li.sep{display:none;}
#window{width:100%;}
}

@media screen and (max-width: 567px){
.pa2 .store_left{display:none;}
.pa2 .store_right{width:92%; margin:30px 4%;}

.products{width:92%; margin:0 4%; padding:0;}
.products li{width:100%; margin:0 0 30px !important; padding:0; clear:none;}
.products li .image{width:100%; height:auto;}
.products li .image img{width:100%; height:auto;}
.products li .group1{width:70%;}
.products li .btn{float:left; width:30%; text-align:right;}

/*.header1{margin:1px 0;}
.teaser2 ul li{width:94%; margin:20px 3% 0;}*/
.links2 .col1, .links2 .col2, .links2 .col3, .links2 .col4{width:94%; margin:10px 3% 30px; text-align:center;}
.newsletter{width:94%;}
.newsletter .form{margin:15px auto;}
.newsletter input{width:75%;}
.footer3{width:100%;}
.footer3 h3{text-align:center;}
.contact_phone{padding:0; text-align:center; background:none;}
.contact_wa{margin:0 0 10px; padding:21px 0 0; text-align:center; background-position:center top;}
.contact_sales{margin:0 0 10px; padding:21px 0 0; text-align:center;}
.contact_sales ul{list-style:none;}
.footer4{width:100%; margin:20px 0 0;}
.footer4.no_left{width:100%;}
.footer4 .copyright{width:100%; margin:30px 0 0; text-align:center;}
.footerlinks{width:100%;}
.footerlinks li{text-align:center;}
#message{width:100%;}

.cf_sc{font-size:0.875em;}
.cf_sc_left{width:100px; height:24px; padding:5px 0 0 0;}
.cf_sc_mid{width:70px; height:29px; padding:3px 0 0 0; font-size:1.5em; line-height:22px; letter-spacing:2px; font-weight:bold}
.cf_sc_right {width:42px; height:29px;}
#txtSecurityCode{font-size:1.5em; width:40px;}

.memberforget .body2{width:92%; margin:30px auto 0;}
.memberforget .content .left{width:30%;}
.memberforget .content .right{width:70%;}

.manual .body2{margin-top:0;}
.manual_archieve, .manual_detail{width:92%; margin:0 4% 30px;}
}


/* 480+17, wallpaper index */
@media screen and (max-width: 497px){
.mobile-search input{width:84%;}
.wallpaper1{padding:0;}
.wallpaper2{width:100%; height:auto;}
.wallpaper2 .w1{width:100%; height:auto;}
.wallpaper2 .w1 img{width:100%; height:auto;}
}

/* 220+25+220+17, teaser index */
@media screen and (max-width: 482px){
/*.teaser2{width:220px;}
.teaser2 li{margin-left:0; clear:both;} swiper*/
.newsletter input{width:60%;}
}

/* 320 */
@media screen and (max-width: 320px){
/*.mobile-textlogo{font-size:1em;}
.cat_level_3>ul>li>h3, .product_detail .cat_level_3>ul>li>h3{width:88%; margin:0; padding:10px 6%; border:none;}
.cat_level_3>ul>li>ul>li>h4, .product_detail .cat_level_3>ul>li>ul>li>h4{width:84%; margin:0; padding:10px 6% 10px 10%; border:none;}
.cat_level_1>ul>li, .product_detail .cat_level_1>ul>li, .cat_level_2>ul>li>ul>li, .product_detail .cat_level_2>ul>li>ul>li , .cat_level_3>ul>li>ul>li>ul>li, .product_detail .cat_level_3>ul>li>ul>li>ul>li{width:80%; margin:0; padding:10px 4% 10px 16%; border:none;}
.t_l{width:40%;}
.t_r{width:60%;}*/
.footerlinks a{font-size:0.75em;}
.copyright{font-size:0.6125em;}
.about .body2, .how .body2, .faq .body2, .privacy .body2, .terms .body2, .disclaimer .body2, .nd .body2{font-size:0.875em;}
}

/* 272 */
@media screen and (max-width: 272px){
.mobile-textlogo{font-size:0.875em;}
.teaser3 li .image img{width:90%;}
}