﻿.productEditPanel{ }

.productEditPanel .productInfoPanel{
    width:330px;
    float:left;
    }

.productEditPanel .newProductInfoPanel{    
    float:left;
    }


.productInfoForm table.productInfo{ width:310px; }



.productEditPanel .productImagePanel{
    width:110px;
    float:left;
    margin: 0 5px;
    }
    
.productEditPanel .productMappingsPanel{    
    float:left;
    }

.productEditPanel .productInventoryPanel{    
    margin-top:10px;
    }

    
.addAttributeProductForm .groupAttributes, .addCategoryProductForm .groupCategories {
    min-height:100px;
    max-height:150px;
    overflow:auto;
    margin: 5px 0;
    width:240px;
    }


.addAttributeProductForm .groupAttributes li{
    list-style-type:none;
    padding: 2px;
    padding-left:15px;  
    }

.addAttributeProductForm .groupAttributes li a{
    cursor:pointer;
    text-decoration:none;
    }   

.addAttributeProductForm .groupAttributes li a.selected, .addAttributeProductForm .groupAttributes li a:hover{
    font-weight:bold;
    }  


.productListItems {
    width:250px;
    }

.productListItems .tr {
    border-bottom: dashed 1px #92BAD2;
    padding: 2px;
    margin: 0 5px;
    }

.productListItems .tr:last-child {
    border-bottom: none;
    }
    
.productListItems .titleCell {
    width:180px;
    }

.productListItems .titleCell a {
    text-decoration:none;
    cursor:pointer;
    }

.productListItems .titleCell a:hover {
    text-decoration:underline;
    }

.productListItems .controlCell a {
    text-transform:lowercase;
    color:#B43131;
    cursor:pointer;
    }          

.productListItems .title {
    font-weight:bold;
    }

.productListItems .singleCell {
    width:230px;
    }

.productImagesList {
    text-align:center;
    }

.productImagesList .singleCell{
    width:98%;
}
        
.productImagesList .td a.delete {
    display:block;
    text-align:center;
    text-transform:lowercase;
    cursor:pointer; 
    }

.productImagesList .td a.image{
    display:block;
    padding:2px;
    border: 1px solid #92BAD2;
    }    

.productImagesList .td a.image:hover {
    border: 1px solid #B43131;
    }        
    


.productInfoForm table {
    width:100%;
    }

.productInfoForm textarea {
    height:140px;
    }      

.productInfoForm table.newProductHelpers {
	width:150px !important; 
	background:#d8e7ef;	
	}

.productInfoForm .newProductHelpers span {
    display:block;
	padding: 2px 0;
    }

    
.productInfoForm .newProductHelpers input {
    width:20px !important;
    }

.productInfoForm .newProductHelpers select {
    margin:3px 0 !important;
    width:170px !important;
    }




.inventoryList {
    width:100%;
}

.inventoryList tr:hover {
    background:#FAE6E6;
}


.inventoryList tr.processingUnit {
    background:#FAE6E6;
}

.inventoryList input, .inventoryList textarea {
 text-align:center;
 width:50px;
}

.inventoryList td {
    text-align:center;
    padding: 2px 5px;
    border-bottom: dashed 1px #649CBF;
     }    

.inventoryList .newInventoryUnit {
    display:none;
    background:#FAE6E6;
    }    

.inventoryList .processingInventoryUnit {
    background:#FAE6E6;
    }          

.inventoryList td.attrCell {
	cursor:pointer;
	}

.inventoryList td.attrCell.duplicate {
    background:#E58B8B;    
    }          

.inventoryList .processingInventoryUnit td.attrCell:hover {
    background:#E58B8B;    
    }          
    
.inventoryList td.attrCell a {
    text-decoration:none;
    font-weight:bold;
    }          
    
.inventoryList td.controlCell a{
    text-transform:lowercase;
    cursor:pointer;
    }          

.inventoryList th.controlCell {
    background:#3D8717;
    }          
    
.inventoryList th.controlCell a{
    cursor:pointer;
    color:#fff;
    text-decoration:none;
    }          




.groupAttributeMenu li{
    list-style-type:none;
    padding: 5px;
    border-bottom: dashed 1px #751717;
    cursor:pointer;
    }

.groupAttributeMenu li:hover {
    background:#E58B8B;
    color:#fff;
    border-bottom:none;
    }

.groupAttributeMenu li.selected{
    background:#e58b8b;
    }

