/* COMMON STYLE
--------------------------------------------------------- */
html, body, form, fieldset {
  margin: 0;
  padding: 0;
}
body {
  line-height: 21px;
  font-family: Arial;
  background:#f3f4f4 url(../images/bg-body.png) top left repeat-x;
}
#bd {
  color: #7d7d7d;
}
body.fs1 {font-size: 10px;}
body.fs2 {font-size: 11px;}
body.fs3 {font-size: 12px;}
body.fs4 {font-size: 13px;}
body.fs5 {font-size: 14px;}
body.fs6 {font-size: 15px;}

/* Clearfix */
.clearfix {
  clear: both;
}
#zt-wrapper {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  background:#f3f4f4 url(../images/bg-wapper.png) top center no-repeat;
}
#zt-wrapper-inner {
  padding: 0;
  overflow: hidden;
  margin:0 auto;
}
.zt-wrapper {
  /*width: 960px;*/
  width: 1200px;
  margin: 0 auto;
}
.zt-wrapper-inner {
  padding: 0;
}
#zt-userwrap1,
#zt-userwrap2,
#zt-userwrap3,
#zt-userwrap4,
#zt-userwrap5,
#zt-userwrap6,
#zt-userwrap7 {
  width: 100%;
  clear: both;
}
#zt-userwrap1-inner,
#zt-userwrap2-inner,
#zt-userwrap3-inner,
#zt-userwrap4-inner,
#zt-userwrap5-inner,
#zt-userwrap6-inner,
#zt-userwrap7-inner,
#zt-col {
  padding: 20px 0 0 0 ;
  overflow: hidden;
  background:url(../images/bg-user.png) top center no-repeat;
  margin:0;
}
#zt-userwrap2-inner{
  margin:20px 0 0 0;
  float:left;
}

.col-featured .zt-box-inside{
  margin:0 !important;
  padding:0 !important;
}
.col-featured .zt-box-inside .modulecontent{
  padding:0 !important;
}

.col-featured .moduletitle{
  width:99.5%;
}
.col-featured .moduletitle span{
  padding:15px 0 !important;
  line-height:0;
  font-weight:normal;
  
}


div.moduletable,
div.moduletable_menu,
div.moduletable_text,
div.module,
div.module_menu,
div.module_text {
  clear: both;
  display: block;
  margin: 0 0 20px 0;
  position: relative;
}


/*content layout*/


#zt-content {
  float: left;
  width: 60%;
}
#zt-content #zt-content-inner{
  padding:0 10px;
}

#zt-right{
  float: right;
  width: 20%;
}
#zt-left{
  float: left;
  width: 20%;
}

/*content right*/
#zt-container-right #zt-content {
  float: left;
  width: 74%;
}
#zt-container-right #zt-content-inner{
  padding:0 15px 0 0;
}
#zt-container-right #zt-right{
  float: right;
  width: 26%;
}

/*content left*/
#zt-container-left #zt-content {
  float: left;
  width: 74%;
}
#zt-container-left #zt-content-inner{
  padding:0 0 0 15px;
}
#zt-container-left #zt-left{
  float: left;
  width: 26%;
}

/* Full content*/
#zt-container-full #zt-content{
  width:100%;
}
#zt-container-full #zt-content #zt-content-inner{
  padding:0;
}

#zt-search,
#zt-userwrap2,
#zt-mainframe,
#zt-inset,
#zt-userwrap4,
#zt-userwrap5 {
  z-index: 2;
  position: relative;
}

#zt-userwrap1 {
  margin: 0;
}
#zt-userwrap1-inner {
  padding:20px 0 0;
  float:left;
  margin:20px 0 0;
}
#zt-userwrap2-inner {
  padding:20px 12px 0;
}
#zt-userwrap7 {
  margin: 0;
}
#zt-userwrap7 ul li{
  background:none;
}
#zt-userwrap7 .modulecontent ul li {
  border-bottom:1px dotted #ccc;
  padding:0;
}
#zt-userwrap7 #zt-user19 .modulecontent ul li {
  border-bottom:0;
  padding:0;
}

