/***********************************************
PANELS
internal frame panels
*******************/
div.panel {
	position:absolute;
	top:30px;
	right:100px;
	width:350px;
	background-color: rgb(34,34,34);
	background:rgba(0, 0, 0, .7);
	color:#fff;
}
div.panel * {
	color:#fff;
}

div.panel h1 {}
div.panel h2 {}
div.panel h3 {}
div.panel h4 {}
div.panel p {}
div.panel a {}
div.panel ul {}
div.panel li {}







/***********************************************
OPTIONS
internal frame options menu
*******************/
div.options {
	position:absolute;
	top:110px;
	right:14px;
	color:#fff;
}
div.options > .wrapper {}



/***********************************************
INDIVIDUAL FRAME OPTION
*******************/
div.options .frameOption {
	width:60px;
	height:50px;
	background-color: rgb(34,34,34);
	background:rgba(0, 0, 0, .7);
	margin-bottom:12px;
	position:relative;
}
div.options .frameOption.active {}

div.options .expose {
	background-color: rgb(34,34,34);
	background:rgba(0, 0, 0, .7);
}

/***********************************************
OPTION CONTENT
*******************/
div.options .option_content {
	position:absolute;
	top:0px;
	right:73px;
	width:270px;
	min-height:50px;
	background-color: rgb(34,34,34);
	background:rgba(0, 0, 0, .7);
	display:none;
margin:14;
}
div.options .option_content .wrapper {
	padding:21px;
}



.checkout_table {
	display:block;
	width:100%;
	margin:0;
}
.checkout_table td {
	text-align:center;
	width:225px;
}
.checkout_table td strong {
	display:block;
}



.buy_content {
	position:absolute;
	z-index:9999;
	width:100%;
	display:none;
}
.buy_content .wrapper {
	width:450px;
	margin:0 auto;
	text-align:center;
	background:#000;
	padding:5px;
	color:#999;
}
.buy_content .wrapper p {
	margin:0;
	font-size:14px;
}

/***********************************************
OPTION ICON
*******************/
div.options .option_icon {
	height:50px;
	cursor:pointer;
}
.option_icon a {
	display:block;
	height:50px;
}
.option_icon a span {
	display:none;
margin-right:22px;
}

/***********************************************
OPTION ICON IMAGES
*******************/
.info .option_icon {
	background:url('../images/rama_info.png') center no-repeat;
}
.buy .option_icon {
	background:url('../images/rama_buy.png') center no-repeat;
}
.image .option_icon {
	background:url('../images/rama_uncropped.png') center no-repeat;
}


/***********************************************
OPTION CLOSE
*******************/
div.options .option_close {
	position:absolute;
	top:7px;
	right:7px;
	width:14px;
	height:14px;
	background:url('../images/rama_close.png') center no-repeat;
	cursor:pointer;
}




/***********************************************
EXPOSE MASK
*******************/
.frame_mask {
	position:absolute;
	top:0;
	left:0px;
	width:100%;
	height:100%;
	background-color: rgb(34,34,34);
	background:rgba(0, 0, 0, .7);
	z-index:14;
	display:none;
}