.shop
{
}
.shopPage>.top
{background:#f5f5f5;border:1px solid #ddd;padding:10px;overflow:hidden;box-sizing: border-box;}

.shopPage>.top .breadCrumbs{float:right;color:#333;}
.shopPage>.top .breadCrumbs a {
    font-weight: bold;
    white-space: nowrap;
}
.shopPage>.top .search{display:none}
.shopPage>.top #ProductKindViewIconBtn
{
	float:left;
	direction: ltr;
}
.shop .shopCol1
{
	width:250px;
	float:right;
} 

.shop .shopCol2
{
	margin-right:255px;
	padding:0px 5px 0px 0px;
}

.shop .shopCol2 .top
{
	clear:inherit;
	background:url(images/top.png) repeat-x;
	height:22px;
	border:1px solid #55565F;
	padding:5px 20px;
}

.shop .shopCol2 .top a,.shop .shopCol2 .top a:visited
{
	color: #fff;
	font-size: 13px;
	font-weight:bold;	
	font-family:arial;
}
.shop .shopCol2 .top a:hover
{
	color: #fcc586;
}

.shop .content
{

padding : 10px;

/* border:1px solid #55565F; */

/* border-top:none; */
}

.shop .smallBox .top
{
background:url(images/top.png) repeat-x ;
height:32px;
/*border:1px solid #4c1f1f;*/
}

.shop .smallBox .top .title
{
padding:5px 15px 0px 0px;
color: #fff;
font-size: 13px;
font-weight:bold;	
font-family:tahoma;
}

.shop .smallBox .content
{
background-color :#292A2F;
padding : 10px;
border:1px solid #55565F;
border-top:none;
}

.shop .smallBox
{
	margin-bottom:10px;
}

.shop .categoryTree ul
{
}

.shop .categoryTree .root
{
	list-style-type:none;
	margin:0px;	
padding:0px;
}
.shop .categoryTree a,.shop .categoryTree a:visited
{
	border-bottom: 1px Solid #09287A;
	padding: 6px;
	display:block;
	color:#000;
	font-size: 15px;
	font-weight: bold;
}
.shop .categoryTree a:hover
{
	 color: #3970E2; 
}
.shop .categoryTree .root .child
{
	list-style-type:none;
	margin: 5px 0px;
	padding: 5px 15px 5px 0;
}
.shop .categoryTree .root .child a{color: #09287A;font-size: 13px;font-weight: normal;}
.shop .categoryTree .root .last.child a{color: #b5121b;font-size:11px;}
.shop .pager
{
    clear:both;
}

.shop .productSelected li{
	list-style-type:none;
	text-align:center;
}
/*************ProudctItem1 *********************/

.shop .productList1 
{
    text-align:center;
}
.shop .productList1 ul
{
	list-style-type:none;
	margin:auto 20px;
}

.shop .productList1 ul li
{
 width:170px;
 margin:5px;
float:right;
}

.shop .productItem1
{
	
}
.shop .productItem1 img
{
	border:2px solid #111219;
}

.shop .productItem1 .price,.shop .productView .price
{
	color: #f3c253;
	padding:10px 0px;
}
.shop .productView .buttons
{
	text-align:center
}
.shop .productItem1 .buttons
{
	text-align:center;
}
/************productView**********************/
.shop .productView .images ul
{
	list-style-type:none;
}
.shop .productView .specs ul
{
	list-style-type:none;
	border-bottom:1px solid #fdf6c8;
	display: none;
}
.shop .productView .specs .title 
{
    font-size:12px;
}

.shop .productView .images li
{
	float:right;
	padding:10px;
}
.shop .productView .title 
{
    font-size:14px;
    color:#111f65;
    font-weight:bold;
}

/***************Category list*********************/
.shop .categoryList ul
{
	margin:0px;
	padding:0;
	list-style-type:none;
}

.shop .categoryList li .title{font-weight:bold;color: #333;text-align: right;-webkit-transition: all 700ms;-moz-transition: all 700ms;-ms-transition: all 700ms;transition: all 700ms;font-size: 15px;padding-top: 7px;}


.shop .categoryList li .image{border: 1px solid #ccc;display:block;transition: all 700ms;height: 130px !important;width: 100% !important;overflow:hidden;}
.shop .categoryList li .image img{margin-top:10px;}

/***************Shop Css V 2 *********************/
.shop .categoryList li {
    height:150px;background:none;margin: 25px 10px;/* border: 1px solid #ccc; */border-radius: 5px;float: right;text-align: center;width: 30%;
}
.shop .categoryList li:hover .image{border-color: #3970E2;}
.shop .categoryList li:hover .title{color: #3970E2;}
.shop .categoryList li div.image{width:100% !important;text-align:center;}
.ProductKindViewIconBtn{
    width:30px;
    height:30px;
   
    float:left;
    background-position:center center;
    background-repeat:no-repeat;
    margin-top: -42px;
}
    #ProductKindViewIconBtn a{
    	display:inline-block;
    	width: 20px;
    	height: 20px;
    	margin-right: 5px;
    }
    #ProductKindViewIconBtn .tile {
        background: url(/images/ListView_tile24x24.png) no-repeat center center;
    }
    #ProductKindViewIconBtn .list {
        background: url(/images/ListView_list24x24.png) no-repeat center center;
    }
    #ProductKindViewIconBtn .table {
        background: url(/images/ListView_table24x24.png) no-repeat center center;
        display: none;
    }

/* Product Item  */
.productItemClassV2{
   
}
.productList .displaynone{
    display:none;
}
.productList.list li,.productList.tile li{
     list-style-type:none;
     border:solid 1px #ccc;
     position: relative;
     box-sizing:border-box;
     padding: 5px;
     }
table{border-coll;border-collapse: collapse;}
ul.productList{padding:0;}     
.productList.tile li{
   
border:solid 1px #ccc;
   
float:right;
   
width: 220px;
   
padding: 5px;
   
margin: 0px 6px 20px 6px;
}

.productList.tile li .title ,.productList.list li .title {font-weight:bold;padding: 5px;text-align: center;font-size: 15px;}
.productList.tile li .image{text-align:center;}
.productList.tile li img ,.productList.list li img {
            margin: 10px;
        }

 .shop .oldPrice  {
             color:#000000;
             display: none;
}
 .shop .oldPrice .title{
	 text-decoration:none;
 }
.shop .currentPrice{
        color:#ff0000;
        font-size:10pt;
        display: none;
 }
 .summery {height: 84px;overflow: hidden;}

.productList.tile li .updatetime {
  }

       

      .productList li .code {
           display:none;  
       }

       .productList.tile li .manufactor {
             
        }
     .productList.tile li .manufactor .Title{
      }
		
        
        .productList.tile li .btnFace1 a,.productList.tile li .btnFace2 a, .productList.list .btnFace1 a,.productList.list .btnFace2 a{color:#fff;}
        

	  
 .productList.list li{position:relative;min-height: 240px;margin-bottom: 10px;overflow: hidden;}
 .productList.list li .btnFace1,.productList.list li .btnFace2{position:absolute;}
 .productList.list li .btnFace1{right: 5px;bottom:5px;margin-bottom: 0;}
 .productList.list li .btnFace2{left:5px;bottom:5px;}
 .productList .btnFace2{display:none;}
 .productList.list .image{float:right}
.buyBtnClass-refresh-style {
    background-image: url(/images/Refresh-icon.png);
    cursor:default;
    width: 16px;
    height: 16px;
    left:7px;
	top:5px;

    -moz-animation:  buyBtnClass-refresh-style-Animation .7s infinite linear;
    -o-animation:  buyBtnClass-refresh-style-Animation .7s infinite linear;
    -webkit-animation:  buyBtnClass-refresh-style-Animation .7s infinite linear;
    animation:  buyBtnClass-refresh-style-Animation .7s infinite linear;
}

@keyframes buyBtnClass-refresh-style-Animation {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}

/* Product Item List Style */

.productItemClassV2.list{
    display:block;

}
    .productItemClassV2.list .pitem {
        font-family:Tahoma;
        font-size:14px;
    }
        .productItemClassV2.list .pitem ul {
            width: 97%;
            list-style-type: none;
            float: right;
            display: block;
            position: relative;
            border: solid 1px yellowgreen;
            padding: 5px;
            margin: 5px;
        }
        .productItemClassV2.list .pitem ul:hover {
            box-shadow:0px 0px 5px #000;
            transition:0.5s;
        }

        .productItemClassV2.list .pitem ul .title {
            vertical-align: middle;
            height: 25px;
            text-align: right;
            font-weight: bold;
            display: block;
            padding-right: 72px;
            padding-top: 10px;
        }

        .productItemClassV2.list .pitem ul .image{
            float: right;
            width: 70px;
            height: 90px;

            background-repeat: no-repeat;
            background-position: center center;
            
            background-size: contain;

            margin-top: -22px;
            margin-left: 2px;
        }

        .productItemClassV2.list .pitem ul .oldPrice {
           
             font-size:12px;
             color:#B9AFAF;
             height:25px;
             
        }
       .productItemClassV2.list .pitem ul .oldPrice .Title{
             float:right;
			 text-decoration:none;
        }

        .productItemClassV2.list .pitem ul .currentPrice {
             font-size:14px;
             font-weight:bold;
             color:#ff0000;
             height:30px;
             display:block;
        }
       .productItemClassV2.list .pitem ul .currentPrice .Title{
             float:right;
			 text-decoration:none;
        }

       .productItemClassV2.list .pitem ul .description {
             width: 80%;
             color:#0021a0;
             height: 47px;
             overflow: hidden;
        }

       .productItemClassV2.list .pitem ul .updatetime {
             float:right;
             width: 100%;
        }

       .productItemClassV2.list .pitem ul .code {
             float:right;
             padding-right: 72px;
             
        }
      .productItemClassV2.list .pitem ul .code .Title{
             float:right;
			 text-decoration:none;
        }

       .productItemClassV2.list .pitem ul .manufactor {
             float:right;
             width: 100%;
             display:none;
        }
     .productItemClassV2.list .pitem ul .manufactor .Title{
             float:right;
			 text-decoration:none;
        }

            .productItemClassV2.list .pitem ul .detailBtnclass {
                position: absolute;
                left: 5px;
                bottom:40px;
				padding-right: 5px;
				padding-left: 5px;
				background-color: yellowgreen;
                color: #000;
                border: 1px solid #000;
                border-radius: 3px;
                font-family: Tahoma;
                font-size: 14px;
                margin-top: 10px;
                height: 25px;
                margin-right: 15px;
                text-align: center;
                cursor: pointer;
            }

            .productItemClassV2.list .pitem ul .buyBtnClass {
                position: absolute;
                left: 5px;
                bottom:5px;
                width: 60px;
                background-color: yellowgreen;
                color: #000;
                border: 1px solid #000;
                border-radius: 3px;
                font-family: Tahoma;
                font-size: 14px;
                margin-top: 10px;
                height: 25px;
                padding-right: 0px;
                padding-top: 0px;
                text-align: center;
                cursor: pointer;
            }

      .productItemClassV2.list .pitem ul .refreshstyle{
          background-color:#fff ;
          border:1px solid #ccc;
          cursor:default;
       }

/* Product Item Table Style */
.ptable td{padding:10px;border: solid 1px rgba(239, 239, 239, 0.99);}
.productItemClassV2.table {
}
.productItemClassV2.table .ptable{
    width:100%;
    border:1px solid #9ACD32;
    font-family:Tahoma;
    font-size:12px;
    overflow: hidden;
}

.productItemClassV2.table .ptable .heder{
    background-color:#9ACD32;
    font-weight:bold;
    border-bottom:1px solid #333;
    height: 30px;
}
.productItemClassV2.table .ptable .Detail{
    
    height: 30px;
}
.productItemClassV2.table .ptable .OddClass{
    background-color:#E8F1D7;
}

    .productItemClassV2.table .ptable .Detail td {
        border-bottom: 1px dotted #ccc;
    }

    .productItemClassV2.table .ptable .rownumber{
        vertical-align:middle;
        width:30px;
        padding-right: 5px;
    }           
   .productItemClassV2.table .ptable .Detail .rownumber {
    } 
       
    .productItemClassV2.table .ptable .code{
        vertical-align:middle;
        width:50px;
        padding-right: 5px;
        padding-left: 5px;
        text-align: center;
    }
    .productItemClassV2.table .ptable .Detail .code {
        
    } 
              
    .productItemClassV2.table .ptable .title{
        vertical-align:middle;
        padding-right: 5px;

    }    
   .productItemClassV2.table .ptable .Detail .title {
    } 
               
    .productItemClassV2.table .ptable .kind{
        vertical-align:middle;
        width:100px;
        padding-right: 5px;
    }   
    .productItemClassV2.table .ptable .kind select{
        vertical-align:middle;
        width:95%;
    }              
           
    .productItemClassV2.table .ptable .price{
        vertical-align:middle;
        width:80px;
        padding-right: 5px;
    }              
    .productItemClassV2.table .ptable .Detail .price{
        text-align:left;
    }              


    .productItemClassV2.table .ptable .count{
        vertical-align:middle;
        width:20px;
        text-align:center;
        padding-right: 5px;
        padding-left: 5px;
    }
        .productItemClassV2.table .ptable .count input {
            direction: ltr;
            vertical-align: middle;
            width: 40px;
            text-align: center;
            font-weight: bold;
            font-size: 15px;
        }
                 
    .productItemClassV2.table .ptable .SpecTitle{
        width: 100px;
    } 
   .productItemClassV2.table .ptable .SpecValue{
        
    }
.productItemClassV2_table_BtnBay {
    background-color: #09287A;
    color: #FFF;
    font-size: 14px;
    margin-top: 10px;
    text-align: center;
    cursor: pointer;
    width: 120px;
    float: left;
    line-height: 30px;
}
.productItemClassV2_table_BtnBay:hover{background-color:#6692f5;}
/* product pageging style **/
.PagerInfoCell{
    display:none;
}
.PagerNumbersPageCells{
    padding-top:10px;
    width:100%;
    height: 31px;
    overflow: hidden;
    position:relative;
    float:right;
    text-align:center;
}

.PagerNumbersPageCells span{
    padding: 6px;
    padding-top: 5px;
    vertical-align:middle;
    font-weight: bold;
    border-radius: 5px;border: solid 1px #ccc;
    font-family:Tahoma,'Time Roman';
    color:#ccc;
    margin-right:4px;
    margin-left:4px;
}

.PagerNumbersPageCells a{
    padding: 6px;
    padding-top: 5px;
    vertical-align:middle;
    font-weight: bold;
    border-radius: 5px;border: solid 1px #000;
    font-family:Tahoma,'Time Roman';
    color:#000;
    margin-right:4px;
    margin-left:4px;
    background-color: yellowgreen;
}
.PagerBackPageCells a{
        display:none;
}
.PagerNextPageCells{
    display:none;
}
.TabProductSpecList{
    width:100px;
    font-family:Tahoma;
    font-size:10pt;
}
    .TabProductSpecList .title {
        width:250px;
        background-color:#F1E3E3;
        font-weight:bold;
        border-bottom:1px dotted #ccc;
        padding-right:5px;
        padding-left:5px;
    }
    .TabProductSpecList .value {
        border-bottom:1px dotted #ccc;
    }
div.files .download {overflow:hidden;}    
div.files .download ul li
{
	list-style-type:none;float:right;
}
.relatedProducts{text-align:center;border-top: 1px solid #fdf6c8;}
.relatedProducts li{
	border: solid 1px rgba(222, 222, 222, 0.99);
	list-style-type:none;
	float: right;
	width: 20%;
	min-height: 170px;
	margin: 10px;
	padding: 10px;
	box-sizing: border-box;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
	vertical-align: top;
}

/****************** product Detial style *************/
 /****************** product Compare style *************/
 .btnProductCompareItemStyle{
     position:absolute;
     left:5px;
     background-color:#575756;
     color:white;
     padding:4px;
     border-radius: 3px;
     font-family:Tahoma;
     font-size:8pt;
 }
    .CompareProductTabel .title{
        font-family:Tahoma;
        width:150px;
        background-color:#666;
        color:white;
        font-weight:bold;
        padding-right:5px;
        font-size:9pt;
    }

    .CompareProductTabel .value {
        background-color: #F3F1EE;
        color:black;
        padding-right:5px;
    }

    .CompareProductTabel .valueimage {
        text-align:center;
    }
    .CompareProductTabel .value .star {
        width:16px;
        height:16px;
        float:right;
        background-image:url('/images/stars.png')
    }
   
    .CompareProductTabel td
     {
         border:1px solid white;   
     }

     .CompareProductTabel .tdmouseenter
     {
         border-top:1px solid #666;   
         border-bottom:1px solid #666;   
         color:black;
         font-weight:bold;
     }

 .CompareProductStyle{

    padding-bottom: 10px;
    display:none;
 }

 
 .CompareProductStyle .divcomproductview{
     overflow:auto;
     background-color:#EDEDED;
     height:200px;
 }

 .CompareProductStyle .divcomproductview .panelbtn{
     text-align:center;
     float:left;
     width:120px;
     height:100%;
 }

 .CompareProductStyle .divcomproductview .btncomparenow{
     width:95px;
     height:30px;
     background-image:url('/images/CompareProduct/comparenowimage.gif');
     background-repeat:no-repeat;
     vertical-align:middle;
 }


 .CompareProductStyle .divcomproductview .btnremoveall{
     width:95px;
     height:30px;
     background-image:url('/images/CompareProduct/deleteallcompareimage.gif');
     background-repeat:no-repeat;
     vertical-align:middle;
 }

 .CompareProductStyle .divLineAction{
     width:100%;
     height:25px;
     
     background-image:url('/images/CompareProduct/1pix.jpg');
     background-repeat:repeat-x;
     background-position-y: 13px;
 }
  .CompareProductStyle .btnhideshowcomparepanel{
    background-repeat:no-repeat;
    height: 20px;
    float: left;
    margin-left: 10px;
    margin-top: 3px;
    cursor: pointer;
 }
 .CompareProductStyle .btnopenpanel{
    width: 54px;
    background-image:url('/images/CompareProduct/closecompareimage.gif');
 }

  .CompareProductStyle .btnclosepanel{
    width: 135px;
    background-image:url('/images/CompareProduct/opencompareimage.gif');
 }

 .CompareProductStyle .lblproductcompareselectinfo{
    background-color: #00afc8;
    border-radius: 3px;
    float: left;
    height: 20px;
    font-family: Tahoma;
    font-size: 11px;
    text-align: center;
    color: white;
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 3px;
    margin-left: 10px
 }

    .CompareProductStyle .productcompareitem {
        overflow: auto    ;
        margin-left: 130px;
        height: 180px;
    }
.productcompareitem .item {
    float: right;
    margin: 10px;
    width: 120px;
    border: solid 1px #808080;
    height: 150px;
    border-radius: 3px;
    text-align:center;
}
.productcompareitem .item:hover{
    background-color:white;
}

.productcompareitem .item .itemClose{
    width:15px;
    height:15px;
    background-image:url('/images/CompareProduct/deleteproductImage.gif');
    background-repeat:no-repeat;
    float:right;
    margin-top: -7px;
    margin-right: -7px;
    cursor:pointer;
}
.productcompareitem .item .image{
    width: 100px;
    height: 70px;
    border: solid 1px #D2D1D1;
    margin-right: 8px;
    margin-top: 15px;
    background-size: cover;
    overflow:hidden;
}
.productcompareitem .item .title{
    font-family:Tahoma;
    font-size:9pt;
    padding: 4px;
    height: 50px;
    overflow: hidden;
}
/***********************scroll****************/
.shop .productSelected .ProductListScroll {direction:ltr;overflow: hidden;/* height: 180px; */}

.shop .productSelected .ProductListScroll ul li
{
	
position:relative;
	
height: 208px !important;
	
width: 158px !important;
	
margin:10px;
	
/* padding:10px; */
	
background: #FFF;
	
border-radius:3px;
	
text-align:center;
	
border: solid 1px #CFCFCF;
}
.shop .productSelected .ProductListScroll ul li div.bottom{/* position:absolute; */background: rgb(237, 237, 237);bottom:0;right:0;left:0;padding:10px 0;transition: all 1s;height: 46px;}
.shop .productSelected .ProductListScroll ul li>a{
	display:block;
	color: #fff;
	font-weight: bold;
	/* border: solid 1px red; */
	width: 160px;
	height: 160px;
}

@media screen and (max-width: 768px){
ul.productList.tile li{width:47%;}
.shop .categoryList li{width: 70% !important;float:none;margin: auto;margin-bottom: 25px;margin-top: 25px;}
.relatedProducts li{width:29%;}
}
@media screen and (max-width: 480px){
ul.productList.tile li,.shop .categoryList li{width:97%;}
.productList.list li .btnFace1, .productList.list li .btnFace2{position:relative;margin:auto;right: 0;left: 0;}
.productList.list li .btnFace1{margin-bottom:10px;}
.relatedProducts li{width:90%;}
}