/*****HEADER*****/
#zt-header {
  width: 100%;
  height: auto;
  float:left;
}
#zt-header-inner {
  width: 100%;
  height: auto;
  float:left;
}
#zt-header .zt-wrapper-inner,
#zt-search .zt-wrapper-inner {
  padding: 0;
}
#zt-logo {
  padding: 0;
  float: left;
  width: 60%;
  height: 105px;
}
#logo {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 105px;
  display: block;
}
#logo a {
/*  width: 258px;
  height: 61px;
  margin:20px 20px 0 60px;*/
  width: 750px;
  height: 105px;
  display: block;
  background: url(../images/logo.png) no-repeat 0 0;
}
#logo span {
  display: none;
}
#zt-mainmenu {
  margin: 0;
  padding:0;
  float: left;
  width: 100%;
  height: 40px;
}
.zt-mainmenu-content{
  background:url(../images/zt_kaupi_bg_mainmenu.png) top left repeat-x;
  margin:0 auto;
  /*width:960px;*/
  width: 1200px;
  height:40px;
}
.zt-mainmenu-content-noslide{
  background:url(../images/zt_kaupi_bg_mainmenu.png) top left repeat-x;
  margin:0 auto;
  /*width:960px;*/
  width: 1200px;
  height:39px;
}

#zt-mainmenu-inner {
  padding: 0;
  height: 40px;
  float:left;
  /*width:960px;*/
  width: 1200px;
}
/*****END HEADER*****/

/*****HIGHLIGHT*****/
#zt-highlight {
  margin: 0;
  float: right;
  width: 50%;
}
#zt-highlight .zt-login-form {
  float: right;
}
#zt-highlight .field1 {
  float: left;
  width: 235px;
}
#zt-highlight .field3 {
  float: left;
}
#zt-highlight .field2,
#zt-highlight .field4 {
  display: none;
}
#zt-highlight .inputbox {
  margin: 0 2px 0 0;
  width: 100px;
  padding: 3px 5px;
  background: #262626;
  border: solid 1px #3B3B3B;
}
#zt-highlight .button {
  margin: 0;
  height: 23px;
  color: #9A808A;
  background: #350014;
  border: solid 1px #610025;
}
/*****END HIGHLIGHT*****/

/*****TOP*****/
#zt-top {
}
#zt-top-inner {
  padding: 0;
}
#zt-topmenu {
  float: left;
  width: 50%;
}
#zt-topmenu ul.menu {
  margin: 0;
  list-style: none;
  float: left;
}
#zt-topmenu ul.menu li {
  padding: 0 10px;
  float: left;
  background: url(../images/bullet.png) no-repeat 3px 8px;
}
#zt-topmenu ul.menu li a {
  font-style: italic;
}
/*****END TOP*****/

/*****EXTRA*****/
#zt-breadcrumb {
  margin: 3px 0 15px 0;
  padding: 0;
  width: 100%;
}
/*****END EXTRA*****/

/*****SEARCH*****/
#zt-search {
  margin: 0;
  padding: 0;
  width: 40%;
  float:left;
}
#zt-search-inner {
  margin: 40px 30px 0;
  padding: 2px 1px 1px;
  clear: right;
  float: right;
  border: solid 1px #b7b8b8;
  border-bottom: solid 1px #e8e8e8;
  border-right: solid 1px #e8e8e8;
  background: #e0e0e0;
  width:318px;
  height:26px;
}
#zt-search .inputbox {
  margin: 0;
  padding: 6px 10px 4px;
  color: #6c6c6c;
  border: none;
  width: 80%;
  float: left;
/*  background: url(../images/bg-inputbox-search.png) no-repeat 0 0;*/
  background: #ECECEC;
}
#zt-search .button,
#zt-search .bt-search {
  margin: 0 1px 0 0;
  padding: 0;
  line-height: 13px;
  text-indent: -999em;
  float: right;
  width: 28px;
  height: 26px;
  border: none;
  cursor: pointer;
  background: url(../images/bg-button-search.png) no-repeat 0 0;
}
/*****END SEARCH*****/

/*****SLIDESHOW*****/
#zt-slideshow {
  margin: 0;
  width: 100%;
  z-index: 1;
  float:left;
  position: relative;
  padding:0 0 16px 0;
  background:url(../images/bg-slide-bottom.png) bottom center no-repeat;
}
#zt-slideshow-inner {
  padding: 0;
  display: block;
  background:url(../images/bg-slide.png) top left repeat !important;
  float:left;
}
/*****END SLIDESHOW*****/

