﻿#comboEditor .topBrownHeader {
	padding:3px 10px 5px 10px;
	color:#FFFFFF
}
#comboEditor .brownHeader {
	background:#807363;
	padding:7px 10px 5px 10px;
	color:#FFFFFF
}
#comboEditor #leftCol {
	position:absolute;
	width:240px;
	height:100%;
	left:0px;
	z-index:100002;
}
#comboEditor #ingredientOptions {
	margin-top: 3px;
    max-height: 242px;
    overflow: auto;
    background:url("../images/bg/bg-wood.jpg") repeat center top #565656;
}

#comboEditor #ingredientOptions {
	margin-top: 3px;
    max-height: 485px;
    overflow: auto;
    background:url("../images/bg/bg-wood.jpg") repeat center top #565656;
}
#comboEditor #ingredientOptions .expContent {
    padding: 0 10px !important;
}
#comboEditor #ingredientOptions #productServices-editor-palette {
    padding-top:5px;
    padding-bottom:100px;
    max-height:420px
}
#comboEditor #ingredientOptions .selectIng {
    cursor: pointer;
    display: block;
    float: left;
    font-size: 11px;
    font-weight: bold;
    margin-right: 5px;
    margin-left:-5px;
    width:100%;
    padding-bottom: 10px;
}
#comboEditor #ingredientOptions .selectIng.unavailable {
    text-decoration: line-through;
}
#comboEditor #ingredientOptions .ingCategory {
    font-family: "museo-slab",sans-serif;
    font-size: 14px;
    font-weight: 700;
    padding-left:10px
}   
    
#comboEditor #suggestionsContainer {
	height:285px;
	overflow:auto
}
#comboEditor #suggestionsContainer .formElementTextArea{
	width:91% !important
}
#comboEditor .mainContent
{
    height:500px;
}
#comboEditor .mainContent .middleColNonCustomizable
{
    height:380px !important
}
#comboEditor .mainContentNonCustomizable
{
    height:350px !important;
}
#comboEditor .bgDarkBeige{
    background:url("../images/bg/bg-wood.jpg") repeat center top #565656  !important
}

#comboEditor #middleCol {
	position:absolute;
	width:456px;
	left:240px;
	border-left:2px #2C221A solid;
	border-right:2px #2C221A solid;
	height:530px;
	z-index:100002;
	background:url("../images/bg/bg-wood.jpg") repeat center top #565656;
}
#comboEditor #middleCol #prodNameContainer {
	right: 0px; 
    bottom: 44px; 
    width: 415px
}

#comboEditor #middleCol #buttonContainer {
	top: 495px; 
    left: 20px; 
    width: 415px; 
    height: 40px
}
#comboEditor #middleCol #editorMessageContainer{
    position:absolute;
    width: 100%;
    top:25%;
    display:none
}
#comboEditor #middleCol #editorMessage{
    background-color:#f5f1e1;
    min-height:20px;
    margin:15px;
    padding:15px;
    font-family: "museo-slab",sans-serif;
    font-size: 14px;
    font-weight: 700;
    border-radius: 4px;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border: 2px solid var(--redTextColor);
   color:var(--redTextColor)
}

#comboEditor #middleCol .buttonContainerNonCustomizable {
	top: 332px !important; 
}

#comboEditor .ingredientContainer{
    margin: 8px auto 0;
    width:440px;
    
    }
#comboEditor .ingredientContainer .eIng{
    height: 100px;
    position: absolute;
    width: 300px;
    }
#comboEditor #rightCol {
	position:absolute;
	width:240px;
	height:100%;
	right:0px;
	z-index:100002
}
#comboEditor #ingredientsContainer {
	height:267px;
}
#comboEditor .ingredientsContainerMini {
    height: 182px !important;
}
#comboEditor .ingredientsMini {
	height:105px !important;
}
#comboEditor .ingredientsBundle {
	height:285px !important;
}
#comboEditor #ingredients {
	height:415px;
	margin-top:3px;
	overflow:auto;
	background:url("../images/bg/bg-wood.jpg") repeat center top #565656
}
#comboEditor .miniEditorProdImg{
    margin-left: -71px;
    margin-top: -8px;
}

#comboEditor #productServices-editor-palette ul
{
    padding: 0 0 0 10px !important;
}


.inlineEditor 
{
	position:absolute;
	top: 120px;
}


#comboEditor .contentList .contentListItem {
    display: block;
    height: auto !important;
}

#comboEditor .ingImg
{
    background: #000;
    width:100px;
    height:100px;
    display:block;
    float:left;
    margin: 5px
}

#comboEditor #ingredients .qtyCont
{

}

#comboEditor .ingredientEntryTemplate
{
    display:none
}

#comboEditor .ingredientEntry .ingName
{
    width:142px
}

#comboEditor .subTypeFill
{
    text-transform: capitalize
}