@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: "Actor-Regular";
    src: url("fonts/Actor-Regular.ttf");
    font-style:normal;
}
body,table,td,tr,div,span,h1,h2,h3,fieldset,img,ul,li,p,a,input{ margin:0px; padding:0px; border:none; text-decoration:none}

body{ font:14px/18px actor;background-image:url(../images/bg.jpg)}

#banner_wrap{ width:100%; height:120px; background-image:url(../images/banner_bg.jpg); border-bottom:5px solid #ccc; }

.spacer{ height:1px; display:block; clear:both}

#banner{ width:1000px; height:120px; margin:0 auto; background-image:url(../images/banner.jpg)}

#wrapper{ width:1000px; height:auto; margin:0 auto}

#footer{ width:1000px; margin:0 auto; clear:both; height:58px; background-image:url(../images/footer.png); background-repeat:no-repeat; padding-bottom:25px;}

#logo{ float:left; width:226px; height:58px; padding-top:34px;}
#top_menu{ float:right; height:30px; margin-top:80px; display:block}
#top_menu ul li{ list-style:none; float:left; line-height:30px;position:relative;}
#top_menu ul li a{ text-decoration:none; color:#CCC; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:0px 10px; margin-right:1px; font-weight:bold; display:block; text-transform:uppercase}
#top_menu ul li a:hover{color:#FFF; border-bottom: 2px solid #CCC;}
.page-header h2{font:24px/36px bold Actor-Regular;text-transform: uppercase;border-bottom: 2px solid #ccc;} 

#slide{box-shadow: -4px 14px 20px 0px rgba(16,16,16,0.60);
	-moz-box-shadow: -4px 14px 20px 0px rgba(16,16,16,0.60);
	-o-box-shadow: -4px 14px 20px 0px rgba(16,16,16,0.60);
	-webkit-box-shadow: -4px 14px 20px 0px rgba(0,0,016,16,16,0.60);
	transition: 0.3s ease;
	-webkit-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	color:#4A4A4A; 
	width:1000px; 
	height:auto; 
	display:block; 
  margin: 0 auto;
	/*background-color:#FFF;*/
	border: 1px solid #eee; 
	margin-bottom:40px; 
	margin-top:10px;
  z-index: -1000;

}