/*****CONTENT*****/
#zt-mainframe {
  margin: 0 0 10px 0;
  width: 100%;
}
#zt-mainframe .zt-mainframe-inner {
  background: none;
  padding: 15px 0px 10px;
}
#zt-container,
#zt-container-left,
#zt-container-right,
#zt-container-full {
  width: 100%;
  display: inline-block;
}
#zt-left-inner .moduletable_menu,
#zt-right-inner .moduletable{
  background:url(../images/bg_member_login_bottom.png) bottom center no-repeat;
  padding:0 0 10px;
}
#zt-left-inner .moduletable-iner,
#zt-right-inner .moduletable-iner{
  background:url(../images/bg_right_module_center.png) top left repeat-y;
  width:100%;
  height:auto;
  border:1px solid #e4e4e4;
  margin:0 auto;
  position:relative;
  z-index:1;
}
#zt-left-inner .modulecontent,
#zt-right-inner .modulecontent {
  padding: 20px 20px 15px !important;
  background:url(../images/bg_right_module_bottom.png) bottom left no-repeat;
}
#zt-left-inner .zticon,
#zt-right-inner .zticon {
  background:url(../images/bg_right_module_top.png) top left no-repeat;
  width:100%;
  height:32px;
  display:block;
}
.title1 .moduletitle{
  height:45px;
  position:absolute;
  z-index:2;
  top:-10px;
  padding:2px 0;
  margin-left:10px !important;
}
.title1 .moduletitle span.title{
  background:url(../images/bg_title_module.png) top left no-repeat;
  padding:0 0 0 16px;
  height:45px;
  float:left;
}
.title1 .moduletitle span.title span{
  background:url(../images/bg_title_module.png) 100% 0 no-repeat;
  padding:10px 20px 0 4px;
  height:35px;
  float:left;
  color:#fff;
}


#zt-container #zt-left-inner .moduletable_menu,
#zt-container #zt-right-inner .moduletable{
  background:url(../images/bg_member_login_bottom_lcr.png) bottom left no-repeat;
  padding:0 0 8px;
}
#zt-container #zt-left-inner .moduletable-iner,
#zt-container #zt-right-inner .moduletable-iner{
  background:url(../images/bg_right_module_center_lcr.png) top left repeat-y;
  width:235px;
  height:auto;
  border:1px solid #e4e4e4;
  margin:0;
  position:relative;
  z-index:1;
}
#zt-container #zt-left-inner .modulecontent,
#zt-container #zt-right-inner .modulecontent {
  padding: 20px 20px 15px !important;
  background:url(../images/bg_right_module_bottom_lcr.png) bottom left no-repeat;
}
#zt-container #zt-left-inner .zticon,
#zt-container #zt-right-inner .zticon {
  background:url(../images/bg_right_module_top_lcr.png) top left no-repeat;
  width:100%;
  height:32px;
  display:block;
}

#it-lp {position: absolute; top: 0px; left: -4900px;}

.member-login .signin{
  color:#7c7c7c;
}
.member-login .signin:hover{
  color:#fdfdfd;
}

.member-login li{
  background:none !important;
  padding:0 !important;
}
.member-login li.forgot-password a{
  color:#3e3e3e !important;
}
.member-login a{
  color:#6faa21 !important;
}

.random-image img{
  width:100%;
}

/*****END CONTENT*****/

/*****LEFT RIGHT*****/
#zt-left {
}
#zt-right {
}
#zt-user5 .jvmodule,
#zt-user6 .jvmodule,
#zt-left .jvmodule,
#zt-right .jvmodule {
  padding: 0;
}
.modulecontent {
  padding: 0;
  overflow: hidden;
}

.date-post{
  color:#b2b2b2;
}

#zt-footer ul.menu li {
  padding: 0 15px 0 0;
  background:none;
}
#zt-footer ul.menu a {
  color:#5DA006;
}

