﻿#products{
	background: #fff;
}
#products .items{
	float: left;
	display:block;
}
#products .items .items_content {
	text-align: center;
	border: 1px solid #e5e5e5;
	padding:10px;
	margin:1px;
}
#products .items .items_content img{
	border: #EFEFEF 1px solid;
	padding: 2px;
}
.content_body {
    background: none repeat scroll 0 0 #F1F0F0;
    border: 1px solid #FFFFFF;
    padding: 5px 10px;
    position: relative;
    right: 10px;
    top: 10px;
    width: 98.8%;
}
#products .items .items_content .content_top {
	height:180px;
}
#products .items .items_content .show-product-code{
	height:156px;
}
#products .items .items_content .content_price {
	height:25px;
}
.money {
	color:#CC3300;
	font-weight: bold;
	font-size:16px;
	padding:5px;
}
.discounts_money {
	color: #000000;
	font-weight: normal;
	text-decoration: line-through;
	padding:5px;
}
.time_up {
	color: #c0c0c0;
	font-weight: normal;
}
.btnum, .shops-center {
	text-align: center;
}

/* BUTTON */
a.pro_order, a.pro_detail {
	color:#fff;
	padding:3px 0px;
	background: url("../images/shops/bg-detail.png") repeat scroll left top #FFFFFF;
	display:inline-block;
	width:60px;
	text-align:center;
	border: 0px solid #FC0;
}
a.pro_detail:hover, a.pro_order:hover{
	background:#FFCC33
}

/* DETAIL */
#detail { padding:5px 0px;}
#detail .image-demo{
	float:left;
	width:250px;
}
#detail .info_product {
	padding-left:310px;
}
#detail .date_up {
	color: #bcbcbc;
	display:block;
}
#detail .info_product p{
	padding:2px;
	margin:0;
}
#detail h1{
	color: #004080;
	font-size: 14px;
	font-weight: bold;
	text-align:justify
}
#detail .detail_com {
	margin-bottom:5px;
}
#detail .zoom_img {
	background: url('../images/shops/zoom-img.png') no-repeat left center;
	line-height: 26px;
	padding-left: 20px;
	display: inline-block;
}

/* COMMENT FORM */
#detail .list-comments .alt{
	background:#f6f6f6;
}
#detail .list-comments .m-bottom{
	margin-bottom:5px;
}
#detail .list-comments .bg{
	background-image:none;
}
#detail .list-comments h4{
	color:#b93d00;
	margin-bottom:.5em;
}
#detail .list-comments .ava{
	float:left;
	width:60px;
}
#detail .list-comments .ava img{
	vertical-align:middle;
	width:40px;
}
#detail .list-comments .comment-content{
	margin-left:60px;
}

#detail .prd_rate {
	padding: 0px;
}
#detail .prd_rate form.comment {
	background: #f7f7f7;
	border: 1px solid #dfdfdf;
	padding: 10px;
	margin-bottom: 10px;
}
#detail .prd_rate form.comment span {
	display: block;
	margin-bottom: 10px;
}
#detail .prd_rate form.comment textarea {
	border: 1px solid #dfdfdf;
	width: 658px;
	height: 80px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 4px;
	margin-bottom: 10px;
}
#detail .prd_rate form.comment img {
	vertical-align: middle;
	margin-left: 10px;
}
#detail .prd_rate div.line {
	margin-bottom: 10px;
}
#detail .prd_rate div.cm_rows {
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px dashed #d7e2e6;
}
#detail .prd_rate div.avata {
	width: 54px;
	text-align: center;
	float: left;
}
#detail .prd_rate div.avata img {
	border: 1px solid #d7e2e6;
	padding: 1px;
}
#detail .prd_rate div.cm_c {
	float: right;
}

/* OTHER PRODUCT */
#detail .others {
	padding: 10px;
}
#detail .others ul li {
	background: url(../images/shops/square.jpg) no-repeat 0px 5px;
	padding-left: 8px;
}
#detail .others .date {
	color: #999;
}
#detail .others h1 {
	border-bottom: #CCC 1px solid;
	margin-bottom: 5px;
}
#detail .div_rate a {
	padding-right: 18px;
	background: url('../images/shops/star.png') no-repeat right center;
	margin-right: 5px;
}

