/*
Plugin Name:    Fresh Amazon Bundles Plugin
Plugin URI:		http://freshwebmarket.com/portfolio/fresh-plugin/
Description:    Fresh Amazon Bundles Plugin for WordPress
Author:         Fresh Development
Author URI:		http://www.freshdevelopment.org
Template Style:	Bundle Variations Select Screen
*/
/* -------------------------------------------------------------- */

/* -------------------------------------------------------------- */
/* ------ BUNDLE VARIATIONS SCREEN STYLES ----------------------- */
/* -------------------------------------------------------------- */

.fdev-variations-mask {
    /* The mask is the semi-transparent layer which hides the rest of the page confirming the variation options */
    position:absolute;
    z-index:9000;
    background-color:#fff;
    background:rgba(0,0,0,0.5);
    top:0;
    left:0;
    display:none;
    width:100%;
    height:100%;
	}
	
.fdev-hidden, .fdev-original-asin-hidden {
    display:none;
	}
	
.fdev-close-mask {
    float:right;
    clear:none;
    display: inline-block;
    width:50px;
	}

.fdev-variations-container{
    background-color: #fff;
    width:auto;
    margin:0 auto;
    max-width:800px;
    padding:20px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 95px 0px rgba(0,0,0,1);
    -moz-box-shadow: 0px 0px 95px 0px rgba(0,0,0,1);
    box-shadow: 0px 0px 95px 0px rgba(0,0,0,1);
    /*position:relative;*/
    position:absolute;
    z-index:9999;
    display:none;
	}

#fdev-variations-container-header {
	display:block;
	overflow:auto;
	}

.fdev-variations-container h2{
    margin:0;
    padding: 0;
    margin-top: 0 !important;
    width:70%;
    float:left;
    display: inline-block;
    font-size:1.5em;
	}

.fdev-variations-table {
	display:table;
	width:100%;
	min-height:100px;
	display:table;
	border-collapse:collapse;
	}
	
.fdev-product-variation-dropdown {
	display: table-row; 
	border-bottom:1px solid #eee;
	}
	
.fdev-product-variation-row-left {
	display:table-cell;
	padding:10px 10px 10px 0;
	width:52%;
	line-height:1.5em;
	vertical-align:top;
	}
	
.fdev-product-variation-row-middle {
	display:table-cell;
	vertical-align:top;
	width:10%;
	padding-top:13px;
	text-align:right;
	padding-right:5px;
	font-size:10px;
	}
	
.fdev-product-variation-row-right {
	display:table-cell;
	vertical-align:top;
	padding-top:10px;
	}	

#fdev-variations-footer-container {
	margin-top:2em;
	}

.fdev-confirm-selections-button {
    float:right;
	}
	
/* -------------------------------------------------------------- */
/* ------ BUNDLE VARIATIONS SCREEN MEDIA QUERIES ---------------- */
/* -------------------------------------------------------------- */

@media (min-width: 768px) and (max-width: 1024px) {
	.fdev-variations-container {
		max-width:90%;
		}
	.fdev-product-variation-row-left {
		width:48%;
		}
}

@media (min-width:480px) and (max-width: 767px) {
	.fdev-variations-container {
		max-width:85%;
		}  
	.fdev-variations-table {
		display:block;
		}
	.fdev-product-variation-dropdown {
		display:block;
		}
	.fdev-product-variation-row-left {
		display:block;
		width:100%;
		}
	.fdev-product-variation-row-middle {
		display:block;
		font-size:1em;
		padding-top:0;
		text-align:left;
		width:100%;
		}
	.fdev-product-variation-row-right {
		display:block;
		width:100%;
		padding-bottom:10px;
		}  
}

@media (min-width:320px) and (max-width: 479px) {
	.fdev-variations-container {
		max-width:80%;
		}  
	.fdev-variations-table {
		display:block;
		}
	.fdev-product-variation-dropdown {
		display:block;
		}
	.fdev-product-variation-row-left {
		display:block;
		width:100%;
		}
	.fdev-product-variation-row-middle {
		display:block;
		font-size:1em;
		padding-top:0;
		text-align:left;
		width:100%;
		}
	.fdev-product-variation-row-right {
		display:block;
		width:100%;
		padding-bottom:10px;
		}  
	.fdev-confirm-selections-button {
		display:block !important;
		float:none;
		margin-bottom: 1em !important;
		width:100%;
		}
	.fdev-association-amazon {
		display:block !important;
		float:none;
		}
}

@media (min-width:240px) and (max-width: 319px) {
	.fdev-variations-container {
		max-width:75%;
		} 
	.fdev-variations-table {
		display:block;
		}
	.fdev-product-variation-dropdown {
		display:block;
		}
	.fdev-product-variation-row-left {
		display:block;
		width:100%;
		}
	.fdev-product-variation-row-middle {
		display:block;
		font-size:1em;
		padding-top:0;
		text-align:left;
		width:100%;
		}
	.fdev-product-variation-row-right {
		display:block;
		width:100%;
		padding-bottom:10px;
		} 
	.fdev-confirm-selections-button {
		display:block !important;
		float:none;
		margin-bottom: 1em !important;
		width:100%;
		}
	.fdev-association-amazon {
		display:block !important;
		float:none;
		}
}