ul.menu {
}
ul.menu ul {
  padding: 0;
}
ul.menu li {
  padding: 0 0 0 15px;
  background: url(../images/bg-arrow-content.png) no-repeat 0 8px;
}
ul.menu li:hover,
ul.menu li:focus,
ul.menu li:active {
}
ul.menu ul li,
ul.menu ul li:hover,
ul.menu ul li:focus,
ul.menu ul li:active {
}
ul.menu a {
  padding: 0;
  color: #515151;
}

#zt-frame {
  padding:0;
  width: 100%;
  background:url(../images/bg_body.png) top center no-repeat;
}
.zt-field {
}
/*****END LEFT RIGHT*****/

/*****COL*****/
#zt-col {
  width: 100%;
  display: inline-block;
}
/*****END COL*****/

/*****MODULE*****/
.user{
  background:#f9f9f9;
  border:1px solid #eee;
}

.ztmodule {
  padding:0;
  position: relative;
}
.zticon {
  display:none;
}
.ztbottom {
  display: none;
}
#zt-mainframe .ztmodule {
  padding: 0;
}
#zt-mainframe .modulecontent {
  padding: 0 11px;
}
.modulecontent .col-images{
  height:auto;
  padding:5px;
  background:#fff;
  float:left;
  border:1px solid #e8e8e8;
}
.modulecontent .zoo-textlink{
  float:left;
}
#zt-mainframe .blank .modulecontent {
  padding: 0;
}

.blank .ztmodule,
#zt-userwrap5 .ztmodule {
  background: none;
}

#zt-container .moduletitle,
#zt-container-right  .moduletitle,
#zt-container-left  .moduletitle{
  margin: 0 40px 0px -10px;
  padding: 2px 0;
  font-size: 160%;
  overflow: hidden;
}
#zt-container .moduletitle span.title,
#zt-container-right  .moduletitle span.title,
#zt-container-left  .moduletitle span.title{
  float: left;
}

.moduletitle {
  margin: 0 40px 0px -10px;
  padding: 10px 0 0;
  font-size: 160%;
}



.moduletitle span.title {
  padding:5px 10px 0;
}
.moduletitle span.title span {
  margin:0 0px 0 0;
}

#zt-mainframe .moduletitle,
#zt-userwrap5 .moduletitle {
  margin: 0 0 7px 0;
  color: #656565;
}
.col-lastest-popular .modulecontent{
  padding:0 !important;
}
.col-lastest-popular .modulecontent ul li{
  padding:0;
  width:100%;
  float:left;
  margin:0;
  background:url("../images/zt_kaupi_bg_col_li.png") repeat-x scroll left bottom transparent;
}
.col-lastest-popular .modulecontent ul li.col-border{
  background:url(../images/zt_kaupi_bg_col_li.png) bottom left repeat-x;
}
.col-lastest-popular .modulecontent .col-images{
  margin:15px 10px 0 0;
}

.photo-on-flickr ul{
  float:left;
  margin:25px 0 0;
}
.photo-on-flickr ul li{
  margin:3px 5px;
  float:left;
  padding:0;
}
.photo-on-flickr .col-images{
  padding:5px;
  margin:0;
}

.sign-up-now{
  background:#f9f9f9;
  border:1px solid #eee;
}
.sign-up-now .ztmodule .modulecontent{
  text-align:center;
}
.sign-up-now .ztmodule .modulecontent .price-box{
  color:#da4d17;
  font-weight:bold;
  font-size:200%;
}
.sign-up-now .ztmodule .modulecontent button{
  background:url(../images/sign-up-now.png) top left no-repeat;
  width:163px;
  height:38px;
  border:0;
  color:#fff;
  font-size:20px;
}
/*****END MODULE*****/

/*****USER5 USER6*****/
#zt-user5,
#zt-user6 {
  width: 100%;
  display: inline-block;
}

#zt-user5 .blank .moduletitle span.title {
  padding: 0 0 5px 0;
}
#zt-user5 .blank .modulecontent {
  padding: 0;
}
#zt-user5 div.latestnewsitems div.latestnewsitems-inner {
  padding: 0 7px 0 0;
}
#zt-user5 div.last-item div.latestnewsitems-inner {
  padding: 0 0 0 7px;
}
/*****END USER5 USER6*****/