.box{ width:190px; height:230px; float:left; margin-right:12px; background-color:#CCC}
.marginNone{ margin:0 !important}

#box_holder{ height:230px; width:1000px; margin-bottom:10px; display:block;border: 5px solid #ccc;}
/*==================================================
 * Effect 2
 * ===============================================*/
.effect2
{
  position: relative;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  box-shadow: 0 15px 10px #777;
  transform: rotate(-3deg);
}
.effect2:after
{
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

.bgs_bottom{ display:none !important}

#content{ margin-bottom:10px; font-family:Actor-Regular; font-size:16px; line-height: 24px;color: rgba(0,0,0,0.64);}
#content p img{margin-top:20px; max-width: 336px;}
#content .blog .system-unpublished{border-top: 2px solid #ccc;border-bottom: none;background:none; margin-bottom: 40px;}
#content .blog .system-unpublished .page-header h2{border-bottom: none;}
#content .blog .system-unpublished .page-header h2 a{font:24px/36px bold Actor-Regular;text-transform: uppercase; color:rgba(0,0,0,.64);border-bottom: 2px solid #ccc;}
#content .blog .system-unpublished .system-unpublished{padding-left:20px; }
#content .blog .system-unpublished .icons{
  padding-top: 200px!important;
}

#content .blog .system-unpublished .icons ul .edit-icon, #content #content_holder .item-page .icons ul .edit-icon{ /*background:#409740;*/ list-style: none;padding:5px 0px;margin-left:10px;/*margin-top:-45px;*/}
#content .blog .system-unpublished .icons ul .edit-icon a, #content #content_holder .item-page .icons ul .edit-icon a{text-decoration: none;color: #fff; background:#409740; padding:10px;float:right; margin-bottom: 20px;}
#main_menu_wrapper{ height:35px; background-color:#000; display:block; clear:both; margin-bottom:10px}
#main_menu{ height:35px; width:1080px; margin:0 auto; line-height:35px;}
#main_menu ul li{ list-style:none; float:left}
#main_menu ul li a{ color:#FFF; text-decoration:none; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:35px; text-transform:uppercase; padding:0px 15px; margin-right:1px; display:block}
#main_menu ul li a:hover{ background-color:#333}

.inputbox{ width:238px; border:1px solid #333; margin-bottom:10px; padding:7px 5px; font-family:Arial, Helvetica, sans-serif; color:#333; font-size:12px;}

#modlgn-username{ padding-left:30px; background-image:url(../images/user.png); background-repeat:no-repeat; background-position:0.3em; width:210px !important}
#modlgn-passwd{ padding-left:30px; background-image:url(../images/lock.png); background-repeat:no-repeat; background-position:0.3em; width:210px !important}
#form-login-remember{ color:#333; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin-bottom:10px;}
.button{ padding:5px 15px;margin-bottom: 5px; background-color:#f0b80c; cursor:pointer; border:1px solid #FF9900}
.button:hover{ background-color:#f0820c}
.userPass{ font-family:Arial, Helvetica, sans-serif; font-size:12px;margin:5px 0px; color:#333}
.userPass a{ color:#0066FF; text-decoration:none}
.userPass a:hover{ color:#333}
.newUser{ font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.newUser a{color:#0066FF; text-decoration:none}
.newUser a:hover{ color:#333}

h3{ font-size:16px; font-family:Verdana, Geneva, sans-serif; font-weight:normal; padding-bottom:7px;}

/********************************************************/

h1{ font-family:Arial, Helvetica, sans-serif; font-size:18px; line-height:25px; border-bottom:1px solid #000; margin-bottom:10px;}
.jshop p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px;}
.block_sorting_count_to_page{ margin-top:20px; margin-bottom:20px; display:block; overflow:hidden; clear:both}

.box_products_sorting .inputbox,.box_products_count_to_page .inputbox{ margin:0;padding:3px}
.box_products_sorting,.box_products_count_to_page{ float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

#mxcpr{ display:none}

.product{ margin-right:5px; background-color:#fff; padding:7px; border:1px solid #ccc;height:580px}

.old_price, .default_price,.jshop_price{ float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.old_price{ margin-right:20px;}

.buttons{ clear:both; display:block; margin-top:10px}
.buttons input{ display:none }
.buttons a{ color:#FFFFFF; background-color:#0363a0; padding:5px 10px; margin:5px;font-family:Arial, Helvetica, sans-serif; font-size:12px; border-radius:5px}
.buttons a:hover{ background-color:#000}

.imageSection{ width:300px; margin-right:10px; float:left;}
#prodDecSection{ width:350px; float:right}

.attributes{ font-family:Arial, Helvetica, sans-serif; font-size:12px}
.attributes .inputbox{ padding:0; margin:0; width:150px; border:1px solid #666; padding:3px}

.prod_old_price{ text-decoration:line-through; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; line-height:30px}
.prod_price{ font-size:18px; font-family:Verdana, Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#FF0000}
.prodtaxinfo{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666}

.prod_qty{ font-family:Arial, Helvetica, sans-serif; font-size:12px; display:none }
.prod_qty .inputbox{ width:30px; margin:0; padding:3px; margin-bottom:20px;}

#list_product_demofiles{ margin-top:15px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.list_product_demo{ margin-top:10px;}
#list_product_demofiles .download a{ color:#FFFFFF; padding:5px 15px; background-color:#000; border-radius:5px}
#list_product_demofiles .download a:hover{ background-color:#ff0000}

.jshop_subtotal{ font-family:Arial, Helvetica, sans-serif; font-size:12px}
.checkTax{ color:#666}
.cartTotal{ font-size:18px; color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; letter-spacing:-1px}


/******************************/

#content_holder{ width:675px; float:right}
#left{ float:left; max-width:260px; border-radius:10px;padding:20px; background-image:url(../images/left.png); margin-right:15px; margin-bottom:20px}

.breadcrumbs{ margin-bottom:15px;}

.title{ font-family:Verdana, Geneva, sans-serif; font-size:18px; color:#333; letter-spacing:-1px; padding-bottom:5px; border-bottom:1px solid #ccc; margin-bottom:5px;}
#loginBox{ max-width:250px; float:left; padding-top:20px; padding-bottom:25px; margin-right:30px;} 
.forgot-btn li a{ text-decoration: none;color:#666; /*background:#669966;*/}
.forgot-btn li a:hover{opacity:0.5;}
.tagLine{ 
	border-top:5px solid #ccc;
	padding-top:20px;
	color:#fff;
	background-image: linear-gradient(-45deg, #00396F 10%, #0787F4 90%);/*#C1D5EC*/
	height:40px;
	clear: both; 
	display:block; 
	line-height:20px; 
	font-family:Actor; 
	font-size:12px; margin-bottom:10px; 
	text-align:center;
  padding:10px;
}
.tagLine a{ text-decoration:none; color:#ccc}
.tagLine a:hover{ color:#000}

.prod_price,.not_available,.jshop_price{ display:none}

.pagination ul li{ list-style:none; color: #fff; float:left;  margin-right:2px; padding:5px 10px;  background-color:#054f79;}
.pagination ul li a{ color:#fff;text-decoration:none; display:block;}
.logout-button .btn-primary{ }

/* template 2*/

.logout-button {
	width:60px;
  height:26px;
  display:inline-block;
  font-size:14px;
  color:#fff;
  text-decoration:none;
  text-transform:uppercase;
  text-align:center;
  text-shadow:1px 1px 0px #07526e;
  padding-top:6px;
  margin-left:auto;
  margin-right:auto;
  cursor:pointer;
  border: none;
  background: #109bce;
  background-image: linear-gradient(bottom, rgb(14,137,182) 0%, rgb(22,179,236) 100%);
  border-radius: 5px;
  box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #07526e, 0px 7px 5px #999;
}

.logout-button:hover {
 
  box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #07526e, 0px 5px 3px #999;
}
.logout-button input[type="submit" i]{background: none; color:#fff; font:14px Actor-Regular;}




.slideHolder{ width:1000px;  margin-bottom:10px; display:block; overflow:hidden}
#slide1{ width:395px; float:left; height:470px; margin-right:5px; background-color:#FFF; }
#slide2{ width:395px; float:left; height:470px; margin-left:5px; background-color:#FFF; }
#slide3{ width:190px; float:right; height:460px;}
.table-bordered{line-height: 16px; border-spacing:0px;border-collapse: collapse; width:100%;}
.table-bordered th, .table-bordered td{font-size:12px;}
.table-bordered tr td, .table-bordered tr th{margin:0px!important; padding:3px!important;border: 1px solid #ddd;}
div.jshop_prod_attributes h1{font-size:14px;}
#prodDecSection{margin-left: 310px!important;}


/********************************************************/

h1{ font-family:Arial, Helvetica, sans-serif; font-size:18px; line-height:25px; border-bottom:1px solid #000; margin-bottom:10px;}
.jshop p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px;}
.jshop h1{font-size:14px;}
.block_sorting_count_to_page{ margin-top:20px; margin-bottom:20px; display:block; overflow:hidden; clear:both}

.box_products_sorting .inputbox,.box_products_count_to_page .inputbox{ margin:0;padding:3px}
.box_products_sorting,.box_products_count_to_page{ float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

#mxcpr{ display:none}

.product{ margin-right:5px; background-color:#fff; padding:7px; border:1px solid #ccc; min-height:400px}

.old_price, .default_price,.jshop_price{ float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.old_price{ margin-right:20px;}

.buttons{ clear:both; display:block; margin-top:10px}
.buttons input{ display:none }
.buttons a{ color:#FFFFFF; background-color:#0363a0; padding:5px 10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; border-radius:5px}
.buttons a:hover{ background-color:#000}

.imageSection{ width:300px; margin-right:10px; float:left;}
#prodDecSection{ width:350px; float:right}

.attributes{ font-family:Arial, Helvetica, sans-serif; font-size:12px}
.attributes .inputbox{ padding:0; margin:0; width:150px; border:1px solid #666; padding:3px}

.prod_old_price{ text-decoration:line-through; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; line-height:30px}
.prod_price{ font-size:18px; font-family:Verdana, Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#FF0000}
.prodtaxinfo{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666}

.prod_qty{ font-family:Arial, Helvetica, sans-serif; font-size:12px; display:none }
.prod_qty .inputbox{ width:30px; margin:0; padding:3px; margin-bottom:20px;}

#list_product_demofiles{ margin-top:15px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.list_product_demo{ margin-top:10px;}
#list_product_demofiles .download a{ color:#FFFFFF; padding:5px 15px; background-color:#000; border-radius:5px}
#list_product_demofiles .download a:hover{ background-color:#ff0000}

.jshop_subtotal{ font-family:Arial, Helvetica, sans-serif; font-size:12px}
.checkTax{ color:#666}
.cartTotal{ font-size:18px; color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; letter-spacing:-1px}
#djslider-loader97{
            z-index: -1000;
        }
@media only screen and (min-width: 1200px){

}
@media only screen and (min-width:1024px) and (max-width: 1199px){
  #wrapper{
    width:100%!important;
  }
   #banner{
    width:100%!important;
  }
  #slide{
    width:95%!important;
  }
  #box_holder{
    width:95%!important;
    margin: 0 auto;
  }
  #loginBox{
    width:80%!important;
    margin:10px!important;
    padding:10px!important;
  }
  #content_holder{
    width:95%;
    margin: 0 auto;
    padding: 10px;
  }
  #left {
    width:70%;
  }
#content {
  padding: 10px;
}
#content ul li{
  list-style: none;
}
#content ul li a{
  /*font-size: 12px;*/
}
  #content p img{
    width:95%;
    margin: 0 auto;
  }
  #modlgn-username {
    width: 85%!important;
  }
  #modlgn-passwd{
  width: 85%!important;
  }
  .forgot-btn li, .forgot-btn li a{
    /*font-size: 12px;*/
  }
  #main_menu{
    width: 90%;
  }


}
 @media only screen and (min-width: 960px) and (max-width: 1023px){
  #wrapper{
    width:100%!important;
  }
   #banner{
    width:100%!important;
  }
  #slide{
    width:95%!important;
  }
  #box_holder{
    width:95%!important;
    margin: 0 auto;
  }
  #loginBox{
    width:80%!important;
    margin:10px!important;
    padding:10px!important;
  }
  #content_holder{
    width:95%;
    margin: 0 auto;
    padding: 10px;
  }
  #left {
    width:70%;
  }
#content {
  padding: 10px;
}
#content ul li{
  list-style: none;
}
#content ul li a{
  /*font-size: 12px;*/
}
  #content p img{
    width:95%;
    margin: 0 auto;
  }
  #modlgn-username {
    width: 85%!important;
  }
  #modlgn-passwd{
  width: 85%!important;
  }
  .forgot-btn li, .forgot-btn li a{
    /*font-size: 12px;*/
  }
  #main_menu{
    width: 90%;
  }



}

@media only screen and (min-width: 800px) and (max-width: 959px){
  #wrapper{
    width:100%!important;
  }
   #banner{
    width:100%!important;
  }
  #slide{
    width:95%!important;
  }
  #box_holder{
    width:95%!important;
    margin: 0 auto;
  }
  #loginBox{
    width:80%!important;
    margin:10px!important;
    padding:10px!important;
  }
  #content_holder{
    width:95%;
    margin: 0 auto;
    padding: 10px;
  }
  #left {
    width:70%;
  }
