html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{font-size:100%;}legend{color:#000;} div.fs { position: relative; } div.fs a { display: block; width : 100%; height: 100%; } div.fs div { position: absolute; } /* TEMPORARY */ .app-amzn-magnify div { display:none; } .app-amzn-magnify div.target-mag { display:none; } img.singlePage { position: absolute; } div.target-mag { /* Box model */ position: absolute; display: block; /* !!COMICS!! The image is always visible, it's the target-mag-parent element that controls visiblity */ overflow: hidden; /* UI Styling */ border: 3px solid #000000; background-color:#fff; } /* !!COMICS!! Parent container that hosts both the light box and the image. Is required as the light box needs an opacity independent of the the image. */ div.target-mag-parent { width:100%; height:100%; display:none; } div.target-mag-parent1 { width:100%; height:100%; display:block; } /* !!COMICS!! Light box only. */ div.target-mag-lb { width:100%; height:100%; background: #333333; opacity:.8; } div.target-mag img { position: absolute; } div.fs div.target-mag-text { position: absolute; height: 100%; width: 100%; overflow: hidden; } div.target-mag-text div{ position: relative; } .fs1 { width: 1600px; height: 1078px; margin: 0; padding: 0; } div.spread { position: absolute; background-repeat: no-repeat; height: 1078px; width: 800px; /* Half the fixed spread width */ } div.spread1 { position: absolute; background-repeat: no-repeat; width: 800px; height: 1078px; left: 800px; } p.copy { font-family:"DanteMTStd-Regular"; font-size: 0.855em; line-height: 1.25em; } .top { margin-top: 0.45em; } div.spread004_item1 { position: absolute; left: 48px; top: 367px; width: initial; height: initial; } div.spread004_mag1 { left: 20px; top: 281px; } div.spread004_item2 { position: absolute; left: 48px; top: 697px; width: initial; height: initial; } div.spread004_mag2 { left: 20px; top: 536px; }