.cmp-container{
	width:100%;
	height:100%;
	background-color: white;
}

.cmp-container .inner{
    width: 80%;
    height: 80%;
    top: 100px;
    left: 150px;
    color: #999;
background: #fff;
font-size: 16px;
/*transition: bottom .5s ease-in-out,opacity .5s linear;
*/
box-shadow: 0 0 5px #41afbb;

}

.cmp-container .inner .summary{
	margin:50px;
	width:70%;
}

.cmp-container .inner .summary p{
	color:grey;
}	

.cmp-container .inner .options
{
    left: 780px;
    top:100px;
    position: absolute;
    width: 260px;
}

.cmp-container .inner .options div
{
	clear:both;
	float:left;
}

.cmp-container .inner .options .optionBtn{
	display: block;
position: relative;
margin-top: 30px;

line-height: 38px;
height: 38px;
text-align: center;
width: 80%;
border: 1px solid #41afbb;
padding: 0 15px;
flex: 1 0 40%;
color: #41afbb;
background:#fff;
}

.cmp-container .inner .options .optionBtn.focused{
	background: #41afbb;
color: #fff;
}

.cmp-details{

    width: 70%;
    height: 40%;
    top: 340px;
    left: 51px;
}

.cmp-container .cmp-details .inner{
	box-shadow:none;
}

.cmp-details .inner .opt{
	clear: both;
float: left;

position: relative;
margin-bottom: 30px;
}

.cmp-details .inner .opt.focused{
	color:#41afbb;
}

.innerinfo{
	width: 100%;
height: 100%;
top: 0px;
position: relative;
}

.innerinfo.closed{
	display: none;
}

.innerinfo.open{
	display: block;
}


.innerinfo ul li{
	color:grey;
}