/* OTHER */
.payment {
	color: #ff0000;
	font-weight: bold;
	display: block;
	margin-top: 10px;
	border: 1px solid #ff0000;
	padding: 3px;
	text-transform: uppercase;
}
.pages {
	display: inline-block;
	float: right;
	margin-bottom: 5px;
	margin-top: 5px;
}

.pages a {
	color: #000000;
	border: 1px solid #ebebeb;
	padding: 2px 6px;
	display: inline-block;
}

.pages a:hover {
	background: #f2f2f2;
}

.pages strong {
	color: #ffffff;
	border: 1px solid #ebebeb;
	padding: 2px 6px;
	display: inline-block;
	background: #0080c0;
	font-weight: normal;
}

/* GIRD */
#category {
	margin-bottom: 8px;
	background: #ffffff;
}
#category .page_title {
	font-size: 13px;
	color: #454545;
	height: 20px;
	line-height: 20px;
	padding: 5px;
	font-weight: bold;
	border-bottom: 2px solid #e5e5e5;
}
#category .list_rows {
	border-bottom: 1px dashed #cad5d8;
}

#category .list_rows div.img {
	float: left;
	margin-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#category .list_rows div.img input {
	position: absolute;
	top: 15px;
	left: 5px;
}

#category .list_rows div.img img {
	border: 1px solid #f4f4f4;
	padding: 2px;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#category .list_rows div.list_c {
	width: 300px;
	float: left;
	margin-right: 10px;
	padding: 20px 0;
}

#category .list_rows div.list_c h3 {
	margin-bottom: 10px;
}

#category .list_rows div.list_c p.des {
	padding-bottom: 10px;
	border-bottom: 1px dashed #cad5d8;
}

#category .list_rows div.list_c p.add_prd {
	margin: 10px 0 0 0;
}

#category .list_rows div.info_prd {
	width: 170px;
	margin-right: 10px;
	margin-top: 20px;
	float: left;
}

#category .list_rows div.info_prd ul {
	padding: 15px;
}

#category .list_rows div.info_prd ul li {
	padding: 0 0 10px 15px;
}

#category .list_rows div.info_prd strong {
	color: #fc4d00;
}

#category .list_rows div.info_prd span {
	display: block;
	font-weight: 700;
}

#category .grid_rows {
	width: 33%;
	float: left;
	margin-top: 10px;
}

table.rows2 {
	width: 100%;
	border: 1px solid #b9dcff;
	padding: 5px;
}

table.rows {
	width: 100%;
}

table.rows td {
	padding: 5px
}

table.rows td img.imgpro {
	width: 40px;
	padding: 2px;
	border: 1px solid #ebebeb;
	vertical-align: middle;
}

table.rows tr.bg {
	background: #f3f3f3;
}

table.rows tr.bgtop {
	background:#CCE6FF;
	line-height: 22px;
}

/* CART */
div.step_bar a.step {
	display: block;
	float: left;
	height: 32px;
	line-height: 32px;
	font-size: 12px;
	font-weight: 700;
	background: url('../images/shops/star.png') no-repeat left center;
	padding-left: 10px;
	margin-right: 10px;
}

div.step_bar a.step span {
	display: block;
	width: 32px;
	height: 32px;
	float: left;
	text-align: center;
	font-weight: 700;
	font-size: 13px;
	color: #039;
}

.share a {
	padding: 0px;
	margin: 0px;
}
.share img {
	height: 16px;
	float:left;
	margin-right:3px;
	margin-left:3px;
}

.title_cate {
	background: url('../images/shops/pro_cat_header.png') repeat-x;
	height: 20px;
	line-height: 20px;
	padding: 5px;
	font-weight: bold;
}

.btn_view {
	background: url('../images/shops/bl.png') no-repeat left center;
	display: inline-block;
}

.btn_view span {
	background: url('../images/shops/br.png') no-repeat right;
	padding: 3px 10px;
	display: inline-block;
}