#content {
  padding: 10px;
}
#content ul li{
  list-style: none;
}
#content ul li a{
  /*font-size: 12px;*/
}
  #content p img{
    width:95%;
    margin: 0 auto;
  }
  #modlgn-username {
    width: 85%!important;
  }
  #modlgn-passwd{
  width: 85%!important;
  }
  .forgot-btn li, .forgot-btn li a{
    /*font-size: 12px;*/
  }
  #main_menu{
    width: 90%;
  }



}
@media only screen and (min-width: 772px) and (max-width: 799px){
  #wrapper{
    width:100%!important;
  }
   #banner{
    width:100%!important;
  }
  #slide{
    width:95%!important;
  }
  #box_holder{
    width:95%!important;
    margin: 0 auto;
  }
#loginBox{
    width:80%!important;
    margin:10px!important;
    padding:10px!important;
  }
  #content_holder{
    width:95%;
    margin: 0 auto;
    padding: 10px;
  }
  #left {
    width:70%;
  }
#content {
  padding: 10px;
}
#content ul li{
  list-style: none;
}
#content ul li a{
  /*font-size: 12px;*/
}
  #content p img{
    width:95%;
    margin: 0 auto;
  }
  #modlgn-username {
    width: 85%!important;
  }
  #modlgn-passwd{
  width: 85%!important;
  }
  .forgot-btn li, .forgot-btn li a{
    /*font-size: 12px;*/
  }
  #main_menu{
    width: 90%;
  }

}
@media only screen and (min-width: 600px) and (max-width: 771px){
  #wrapper{
    width:100%!important;
  }
   #banner{
    width:100%!important;
  }
  #logo{
    width: 150px;
  }
  #slide{
    width:95%!important;
  }
  #box_holder{
    width:95%!important;
    margin: 0 auto;
  }
  #loginBox{
    width:80%!important;
    margin:10px!important;
    padding:10px!important;
  }
  #content_holder{
    width:95%;
    margin: 0 auto;
    padding: 10px;
  }
  #left {
    width:70%;
  }
