/* These are the styles for the v5.3 (August 2015) product table */

@-webkit-keyframes bounceIn {
  0% { -webkit-transform: scale( 0.25 ); }
  50% { -webkit-transform: scale( 0.25 ); }
  75% {
    -webkit-transform: scale( 1.1 );
  }
  100% {
    -webkit-transform: scale( 1.0 );
  }
}

#prodListAug2015 { display: block; padding: 0px; margin: 10px 0px; border: 0px solid black; }
#prodListAug2015 H4 { font-size: 15pt; text-align: left; margin: 0px; font-weight: 400; padding: 0px; }
#prodListAug2015 .textLabel { font-size: 11pt; margin: 120px 0px 0px 0px; background-image: -webkit-linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 15%); padding: 12px 12px; }
#prodListAug2015 h2 { font-weight: 100; font-size: 34px; margin: 10px 20px 10px 20px; }
#prodListAug2015 A:hover { box-shadow: 0px 0px 3px 3px #0089cf; color: #0089cf; background-size: 110% auto; }

#prodListAug2015 .button {	display: inline-block;
	width: 225px;
	margin: 3px;
	border: 0px solid black;
	max-width: 225px;
	vertical-align: top;
	padding: 0px; 
	height: 180px; 
	border-radius: 16px; 
	background-size: 100% auto;
	background-position: center center; 
	overflow: hidden; 
	color: black;
	transition: all 0.2s ease-in-out;
	-webkit-animation-name: bounceIn;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: 1;}
#prodListAug2015 .halfHeight { height: 120px; width: 269px; max-width: 269px; min-width: 269px; margin: 3px 3px 10px 3px; }
#prodListAug2015 .halfHeightLabel { margin: 60px 0px 0px 0px; }

/* the button images */
.buttonShine { background-image: url( http://www.ohanaware.com/v5/prodTable/shineProdTable.jpeg ); }
.buttonCompatibility { background-image: url( http://www.ohanaware.com/v5/prodTable/El_Capitan_ProdTable.jpeg ); }
.buttonAppWrapper3 { background-image: url( http://www.ohanaware.com/v5/prodTable/appWrapperProdTable.jpeg );}
.buttonMagic { background-image: url( http://www.ohanaware.com/v5/prodTable/magicProdTable.jpeg );}
.buttonHDRtistPro { background-image: url( http://www.ohanaware.com/v5/prodTable/hdrtistProProdTable.jpg);}
.buttonFunCardStudio { background-image:url( http://www.ohanaware.com/v5/prodTable/funCardStudioProdTable.jpg); }
.buttonFunPhotos { background-image: url( http://www.ohanaware.com/v5/prodTable/funPhotosProdTable.jpg);}
.buttonFunGreetings { background-image: url( http://www.ohanaware.com/v5/prodTable/funGreetingsProdTable.jpg );}
.buttonPhotoSamurai { background-image: url( http://www.ohanaware.com/v5/prodTable/photoSamuraiProdTable.jpg);}
.buttonFunPhotoCube { background-image: url( http://www.ohanaware.com/v5/prodTable/funPhotoCubeProdTable.jpg);}
.buttonBackupToGo { background-image:url( http://www.ohanaware.com/v5/prodTable/backupToGoProdTable.jpg); }
.buttonSBK { background-image: url( http://www.ohanaware.com/v5/prodTable/sbkProdTable.jpg);}
.buttonRK2 { background-image: url( http://www.ohanaware.com/v5/prodTable/rtkProdTable.jpg);}
.buttonDIM { background-image: url( http://www.ohanaware.com/v5/prodTable/dimProdTable.jpg );}
.buttonICNSmini { background-image: url(http://www.ohanaware.com/v5/prodTable/ICNSMini.jpg); }
.buttonPreviewReset { background-image: url(http://www.ohanaware.com/v5/prodTable/previewReset.jpg); }
.buttonCardSmith { background-image: url( 'http://www.ohanaware.com/v5/prodTable/cardsmith.jpg'); }

/* -- Retina displays, running Safari & chrome will load the correct images */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	.buttonShine { background-image: url( http://www.ohanaware.com/v5/prodTable/shineProdTable@2x.jpeg ); }
	.buttonCompatibility { background-image: url( http://www.ohanaware.com/v5/prodTable/El_Capitan_ProdTable@2x.jpeg ); }
	.buttonAppWrapper3 { background-image: url( http://www.ohanaware.com/v5/prodTable/appWrapperProdTable@2x.jpeg );}
	.buttonMagic { background-image: url( http://www.ohanaware.com/v5/prodTable/magicProdTable@2x.jpeg );}
	.buttonHDRtistPro { background-image: url( http://www.ohanaware.com/v5/prodTable/hdrtistProProdTable@2x.jpg);}
	.buttonFunCardStudio { background-image:url( http://www.ohanaware.com/v5/prodTable/funCardStudioProdTable@2x.jpg); }
	.buttonFunPhotos { background-image: url( http://www.ohanaware.com/v5/prodTable/funPhotosProdTable@2x.jpg);}
	.buttonFunGreetings { background-image: url( http://www.ohanaware.com/v5/prodTable/funGreetingsProdTable@2x.jpg );}
	.buttonPhotoSamurai { background-image: url( http://www.ohanaware.com/v5/prodTable/photoSamuraiProdTable@2x.jpg);}
	.buttonFunPhotoCube { background-image: url( http://www.ohanaware.com/v5/prodTable/funPhotoCubeProdTable@2x.jpg);}
	.buttonBackupToGo { background-image:url( http://www.ohanaware.com/v5/prodTable/backupToGoProdTable@2x.jpg); }
	.buttonSBK { background-image: url( http://www.ohanaware.com/v5/prodTable/sbkProdTable@2x.jpg);}
	.buttonRK2 { background-image: url( http://www.ohanaware.com/v5/prodTable/rtkProdTable@2x.jpg);}
	.buttonDIM { background-image: url( http://www.ohanaware.com/v5/prodTable/dimProdTable@2x.jpg );}
	.buttonICNSmini { background-image: url(http://www.ohanaware.com/v5/prodTable/ICNSMini@2x.jpg); }
	.buttonPreviewReset { background-image: url(http://www.ohanaware.com/v5/prodTable/previewReset@2x.jpg); }
	.buttonCardSmith { background-image: url( 'http://www.ohanaware.com/v5/prodTable/cardsmith@2x.jpg'); }
}