.tipCat{font-size:10px;padding:1px;display:block}.rowProductsListing{width:250px;float:left;margin:4px}.allFlexAreas{float:left;clear:both}.flexArea{border:2px solid #900;background-color:#FFF;opacity:0.9;z-index:300;width:395px;position:absolute;margin:5px}.flexDnDArea{border:2px solid #AAA;width:370px;min-height:92px;height:auto;float:left;position:relative;left:5px;top:5px;margin-bottom:5px;/* height: 164px; */height:92px;overflow:scroll}#typesMachineId{opacity:0.5}/* vending styles */@media screen{.vendingMachineWithLabels,#dndDeleteArea{padding-bottom:35px}}.vendingMachine{border-top:1px solid #efefef}.machineName{display:none}.typesWorksheet,.vendingMachine{width:382px}#currentMachine_Container,.typesWorksheet{border:1px solid #ccc}.vendingMachineParts{width:252px}.dragContainer .spiralRow,.dragContainer .gumMintRow,.vendingMachine .spiralRow,.vendingMachine .gumMintRow,.vendingMachineParts .spiralRow,.vendingMachineParts .gumMintRow,.vendingMachineWithLabels .spiralRow,.vendingMachineWithLabels .gumMintRow,#dndDeleteArea .spriralRow,#dndDeleteArea .gumMintRow{background-color:#efefef;margin:1px}#typesMachineId{position:relative;top:2px;left:2px}.typesWorksheet .spiralRow,.typesWorksheet .gumMintRow{padding:0}.dragContainer .spiralRow,.vendingMachine .spiralRow,.typesWorksheet .spiralRow{height:74px;width:380px}.dragContainer .gumMintRow,.vendingMachine .gumMintRow,.typesWorksheet .gumMintRow{height:40px;width:380px}#dndDeleteArea .spiralRow,.vendingMachineParts .spiralRow{height:50px;width:260px}#dndDeleteArea .gumMintRow,.vendingMachineParts .gumMintRow{height:26px;width:260px}#dndDeleteArea .spiralRow .largeSpiral,#dndDeleteArea .spiralRow .gumMintSpiral,#dndDeleteArea .gumMintRow .spiral,.typesWorksheet .spiralRow .largeSpiral,.typesWorksheet .spiralRow .gumMintSpiral,.typesWorksheet .gumMintRow .spiral,.vendingMachineParts .spiralRow .largeSpiral,.vendingMachineParts .spiralRow .gumMintSpiral,.vendingMachineParts .gumMintRow .spiral{padding:0;margin:2px}#dndDeleteArea .spiralRow .smallSpiral,.typesWorksheet .spiralRow .smallSpiral,.vendingMachineParts .spiralRow .smallSpiral{padding:0;margin:1px}.product{z-index:100}#dndDeleteArea .spiral,.vendingMachine .product,.vendingMachine .subcategory,.vendingMachine .spiral,.vendingMachineParts .product,.vendingMachineParts .subcategory,.vendingMachineParts .spiral,.dragContainer .product,.dragContainer .subcategory,.dragContainer .spiral,.typesWorksheet .product,.typesWorksheet .spiral,.typesWorksheet .subcategory{float:left;display:inline;position:relative;top:0;left:0}.vendingMachine .gumMintRow .spiral,.dragContainer .gumMintRow .spiral,.vendingMachine .spiralRow .largeSpiral,.dragContainer .spiralRow .largeSpiral{border:1px solid #efefef;border-left:2px solid #efefef;border-right:2px solid #efefef}.vendingMachine .spiralRow .smallSpiral,.dragContainer .spiralRow .smallSpiral{border:1px solid #efefef}#dndDeleteArea .largeSubcategory,.vendingMachineWithLabels .spiral,.vendingMachineWithLabels .largeSpiral,.vendingMachineWithLabels .largeSubcategory,.vendingMachine .spiral,.vendingMachine .largeSpiral,.vendingMachine .largeSubcategory,.dragContainer .spiral,.dragContainer .largeSpiral,.dragContainer .largeSubcategory,.typesWorksheet .largeSpiral,.dragFacings .largeSubcategory{height:72px;width:72px}.dragFacings .subcategory,#dragParts .product,#dndDeleteArea .subcategory,#dndDeleteArea .product,#dndDeleteArea .spiralRow,#dndDeleteArea .gumMintRow{margin-left:2px;margin-top:2px}#dndDeleteArea .spiralRow,#dndDeleteArea .gumMintRow{border:2px solid #ccc;background-color:#efefef}.dragContainer .spiral,.vendingMachine .spiral{/*background: url('../images/spiral.png');*/background:#FFF url('../images/spiral3.gif') no-repeat}.dragContainer .largeSpiral,.vendingMachine .largeSpiral{/* background: url('../images/largespiral.png'); */background:#FFF url('../images/lss.gif') no-repeat}#dndDeleteArea .smallSubcategory,.vendingMachineWithLabels .smallSpiral,.vendingMachineWithLabels .smallSubcategory,.dragContainer .smallSpiral,.dragContainer .smallSubcategory,.vendingMachine .smallSpiral,.vendingMachine .smallSubcategory,.typesWorksheet .smallSpiral,.dragFacings .smallSubcategory{height:72px;width:36px}.dragContainer .smallSpiral,.vendingMachine .smallSpiral{/* background: url('../images/smallspiral.png'); */background:#FFF url('../images/ss.gif') no-repeat}#dndDeleteArea .gumMintSubcategory,.vendingMachineWithLabels .gumMintSpiral,.vendingMachineWithLabels .gumMintSubcategory,.dragContainer .gumMintSpiral,.dragContainer .gumMintSubcategory,.vendingMachine .gumMintSpiral,.vendingMachine .gumMintSubcategory,.typesWorksheet .gumMintSpiral,.dragFacings .gumMintSubcategory{height:36px;width:72px}.dragContainer .gumMintSpiral,.vendingMachine .gumMintSpiral{/* background: url('../images/gummintspiral.png'); */background:#FFF url('../images/gms.gif') no-repeat}#dndDeleteArea .largeSpiral,.vendingMachineParts .largeSpiral{/* background: url('../images/largespiralpart.png'); */background:#FFF url('../images/lss2.gif');background-repeat:no-repeat;height:48px;width:48px}#dndDeleteArea .smallSpiral,.vendingMachineParts .smallSpiral{/* background: url('../images/smallspiralpart.png'); */background:#FFF url('../images/ss2.gif');background-repeat:no-repeat;height:48px;width:24px}#dndDeleteArea .gumMintSpiral,.vendingMachineParts .gumMintSpiral{/* background: url('../images/gummintspiralpart.png'); */background:#FFF url('../images/gms2.gif');background-repeat:no-repeat;height:24px;width:48px}#dndDeleteArea .anySpiral,.vendingMachineParts .anySpiral{background:#FFF url('../images/lss4.gif');background-repeat:no-repeat;height:48px;width:48px}/* dnd */.dragging{border:2px dashed #000;z-index:1000}.draggable{cursor:move}/* delete layer */#dndDeleteContainer{border-top:1px solid #ccc;width:382px;z-index:400}#dndDeleteArea{background-image:url('../images/temp-watermark.gif');background-repeat:repeat;overflow:auto;float:left;width:380px}