#content {
  padding: 10px;
}
#content ul li{
  list-style: none;
}
#content ul li a{
  /*font-size: 12px;*/
}
  #content p img{
    width:95%;
    margin: 0 auto;
  }
  #modlgn-username {
    width: 85%!important;
  }
  #modlgn-passwd{
  width: 85%!important;
  }
  .forgot-btn li, .forgot-btn li a{
    /*font-size: 12px;*/
  }
  
  #top_menu ul li{
    width: 100%;
    background: #efefef;
    
  }
  a.menu-link {
    padding:4px!important;
  }
  #top_menu ul li a {
    color: #666;
  }


}
@media only screen and (min-width: 480px) and (max-width: 599px) {
  #wrapper{
    width:100%!important;
  }
  #banner{
    width:100%!important;
  }
  #logo{
    width: 150px;
  }
  #slide{
    width:90%!important;
  }
  #box_holder{
    width:90%!important;
    margin: 0 auto;
  }

  #loginBox{
    width:80%!important;
    margin:10px!important;
    padding:10px!important;
  }

  #content_holder{
    width:95%;
    margin: 0 auto;
    padding: 10px;
  }
  #left {
    width:70%;
    max-width: 270px;
    z-index: -9999;
  }
#content {
  padding: 10px;
}
#content ul li{
  list-style: none;
}
#content ul li a{
  font-size: 12px;
}
  #content p img{
    width:95%;
    margin: 0 auto;
  }
  #modlgn-username {
    width: 85%!important;
  }
  #modlgn-passwd{
  width: 85%!important;
  }
  .forgot-btn li, .forgot-btn li a{
    font-size: 12px;
  }
  #top_menu{
    margin-top: 0px;
    z-index: 999;
    position: relative;
  }
  #top_menu ul li{
    width: 100%;
    background: #efefef!important;

    
  }
  a.menu-link {
    padding:4px!important;
  }
  #top_menu ul li a {
    color: #666;

  }



}
@media only screen and (min-width:414px) and (max-width: 479px){
  #wrapper{
    width:100%!important;
  }
  #banner{
    width:100%!important;
  }
  #logo{
    width: 150px;
  }
  #slide{
    width:90%!important;
  }
  #box_holder{
    width:90%!important;
    margin: 0 auto;
  }

  #loginBox{
    width:80%!important;
    margin:10px!important;
    padding:10px!important;
  }

  #content_holder{
    width:95%;
    margin: 0 auto;
    padding: 10px;
  }
  #left {
    width:70%;
    max-width: 270px; 
    z-index: -9999;
  }
