<head> <!--[if lt IE 7 ]> <html lang="en" id="top" class="no-js ie6"> <![endif]--><!--[if IE 7 ]> <html lang="en" id="top" class="no-js ie7"> <![endif]--><!--[if IE 8 ]> <html lang="en" id="top" class="no-js ie8"> <![endif]--><!--[if IE 9 ]> <html lang="en" id="top" class="no-js ie9"> <![endif]--><!--[if (gt IE 9)|!(IE)]><!--><!--<![endif]--> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Design Your Case</title> <meta name="description" content="JB Custom Case Designer"> <meta name="keywords" content="Magento, Varien, E-commerce"> <meta name="robots" content="INDEX,FOLLOW"> <link rel="icon" href="http://jbcases.com/media/favicon/default/fev_1.png" type="image/x-icon"> <link rel="shortcut icon" href="http://jbcases.com/media/favicon/default/fev_1.png" type="image/x-icon"> <!--[if lt IE 7]> <script type="text/javascript"> //<![CDATA[ var BLANK_URL = 'http://jbcases.com/js/blank.html'; var BLANK_IMG = 'http://jbcases.com/js/spacer.gif'; //]]> </script> <![endif]--> <link rel="stylesheet" type="text/css" href="http://jbcases.com/skin/frontend/rwd/inky1003/css/custom-grid.css" media="all"> <script type="text/javascript" src="http://jbcases.com/js/prototype/prototype.js"></script> <script type="text/javascript" src="http://jbcases.com/js/lib/jquery/jquery-1.10.2.min.js"></script> <script type="text/javascript" src="http://jbcases.com/js/lib/jquery/noconflict.js"></script> <script type="text/javascript" src="http://jbcases.com/js/lib/ccard.js"></script> <script type="text/javascript" src="http://jbcases.com/js/prototype/validation.js"></script> <script type="text/javascript" src="http://jbcases.com/js/scriptaculous/builder.js"></script> <script type="text/javascript" src="http://jbcases.com/js/scriptaculous/effects.js"></script> <script type="text/javascript" src="http://jbcases.com/js/scriptaculous/dragdrop.js"></script> <script type="text/javascript" src="http://jbcases.com/js/scriptaculous/controls.js"></script> <script type="text/javascript" src="http://jbcases.com/js/scriptaculous/slider.js"></script> <script type="text/javascript" src="http://jbcases.com/js/varien/js.js"></script> <script type="text/javascript" src="http://jbcases.com/js/varien/form.js"></script> <script type="text/javascript" src="http://jbcases.com/js/mage/translate.js"></script> <script type="text/javascript" src="http://jbcases.com/js/mage/cookies.js"></script> <script type="text/javascript" src="http://jbcases.com/skin/frontend/rwd/inky1003/js/lib/modernizr.custom.min.js"></script> <script type="text/javascript" src="http://jbcases.com/skin/frontend/rwd/inky1003/js/lib/selectivizr.js"></script> <script type="text/javascript" src="http://jbcases.com/skin/frontend/rwd/inky1003/js/lib/matchMedia.js"></script> <script type="text/javascript" src="http://jbcases.com/skin/frontend/rwd/inky1003/js/lib/matchMedia.addListener.js"></script> <script type="text/javascript" src="http://jbcases.com/skin/frontend/rwd/inky1003/js/lib/enquire.js"></script> <script type="text/javascript" src="http://jbcases.com/skin/frontend/rwd/inky1003/js/app.js"></script> <script type="text/javascript" src="http://jbcases.com/skin/frontend/rwd/inky1003/js/lib/jquery.cycle2.min.js"></script> <script type="text/javascript" src="http://jbcases.com/skin/frontend/rwd/inky1003/js/lib/jquery.cycle2.swipe.min.js"></script> <script type="text/javascript" src="http://jbcases.com/skin/frontend/rwd/inky1003/js/slideshow.js"></script> <script type="text/javascript" src="http://jbcases.com/skin/frontend/rwd/inky1003/js/lib/imagesloaded.js"></script> <script type="text/javascript" src="http://jbcases.com/skin/frontend/rwd/inky1003/js/minicart.js"></script> <script type="text/javascript" src="http://jbcases.com/skin/frontend/rwd/inky1003/js/custom.js"></script> <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Raleway:300,400,500,700,600"> <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"> <!--[if (lte IE 8) & (!IEMobile)]> <link rel="stylesheet" type="text/css" href="http://jbcases.com/skin/frontend/rwd/in JOHN BLANK PAGE ky1003/css/styles-ie8.css" media="all" /> <link rel="stylesheet" type="text/css" href="http://jbcases.com/skin/frontend/rwd/inky1003/css/madisonisland-ie8.css" media="all" /> <![endif]--><!--[if (gte IE 9) | (IEMobile)]><!--> <link rel="stylesheet" type="text/css" href="http://jbcases.com/skin/frontend/rwd/inky1003/css/styles.css" media="all"> <link rel="stylesheet" type="text/css" href="http://jbcases.com/skin/frontend/rwd/inky1003/css/madisonisland.css" media="all"> <!--<![endif]--> <script type="text/javascript"> //<![CDATA[ Mage.Cookies.path = '/'; Mage.Cookies.domain = '.jbcases.com'; //]]> </script> <meta name="viewport" content="initial-scale=1.0, width=device-width"> <script type="text/javascript"> //<![CDATA[ optionalZipCountries = ["HK","IE","MO","PA"]; //]]> </script> <script type="text/javascript">//<![CDATA[ var Translator = new Translate([]); //]]></script> <style> .case-structure { overflow: hidden; } /* .case-structure .style-grid { display: table; overflow: hidden; width: 100%; } .case-structure .style-grid .style-name { background: #fff none repeat scroll 0 0; bottom: 24px; color: #303030; display: block; font-size: 16px; font-weight: 400; left: 1px; margin: 0 auto; position: absolute; right: 1px; text-transform: uppercase; width: 90%; } .case-structure .style-grid li.item { background: #fff none repeat scroll 0 0; border: 1px solid #fff; float: left; margin-bottom: 20px; margin-right: 2%; overflow: hidden; position: relative; text-align: center; width: 23.4%; } .case-structure .style-grid li.item { text-align: center; } .case-structure .style-grid .structure-box { display: table-cell; height: 236px; vertical-align: middle; width: 234px; } .case-structure .style-grid li.item img { height: auto; margin: 0 auto 40px; } .case-structure .style-grid .structure-box img { width: 100%; } .case-structure .style-grid .style-name { background: #fff none repeat scroll 0 0; bottom: 24px; color: #303030; display: block; font-size: 16px; font-weight: 400; left: 1px; margin: 0 auto; position: absolute; right: 1px; text-transform: uppercase; width: 90%; } .case-structure .style-grid .item:nth-child(4n) { margin-right: 0; } .case-structure .style-grid li.item { background: #fff none repeat scroll 0 0; border: 1px solid #fff; float: left; margin-bottom: 20px; margin-right: 2%; overflow: hidden; position: relative; text-align: center; width: 23.4%; } .case-structure .style-grid li.item:hover { border-color: #000000; }*/ .thumbnail { display: block; line-height: 1.42857; margin-bottom: 20px; padding: 4px; transition: all 0.2s ease-in-out 0s; } .thumbnail > img, .thumbnail a > img { display: block; height: auto; margin-left: auto; margin-right: auto; max-width: 100%; height:300px; width: auto; } .style-name{width:100%;display:block;text-align:center; text-transform:uppercase} </style>