#total {
	color: #ff0000;
	font-weight: bold;
	font-size: 15px;
}

.order_code {
	padding: 5px;
	border: 1px solid #dfdfdf;
	text-align: center;
}

.text_date {
	color: #0080c0;
	font-size: 16px;
	font-weight: 700;
}

.block_cart {
	padding: 5px;
}

/* TAB */
div.TabView {
	margin-top: 10px;
}

div.TabView div.Tabs {
	overflow: hidden;
	background: #F7F7F7 url('../images/shops/bg_divtab.png') repeat-x bottom;
	height: 30px;
}

div.TabView div.Tabs a {
	float: left;
	display: block;
	text-align: center;
	height: 30px;
	line-height: 30px;
	text-decoration: none;
	color: #000;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: normal;
	text-transform: uppercase;
}

div.TabView div.Tabs a:hover {
	color: #FF0000;
}

div.TabView div.Tabs a.Active {
	color: #000000;
	background: url('../images/shops/pro_tab.png') repeat-x;
	border-top: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	font-weight: bold;
}


div.TabView div.Pages {
	background: #FFFFFF;
	height: auto;
	width: auto;
	clear: both;
	overflow: hidden;
}

div.TabView div.Pages div.Page {
	height: auto;
	padding: 5px;
	width: auto;
	overflow: hidden;
	border: 1px solid #e6e6e6;
	border-top:0;
}

/* BLOCK PRODUCT CENTER */
.product_center {
	z-index: 2;
	margin-bottom: 2px;
}

.product_center {
	overflow: hidden;
	position: relative;
	margin-top: 5px;
}

.product_center .container {
	width: 960px;
	height: 130px;
	overflow: hidden;
	position: relative;
}

.product_center .slides {
	position: absolute;
	top: 0;
	left: 0;
}

.product_center .slides>div {
	position: absolute;
	top: 0;
	width: 960px;
	display: none;
}

#block_newtop .slides>div a:hover {
	text-decoration: underline;
}

.product_center p {
	padding: 0px;
}

.product_center ul.pagination {
	padding: 5px;
	float: right;
}

.product_center ul.pagination li {
	float: left;
	list-style:none;
}

.product_center ul.pagination a {
	display: block;
	overflow: hidden;
	background: #f3f3f3;
	margin-right: 2px;
	line-height: 20px;
	height:20px;
	width:20px;
	text-align:center;
}

.product_center ul.pagination li.active a {
	background: #b5b5b5;
	color: #ffffff;
}

.product_center .slides .items {
	display: block;
	width: 150px;
	float: left;
	height: 170px;
	margin-right: 10px;
	text-align: center;
}

.product_center .slides .items img {
	height: 120px;
	border: #DFDFDF 1px solid;
	padding: 2px;
}

/* BLOCK OTHER PRODUCT */
.others_product ul li {
    list-style: none outside none;
    padding: 0px;
	padding-bottom:10px;
	padding-top:10px;
	border-bottom:#EAEAEA solid 1px;
}
.others_product ul li a{
	font-family:Tahoma;
	font-size:8pt;
}
.others_product ul li img {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #EEEEEE;
    margin-right: 5px;
    padding: 2px;
    width: 60px;
	float:left;
}
.others_product ul li.bg {
}
.others_product ul li span.time {
    color: silver;
    font-size: 11px;
}

.block-nobg .title_adv {
	background: url('../images/dot_gray.gif') repeat-x center;
}

.frame {
	padding: 20px;
	text-align: center;
}


/* SEARCH */
.search{ 
	border:1px solid #ebebeb;
	padding:5px;
	margin-bottom:5px;
}
.search .input{ width:200px }
.search .rows{ line-height:25px }
.search .rows label{ width:180px; display:inline-block; }

.result-frame .result-content {
	margin-bottom:5px;
	border-bottom:1px dotted #c0c0c0;
	padding-bottom:5px;
}
.result-frame .result-content img{
	margin-right:5px;
	border:1px solid #e6e6e6;
	padding:2px;
}

