@charset "utf-8";
/* CSS Document */
		
		
#productsPage { clear:both; }	
	#productsPage li  { position:relative; display:inline-block; margin:0 1% 2% 1%; width:22.5%; vertical-align:top; text-align:center; font-size:0.7em; }			
		
	#productsPage a img { width:100%; border-radius:15px; box-shadow:2px 2px 5px 0px rgba(0,0,0,0.6); transition:border-color 0.2s linear; }
		#productsPage a:hover img { border-color:#bbb; }
		
	#productsPage h4 { padding:5px; color:#555; font-size:1.5em; margin:0; transition:color 0.2s linear; }
		#productsPage a:hover h4 { color:#111; }
		
	#productsPage .button {  }		

#product-info { display:inline-block; width:47%; vertical-align:top; margin-right:4%; margin-bottom:4%; }	
	#product-info form input[type="text"], #product-info form textarea {width:calc(100% - 195px); }

#product-images { display:inline-block; width:47%; vertical-align:top; margin-bottom:4%; position:relative; }
	#product-images .main-image { position:relative; width:100%; }
		#product-images .main-image img  { width:100%; border-radius:15px; box-shadow:3px 3px 5px 0px rgba(0,0,0,0.6); }
		#product-images .main-image span { position:absolute; top:20px; left:17.8%; right:6%; text-align:center; color:#fff; text-shadow:1px 1px #000; font-size:1.1em;
										   margin:0 auto; width:62%; background:url('../images/alpha2.png'); padding:2%; border-radius:10px; }
		
	#product-images input[type="number"] { padding:5px; width:45px; margin:0 20px; font-size:1.6em; font-weight:bold; text-align:center; }
		
.originalTextareaInfo { color:#666; font-size:13px; margin-top:-40px; width:130px !important; text-align:right; float:left; }
.warningTextareaInfo  { color:#CE142B; }		
		
#productsPage .badge     , #product-images .badge      { position:absolute; top:-15px; right:-15px; max-width:35%; }		
#productsPage .price     , #product-images .price      { font-size:2.4em; color:#CC0001; padding:0 0 2% 10px; display:inline-block; vertical-align:middle; }	
#productsPage .price_prev, #product-images .price_prev { font-size:1.5em; color:#999;    padding:0 0 2% 0;    display:inline-block; vertical-align:middle; text-decoration:line-through;  } 

.featureLists div { width:47.7%; display:inline-block; margin:1%; vertical-align:top; }



/* ==========================================================================
   Media Queries
   ========================================================================== */ 


@media only screen and (max-width:1100px) {	

	#productsPage li  { width:28%; margin:0 2% 2% 2%; }
}

@media only screen and (max-width:680px) {	

	#productsPage li  { margin:4%; width:41%; }	
}


@media only screen and (max-width:600px) {	

	#product-info { display:block; width:inherit; margin:0 2% 4% 2%; }	
	
	#product-images { display:block; width:96%; }	
}

@media only screen and (max-width:450px) {	

	#productsPage li  { margin:8%; width:auto; display:block; }
}