#content {
  padding: 10px;
}
#content ul li{
  list-style: none;
}
#content ul li a{
  font-size: 12px;
}
  #content p img{
    width:95%;
    margin: 0 auto;
  }
  #modlgn-username {
    width: 85%!important;
  }
  #modlgn-passwd{
  width: 85%!important;
  }
  .forgot-btn li, .forgot-btn li a{
    font-size: 12px;
  }
  #top_menu{
    margin-top: 0px;
    z-index: 999;
  }
  #top_menu ul li{
    width: 100%;
    background: #efefef!important;

    
  }
  a.menu-link {
    padding:4px!important;
  }
  #top_menu ul li a {
    color: #666;

  }


}
@media only screen and (min-width:375px) and (max-width: 413px){
  #wrapper{
    width:100%!important;
  }
  #banner{
    width:100%!important;
  }
  #logo{
    width: 150px;
  }
  #slide{
    width:90%!important;
  }
  #box_holder{
    width:90%!important;
    margin: 0 auto;
  }

  #loginBox{
    width:80%!important;
    margin:10px!important;
    padding:10px!important;
  }

  #content_holder{
    width:95%;
    margin: 0 auto;
    padding: 10px;
  }
  #left {
    width:70%;
    max-width: 270px;
    z-index: -9999;
  }