.result-frame .linktitle {
	color:#0080c0;
	line-height:22px;
	font-weight:bold;
}
.result-frame .keyword{ background:#ffff00;}

.search .date{
	background: url(../images/shops/date.png) no-repeat center;
	border:0px;
	margin:auto;
	padding:4px 10px;
}
.divbg {
	background:#F9F9F9;
	line-height:28px;
	margin-top:10px;
	padding:0px 10px;
	font-size:14px;
	text-transform:uppercase;
}
.msgshow {
	background:#F5F5F5;
	padding:20px;
	border:4px solid #C7C7C7;
	position:fixed;
	bottom:0;
	right:0;
	display:none;
	z-index: 10020 !important;
}

/* TOOLTIP */
#products .tip {
	color: #01948a;
	background:#fdf5f8;
	display:none;
	padding:10px;
	position:absolute;	
	z-index:3000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	width:250px;
	text-align:left;
}
#products .tip img{
	margin-right:10px;
	float:left;
}

.title_shop {
	color:#000000;
	font-weight:bold;
	text-align:left;
	display:block;
}
.no-wrap{
	white-space:nowrap
}

/* POST */
.post-product h2{
	border-bottom:1px #D8D8D8 solid;
}
.txt-full{
	width:99%;
}
.title_group{
	margin-bottom:10px;
	border-bottom:1px #e8e8e8 solid;
	line-height:20px;
}
.info-require{
	color:red;
	font-size:11px;
	font-style:italic;
}
.span-require{
	color:red;
	font-style:italic;
}
.post-error{
	border:1px solid #FFAAD5;
	margin:0 auto 10px;
	background:#FFD2E9;
	padding:10px;
}
.post-error span{
	color:#F00;
	font-weight:bold;
}
.post-product .show-date{
	vertical-align:middle;
}

