/* associated with the attribute popup plugin 10/7/2017 1.3 */
.ai_attributePopup {
	cursor: pointer!important;
	background-color:!important;
}
/* assigns a ? - using js to assign only to those attributes with descriptions */
.ai_attributePopup span {
	border:1px solid #08456E;
	margin-left:10px;
	padding:0 5px;
	color: #08456E;
	background-color: #fff;
}

.ai_attributePopup:hover::after {
	color: #E4D11E;
	color: #fff;
	background-color: #08456E;
}	

#ai_AttrDescBox { /* "outside" container for attribute box background over site */
box-sizing: border-box; 
position:fixed; 
top: 0; 
left: 0; 
width:100%; 
top: 30px;
padding-bottom:15px;
z-index: 100000; 
background-color:rgba(0,43,76,0.6);	

}

#ai_AttrDescBox a { /* "outside" container for attribute box background over site */
font-size:smaller;
text-decoration: none;
}

#ai_AttrDescBoxClose { /* "outside" container Close "button" */
color:#fff; /* AF blue */
width:100%; 
cursor: pointer; 
background-color:#08456E; 
margin-top:0px; 
text-align:center; 
font-size:2em;
padding:3% 0%;
margin-bottom:10px;
}
#ai_AttrDescBoxClose:hover {
	background-color:#002b4c; 
	color:#E4D11E;
}

.ai_AttrDescBoxDetails {
	box-sizing: border-box; 
	padding: 5px 10px; 
	margin: auto; 
	height: 70%;
	width:70%; 5
	background-color:#fff;
	border:2px solid #002b4c; 
}
.ai_AttrDescBoxDetails h2 {
	background-color:#002b4c; /* AF blue darkened */
	text-align: center;
	color:#fff;
}

@media only screen and (min-width: 900px) {

	.woocommerce table.shop_attributes th {
		width:250px;
	}

	/* adjust the sizing on the attribute box for over 900 */
	#ai_AttrDescBox { /* "outside" container for attribute box background over site */
	width:50%; 
	padding:20px 0px 50px 0px; 
	margin: 5% 0  0 30%;
}

.ai_AttrDescBoxDetails {
	padding-top: 1%;
	background-color:white;
}

}