/*****INSET*****/
#zt-inset {
  margin: 10px 0;
  width: 100%;
}
#zt-inset-inner {
}
#zt-inset .zt-left-inner,
#zt-inset .zt-right-inner {
  width: 410px;
}
#zt-inset .zt-right-inner {
  float: right;
}
.artitle {
  padding: 0 0 0 30px;
  color: #000;
  font-size: 140%;
  line-height: 100%;
  background: url(../images/bg-artitle.png) no-repeat 0 0;
}
.artitle span {
  color: #A6A6A6;
  font-size: 60%;
}
/*****END INSET*****/

/*****USERWRAP4*****/
#zt-userwrap4 {
  padding: 10px 0 0 0;
}
#zt-userwrap4-inner {
  padding:20px 0px 0;
}
#zt-userwrap4-inner .ztmodule{
  padding:0;
}
#zt-userwrap4-inner .latest .moduletitle{
  margin:0 0px 28px 0px;
}

#zt-userwrap5-inner {
  padding:20px 0 0;
  /*width:960px;*/
  width: 1200px;
  margin:0 auto;
}

#zt-userwrap4 h3.moduletitle {
    color: #FFF;
}

#zt-userwrap4 div.latestnewsitems {
  padding: 0 0 10px 0;
  background: url(../images/zt_kaupi_bg_col_li.png) repeat-x 0 100%;
}
/*****END USERWRAP4*****/

/*****USERWRAP5*****/
#zt-userwrap5 ul.arrow li {
  border-bottom: dotted 1px #262626;
}
/*****END USERWRAP5*****/

/*****BOTTOM*****/
#zt-bottom {
  margin: 0 0 10px 0;
  color: #999999;
  width: 100%;
}
#zt-bottom-inner {
  padding:10px 0 0 10px;
  overflow: hidden;
  height:50px;
  background:url(../images/zt_kaupi_bg_footer.png) top left repeat-x;
  border:1px solid #e2e2e2;
}
#zt-copyright {
  /*float: left;
  width: 51%;*/
  padding: 0 0 0 10px;
}
#zt-footer {
/*  float: right;
  width: 44%;*/
  padding: 0 20px 0 0;
}
#zt-footer ul {
  float: right;
  margin:0;
}
#zt-footer ul  li {
  float: left;
}
/*****END BOTTOM*****/

/*****JV USER*****/
.zt-user {
  float: left;
}
#zt-col1 .zt-box-inside,
#zt-col2 .zt-box-inside,
#zt-col3 .zt-box-inside{
  margin:0 20px 0 0;
}
#zt-col4 .zt-box-inside{
  margin:0;
}
#zt-col1 .moduletitle span.title,
#zt-col2 .moduletitle span.title,
#zt-col3 .moduletitle span.title{
  padding:5px 0 0;
}
#zt-col4 .moduletitle span.title{
  padding:5px 0 0 15px;
}

#zt-userwrap5-inner .zt-box-left .zt-box-inside{
  padding:0 5px 0 0;
}

#zt-userwrap7 .zt-box-left .zt-box-inside{
  padding:0 26px 0 0;
}
#zt-userwrap7 .zt-box-center .zt-box-inside{
  padding:0 30px 0 0;
}

.zt-box-left .zt-box-inside{
  padding:0 5px 0 0;
}
.zt-box-center {
}
.zt-box-right .zt-box-inside{
  padding:0 0 0 15px;
}
#zt-userwrap1 .title1 .ztmodule .modulecontent,
#zt-userwrap2 .title1 .ztmodule .modulecontent,
#zt-userwrap5 .title1 .ztmodule .modulecontent,
#zt-userwrap6 .title1 .ztmodule .modulecontent{
  padding: 30px 0 0;;
}

#zt-userwrap1 .zt-box-left .ztmodule,
#zt-userwrap2 .zt-box-left .ztmodule,
#zt-userwrap5 .zt-box-left .ztmodule,
#zt-userwrap6 .zt-box-left .ztmodule{
  padding: 0 15px;
}
#zt-userwrap1 .zt-box-center .ztmodule,
#zt-userwrap2 .zt-box-center .ztmodule,
#zt-userwrap5 .zt-box-center .ztmodule,
#zt-userwrap6 .zt-box-center .ztmodule{
  padding: 0 13px;
}
#zt-userwrap1 .zt-box-right .ztmodule,
#zt-userwrap2 .zt-box-right .ztmodule,
#zt-userwrap5 .zt-box-right .ztmodule,
#zt-userwrap6 .zt-box-right .ztmodule{
  padding: 0 10px;
}