.ddsmoothmenu-v ul, .ddsmoothmenu-v li, ddsmoothmenu-h ul, .ddsmoothmenu-h li{
	list-style:none;
	margin:0;
}
.rows3 td{
	padding:1px;
}
.error{
	color:red;
}
img.calendar{
	vertical-align:middle;
}
.view-filter{z-index:2;background:url(../images/main_sprite.1.0.8.png) right -1040px no-repeat;width:915px;height:32px;margin-bottom:10px}
.view-filter .view-filter-inside{float:left;background:url(../images/main_sprite.1.0.8.png) left -1072px no-repeat}
.view-filter .view-filter-inside .ctn-view-filter{background:url(../images/main_sprite.1.0.8.png) 0 -1104px repeat-x;width:915px;height:32px;margin:0 5px;padding:0 5px}
.view-filter .view-total{float:right;width:130px;margin-left:-10px;color:#555;font-size:12px;line-height:32px}
.view-filter .view-total span{display:inline;float:right;margin-right:5px}
.view-filter .view-total .prev{display:block;float:right;background:url(../images/icon_mini.1.0.10.png) -6px -2295px no-repeat;width:15px;height:15px;margin:7px 0 0 0}
.view-filter .view-total .next{display:block;float:right;background:url(../images/icon_mini.1.0.10.png) -6px -2310px no-repeat;width:15px;height:15px;margin:7px 0 0 2px}
.view-filter .view-total .prev-over{display:block;float:right;background:url(../images/icon_mini.1.0.10.png) -6px -2438px no-repeat;width:15px;height:15px;margin:7px 0 0 0}
.view-filter .view-total .next-over{display:block;float:right;background:url(../images/icon_mini.1.0.10.png) -6px -2453px no-repeat;width:15px;height:15px;margin:7px 0 0 2px}
.view-filter .view-btn{float:left;width:210px;color:#555;font-size:12px;line-height:32px}
.view-filter .view-btn span{float:left;margin-right:5px}
.view-filter .view-thum{float:left;display:block;background:url(../images/main_sprite.1.0.8.png) 0 -920px no-repeat;width:50px;height:22px;margin-top:4px}
.view-filter .view-list{float:left;display:block;background:url(../images/main_sprite.1.0.8.png) 0 -950px no-repeat;width:50px;height:22px;margin-top:4px}
.view-filter .narrow-down-bg{float:left;background:url(../images/line_filter.jpg) left top no-repeat;margin-right:8px;padding-left:10px;color:#555;font-size:12px}
.view-filter .narrow-down-bg span{float:left;margin-right:5px;color:#555;font-size:12px;font-weight:normal;line-height:32px}
.view-filter .narrow-down-bg .filter-price-from{float:left;background-color:#fff;width:50px;margin-top:4px;padding:3px 6px;color:#555;font-size:11px;border:1px solid #bbb;box-shadow:inset 1px 1px 1px #ddd;-moz-box-shadow:inset 1px 1px 1px #ddd;-webkit-box-shadow:inset 1px 1px 1px #ddd}
.view-filter .narrow-down-bg .space-filter-form{float:left;margin:0 5px}
.view-filter .narrow-down-bg .btn-filter{display:inline;float:left;display:block;background:url(../images/main_sprite.1.0.8.png) 0 -984px no-repeat;width:38px;height:22px;margin:4px 5px 0 5px;text-indent:-9999px;border:0}
.view-filter .filter-kind-shop{width:120px;margin-top:4px;padding:2px 2px 1px 2px;border:1px solid #bbb;box-shadow:inset 1px 1px 1px #ddd;-moz-box-shadow:inset 1px 1px 1px #ddd;-webkit-box-shadow:inset 1px 1px 1px #ddd}
.view-filter .filter-price{display:block;background:url(../images/icon_mini.1.0.10.png) 43px -2348px no-repeat;padding-right:14px;color:#555;font-size:12px;line-height:32px;text-decoration:none;-moz-transition-property:color, background;-moz-transition-duration:0.3s, 0.3s;-moz-transition-timing-function:linear, ease-in}
.view-filter .filter-price-up{background-position:45px -2374px}
.view-filter .filter-price-down{background-position:45px -2406px}
#tm {
width: auto;
min-width: auto;
padding: 5px;
background: white;
border-right-width: 2px;
border-right-style: solid;
border-right-color: #F1F0F0;
min-height: 60px;
_height: 60px;
margin-left: 0px;
margin-right: 4px;
}
#tb {
width: auto;
height: 17px;
background: url(../images/b.gif) no-repeat right top !important;
margin-right: 4px;
}

.item {
padding: 0 0 5px 0;
width: 150px;
position: relative;
background: url(../images/bg-item.png) no-repeat;
}
    .list_carousel {
		position:relative;
		margin:0 auto;
		padding:0px 9px 0px 9px;
        width:297px;
    }
    .list_carousel ul {
        margin: 0;
        padding: 0;
        list-style: none;
        display: block;
    }
    .list_carousel li {       
        color: #666;
        text-align: center;
		width:50px;
        padding: 0;
        margin: 10px;
        display: block;
        float: left;
    } 
	
	.list_carousel li img{
		border-radius:3px;
		-moz-border-radius:3px;
		padding:3px;
		border:1px solid #ddd;
		}
	
    #prev1, #prev2 {
		position:absolute;
		top:15px;
        left: 10px;
    }
    #next1, #next2 {
		position:absolute;
		top:15px;
        right: 10px;
    }
#next1{position:absolute;z-index:999;width:18px;height:38px;text-indent:-9999px;background:url(../images/btn_img_slider.png) -16px 0 no-repeat}
#prev1{position:absolute;z-index:999;width:18px;height:38px;text-indent:-9999px;background:url(../images/btn_img_slider.png) 0 0  no-repeat}
#next1:hover{background-position:-16px -40px}
#prev1:hover{background-position:0 -40px}
.zoom-img {
background: url(../images/icon_mini_cont.1.0.1.png) 62px -9px no-repeat;
width: 150px;
margin-bottom: 5px;
padding: 6px 0 3px 85px;
color: #333;
font-size: 11px;
font-weight: bold;
}
.sale {
background: url(../images/sale.png) no-repeat scroll 0 0;
position: absolute;
right: 5px;
top: 5px;
width: 67px;
height: 67px;
}
.sale span {
color: #FFF;
font: bold 16px arial;
top: 34px;
width: 67px;
right:1px;
text-align: center;
position: absolute;
}