/* © 20-20 Technologie Inc. 2015 */
/* All Rights Reserved */
/* 11.03.16 */
html,body {
   width:100%;
   height:100%;
   margin:0px;
   overflow:hidden;
   font-family: "Arial", Verdana, sans-serif;
   font-size: 14px;
}
#manuf {
   font-size:18px;
   font-weight:bold;
   height:55px;
   padding: 5px 5px 5px 5px;
   background-color:White;
   color: red;
   border-bottom: 1px solid black;
}

#container {
   position:absolute;
   width:100%;
   height:100%;
}

#leftFrame {
   width:500px;
   height:100%;
   background-color:White;
   float:left;
}

#leftPrintFrame {
   width:800px;
   height:100%;
   background-color:white;
   float:left;
}

#rightFrame {
	left:300px;
   width:100%;
   height:100%;
   position:absolute;
   background-color:white;
}

#menu {
   position:absolute;
   width:175px;
   height:60px;
   right:5px;
   top:5px;
   background-color:white;
   border:1px solid black;
   padding:5px;
   display:none;
}

.menuEntry, .menuEntryOver {
   cursor:pointer;
}

.menuEntryOver {
   background-color:Red;
   color:white;
}

.normHamb, .negHamb {
   position:absolute;
   width:25px;
   height:1px;
   right:5px;
   top:5px;
   z-index:2;
   cursor:pointer;
}

.negHamb {
   background-color:white;
}

.normBar,.negBar {
   margin-top:4px;
   height:6px;
   background-color:Red;
   font-size:2px;
   border:none;
   width:25px;
}

.negBar {
   background-color:#6e7070;
}

#topFrame {
   height:55px;
   position:absolute;
   font-size:30px;
   font-weight:bold;
   padding: 10 35 5 30;
   background-color: White;
   color:white;
   border-bottom: 1px solid black;
}

#features {
   position:absolute;
   top:55px;
   bottom: 10px;
   background-color:White;
   overflow-y:scroll;
}
#optDesc
{
	font-family: "Arial", Verdana, sans-serif;
	height:10px;
	padding-top:5px;
	bottom: 10px;
	font-size: 14px;
    font-weight:normal;
	color:black;
}
#optName
{
	font-family: "Arial", Verdana, sans-serif;
	top:25px;
    height:30px;
	top:10px;
	bottom:10px;
	font-size:18px;
	font-weight: bold;
	color: black;
}
#largeImg
{	
	overflow:hidden;
	top:50px;
	bottom:50px;
	
	
}
#centerFrame2 {	
   overflow:hidden;
   right: -10px;	
   position:absolute;
   top:100px;
   background-color:white;
   overflow-y:scroll;   
}
#centerFrame {
   position:absolute;
   top:55px; 
   background-color:white;
   overflow-y:scroll;
}

#leftBottom {
   position:absolute;
   width:100%;
   height:45px;
   background-color:White;
   bottom:0px;
   border-top: 1px solid black;
}

#bottomFrame {
   position:absolute;
   height:45px;
   background-color:White;
   bottom:0px;
   border-top: 1px solid black;
}

.normButton,.negButton {
   cursor:pointer;
   padding:3px;
   background-color:White;
   color:#586474;
   border:none;
   font-weight:bold;
   position: absolute;
   bottom: 5px;
}

.negButton {
   background-color:Red ;
   color:White;
   font-weight:bold;
}
#submitButton {
   right: 20px;
   border:1px solid black;
}
.selectedFeature{
   padding: 5px 5px 5px 5px;
   width:100%;
   background-color:green;
}
.option,.optionInvert,.optionImage,.optionSelect,.optionExcluded {
   color:Black;
   background-color:White;
   font-weight:normal;
   cursor:pointer;
   padding:5px;
   margin:1px;   
}

.ChildFeature,.childFeatureInvert{
   cursor:pointer;
   padding:10 0 5 5;
   width:100%;
   margin-left:10%;
}
.feature,.featureInvert {
   cursor:pointer;
   padding:10 0 5 5;
   width:100%;   
}

.childFeatureInvert,.featureInvert,.optionInvert {
   color:white;
   font-weight:bold;
   background-color: #3F3F3F;
}

.optionExcluded {
   color:white;
   background-color:red;
}

.optionSelect {
   font-weight:bold;
   color:white;
   background-color:#346c00;  #done
}

.grid1 {
   overflow:hidden;
   width:205px;  
   float:left;
   position:relative;
   text-align:center;
}

.optionImage1 {
   height:100px;
}

.optname1 {
   height:50px;
   text-align:center;
}

.grid2 {
   overflow:hidden;
   width:205px;  
   float:left;
   position:relative;
   text-align:center;
}

.optionImage2 {
   height:100px;
}

.optname2 {
   height:50px;
   text-align:center;
}

.grid3 {
   width:100%;
   height:20px;
}

.optname3 {
   float:left;
   vertical-align:middle;
   height:20px;
   line-height:20px;
   text-align:left;
   padding-left:5px;
}

.selectedOptionImage {
   height:37px;
   width:auto;
   margin-left:3px;
   margin-right:3px;
   margin-top:2px;
   margin-bottom:2px;
   float:left;
}

.selectedPrintOptionImage {
   height:75px;
   width:auto;
   margin-left:5px;
   float:left;
}

.selOT {
   font-weight:bold;
   padding-left:5px;
   padding-top:5px;
   padding-right:15px;
   left:1px;
   width:240px;
   overflow:hidden;
   position:relative;
   white-space: wrap;

}
.selPrintOT {
   font-weight:bold;
   padding-left:5px;
   left:1px;
   width:740px;
   overflow:hidden;
   position:relative;
   white-space: nowrap;
   vertical-align:middle;
   line-height:50px;
}

.deleteButton {
   margin-top:-15px;
   margin-right:5px;
   height:15px;
   width:15px;
   float:right;
   cursor:pointer;
   z-index:1;
}

.selectedOption,.selectedOptionInvert,.featureExcluded {
   width:300px;
   height:25px;
   cursor:pointer;
   color:Black;
}

.selectedOptionInvert {
   color:white;
   background-color:#6e7070;
}

.featureExcluded {
   color:black;
   background-color:red;
}

.optiondiv {
   display:none;
}