.zt-box-right .ztmodule{
  padding: 0;
}

.zt-box-inside {
  padding: 0 5px;
}
.zt-box-full {
  width: 100%;
}
/*****END JV USER*****/

/*****MODULE*****/
img.gallery,
img.gallerylast {
  margin: 0 15px 15px 0;
  padding: 5px;
  float: left;
  border: solid 1px #333;
}
img.gallerylast {
  margin-left: 0;
}
div.topmember img {
    padding: 5px;
  border: 1px solid #FFDDF2;
}
div.zt-login-form ul {
  margin: 5px 0;
}
div.zt-login-form ul li {
  padding: 0 0 0 15px;
  background: url(../images/bg-arrow-content.png) no-repeat 0 9px;
}
div.zt-login-form ul li a {
  color: #6E6E6E;
}
/*****END MODULE*****/
div.formfield {
  width: 100%;
  overflow: hidden;
}


input.addtocart_button,
input.addtocart_button_module {
  margin: 0;
  padding: 1px 5px 2px 20px;
  height: 25px;
  color: #747474;
  cursor: pointer;
  font-size:12px;
  border: 1px solid #cbcbcb;
  background: url(../images/add_to_card.png) no-repeat bottom left;
}
input.addtocart_button:hover,
input.addtocart_button_module:hover {
  color: #5c5c5c;
  border: 1px solid #5c5c5c;
}

#zt-mainmenu div.moduletable,
#zt-mainmenu div.moduletableblank {
  padding:0;
  margin: 0;
}

@media (max-width: 991px) {  
        #zt-slideshow,
    #zt-container-left #zt-left,
    #zt-search-inner{
        display: none;
    }

    #zt-mainmenu,
    .zt-mainmenu-content,
    #zt-mainmenu-inner,
    #menusys_mega{
        height: auto;
        width: 100%;
    }
    #zt-mainmenu{
        border-top: 1px solid #5c6166;
        background: #5c6166;
    }
    #menusys_mega{
        margin: 0;
    }

    #menusys_mega li{
        float: unset;
        width: 100%;
        position: relative;
        border-bottom: 1px solid #999;
        line-height: 40px;
        font-size: 1em;
    }
    #menusys_mega .menu-title{
        line-height: 40px;
        font-size: 1em;
    }
    #menusys_mega li:hover a .menu-title, #menusys_mega li:active a .menu-title, #menusys_mega li:focus a .menu-title, #menusys_mega li a.active .menu-title, #menusys_mega li a.active:hover .menu-title, #menusys_mega li a.active:active .menu-title, #menusys_mega li a.active:focus .menu-title{
        color: #8ADF00;
        background: unset;
        line-height: 40px;
        font-size: 1em;
    }
    #menusys_mega li:hover a, #menusys_mega li:active a, #menusys_mega li:focus a, #menusys_mega li a.active, #menusys_mega li a.active:hover, #menusys_mega li a.active:active, #menusys_mega li a.active:focus{
        background: unset;
    }
    #zt-container-left #zt-content,
    .zt-wrapper{
        width: 100%;
    }
    #zt-container-left #zt-content-inner{
        box-sizing: content-box;
        padding: 0 15px;
    }

    .jshop table.category {
        width: 100%;
    }

    table.jshop td {
        vertical-align: top;
        width: 50%;
        display: block;
        float: left;
        padding: 0 5px;
    }

    .jshop td, .jshop tr {
        box-sizing: border-box;
    }

    .jshop_list_category .category .image {
        width: 100%;
    }

   #zt-header-inner,
    #zt-logo,
    #logo a{
        width: 100%;
        height: 75px;
    }
    #logo a {
        background-size: contain;
        width: 100%;
        height: 75px;
        display: block;
        background-image: url(../images/logo.png);
        background-repeat: no-repeat;
    }
}