/* © 20-20 Technologie Inc. 2015 */	
/* All Rights Reserved */	
html,body {	
   width:100%;	
   height:100%;	
   margin:0px;	
   overflow:hidden;	
   font-family: "Arial", Verdana, sans-serif;	
   font-size: 14px;	
   font-weight:bold;	
}	
#manuf {	
   font-size:18px;	
   font-weight:bold;	
   height:55px;	
   padding: 5 5 5 5;	
   background-color:#e0edde;	
   color: #CC6600;	
}	
	
#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:#e0edde;	
   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:white;	
   font-size:2px;	
   border:none;	
   width:25px;	
}	
	
.negBar {	
   background-color:#e0edde;	
}	
	
#topFrame {	
   height:55px;	
   position:absolute;	
   font-size:24px;	
   font-weight:bold;	
   padding: 10 35 5 30;	
   background-color:#e0edde;	
   color:White;	
}	
	
#features {	
   position:absolute;	
   top:55px;	
   background-color:white;	
   overflow-y:scroll;   	
}	
#optDesc	
{	
	font-family: "Arial", Verdana, sans-serif;
	height:50px;
	top: 50px;
	bottom: 50px;
        font-size: 14px;	
        font-weight: normal; 	
	color: black;
}	
#optName	
{	
	font-family: "Arial", Verdana, sans-serif;
	height:50px;
	top: 50px;
	bottom: 50px;
	font-size: 18px;
	color: black;
}	
#largeImg	
{	
	overflow:hidden;
	top:100px;
	bottom:50px;
	height: 225px;
	
}	
#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:35px;	
   background-color:#e0edde;	
   bottom:0px;	
}	
	
#bottomFrame {	
   position:absolute;	
   height:35px;	
   background-color:#e0edde;	
   bottom:0px;	
}	
	
.normButton,.negButton {	
   height:25;	
   width:1285;	
   cursor:pointer;	
   padding:3px;	
   background-color:white;	
   border:1px solid black;	
   color:#001236;	
   font-weight:bold;	
   position: absolute;	
   bottom: 5px;	
}	
	
.negButton {	
   background-color:#e5e5e5;	
   color:#e0edde;	
}	
	
#submitButton {	
   right: 20px;	
}	
	
.selectedFeature{	
   padding:10 0 5 5;	
   width:100%;	
   background-color:#E0EDDE;	
}	
.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;	
   background-color:#e0edde;	
}	
	
.optionExcluded {	
   color:white;	
   background-color:red;	
}	
	
.optionSelect {	
   background-color:#dcddde;	
   	
}	
	
.grid1 {	
   overflow:hidden;	
   width:120px;  	
   float:left;	
   position:relative;	
   text-align:center;	
}	
	
.optionImage1 {	
   height:100px;	
}	
	

.optname1 {	
   height:50px;	
   text-align:center;	
}	
	
.grid2 {	
   width:250px;	
   height:55px;	
   overflow:hidden;	
   float:left;	
}	
	
.optionImage2 {	
    height:100px;	
   line-height:45px;	
   vertical-align:middle;	
   float:left;	
}	
	
.optname2 {	
   float:left;	
   vertical-align:middle;	
   height:55px;	
   line-height:55px;	
   text-align:left;	
   padding-left:5px;	
}	
	
.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:5px;	
   float:left;	
}	
	
.selectedPrintOptionImage {	
   height:75px;	
   width:auto;	
   margin-left:5px;	
   float:left;	
}	
	
.selOT {	
   font-weight:normal;	
   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:#dcddde;	
}	
	
.featureExcluded {	
   color:black;	
   background-color:red;	
}	
	
.optiondiv {	
   display:none;	
}	