.groupAttributeMenu li a{
    cursor:pointer;
    text-decoration:none;
    }   

.groupAttributeMenu li span{
    padding-left: 3px;
    }   
    
.inventoryBatchUpdateForm{
    width:250px;
    }


.productListView{
    width:100%;
    }
    
.productListView select {
    float:left;
    margin-left:5px;
    }
   
.productListView .searchForm input{
    float:left;
    width:100px;
    margin-left:5px;
    margin-right:5px;
    }    

.productListView td.priceCell{ 
    text-align:center;
    font-weight:bold;    
    }

.productListView td.priceCell span{ 
    display:block;
    }

.productListView td.priceCell .discount{ 
    text-decoration:line-through;
    color:#666666;
    }
        
.productListView td.priceCell .sale{ 
    color:#B43131;
    }

.productListView td.quantityCell {
    text-align:center;
    font-weight:bold;
    }
    
.productListView td {
    border-bottom: dashed 1px #92BAD2;
    padding: 5px !important;
    }
    
.productListView td a.image{
    display:block;
    padding:2px;
    border: 1px solid #92BAD2;
    }    

.productListView td.controlCell {
    width:30px;
    }

.productListView td.controlCell .select {
    float:left;
    margin-right:3px;
    padding:6px;
    border: solid 1px #751717;
    }


.productListView td .jqwc-button {
    float:left;
    margin-right:3px;
    }



.categoryFilter {
    width:120px;
    float:left;
    margin-right:7px;
    }

.categoryFilter select {
    width:110px;
    height:100px;
    }    

.productCategoryFilter .browserCell {
    width:210px;
    }

.productCategoryFilter .titleCell {
    color:#30617F;
    text-transform:uppercase;
    }    

.productCategoryFilter .filterCell {
    width:450px;
    }    

.productCategoryFilter .currentCategories a{
    font-weight:bold;
    color:#B43131;
    text-transform:uppercase;
    text-decoration:underline;
    font-style:italic;        
    }    

.productCategoryFilter .currentCategories a:hover{
    color:#000;
    text-decoration:none;        
    }    

.productCategoryFilter .relatedCategories a{
    }    

.productCategoryFilter .relatedCategories a:hover {
    color:#B43131;
    text-decoration:underline;        
    }    
    
.productCategoryFilter table{
    width:100%;
    border-collapse:collapse;
    }

.productCategoryFilter table td{
    padding: 10px 5px;
    }

.productCategoryFilter table tr.categoryRow td {
    border-bottom: 2px solid #92BAD2;
    }

.productCategoryFilter table td a{
    text-decoration:none;
    }

.productCategoryFilter .tipCell{
    color:#666;
    padding: 0px;
    }        
    

.productSync tr.freshUnit {
	background:#ccc;
	}

.productSync tr.freshUnit.update {
	background:#d8e7ef;
	}		

.productSync tr.freshUnit.error {
	background:#b43131;
	}		

.productSync td {
	border-bottom: dashed 1px #000;
	}
	
.syncMessage{
	margin:50px;
	}
	
/** Product Import  **/
.productImport .productAll input, .productImport .unitAll input {
	width:20px;
		}			
		

.productImport th {
	background:#30617f !important;
	}		

.productImport table th {
	background:#649cbf !important;
	}

.productImport tr.unitRow {
		background:#d8e7ef;
		}		

.productImport tr textarea {
		width:95%;
		}			
		
.productImport tr.controlRow select {
	width:150px;
	}

.productImport tr.unitRow.error {
	background:#fae6e6;
	}
	
.productImport table.newProductHelpers {
	width:150px !important; 
	background:#d8e7ef;	
	}

.productImport .newProductHelpers span {
    display:block;
	padding: 2px 0;
    }
    
.productImport .newProductHelpers input {
    width:20px !important;
    }

.productImport .newProductHelpers select {
    margin:3px 0 !important;
    width:170px !important;
    }

.attributeImport .tempAttribute td {	
	background:#d8e7ef;	
	padding:5px;
	}

.attributeImport .tempAttribute:hover td{	
	background:#649cbf;	
	}

.attributeImport .tempAttribute:hover .title{	
	color:#fff;
	}

.attributeImport .newAttribute {	
	font-weight:bold;	
	}	

.attributeImport .newAttribute td {	
	padding-bottom:10px;
	}	
		
	
.attributeImport .newAttribute .error{
	color:#b43131;
	}

.productTasks .cssTable{
	margin-bottom: 10px;
	width:250px;
	}	