#content {
  padding: 10px;
}
#content ul li{
  list-style: none;
}
#content ul li a{
  font-size: 12px;
}
  #content p img{
    width:95%;
    margin: 0 auto;
  }
  #modlgn-username {
    width: 85%!important;
  }
  #modlgn-passwd{
  width: 85%!important;
  }
  .forgot-btn li, .forgot-btn li a{
    font-size: 12px;
  }
  #top_menu{
    margin-top: 0px;
    z-index: 999;
  }
  #top_menu ul li{
    width: 100%;
    background: #efefef!important;

    
  }
  a.menu-link {
    padding:4px!important;
  }
  #top_menu ul li a {
    color: #666;
    
  }
 

}

@media only screen and (min-width:360px) and (max-width: 374px){
  #wrapper{
    width:100%!important;
  }
  #banner{
    width:100%!important;
  }
  #logo{
    width: 150px;
  }
  #slide{
    width:90%!important;
  }
  #box_holder{
    width:90%!important;
    margin: 0 auto;
  }

  #loginBox{
    width:80%!important;
    margin:10px!important;
    padding:10px!important;
  }

  #content_holder{
    width:95%;
    margin: 0 auto;
    padding: 10px;
  }
  #left {
    width:70%;
    max-width: 270px;
    z-index: -9999;
  }
#content {
  padding: 10px;
}
#content ul li{
  list-style: none;
}
#content ul li a{
  font-size: 12px;
}
  #content p img{
    width:95%;
    margin: 0 auto;
  }
  #modlgn-username {
    width: 85%!important;
  }
  #modlgn-passwd{
  width: 85%!important;
  }
  .forgot-btn li, .forgot-btn li a{
    font-size: 12px;
  }
  #top_menu{
    margin-top: 0px;
    z-index: 999;
  }
  #top_menu ul li{
    width: 100%;
    background: #efefef!important;

    
  }
  a.menu-link {
    padding:4px!important;
  }
  #top_menu ul li a {
    color: #666;
    
  }


}
@media only screen and (min-width:320px) and (max-width: 359px){
  #wrapper{
    width:100%!important;
  }
  #banner{
    width:100%!important;
  }
  #logo{
    width: 150px;
  }
  #slide{
    width:90%!important;
  }
  #box_holder{
    width:90%!important;
    margin: 0 auto;
  }

  #loginBox{
    width:80%!important;
    margin:10px!important;
    padding:10px!important;
  }

  #content_holder{
    width:95%;
    margin: 0 auto;
    padding: 10px;
  }
  #left {
    width:70%;
    max-width: 270px;
    z-index: -9999;
  }
#content {
  padding: 10px;
}
#content ul li{
  list-style: none;
}
#content ul li a{
  font-size: 12px;
}
  #content p img{
    width:95%;
    margin: 0 auto;
  }
  #modlgn-username {
    width: 85%!important;
  }
  #modlgn-passwd{
  width: 85%!important;
  }
  .forgot-btn li, .forgot-btn li a{
    font-size: 12px;
  }
  #top_menu{
    margin-top: 0px;
    z-index: 999;
  }
  #top_menu ul li{
    width: 100%;
    background: #efefef!important;

    
  }
  a.menu-link {
    padding:4px!important;
  }
  #top_menu ul li a {
    color: #666;
    
  }

}
@media only screen and (min-width:260px) and (max-width: 319px){

  #wrapper{
    width:100%!important;
  }
  #banner{
    width:100%!important;
  }
  #logo{
    width: 150px;
  }
  #slide{
    width:90%!important;
  }
  #box_holder{
    width:90%!important;
    margin: 0 auto;
  }

  #loginBox{
    width:80%!important;
    margin:10px!important;
    padding:10px!important;
  }

  #content_holder{
    width:95%;
    margin: 0 auto;
    padding: 10px;
  }
  #left {
    width:70%;
    max-width: 270px;
    z-index: -9999;
  }
#content {
  padding: 10px;
}
#content ul li{
  list-style: none;
}
#content ul li a{
  font-size: 12px;
}
  #content p img{
    width:95%;
    margin: 0 auto;
  }
  #modlgn-username {
    width: 85%!important;
  }
  #modlgn-passwd{
  width: 85%!important;
  }
  .forgot-btn li, .forgot-btn li a{
    font-size: 12px;
  }
  #top_menu{
    margin-top: 0px;
    z-index: 999;
  }
  #top_menu ul li{
    width: 100%;
    background: #efefef!important;

    
  }
  a.menu-link {
    padding:4px!important;
  }
  #top_menu ul li a {
    color: #666;

  }

}

.jshop_img{width:192px!important;}